diff 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
line wrap: on
line diff
--- a/mod_http_index/http_index.html	Mon Oct 12 18:45:01 2020 +0200
+++ b/mod_http_index/http_index.html	Mon Oct 12 18:53:26 2020 +0200
@@ -7,22 +7,31 @@
 <link rel="canonical" href="{canonical}">
 <title>{title}</title>
 <style>
+: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;}
 .content{background-color:white;padding:1em;list-style-position:inside;}
 nav{font-size:large;margin:1ex 1ex;clear:both;line-height:1.5em;}
-nav a{padding: 1ex;text-decoration:none;}
-nav li{margin: 1ex;}
+footer nav .up{display:none;}
 @media screen and (min-width: 460px) {
-nav{font-size:x-large;margin:1ex 1em;}
+nav {font-size:x-large;margin:1ex 1em;}
 }
-a:link,a:visited{color:#2e3436;text-decoration:none;}
-a:link:hover,a:visited:hover{color:#3465a4;}
-ul{padding:0;}
-li{list-style:none;}
-hr{visibility:hidden;clear:both;}
-br{clear:both;}
+nav a{padding: 1ex;}
+.content{background-color:white;padding:1em;list-style-position:inside;}
+@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}
+}
 </style>
 </head>
 <body>