html *, body * {
margin: 0;
padding: 0;
color: white;
}
body {
width: 1920px;
height: 1080px;
font-family: "Oswald", sans-serif;
/*background-image: url("/assets/test.png");*/
}
#stripe {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 58px;
text-align: center;
}
#stripe * {
display: inline-block;
}
#stripe.team, #stripe.team-ban {
background: transparent url("/assets/stripe.png") no-repeat;
}
#stripe.simple {
background: transparent url("/assets/stripe-simple.png") no-repeat;
}
#stripe .team {
position: fixed;
margin-top: 4px;
width: 500px;
overflow: hidden;
}
#stripe .team .name {
color: white;
font-size: 28px;
}
#stripe .team.blue {
left: 270px;
text-align: right;
}
#stripe .team.orange {
left: 1150px;
text-align: left;
}
#stripe .ban {
position: inherit;
top: 2px;
}
#stripe .ban.orange {
left: 1000px;
}
#stripe .ban.blue {
left: 812px;
}
#stripe .info {
position: inherit;
width: 300px;
height: 50px;
}
#stripe .info.left {
left: 0;
text-align: left;
}
#stripe .info.right {
left: 1620px;
text-align: right;
}
#stripe .mapwin {
background-color: #fff800;
position: fixed;
top: 6px;
left: 861px;
width: 32px;
height: 14px;
}
#stripe .mapwin.left {
left: 861px;
}
#stripe .mapwin.left.one {
top: 6px;
}
#stripe .mapwin.left.two {
top: 23px;
}
#stripe .mapwin.right {
left: 1028px;
}
#stripe .mapwin.right.one {
top: 6px;
}
#stripe .mapwin.right.two {
top: 23px;
}
#stripe .operator {
z-index: 10;
background-repeat: no-repeat;
background-size: cover;
width: 50px;
height: 50px;
margin-top: -2px;
filter: grayscale(50%);
text-align: center;
}
#stripe .operator .prohibit {
z-index: 20;
text-align: center;
color: gray;
margin-top: 15px;
font-size: 24px;
text-shadow: 1px 1px 1px gray, 1px 0 1px gray, 0 -1px 1px gray, -1px -1px 1px gray;
filter: none;
color: red;
}
#stripe .operator :after {
z-index: -1px;
position: relative;
top: -42px;
left: 0;
content: "";
width: 33px;
height: 33px;
display: block;
}
#stripe .blue .operator :after {
box-shadow: 0 0 10px 0 #1486e5;
}
#stripe .orange .operator :after {
box-shadow: 0 0 10px 0 #EA7019;
}
#stripe .esl-logo {
height: 40px;
margin-top: 5px;
margin-right: 8px;
}
#stripe .wargasz-logo {
margin-right: 8px;
}
#stripe .flag.hun {
height: 34px;
margin: 8px 0 0 8px;
float: left;
margin-right: 10px;
}
#stripe .info.left .text {
display: table-cell;
vertical-align: middle;
height: 50px;
font-size: 15px;
text-shadow: 1px 1px 1px black, 1px 0 1px black, 0 -1px 1px black, -1px -1px 1px black;
width: 350px;
}
#stripe .text em {
display: block;
position: absolute;
top: 11px;
font-style: normal;
font-weight: normal;
font-size: 20px;
}
#stripe .text.rotate em {
animation-name: fade;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-duration: 15s;
}
#stripe .text.rotate em:nth-child(1) {
animation-direction: alternate-reverse;
}
#stripe .text.rotate em:nth-child(2) {
animation-direction: alternate;
}
#main {
display: block;
width: 1920px;
height: 1080px;
}
#main.soon {
background: transparent url("/assets/backgrounds/start-soon.png") no-repeat;
}
#main.interview {
background: transparent url("/assets/backgrounds/interrogation.png") no-repeat;
}
#main.interview.fauw {
background: transparent url("/assets/backgrounds/interrogation-fauw.png") no-repeat;
}
#main .text, #main .placeholder {
position: absolute;
width: 50%;
left: 25%;
text-align: center;
top: 10em;
font-size: 5em;
color: white;
}
#main .placeholder {
opacity: 0.5;
background-color: black;
border-radius: 0.2em;
}
#main.interview .text.team {
top: 2em;
}
@keyframes fade {
0%, 49% {
opacity: 0;
}
51%, 100% {
opacity: 1;
}
}
/*# sourceMappingURL=overlay.css.map */