diff --git a/assets/css/score.css b/assets/css/score.css index da84962..62a9eb1 100755 --- a/assets/css/score.css +++ b/assets/css/score.css @@ -32,47 +32,58 @@ display: none; } -.score-display { +.score-container { background: none; border-radius: 10px; display: inline-flex; vertical-align: center; font-family: 'Russo One', sans-serif; - height: 40px; margin: 0; } -.score-display a { +.score-container a { display: inline-flex; vertical-align: middle; align-items: center; - height: 40px; -} - -.score-usa, .score-urss { - font-size: 20px; - line-height: 40px; } .winning { font-size: 23px; } +.score-usa, .score-urss { + font-size: 20px; + line-height: 40px; + text-align: center; + vertical-align: middle; + display: flex; + padding: 5px; + margin: 5px; + border-radius: 10px; +} + + .score-usa{ - color: #1a5dad; + color: #292952; + background: url("../images/usa.png") no-repeat right ; + background-size: auto 100%; + text-shadow: 0 0 10px #fff; } .score-urss{ - color: #d72229; + color: #fbce15; + background: url("../images/urss.png") no-repeat left ; + background-size: auto 100%; + text-shadow: 0 0 5px #000; } + .score-separator{ - font-size: 20px; -} - -.score-logo { - height: 30px; - margin: 0; + font-size: 30px; + line-height: 40px; + text-align: center; + color: #fff; + text-shadow: 0 0 10px #000; } #main-score .score-logo { @@ -80,11 +91,15 @@ margin: 0 5px 0 5px; } -#main-score .score-usa, #main-score .score-urss { +#main-score .score-usa, #main-score .score-urss, #main-score .score-separator { font-size: 40px; line-height: 80px; } +#main-score .score-separator { + font-size: 55px; +} + #main-score .winning { font-size: 50px; } @@ -96,4 +111,10 @@ #mobile-score { display: block; } + #main-score .score-container a { + display: block; + } + #main-score .score-separator { + display: none; + } } diff --git a/includes/score_counter.php b/includes/score_counter.php index 0ed69fa..910e83c 100755 --- a/includes/score_counter.php +++ b/includes/score_counter.php @@ -1,26 +1,22 @@
- + + $scoreURSS) + $usaClass = 'winning'; + else if ($scoreUSA < $scoreURSS) + $urssClass = 'winning'; + ?> +
+ +
+
|
+
+ +
+
\ No newline at end of file