@font-face { font-family: Ubuntu; src: url('Ubuntu-Medium.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: Ubuntu; src: url('Ubuntu-Bold.ttf'); font-weight: bold; font-style: normal; } body { background: #000; font-family: Ubuntu; font-size: 160px; color: white; margin: 0; } #scoreboard { cursor: default; } input { border: 0px; font: inherit; background: transparent; color: inherit; width: 3em; display: inline; } .kitty, .img { position: absolute; left: -10000px; } .team { position: absolute; left: 0; height: 1.3em; width: 10em; border-radius: 0.2em; } .team * { position: relative; top: -0.3em; font-size: 145%; font-weight: bold; } #team-a { top: 0; background: #6c6; } #team-b { top: 50%; background: #c44; } .name { width: 3.5em; text-align: right; } .score { display: inline-block; width: 2em; text-align: right; } .jammer { color: #888; opacity: 0.3; } .jammer.lead { color: yellow; opacity: inherit; } .timeouts { margin-top: 4.8em; font-size: 20%; } #clocks * { position: absolute; right: 0.1em; text-align: right; } #period { top: -0.2em; } #jam { bottom: -0.2em; } #jamtext { color: #cc0; bottom: 0.1em; right: 3em; } #periodtext { color: #cc0; top: 1.25em; font-size: 80%; } #preset { top: 1em; right: 3em; } #close { visibility: hidden; } #notice { position: absolute; top: 0; left: 0; } #notice img { max-height: 3em; }