plugin-organizer / css / PO-admin.css

PO-admin.css in Plugin Organizer 9.5, at css/PO-admin.css

783 lines 15.3 KB

Raw Download Zip

1	.po-setting-icon {
2	float: left;
3	margin: 10px 5px;
4	font-size: 28px;
5	}
6
7	.po-setting-title {
8	float: left;
9	}
10
11	#PO-permalink-container .badInput, .badInput {
12	background-color: #990033;
13	color: #fff;
14	}
15
16	.metaBoxLabel {
17	font-size: 20px;
18	line-height: 22px;
19	padding: 5px;
20	}
21
22	#pluginContainer, #settingsMetaBox {
23	-webkit-border-radius: 10px 10px 0px 0px;
24	-khtml-border-radius: 10px 10px 0px 0px;
25	-moz-border-radius: 10px 10px 0px 0px;
26	border-radius: 10px 10px 0px 0px;
27	}
28
29	.metaBoxContent {
30	border: 2px outset #000000;
31	margin-bottom: 20px;
32	}
33
34	.metaBoxContent input[type="checkbox"], .plugin-organizer_page_PO_global_plugins input[type="checkbox"], .plugin-organizer_page_PO_global_plugins input[type="radio"], .toplevel_page_Plugin_Organizer input[type="checkbox"], .toplevel_page_Plugin_Organizer input[type="radio"], .plugin-organizer_page_PO_url_admin input[type="checkbox"], .plugin-organizer_page_PO_url_admin input[type="radio"] {
35	margin: 0px 3px 0px 3px !important;
36	}
37
38	.PO-filter-name-input {
39	width: 96%;
40	margin: 5px 2%;
41	}
42
43	.PO-permalink-input {
44	width: 80%;
45	margin: 10px;
46	}
47
48	@media screen and (min-width: 530px){
49	.PO-permalink-input {
50	width: 90%;
51	}
52	}
53
54
55	.toggle-button-on, .toggle-button-off, .toggle-button-no, .toggle-button-yes {
56	cursor: pointer;
57	}
58
59	.toggle-button-on:hover, .toggle-button-off:hover, .toggle-button-no:hover, .toggle-button-yes:hover {
60	box-shadow: 0 0 3pt 2pt #ccc;
61	}
62
63	.pluginWrap, .groupWrap {
64	padding: 0px 5px;
65	line-height: 26px;
66	}
67
68	.outerPluginWrap {
69	border: 1px solid #000;
70	}
71
72	div#PO-all-plugin-wrap {
73	float: left;
74	max-width: 500px;
75	width: 47%;
76	-webkit-border-radius: 0px 10px 0px 0px;
77	-khtml-border-radius: 0px 10px 0px 0px;
78	-moz-border-radius: 0px 10px 0px 0px;
79	border-radius: 0px 10px 0px 0px;
80	}
81
82	div#PO-all-plugin-wrap .pluginListHead {
83	-webkit-border-radius: 0px 8px 0px 0px;
84	-khtml-border-radius: 0px 8px 0px 0px;
85	-moz-border-radius: 0px 8px 0px 0px;
86	border-radius: 0px 8px 0px 0px;
87	}
88
89
90	.disabledStandardIndicator, .disabledMobileIndicator {
91	opacity: 0;
92	float: right;
93	padding: 0px 2px;
94	}
95
96	#PO-all-plugin-wrap .disabledStandard .disabledStandardIndicator, #PO-all-plugin-wrap .disabledMobile .disabledMobileIndicator {
97	opacity: 1;
98	}
99
100	#PO-plugin-legend-standard-indicator, #PO-plugin-legend-mobile-indicator {
101	margin-top: 5px;
102	}
103
104	.outerPluginWrap.disabledPlugins {
105	margin-bottom: 20px;
106	float: right;
107	max-width: 500px;
108	width: 47%;
109	-webkit-border-radius: 10px 0px 0px 0px;
110	-khtml-border-radius: 10px 0px 0px 0px;
111	-moz-border-radius: 10px 0px 0px 0px;
112	border-radius: 10px 0px 0px 0px;
113	}
114
115	.pluginListSubHead {
116	text-align: center;
117	border: 1px solid #000;
118	background: #293b5c;
119	color: #fff;
120	}
121
122	.disableAllContainer {
123	text-align: center;
124	background: #eee;
125	line-height: 20px;
126	font-size: 13px;
127	}
128
129	#PO-plugin-legend-wrap {
130	margin: 10px 0px;
131	}
132
133	#PO-plugin-legend-header {
134	font-size: 16px;
135	line-height:21px;
136	font-weight: bold;
137	float: left;
138	padding-right: 15px;
139	padding-left: 5px;
140	}
141
142	#PO-plugin-legend-active, #PO-plugin-legend-inactive, #PO-plugin-legend-global, #PO-plugin-legend-group, #PO-plugin-legend-selected {
143	padding: 5px;
144	border: 1px solid #000 !important;
145	text-align:center;
146	width:80px;
147	float: left;
148	font-size: 10px;
149	line-height: 12px;
150	}
151
152
153	#PO-plugin-legend-notes {
154	margin-top: 10px;
155	border-top: 1px solid #000;
156	border-bottom: 1px solid #000;
157	padding: 10px 5px;
158	}
159
160	.pluginsButton, .pluginGroupButton {
161	vertical-align: middle;
162	margin: 0px 3px;
163	}
164
165
166	@media screen and (max-width: 510px){
167	#PO-plugin-legend-header, #PO-plugin-legend-active, #PO-plugin-legend-inactive, #PO-plugin-legend-global, #PO-plugin-legend-group, #PO-plugin-legend-selected {
168	float: none;
169	margin: 0px auto;
170	}
171	}
172
173	.PO-toggle-container {
174	width: 80px;
175	float: left;
176	text-align: center;
177	padding: 10px 5px;
178	-webkit-border-radius: 8px 8px 0px 0px;
179	-khtml-border-radius: 8px 8px 0px 0px;
180	-moz-border-radius: 8px 8px 0px 0px;
181	border-radius: 8px 8px 0px 0px;
182	}
183
184	.pluginLabel {
185	padding: 10px 0px 10px 10px;
186	float: left;
187	word-wrap: break-word;
188	}
189
190	.disabledPlugins .pluginListHead {
191	cursor: pointer;
192	-webkit-border-radius: 8px 0px 0px 0px;
193	-khtml-border-radius: 8px 0px 0px 0px;
194	-moz-border-radius: 8px 0px 0px 0px;
195	border-radius: 8px 0px 0px 0px;
196	}
197
198	.pluginListHead {
199	font-size: 21px !important;
200	font-weight: bold;
201	border-bottom: 2px solid #000000;
202	color: #fff;
203	padding: 5px 0px 10px 10px;
204	-webkit-border-radius: 8px 8px 0px 0px;
205	-khtml-border-radius: 8px 8px 0px 0px;
206	-moz-border-radius: 8px 8px 0px 0px;
207	border-radius: 8px 8px 0px 0px;
208
209	background: #535F7E;
210	background: -webkit-linear-gradient(#293B5C, #535F7E, #293B5C);
211	background: -o-linear-gradient(#293B5C, #535F7E, #293B5C);
212	background: -moz-linear-gradient(#293B5C, #535F7E, #293B5C);
213	background: linear-gradient(#293B5C, #535F7E, #293B5C);
214	}
215
216	.PO-ajax-save-btn {
217	float: right;
218	margin-right: 10px;
219	margin-top: -2px;
220	-webkit-border-radius: 10px;
221	-khtml-border-radius: 10px;
222	-moz-border-radius: 10px;
223	border-radius: 10px;
224	border: 2px double #999;
225	background: radial-gradient(#fff, #aaa);
226	color: #000;
227	outline: none;
228	cursor: pointer;
229	}
230
231	.PO-ajax-save-btn:hover {
232	box-shadow: 0 0 3pt 2pt #ccc;
233	}
234
235
236	.PO-settings-left-column {
237	width: 150px;
238	float: left;
239	line-height: 26px;
240	font-size: 13px;
241	}
242
243	.PO-settings-right-column {
244	width: 500px;
245	float: left;
246	}
247
248	.PO-loading-container {
249	display: none;
250	font-size: 104px;
251	margin: 20px 0px;
252	width: 100%;
253	text-align: center;
254	}
255
256	.PO-loading-container div {
257	width: 100%;
258	text-align: center;
259	}
260
261	#PO_ajax_notices_button {
262	text-align: center;
263	}
264
265	.hidden-checkbox {
266	display: none !important;
267	}
268
269	#PO-gen-settings-div h4 {
270	text-align: center;
271	}
272
273	#PO-gen-settings-div h4 .thickbox {
274	text-decoration: none;
275	line-height: 16px;
276	}
277
278	#PO-gen-settings-div .stuffbox {
279	width: 250px;
280	float: left;
281	margin-right: 20px;
282	height: 125px;
283	padding: 5px;
284	position: relative;
285	}
286
287	#PO-gen-settings-div .scrolling-container {
288	height: 185px;
289	}
290
291	#PO-custom-post-type-container .PO-post-type-row, .PO-available-roles-container .PO-available-roles-row {
292	cursor: ns-resize;
293	background: #fff;
294	}
295
296	#PO-custom-post-type-container h4, #PO-role-container h4, #PO-debug-role-container h4 {
297	margin: 0px 5px;
298	}
299
300	.PO-settings-button-container {
301	text-align: center;
302	margin: 10px;
303	}
304
305
306	div#PO-gen-settings-div .PO-post-type-container, .PO-available-roles-container, .PO-debug-roles-container {
307	overflow: scroll;
308	position: absolute;
309	bottom: 0px;
310	top: 40px;
311	right: 5px;
312	left: 5px;
313	}
314
315	.PO-debug-roles-container {
316	top: 80px;
317	}
318
319	.stuffbox h3 {
320	padding-left: 10px;
321	}
322
323
324	#PO-plugin-wrapper .plugin, #PO-plugin-wrapper .table-header {
325	background-color: #ddd;
326	padding: 10px;
327	font-size: 20px;
328	border: 2px outset #aaa;
329	margin: 5px;
330	width: 90%;
331	min-height: 26px;
332	}
333
334	#PO-plugin-wrapper .plugin-form, #PO-plugin-wrapper .form-header {
335	width: 70px;
336	float: left;
337	font-weight: bold;
338	}
339
340	#PO-plugin-wrapper .form-header {
341	margin-top: -7px;
342	margin-bottom: -7px;
343	}
344
345	#PO-plugin-wrapper .plugin-form {
346	text-align: center;
347	}
348
349	#PO-plugin-wrapper .plugin-info, #PO-plugin-wrapper .info-header {
350	width: 40%;
351	float: left;
352	word-wrap: break-word;
353	}
354
355	#PO-plugin-wrapper .plugin-groups, #PO-plugin-wrapper .groups-header {
356	float: right;
357	width: 40%;
358	word-wrap: break-word;
359	}
360
361	#PO-plugin-wrapper .plugin-groups {
362	display: none;
363	}
364
365	.groupWrap .group-name, .groupWrap .group-members {
366	width: 40%;
367	float: left;
368	word-wrap: break-word;
369	padding: 10px 0px;
370	}
371
372	.PO-info-container {
373	display: none;
374	float: left;
375	width: 100%;
376	background-color: #fff;
377	border-width: 0px 1px 1px 1px;
378	border-style: solid;
379	border-color: #000;
380	}
381
382	.PO-info-container .PO-info-inner {
383	margin: 8px;
384	}
385
386	.PO-info-inner hr {
387	background-color: #ccc;
388	}
389
390	.PO-info-inner hr:last-child {
391	display: none;
392	}
393
394	.PO-dashicon.expand-info-icon {
395	display: block;
396	border-bottom: 1px solid #000;
397	text-align: left;
398	width: 100%;
399	cursor: pointer;
400	padding: 0px 1px 5px;
401	font-size: 14px;
402	}
403
404	#PO-group-select, #PO-new-group-name-container {
405	display: none;
406	}
407
408
409	#PO-tab-container {
410	width: 96%;
411	}
412
413	#PO-tab-menu li {
414	float: left;
415	background-color: #ddd;
416	border: 1px solid #000;
417	margin: 0px;
418	padding: 5px;
419	-webkit-border-radius: 10px 10px 0px 0px;
420	-khtml-border-radius: 10px 10px 0px 0px;
421	-moz-border-radius: 10px 10px 0px 0px;
422	border-radius: 10px 10px 0px 0px;
423	outline: none;
424	}
425
426	#PO-tab-menu li a {
427	color: #aaa;
428	text-decoration: none;
429	box-shadow: none;
430	}
431
432	#PO-tab-menu li.ui-tabs-active a {
433	color: #000;
434	}
435
436	#PO-tab-menu li.ui-tabs-active {
437	border-bottom: 1px solid #fff;
438	background-color: #fff;
439	position: relative;
440	z-index: 25;
441	}
442
443	.PO-tab-content {
444	position: relative;
445	top: -1px;
446	border: 1px solid #000;
447	width: 100%;
448	background-color: #fff;
449	padding: 30px 10px;
450	clear: both;
451	z-index: 24;
452	display: none;
453	line-height: 24px;
454	}
455
456	#PO-tab-content .PO-tab-content.active {
457	display: block;
458	}
459	.PO-tab-content h3 {
460	margin: 0px 0px 10px 0px;
461	text-align: center;
462	}
463	.PO-tab-content .stuffbox .inside {
464	padding: 12px;
465	}
466
467	#PO-plugin-wrapper .ui-sortable-handle.active, #PO-plugin-wrapper .ui-sortable-handle.network-active, #PO-post-meta-box-wrapper .ui-draggable-handle {
468	cursor: move;
469	}
470
471	#PO-tab-menu {
472	cursor: pointer;
473	}
474
475	.PO-help-container {
476	padding-left: 10px;
477	float: right;
478	}
479
480	.PO-dashicon {
481	text-decoration: none;
482	}
483
484	.centered-submit {
485	text-align: center;
486	}
487
488	#pluginListdiv {
489	-webkit-border-radius: 10px 10px 0px 0px;
490	-khtml-border-radius: 10px 10px 0px 0px;
491	-moz-border-radius: 10px 10px 0px 0px;
492	border-radius: 10px 10px 0px 0px;
493	}
494
495	#PO-pt-settings #pluginListdiv {
496	display: none;
497	}
498
499	#PO-pt-settings .PO-loading-container {
500	display: block;
501	}
502
503	.PO-settings-section-title {
504	font-size: 23px;
505	border-bottom: 2px solid #444;
506	margin-top: 90px;
507	padding-bottom: 5px;
508	}
509
510	.PO-settings-section-title.first {
511	margin-top: 20px;
512	}
513
514	.PO-color-preview {
515	width: 20px;
516	height: 20px;
517	float: left;
518	margin: 4px 4px 0px 0px;
519	border: 1px solid #ccc;
520	}
521
522	@media screen and (max-width: 670px){
523	#PO-tab-menu li {
524	width: 100% !important;
525	}
526	}
527
528
529	.PO-role-ui-tooltip {
530	min-width: 200px;
531	max-width: 300px;
532	overflow: hidden;
533	background: #fff;
534	border: 1px outset #999;
535	display: inline-block;
536	z-index: 9999;
537	-webkit-border-radius: 10px 10px 10px 10px;
538	-khtml-border-radius: 10px 10px 10px 10px;
539	-moz-border-radius: 10px 10px 10px 10px;
540	border-radius: 10px 10px 10px 10px;
541	box-shadow: 0px 0px 8px #000;
542	}
543
544	.PO-role-ui-tooltip .tooltip-row {
545	padding: 5px;
546	}
547
548	.PO-role-ui-tooltip .tooltip-title {
549	font-weight: bold;
550	padding: 8px;
551	background: #293B5C;
552	background: -webkit-linear-gradient(#293B5C, #535F7E, #293B5C);
553	background: -o-linear-gradient(#293B5C, #535F7E, #293B5C);
554	background: -moz-linear-gradient(#293B5C, #535F7E, #293B5C);
555	background: linear-gradient(#293B5C, #535F7E, #293B5C);
556	color: #fff;
557	}
558
559	.PO-ui-tooltip {
560	max-width: 300px;
561	background: #fff;
562	border: 1px outset #999;
563	display: inline-block;
564	z-index: 9999;
565	-webkit-border-radius: 10px 10px 10px 10px;
566	-khtml-border-radius: 10px 10px 10px 10px;
567	-moz-border-radius: 10px 10px 10px 10px;
568	border-radius: 10px 10px 10px 10px;
569	box-shadow: 0px 0px 8px #000;
570	}
571
572	.PO-ui-tooltip .tooltip-row {
573	padding: 5px;
574	}
575
576	.PO-ui-tooltip .tooltip-title {
577	font-weight: bold;
578	-webkit-border-radius: 8px 8px 0px 0px;
579	-khtml-border-radius: 8px 8px 0px 0px;
580	-moz-border-radius: 8px 8px 0px 0px;
581	border-radius: 8px 8px 0px 0px;
582	padding: 8px;
583	background: #293B5C;
584	background: -webkit-linear-gradient(#293B5C, #535F7E, #293B5C);
585	background: -o-linear-gradient(#293B5C, #535F7E, #293B5C);
586	background: -moz-linear-gradient(#293B5C, #535F7E, #293B5C);
587	background: linear-gradient(#293B5C, #535F7E, #293B5C);
588	color: #fff;
589	}
590
591	.PO-ui-draggable-dragging {
592	width: 150px;
593	background: #fff;
594	border: 1px solid #000;
595	z-index: 9999;
596	}
597
598	.PO-group-members {
599	cursor: pointer;
600	}
601
602	@media screen and (max-width: 360px){
603	.toggle-button {
604	padding: 2px !important;
605	}
606	}
607
608
609	@media screen and (max-width: 310px){
610	#PO-tab-content .PO-tab-content {
611	display: none;
612	background-color: #fff;
613	padding: 0px;
614	}
615
616	div#PO-manage-css-div .inside .PO-settings-right-column > div {
617	max-width: 250px;
618	}
619	}
620
621	.ui-dialog.PO-ui-dialog {
622	z-index: 9999 !important;
623	background: #eee;
624	-webkit-border-radius: 10px 10px 10px 10px;
625	-khtml-border-radius: 10px 10px 10px 10px;
626	-moz-border-radius: 10px 10px 10px 10px;
627	border-radius: 10px 10px 10px 10px;
628	box-shadow: 0px 0px 8px #000;
629	border: 1px solid #000;
630	}
631
632	.PO-ui-dialog .ui-dialog-titlebar-close {
633	float: right;
634	font-size: 10px;
635	padding: 0px 3px;
636	font-weight: bold;
637	}
638
639	.PO-ui-dialog .ui-dialog-titlebar {
640	-webkit-border-radius: 8px 8px 0px 0px;
641	-khtml-border-radius: 8px 8px 0px 0px;
642	-moz-border-radius: 8px 8px 0px 0px;
643	border-radius: 8px 8px 0px 0px;
644	padding: 8px;
645	background: #293B5C;
646	background: -webkit-linear-gradient(#293B5C, #535F7E, #293B5C);
647	background: -o-linear-gradient(#293B5C, #535F7E, #293B5C);
648	background: -moz-linear-gradient(#293B5C, #535F7E, #293B5C);
649	background: linear-gradient(#293B5C, #535F7E, #293B5C);
650
651	color: #fff;
652	}
653
654	.PO-ui-dialog .ui-dialog-buttonpane {
655	background: #293B5C;
656	background: -webkit-linear-gradient(#293B5C, #535F7E, #293B5C);
657	background: -o-linear-gradient(#293B5C, #535F7E, #293B5C);
658	background: -moz-linear-gradient(#293B5C, #535F7E, #293B5C);
659	background: linear-gradient(#293B5C, #535F7E, #293B5C);
660
661	padding: 5px;
662	text-align: center;
663	-webkit-border-radius: 0px 0px 8px 8px;
664	-khtml-border-radius: 0px 0px 8px 8px;
665	-moz-border-radius: 0px 0px 8px 8px;
666	border-radius: 0px 0px 8px 8px;
667	}
668
669	.PO-ui-dialog button {
670	-webkit-border-radius: 10px;
671	-khtml-border-radius: 10px;
672	-moz-border-radius: 10px;
673	border-radius: 10px;
674	border: 2px double #999;
675	background: radial-gradient(#fff, #aaa);
676	color: #000;
677	outline: none;
678	cursor: pointer;
679	}
680
681	.PO-ui-dialog button:hover {
682	box-shadow: 0 0 3pt 2pt #ccc;
683	}
684
685	#PO-ui-notices {
686	border-top: 1px solid #999;
687	border-bottom: 1px solid #999;
688	display: none;
689	}
690
691	#PO-ajax-notices-container {
692	padding: 10px;
693	}
694
695	.PO-help-dialog {
696	color: #0073aa;
697	font-size: 16px;
698	vertical-align: middle;
699	padding: 3px 0px 0px 5px;
700	}
701
702	.disabledListToggle {
703	font-size: 14px;
704	float: right;
705	width: 20px;
706	margin-right: 10px;
707	margin-top: 5px;
708	}
709
710	.disabled-list .toggle-button {
711	font-weight: bold;
712	}
713
714	.pluginControlDivider {
715	display: inline;
716	}
717
718	@media screen and (max-width: 580px){
719	.pluginControlDivider {
720	display: block;
721	}
722	}
723
724	#PO-progress-message {
725	font-weight: bold;
726	text-align: center;
727	}
728
729	.pluginWrap {
730	position: relative;
731	}
732
733	.show-disabled-roles {
734	float: right;
735	margin-top: 5px;
736	cursor: pointer;
737	}
738
739	.pluginWrap:hover .role-member-container {
740	display: block;
741	}
742
743	.members-tip-title {
744	text-decoration: underline;
745	font-weight: bold;
746	}
747
748	.PO-searchable-roles-container {
749	overflow-y: scroll;
750	margin: 10px 0px;
751	height: 100px;
752	}
753
754	#plugin-search-results {
755	border: 1px solid #ccc;
756	margin-top: 10px;
757	-webkit-border-radius: 10px;
758	-khtml-border-radius: 10px;
759	-moz-border-radius: 10px;
760	border-radius: 10px;
761	display: none;
762	}
763
764	#PO-plugin-search-result-header {
765	font-weight: bold;
766	text-align: center;
767	font-size: 24px;
768	background: #ccc;
769	line-height: 24px;
770	padding: 5px 0px;
771	-webkit-border-radius: 10px 10px 0px 0px;
772	-khtml-border-radius: 10px 10px 0px 0px;
773	-moz-border-radius: 10px 10px 0px 0px;
774	border-radius: 10px 10px 0px 0px;
775	}
776
777	#plugin-search-results p {
778	margin-left: 10px;
779	}
780
781	.colorpicker {
782	z-index: 35;
783	}