X-Git-Url: https://git.sesse.net/?a=blobdiff_plain;f=score.scss;h=6f33fa36434cdcbdf14a882778a0e7f3853425d6;hb=4d2991a8d05b23222912fb904b436af5f4d740c2;hp=f2d77d8e85f481a22459193a353da63256e7305f;hpb=10a8910705983c36f00ff21f8e19035209921dd8;p=ultimatescore diff --git a/score.scss b/score.scss index f2d77d8..6f33fa3 100644 --- a/score.scss +++ b/score.scss @@ -1,4 +1,4 @@ -$trondisk: true; +$trondisk: false; * { box-sizing: border-box; @@ -21,7 +21,7 @@ body { color: white; /* Needs to be adjusted per-font! 2px/4px is a good choice for Exo. */ - --main-padding-top-adjust: 4px; + --main-padding-top-adjust: 0px; --main-padding-top-large-adjust: 0px; } @else { font-family: 'Exo', sans-serif; @@ -60,9 +60,10 @@ body { border: 1px solid #ccc; } } +.scorebug2 td, .scorebug3 td { + border: 1px solid #ccc8; +} .scorebug2 { - /*top: 52px; */ - /* left: 22px; */ left: 1275px; top: 13px; font-size: 20px; @@ -72,6 +73,16 @@ body { top: 13px; font-size: 20px; } +.scorebug3 { + left: 1275px; + top: 47px; + font-size: 20px; +} +#clockbug3 { + left: 1360px; + top: 47px; + font-size: 20px; +} .team1color, .team2color { width: 12px; margin: 5px; @@ -104,14 +115,14 @@ body { } padding-top: var(--main-padding-top-adjust); } -#score2_team1, #score2_team2 { +#score2_team1, #score2_team2, #score3_team1, #score3_team2 { @if $trondisk { background: linear-gradient(to bottom, #00a8, #0088); } @else { background: linear-gradient(to bottom, #fff8, #eee8); } } -#score2_team1, #score2_team2, #score2_score { +#score2_team1, #score2_team2, #score2_score, #score3_team1, #score3_team2, #score3_score { height: 30px; } .score { @@ -125,7 +136,7 @@ body { height: 35px; padding-top: var(--main-padding-top-adjust); } -#score2_score { +#score2_score, #score3_score { @if $trondisk { background: linear-gradient(to bottom, #00c8, #00a8); } @else { @@ -134,7 +145,7 @@ body { } /* Clock, to the right of score */ -.clockbug, .clockbug2 { +.clockbug, .clockbug2, .clockbug3 { position: fixed; font-size: 25px; left: 352px; @@ -144,7 +155,7 @@ body { @if $trondisk { border: 1px solid black; } @else { - border: 1px solid #ccc; + border: 1px solid #ccc8; } } .clock { @@ -160,7 +171,8 @@ body { padding-top: var(--main-padding-top-adjust); width: 90px; } -#clock2 { +#clock2, #clock3 { + border: 1px solid #ccc8; @if $trondisk { background: linear-gradient(to bottom, #00a8, #0088); } @else {