X-Git-Url: https://git.sesse.net/?p=remoteglot;a=blobdiff_plain;f=www%2Fcss%2Fremoteglot.css;h=09b6b089cee4884d7bbcff3eab857d37c4efafd4;hp=da0a3a6051fb2cd903b23cbe8bf17580318e056a;hb=01b20c4f22ef463dec8262498848d3f7236b34ef;hpb=5cfc67549424f64ef65087d99b10744b70ee1f5a diff --git a/www/css/remoteglot.css b/www/css/remoteglot.css index da0a3a6..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,15 +111,24 @@ 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 { @@ -152,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; +}