← All changes | modules/shortcodes/css/style.css +172 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,172 @@
	1	+/**
	2	+* 1. Fullscreen styles
	3	+*/
	4	+html.presentation-wrapper-fullscreen-parent,
	5	+body.presentation-wrapper-fullscreen-parent {
	6	+ overflow: hidden !important;
	7	+}
	8	+
	9	+.presentation-wrapper-fullscreen-parent #wpadminbar {
	10	+ display: none;
	11	+}
	12	+
	13	+.presentation-wrapper-fullscreen,
	14	+.presentation-wrapper-fullscreen-parent {
	15	+ min-width: 100% !important;
	16	+ min-height: 100% !important;
	17	+ position: absolute !important;
	18	+ top: 0 !important;
	19	+ right: 0 !important;
	20	+ bottom: 0 !important;
	21	+ left: 0 !important;
	22	+ margin: 0 !important;
	23	+ padding: 0 !important;
	24	+ z-index: 10000 !important;
	25	+}
	26	+
	27	+.presentation-wrapper-fullscreen {
	28	+ background-color: #808080;
	29	+ border: none !important;
	30	+}
	31	+
	32	+.presentation-wrapper-fullscreen .nav-arrow-left,
	33	+.presentation-wrapper-fullscreen .nav-arrow-right {
	34	+ z-index: 20001;
	35	+}
	36	+
	37	+.presentation-wrapper-fullscreen .nav-fullscreen-button {
	38	+ z-index: 20002;
	39	+}
	40	+
	41	+
	42	+/**
	43	+ * 2. General presentation styles
	44	+ */
	45	+.presentation-wrapper {
	46	+ margin: 20px auto;
	47	+ border: 1px solid #dcdcde;
	48	+ overflow: hidden;
	49	+ line-height: normal;
	50	+}
	51	+
	52	+.presentation {
	53	+ position: relative;
	54	+ margin: 0;
	55	+ overflow: hidden;
	56	+ outline: none;
	57	+}
	58	+
	59	+/**
	60	+ * jmpress requires that step sizes are explicitly defined
	61	+ * as it inserts sizeless divs before the steps. These
	62	+ * dimensions are set by the js code on initialization
	63	+ */
	64	+.presentation,
	65	+.presentation .step {
	66	+ background-repeat: no-repeat;
	67	+ background-position: center;
	68	+ background-size: 100% 100%;
	69	+}
	70	+
	71	+/**
	72	+ * Opacity transition durations are set by the js code
	73	+ * so they match the presentation animation durations
	74	+ */
	75	+.presentation .step.fade:not(.active) {
	76	+ opacity: 0;
	77	+}
	78	+
	79	+.presentation .slide-content {
	80	+ padding: 30px;
	81	+}
	82	+
	83	+
	84	+/**
	85	+ * 3. Styles for the navigation arrows
	86	+ */
	87	+.presentation .nav-arrow-left,
	88	+.presentation .nav-arrow-right,
	89	+.presentation .nav-fullscreen-button {
	90	+ position: absolute;
	91	+ width: 34px;
	92	+ background-repeat: no-repeat;
	93	+ z-index: 2;
	94	+ opacity: 0;
	95	+ transition: opacity 0.25s;
	96	+}
	97	+
	98	+.presentation .nav-arrow-left,
	99	+.presentation .nav-arrow-right {
	100	+ height: 100%;
	101	+ background-image: url(../images/slide-nav.png);
	102	+ background-size: 450% 61px;
	103	+}
	104	+
	105	+.presentation .nav-arrow-left {
	106	+ left: 0;
	107	+ background-position: 4px 50%;
	108	+}
	109	+
	110	+.presentation .nav-arrow-right {
	111	+ right: 0;
	112	+ background-position: -120px 50%;
	113	+}
	114	+
	115	+.presentation .nav-fullscreen-button {
	116	+ width: 32px;
	117	+ height: 32px;
	118	+ margin: 4px;
	119	+ bottom: 0;
	120	+ right: 0;
	121	+ z-index: 3;
	122	+ background-image: url(../images/expand.png);
	123	+ background-size: 100% 100%;
	124	+}
	125	+
	126	+.presentation:hover .nav-arrow-left,
	127	+.presentation:hover .nav-arrow-right {
	128	+ opacity: 1;
	129	+}
	130	+
	131	+.presentation:hover .nav-fullscreen-button {
	132	+ opacity: 0.8;
	133	+}
	134	+
	135	+.presentation-wrapper-fullscreen .nav-fullscreen-button {
	136	+ background-image: url(../images/collapse.png);
	137	+}
	138	+
	139	+/**
	140	+ * 4. Styles for the autoplay overlay
	141	+ */
	142	+.presentation .autoplay-overlay {
	143	+ height: 15%;
	144	+ width: 80%;
	145	+ margin: 30% 10%;
	146	+ position: relative;
	147	+ z-index: 100;
	148	+ display: table;
	149	+ border-radius: 50px;
	150	+ background-color: rgba(0, 0, 0, 0.75);
	151	+ transition: opacity 0.5s;
	152	+}
	153	+
	154	+.presentation .autoplay-overlay .overlay-msg {
	155	+ position: relative;
	156	+ display: table-cell;
	157	+ text-align: center;
	158	+ vertical-align: middle;
	159	+ color: #fff;
	160	+}
	161	+
	162	+/**
	163	+ * 5. Styles for fading steps
	164	+ */
	165	+.presentation .will-fade {
	166	+ opacity: 0;
	167	+}
	168	+
	169	+.presentation .do-fade {
	170	+ opacity: 1;
	171	+ transition: opacity 0.5s;
	172	+}