Last change
on this file since 31961 was
29947,
checked in by JanisV, 10 years ago
|
Fixed info button for retina display
|
-
Property svn:executable set to
*
|
File size:
1.4 KB
|
Rev | Line | |
---|
[29918] | 1 | .fotorama__info-icon { |
---|
| 2 | width: 32px; |
---|
| 3 | height: 32px; |
---|
| 4 | bottom: 2px; |
---|
| 5 | right: 2px; |
---|
| 6 | z-index: 20; |
---|
| 7 | background: url(../template/info_button.png) no-repeat scroll; |
---|
| 8 | position: absolute; |
---|
| 9 | cursor: pointer; |
---|
| 10 | } |
---|
| 11 | @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) { |
---|
| 12 | .fotorama__info-icon { |
---|
[29947] | 13 | background: url('../template/info_button@2x.png') no-repeat scroll; |
---|
| 14 | background-size: 32px 32px; |
---|
[29918] | 15 | } |
---|
| 16 | } |
---|
| 17 | .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__info-icon { |
---|
| 18 | opacity: 0; |
---|
| 19 | } |
---|
| 20 | .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__info-icon:focus { |
---|
| 21 | opacity: 1; |
---|
| 22 | } |
---|
| 23 | .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__info-icon { |
---|
| 24 | display: none; |
---|
| 25 | } |
---|
| 26 | .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__info-icon:focus { |
---|
| 27 | display: block; |
---|
| 28 | } |
---|
| 29 | .fotorama__wrap--css2.fotorama__wrap--video .fotorama__info-icon { |
---|
| 30 | display: none !important; |
---|
| 31 | } |
---|
| 32 | .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__info-icon:not(:focus) { |
---|
| 33 | -webkit-transform: translate3d(32px,32px,0); |
---|
| 34 | transform: translate3d(32px,32px,0); |
---|
| 35 | } |
---|
| 36 | .fotorama__wrap--css3 .fotorama__info-icon { |
---|
| 37 | -webkit-transform: translate3d(0,0,0); |
---|
| 38 | transform: translate3d(0,0,0); |
---|
| 39 | } |
---|
| 40 | .fotorama__wrap--css3 .fotorama__info-icon:not(:focus) { |
---|
| 41 | transition-property: transform, opacity; |
---|
| 42 | transition-duration: 0.3s; |
---|
| 43 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.