Akron | 6db23ab | 2020-09-21 16:50:52 +0200 | [diff] [blame^] | 1 | .banner { |
| 2 | position: fixed; |
| 3 | width: 10em; |
| 4 | height: 10em; |
| 5 | overflow: hidden; |
| 6 | margin: 0; |
| 7 | padding: 0; |
| 8 | right: 0px; |
| 9 | margin-right: -2.4em; |
| 10 | top: 0; |
| 11 | |
| 12 | &::after { |
| 13 | content:attr(data-note); |
| 14 | display: block; |
| 15 | overflow: hidden; |
| 16 | width: 12em; |
| 17 | font-size: 10pt; |
| 18 | font-weight: bold; |
| 19 | word-spacing: 2px; |
| 20 | text-decoration: none; |
| 21 | position: relative; |
| 22 | left: 2em; |
| 23 | top: -1.6em; |
| 24 | line-height: 2em; |
| 25 | text-align: center; |
| 26 | -moz-transform-origin: 0 0 ; |
| 27 | -moz-transform:rotate(45deg); |
| 28 | -webkit-transform-origin: 0 0 ; |
| 29 | -webkit-transform:rotate(45deg); |
| 30 | -ms-transform-origin: 0 0 ; |
| 31 | -ms-transform:rotate(45deg); |
| 32 | transform-origin: 0 0 ; |
| 33 | transform:rotate(45deg); |
| 34 | |
| 35 | background-color: $light-orange; |
| 36 | color: $dark-orange; |
| 37 | border: 1px solid $dark-orange; |
| 38 | } |
| 39 | } |