X-Git-Url: https://git.sesse.net/?p=remoteglot;a=blobdiff_plain;f=www%2Fcss%2Fremoteglot.css;h=09b6b089cee4884d7bbcff3eab857d37c4efafd4;hp=8551289d6a251ee89336381a5884d4a2a38b5351;hb=243c535dd2efc9d8126aa6c153292d8253239dd9;hpb=ee7c89056c97c8b999034b5c7f2da0d7570b885f diff --git a/www/css/remoteglot.css b/www/css/remoteglot.css index 8551289..09b6b08 100644 --- a/www/css/remoteglot.css +++ b/www/css/remoteglot.css @@ -1,14 +1,31 @@ body { font-family: sans-serif; } +h1 { + margin-top: 0em; +} h3 { margin-top: 1em; margin-bottom: 0; } -#score { +#scorecontainer { font-size: x-large; margin-top: 0; } +#score { + float: left; +} +#scoresparkcontainer { + overflow: hidden; +} +#scorespark { + margin-left: 0.5em; + margin-right: 0.5em; +} +#pvcontainer { + clear: left; + margin-top: 1em; +} .window { position: absolute; width: 0px; @@ -94,17 +111,29 @@ p { width: auto; text-align: center; } -#whiteclock { +#whiteinfo { float: left; - width: 20%; text-align: left; + min-width: 20%; } -#blackclock { +#blackinfo { float: right; - width: 20%; text-align: right; + min-width: 20%; + margin-right: 5px; +} +#whiteimbalance img, #blackimbalance img { + vertical-align: text-top; +} +#whiteimbalance { + margin-left: 5px; +} +#blackimbalance { margin-right: 5px; } +.running-clock { + font-weight: bold; +} #analysis { display: block; min-width: 400px; @@ -149,3 +178,20 @@ 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; +}