site-accueil-insa/assets/css/score.css

136 lines
2.3 KiB
CSS
Raw Normal View History

2018-06-15 11:12:55 +02:00
#mobile-score {
display: none;
2018-08-27 09:48:39 +02:00
height: auto;
2018-06-05 20:03:33 +02:00
}
2018-06-15 11:12:55 +02:00
#mobile-score .title-image {
2018-08-27 09:48:39 +02:00
height: 80px;
margin: 0 auto 0 auto;
display: block;
2018-06-05 20:03:33 +02:00
}
2018-08-27 09:48:39 +02:00
#mobile-score .score-container {
margin: 0 auto 0 auto;
display: block;
2018-06-15 11:12:55 +02:00
}
2018-06-05 20:03:33 +02:00
2018-06-15 11:12:55 +02:00
#top-bar-score {
display: inline-flex;
position: fixed;
right: 0;
2018-06-05 20:03:33 +02:00
}
2018-06-15 11:12:55 +02:00
#top-bar-score .title-image {
height: 40px;
margin: 0;
}
2018-06-05 20:03:33 +02:00
#main-score {
display: block;
}
#main-score .title-image {
display: none;
}
2018-08-27 09:36:01 +02:00
.score-container {
2018-06-15 11:12:55 +02:00
background: none;
2018-06-05 20:03:33 +02:00
border-radius: 10px;
display: inline-flex;
vertical-align: center;
font-family: 'Russo One', sans-serif;
2018-06-15 11:12:55 +02:00
margin: 0;
2018-06-05 20:03:33 +02:00
}
2018-08-27 09:36:01 +02:00
.score-container a {
2018-06-05 20:03:33 +02:00
display: inline-flex;
vertical-align: middle;
align-items: center;
2018-08-27 09:36:01 +02:00
}
.winning {
font-size: 23px;
2018-06-05 20:03:33 +02:00
}
.score-usa, .score-urss, .score-boomsouffle, .score-verredaigle {
2018-06-15 11:12:55 +02:00
font-size: 20px;
line-height: 40px;
2018-08-27 09:36:01 +02:00
text-align: center;
vertical-align: middle;
display: flex;
padding: 5px;
margin: 5px;
border-radius: 10px;
2018-06-05 20:03:33 +02:00
}
2018-08-03 21:18:46 +02:00
2018-06-15 11:12:55 +02:00
.score-usa{
2018-08-27 09:36:01 +02:00
color: #292952;
background: url("../images/usa.png") no-repeat right ;
background-size: auto 100%;
text-shadow: 0 0 10px #fff;
2018-06-05 20:03:33 +02:00
}
2018-06-15 11:12:55 +02:00
.score-urss{
2018-08-27 09:36:01 +02:00
color: #fbce15;
background: url("../images/urss.png") no-repeat left ;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
2018-06-05 20:03:33 +02:00
}
.score-verredaigle{
color: #fbce15;
background: url("../images/urss.png") no-repeat left ;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
}
.score-boomsouffle{
color: #fbce15;
background: url("../images/urss.png") no-repeat left ;
background-size: auto 100%;
text-shadow: 0 0 5px #000;
}
2018-06-05 20:03:33 +02:00
/*.score-separator{
2018-08-27 09:36:01 +02:00
font-size: 30px;
line-height: 40px;
text-align: center;
color: #fff;
text-shadow: 0 0 10px #000;
}*/
2018-06-05 20:03:33 +02:00
2018-07-06 19:34:49 +02:00
#main-score .score-logo {
height: 60px;
margin: 0 5px 0 5px;
}
#main-score .score-usa, #main-score .score-urss /*#main-score .score-separator*/ {
2018-07-06 19:34:49 +02:00
font-size: 40px;
line-height: 80px;
}
/*#main-score .score-separator {
2018-08-27 09:36:01 +02:00
font-size: 55px;
}*/
2018-08-27 09:36:01 +02:00
2018-08-03 21:18:46 +02:00
#main-score .winning {
font-size: 50px;
}
2018-06-05 20:03:33 +02:00
@media screen and (max-width: 480px) {
2018-06-15 11:12:55 +02:00
#top-bar-score {
display: none;
}
#mobile-score {
display: block;
2018-06-05 20:03:33 +02:00
}
2018-08-27 09:48:39 +02:00
2018-08-27 09:36:01 +02:00
#main-score .score-container a {
display: block;
}
#main-score .score-separator {
display: none;
}
2018-06-12 11:45:48 +02:00
}