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>