| | |
| | | width: 1920px; |
| | | height: 1080px; |
| | | font-family: 'Oswald', sans-serif; |
| | | /* background-image: url("/assets/test.png");*/ |
| | | /*background-image: url("/assets/test.png");*/ |
| | | } |
| | | |
| | | #stripe { |
| | | position: fixed; |
| | | top: -6px; |
| | | top: -3px; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 58px; |
| | |
| | | } |
| | | |
| | | &.blue { |
| | | left: 270px; |
| | | left: 325px; |
| | | text-align: right; |
| | | } |
| | | |
| | | &.orange { |
| | | left: 1215px; |
| | | left: 1160px; |
| | | text-align: left; |
| | | } |
| | | } |
| | | |
| | | .ban { |
| | | position: inherit; |
| | | top: -1px; |
| | | top: 2px; |
| | | |
| | | &.orange { |
| | | left: 1080px; |
| | | left: 1000px; |
| | | } |
| | | |
| | | &.blue { |
| | | left: 735px; |
| | | left: 815px; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | |
| | | .operator { |
| | | z-index: 10; |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | | width: 50px; |
| | |
| | | text-align: center; |
| | | |
| | | .prohibit { |
| | | z-index: 20; |
| | | text-align: center; |
| | | color: gray; |
| | | margin-top: 15px; |
| | |
| | | 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; |