style changes

This commit is contained in:
/dev/urandom 2020-04-11 20:54:04 +03:00
parent beecfb2914
commit a37f1d0071
2 changed files with 37 additions and 9 deletions

View file

@ -33,6 +33,12 @@ border-radius: 4pt;
overflow: hidden; overflow: hidden;
} }
@media tty {
.spflex {
display: none !important;
}
}
</style> </style>
While the most common writing system for toki pona by far is the Latin alphabet, While the most common writing system for toki pona by far is the Latin alphabet,

View file

@ -1,15 +1,12 @@
html { html {
background:#d4d4d4;
min-height: 100%; min-height: 100%;
} }
body { body {
background: #fafafa; background: #fafafa;
color:#4b4b4b; color:#4b4b4b;
box-shadow: 0 0 0 1px #9d9d9d;
max-width: 720pt;
margin: auto;
min-height: 100%; min-height: 100%;
margin: 0;
} }
body a { body a {
@ -31,6 +28,7 @@ p {
} }
table { table {
background: #fafafa;
border: 2px solid #9D9D9D; border: 2px solid #9D9D9D;
border-collapse: collapse; border-collapse: collapse;
} }
@ -45,7 +43,6 @@ th, td {
color: #fafafa; color: #fafafa;
font-family: sans-serif; font-family: sans-serif;
min-height: 1px; min-height: 1px;
padding-inline: 2em;
padding-block: 1em; padding-block: 1em;
} }
@ -55,7 +52,7 @@ th, td {
} }
.header h2, .header h3 { .header h2, .header h3 {
display: inline-block; display: inline;
} }
.footer { .footer {
@ -71,13 +68,11 @@ th, td {
margin: 0 6pt; margin: 0 6pt;
color: #4b4b4b; color: #4b4b4b;
font-family: serif; font-family: serif;
padding-inline: 1em;
} }
.info, .warning, .error { .info, .warning, .error {
margin: 6pt; margin: 6pt;
padding: 6pt; padding-inline-start: 0.5em;
padding-inline-start: 1em;
font-family: sans-serif; font-family: sans-serif;
} }
@ -102,3 +97,30 @@ th, td {
color:#4b4b4b; color:#4b4b4b;
visibility: hidden; visibility: hidden;
} }
@media screen and (min-width: 480px) {
.header {
padding-inline: 2em;
}
.content {
padding-inline: 1em;
}
.info, .warning, .error {
padding: 6pt;
padding-inline-start: 1em;
font-family: sans-serif;
}
}
@media screen and (min-width:720pt) {
html {
background:#d4d4d4;
}
body {
box-shadow: 0 0 0 1px #9d9d9d;
max-width: 720pt;
margin: auto;
}
}