Mercurial > prosody-modules
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 |
| parents | mod_http_muc_log/res/http_muc_log.html@d55b10878e43 |
| children | 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 |