← All changes | modules/shortcodes/css/slideshow-shortcode-rtl.css +157 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,157 @@
	1	+.jetpack-slideshow-window {
	2	+ background-color: #222;
	3	+ border: 20px solid #222;
	4	+ border-radius: 10px;
	5	+ height: 0;
	6	+ margin-bottom: 20px;
	7	+ overflow: hidden;
	8	+ padding-top: 30px !important;
	9	+ padding-bottom: 56.25% !important;
	10	+ position: relative;
	11	+ z-index: 1;
	12	+}
	13	+
	14	+.jetpack-slideshow-window.jetpack-slideshow-white {
	15	+ background-color: #fff;
	16	+ border-color: #fff;
	17	+}
	18	+
	19	+.jetpack-slideshow-window,
	20	+.jetpack-slideshow-window * {
	21	+ box-sizing: content-box;
	22	+}
	23	+
	24	+.jetpack-slideshow-loading {
	25	+ height: 100%;
	26	+ text-align: center;
	27	+ margin: auto;
	28	+}
	29	+
	30	+body div.jetpack-slideshow-window * img {
	31	+ /* Override any styles that might be present in the page stylesheet */
	32	+ background-color: transparent !important;
	33	+ background-image: none !important;
	34	+ border-width: 0 !important;
	35	+ display: block;
	36	+ margin: 0 auto;
	37	+ max-width: 100%;
	38	+ max-height: 100%;
	39	+ padding: 0 !important;
	40	+ position: relative;
	41	+ transform: translateY(-50%);
	42	+ top: 50%;
	43	+}
	44	+
	45	+.jetpack-slideshow-loading img {
	46	+ vertical-align: middle;
	47	+}
	48	+
	49	+.jetpack-slideshow-slide {
	50	+ display: none;
	51	+ height: 100% !important;
	52	+ right: 0;
	53	+ margin: auto;
	54	+ position: absolute;
	55	+ text-align: center;
	56	+ top: 0;
	57	+ width: 100% !important;
	58	+}
	59	+
	60	+.jetpack-slideshow-slide img {
	61	+ vertical-align: middle;
	62	+ margin: 0 auto;
	63	+}
	64	+
	65	+.jetpack-slideshow-line-height-hack {
	66	+ overflow: hidden;
	67	+ width: 0;
	68	+ font-size: 0;
	69	+}
	70	+
	71	+.jetpack-slideshow-slide-caption {
	72	+ font-size: 13px;
	73	+ font-family: "Helvetica Neue", sans-serif;
	74	+ color: #f6f7f7;
	75	+ text-shadow: #222 -1px 1px 2px;
	76	+ line-height: 25px;
	77	+ height: 25px;
	78	+ position: absolute;
	79	+ bottom: 5px;
	80	+ right: 0;
	81	+ z-index: 100;
	82	+ width: 100%;
	83	+ text-align: center;
	84	+}
	85	+
	86	+.jetpack-slideshow-controls {
	87	+ z-index: 1000;
	88	+ position: absolute;
	89	+ bottom: 30px;
	90	+ margin: auto;
	91	+ text-align: center;
	92	+ width: 100%;
	93	+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	94	+ opacity: 0.5;
	95	+ direction: ltr;
	96	+ transition: 300ms opacity ease-out;
	97	+}
	98	+
	99	+.jetpack-slideshow-window:hover .jetpack-slideshow-controls {
	100	+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	101	+ opacity: 1;
	102	+}
	103	+
	104	+body div div.jetpack-slideshow-controls a,
	105	+body div div.jetpack-slideshow-controls a:hover {
	106	+ border: 2px solid rgba(255, 255, 255, 0.1) !important;
	107	+ background-color: rgba(0, 0, 0, 0.6) !important;
	108	+ background-image: url(../../../modules/shortcodes/img/slideshow-controls.png) !important;
	109	+ background-repeat: no-repeat;
	110	+ background-size: 142px 16px !important;
	111	+ background-position: -34px 8px !important;
	112	+ color: #222 !important;
	113	+ margin: 0 5px !important;
	114	+ padding: 0 !important;
	115	+ display: inline-block !important;
	116	+ zoom: 1;
	117	+ height: 32px !important;
	118	+ width: 32px !important;
	119	+ line-height: 32px !important;
	120	+ text-align: center !important;
	121	+ border-radius: 10em !important;
	122	+ transition: 300ms border-color ease-out;
	123	+}
	124	+
	125	+@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	126	+ body div div.jetpack-slideshow-controls a,
	127	+ body div div.jetpack-slideshow-controls a:hover {
	128	+ background-image: url(../../../modules/shortcodes/img/slideshow-controls-2x.png) !important;
	129	+ }
	130	+}
	131	+body div div.jetpack-slideshow-controls a:hover {
	132	+ border-color: rgba(255, 255, 255, 1) !important;
	133	+}
	134	+
	135	+body div div.jetpack-slideshow-controls a:first-child {
	136	+ background-position: -76px 8px !important;
	137	+}
	138	+
	139	+body div div.jetpack-slideshow-controls a:last-child {
	140	+ background-position: -117px 8px !important;
	141	+}
	142	+
	143	+body div div.jetpack-slideshow-controls a:nth-child(2) {
	144	+ background-position: -34px 8px !important;
	145	+}
	146	+
	147	+body div div.jetpack-slideshow-controls a.running {
	148	+ background-position: -34px 8px !important;
	149	+}
	150	+
	151	+body div div.jetpack-slideshow-controls a.paused {
	152	+ background-position: 9px 8px !important;
	153	+}
	154	+
	155	+.jetpack-slideshow-controls a img {
	156	+ border: 50px dotted #f0f;
	157	+}