site-accueil-insa/assets/css/score.css
2018-08-03 21:18:46 +02:00

99 lines
1.3 KiB
CSS
Executable file

#mobile-score {
display: none;
}
#mobile-score .title-image {
height: 100px;
margin: 0;
}
#mobile-score .score-display {
background: #1c1c1c;
box-shadow: 0 0 5px #000;
}
#top-bar-score {
display: inline-flex;
position: fixed;
right: 0;
}
#top-bar-score .title-image {
height: 40px;
margin: 0;
}
#main-score {
display: block;
}
#main-score .title-image {
display: none;
}
.score-display {
background: none;
border-radius: 10px;
display: inline-flex;
vertical-align: center;
font-family: 'Russo One', sans-serif;
height: 40px;
margin: 0;
}
.score-display 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{
color: #1a5dad;
}
.score-urss{
color: #d72229;
}
.score-separator{
font-size: 20px;
}
.score-logo {
height: 30px;
margin: 0;
}
#main-score .score-logo {
height: 60px;
margin: 0 5px 0 5px;
}
#main-score .score-usa, #main-score .score-urss {
font-size: 40px;
line-height: 80px;
}
#main-score .winning {
font-size: 50px;
}
@media screen and (max-width: 480px) {
#top-bar-score {
display: none;
}
#mobile-score {
display: block;
}
}