|
1 :link,:visited{color:#3465a4;text-decoration:none;} |
|
2 :link:hover,:visited:hover{color:#6197df;} |
|
3 body{background-color:#eeeeec;margin:1ex 0;padding-bottom:3em;font-family:Arial,Helvetica,sans-serif;} |
|
4 ul,ol{padding:0;} |
|
5 li{list-style:none;} |
|
6 hr{visibility:hidden;clear:both;} |
|
7 br{clear:both;} |
|
8 header,footer{margin:1ex 1em;} |
|
9 footer{font-size:smaller;color:#babdb6;} |
|
10 nav{font-size:large;margin:1ex 1ex;clear:both;line-height:1.5em;} |
|
11 footer nav .up{display:none;} |
|
12 @media screen and (min-width: 460px) { |
|
13 nav {font-size:x-large;margin:1ex 1em;} |
|
14 } |
|
15 nav a{padding:1ex} |
|
16 nav li,nav dt{margin:1ex} |
|
17 nav .up{font-size:smaller;display:block;clear:both;} |
|
18 nav .up::before{content:"↑ ";} |
|
19 nav .prev{float:left;} |
|
20 nav .next{float:right;} |
|
21 nav .next::after{content:" →";} |
|
22 nav .prev::before{content:"← ";} |
|
23 nav .last::after{content:" ⇥";} |
|
24 nav :empty::after,nav :empty::before{content:""} |
|
25 table{display:inline-block; margin:1ex 1em;vertical-align:top;} |
|
26 th{font-size:x-small} |
|
27 td{text-align:right;color:#bababa} |
|
28 td > a, td > span{padding:0.4em} |
|
29 .content{background-color:white;padding:1em;list-style-position:inside;} |
|
30 .time{float:right;font-size:small;opacity:0.2;} |
|
31 li:hover .time{opacity:1;} |
|
32 .description{font-size:smaller;} |
|
33 .body{white-space:pre-line;} |
|
34 .body::before,.body::after{content:"";} |
|
35 .presence .verb{font-style:normal;color:#30c030;} |
|
36 .unavailable .verb{color:#c03030;} |
|
37 .button{display:inline-block} |
|
38 .button>a{color:white;background-color:orange;border-radius:4px} |
|
39 .reaction{font-size:smaller;outline:1px solid silver;border-radius:2px} |
|
40 form{text-align:right} |
|
41 li.edited{display:none} |
|
42 li:target{outline:1px gray dotted;display:inherit} |
|
43 figure img{max-height:9em;max-width:16em} |
|
44 @media (prefers-color-scheme: dark) { |
|
45 html{color:#eee} |
|
46 body{background-color:#161616} |
|
47 .content{background-color:#1c1c1c} |
|
48 footer{color:#444} |
|
49 td{color:#444} |
|
50 .button>a{background-color:#282828} |
|
51 } |
|
52 |