Mercurial > prosody-modules
comparison mod_http_index/http_index.html @ 4194:13bcdfd9c714
mod_http_index: Copy style from mod_http_muc_log (inc dark theme!)
Mmmm unified style
author | Kim Alvefur <zash@zash.se> |
---|---|
date | Mon, 12 Oct 2020 18:53:26 +0200 |
parents | 4c1f80076606 |
children | 796c0eef888c |
comparison
equal
deleted
inserted
replaced
4193:8d1e996034ee | 4194:13bcdfd9c714 |
---|---|
5 <meta name="viewport" content="width=device-width, initial-scale=1"> | 5 <meta name="viewport" content="width=device-width, initial-scale=1"> |
6 <meta name="generator" value="prosody/{prosody_version} mod_{mod_name}"> | 6 <meta name="generator" value="prosody/{prosody_version} mod_{mod_name}"> |
7 <link rel="canonical" href="{canonical}"> | 7 <link rel="canonical" href="{canonical}"> |
8 <title>{title}</title> | 8 <title>{title}</title> |
9 <style> | 9 <style> |
10 :link,:visited{color:#3465a4;text-decoration:none;} | |
11 :link:hover,:visited:hover{color:#6197df;} | |
10 body{background-color:#eeeeec;margin:1ex 0;padding-bottom:3em;font-family:Arial,Helvetica,sans-serif;} | 12 body{background-color:#eeeeec;margin:1ex 0;padding-bottom:3em;font-family:Arial,Helvetica,sans-serif;} |
13 ul,ol{padding:0;} | |
14 li{list-style:none;} | |
15 hr{visibility:hidden;clear:both;} | |
16 br{clear:both;} | |
11 header,footer{margin:1ex 1em;} | 17 header,footer{margin:1ex 1em;} |
12 footer{font-size:smaller;color:#babdb6;} | 18 footer{font-size:smaller;color:#babdb6;} |
13 .content{background-color:white;padding:1em;list-style-position:inside;} | 19 .content{background-color:white;padding:1em;list-style-position:inside;} |
14 nav{font-size:large;margin:1ex 1ex;clear:both;line-height:1.5em;} | 20 nav{font-size:large;margin:1ex 1ex;clear:both;line-height:1.5em;} |
15 nav a{padding: 1ex;text-decoration:none;} | 21 footer nav .up{display:none;} |
16 nav li{margin: 1ex;} | |
17 @media screen and (min-width: 460px) { | 22 @media screen and (min-width: 460px) { |
18 nav{font-size:x-large;margin:1ex 1em;} | 23 nav {font-size:x-large;margin:1ex 1em;} |
19 } | 24 } |
20 a:link,a:visited{color:#2e3436;text-decoration:none;} | 25 nav a{padding: 1ex;} |
21 a:link:hover,a:visited:hover{color:#3465a4;} | 26 .content{background-color:white;padding:1em;list-style-position:inside;} |
22 ul{padding:0;} | 27 @media (prefers-color-scheme: dark) { |
23 li{list-style:none;} | 28 html{color:#eee} |
24 hr{visibility:hidden;clear:both;} | 29 body{background-color:#161616} |
25 br{clear:both;} | 30 .content{background-color:#1c1c1c} |
31 footer{color:#444} | |
32 td{color:#444} | |
33 .button>a{background-color:#282828} | |
34 } | |
26 </style> | 35 </style> |
27 </head> | 36 </head> |
28 <body> | 37 <body> |
29 <header> | 38 <header> |
30 <h1>Prosody IM</h1> | 39 <h1>Prosody IM</h1> |