← All changes | modules/shortcodes/css/slideshow-shortcode.css +36 -31 13.0.2 → 16.2 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
		@@ -61,14 +59,15 @@
61	59	}
62	60
63	61	.jetpack-slideshow-slide img {
64	62	vertical-align: middle;
	63	+ margin: 0 auto;
65	64	}
66	65
67	66	.jetpack-slideshow-line-height-hack {
68	67	overflow: hidden;
69		- width: 0px;
70		- font-size: 0px;
	68	+ width: 0;
	69	+ font-size: 0;
71	70	}
72	71
73	72	.jetpack-slideshow-slide-caption {
74	73	font-size: 13px;
		@@ -91,28 +90,26 @@
91	90	bottom: 30px;
92	91	margin: auto;
93	92	text-align: center;
94	93	width: 100%;
95		- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	94	+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
96	95	opacity: 0.5;
	96	+
97	97	/*rtl:ignore*/
98		- direction:ltr;
99		- -webkit-transition: 300ms opacity ease-out;
100		- -moz-transition: 300ms opacity ease-out;
	98	+ direction: ltr;
101	99	transition: 300ms opacity ease-out;
102	100	}
103	101
104	102	.jetpack-slideshow-window:hover .jetpack-slideshow-controls {
105		- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	103	+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
106	104	opacity: 1;
107	105	}
108	106
109	107	body div div.jetpack-slideshow-controls a,
110	108	body div div.jetpack-slideshow-controls a:hover {
111		- border:2px solid rgba(255,255,255,0.1) !important;
112		- background-color: #000 !important;
113		- background-color: rgba(0,0,0,0.6) !important;
114		- 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;
115	112	background-repeat: no-repeat;
116	113	background-size: 142px 16px !important;
117	114	background-position: -34px 8px !important;
118	115	color: #222 !important;
		@@ -118,40 +115,48 @@
118	115	color: #222 !important;
119	116	margin: 0 5px !important;
120	117	padding: 0 !important;
121	118	display: inline-block !important;
122		- *display: inline;
123	119	zoom: 1;
124	120	height: 32px !important;
125	121	width: 32px !important;
126	122	line-height: 32px !important;
127	123	text-align: center !important;
128		- -khtml-border-radius: 10em !important;
129		- -webkit-border-radius: 10em !important;
130		- -moz-border-radius: 10em !important;
131	124	border-radius: 10em !important;
132		- -webkit-transition: 300ms border-color ease-out;
133		- -moz-transition: 300ms border-color ease-out;
134		- -o-transition: 300ms border-color ease-out;
135	125	transition: 300ms border-color ease-out;
136	126	}
137	127
138	128	@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	129	+
139	130	body div div.jetpack-slideshow-controls a,
140	131	body div div.jetpack-slideshow-controls a:hover {
141		- background-image: url('../img/slideshow-controls-2x.png') !important;
	132	+ background-image: url(../img/slideshow-controls-2x.png) !important;
142	133	}
143	134	}
144	135
145	136	body div div.jetpack-slideshow-controls a:hover {
146		- border-color: rgba(255,255,255,1) !important;
	137	+ border-color: rgba(255, 255, 255, 1) !important;
147	138	}
148	139
149		-body div div.jetpack-slideshow-controls a:first-child { background-position: -76px 8px !important;}
150		-body div div.jetpack-slideshow-controls a:last-child { background-position: -117px 8px !important;}
151		-body div div.jetpack-slideshow-controls a:nth-child(2) { background-position: -34px 8px !important;}
152		-body div div.jetpack-slideshow-controls a.running { background-position: -34px 8px !important;}
153		-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	+}
154	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	+
155	160	.jetpack-slideshow-controls a img {
156		- border: 50px dotted fuchsia;
	161	+ border: 50px dotted #f0f;
157	162	}