diff options
Diffstat (limited to 'plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css')
-rw-r--r-- | plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css b/plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css index 6a02b8f7..753f5874 100644 --- a/plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css +++ b/plugins/jetpack/modules/shortcodes/css/slideshow-shortcode.css @@ -1,4 +1,4 @@ -.slideshow-window { +.jetpack-slideshow-window { background-color: #222; border: 20px solid #222; border-radius: 10px; @@ -11,24 +11,24 @@ z-index: 1; } -.slideshow-window.slideshow-white { +.jetpack-slideshow-window.jetpack-slideshow-white { background-color: #fff; border-color: #fff; } -.slideshow-window, .slideshow-window * { +.jetpack-slideshow-window, .jetpack-slideshow-window * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } -.slideshow-loading { +.jetpack-slideshow-loading { height: 100%; text-align: center; margin: auto; } -body div.slideshow-window * img { +body div.jetpack-slideshow-window * img { /* Override any styles that might be present in the page stylesheet */ background-color: transparent !important; background-image: none !important; @@ -45,11 +45,11 @@ body div.slideshow-window * img { top: 50%; } -.slideshow-loading img { +.jetpack-slideshow-loading img { vertical-align: middle; } -.slideshow-slide { +.jetpack-slideshow-slide { display: none; height: 100% !important; left: 0; @@ -60,17 +60,17 @@ body div.slideshow-window * img { width: 100% !important; } -.slideshow-slide img { +.jetpack-slideshow-slide img { vertical-align: middle; } -.slideshow-line-height-hack { +.jetpack-slideshow-line-height-hack { overflow: hidden; width: 0px; font-size: 0px; } -.slideshow-slide-caption { +.jetpack-slideshow-slide-caption { font-size: 13px; font-family: "Helvetica Neue", sans-serif; color: #f6f7f7; @@ -85,7 +85,7 @@ body div.slideshow-window * img { text-align: center; } -.slideshow-controls { +.jetpack-slideshow-controls { z-index: 1000; position: absolute; bottom: 30px; @@ -101,13 +101,13 @@ body div.slideshow-window * img { transition: 300ms opacity ease-out; } -.slideshow-window:hover .slideshow-controls { +.jetpack-slideshow-window:hover .jetpack-slideshow-controls { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } -body div div.slideshow-controls a, -body div div.slideshow-controls a:hover { +body div div.jetpack-slideshow-controls a, +body div div.jetpack-slideshow-controls a:hover { border:2px solid rgba(255,255,255,0.1) !important; background-color: #000 !important; background-color: rgba(0,0,0,0.6) !important; @@ -136,22 +136,22 @@ body div div.slideshow-controls a:hover { } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { - body div div.slideshow-controls a, - body div div.slideshow-controls a:hover { + body div div.jetpack-slideshow-controls a, + body div div.jetpack-slideshow-controls a:hover { background-image: url('../img/slideshow-controls-2x.png') !important; } } -body div div.slideshow-controls a:hover { +body div div.jetpack-slideshow-controls a:hover { border-color: rgba(255,255,255,1) !important; } -body div div.slideshow-controls a:first-child { background-position: -76px 8px !important;} -body div div.slideshow-controls a:last-child { background-position: -117px 8px !important;} -body div div.slideshow-controls a:nth-child(2) { background-position: -34px 8px !important;} -body div div.slideshow-controls a.running { background-position: -34px 8px !important;} -body div div.slideshow-controls a.paused { background-position: 9px 8px !important;} +body div div.jetpack-slideshow-controls a:first-child { background-position: -76px 8px !important;} +body div div.jetpack-slideshow-controls a:last-child { background-position: -117px 8px !important;} +body div div.jetpack-slideshow-controls a:nth-child(2) { background-position: -34px 8px !important;} +body div div.jetpack-slideshow-controls a.running { background-position: -34px 8px !important;} +body div div.jetpack-slideshow-controls a.paused { background-position: 9px 8px !important;} -.slideshow-controls a img { +.jetpack-slideshow-controls a img { border: 50px dotted fuchsia; } |