X-Git-Url: https://git.sesse.net/?a=blobdiff_plain;f=www%2Fcss%2Fremoteglot.css;h=fcd6e5759fd3bbbe5393a3e4e2454b7ab74e7601;hb=7a30c47f69414033365ef8be20f3c9cf48bdce0a;hp=2be984091696df3cfa1ebae0bf991d8ffa072cdf;hpb=d6e53996bae7bd8b01dfb6ed8e61a573bd9157cb;p=remoteglot diff --git a/www/css/remoteglot.css b/www/css/remoteglot.css index 2be9840..fcd6e57 100644 --- a/www/css/remoteglot.css +++ b/www/css/remoteglot.css @@ -1,5 +1,10 @@ body { font-family: sans-serif; + background: white; + color: black; +} +h1 { + margin-top: 0em; } h3 { margin-top: 1em; @@ -21,6 +26,7 @@ h3 { } #pvcontainer { clear: left; + margin-top: 1em; } .window { position: absolute; @@ -174,3 +180,45 @@ a.move:hover { #linenav { display: none; } +#lomonosov { + display: none; +} + +#games { + font-size: smaller; + margin-bottom: 0.5em; +} +.game { + padding: 0.25em 1em 0.25em 1em; + margin: 0; + background: #eee; + border-right: 1px solid #bbb; +} +.game:last-of-type { + border-right: none; +} + +.pv, #pv, #history { /* Mute move colors a bit. */ + color: #555; +} + +@media (prefers-color-scheme: dark) { + +body { + background: black; + color: #eee; +} +.pv, #pv, #history { /* Mute move colors a bit. */ + color: #bbb; +} +#numviewers { + color: #bbb; +} +a.move, a.move:link { + color: #eee; +} +a:link { + color: rgb(128,128,238); +} + +}