Comparison

mod_http_muc_log/static/style.css @ 5104:d4b0a995e5e3

mod_http_muc_log: Move CSS and JS out of template This allows applying different cache and security policies to the static resources, while reducing the size of all pages.
author Kim Alvefur <zash@zash.se>
date Sun, 04 Dec 2022 22:10:07 +0100
parent 4990:mod_http_muc_log/res/http_muc_log.html@d55b10878e43
child 5107:1e10ddbf5c87
comparison
equal deleted inserted replaced
5103:4fb922aa0ace 5104:d4b0a995e5e3
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