separate style for toki pona pages

This commit is contained in:
/dev/urandom 2020-05-14 13:31:38 +03:00
parent e67e963177
commit cc5a5c0cb0
5 changed files with 43 additions and 7 deletions

View file

@ -50,8 +50,9 @@ kulupu Neto [NATO]. sitelen ante li sin, li kepeken nimi pi toki pona taso. jan
kute li ken ala kama sona ike e toki sina la, sina ken weka e nimi "sitelen", e
nimi "nanpa".
sitelen Losi ale li kama tan nasin Losi pi ilo kute pi kalama weka pi jan ni:
ona li lawa ala. ona mute suli li kama tan nimi pi jan Losi.
kulupu lawa Losi li jo e nasin tawa ni: jan pi lipu ken ala li wile pana e
kalama lon kon tawa weka. nimi pi sitelen Losi kama tan nasin ni. ona mute suli
li kama tan nimi Losi.
nimi lon insa poki kiwen li nimi tan. o toki ala e ona.
@ -86,7 +87,7 @@ sina toki e sitelen suli la, sina wile toki e nimi pi sitelen e nimi "suli".
| 8 | nanpa Eto [eight] / nanpa luka tu wan |
| 9 | nanpa Nana [niner] / nanpa luka tu tu |
| : | sitelen pi pini tu |
| ; | sitelen pi pini pi la |
| ; | sitelen pi pini pi la / sitelen pi pini en la |
| < | sitelen pi suli lili |
| = | sitelen sama |
| > | sitelen pi suli mute |

View file

@ -1,5 +1,6 @@
#define C_PAGEBG #404a68
#define C_HEADERBG #221f31
#define C_HEADERBGHALF rgba(34,31,49,0.5)
#define C_BODYBG #fefefe
#define C_FOOTERBG #9a93b7
@ -68,12 +69,15 @@ th, td {
color: C_HEADERFG;
font-family: sans-serif;
min-height: 1px;
padding-block: 1em;
}
.header_text {
padding-block: 0.5em;
}
.header a, .header a:visited {
color: C_HEADERFG;
color: inherit;
}
.header h2, .header h3 {
@ -159,6 +163,10 @@ th, td {
@media screen and (min-width: 480px) {
.header {
}
.header_text {
background: C_HEADERBGHALF;
padding-inline: 2em;
}
.content {
@ -172,13 +180,13 @@ th, td {
}
}
@media screen and (min-width:720pt) {
@media screen and (min-width:768pt) {
html {
background:C_PAGEBG;
}
body {
box-shadow: 0 0 0 1px C_BBORDER;
max-width: 720pt;
max-width: 768pt;
margin: auto;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View file

@ -0,0 +1,23 @@
.header {
background: #f5ee9b;
color: #404a68;
}
@media screen and (min-width: 480px) {
.header_image {
min-height: 96pt;
background-image: url("tokipona_banner.gif");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
image-rendering: crisp-edges;
}
.header_text {
background: rgba(245,238,155,0.75);
}
}

View file

@ -5,14 +5,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?theme title?></title>
<link href="/style.css" rel="stylesheet" type="text/css" media="all">
<link href="xstyle.css" rel="stylesheet" type="text/css" media="all">
<link rel="icon" type="image/png" href="favicon.png">
<?theme style?>
<script src="/scripts.js"></script>
</head>
<body>
<div class="header">
<div class="header_image"></div>
<div class="header_text">
<h2><a href="/">rnd's website</a><span class="titlesep"> | </span></h2><h3><?theme title?></h3>
</div>
</div>
<div class="content">
<?theme body?>
</div>