quadmenu / lib / ReduxCore / assets / css / redux-admin.scss

redux-admin.scss in QuadMenu – Mega Menu 1.8.9, at lib/ReduxCore/assets/css/redux-admin.scss

1,531 lines 45.6 KB

Raw Download Zip

1	.spinner {
2	visibility: hidden;
3	display: block;
4	}
5	.spinner.is-active{
6	visibility: visible;
7	}
8
9	.redux-main .description {
10	margin-top: 7px;
11	}
12
13
14
15	.redux-container {
16	.form-table > tbody > tr > th {
17	width: 30%
18	}
19	.form-table th,
20	.form-table td {
21	margin: 0;
22	padding: 0;
23	width: auto;
24	}
25
26	.redux_field_th {
27	font-weight: 600;
28	// width: 30%;
29	padding: 20px 10px 20px 0px;
30	display: block;
31	span:first-child {
32	font-weight: normal;
33	display: block;
34	color: #666;
35	}
36	}
37	#ui-datepicker-div {
38	display: none;
39	}
40	//font-family: "Open Sans","Lucida Grande", Sans-serif;
41	background-color: #f5f5f5; /* Old browsers */
42	background-repeat: repeat-x; /* Repeat the gradient */
43	background-image: -moz-linear-gradient(top, #f2f2f2 0%, #f5f5f5 100%); /* FF3.6+ */
44	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
45	background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #f5f5f5 100%); /* Chrome 10+,Safari 5.1+ */
46	background-image: -ms-linear-gradient(top, #f2f2f2 0%, #f5f5f5 100%); /* IE10+ */
47	background-image: -o-linear-gradient(top, #f2f2f2 0%, #f5f5f5 100%); /* Opera 11.10+ */
48	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
49	background-image: -linear-gradient(top, #f2f2f2 0%, #f5f5f5 100%); /* W3C */
50	border: 1px solid #dedede;
51	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
52	box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
53	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
54	margin-top: 5px;
55	overflow: hidden;
56
57	a {
58	&:focus {
59	box-shadow: none;
60	}
61	}
62
63	#redux-header,
64	#redux-footer {
65	text-align: right;
66	padding: 6px 10px;
67	}
68
69	#redux-header {
70	background: #f1f1f1;
71	border-bottom: 3px solid blue;
72
73	.display_header {
74	float: left;
75	margin: 20px 10px;
76
77	h2 {
78	display: inline-block;
79	font-style: normal;
80	padding-right: 5px;
81	}
82
83	.redux-dev-mode-notice-container {
84	position: absolute;
85	top: 67px;
86	left: 20px;
87	bottom: auto;
88	width: auto;
89	}
90
91	span {
92	color: #888;
93
94	&.redux-dev-mode-notice {
95	//position: absolute;
96	background-color: #f0ad4e;
97	display: inline;
98	padding: .2em .5em .2em;
99	font-weight: 700;
100	line-height: 1;
101	color: #fff !important;
102	text-align: center;
103	white-space: nowrap;
104	vertical-align: baseline;
105	border-radius: .25em;
106	}
107	}
108	}
109
110	.icon32 {
111	float: right;
112	margin: 16px 16px 0;
113	}
114	}
115
116	#redux-footer {
117	border-top: 1px solid #E7E7E7;
118	z-index: 999;
119
120	#redux-share {
121	float: left;
122	line-height: 28px;
123	font-size: 15px;
124
125	a {
126	text-decoration: none;
127	margin-right: 10px;
128
129	img {
130	margin-bottom: -3px;
131	}
132	}
133	}
134	}
135
136	.notice-green {
137	margin: 0;
138	border-bottom: 1px solid #E7E7E7;
139	background-color: #DFF0D8;
140	color: #468847;
141	padding: 8px 35px 8px 14px;
142	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
143	}
144
145	.notice-blue {
146	margin: 0;
147	border-bottom: 1px solid #BCE8F1;
148	background-color: #D9EDF7;
149	color: #3A87AD;
150	padding: 8px 35px 8px 14px;
151	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
152	}
153
154	.notice-yellow {
155	margin: 0;
156	border-bottom: 1px solid #E7E7E7;
157	background-color: #FCF8E3;
158	color: #C09853;
159	padding: 8px 35px 8px 14px;
160	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
161	}
162
163	.notice-red,
164	.redux-field-errors {
165	margin: 0;
166	border-bottom: 1px solid #E7E7E7;
167	background-color: #F2DEDE;
168	color: #B94A48;
169	padding: 8px 35px 8px 14px;
170	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
171	}
172
173	.redux-field-error {
174	input, textarea, checkbox {
175	background-color: #FFF6F6;
176	color: #A00;
177	}
178
179	}
180	.redux-field-warning {
181	input, textarea, checkbox {
182	background-color: #fcf8e3;
183	color: #444;
184	}
185	}
186
187	.redux-field-errors,
188	.redux-field-warnings,
189	.redux-save-warn {
190	display: none;
191	}
192
193	.sticky-save-warn {
194	min-height: 76px;
195
196	.redux-save-warn {
197	position: fixed;
198	top: 32px;
199	right: 21px;
200	left: 183px;
201	opacity: 1;
202	z-index: 9999;
203	}
204	}
205
206	#info_bar {
207	background: #f3f3f3;
208	border-bottom: 1px solid #dedede;
209	padding: 6px 10px 6px 6px;
210	text-align: right;
211	-moz-box-shadow: inset 0 1px 0 #fcfcfc;
212	-webkit-box-shadow: inset 0 1px 0 #fcfcfc;
213	box-shadow: inset 0 1px 0 #fcfcfc;
214	}
215
216	.redux-group-tab {
217	display: none;
218	margin-bottom: 15px;
219
220	.redux-theme-data {
221	padding: 20px 0;
222	border-top: 1px solid #E7E7E7;
223
224	&.theme-description {
225	padding: 10px 0;
226	border-width: 0;
227	}
228
229	&.theme-uri,
230	&.theme-author,
231	&.theme-version {
232	padding: 0;
233	border-width: 0;
234	}
235	}
236
237	h3 {
238	margin-top: 0;
239	line-height: 2em;
240	border-bottom: 1px solid #E7E7E7;
241	}
242
243	.redux-section-desc {
244	margin-bottom: 15px;
245	color: #666;
246	}
247	}
248
249	.redux-action_bar {
250	float: right;
251	.spinner {
252	float: left;
253	margin-top: 4px;
254	}
255	}
256
257	.redux-ajax-loading {
258	display: none;
259	background: red url(data:image/gif;base64,R0lGODlhEAAQAPUAAIiIiIqKio2NjZSUlJqamp6enqKioqSkpK+vr7i4uL+/v8PDw8XFxcnJyc/Pz9HR0dTU1NjY2Nzc3OLi4ubm5unp6ezs7PPz88vLy83NzdDQ0NXV1d3d3eHh4bu7u8zMzOvr6+3t7ZiYmNbW1sDAwMTExNra2s7OztPT09vb2+Xl5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAAoA/wAsAAAAABAAEAAABXDgJY6XZZEoOTnOlI5WdUFNA5UnSR3FJNUSieFAIUUEgcdl4noEBBGSZaHIiSqKhTX2GhVFiQGjuxgkSoYAoosAGE6RhKQrUURHlS+pItMVCHMjEgQ9JBJISg+JT3ciFg4NFkcCNw0OViiDgF0oTC8hACH5BAAKAP8ALAAAAAAQABAAAAVx4CWOZGle1qJYp2hV1xYE29V1JXUYHWUcnQgGwyFFBAENiqUZ1kapFamTyeBcsNOLMkoMGC3GIIEyBBAtRMDAiiSKp04iQqpwc9kRpUCAizgEBVciEQNJFxpKGgECdFAYYBsCAjUMGS0XgAODmDacIyEAIfkEAAoA/wAsAAAAABAAEAAABnbAi3BILBovIMUidBSGQJdNIKBBMomUg6FDMRgoHcOBQowIqNaLJiCIEEMLxdWpnIfITRAHnxgwjiEfDR8UIQYBCEcgDYwdUR6ORxEfG3MgeFiFRB0FBBxEHAQFkUJmaBofamxuRB9/GwICGxeMTRehnrabpERBACH5BAAKAP8ALAAAAAAQABAAAAZ9wItwSCwaL5aFwnIUWiqXUSAwulSYRMrB0KEYDJSO4UAhRgQBDZLpCAgixOSSWFEssEho81IWJgYMTQwDCUgGAQhNCAEGTCMJHU0dCXBDFX1DFhwdeHwFIhxmGBihQxEDaRcOGhYao1WZGIFnAiMUDg6YRR0ioE57Fx2RRkEAIfkEAAoA/wAsAAAAABAAEAAABXLgJY5kaV7WolinaLGQEEBXxZLUUUyUYVATw4FCisg0NZYmIIiQUosKqaJY3FDS1oUoSgwYrcUggTIAEC1EwMCKJCatSYI2qnBx2dGkQOCQOAQFdxdGARoVGhCITE4kGBgWEI8QFgwYWhGTWiMWERFXIyEAIfkEAAoA/wAsAAAAABAAEAAABn/Ai3BILBovloXCchRaKpdRIDC6VJhEysHQoRgMlI7hQCFGBAENkukICCLE5JJYUSywSGjzUhYmBgxNDAMJSAYBCE0IAAZMEQkdTRwKVUMcHHhCFXpDERgYcJYEBZFDI58aFhoOFxpuoUIUGhoUZwJVGA6ZaxccBAQce0QdpUVBACH5BAAKAP8ALAAAAAAQABAAAAZ8wItwSCwaLyEFKXQUhioXSCAAuVSYRMrB0KEYDJSO4UAhmgQBDZKpCQhMxFBJgRVWlFkOtElhUj4NH3VEJQMJFx0NintFCAEGISEQH3BHHR5VThVlRRSMQh0FBBxEHAQFnEJnaRcfHxdtb0WKIWcCVSUNTYgEo7tEHR1HQQAh+QQACgD/ACwAAAAAEAAQAAAGdcCLcEgsGi8hhSJ0FHY6l1EgMLqAmEROo5HqGAwqL5g42qKsoAsqIEgRVacTdAhSLLBI1bWpwiYGDE0MAwlIBgEITQgBBkwjCRxNHQlVdCpGekUqBQSRQxwEBZdDKQIBZ3FqbG5EDYEjpikhW3hFoJ1NRU9HQQA7) no-repeat;
260	width: 16px;
261	height: 16px;
262	margin: 3px 4px 0;
263	float: right;
264	}
265
266	#redux-intro-text {
267	background: #f3f3f3;
268	border-bottom: 1px solid #dedede;
269	-moz-box-shadow: inset 0 1px 0 #fcfcfc;
270	-webkit-box-shadow: inset 0 1px 0 #fcfcfc;
271	box-shadow: inset 0 1px 0 #fcfcfc;
272	padding: 3px;
273	padding: 10px 10px;
274
275	p {
276	margin: 0;
277	font-family: "Lucida Grande", Sans-serif;
278	color: #888;
279	}
280	}
281
282	.expand_options {
283	cursor: pointer;
284	display: block;
285	height: 22px;
286	width: 21px;
287	float: left;
288	font-size: 0;
289	text-indent: -9999px;
290	margin: 1px 0 0 5px;
291	border: 1px solid #bbb;
292	-webkit-border-radius: 2px;
293	-moz-border-radius: 2px;
294	border-radius: 2px;
295	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAIAAAAm4OfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNrslT0KhDAQhTeLR7ATT6IXSKGFYO0lciFrO1N4AU8TLNXKv0CaJbLJRAZxl1hYyJuXN+PoR/Z9fyFdBNNr27Zf8Oq6bhgGSGUYhpTSzyeBNi8hRFVVEK+6rrXaQFOs6yrvTdOYjcqyVEpTLqXI89yaSypBudq2xckF2TipOSvfmmhZFuAGnJV6Licvey5gj7fnwpwXvEfLfqnT0jQ1OBJCQLnUBvZ9b85VFAV076UU8g1ZckVRxBiDzD6OY62WzPOM9i+cpunvvcZxfCQfPWs9a91Ym2UZ5xyHtd/e8hXWng+/zlrD9jmz1tDj7bkw5wXv0Y210itJEs9az9oHsPYQYACveK0/IuB51AAAAABJRU5ErkJggg==) no-repeat -2px -26px;
296
297	&.expanded {
298	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAIAAAAm4OfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNrslT0KhDAQhTeLR7ATT6IXSKGFYO0lciFrO1N4AU8TLNXKv0CaJbLJRAZxl1hYyJuXN+PoR/Z9fyFdBNNr27Zf8Oq6bhgGSGUYhpTSzyeBNi8hRFVVEK+6rrXaQFOs6yrvTdOYjcqyVEpTLqXI89yaSypBudq2xckF2TipOSvfmmhZFuAGnJV6Licvey5gj7fnwpwXvEfLfqnT0jQ1OBJCQLnUBvZ9b85VFAV076UU8g1ZckVRxBiDzD6OY62WzPOM9i+cpunvvcZxfCQfPWs9a91Ym2UZ5xyHtd/e8hXWng+/zlrD9jmz1tDj7bkw5wXv0Y210itJEs9az9oHsPYQYACveK0/IuB51AAAAABJRU5ErkJggg==) no-repeat -2px -1px
299	}
300
301	&:hover {
302	border-color: #888;
303	}
304	}
305
306	.sticky-footer-fixed {
307	background: #f3f3f3;
308	border-top: 1px solid #dedede !important;
309	-moz-box-shadow: inset 0 1px 0 #fcfcfc;
310	-webkit-box-shadow: inset 0 1px 0 #fcfcfc;
311	box-shadow: inset 0 1px 0 #fcfcfc;
312	}
313
314	.redux-sidebar,
315	.redux-main {
316	min-height: 300px;
317
318	}
319	.redux-main {
320	background: #FCFCFC;
321	margin-left: 201px;
322	border-left: 1px solid #D8D8D8;
323	padding: 10px 20px;
324	-moz-box-shadow: inset 0 1px 0 #fff;
325	-webkit-box-shadow: inset 0 1px 0 #FFF;
326	box-shadow: inset 0 1px 0 #FFF;
327	position: relative;
328	#redux_ajax_overlay {
329	position: absolute;
330	top: 0;
331	left: 0;
332	right: 0;
333	bottom: 0;
334	-moz-opacity: 0.10;
335	-khtml-opacity: 0.10;
336	opacity: 0.10;
337	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
338	filter: alpha(opacity=10);
339	background: #000;
340	z-index: 200;
341	display: none;
342	}
343	.form-table.no-border {
344	border-top: none;
345	}
346	.form-table tr {
347	border-bottom: 1px solid #E7E7E7;
348	&:last-child {
349	border-bottom: none !important;
350	}
351	th,
352	td {
353	color: #333;
354	}
355	}
356
357	.form-table tr td {
358	table.mceLayout,
359	table.mceLayout tr,
360	table.mceLayout tr td {
361	padding: 0;
362	border-width: 0;
363	}
364
365	.redux-th-warning {
366	font-size: 1em;
367	color: #C09853;
368	font-weight: normal;
369	display: block;
370	margin-top: 10px;
371	}
372
373	.redux-field-warning {
374	border-color: #C09853;
375	margin-top: 10px;
376	}
377
378	.redux-th-error {
379	font-size: 1em;
380	color: #B94A48;
381	font-weight: normal;
382	display: block;
383	margin-top: 10px;
384	}
385	}
386
387	input.large-text {
388	width: 100%;
389	}
390
391	.hide {
392	display: none;
393	}
394
395	.redux-field-container {
396	padding: 20px 0;
397	}
398
399	.mini,
400	input[type=text]=text].mini {
401	width: 60px;
402	text-align: center;
403	}
404
405	input {
406	line-height: 19px;
407	}
408
409	img {
410	max-width: 100%;
411	height: auto;
412	width: auto !important;
413	}
414
415	.select2-default {
416	width: auto !important;
417	}
418
419	.showDefaults {
420	display: block;
421	font-weight: normal;
422	font-size: .8em;
423	color: #888;
424	}
425
426	span.description {
427	display: block;
428	font-style: normal;
429	font-weight: 400;
430	}
431
432	#redux-system-info textarea {
433	min-height: 730px;
434	width: 100%;
435	}
436
437	.field-desc {
438	clear: both;
439	font-size: 13px;
440	}
441
442	.data-full li {
443	width: 100%;
444	}
445
446	.data-half li {
447	width: 50%;
448	float: left;
449	}
450
451	.data-third li {
452	width: 33.3%;
453	float: left;
454	}
455
456	.data-quarter li {
457	width: 25%;
458	float: left;
459	}
460
461	.ui-helper-hidden-accessible {
462	top: inherit;
463	}
464
465	.form-table:first-child > tr th, .redux-main .form-table:first-child > tr td {
466	//padding-top: 0 !important;
467	}
468
469	.form-table {
470	clear: none;
471	margin-top: 0px !important;
472
473	&:first-child tr th,
474	&:first-child tr td {
475	// padding-top: 0 !important;
476	}
477
478	tr:first-child th,
479	tr:first-child td {
480	padding-top: 0;
481	}
482	}
483
484	.input-append input {
485	border-right: 0;
486	margin-bottom: 0;
487	border-top-right-radius: 0;
488	border-bottom-right-radius: 0;
489	margin-right: 0;
490	float: left;
491	margin-top: 0;
492	display: block;
493	}
494	.input-append .add-on {
495	border-top-right-radius: 3px;
496	border-bottom-right-radius: 3px;
497	margin-left: -2px;
498	padding-top: 4px !important;
499	padding-bottom: 2px !important;
500	//float: left;
501	}
502	.input-prepend input {
503	border-left: 0;
504	margin-bottom: 0;
505	border-top-left-radius: 0;
506	border-bottom-left-radius: 0;
507	margin-left: 0;
508	padding-top: 2px;
509	padding-bottom: 5px;
510	float: left;
511	margin-top: 0;
512	display: block;
513	}
514	.input-prepend .add-on {
515	border-top-left-radius: 3px;
516	border-bottom-left-radius: 3px;
517	float: left;
518	}
519
520	.input-append {
521	margin-right: 10px;
522	font-size: 0;
523	white-space: nowrap;
524	float: left;
525	display: inline-block;
526	margin-bottom: 6px;
527	}
528	.input-append .add-on, .input-prepend .add-on {
529	width: auto;
530	display: inline-block;
531	min-width: 16px;
532	padding: 3px 4px;
533	font-size: 12px;
534	font-weight: 400;
535	line-height: 20px;
536	text-align: center;
537	text-shadow: 0 1px 0 #ffffff;
538	background-color: #eeeeee;
539	border: 1px solid #cccccc;
540	}
541	.input-prepend {
542	font-size: 0;
543	white-space: nowrap;
544	float: left;
545	display: inline-block;
546	margin-bottom: 6px;
547	}
548	pre {
549	white-space: pre-wrap; /* css-3 */
550	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
551	white-space: -pre-wrap; /* Opera 4-6 */
552	white-space: -o-pre-wrap; /* Opera 7 */
553	word-wrap: break-word; /* Internet Explorer 5.5+ */
554	}
555	}
556	}
557
558
559	/* redux-container */
560
561	.no-js {
562	border: 1px solid #ffbaba;
563	margin: 0;
564	border-bottom: 1px solid #E7E7E7;
565	background-color: #F2DEDE;
566	color: #B94A48;
567	padding: 8px 35px 8px 14px;
568	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
569	}
570
571
572
573	/* main */
574
575	.redux-sidebar {
576	width: 202px;
577	float: left;
578
579	.redux-group-menu {
580	margin-top: 0 !important;
581	li {
582	margin-top: 0;
583
584	&.active a,
585	&.active a:hover,
586	&.activeChild a,
587	&.activeChild a:hover {
588	background: #FCFCFC;
589	color: #269ad6;
590	width: 184px;
591	opacity: 1;
592	//margin-right:-2px;
593	}
594
595	&.active a li a {
596	background: #333;
597	padding-left: 5px;
598	}
599
600	&.divide {
601	padding: 0;
602	border-width: 1px 0;
603	border-style: solid;
604	border-bottom-color: #E7E7E7;
605	border-top-color: #F9F9F9;
606	}
607	a:first-child {
608	border-top: none;
609	}
610	a {
611	display: block;
612	padding: 10px 4px 10px 14px;
613	background: #e0e0e0;
614	background: transparent;
615	border-width: 1px 0;
616	border-style: solid;
617	border-bottom-color: #E7E7E7;
618	border-top-color: #F9F9F9;
619	opacity: 0.7;
620	color: #555;
621	font-weight: 600;
622	text-decoration: none;
623	-webkit-transition: none;
624	transition: none;
625	&.custom-tab {
626	background: #f6f6f6;
627	}
628	img {
629	width: 16px;
630	height: 16px;
631	// vertical-align:middle;
632	// margin-bottom:-3px;
633	// margin-right: 3px;
634	position: absolute;
635	left: 15px;
636	}
637	&:hover {
638	background: #e5e5e5;
639	//width: 184px
640	color: #777;
641	//margin-right: -2px;
642	opacity: 1;
643	}
644	}
645	}
646	}
647
648	.redux-menu-warning,
649	.redux-menu-error,
650	.hasSubSections .extraIconSubsections {
651	display: inline-block;
652	float: right;
653	padding: 6px 7px 4px 7px;
654	margin-left: 4px;
655	font-family: sans-serif;
656	font-size: 9px;
657	font-weight: 600;
658	line-height: 9px;
659	border-radius: 10px;
660	-moz-border-radius: 10px;
661	-webkit-border-radius: 10px;
662	border: 0 solid transparent;
663	//margin-right: 5px;
664
665	i {
666	margin-left: -3px;
667	margin-top: -3px;
668	}
669	}
670	.redux-menu-error {
671	background-color: rgb(185, 74, 72);
672	color: rgb(242, 222, 222);
673	}
674	.redux-menu-warning {
675	background-color: #C09853;
676	color: #FCF8E3;
677	}
678
679	ul {
680	.subsection {
681	display: none;
682	}
683	}
684
685	.redux-group-tab-link-a {
686	position: relative;
687	outline: 0;
688	i {
689	vertical-align: middle;
690	font-size: 1.35em;
691	position: absolute;
692	}
693	span {
694	display: block;
695	&.group_title {
696	padding-left: 30px;
697	}
698	}
699	}
700
701	.redux-group-tab-link-li a.hasError span.group_title {
702	padding-right: 25px;
703	}
704
705	#redux-header {
706	text-align: center;
707
708	.display_header {
709	float: none;
710	}
711	}
712	}
713
714	/* sidebar */
715
716
717
718	/*
719	*
720	* NHP_Options_color
721	*
722	*/
723	.farb-popup-wrapper {
724	position: relative;
725	display: block;
726	}
727
728	.farb-popup {
729	position: absolute;
730	left: 40px;
731	top: 40px;
732	background-color: white;
733	border: 1px solid #222;
734	padding: 5px;
735	z-index: 100;
736	}
737
738
739
740	.mp6 {
741	.icon-themes {
742	display: none;
743	}
744
745	.redux-container {
746	#info_bar {
747	padding: 6px 10px 6px 6px;
748
749	a {
750	margin-top: 2px;
751	}
752	}
753	}
754	}
755
756	.redux-timer {
757	text-align: center;
758	font-size: 10px;
759	color: #888;
760	}
761
762	.wrap {
763	margin-top: 0;
764	}
765
766	@media screen and (max-width: 600px) {
767	.redux-sidebar {
768	width: 44px;
769
770	.extraIconSubsections {
771	display: none !important;
772	}
773
774	.redux-group-menu li a,
775	.redux-group-menu li a:hover,
776	.redux-group-menu li.active a,
777	.redux-group-menu li.active a:hover,
778	.redux-group-menu li.activeChild a,
779	.redux-group-menu li.activeChild a:hover {
780	width: auto;
781	}
782
783	.redux-group-tab-link-a {
784	position: relative;
785
786	i {
787	position: inherit;
788	}
789
790	span {
791	display: none;
792	position: absolute;
793	top: 0;
794	left: 44px;
795	padding: 12px;
796	width: 200px;
797	background: #eeeeee;
798	border: 1px solid #ccc;
799	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
800	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
801	box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
802	border-width: 1px 1px 1px 0px;
803	z-index: 3;
804	}
805
806	&:hover > span {
807	display: block;
808	}
809	}
810	}
811
812	.redux-main {
813	margin-left: 43px;
814	width: auto;
815	max-width: 100%;
816	}
817
818	table.form-table,
819	.form-table > thead,
820	.form-table > tbody,
821	.form-table > tbody > tr > th,
822	.form-table > tbody > tr > td,
823	.form-table > tbody > tr {
824	display: block;
825	width: 100% !important;
826	padding: 0px !important;
827	}
828
829	.form-table > tbody > tr > th, .form-table > tbody > tr > td {
830	padding: 10px !important;
831	}
832
833	.form-table > tbody > tr > th, .form-table > tbody > tr > td {
834	padding: 10px !important;
835	}
836	}
837
838	//mp6 fixes
839	@media screen and (max-width: 782px) {
840	.form-table>tbody>tr>th {
841	width: 100%;
842	}
843	.redux_field_th {
844	padding-bottom:0;
845	}
846	.mp6 {
847	.redux-container {
848	#info_bar {
849	height: auto;
850	padding-bottom: 1px;
851
852	a {
853	margin-top: 5px;
854	}
855	}
856	}
857	}
858	.redux-container-switch label {
859	padding: 5px 10px !important;
860
861	}
862	.redux-container-button_set label {
863	padding: 12px 10px;
864	}
865	.redux-container #redux-footer #redux-share {
866	line-height: 34px;
867	}
868
869	}
870
871	pre {
872	overflow: hidden;
873	}
874
875	/* Default admin theme */
876	#redux-header h2 {
877	color: #fff;
878	}
879
880	@mixin backgroundGradient($to: darken($to, 5%), $from: lighten($to, 7%)) {
881	background-color: $to !important;
882	background-image: -khtml-gradient(linear, left top, left bottom, from($from), to($to)) !important;
883	background-image: -moz-linear-gradient(top, $from, $to) !important;
884	background-image: -ms-linear-gradient(top, $from, $to) !important;
885	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $from), color-stop(100%, $to)) !important;
886	background-image: -webkit-linear-gradient(top, $from, $to) !important;
887	background-image: -o-linear-gradient(top, $from, $to) !important;
888	background-image: -linear-gradient(top, $from, $to) !important;
889
890	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}', GradientType=0) !important;
891	}
892
893	@mixin adminThemeColorOverrides($darkColor, $accentColor, $secondaryColor, $buttonPrimary) {
894
895	.button.ui-datepicker-current,
896	button.ui-datepicker-close {
897	background-color: lighten($accentColor, 3%) !important;
898	}
899
900	.ui-datepicker-buttonpane button.ui-datepicker-current {
901	background: $buttonPrimary !important;
902	color: white !important;
903	border: 1px solid darken($buttonPrimary, 20%) !important;
904
905	}
906
907	.ui-datepicker-header .ui-icon {
908	background-image: url(data:image/png;base64,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) !important;
909	}
910
911	.ui-datepicker-header {
912	background-color: $secondaryColor !important;
913	color: white !important;
914	}
915
916	.ui-datepicker td .ui-state-active {
917	background-color: lighten($accentColor, 3%) !important;
918	color: white !important;
919	}
920
921	.ui-datepicker td .ui-state-hover {
922	color: lighten($accentColor, 3%) !important;
923	}
924
925	.ui-datepicker td .ui-state-highlight {
926	background: $accentColor !important;
927	border: 1px solid $secondaryColor !important;
928	color: white !important;
929	}
930
931	.redux-container-switch .cb-disable,
932	.redux-container-switch .cb-enable,
933	.ui-state-default,
934	.ui-widget-content .ui-state-default,
935	.ui-widget-header .ui-state-default {
936	@include backgroundGradient(#f5f5f5, #f8f8f8);
937	border-color: #ccc !important;
938	}
939
940	.ui-datepicker td .ui-state-active {
941	color: black !important;
942	font-weight: 700 !important;
943	background: white !important;
944	}
945
946	.redux-container-switch .cb-disable.selected {
947	@include backgroundGradient(#646464, #929292);
948	border-color: #767676 !important;
949	}
950	.redux-container-switch .cb-enable.selected,
951	.redux-field-container .ui-buttonset .ui-state-active {
952	@include backgroundGradient($accentColor);
953	border-color: darken($accentColor, 15%) !important;
954	border-color: darken($accentColor, 10%) !important;
955	-webkit-box-shadow: inset 0 1px 0 lighten($accentColor, 15%), 0 1px 0 rgba(0, 0, 0, .15) !important;
956	box-shadow: inset 0 1px 0 lighten($accentColor, 15%), 0 1px 0 rgba(0, 0, 0, .15) !important;
957
958	}
959
960	#redux-header {
961	background: $secondaryColor;
962	border-color: $accentColor;
963
964	.display_header span {
965	color: $darkColor;
966	}
967	}
968
969	.redux-sidebar .redux-group-menu li.active {
970	&.hasSubSections {
971
972	a {
973	position: relative;
974	&:after {
975	right: 0;
976	border: solid 8px transparent;
977	content: "\0020";
978	height: 0;
979	width: 0;
980	position: absolute;
981	pointer-events: none;
982	border-right-color: #fff;
983	top: 50%;
984	margin-top: -8px;
985	}
986
987	}
988	ul.subsection li a:after {
989	border: 0 none !important;
990	content: "\0020" !important;
991	}
992	}
993	}
994	.redux-sidebar .redux-group-menu li {
995	&.hasSubSections {
996	.redux-menu-error {
997	display: none;
998	margin-right: 5px;
999	}
1000
1001	a {
1002	&.hasError {
1003	.extraIconSubsections {
1004	background-color: rgb(185, 74, 72);
1005	color: rgb(242, 222, 222);
1006	}
1007	}
1008	.extraIconSubsections {
1009	border-radius: 10px;
1010	-moz-border-radius: 10px;
1011	-webkit-border-radius: 10px;
1012	border: 0 solid transparent;
1013	font-size: 9px;
1014	height: 9px;
1015	line-height: 9px;
1016	margin-right: 5px;
1017	padding: 6px 7px 4px 7px;
1018	width: 5px;
1019	}
1020
1021	&:hover .extraIconSubsections {
1022	//right: 2px;
1023	}
1024
1025	}
1026	}
1027	&.active,
1028	&.activeChild {
1029	a .extraIconSubsections {
1030	display: none;
1031	}
1032	&.hasSubSections {
1033	.redux-menu-error {
1034	display: block;
1035	}
1036	.subsection {
1037	.redux-menu-error {
1038	margin-right: 2px;
1039	}
1040	}
1041	}
1042	}
1043	}
1044
1045	.redux-sidebar .redux-group-menu {
1046	li.active,
1047	li.activeChild {
1048	border-left: 0 none;
1049	a {
1050	color: $secondaryColor;
1051	}
1052	&.hasSubSections {
1053	.active {
1054	a {
1055	&:after {
1056	right: 0;
1057	border: solid 8px transparent;
1058	content: "\0020";
1059	height: 0;
1060	width: 0;
1061	position: absolute;
1062	pointer-events: none;
1063	border-right-color: #fff;
1064	top: 50%;
1065	margin-top: -8px;
1066	}
1067	}
1068	}
1069	a {
1070	-webkit-transition: all 0.2s;
1071	-moz-transition: all 0.2s;
1072	transition: all 0.2s;
1073	color: #fff;
1074	width: auto;
1075	border-bottom: 0;
1076	}
1077	ul.subsection li {
1078	border-top: 0 none !important;
1079	&.active a:hover {
1080	color: #fff;
1081	}
1082	a {
1083	width: auto;
1084	border-top: 0 !important;
1085	// border-top-color: lighten(@secondaryColor, 15);
1086	padding: 7px;
1087	color: #fff;
1088	padding-left: 15px;
1089	-webkit-transition: all 0.2;
1090	-moz-transition: all 0.2;
1091	-ms-transition: all 0.2;
1092	-o-transition: all 0.2;
1093	transition: all 0.2;
1094	&:hover {
1095	color: $buttonPrimary;
1096	background: darken($secondaryColor, 10%);
1097	}
1098	span.group_title {
1099	padding-left: 5px !important;
1100	}
1101	}
1102	&.hasIcon {
1103	a {
1104	padding-left: 14px;
1105	span.group_title {
1106	padding-left: 30px !important;
1107	}
1108
1109	}
1110	}
1111	}
1112	}
1113	}
1114	li.active {
1115	&.hasSubSections {
1116	a {
1117	background: $accentColor;
1118	}
1119	ul.subsection li a {
1120	background: $secondaryColor;
1121	}
1122	}
1123	}
1124	li.activeChild {
1125	&.hasSubSections {
1126	a {
1127	background: $darkColor;
1128	text-shadow: 1px 1px darken($darkColor, 30%);
1129	}
1130	ul.subsection li {
1131	a {
1132	background: $secondaryColor;
1133	text-shadow: none;
1134	}
1135	&.active {
1136	a {
1137	background: $accentColor;
1138	text-shadow: 1px 1px darken($accentColor, 20%);
1139	}
1140	}
1141	}
1142	}
1143	}
1144	}
1145
1146	.redux-container-image_select .redux-image-select-selected img {
1147	border-color: $accentColor;
1148	}
1149
1150	.redux-container-image_select .redux-image-select-selected .tiles {
1151	border-color: $accentColor;
1152	}
1153
1154	#redux-footer #redux-share a {
1155	color: $accentColor;
1156	&:hover {
1157	color: darken($accentColor, 20%);
1158	}
1159	}
1160	.select2-results .select2-highlighted {
1161	background: $accentColor;
1162	}
1163	.select2-drop-active,
1164	.select2-container-multi.select2-container-active .select2-choices,
1165	.select2-drop.select2-drop-above.select2-drop-active,
1166	.select2-container-active .select2-choice,
1167	.select2-container-active .select2-choices,
1168	.select2-dropdown-open.select2-drop-above .select2-choice,
1169	.select2-dropdown-open.select2-drop-above .select2-choices {
1170	border-color: $accentColor;
1171	}
1172	.select2-dropdown-open.select2-drop-above .select2-choice,
1173	.select2-dropdown-open.select2-drop-above .select2-choices {
1174	border-top: inherit;
1175	}
1176	.noUi-connect {
1177	@include backgroundGradient(lighten($accentColor, 3%));
1178	}
1179	}
1180
1181	/* Light fresh theme */
1182	.admin-color-fresh, .wp-customizer {
1183	@include adminThemeColorOverrides(#a0a5aa, #0073aa, #23282d, #1e8cbe);
1184	}
1185
1186	/* Light admin theme */
1187	.admin-color-light {
1188	@include adminThemeColorOverrides(#e6e6e6, #04a4cc, #888888, #0384a4);
1189	}
1190
1191	/* Blue admin theme */
1192	.admin-color-blue {
1193	@include adminThemeColorOverrides(#e2ecf1, #4796b3, #096484, #db9825);
1194	}
1195
1196	/* Coffee admin theme */
1197	.admin-color-coffee {
1198	@include adminThemeColorOverrides(#cdcbc9, #c7a589, #46403c, #ba906d);
1199	}
1200
1201	/* Ectoplasm admin theme */
1202	.admin-color-ectoplasm {
1203	@include adminThemeColorOverrides(#cbc5d3, #a3b745, #413256, #89993a);
1204	}
1205
1206	/* Midnight admin theme */
1207	.admin-color-midnight {
1208	@include adminThemeColorOverrides(#c2c4c5, #e14d43, #363b3f, #d92c23);
1209	}
1210
1211	/* Ocean admin theme */
1212	.admin-color-ocean {
1213	@include adminThemeColorOverrides(#d5dddf, #9ebaa0, #627c83, #86a988);
1214	}
1215
1216	/* Sunrise admin theme */
1217	.admin-color-sunrise {
1218	@include adminThemeColorOverrides(#f0c8c6, #dd823b, #b43c38, #cc6c23);
1219	}
1220
1221	@media screen and (max-width: 600px) {
1222	// .redux-group-tab-link-a span { margin-top: -2px; }
1223	.redux-group-tab-link-a {
1224	min-height: 15px;
1225	span {
1226	//background: #222;
1227	//color: white;
1228	padding: 11px 12px;
1229	color: #555;
1230	-webkit-transition: all 0.3s;
1231	-moz-transition: all 0.3s;
1232	transition: all 0.3s;
1233	&:hover {
1234	//color: #2ea2cc;
1235	//background: black;
1236	background: #e5e5e5;
1237	}
1238	text-shadow: none !important;
1239	}
1240	}
1241
1242	.redux-sidebar a {
1243
1244	}
1245	}
1246
1247	@media screen and (max-width: 782px) {
1248	#redux-footer #redux-share {
1249	line-height: 38px;
1250	font-size: 18px;
1251	}
1252
1253	.sticky-save-warn .redux-save-warn {
1254	right: 13px;
1255	top: 46px;
1256	}
1257
1258	.redux-container .expand_options {
1259	margin-top: 5px;
1260	}
1261
1262	.redux-action_bar input {
1263	margin-bottom: 0 !important;
1264	}
1265
1266	}
1267
1268	@media screen and (max-width: 600px) {
1269	#redux-footer #redux-share,
1270	.redux-hint-qtip {
1271	display: none;
1272	}
1273
1274	.redux-container .redux-action_bar {
1275	float: none;
1276	}
1277	}
1278
1279	// WP Engine CSS fix
1280	.redux-sidebar .icon-large,
1281	.redux-main .icon-large {
1282	background-image: inherit !important;
1283	width: inherit;
1284	height: inherit;
1285	}
1286
1287	.redux-main dd, .redux-main li, .redux-sidebar li {
1288	margin-bottom: 0 !important;
1289	}
1290
1291	.fully-expanded {
1292	.redux-sidebar {
1293	margin-left: -500px;
1294	}
1295	.redux-main {
1296	margin-left: 0;
1297	}
1298	.redux-group-tab {
1299	display: block;
1300	}
1301	}
1302	@media screen and (max-width: 640px) {
1303	#redux-defaults-section {
1304	display: none;
1305	}
1306	}
1307	@media screen and (max-width: 730px) {
1308	#redux-share {
1309	display:none;
1310	}
1311	}
1312	@media screen and (max-width: 730px) {
1313	#redux-defaults-section2 {
1314	display: none;
1315	}
1316	#redux-share {
1317	display:none;
1318	}
1319	}
1320
1321	@media screen and (max-width: 600px) {
1322	.form-table > tbody > tr > th {
1323	padding-bottom: 0 !important;
1324	}
1325
1326	.redux_field_th {
1327	padding-top: 0;
1328	padding-bottom: 0;
1329	}
1330
1331	.redux-container .redux-main {
1332	margin-left: 44px;
1333	}
1334
1335	.redux-main {
1336	.redux-field-container {
1337	padding-top: 0;
1338	padding-bottom: 0;
1339	}
1340	.subsection a {
1341	min-height: 15px;
1342	}
1343	}
1344	}
1345
1346	@media screen and (min-width: 601px) and (max-width: 782px) {
1347	.redux-container {
1348	.sticky-save-warn .redux-save-warn {
1349	top: 47px !important;
1350	right: 13px !important;
1351	}
1352	}
1353	}
1354
1355	@media screen and (max-width: 782px) {
1356
1357	.redux-main {
1358	.form-table-section-indented {
1359	input[type=text]=text] {
1360	width: 95% !important;
1361	}
1362	}
1363
1364	.redux-container-sortable {
1365	input[type=text]=text] {
1366	width: 80%;
1367	display: initial;
1368	}
1369	}
1370
1371	.redux-typography-container {
1372	.input_wrapper input.mini {
1373	font-size: 16px !important;
1374	height: 40px !important;
1375	padding: 7px 10px !important;
1376	line-height: 24px !important;
1377	}
1378	.picker-wrapper label {
1379	margin-top: 16px !important;
1380	}
1381	}
1382
1383	.input-append {
1384	height: 50px !important;
1385
1386	.add-on {
1387	font-size: 16px;
1388	line-height: 24px !important;
1389	padding: 7px;
1390	height: 32px !important;
1391	float: right;
1392	margin-top: -40px;
1393	}
1394	}
1395
1396	.redux-hint-qtip {
1397	float: left !important;
1398	}
1399	.redux-action_bar .button {
1400	margin-top: -1px;
1401	}
1402	}
1403	}
1404
1405	@media screen and (max-width: 600px) {
1406	.sticky-save-warn .redux-save-warn {
1407	top: 0 !important;
1408	right: 14px !important;
1409	}
1410	}
1411
1412	@media screen and (max-width: 570px) {
1413	.redux-main {
1414	.redux-container-sortable {
1415	.checkbox-container {
1416	width: 85%;
1417	padding-bottom: 5px;
1418
1419	label {
1420	display: initial;
1421	}
1422	}
1423	}
1424	}
1425	}
1426
1427	#redux-header {
1428	position: relative;
1429	}
1430
1431	/* Leftovers? */
1432
1433	/*.shadow1 {
1434	position: relative;
1435
1436	&:before,
1437	&:after {
1438	z-index: -1;
1439	position: absolute;
1440	content: "";
1441	bottom: 15px;
1442	left: 10px;
1443	width: 50%;
1444	top: 80%;
1445	max-width: 300px;
1446	background: #777;
1447	-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
1448	-moz-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
1449	box-shadow: 0 15px 10px rgba(0,0,0,0.4);
1450	-webkit-transform: rotate(-3deg);
1451	-moz-transform: rotate(-3deg);
1452	-o-transform: rotate(-3deg);
1453	-ms-transform: rotate(-3deg);
1454	transform: rotate(-3deg);
1455	}
1456
1457	&:after {
1458	-webkit-transform: rotate(3deg);
1459	-moz-transform: rotate(3deg);
1460	-o-transform: rotate(3deg);
1461	-ms-transform: rotate(3deg);
1462	transform: rotate(3deg);
1463	right: 10px;
1464	left: auto;
1465	}
1466	}*/
1467
1468	/*.redux-menu-warning {
1469	background-color: #C09853;
1470	color: #FCF8E3;
1471	}
1472	.redux-menu-error {
1473	background-color: #B94A48;
1474	color: #F2DEDE;
1475	}*/
1476
1477	/*.redux-screenshot {
1478	max-width: 300px;
1479	display: block;
1480	}*/
1481
1482	/*.redux-container {
1483	.ajax-loading-img-top {
1484	margin: 5px 4px 0;
1485	float: left;
1486	}
1487
1488	.ajax-loading {
1489	margin: 3px 4px 0;
1490	float: right;
1491	}
1492
1493	.ajax-reset-loading-img {
1494	display: block;
1495	margin-left: 100px;
1496	}
1497	}*/
1498
1499	// Modern Theme
1500
1501	.redux-main {
1502	position: relative;
1503	#redux-sticky {
1504	min-height: 32px;
1505	margin-left: -20px;
1506	margin-right: -20px;
1507	margin-top: -10px;
1508	margin-bottom: 8px;
1509	#info_bar {
1510	height: 32px;
1511	.expand_options {
1512	margin-top: 4px;
1513	}
1514	}
1515	}
1516	.redux_field_search {
1517	top: 50px;
1518	right: 5px;
1519	}
1520	#redux-footer-sticky {
1521	margin-left: -20px;
1522	margin-right: -20px;
1523	margin-bottom: -10px;
1524	}
1525	}
1526	.redux-qtip {
1527	z-index: 999999 !important;
1528
1529	}
1530
1531