| commit | author | age | ||
| fb1240 | 1 | html *, body * { |
| FÁ | 2 | margin: 0; |
| 3 | padding: 0; | |
| 4 | color: white; | |
| 5 | } | |
| 6 | ||
| 7 | body { | |
| 8 | width: 1920px; | |
| 9 | height: 1080px; | |
| 10 | font-family: 'Oswald', sans-serif; | |
| 11cf46 | 11 | /*background-image: url("/assets/test.png");*/ |
| fb1240 | 12 | } |
| FÁ | 13 | |
| 14 | #stripe { | |
| 15 | position: fixed; | |
| ae0592 | 16 | top: 0; |
| fb1240 | 17 | left: 0; |
| FÁ | 18 | width: 100%; |
| 19 | height: 58px; | |
| 20 | text-align: center; | |
| 21 | ||
| 22 | & * { | |
| 23 | display: inline-block; | |
| 24 | } | |
| 25 | ||
| 26 | &.team, &.team-ban { | |
| 27 | background: transparent url("/assets/stripe.png") no-repeat; | |
| 28 | } | |
| 29 | ||
| 30 | &.simple { | |
| 31 | background: transparent url("/assets/stripe-simple.png") no-repeat; | |
| 32 | } | |
| 33 | ||
| 34 | .team { | |
| 35 | position: fixed; | |
| ae0592 | 36 | margin-top: 4px; |
| FÁ | 37 | width: 500px; |
| fb1240 | 38 | overflow: hidden; |
| FÁ | 39 | |
| 40 | .name { | |
| 41 | color: white; | |
| ae0592 | 42 | font-size: 28px; |
| fb1240 | 43 | } |
| FÁ | 44 | |
| 45 | &.blue { | |
| ae0592 | 46 | left: 270px; |
| fb1240 | 47 | text-align: right; |
| FÁ | 48 | } |
| 49 | ||
| 50 | &.orange { | |
| ae0592 | 51 | left: 1150px; |
| fb1240 | 52 | text-align: left; |
| FÁ | 53 | } |
| 54 | } | |
| 55 | ||
| 56 | .ban { | |
| 57 | position: inherit; | |
| 11cf46 | 58 | top: 2px; |
| fb1240 | 59 | |
| FÁ | 60 | &.orange { |
| 11cf46 | 61 | left: 1000px; |
| fb1240 | 62 | } |
| FÁ | 63 | |
| 64 | &.blue { | |
| aee2d5 | 65 | left: 812px; |
| fb1240 | 66 | } |
| FÁ | 67 | } |
| 68 | ||
| 69 | .info { | |
| 70 | position: inherit; | |
| f6ebbf | 71 | width: 300px; |
| fb1240 | 72 | height: 50px; |
| FÁ | 73 | } |
| 74 | ||
| 75 | .info.left { | |
| 76 | left: 0; | |
| 77 | text-align: left; | |
| 78 | } | |
| 79 | ||
| 80 | .info.right { | |
| f6ebbf | 81 | left: 1620px; |
| fb1240 | 82 | text-align: right; |
| FÁ | 83 | } |
| f6ebbf | 84 | |
| FÁ | 85 | .mapwin { |
| 86 | background-color: #fff800; | |
| 87 | position: fixed; | |
| 88 | top: 6px; | |
| 89 | left: 861px; | |
| 90 | width: 32px; | |
| 91 | height: 14px; | |
| ae0592 | 92 | |
| f6ebbf | 93 | &.left { |
| FÁ | 94 | left: 861px; |
| ae0592 | 95 | |
| f6ebbf | 96 | &.one { |
| FÁ | 97 | top: 6px; |
| 98 | } | |
| ae0592 | 99 | |
| f6ebbf | 100 | &.two { |
| FÁ | 101 | top: 23px; |
| 102 | } | |
| 103 | } | |
| 104 | ||
| 105 | &.right { | |
| 106 | left: 1028px; | |
| ae0592 | 107 | |
| f6ebbf | 108 | &.one { |
| FÁ | 109 | top: 6px; |
| 110 | } | |
| ae0592 | 111 | |
| f6ebbf | 112 | &.two { |
| FÁ | 113 | top: 23px; |
| 114 | } | |
| 115 | } | |
| ae0592 | 116 | } |
| f6ebbf | 117 | |
| fb1240 | 118 | |
| FÁ | 119 | .operator { |
| 083ff4 | 120 | z-index: 10; |
| fb1240 | 121 | background-repeat: no-repeat; |
| FÁ | 122 | background-size: cover; |
| f6ebbf | 123 | width: 50px; |
| FÁ | 124 | height: 50px; |
| 125 | margin-top: -2px; | |
| fb1240 | 126 | |
| f6ebbf | 127 | filter: grayscale(50%); |
| fb1240 | 128 | text-align: center; |
| FÁ | 129 | |
| 130 | .prohibit { | |
| 083ff4 | 131 | z-index: 20; |
| fb1240 | 132 | text-align: center; |
| FÁ | 133 | color: gray; |
| f6ebbf | 134 | margin-top: 15px; |
| FÁ | 135 | font-size: 24px; |
| fb1240 | 136 | text-shadow: 1px 1px 1px gray, |
| FÁ | 137 | 1px 0 1px gray, |
| 138 | 0 -1px 1px gray, | |
| 139 | -1px -1px 1px gray; | |
| 140 | filter: none; | |
| 141 | color: red; | |
| 142 | } | |
| 143 | } | |
| ae0592 | 144 | |
| 083ff4 | 145 | .operator :after { |
| FÁ | 146 | z-index: -1px; |
| 147 | position: relative; | |
| 148 | top: -42px; | |
| 149 | left: 0; | |
| 150 | content: ''; | |
| 151 | width: 33px; | |
| 152 | height: 33px; | |
| 153 | display: block; | |
| 154 | } | |
| ae0592 | 155 | |
| 083ff4 | 156 | .blue .operator :after { |
| FÁ | 157 | box-shadow: 0 0 10px 0 #1486e5; |
| 158 | } | |
| ae0592 | 159 | |
| 083ff4 | 160 | .orange .operator :after { |
| FÁ | 161 | box-shadow: 0 0 10px 0 #EA7019; |
| 162 | } | |
| fb1240 | 163 | |
| FÁ | 164 | .esl-logo { |
| 165 | height: 40px; | |
| 166 | margin-top: 5px; | |
| 167 | margin-right: 8px; | |
| 168 | } | |
| ae0592 | 169 | |
| aee2d5 | 170 | .wargasz-logo { |
| ae0592 | 171 | // height: 40px; |
| FÁ | 172 | //margin-top: 5px; |
| aee2d5 | 173 | margin-right: 8px; |
| FÁ | 174 | } |
| fb1240 | 175 | |
| FÁ | 176 | .flag.hun { |
| 177 | height: 34px; | |
| 178 | margin: 8px 0 0 8px; | |
| 179 | float: left; | |
| 180 | margin-right: 10px; | |
| 181 | } | |
| 182 | ||
| 183 | .info.left .text { | |
| 184 | display: table-cell; | |
| 185 | vertical-align: middle; | |
| 186 | height: 50px; | |
| ae0592 | 187 | font-size: 15px; |
| fb1240 | 188 | text-shadow: 1px 1px 1px black, |
| FÁ | 189 | 1px 0 1px black, |
| 190 | 0 -1px 1px black, | |
| 191 | -1px -1px 1px black; | |
| f6ebbf | 192 | width: 350px; |
| fb1240 | 193 | } |
| FÁ | 194 | |
| 195 | .text em { | |
| ae0592 | 196 | display: block; |
| FÁ | 197 | position: absolute; |
| 198 | top: 11px; | |
| fb1240 | 199 | font-style: normal; |
| ae0592 | 200 | font-weight: normal; |
| FÁ | 201 | font-size: 20px; |
| fb1240 | 202 | } |
| ae0592 | 203 | .text.rotate { |
| FÁ | 204 | em { |
| 205 | animation-name: fade; | |
| 206 | animation-fill-mode: both; | |
| 207 | animation-iteration-count: infinite; | |
| 208 | animation-duration: 15s; | |
| 209 | ||
| 210 | &:nth-child(1) { | |
| 211 | animation-direction: alternate-reverse; | |
| 212 | } | |
| 213 | &:nth-child(2) { | |
| 214 | animation-direction: alternate; | |
| 215 | } | |
| 216 | } | |
| 217 | } | |
| 218 | ||
| fb1240 | 219 | } |
| FÁ | 220 | |
| 221 | #main { | |
| 222 | display: block; | |
| 223 | width: 1920px; | |
| 224 | height: 1080px; | |
| 225 | ||
| 226 | &.soon { | |
| 227 | background: transparent url("/assets/backgrounds/start-soon.png") no-repeat; | |
| 8b1f17 | 228 | } |
| fb69d5 | 229 | |
| 8b1f17 | 230 | &.interview { |
| FÁ | 231 | background: transparent url("/assets/backgrounds/interrogation.png") no-repeat; |
| fb69d5 | 232 | } |
| FÁ | 233 | |
| 234 | &.interview.fauw { | |
| 235 | background: transparent url("/assets/backgrounds/interrogation-fauw.png") no-repeat; | |
| 8b1f17 | 236 | } |
| fb1240 | 237 | |
| 8b1f17 | 238 | .text, .placeholder { |
| FÁ | 239 | position: absolute; |
| 240 | width: 50%; | |
| 241 | left: 25%; | |
| 242 | text-align: center; | |
| 243 | top: 10em; | |
| 244 | font-size: 5em; | |
| 245 | color: white; | |
| 246 | } | |
| fb69d5 | 247 | |
| 8b1f17 | 248 | .placeholder { |
| FÁ | 249 | opacity: 0.5; |
| 250 | background-color: black; | |
| 251 | border-radius: 0.2em; | |
| 252 | } | |
| 253 | ||
| fb69d5 | 254 | &.interview { |
| 8b1f17 | 255 | .text.team { |
| FÁ | 256 | top: 2em; |
| fb1240 | 257 | } |
| FÁ | 258 | } |
| ae0592 | 259 | } |
| fb1240 | 260 | |
| ae0592 | 261 | |
| FÁ | 262 | @keyframes fade { |
| 263 | 0%, 49% { | |
| 264 | opacity: 0; | |
| 265 | } | |
| 266 | 51%, 100% { | |
| 267 | opacity: 1; | |
| 268 | } | |
| fb1240 | 269 | } |
