| | |
| | | text-align: right; |
| | | } |
| | | |
| | | $base-left: 750px; |
| | | $base-right: 1105px; |
| | | .mapwin { |
| | | background-color: #fff800; |
| | | position: fixed; |
| | | border-radius: 10px; |
| | | |
| | | top: 6px; |
| | | left: 861px; |
| | | width: 32px; |
| | | height: 14px; |
| | | width: 10px; |
| | | height: 10px; |
| | | |
| | | &.one { |
| | | top: 2px; |
| | | } |
| | | |
| | | &.two { |
| | | top: 2px; |
| | | } |
| | | |
| | | &.three { |
| | | top: 15px; |
| | | } |
| | | |
| | | &.left { |
| | | left: 861px; |
| | | border: 1px solid rgba(20, 134, 229, 0.5); |
| | | |
| | | &.checked { |
| | | background-color: #1486e5; |
| | | } |
| | | |
| | | &.one { |
| | | top: 6px; |
| | | left: $base-left + 37px; |
| | | } |
| | | |
| | | &.two { |
| | | top: 23px; |
| | | left: $base-left + 52px; |
| | | } |
| | | |
| | | &.three { |
| | | left: $base-left + 45px ; |
| | | } |
| | | } |
| | | |
| | | &.right { |
| | | left: 1028px; |
| | | border: 1px solid rgba(234, 112, 25, 0.5); |
| | | &.checked { |
| | | background-color: #EA7019; |
| | | } |
| | | |
| | | &.one { |
| | | top: 6px; |
| | | left: $base-right + 13px; |
| | | } |
| | | |
| | | &.two { |
| | | top: 23px; |
| | | left: $base-right - 2px; |
| | | } |
| | | |
| | | &.three { |
| | | left: $base-right + 5px; |
| | | } |
| | | } |
| | | } |
| | |
| | | font-weight: normal; |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .text.rotate { |
| | | em { |
| | | animation-name: fade; |
| | |
| | | &:nth-child(1) { |
| | | animation-direction: alternate-reverse; |
| | | } |
| | | |
| | | &:nth-child(2) { |
| | | animation-direction: alternate; |
| | | } |