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: -3px;
left: 0;
width: 100%;
height: 58px;
text-align: center;
& * {
display: inline-block;
}
&.team, &.team-ban {
background: transparent url("/assets/stripe.png") no-repeat;
}
&.simple {
background: transparent url("/assets/stripe-simple.png") no-repeat;
}
.team {
position: fixed;
margin-top: 2px;
width: 435px;
overflow: hidden;
.name {
color: white;
font-size: 33px;
}
&.blue {
left: 325px;
text-align: right;
}
&.orange {
left: 1160px;
text-align: left;
}
}
.ban {
position: inherit;
top: 2px;
&.orange {
left: 1000px;
}
&.blue {
left: 812px;
}
}
.info {
position: inherit;
top: -3px;
width: 300px;
height: 50px;
}
.info.left {
left: 0;
text-align: left;
}
.info.right {
left: 1620px;
text-align: right;
}
.mapwin {
background-color: #fff800;
position: fixed;
top: 6px;
left: 861px;
width: 32px;
height: 14px;
&.left {
left: 861px;
&.one {
top: 6px;
}
&.two {
top: 23px;
}
}
&.right {
left: 1028px;
&.one {
top: 6px;
}
&.two {
top: 23px;
}
}
}
.operator {
z-index: 10;
background-repeat: no-repeat;
background-size: cover;
width: 50px;
height: 50px;
margin-top: -2px;
filter: grayscale(50%);
text-align: center;
.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;
}
}
.operator :after {
z-index: -1px;
position: relative;
top: -42px;
left: 0;
content: '';
width: 33px;
height: 33px;
display: block;
}
.blue .operator :after {
box-shadow: 0 0 10px 0 #1486e5;
}
.orange .operator :after {
box-shadow: 0 0 10px 0 #EA7019;
}
.esl-logo {
height: 40px;
margin-top: 5px;
margin-right: 8px;
}
.wargasz-logo {
height: 40px;
margin-top: 5px;
margin-right: 8px;
}
.flag.hun {
height: 34px;
margin: 8px 0 0 8px;
float: left;
margin-right: 10px;
}
.info.left .text {
display: table-cell;
vertical-align: middle;
height: 50px;
font-size: 20px;
text-shadow: 1px 1px 1px black,
1px 0 1px black,
0 -1px 1px black,
-1px -1px 1px black;
width: 350px;
}
.text em {
font-style: normal;
font-weight: bold;
font-size: 22px;
}
}
#main {
display: block;
width: 1920px;
height: 1080px;
&.soon {
background: transparent url("/assets/backgrounds/start-soon.png") no-repeat;
}
&.interview {
background: transparent url("/assets/backgrounds/interrogation.png") no-repeat;
}
&.interview.fauw {
background: transparent url("/assets/backgrounds/interrogation-fauw.png") no-repeat;
}
.text, .placeholder {
position: absolute;
width: 50%;
left: 25%;
text-align: center;
top: 10em;
font-size: 5em;
color: white;
}
.placeholder {
opacity: 0.5;
background-color: black;
border-radius: 0.2em;
}
&.interview {
.text.team {
top: 2em;
}
}
}