| 1 | .slbbutton { |
| 2 | width: 44px; |
| 3 | height: 44px; |
| 4 | border-radius: 5px; |
| 5 | background-color: #BBB; |
| 6 | margin-left: 4px; |
| 7 | margin-top: 8px; |
| 8 | position: relative; |
| 9 | cursor: pointer; |
| 10 | opacity: 0.5; |
| 11 | } |
| 12 | |
| 13 | .night .slbbutton { |
| 14 | background-color: black; |
| 15 | } |
| 16 | |
| 17 | .slbbutton:hover { |
| 18 | opacity: 1; |
| 19 | } |
| 20 | |
| 21 | .slbbuttonsel { |
| 22 | opacity: 0.9; |
| 23 | } |
| 24 | |
| 25 | .slbbuttonsel2 { |
| 26 | width: 70px; |
| 27 | border-radius: 5px 0px 0px 5px; |
| 28 | opacity: 1; |
| 29 | } |
| 30 | |
| 31 | .slb1 { |
| 32 | background: url(../images/sharing-32.png) 0px 0px; |
| 33 | background-image: image-set(url(../images/sharing-32.png) 1x, url(../images/sharing-64.png) 2x); |
| 34 | height: 32px; |
| 35 | width: 32px; |
| 36 | cursor: pointer; |
| 37 | border: none; |
| 38 | position: absolute; |
| 39 | top: 3px; |
| 40 | left: 3px; |
| 41 | } |
| 42 | |
| 43 | .slb2 { |
| 44 | background: url(../images/sharing-32.png) -32px 0px; |
| 45 | background-image: image-set(url(../images/sharing-32.png) 1x, url(../images/sharing-64.png) 2x); |
| 46 | height: 32px; |
| 47 | width: 32px; |
| 48 | cursor: pointer; |
| 49 | border: none; |
| 50 | position: absolute; |
| 51 | top: 3px; |
| 52 | left: 3px; |
| 53 | } |
| 54 | |
| 55 | .slb3 { |
| 56 | background: url(../images/sharing-32.png) -64px 0px; |
| 57 | background-image: image-set(url(../images/sharing-32.png) 1x, url(../images/sharing-64.png) 2x); |
| 58 | height: 32px; |
| 59 | width: 32px; |
| 60 | cursor: pointer; |
| 61 | border: none; |
| 62 | position: absolute; |
| 63 | top: 3px; |
| 64 | left: 3px; |
| 65 | } |