Blame view
sources/apps/gallery/css/slideshow.css
1.91 KB
|
d1bafeea1
|
1 2 3 4 5 6 7 8 9 |
#slideshow {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
background-color: black;
|
|
d1bafeea1
|
10 |
background-position: center center; |
|
6d9380f96
|
11 12 13 14 15 16 |
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; |
|
d1bafeea1
|
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
}
#slideshow>img {
position: relative;
vertical-align: middle;
display: block;
margin-left: auto;
margin-right: auto;
}
#slideshow img:hover {
background: black url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEX/AAD/AP8AAP8A//8A/wD//wB/AAB/AH8AAH8Af38AfwCCfwAAAAAZGRkzMzNMTEy64p6SAAAAF0lEQVQI12P4DwRngICBQgaIAHEoZAAASHBywR1kvCwAAAAASUVORK5CYII=)repeat;
}
#slideshow > input {
|
|
6d9380f96
|
32 |
background-color: transparent; |
|
d1bafeea1
|
33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
border: 0 transparent;
outline: 0;
box-shadow: none;
width: 52px;
height: 52px;
position: absolute;
z-index: 1100;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: .3;
background-position: center center;
background-repeat: no-repeat;
}
#slideshow > * {
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms;
}
#slideshow > input:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: .6;
}
#slideshow > .next, #slideshow > .previous {
top: 50%;
margin-top: -21px;
}
#slideshow > .next {
right: 0;
|
|
d1bafeea1
|
67 68 69 70 |
}
#slideshow > .previous {
left: 0;
|
|
d1bafeea1
|
71 72 73 74 75 |
}
#slideshow > .exit {
right: 0;
top: 0;
|
|
d1bafeea1
|
76 77 78 79 80 81 82 83 84 85 |
}
#slideshow > .pause, #slideshow > .play {
bottom: 0;
right: 0;
margin-top: -21px;
}
#slideshow > .play {
display: none;
|
|
d1bafeea1
|
86 87 88 |
}
#slideshow > .pause {
|
|
d1bafeea1
|
89 90 91 92 |
}
#slideshow > .progress {
position: fixed;
|
|
6d9380f96
|
93 94 |
bottom: 13px; right: 13px; |
|
d1bafeea1
|
95 96 97 |
background-position: 0 100%; width: 32px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; |
|
d1bafeea1
|
98 99 100 101 |
filter: alpha(opacity=30); opacity: .3; height: 0; } |