← All changes | modules/shortcodes/css/slideshow-shortcode.css +35 -31 13.8.3 → 16.3-a.7 View file →

		@@ -15,11 +15,10 @@
15	15	background-color: #fff;
16	16	border-color: #fff;
17	17	}
18	18
19		-.jetpack-slideshow-window, .jetpack-slideshow-window * {
20		- -moz-box-sizing: content-box;
21		- -webkit-box-sizing: content-box;
	19	+.jetpack-slideshow-window,
	20	+.jetpack-slideshow-window * {
22	21	box-sizing: content-box;
23	22	}
24	23
25	24	.jetpack-slideshow-loading {
		@@ -28,8 +27,9 @@
28	27	margin: auto;
29	28	}
30	29
31	30	body div.jetpack-slideshow-window * img {
	31	+
32	32	/* Override any styles that might be present in the page stylesheet */
33	33	background-color: transparent !important;
34	34	background-image: none !important;
35	35	border-width: 0 !important;
		@@ -38,10 +38,8 @@
38	38	max-width: 100%;
39	39	max-height: 100%;
40	40	padding: 0 !important;
41	41	position: relative;
42		- -webkit-transform: translateY(-50%);
43		- -ms-transform: translateY(-50%);
44	42	transform: translateY(-50%);
45	43	top: 50%;
46	44	}
47	45
		@@ -66,10 +64,10 @@
66	64	}
67	65
68	66	.jetpack-slideshow-line-height-hack {
69	67	overflow: hidden;
70		- width: 0px;
71		- font-size: 0px;
	68	+ width: 0;
	69	+ font-size: 0;
72	70	}
73	71
74	72	.jetpack-slideshow-slide-caption {
75	73	font-size: 13px;
		@@ -92,28 +90,26 @@
92	90	bottom: 30px;
93	91	margin: auto;
94	92	text-align: center;
95	93	width: 100%;
96		- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	94	+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
97	95	opacity: 0.5;
	96	+
98	97	/*rtl:ignore*/
99		- direction:ltr;
100		- -webkit-transition: 300ms opacity ease-out;
101		- -moz-transition: 300ms opacity ease-out;
	98	+ direction: ltr;
102	99	transition: 300ms opacity ease-out;
103	100	}
104	101
105	102	.jetpack-slideshow-window:hover .jetpack-slideshow-controls {
106		- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	103	+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
107	104	opacity: 1;
108	105	}
109	106
110	107	body div div.jetpack-slideshow-controls a,
111	108	body div div.jetpack-slideshow-controls a:hover {
112		- border:2px solid rgba(255,255,255,0.1) !important;
113		- background-color: #000 !important;
114		- background-color: rgba(0,0,0,0.6) !important;
115		- background-image: url('../img/slideshow-controls.png') !important;
	109	+ border: 2px solid rgba(255, 255, 255, 0.1) !important;
	110	+ background-color: rgba(0, 0, 0, 0.6) !important;
	111	+ background-image: url(../img/slideshow-controls.png) !important;
116	112	background-repeat: no-repeat;
117	113	background-size: 142px 16px !important;
118	114	background-position: -34px 8px !important;
119	115	color: #222 !important;
		@@ -119,40 +115,48 @@
119	115	color: #222 !important;
120	116	margin: 0 5px !important;
121	117	padding: 0 !important;
122	118	display: inline-block !important;
123		- *display: inline;
124	119	zoom: 1;
125	120	height: 32px !important;
126	121	width: 32px !important;
127	122	line-height: 32px !important;
128	123	text-align: center !important;
129		- -khtml-border-radius: 10em !important;
130		- -webkit-border-radius: 10em !important;
131		- -moz-border-radius: 10em !important;
132	124	border-radius: 10em !important;
133		- -webkit-transition: 300ms border-color ease-out;
134		- -moz-transition: 300ms border-color ease-out;
135		- -o-transition: 300ms border-color ease-out;
136	125	transition: 300ms border-color ease-out;
137	126	}
138	127
139	128	@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	129	+
140	130	body div div.jetpack-slideshow-controls a,
141	131	body div div.jetpack-slideshow-controls a:hover {
142		- background-image: url('../img/slideshow-controls-2x.png') !important;
	132	+ background-image: url(../img/slideshow-controls-2x.png) !important;
143	133	}
144	134	}
145	135
146	136	body div div.jetpack-slideshow-controls a:hover {
147		- border-color: rgba(255,255,255,1) !important;
	137	+ border-color: rgba(255, 255, 255, 1) !important;
148	138	}
149	139
150		-body div div.jetpack-slideshow-controls a:first-child { background-position: -76px 8px !important;}
151		-body div div.jetpack-slideshow-controls a:last-child { background-position: -117px 8px !important;}
152		-body div div.jetpack-slideshow-controls a:nth-child(2) { background-position: -34px 8px !important;}
153		-body div div.jetpack-slideshow-controls a.running { background-position: -34px 8px !important;}
154		-body div div.jetpack-slideshow-controls a.paused { background-position: 9px 8px !important;}
	140	+body div div.jetpack-slideshow-controls a:first-child {
	141	+ background-position: -76px 8px !important;
	142	+}
155	143
	144	+body div div.jetpack-slideshow-controls a:last-child {
	145	+ background-position: -117px 8px !important;
	146	+}
	147	+
	148	+body div div.jetpack-slideshow-controls a:nth-child(2) {
	149	+ background-position: -34px 8px !important;
	150	+}
	151	+
	152	+body div div.jetpack-slideshow-controls a.running {
	153	+ background-position: -34px 8px !important;
	154	+}
	155	+
	156	+body div div.jetpack-slideshow-controls a.paused {
	157	+ background-position: 9px 8px !important;
	158	+}
	159	+
156	160	.jetpack-slideshow-controls a img {
157		- border: 50px dotted fuchsia;
	161	+ border: 50px dotted #f0f;
158	162	}