Mercurial > prosody-modules
diff 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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/mod_http_muc_log/static/style.css Sun Dec 04 22:10:07 2022 +0100 @@ -0,0 +1,52 @@ +:link,:visited{color:#3465a4;text-decoration:none;} +:link:hover,:visited:hover{color:#6197df;} +body{background-color:#eeeeec;margin:1ex 0;padding-bottom:3em;font-family:Arial,Helvetica,sans-serif;} +ul,ol{padding:0;} +li{list-style:none;} +hr{visibility:hidden;clear:both;} +br{clear:both;} +header,footer{margin:1ex 1em;} +footer{font-size:smaller;color:#babdb6;} +nav{font-size:large;margin:1ex 1ex;clear:both;line-height:1.5em;} +footer nav .up{display:none;} +@media screen and (min-width: 460px) { +nav {font-size:x-large;margin:1ex 1em;} +} +nav a{padding:1ex} +nav li,nav dt{margin:1ex} +nav .up{font-size:smaller;display:block;clear:both;} +nav .up::before{content:"↑ ";} +nav .prev{float:left;} +nav .next{float:right;} +nav .next::after{content:" →";} +nav .prev::before{content:"← ";} +nav .last::after{content:" ⇥";} +nav :empty::after,nav :empty::before{content:""} +table{display:inline-block; margin:1ex 1em;vertical-align:top;} +th{font-size:x-small} +td{text-align:right;color:#bababa} +td > a, td > span{padding:0.4em} +.content{background-color:white;padding:1em;list-style-position:inside;} +.time{float:right;font-size:small;opacity:0.2;} +li:hover .time{opacity:1;} +.description{font-size:smaller;} +.body{white-space:pre-line;} +.body::before,.body::after{content:"";} +.presence .verb{font-style:normal;color:#30c030;} +.unavailable .verb{color:#c03030;} +.button{display:inline-block} +.button>a{color:white;background-color:orange;border-radius:4px} +.reaction{font-size:smaller;outline:1px solid silver;border-radius:2px} +form{text-align:right} +li.edited{display:none} +li:target{outline:1px gray dotted;display:inherit} +figure img{max-height:9em;max-width:16em} +@media (prefers-color-scheme: dark) { +html{color:#eee} +body{background-color:#161616} +.content{background-color:#1c1c1c} +footer{color:#444} +td{color:#444} +.button>a{background-color:#282828} +} +