default.css @ 3711:004095dbea64

Visit:

Revision 3711:004095dbea64, 75.8 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)
Cope with specialized input fields in admin CSS

Line
1	@charset "UTF-8";
2	/*
3	# -- BEGIN LICENSE BLOCK --------------------------------------------------
4	# This file is part of Dotclear 2.
5	# Copyright (c) 2003-2013 Olivier Meunier & Association Dotclear
6	# Licensed under the GPL version 2.0 license.
7	# See LICENSE file or http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
8	# -- END LICENSE BLOCK ----------------------------------------------------
9	*/
10	/** --------------------------------------------------
11	Start
12	--------------------------------------------------- */
13	/* largeur des paddings et border compris dans "width" */
14	*,
15	*:before,
16	*:after {
17	box-sizing: border-box; }
18
19	html {
20	font-size: 100%;
21	-ms-text-size-adjust: 100%;
22	-webkit-text-size-adjust: 100%;
23	margin: 0;
24	padding: 0; }
25
26	body {
27	margin: 0;
28	padding: 0; }
29
30	a {
31	background: transparent; }
32	a:focus {
33	outline: thin dotted; }
34	a:active, a:hover {
35	outline: none; }
36	a img {
37	border: none; }
38
39	q,
40	cite {
41	font-style: italic; }
42
43	q:before,
44	q:after {
45	content: ""; }
46
47	sup,
48	sub {
49	font-size: .75em;
50	line-height: 0;
51	position: relative;
52	vertical-align: baseline; }
53
54	sup {
55	top: -0.5em; }
56
57	sub {
58	bottom: -0.25em; }
59
60	abbr[title] {
61	border-bottom: 1px dotted;
62	cursor: help; }
63
64	b,
65	strong {
66	font-weight: bold;
67	font-size: 0.9375em; }
68
69	small {
70	font-size: 80%; }
71
72	dfn {
73	font-style: italic; }
74
75	hr {
76	box-sizing: content-box;
77	height: 0; }
78
79	mark {
80	background: #ff0;
81	color: #000; }
82
83	code,
84	kbd,
85	pre,
86	samp {
87	font-family: monospace, serif;
88	font-size: 1em; }
89
90	pre {
91	white-space: pre-wrap; }
92
93	fieldset {
94	margin: 0;
95	padding: 0;
96	border: none; }
97
98	input,
99	button,
100	select {
101	vertical-align: middle; }
102
103	button,
104	input,
105	select,
106	textarea {
107	font-family: inherit;
108	font-size: 100%;
109	margin: 0; }
110
111	button,
112	input {
113	line-height: normal; }
114
115	button,
116	html input[type="button"],
117	input[type="reset"],
118	input[type="submit"] {
119	-webkit-appearance: button;
120	cursor: pointer; }
121
122	button[disabled],
123	html input[disabled] {
124	cursor: default; }
125
126	input[type="checkbox"],
127	input[type="radio"] {
128	padding: 0;
129	border: none; }
130
131	input[type="search"] {
132	-webkit-appearance: textfield; }
133
134	input[type="search"]::-webkit-search-cancel-button,
135	input[type="search"]::-webkit-search-decoration {
136	-webkit-appearance: none; }
137
138	button::-moz-focus-inner,
139	input::-moz-focus-inner {
140	border: 0;
141	padding: 0; }
142
143	textarea {
144	overflow: auto;
145	vertical-align: top; }
146
147	table {
148	border-collapse: collapse;
149	margin-bottom: 1.5em; }
150
151	td,
152	th {
153	padding: 1px;
154	vertical-align: top;
155	text-align: left; }
156
157	td:first-child,
158	th:first-child {
159	empty-cells: hide; }
160
161	/* scripts */
162	body > script {
163	display: none !important; }
164
165	/* HTML5 for old browsers */
166	article,
167	aside,
168	details,
169	figcaption,
170	figure,
171	footer,
172	header,
173	hgroup,
174	main,
175	nav,
176	section,
177	summary {
178	display: block; }
179
180	audio,
181	canvas,
182	video {
183	display: inline-block; }
184
185	audio:not([controls]) {
186	display: none;
187	height: 0; }
188
189	figure {
190	margin: 0; }
191
192	[hidden],
193	template {
194	display: none; }
195
196	svg:not(:root) {
197	overflow: hidden; }
198
199	/* Headings reset */
200	h1,
201	h2,
202	h3,
203	h4,
204	h5,
205	h6 {
206	font-size: 1em;
207	font-weight: normal;
208	margin: 0; }
209
210	/* Screen-reader only */
211	.visually-hidden {
212	border: 0;
213	clip: rect(0 0 0 0);
214	clip-path: inset(50%);
215	height: 1px;
216	margin: -1px;
217	overflow: hidden;
218	padding: 0;
219	position: absolute;
220	width: 1px;
221	white-space: nowrap; }
222	.visually-hidden:focus, .visually-hidden:active {
223	clip: auto;
224	clip-path: none;
225	height: auto;
226	overflow: visible;
227	position: static;
228	width: auto;
229	white-space: normal; }
230
231	/** --------------------------------------------------
232	Common rules
233	--------------------------------------------------- */
234	/* Typographie */
235	:root {
236	--html-font-size: 62.5%; }
237
238	html {
239	font-size: 62.5%;
240	font-size: var(--html-font-size); }
241
242	body {
243	font-size: 1.4rem;
244	line-height: 1.5;
245	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
246	@media screen and (max-width: 26.5em) {
247	body.responsive-font {
248	font-size: 1.2rem;
249	line-height: 1.3; } }
250	@media screen and (min-width: 120em) {
251	body.responsive-font {
252	font-size: 1.6rem;
253	line-height: 1.5; } }
254	@media screen and (min-width: 26.5em) and (max-width: 120em) {
255	body.responsive-font {
256	font-size: calc( 1.2rem + 0.4 * (100vw - 42.4rem) / (192 - 42.4));
257	line-height: calc( 1.3em + (1.5 - 1.3) * (100vw - 42.4rem) / (192 - 42.4)); } }
258
259	@media screen and (max-width: 26.5em) {
260	#wrapper {
261	font-size: 1.2em; } }
262
263	h2,
264	h3,
265	.as_h3,
266	h4,
267	.as_h4,
268	h5,
269	h6 {
270	margin-top: 0;
271	margin-bottom: 1em; }
272
273	h2 {
274	font-size: 1.5em;
275	font-weight: normal;
276	line-height: 1.25;
277	padding: 0 0 1.5em; }
278
279	h3,
280	.as_h3 {
281	font-size: 1.34em;
282	font-weight: normal;
283	line-height: 1.5;
284	margin-top: 1em; }
285
286	h4,
287	.as_h4 {
288	font-size: 1.16em;
289	line-height: 1.5; }
290
291	h5 {
292	font-size: 1em;
293	line-height: 1.5;
294	font-weight: bold; }
295
296	h6 {
297	font-size: 1em;
298	line-height: 1.5; }
299
300	/** --------------------------------------------------
301	Layout
302	--------------------------------------------------- */
303	#dotclear-admin {
304	display: flex;
305	min-height: 100vh;
306	flex-direction: column; }
307
308	#header {
309	width: 99.99%;
310	/* Bugfix Chrome >= 49.0.2623.108 */
311	display: table;
312	position: relative; }
313
314	h1,
315	#top-info-blog,
316	#top-info-user {
317	display: table-cell;
318	padding: 8px 0;
319	margin: 0;
320	font-size: 1em;
321	vertical-align: top; }
322
323	#wrapper {
324	position: relative;
325	padding-top: 1.5em;
326	float: left;
327	width: 100%;
328	z-index: 10;
329	flex: 1; }
330
331	.with-js #wrapper {
332	padding-top: 0; }
333
334	#main {
335	width: 100%;
336	float: right;
337	margin-left: -14em;
338	margin-top: 0; }
339
340	#content {
341	margin: 0 0 0 14em;
342	padding: .5em 1.5em .75em 2.5em; }
343
344	#main-menu {
345	width: 14em;
346	float: left;
347	margin: 0;
348	padding-top: .5em;
349	padding-bottom: 1em;
350	overflow: hidden; }
351
352	#footer {
353	clear: both;
354	position: relative;
355	padding: .5em 0 .5em 1em;
356	text-align: left; }
357
358	/* to hide main-menu */
359	#collapser {
360	position: absolute;
361	top: 0;
362	left: 14em;
363	width: 10px;
364	height: 100%;
365	overflow: hidden;
366	display: block;
367	border-right: 0;
368	border-bottom: 0;
369	z-index: 1;
370	transition: none; }
371
372	.expand-mm {
373	display: none; }
374
375	/* if main-menu is hidden */
376	.hide-mm #main {
377	margin-left: 0; }
378	.hide-mm #content {
379	margin-left: 10px; }
380	.hide-mm #content > h2 {
381	margin-left: calc(-1em - 10px); }
382	.hide-mm #main-menu {
383	display: none; }
384	.hide-mm #collapser {
385	left: 0; }
386	.hide-mm .collapse-mm {
387	display: none; }
388	.hide-mm .expand-mm {
389	display: block; }
390
391	/* -------------------------------------------------------------- layout: two-cols */
392	.two-cols {
393	position: static; }
394	.two-cols .col {
395	width: 48%;
396	margin-left: 2%;
397	float: left; }
398	.two-cols .col:first-child {
399	margin-left: 0;
400	margin-right: 2%; }
401	.two-cols .col:last-child {
402	margin-left: 2%;
403	margin-right: 0; }
404	.two-cols .col70 {
405	width: 68%;
406	margin-left: 0;
407	float: left; }
408	.two-cols .col70.last-col {
409	margin-left: 2%;
410	margin-right: 0; }
411	.two-cols .col30 {
412	width: 28%;
413	margin-left: 2%;
414	float: left; }
415	.two-cols .col30.first-col {
416	margin-left: 0;
417	margin-right: 2%; }
418	.two-cols table {
419	width: 90%; }
420
421	/* -------------------------------------------------------------- layout: three-cols */
422	.three-cols {
423	position: static; }
424	.three-cols .col {
425	width: 32.3%;
426	float: left;
427	margin-left: 1%; }
428	.three-cols .col:first-child {
429	margin-left: 0; }
430
431	/* ------------------------------------------------- layout: optionnal one/two/three-boxes */
432	.one-box {
433	text-align: justify; }
434
435	.two-boxes {
436	width: 48.5%; }
437
438	.three-boxes {
439	width: 30%; }
440
441	.two-boxes,
442	.three-boxes {
443	display: inline-block;
444	vertical-align: top;
445	margin: 0 1.5% 1em;
446	text-align: left; }
447
448	.two-boxes:nth-of-type(odd),
449	.three-boxes:nth-of-type(3n+1) {
450	margin-left: 0; }
451
452	.two-boxes:nth-of-type(even),
453	.three-boxes:nth-of-type(3n) {
454	margin-right: 0; }
455
456	/* ---------------------------------------------------------------- layout: popups */
457	.popup h1 {
458	display: block;
459	width: 100%;
460	margin: 0;
461	font-size: 1.5em;
462	text-indent: 1em;
463	line-height: 1.5em;
464	font-weight: normal; }
465	.popup #wrapper {
466	display: block;
467	float: none;
468	width: 100%;
469	margin: 0;
470	padding: 0;
471	background-position: 0 0; }
472	.popup #main {
473	margin: 0;
474	padding: 0; }
475	.popup #content {
476	margin: 0;
477	padding: 1em; }
478	.popup #content h2 {
479	margin: 0 0 1em 0;
480	padding: 0; }
481	.popup #footer p {
482	border: none; }
483
484	/* -------------------------------------------------------- layout: classes de complément */
485	.constrained {
486	margin: 0;
487	padding: 0;
488	border: none;
489	background: transparent; }
490
491	.table {
492	display: table; }
493
494	.cell {
495	display: table-cell;
496	vertical-align: top; }
497
498	.clear {
499	clear: both; }
500
501	.lclear {
502	clear: left; }
503
504	.clearer {
505	height: 1px;
506	font-size: 1px; }
507
508	/* Micro clearfix thx to Nicolas Gallagher */
509	.clearfix:before,
510	.clearfix:after {
511	content: " ";
512	display: table; }
513
514	.clearfix:after {
515	clear: both; }
516
517	.box {
518	display: inline-block;
519	vertical-align: top;
520	margin: 0 10px 10px;
521	text-align: left;
522	flex: 1 1 auto; }
523	.box.small {
524	flex-basis: 312px; }
525	.box.medium {
526	flex-basis: 644px; }
527	.box.large {
528	width: 100%; }
529
530	.odd {
531	margin-left: 0; }
532
533	.even {
534	margin-right: 0; }
535
536	/* ------------------------------------------------------------------------------------
537	UN POIL DE MEDIA QUERIES
538	------------------------------------------------------------------------------------ */
539	@media screen and (max-width: 80em) {
540	#header {
541	display: block;
542	width: 100%;
543	text-align: right; }
544	#header h1,
545	#header h1 a {
546	width: 120px;
547	margin: 0; }
548
549	h1 {
550	width: 19.5em;
551	display: inline-block;
552	vertical-align: top;
553	margin-right: 1em; }
554
555	#top-info-blog {
556	display: inline-block;
557	vertical-align: top;
558	margin-right: 1em; }
559	#top-info-blog #switchblog {
560	max-width: 16em; }
561	#top-info-blog a {
562	margin-left: 2em; }
563
564	#top-info-user {
565	display: block;
566	width: 100%; }
567
568	#collapser {
569	left: 17em; }
570
571	#main {
572	margin-left: -17em; }
573
574	#content {
575	margin: 0 0 0 17em; }
576
577	#main-menu {
578	width: 17em; }
579
580	.three-boxes,
581	.three-boxes .box,
582	.two-cols .col70,
583	.two-cols .col30 {
584	width: 100%;
585	margin-left: 0;
586	margin-right: 0; } }
587	@media screen and (max-width: 48em) {
588	#dashboard-boxes .box.medium,
589	.box.medium,
590	#dashboard-boxes .box.small,
591	.box.small,
592	#dashboard-boxes .box.large,
593	.box.large {
594	width: 95%;
595	margin: 10px auto; } }
596	@media screen and (max-width: 44em) {
597	#help-button {
598	height: 26px;
599	width: 26px;
600	margin: 0;
601	overflow: hidden; }
602
603	#content.with-help #help-button {
604	top: 10em; }
605
606	.one-box,
607	.two-boxes,
608	.box,
609	.two-cols .col {
610	width: 96%;
611	margin-left: 0;
612	margin-right: 0; } }
613	@media screen and (max-width: 38em) {
614	#header h1,
615	#header h1 a {
616	width: 42px !important;
617	height: 42px; }
618
619	#wrapper,
620	#main,
621	#main-menu {
622	display: block;
623	float: none;
624	width: 100%;
625	margin: 0; }
626
627	#main-menu a {
628	display: block;
629	width: 100%; }
630	#main-menu h3 a {
631	display: inline; }
632
633	#content,
634	.hide-mm #content {
635	margin: 0; }
636
637	#collapser {
638	display: none; }
639
640	#main #content > h2 {
641	margin: 0 -.25em 1em; }
642
643	#dashboard-boxes .box.medium,
644	.box.medium,
645	#dashboard-boxes .box.small,
646	.box.small,
647	#dashboard-boxes .box.large,
648	.box.large {
649	width: 95%;
650	margin: 10px auto; }
651
652	.cell,
653	#filters-form .cell {
654	display: inline-block;
655	vertical-align: bottom; }
656
657	.pseudo-tabs li {
658	display: block;
659	float: left;
660	width: 50%; } }
661	@media screen and (max-width: 26.5em) {
662	#top-info-blog label,
663	.nomobile {
664	display: none; }
665
666	#top-info-blog {
667	margin-bottom: .5em;
668	max-width: 75%; }
669	#top-info-blog select {
670	margin-bottom: .5em; }
671
672	#content.with-help #help-button {
673	top: 10em;
674	right: 28rem; }
675	#content.with-help #help {
676	width: 28rem; }
677
678	p.top-add {
679	margin-bottom: .5em; }
680
681	.part-tabs ul {
682	margin: 1em 0; }
683
684	.part-tabs li a {
685	display: block;
686	width: 100%; }
687
688	#icons p {
689	width: 9em; }
690
691	.media-item {
692	width: 90%; }
693
694	#theme-new,
695	#theme-activate,
696	#theme-deactivate {
697	margin-left: 0;
698	margin-right: 0; }
699
700	.box.current-theme {
701	margin: 5px;
702	width: 100%; }
703
704	.current-theme .module-sshot img {
705	margin: 0;
706	float: none;
707	max-width: 100%; }
708
709	table .maximal {
710	min-width: 14em; }
711
712	.pseudo-tabs li {
713	display: block;
714	width: 100%;
715	float: none; } }
716	/** --------------------------------------------------
717	Colors
718	--------------------------------------------------- */
719	body {
720	color: #323232;
721	background: #fff; }
722
723	h2 {
724	color: #676e78; }
725
726	h3,
727	.as_h3 {
728	color: #d33800; }
729
730	h4,
731	.as_h4 {
732	color: #676e78; }
733
734	h5 {
735	color: #676e78; }
736
737	h6 {
738	color: #676e78; }
739
740	/* ---------------------------------------------------------------- layout: main */
741	#header {
742	color: #fff;
743	background: #676e78;
744	border-bottom: 4px solid #a2cbe9; }
745
746	#wrapper {
747	background: #f3f3f3 url(bg_wrapper.png) repeat-y 14em; }
748
749	#content {
750	background: #fff; }
751
752	#main-menu {
753	background: #f3f3f3; }
754
755	#footer {
756	background-color: #fff;
757	border-top: 1px solid #c9c9c9; }
758
759	/* to hide main-menu */
760	#collapser {
761	background: #c9c9c9; }
762	#collapser:hover, #collapser:focus {
763	background: #a2cbe9; }
764	.hide-mm #collapser {
765	background: #a2cbe9; }
766	.hide-mm #collapser:hover, .hide-mm #collapser:focus {
767	background: #c9c9c9; }
768
769	/* if main-menu is hidden */
770	#wrapper.hide-mm {
771	background: #fff; }
772
773	/* ---------------------------------------------------------------- layout: popups */
774	.popup h1 {
775	color: #fff;
776	background: #676e78; }
777
778	/* ------------------------------------------------------------------------------------
779	UN POIL DE MEDIA QUERIES
780	------------------------------------------------------------------------------------ */
781	@media screen and (max-width: 80em) {
782	#header,
783	h1 {
784	background: #323232; }
785
786	#top-info-user {
787	background: #676e78; }
788	#top-info-user a.active {
789	color: #fff;
790	background: #868686; }
791
792	#wrapper {
793	background: #f3f3f3 url(bg_wrapper.png) repeat-y 17em; } }
794	@media screen and (max-width: 44em) {
795	#help-button {
796	background-color: #a2cbe9; } }
797	@media screen and (max-width: 38em) {
798	h1 a:link {
799	border-right: 1px solid #c9c9c9; }
800	h1 a:hover, h1 a:focus {
801	border-right: 1px solid #a2cbe9; }
802
803	.pseudo-tabs li {
804	border-top: 1px solid #c9c9c9; } }
805	@media screen and (max-width: 26.5em) {
806	h1,
807	h1 a {
808	border-right: #323232 !important; }
809
810	.pseudo-tabs li {
811	border-top: 1px solid #c9c9c9 !important; } }
812	/** --------------------------------------------------
813	Elements
814	--------------------------------------------------- */
815	/* ------------------------------------------------------------------ titres */
816	/* fil d'ariane */
817	#content > h2 {
818	padding: 0 1em .5em 1em;
819	margin: 0 -1em 1em -1em;
820	background: #fff url(bg_h2.png) repeat-x center bottom; }
821
822	h2 a:link,
823	h2 a:visited {
824	color: #676e78;
825	border-color: #000; }
826
827	/* page courante dans le fil d'ariane */
828	.page-title {
829	color: #d30e60; }
830	.page-title img {
831	padding-left: .5em;
832	vertical-align: middle; }
833
834	/* autres titres */
835	#main-menu h3 {
836	font-weight: bold; }
837
838	.fieldset h3,
839	.fieldset h4,
840	.pretty-title {
841	color: #D33800;
842	font-size: 1em;
843	font-weight: bold; }
844
845	.fieldset h3 {
846	font-size: 1.17em; }
847
848	.fieldset h3.smart-title,
849	.fieldset h4.smart-title,
850	.smart-title {
851	font-size: 1em;
852	text-transform: uppercase;
853	font-weight: bold;
854	color: #333; }
855
856	#entry-sidebar h5 {
857	font-weight: normal;
858	color: #333; }
859
860	.entry-status img.img_select_option {
861	padding-left: 4px;
862	vertical-align: -1px; }
863
864	h4 label,
865	h5 label {
866	color: #333; }
867
868	h2:first-child,
869	h3:first-child,
870	h4:first-child,
871	h5:first-child,
872	ul:first-child,
873	p:first-child {
874	margin-top: 0; }
875
876	/* ---------------------------------------------------------------- tableaux */
877	/* Pour autoriser le scroll sur les petites largeurs
878	envelopper les tableaux dans une div.table-outer */
879	.table-outer {
880	width: 100%;
881	overflow: auto; }
882
883	table {
884	font-size: 1em;
885	border-collapse: collapse;
886	margin: 0 0 1em 0;
887	width: 100%; }
888
889	caption {
890	color: #333;
891	font-weight: bold;
892	text-align: left;
893	margin-bottom: .5em; }
894
895	th {
896	border-width: 1px 0 1px 0;
897	border-style: solid;
898	border-color: #dfdfdf;
899	background: #eef1ec;
900	padding: .4em 1em .4em .5em;
901	vertical-align: top;
902	text-align: left; }
903
904	td {
905	border-width: 0 0 1px 0;
906	border-style: solid;
907	border-color: #e3e3e3;
908	padding: .4em 1em .4em .5em;
909	vertical-align: top; }
910
911	/* ---------------------------------------------------------- autres balises */
912	p {
913	margin: 0 0 1em 0; }
914
915	hr {
916	height: 1px;
917	border-width: 1px 0 0;
918	border-color: #dfdfdf;
919	background: #dfdfdf;
920	border-style: solid; }
921	hr.clearer {
922	clear: both; }
923
924	pre,
925	code,
926	#debug {
927	font: 100% "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; }
928
929	code {
930	background: #fefacd; }
931
932	pre {
933	white-space: pre;
934	white-space: -moz-pre-wrap;
935	white-space: pre-wrap;
936	white-space: pre-line;
937	word-wrap: break-word; }
938
939	abbr {
940	cursor: help; }
941
942	input,
943	textarea,
944	select,
945	option,
946	optgroup,
947	legend,
948	label {
949	font-size: 1em; }
950
951	/* ------------------------------------------------------------------ liens */
952	a,
953	a:link,
954	a:visited {
955	color: #2373A8;
956	text-decoration: none;
957	border-bottom: 1px dotted #999;
958	background-color: inherit;
959	outline: 0; }
960	a img,
961	a:link img,
962	a:visited img {
963	border: none;
964	background: inherit; }
965
966	a:hover,
967	a:active {
968	border-bottom-style: solid; }
969
970	h1 a:link,
971	h1 a:visited {
972	border: none; }
973
974	.discrete a {
975	color: #333; }
976
977	a:link {
978	transition: .5s; }
979
980	a:focus,
981	a:focus img {
982	outline: 2px solid #bee74b;
983	border-bottom: none;
984	text-decoration: none; }
985
986	input[type=text],
987	input[type=color],
988	input[type=email],
989	input[type=url],
990	input[type=datetime],
991	input[type=date],
992	input[type=time],
993	input[type=file],
994	input[type=number],
995	input[type=password],
996	input[type=submit],
997	input[type=button],
998	input[type=reset],
999	a.button, button, textarea, select, legend {
1000	max-width: 100%; }
1001
1002	input[type=text],
1003	input[type=color],
1004	input[type=email],
1005	input[type=url],
1006	input[type=datetime],
1007	input[type=date],
1008	input[type=time],
1009	input[type=file],
1010	input[type=number],
1011	input[type=password],
1012	input[type=submit],
1013	input[type=button],
1014	input[type=reset],
1015	a.button, button, textarea, legend {
1016	border-radius: 3px; }
1017
1018	form {
1019	display: block;
1020	margin: 0;
1021	padding: 0; }
1022
1023	fieldset {
1024	display: block;
1025	margin: 1em 0;
1026	padding: 1em 0.5em;
1027	border-width: 1px 0;
1028	border-style: solid;
1029	border-color: #ccc;
1030	background: #f7f7f7; }
1031	fieldset:focus-within {
1032	background-color: #eee; }
1033
1034	input[type=text],
1035	input[type=color],
1036	input[type=email],
1037	input[type=url],
1038	input[type=datetime],
1039	input[type=date],
1040	input[type=time],
1041	input[type=file],
1042	input[type=number],
1043	textarea {
1044	font-family: inherit;
1045	font-size: 100%; }
1046
1047	legend {
1048	padding: 0.2em 0.6em;
1049	border-width: 1px;
1050	border-style: solid;
1051	border-color: #676e78;
1052	background: #fff;
1053	margin-bottom: 0.5em; }
1054
1055	label .maximal, textarea.maximal, input.maximal, select.maximal {
1056	width: 99%; }
1057
1058	input.invalid, textarea.invalid, select.invalid, input:not([type=file]):invalid:not(:focus) {
1059	color: #900;
1060	box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3); }
1061
1062	input.invalid, textarea.invalid, input:not([type=file]):invalid:not(:focus) {
1063	border: 1px solid red;
1064	background: #FFBABA; }
1065
1066	input[type=text],
1067	input[type=password],
1068	input[type=color],
1069	input[type=email],
1070	input[type=url],
1071	input[type=datetime],
1072	input[type=date],
1073	input[type=time],
1074	input[type=file],
1075	input[type=number],
1076	textarea, select, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown {
1077	color: #000;
1078	box-shadow: 1px 1px 2px #f3f3f3 inset;
1079	padding: 3px;
1080	vertical-align: top; }
1081
1082	input[type=text],
1083	input[type=password],
1084	input[type=color],
1085	input[type=email],
1086	input[type=url],
1087	input[type=datetime],
1088	input[type=date],
1089	input[type=time],
1090	input[type=file],
1091	input[type=number],
1092	textarea, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown {
1093	background: #fcfcfc;
1094	border-width: 1px;
1095	border-style: solid;
1096	border-color: #dfdfdf; }
1097
1098	input:focus, textarea:focus {
1099	border-color: #9bca1c; }
1100
1101	textarea {
1102	padding: 2px 0; }
1103	textarea.maximal {
1104	resize: vertical; }
1105	.area textarea {
1106	display: block;
1107	width: 100%;
1108	resize: vertical; }
1109
1110	select {
1111	padding: 2px 0;
1112	vertical-align: middle; }
1113
1114	@media not all and (min-resolution: 0.001dpcm) {
1115	@supports (-webkit-appearance: none) {
1116	/* Safari 10.1+ only (https://browserstrangeness.bitbucket.io/css_hacks.html#webkit) */
1117	select {
1118	font-size: initial; } } }
1119	select.l10n option {
1120	padding-left: 16px; }
1121
1122	option.avail10n {
1123	background: transparent url(../images/check-on.png) no-repeat 0 50%; }
1124
1125	input[type=text],
1126	input[type=color],
1127	input[type=email],
1128	input[type=url],
1129	input[type=datetime],
1130	input[type=date],
1131	input[type=time],
1132	input[type=number],
1133	input[type=password],
1134	textarea {
1135	margin-right: .3em; }
1136
1137	input[type=checkbox], input[type=radio], input[type=file] {
1138	border: none;
1139	margin: 0 .33em 0 0;
1140	padding: 0;
1141	background: transparent; }
1142
1143	input + input[type=checkbox] {
1144	margin-left: .33em; }
1145
1146	a input {
1147	margin-right: .33em; }
1148
1149	input[type=file] {
1150	margin-top: .3em;
1151	margin-bottom: .3em; }
1152
1153	optgroup {
1154	font-weight: bold;
1155	font-style: normal; }
1156
1157	option {
1158	font-weight: normal; }
1159
1160	label, label span {
1161	display: block; }
1162
1163	label.ib, input.ib {
1164	display: inline-block; }
1165
1166	label.classic {
1167	display: inline; }
1168
1169	label.classic input, label span input, label.classic select, label span select {
1170	display: inline; }
1171
1172	label.required {
1173	font-weight: bold; }
1174
1175	label.required abbr {
1176	color: #900;
1177	font-size: 1.3em; }
1178
1179	label.bold {
1180	text-transform: uppercase;
1181	font-weight: bold;
1182	margin-top: 2em; }
1183
1184	label.area, p.area {
1185	width: inherit !important; }
1186
1187	p.field {
1188	position: relative; }
1189	p.field label {
1190	display: inline-block;
1191	width: 14em; }
1192	p.field.wide label {
1193	width: 21em; }
1194	p.field input, p.field select {
1195	display: inline-block; }
1196
1197	.form-note, .form-stats {
1198	font-style: italic;
1199	font-weight: normal;
1200	color: #676e78; }
1201
1202	p.form-note, p.form-stats {
1203	margin-top: -.7em; }
1204
1205	span.form-note, span.form-stats {
1206	text-transform: none; }
1207
1208	.missing {
1209	background-color: inherit;
1210	animation-name: kf-missing;
1211	animation-duration: 1s; }
1212
1213	@keyframes kf-missing {
1214	0% {
1215	background-color: inherit; }
1216	50% {
1217	background-color: #ffbaba; }
1218	100% {
1219	background-color: inherit; } }
1220	.focus {
1221	background-color: inherit;
1222	animation-name: kf-focus;
1223	animation-duration: 1s; }
1224
1225	@keyframes kf-focus {
1226	0% {
1227	background-color: inherit; }
1228	50% {
1229	background-color: #ccff00; }
1230	100% {
1231	background-color: inherit; } }
1232	.no-more-info {
1233	display: none; }
1234
1235	/* Removes inner padding and border in FF3+ - Knacss */
1236	button::-moz-focus-inner,
1237	input[type=button]::-moz-focus-inner,
1238	input[type=reset]::-moz-focus-inner,
1239	input[type=submit]::-moz-focus-inner {
1240	border: 0;
1241	padding: 0; }
1242
1243	/* tous les boutons */
1244	button,
1245	a.button,
1246	input[type=button],
1247	input[type=reset],
1248	input[type=submit] {
1249	border: 1px solid #ccc;
1250	font-family: inherit;
1251	padding: 3px 10px;
1252	line-height: normal !important;
1253	display: inline-block;
1254	font-size: 100%;
1255	text-align: center;
1256	text-decoration: none;
1257	cursor: pointer;
1258	position: relative;
1259	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
1260	border-style: solid;
1261	border-width: 1px; }
1262
1263	a.button {
1264	vertical-align: middle; }
1265
1266	/* Boutons javascript (dépliage/repliage, …) */
1267	.void-btn {
1268	border: none;
1269	border-radius: 0;
1270	padding: 0; }
1271
1272	/* validation */
1273	input[type=submit],
1274	button[type=submit],
1275	a.button.submit,
1276	button.submit,
1277	input.button.start {
1278	color: #fff;
1279	background-color: #25a6e1;
1280	background-image: linear-gradient(to bottom, #25a6e1, #188bc0);
1281	border-color: #25a6e1; }
1282
1283	input[type=submit]:hover,
1284	input[type=submit]:focus,
1285	button[type=submit]:hover,
1286	button[type=submit]:focus,
1287	input.button.start:hover,
1288	input.button.start:focus,
1289	button.submit:hover,
1290	button.submit:focus,
1291	a.button.submit:hover,
1292	a.button.submit:focus {
1293	background-color: #188bc0;
1294	background-image: linear-gradient(to bottom, #188bc0, #25a6e1);
1295	border-color: #188bc0; }
1296
1297	/* suppression, reset, "neutres" fond gris */
1298	button,
1299	input[type=button],
1300	input.button,
1301	input[type=reset],
1302	input[type=submit].reset,
1303	input.reset,
1304	input[type=submit].delete,
1305	input.delete,
1306	a.button,
1307	a.button.delete,
1308	a.button.reset {
1309	color: #000;
1310	background-color: #eaeaea;
1311	background-image: linear-gradient(to bottom, #f9f9f9, #eaeaea);
1312	background-repeat: repeat-x;
1313	border-color: #dfdfdf #dfdfdf #c5c5c5; }
1314
1315	button:hover,
1316	input[type=button]:hover,
1317	input.button:hover,
1318	button:focus,
1319	input[type=button]:focus,
1320	input.button:focus,
1321	input[type=reset]:hover,
1322	input[type=submit].reset:hover,
1323	input.reset:hover,
1324	input[type=reset]:focus,
1325	input[type=submit].reset:focus,
1326	input.reset:focus,
1327	input[type=submit].delete:hover,
1328	input.delete:hover,
1329	input[type=submit].delete:focus,
1330	input.delete:focus,
1331	a.button.delete:hover,
1332	a.button.reset:hover,
1333	a.button:hover,
1334	a.button.delete:focus,
1335	a.button.reset:focus,
1336	a.button:focus {
1337	background-color: #dadada;
1338	background-image: linear-gradient(to bottom, #eaeaea, #dadada);
1339	background-repeat: repeat-x;
1340	border-color: #cccccc #cccccc #b5b5b5; }
1341
1342	/* suppression */
1343	input[type=submit].delete,
1344	input.delete,
1345	button[type=submit].delete,
1346	button.delete,
1347	a.button.delete {
1348	color: #900; }
1349
1350	input[type=submit].delete:hover,
1351	input.delete:hover,
1352	button[type=submit].delete:hover,
1353	button.delete:hover,
1354	a.button.delete:hover,
1355	input[type=submit].delete:focus,
1356	input.delete:focus,
1357	button[type=submit].delete:focus,
1358	button.delete:focus,
1359	a.button.delete:focus {
1360	color: #ffffff;
1361	background-color: #b33630;
1362	background-image: linear-gradient(to bottom, #dc5f59, #b33630);
1363	background-repeat: repeat-x;
1364	border-color: #cd504a; }
1365
1366	#info-box a.button,
1367	#info-box button {
1368	padding: 0 .5em;
1369	margin-left: 2em; }
1370
1371	.button.add,
1372	button.add {
1373	color: #000;
1374	background-color: #bee74b;
1375	background-image: linear-gradient(to bottom, #bee74b, #9bca1c);
1376	border-color: #bee74b;
1377	padding: .33em 1.33em .5em; }
1378
1379	.button.add:hover,
1380	.button.add:active,
1381	.button.add:focus,
1382	button.add:hover,
1383	button.add:active,
1384	button.add:focus {
1385	background-color: #9bca1c;
1386	background-image: linear-gradient(to bottom, #9bca1c, #bee74b);
1387	border-color: #9bca1c; }
1388
1389	.button-add:focus {
1390	outline: dotted 1px; }
1391
1392	/* paragraphe pour bouton Nouveau bidule */
1393	p.top-add {
1394	text-align: right;
1395	margin: 0; }
1396
1397	/* disabled */
1398	input.disabled,
1399	input[type=submit].disabled,
1400	button.disabled,
1401	button[type=submit].disabled {
1402	color: #676e78;
1403	background: #F5F5F5;
1404	border: 1px solid #CCC; }
1405
1406	input.disabled:hover,
1407	input[type=submit].disabled:hover,
1408	button.disabled:hover,
1409	button[type=submit].disabled:hover {
1410	color: #676e78;
1411	background: #eee;
1412	border: 1px solid #CCC; }
1413
1414	/* specific buttons */
1415	.checkbox-helper,
1416	#gototop,
1417	.metaGetList,
1418	.metaGetMore,
1419	a.checkbox-helper,
1420	a#gototop,
1421	a.metaGetList,
1422	a.metaGetMore {
1423	font-size: 0.825em;
1424	color: #333;
1425	background: #fff;
1426	box-shadow: none;
1427	border: 1px solid #676e78;
1428	margin-bottom: .25em;
1429	text-align: center; }
1430	.checkbox-helper:hover,
1431	#gototop:hover,
1432	.metaGetList:hover,
1433	.metaGetMore:hover,
1434	a.checkbox-helper:hover,
1435	a#gototop:hover,
1436	a.metaGetList:hover,
1437	a.metaGetMore:hover {
1438	background: #a2cbe9;
1439	box-shadow: none;
1440	border: 1px solid #676e78; }
1441
1442	#gototop {
1443	display: none;
1444	z-index: 1000;
1445	position: fixed;
1446	bottom: 0;
1447	right: .5em;
1448	width: 10em;
1449	padding: .25em;
1450	border-radius: .25em; }
1451	#gototop a,
1452	#gototop a:link,
1453	#gototop a:hover,
1454	#gototop a:active {
1455	color: #333;
1456	background: transparent;
1457	border: none; }
1458
1459	.metaRemove,
1460	.addMeta button:not(.metaGetMore),
1461	.addMeta a:not(.metaGetMore) {
1462	border: none;
1463	border-radius: 0;
1464	padding: 0;
1465	background: none; }
1466
1467	.addMeta button:not(.metaGetMore),
1468	.addMeta a:not(.metaGetMore) {
1469	box-shadow: initial;
1470	margin-bottom: 2px; }
1471	.addMeta button:not(.metaGetMore):hover, .addMeta button:not(.metaGetMore):focus,
1472	.addMeta a:not(.metaGetMore):hover,
1473	.addMeta a:not(.metaGetMore):focus {
1474	background: #fc0; }
1475
1476	.warn,
1477	.warning,
1478	.info {
1479	font-style: normal;
1480	padding: .2em .66em .2em;
1481	text-indent: 24px;
1482	color: #333;
1483	display: inline-block;
1484	line-height: 1.5em;
1485	border-radius: 3px; }
1486
1487	.warn,
1488	.warning {
1489	background: #FEFACD url(msg-warning.png) no-repeat 0.3em 0.3em;
1490	border: 1px solid #ffd478; }
1491
1492	.info {
1493	background: #D9EDF7 url(msg-info.png) no-repeat 0.3em 0.3em;
1494	border: 1px solid #BCE8F1; }
1495
1496	div.warn,
1497	div.warning,
1498	div.info {
1499	display: block;
1500	padding: 1em 1em .33em 1em;
1501	margin-bottom: 1em; }
1502
1503	span.warn,
1504	span.warning,
1505	span.info {
1506	padding-top: 1px;
1507	padding-bottom: 1px;
1508	background-position: .3em .2em; }
1509
1510	.error,
1511	.message,
1512	.static-msg,
1513	.success,
1514	.warning-msg {
1515	padding: 1em 0.5em 0.5em 48px;
1516	margin-bottom: 1em;
1517	border-radius: 8px;
1518	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
1519
1520	p.error,
1521	p.message,
1522	p.static-msg,
1523	p.success,
1524	p.warning-msg {
1525	padding-top: 1em;
1526	padding-bottom: 1em;
1527	margin-top: .5em; }
1528
1529	.error {
1530	background: #ffbaba url(msg-error.png) no-repeat 0.7em 0.7em;
1531	color: #000;
1532	animation-name: kf-error;
1533	animation-duration: .5s; }
1534
1535	@keyframes kf-error {
1536	0% {
1537	background-color: #fefacd; }
1538	100% {
1539	background-color: #ffbaba; } }
1540	.message,
1541	.static-msg {
1542	background: #676e78 url(msg-std.png) no-repeat 0.7em 0.7em;
1543	color: #fff; }
1544
1545	.message {
1546	animation-name: kf-message;
1547	animation-duration: .5s; }
1548
1549	@keyframes kf-message {
1550	0% {
1551	background-color: #ccc; }
1552	100% {
1553	background-color: #676e78; } }
1554	.message a,
1555	.static-msg a,
1556	.message h3,
1557	.static-msg h3 {
1558	color: #fff; }
1559
1560	.success,
1561	.warning-msg {
1562	color: #000; }
1563
1564	.success {
1565	background: #bee74b url(msg-success.png) no-repeat 0.7em 0.7em;
1566	animation-name: kf-success;
1567	animation-duration: .5s; }
1568
1569	@keyframes kf-success {
1570	0% {
1571	background-color: #9bca1c; }
1572	100% {
1573	background-color: #bee74b; } }
1574	.warning-msg {
1575	background: #ffd478 url(msg-warning.png) no-repeat 0.7em 0.7em;
1576	border: 1px solid #ffd478;
1577	animation-name: kf-warning;
1578	animation-duration: .5s; }
1579
1580	@keyframes kf-warning {
1581	0% {
1582	background-color: #fefacd; }
1583	100% {
1584	background-color: #ffd478; } }
1585	.success a,
1586	.warning-msg a,
1587	.info a {
1588	color: #333; }
1589
1590	.close-notice-parent {
1591	display: flex;
1592	justify-content: space-between; }
1593	.close-notice-parent ul, .close-notice-parent p + p {
1594	flex: 1; }
1595	.close-notice-parent p + p {
1596	padding-left: .25em; }
1597
1598	.close-notice {
1599	background: none;
1600	border: none;
1601	border-radius: 0;
1602	box-shadow: none;
1603	padding-left: 1em; }
1604	.close-notice:hover, .close-notice:focus {
1605	background: none; }
1606
1607	.dc-update {
1608	padding: 1em 48px 0.5em 48px;
1609	margin-bottom: 1em;
1610	border-radius: 8px;
1611	background: #A2CBE9 url(msg-success.png) no-repeat 0.7em 0.7em;
1612	color: #000;
1613	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
1614	.dc-update h3 {
1615	margin-top: 0;
1616	color: #000; }
1617	.dc-update p {
1618	display: inline-block;
1619	vertical-align: middle; }
1620	.dc-update a {
1621	color: #000;
1622	margin-right: 1em; }
1623	.dc-update a.button {
1624	padding: .5em 1em; }
1625
1626	.updt-info a {
1627	margin-left: 2em;
1628	border-color: #000;
1629	font-weight: bold; }
1630
1631	body.ajax-loader #header {
1632	border-bottom-color: #92b7d2;
1633	transition: border-bottom-color .3s ease; }
1634	body.ajax-loader #collapser {
1635	background-color: #92b7d2;
1636	transition: background-color .3s ease; }
1637
1638	/** --------------------------------------------------
1639	Components
1640	--------------------------------------------------- */
1641	/* prelude */
1642	#prelude {
1643	line-height: 1.5;
1644	margin: 0;
1645	padding: 0;
1646	overflow: hidden;
1647	position: absolute;
1648	top: 3em;
1649	left: 0;
1650	background: #a2cbe9;
1651	width: 100%;
1652	z-index: 100; }
1653	#prelude li {
1654	list-style-type: none;
1655	margin: 0;
1656	background: transparent;
1657	display: inline; }
1658	#prelude li a {
1659	padding: 3px 16px 3px 8px;
1660	background: #a2cbe9;
1661	color: #000;
1662	text-decoration: underline; }
1663	#prelude li a:hover, #prelude li a:focus {
1664	background: #fff; }
1665
1666	/* si le prélude est affiché on repousse les trucs dessous */
1667	#wrapper.with-prelude {
1668	padding-top: 1em; }
1669
1670	#help-button.with-prelude,
1671	#collapser.with-prelude {
1672	top: 1em; }
1673
1674	/* header global h1, form#top-info-blog, ul#top-info-user */
1675	#header a {
1676	color: #fff; }
1677	#header img {
1678	vertical-align: middle;
1679	padding-left: .5em; }
1680
1681	/* h1 */
1682	h1 {
1683	text-indent: 100%;
1684	width: 16.5em; }
1685	h1 a {
1686	position: absolute;
1687	top: 0;
1688	left: 0;
1689	width: 150px;
1690	height: 36px;
1691	color: #fff;
1692	background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
1693	transition: none; }
1694	h1 a:hover, h1 a:focus {
1695	background-position: 0 -94px;
1696	background-color: transparent;
1697	transition: none; }
1698	h1 a:link {
1699	transition-timing-function: ease-in-out; }
1700
1701	/* top-info-blog */
1702	#top-info-blog select {
1703	max-width: 20em; }
1704	#top-info-blog a {
1705	margin-left: 1.5em; }
1706	#top-info-blog input[type=submit] {
1707	background: #000;
1708	border-color: #868686;
1709	margin-left: .33em; }
1710	#top-info-blog input[type=submit]:hover {
1711	background: #868686; }
1712	#top-info-blog p {
1713	display: inline-block;
1714	margin: 0; }
1715
1716	/* top-info-user */
1717	#top-info-user {
1718	padding-right: .5em;
1719	list-style-type: none;
1720	text-align: right; }
1721	#top-info-user li {
1722	display: inline-block;
1723	margin-left: .5em;
1724	padding-left: .5em;
1725	border-left: 1px solid #868686; }
1726	#top-info-user li:first-child {
1727	border-left: none; }
1728	#top-info-user a.active {
1729	border-width: 0;
1730	border-radius: 4px;
1731	margin: 0;
1732	padding: 2px 8px 3px;
1733	background-color: #f3f3f3;
1734	color: #d33800;
1735	font-weight: bold; }
1736
1737	/* ------------------------------------------------------------------------------------
1738	UN POIL DE MEDIA QUERIES
1739	------------------------------------------------------------------------------------ */
1740	@media screen and (max-width: 26.5em) {
1741	h1,
1742	h1 a {
1743	padding: 0; } }
1744	@media screen and (max-width: 38em) {
1745	h1 a:link {
1746	background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; }
1747
1748	h1 a:hover,
1749	h1 a:focus {
1750	background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; } }
1751	#main-menu div:last-child {
1752	border-bottom: none; }
1753	#main-menu h3 {
1754	margin: 0;
1755	padding: 10px 0 10px 8px;
1756	color: #676e78;
1757	font-size: 1.15em; }
1758	#main-menu a {
1759	color: #333;
1760	border-bottom-color: #ccc; }
1761	#main-menu ul {
1762	margin: 0 0 1.5em 0;
1763	padding: 0;
1764	list-style: none; }
1765	#main-menu ul li {
1766	display: block;
1767	margin: 0.5em 0 0;
1768	padding: 4px 0 1px 32px;
1769	background-repeat: no-repeat;
1770	background-position: 8px .3em; }
1771	#main-menu ul li:first-child {
1772	margin-top: 0; }
1773	#main-menu .active {
1774	background-color: #fff;
1775	font-weight: bold; }
1776	#main-menu .active a {
1777	border-bottom: none;
1778	color: #d30e60; }
1779
1780	#favorites-menu,
1781	#blog-menu,
1782	#system-menu,
1783	#plugins-menu {
1784	border-bottom: 1px dashed #A2CBE9; }
1785
1786	#favorites-menu h3 {
1787	color: #000;
1788	font-variant: small-caps;
1789	padding-top: .2em; }
1790	#favorites-menu .active {
1791	background-color: transparent; }
1792	#favorites-menu .active a {
1793	color: #000; }
1794
1795	#search-menu {
1796	padding: 4px 5px 0;
1797	font-size: 100%; }
1798	#search-menu * {
1799	height: 2em;
1800	display: inline-block;
1801	vertical-align: top;
1802	line-height: 24px; }
1803	#search-menu p {
1804	border: 1px solid #999;
1805	border-radius: .3em;
1806	position: relative;
1807	width: 95%;
1808	overflow: hidden; }
1809	#search-menu input[type="submit"] {
1810	padding: 0 .25em;
1811	margin-left: .33em;
1812	background: #dfdfdf;
1813	border-color: #999;
1814	color: #333;
1815	border-bottom-right-radius: .3em;
1816	border-top-right-radius: .3em;
1817	border-top-left-radius: 0;
1818	border-bottom-left-radius: 0;
1819	border: none;
1820	border-left: 1px solid #999;
1821	font-size: .91em;
1822	float: right; }
1823	#search-menu input[type="submit"]:hover, #search-menu input[type="submit"]:focus {
1824	background: #676e78;
1825	color: #fff; }
1826
1827	#qx {
1828	width: 80%;
1829	border-bottom-left-radius: .3em;
1830	border-top-left-radius: .3em;
1831	background: transparent url(search.png) no-repeat 4px center;
1832	text-indent: 18px;
1833	padding: 0;
1834	border: none;
1835	height: 2em; }
1836	#qx:focus {
1837	border: 1px solid #bee74b; }
1838
1839	.part-tabs ul {
1840	padding: .5em 0 0 1em;
1841	border-bottom: 1px solid #ccc;
1842	line-height: 1.8; }
1843	.part-tabs li {
1844	list-style: none;
1845	margin: 0;
1846	display: inline; }
1847	.part-tabs li:first-child a {
1848	border-top-left-radius: 3px; }
1849	.part-tabs li:last-child a {
1850	border-top-right-radius: 3px; }
1851	.part-tabs li a {
1852	padding: .33em 1.5em;
1853	margin-right: -1px;
1854	border: 1px solid #ccc;
1855	border-bottom: none;
1856	text-decoration: none;
1857	color: #333;
1858	background-color: #ecf0f1;
1859	display: inline-block; }
1860	.part-tabs li a:hover, .part-tabs li a:focus {
1861	color: #000;
1862	background: #fff;
1863	border-bottom-color: #fff; }
1864	.part-tabs li a:link {
1865	transition: unset; }
1866	.part-tabs li.part-tabs-active a {
1867	background: #fff;
1868	font-weight: bold;
1869	border-bottom-color: #fff; }
1870
1871	.multi-part {
1872	padding-left: 1em; }
1873
1874	.pseudo-tabs {
1875	margin: -.75em 0 2em 0;
1876	border-bottom: 1px solid #bbb;
1877	display: table;
1878	width: 100%;
1879	padding: 0;
1880	line-height: 24px;
1881	border-collapse: collapse; }
1882	.pseudo-tabs li {
1883	display: table-cell;
1884	border-width: 0 1px;
1885	border-style: solid;
1886	border-color: #ccc;
1887	padding: 0;
1888	margin: 0;
1889	text-align: center; }
1890	.pseudo-tabs a {
1891	display: block;
1892	font-weight: bold;
1893	padding: 0 24px;
1894	border-bottom: none; }
1895	.pseudo-tabs a:hover, .pseudo-tabs a:focus {
1896	background-color: #ecf0f1;
1897	color: #333; }
1898	.pseudo-tabs a.active {
1899	background-color: #ecf0f1;
1900	color: #d30e60; }
1901
1902	/* contextual help */
1903	#help {
1904	margin-top: 4em;
1905	background: #f5f5f5;
1906	z-index: 100;
1907	clear: both;
1908	padding: 0 1em; }
1909	#content.with-help #help {
1910	display: block;
1911	position: absolute;
1912	top: 0;
1913	right: 0;
1914	width: 32rem;
1915	border-left: 2px solid #FFD478;
1916	border-top: 2px solid #FFD478;
1917	margin-top: 0;
1918	padding: .5em 0 0 0;
1919	overflow: auto; }
1920
1921	#help-button {
1922	background: transparent url(help-mini.png) no-repeat 6px center;
1923	position: absolute;
1924	top: 0;
1925	right: 0;
1926	padding: 0 1.5em 0 30px;
1927	cursor: pointer;
1928	color: #2373A8;
1929	line-height: 3; }
1930	#help-button.floatable {
1931	border-top: 2px solid #ccc;
1932	border-left: 2px solid #ccc;
1933	border-bottom: 2px solid #ccc;
1934	border-bottom-left-radius: 1em;
1935	border-top-left-radius: 1em;
1936	background-color: #f5f5f5;
1937	position: fixed;
1938	top: 10px;
1939	-webkit-transform: translateZ(0); }
1940	.no-js #help-button {
1941	top: 1em; }
1942	#help-button span {
1943	padding: .5em 0 .1em 0; }
1944	#content.with-help #help-button {
1945	right: 32rem;
1946	background-color: #f5f5f5;
1947	position: fixed;
1948	top: 6em;
1949	z-index: 100;
1950	border-top: 2px solid #FFD478;
1951	border-left: 2px solid #FFD478;
1952	border-bottom: 2px solid #FFD478;
1953	border-bottom-left-radius: 1em;
1954	border-top-left-radius: 1em; }
1955
1956	.help-box {
1957	display: none; }
1958	.help-box ul {
1959	padding-left: 20px;
1960	margin-left: 0; }
1961
1962	#content.with-help .help-content {
1963	padding: 0 1em 1em; }
1964	.help-content dt {
1965	font-weight: bold;
1966	color: #676e78;
1967	margin: 0; }
1968	.help-content dd {
1969	margin: 0.3em 0 1.5em 0; }
1970
1971	/* lien d'aide générale dans le help content */
1972	#helplink p {
1973	padding: 0 0 0 .5em; }
1974
1975	#footer p {
1976	margin: 0;
1977	padding: 0 1em;
1978	font-size: 1em; }
1979	#footer a:hover span.tooltip {
1980	padding: 10px;
1981	color: #910ed3;
1982	height: auto;
1983	width: auto;
1984	left: 0;
1985	bottom: 0;
1986	background: rgba(255, 255, 255, 0.9);
1987	z-index: 99;
1988	font-family: monospace;
1989	text-align: left;
1990	border-top: 1px solid #910ed3;
1991	border-right: 1px solid #910ed3;
1992	border-radius: 0 2em 0 0; }
1993
1994	span.credit {
1995	font-size: 1em;
1996	font-weight: normal; }
1997
1998	span.tooltip {
1999	position: absolute;
2000	padding: 0;
2001	border: 0;
2002	height: 1px;
2003	width: 1px;
2004	overflow: hidden; }
2005
2006	/** --------------------------------------------------
2007	Tables and Filters
2008	--------------------------------------------------- */
2009	table .maximal {
2010	overflow: hidden;
2011	text-overflow: ellipsis;
2012	max-width: 1px; }
2013	table .maximal, table.maximal {
2014	width: 100%; }
2015	table .minimal {
2016	width: 1px; }
2017	table .nowrap {
2018	white-space: nowrap;
2019	vertical-align: top; }
2020	table .count {
2021	text-align: right;
2022	padding-right: 1.5em; }
2023
2024	th.first input {
2025	padding-right: 34px; }
2026
2027	th img,
2028	tr.line img {
2029	vertical-align: middle; }
2030	th img.expand,
2031	tr.line img.expand {
2032	margin-right: 6px;
2033	margin-bottom: -2px; }
2034
2035	tr.line p {
2036	margin: 0; }
2037	tr.line input,
2038	tr.line select {
2039	vertical-align: middle;
2040	box-shadow: none; }
2041	tr.line select {
2042	width: 6em; }
2043	tr.line input[type=text] {
2044	background: #fff; }
2045	tr.line:hover {
2046	background: #f3f3f3; }
2047	tr.line:focus-within {
2048	background-color: #eee; }
2049
2050	td.status {
2051	vertical-align: middle; }
2052	td.status a {
2053	border: none; }
2054
2055	.noborder td,
2056	td.noborder,
2057	.noborder th,
2058	th.noborder {
2059	border-width: 0 0 1px 0;
2060	border-color: #dfdfdf;
2061	line-height: 2em;
2062	padding-bottom: 0; }
2063
2064	.noborder p {
2065	margin-bottom: 0; }
2066
2067	table.posts-list {
2068	min-width: 50%; }
2069
2070	table.settings,
2071	table.prefs {
2072	margin-bottom: 3em; }
2073	table.settings th:first-child,
2074	table.prefs th:first-child {
2075	width: 20%; }
2076	table.settings th + th,
2077	table.prefs th + th {
2078	width: 30%; }
2079	table.settings th + th + th,
2080	table.prefs th + th + th {
2081	width: 10%; }
2082	table.settings th:last-child,
2083	table.prefs th:last-child {
2084	width: 40%; }
2085
2086	/* js */
2087	td.expand {
2088	padding: 1em; }
2089	td.expand td {
2090	border-bottom: none; }
2091
2092	.handle {
2093	padding: 0; }
2094
2095	.handler {
2096	cursor: move;
2097	background: transparent url(drag.png) no-repeat 0 50%;
2098	padding-left: 15px; }
2099
2100	a.form-control {
2101	display: none;
2102	background: url(../images/expand.png) no-repeat 4px center;
2103	padding-left: 20px;
2104	color: #000; }
2105	a.form-control.open {
2106	background: url(../images/hide.png) no-repeat 4px center; }
2107
2108	#filters-form {
2109	border: 1px solid #a2cbe9;
2110	border-radius: .3em;
2111	margin-bottom: 2em;
2112	padding: .5em 1em 0; }
2113	#filters-form .table {
2114	width: 100%;
2115	padding: 0;
2116	margin-bottom: 1em;
2117	margin-top: .5em; }
2118	#filters-form .cell {
2119	padding: 0 2em 0 0; }
2120	#filters-form .filters-sibling-cell {
2121	padding-top: 3.8em; }
2122	#filters-form .filters-options {
2123	padding-left: 2em;
2124	border-left: 1px solid #ccc; }
2125	#filters-form select {
2126	width: 14em;
2127	vertical-align: middle; }
2128	#filters-form h4 {
2129	margin-top: 0;
2130	margin-bottom: 2em; }
2131	#filters-form label.ib,
2132	#filters-form span.ib {
2133	width: 7em; }
2134	#filters-form label.ibw,
2135	#filters-form span.ibw {
2136	width: 9em;
2137	display: inline-block; }
2138	#filters-form:focus-within {
2139	background-color: #eee; }
2140
2141	span.ib {
2142	width: 7em; }
2143
2144	span.ibw {
2145	width: 9em;
2146	display: inline-block; }
2147
2148	/** --------------------------------------------------
2149	Pages
2150	--------------------------------------------------- */
2151	#login-screen {
2152	display: block;
2153	width: 20em;
2154	margin: 1.5em auto 0;
2155	font-size: 1.16em; }
2156	#login-screen h1 {
2157	text-indent: -2000px;
2158	background: transparent url(dc_logos/w-dotclear240.png) no-repeat top left;
2159	height: 66px;
2160	width: 20em;
2161	margin-bottom: .5em;
2162	margin-left: 0; }
2163	#login-screen .fieldset {
2164	border: 1px solid #9bca1c;
2165	padding: 1em 1em 0 1em;
2166	background: #fff;
2167	margin-bottom: 0;
2168	margin-top: 1em; }
2169	#login-screen input[type=text],
2170	#login-screen input[type=color],
2171	#login-screen input[type=email],
2172	#login-screen input[type=url],
2173	#login-screen input[type=datetime],
2174	#login-screen input[type=date],
2175	#login-screen input[type=time],
2176	#login-screen input[type=file],
2177	#login-screen input[type=number],
2178	#login-screen input[type=password],
2179	#login-screen input[type=submit],
2180	#login-screen input[type=text]:focus,
2181	#login-screen input[type=color]:focus,
2182	#login-screen input[type=email]:focus,
2183	#login-screen input[type=url]:focus,
2184	#login-screen input[type=datetime]:focus,
2185	#login-screen input[type=date]:focus,
2186	#login-screen input[type=time]:focus,
2187	#login-screen input[type=file]:focus,
2188	#login-screen input[type=number]:focus,
2189	#login-screen input[type=password]:focus,
2190	#login-screen input[type=submit]:focus {
2191	width: 100%;
2192	margin: 0;
2193	padding: 5px 3px; }
2194	#login-screen input.login,
2195	#login-screen input.login:focus {
2196	padding-top: 6px;
2197	padding-bottom: 6px;
2198	font-size: 1em; }
2199	#login-screen #issue {
2200	margin-left: 1.33em;
2201	font-size: .91em; }
2202	#login-screen #issue p:first-child {
2203	text-align: right; }
2204	#login-screen #issue strong {
2205	font-weight: normal; }
2206
2207	#dashboard-main {
2208	text-align: center; }
2209
2210	/* raccourcis */
2211	#icons {
2212	display: flex;
2213	flex-wrap: wrap;
2214	justify-content: center; }
2215	#icons p {
2216	width: 13em;
2217	text-align: center;
2218	margin: 1em 0 2em; }
2219	#icons a, #icons a:link, #icons a:visited, #icons a:hover, #icons a:focus {
2220	border-bottom-width: 0;
2221	text-decoration: none; }
2222	#icons a span {
2223	border-bottom: 1px dotted #999;
2224	color: #333; }
2225	#icons a img {
2226	padding: 1.5em;
2227	background-color: #f9f9f9;
2228	border-radius: 8px;
2229	border: 1px solid #dadada;
2230	display: inline-block; }
2231	#icons a:focus {
2232	outline: 0;
2233	border-color: #fff; }
2234	#icons a:focus span {
2235	border: 2px solid #bee74b; }
2236	#icons a:focus img, #icons a:hover img {
2237	background: #bee74b;
2238	outline: 0;
2239	border-color: #dadada; }
2240	#icons a:focus span, #icons a:hover span {
2241	border-bottom-style: solid; }
2242
2243	/* billet rapide */
2244	#quick {
2245	padding: 1em;
2246	max-width: 976px;
2247	margin: 0 auto;
2248	background: #f5f5f5;
2249	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2250	text-align: left; }
2251	#quick h3 {
2252	margin-bottom: 0.2em;
2253	font-size: 1.2em; }
2254	#quick p.qinfo {
2255	margin: -.7em -1em 1em;
2256	background: #D9EDF7 url(info.png) no-repeat 0.2em 0.2em;
2257	border: 1px solid #BCE8F1;
2258	padding: .2em 1em .1em 24px;
2259	color: #000; }
2260	#quick #new_cat,
2261	#quick .q-cat,
2262	#quick .q-cat label {
2263	display: inline-block;
2264	vertical-align: top;
2265	margin-right: 1em;
2266	margin-top: 0; }
2267	#quick .q-cat label {
2268	margin-right: .3em; }
2269	#quick #new_cat {
2270	margin-bottom: 2em; }
2271
2272	/* modules additionnels */
2273	#dashboard-boxes {
2274	margin: 1em auto 1em;
2275	padding-top: 2em;
2276	display: flex;
2277	flex-wrap: wrap;
2278	justify-content: center; }
2279	#dashboard-boxes .box {
2280	padding: 10px;
2281	border: 1px solid #ccc;
2282	border-radius: 3px;
2283	min-height: 200px;
2284	margin: 10px;
2285	text-align: left; }
2286
2287	.db-items,
2288	.db-contents {
2289	display: flex;
2290	flex-wrap: wrap;
2291	justify-content: center;
2292	flex: 1 1 auto; }
2293	.db-items img,
2294	.db-contents img {
2295	vertical-align: middle; }
2296	.db-items ul,
2297	.db-contents ul {
2298	display: block;
2299	padding-left: 1.5em;
2300	list-style: square; }
2301	.db-items li,
2302	.db-contents li {
2303	margin: 0.25em 0 0 0; }
2304
2305	.no-js .outgoing img {
2306	display: none; }
2307
2308	.dc-box {
2309	background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; }
2310
2311	#news dt {
2312	font-weight: bold;
2313	margin: 0 0 0.4em 0; }
2314	#news dd {
2315	margin: 0 0 1em 0; }
2316	#news dd p {
2317	margin: 0.2em 0 0 0; }
2318
2319	/* message de mise à jour */
2320	#upg-notify ul {
2321	padding-left: 1.5em; }
2322	#upg-notify li {
2323	color: #fff; }
2324
2325	#media_img_title_pattern {
2326	margin-right: 1em; }
2327
2328	#part-users > div {
2329	display: flex;
2330	flex-wrap: wrap;
2331	justify-content: left; }
2332
2333	.user-perm {
2334	margin: 0 1em 1em 0;
2335	background: transparent url(user.png) no-repeat 0.5em 0.5em;
2336	width: 20em;
2337	border: 1px solid #ccc;
2338	border-radius: .5em;
2339	padding: 0 1em .5em; }
2340	.user-perm h4,
2341	.user-perm h5,
2342	.user-perm p,
2343	.user-perm ul,
2344	.user-perm li {
2345	margin: .5em 0 .33em;
2346	padding: 0; }
2347	.user-perm h4 {
2348	padding-left: 28px; }
2349	.user-perm h5 {
2350	margin: 1em 0 0 0; }
2351	.user-perm li {
2352	margin-left: 1em;
2353	padding-left: 0; }
2354	.user-perm.user_super {
2355	background-color: rgba(153, 197, 255, 0.25); }
2356
2357	li.user_super,
2358	li.user_admin {
2359	margin-left: 0;
2360	padding-left: 20px;
2361	list-style: none;
2362	background: transparent url(../images/superadmin.png) no-repeat 0 0.3em; }
2363
2364	li.user_admin {
2365	background-image: url(../images/admin.png); }
2366
2367	/* pour les alignements verticaux */
2368	#theme-new,
2369	#theme-activate,
2370	#theme-deactivate,
2371	#theme-update {
2372	margin-left: -10px;
2373	margin-right: -10px; }
2374
2375	.box.theme {
2376	margin: 5px;
2377	padding: 10px 10px 5px 10px;
2378	border: 1px solid #dfdfdf;
2379	position: relative; }
2380	.box.theme:hover {
2381	background: #ecf0f1 url(texture.png); }
2382	.box.theme input {
2383	margin-bottom: 1em; }
2384
2385	.module-name,
2386	.module-name label {
2387	margin-bottom: .5em;
2388	color: #676e78; }
2389
2390	.module-sshot {
2391	text-align: center; }
2392	.module-sshot img {
2393	padding: 5px;
2394	background: #f7f7f7;
2395	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
2396	border: 3px solid #fff;
2397	max-width: 100%; }
2398
2399	.module-actions {
2400	margin-top: 1em; }
2401
2402	.bloc-toggler {
2403	text-align: right; }
2404	.bloc-toggler img {
2405	opacity: .4; }
2406	.bloc-toggler img:hover {
2407	opacity: 1; }
2408	.bloc-toggler a:focus img {
2409	opacity: 1; }
2410
2411	span.module-version:before {
2412	content: "- "; }
2413
2414	.toggle-bloc .mod-more {
2415	display: block;
2416	margin-left: 0; }
2417
2418	.module-name input[type="checkbox"] {
2419	margin-bottom: 0; }
2420
2421	/**
2422	Les screenshots des thèmes ont deux tailles possibles :
2423	- dans Ajouter des thèmes : 240px (+ 10 padding image + 20 padding boîte + 6 bordure + 2 ombrage = 278)
2424	- dans Thèmes installés : 280px (+ 10 padding-image + 20 padding-boîte + 2 ombrage = 318)
2425	On adapte largeur et hauteur en fonction
2426	*/
2427	#theme-new .box.theme,
2428	#theme-update .box.theme {
2429	/* Ajouter un thème */
2430	width: 278px;
2431	min-height: 275px; }
2432
2433	#theme-new .module-sshot img {
2434	/* Pour ceux qui n'ont pas de miniature on contraint l'image */
2435	max-width: 240px;
2436	max-height: 210px;
2437	overflow: hidden; }
2438
2439	#theme-deactivate .box.theme {
2440	/* Thèmes désactivés */
2441	width: 278px; }
2442	#theme-deactivate .box.theme:hover {
2443	background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; }
2444
2445	#theme-activate .box.theme {
2446	/* Thèmes installés */
2447	width: 318px;
2448	min-height: 304px;
2449	max-width: 100%; }
2450
2451	/* si js est là, les infos viennent par dessus le screenshot */
2452	.with-js #theme-new .module-infos.toggle-bloc,
2453	.with-js #theme-new .module-actions.toggle-bloc {
2454	position: absolute;
2455	left: 10px;
2456	width: 239px;
2457	margin: 0;
2458	padding: 10px;
2459	background: rgba(250, 250, 250, 0.95); }
2460	.with-js #theme-new .module-infos.toggle-bloc {
2461	top: 128px;
2462	height: 80px;
2463	border-top: 1px solid #e3e3e3; }
2464	.with-js #theme-new .module-actions.toggle-bloc {
2465	top: 208px;
2466	height: 40px;
2467	border-bottom: 1px solid #e3e3e3; }
2468
2469	.with-js .module-sshot:hover {
2470	cursor: pointer; }
2471
2472	/* mise en forme pour la boîte du thème courant */
2473	.box.current-theme {
2474	/* Thème courant */
2475	width: 646px;
2476	margin: 5px;
2477	padding: 20px 18px 6px;
2478	background: #fff url(texture.png);
2479	border: 1px solid #eee;
2480	border-radius: .5em;
2481	min-height: 326px;
2482	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
2483	position: relative; }
2484	.box.current-theme .module-sshot:hover {
2485	cursor: auto; }
2486	.box.current-theme .module-sshot img {
2487	float: left;
2488	margin-right: 2em;
2489	border: 9px solid #fff;
2490	padding: 5px;
2491	max-width: 308px;
2492	max-height: 273px; }
2493	.box.current-theme .module-name {
2494	color: #D33800;
2495	font-size: 1.5em;
2496	margin-bottom: 1em; }
2497	.box.current-theme .module-actions {
2498	display: flex;
2499	flex-wrap: wrap; }
2500
2501	.current-actions {
2502	width: auto;
2503	overflow: hidden;
2504	padding-top: 2em;
2505	background: transparent url(../images/minus-theme.png) no-repeat left top; }
2506
2507	#categories {
2508	margin: 1em 0; }
2509	#categories ul {
2510	list-style: none;
2511	margin-top: 2em;
2512	padding: 0; }
2513	#categories ul ul {
2514	margin-right: 2em;
2515	margin-left: 2em; }
2516	#categories .placeholder {
2517	outline: 1px dashed #4183C4;
2518	min-height: 2.5em; }
2519
2520	.cat-line {
2521	position: relative;
2522	margin: .66em 0;
2523	padding: .66em 1em;
2524	border: 1px solid #ccc;
2525	border-radius: 3px; }
2526	.cat-line label {
2527	margin-right: .25em; }
2528	.cat-line label a {
2529	font-weight: bold; }
2530	.cat-line p,
2531	.cat-line label {
2532	margin: 0;
2533	display: inline-block; }
2534	.cat-line .cat-line {
2535	border: 1px solid #dfdfdf; }
2536
2537	p.cat-title {
2538	margin-right: 1em; }
2539
2540	.cat-nb-posts a {
2541	color: #333; }
2542
2543	.cat-url {
2544	padding-left: 1em; }
2545
2546	.cat-buttons {
2547	float: right;
2548	margin-top: -.2em;
2549	font-size: .91em; }
2550	.cat-buttons select {
2551	padding: 1px 2px 3px 2px;
2552	margin-right: .25em; }
2553	.cat-buttons .reset {
2554	padding-left: 4px;
2555	padding-right: 4px; }
2556
2557	.cat-actions {
2558	line-height: 2; }
2559
2560	#del_cat {
2561	width: 100%; }
2562
2563	.media-file-mode a {
2564	border-bottom: none; }
2565	.media-file-mode img {
2566	margin-right: 1em; }
2567
2568	span.media-file-mode {
2569	margin-right: 1em; }
2570
2571	.media-item {
2572	position: relative;
2573	border: 1px solid #dfdfdf;
2574	margin: 9px;
2575	padding: 10px 12px 6px;
2576	width: 320px;
2577	display: inline-block;
2578	vertical-align: top;
2579	min-height: 140px;
2580	word-wrap: break-word; }
2581	.media-item p {
2582	margin: 0 0 .5em; }
2583	.media-item object {
2584	margin-top: .5em; }
2585	.media-item ul {
2586	display: block;
2587	list-style: none;
2588	margin: 0;
2589	padding: 0; }
2590	.media-item audio {
2591	width: 100%;
2592	margin-top: .5em; }
2593
2594	a.media-icon {
2595	display: block;
2596	border-bottom: none;
2597	margin: 0 auto; }
2598
2599	.media-icon img {
2600	display: block; }
2601
2602	a.media-flag {
2603	border-bottom: none; }
2604
2605	.media-flag img {
2606	float: left;
2607	margin-right: .5em; }
2608
2609	.media-link {
2610	font-size: 1.1em; }
2611
2612	.media-action-box {
2613	position: relative;
2614	margin: 3em 3em 1em 1em;
2615	display: inline-block;
2616	vertical-align: top; }
2617
2618	li.media-action {
2619	display: block;
2620	position: absolute;
2621	top: 4px;
2622	right: 8px;
2623	height: 16px; }
2624	li.media-action a {
2625	border: none; }
2626	li.media-action a.attach-media {
2627	margin-right: 5px; }
2628	li.media-action form {
2629	display: inline; }
2630	li.media-action input {
2631	border: none; }
2632
2633	#entry-sidebar .media-item {
2634	width: 100%;
2635	min-height: 0;
2636	padding: 4px;
2637	margin: .33em 0; }
2638
2639	.folders-group .media-item {
2640	min-height: 70px; }
2641	.folders-group .media-item p {
2642	margin-bottom: 0; }
2643
2644	.media-folder {
2645	background: transparent url(bg_menu.png) repeat-y;
2646	border-color: #eee; }
2647	.media-folder .media-link {
2648	font-size: 1.125em;
2649	margin-left: 2em;
2650	color: #676e78;
2651	border-bottom: none; }
2652
2653	tr.media-folder {
2654	background: transparent; }
2655	tr.media-folder .media-link {
2656	margin-left: 0; }
2657
2658	.media-folder-up {
2659	border-color: #fff;
2660	padding-bottom: 6px; }
2661
2662	.medias-delete,
2663	.medias-select {
2664	text-align: right; }
2665
2666	.media-recent {
2667	float: left;
2668	margin-right: 2em; }
2669
2670	#media-fav-dir {
2671	border-bottom: none; }
2672	#media-fav-dir img {
2673	vertical-align: middle; }
2674
2675	/* upload multiple */
2676	.enhanced_uploader .choose_files,
2677	.enhanced_uploader .cancel,
2678	.enhanced_uploader .clean,
2679	.enhanced_uploader .start {
2680	margin-right: .4em; }
2681	.enhanced_uploader #upfile {
2682	visibility: hidden;
2683	width: 0;
2684	height: 0;
2685	margin: 0;
2686	opacity: 0;
2687	filter: alpha(opacity=0);
2688	cursor: pointer; }
2689	.enhanced_uploader .button.choose_files {
2690	display: inline-block; }
2691	.enhanced_uploader .max-size {
2692	display: block; }
2693	.enhanced_uploader .one-file {
2694	display: none; }
2695	.enhanced_uploader p.clear {
2696	padding-top: 1em;
2697	margin-bottom: 1em; }
2698
2699	.button.clean,
2700	.button.cancel,
2701	.button.choose_files {
2702	display: none; }
2703
2704	label span.one-file {
2705	display: inline; }
2706
2707	#add-file-f p.clear {
2708	margin-top: 1em;
2709	margin-bottom: 0;
2710	clear: both; }
2711
2712	.files {
2713	list-style-type: none;
2714	margin-left: 0;
2715	padding-left: 0;
2716	border-bottom: 1px solid #dfdfdf; }
2717	.files li {
2718	margin-left: 0;
2719	padding-left: 0; }
2720
2721	.upload-msg {
2722	font-weight: bold; }
2723	.upload-msg.upload-error {
2724	color: #900; }
2725
2726	.upload-files {
2727	padding: 0 0.5em;
2728	margin: 1em 0; }
2729
2730	.upload-file {
2731	margin: 0;
2732	padding: .3em 0;
2733	border-top: 1px solid #dfdfdf;
2734	position: relative; }
2735
2736	.upload-fileinfo {
2737	margin-left: 0; }
2738	.upload-fileinfo input {
2739	position: absolute;
2740	top: .5em;
2741	right: .5em; }
2742	.upload-fileinfo span {
2743	padding-right: 8px; }
2744	.upload-fileinfo .upload-filecancel {
2745	display: block;
2746	padding-right: 0;
2747	margin-top: 3px;
2748	width: 20px;
2749	height: 20px;
2750	background: transparent url("cancel.png") no-repeat left top;
2751	text-indent: -1000px;
2752	cursor: pointer;
2753	float: left; }
2754
2755	.upload-filemsg {
2756	font-weight: bold;
2757	color: green; }
2758	.upload-filemsg .upload-error {
2759	color: #900; }
2760
2761	.upload-progress {
2762	padding: .3em 0; }
2763	.upload-progress div {
2764	width: 0;
2765	height: 1.2em;
2766	font-weight: bold;
2767	line-height: 1.2em;
2768	text-align: right;
2769	background: green url(loader.png) repeat-x left top;
2770	color: white;
2771	border-radius: 3px; }
2772
2773	div.template-upload {
2774	clear: both; }
2775
2776	.queue-message {
2777	font-weight: bold; }
2778
2779	#media-icon {
2780	float: left; }
2781
2782	.near-icon {
2783	margin-left: 70px;
2784	margin-bottom: 3em; }
2785
2786	#media-details ul {
2787	display: block;
2788	margin-left: 0;
2789	padding: 0; }
2790	#media-details li {
2791	list-style: square inside;
2792	margin: 0;
2793	padding: 0; }
2794
2795	#media-original-image {
2796	overflow: auto; }
2797	#media-original-image.overheight {
2798	height: 500px; }
2799
2800	.modules td.module-actions, .modules td.module-icon {
2801	vertical-align: middle; }
2802	.modules td.module-icon img:last-child {
2803	width: 16px;
2804	height: 16px; }
2805	.modules td.module-icon img.expand {
2806	margin-bottom: 3px; }
2807	.modules td.module-distrib img {
2808	display: block;
2809	float: right; }
2810
2811	.modules tr.expand,
2812	.modules td.expand {
2813	background: #f7f7f7;
2814	border-color: #bee74b; }
2815
2816	.modules tr.expand td:first-child {
2817	font-weight: bold;
2818	background: #dfe5e7; }
2819
2820	.modules td.expand {
2821	padding: 0 0 1em;
2822	border-top: 1px solid #eaeaea; }
2823	.modules td.expand div {
2824	display: inline-block;
2825	vertical-align: top;
2826	margin-right: 3em; }
2827
2828	.modules dt {
2829	font-weight: bold; }
2830
2831	.modules a.module-details {
2832	background: transparent url(search.png) no-repeat 2px center;
2833	padding: 4px 4px 0 20px; }
2834	.modules a.module-support {
2835	background: transparent url(help12.png) no-repeat 2px center;
2836	padding: 4px 4px 0 20px; }
2837	.modules a.module-config {
2838	background: transparent url(settings.png) no-repeat 2px 6px;
2839	padding: 4px 4px 0 18px; }
2840
2841	#m_search {
2842	background: transparent url(search.png) no-repeat 4px center;
2843	padding-left: 20px; }
2844
2845	.mod-more {
2846	padding-top: .5em; }
2847	.mod-more,
2848	.mod-more li {
2849	margin: .25em 0 0 1em;
2850	padding: 0;
2851	list-style-type: none; }
2852
2853	#plugin-update td {
2854	vertical-align: baseline; }
2855
2856	#entry-form {
2857	display: flex;
2858	flex-wrap: wrap; }
2859
2860	#entry-wrapper {
2861	flex-grow: 1;
2862	width: calc(100% - 19em); }
2863	@media screen and (max-width: 80em) {
2864	#entry-wrapper {
2865	width: 100%; } }
2866
2867	#entry-content {
2868	margin-left: 0; }
2869	@media screen and (min-width: 80.01em) {
2870	#entry-content {
2871	padding-right: 3em; } }
2872	@media screen and (max-width: 38em) {
2873	#entry-content {
2874	padding-right: 1em; } }
2875	@media screen and (max-width: 26.5em) {
2876	#entry-content {
2877	padding-right: 0; } }
2878
2879	#entry-sidebar {
2880	display: flex;
2881	flex-wrap: wrap;
2882	flex-direction: column; }
2883	@media screen and (max-width: 80em) {
2884	#entry-sidebar {
2885	flex-direction: row; } }
2886	@media screen and (max-width: 38em) {
2887	#entry-sidebar {
2888	padding-right: 1em; } }
2889	#entry-sidebar h4 {
2890	font-size: 1.08em;
2891	margin-top: .3em;
2892	border-bottom: 1px solid #676e78; }
2893	#entry-sidebar select {
2894	width: 100%; }
2895	#entry-sidebar input#post_position {
2896	width: 4em; }
2897
2898	.sb-box {
2899	width: 18em;
2900	margin-bottom: 1em;
2901	margin-right: 1em;
2902	padding: .5em 1em;
2903	background-color: #f3f3f3; }
2904	.sb-box:focus-within {
2905	background-color: #eee; }
2906
2907	#tb_excerpt {
2908	width: 100%; }
2909
2910	.fav-list {
2911	list-style-type: none;
2912	margin-left: 0;
2913	padding-left: 0; }
2914	#my-favs .fav-list {
2915	border-top: 1px solid #eee; }
2916	.fav-list li {
2917	margin-left: 0;
2918	padding-left: 0;
2919	padding-top: 3px;
2920	padding-bottom: 3px;
2921	position: relative; }
2922	#my-favs .fav-list li {
2923	line-height: 2;
2924	border-bottom: 1px solid #eee;
2925	padding-top: 3px;
2926	padding-bottom: 3px;
2927	position: relative; }
2928	.fav-list li span.zoom {
2929	display: none; }
2930	.fav-list li:hover span.zoom {
2931	display: block;
2932	position: absolute;
2933	bottom: 0;
2934	left: 10em;
2935	background-color: #f7f7f7;
2936	border: 1px solid #dfdfdf;
2937	padding: .2em;
2938	border-radius: .5em; }
2939	.fav-list img {
2940	vertical-align: middle;
2941	margin-right: .2em; }
2942
2943	#my-favs {
2944	border-color: #9bca1c; }
2945	#my-favs input.position {
2946	margin: 0 0 .4em .2em; }
2947
2948	#available-favs input,
2949	#available-favs label,
2950	#available-favs label span {
2951	white-space: normal;
2952	display: inline; }
2953	#available-favs label span.zoom {
2954	display: none; }
2955	#available-favs li:hover label span.zoom {
2956	display: block;
2957	position: absolute;
2958	bottom: 0;
2959	left: 10em;
2960	background-color: #f7f7f7;
2961	border: 1px solid #dfdfdf;
2962	padding: .2em;
2963	border-radius: .5em; }
2964
2965	#user-options label.ib {
2966	display: inline-block;
2967	width: 14em;
2968	padding-right: 1em; }
2969
2970	.blog-perm {
2971	margin-top: 2em;
2972	padding-top: 2em;
2973	font-weight: bold; }
2974
2975	.ul-perm {
2976	list-style-type: square;
2977	margin-left: 0;
2978	padding-left: 3.5em;
2979	margin-bottom: 0; }
2980
2981	.add-perm {
2982	padding-top: .5em;
2983	padding-left: 2.5em;
2984	margin-left: 0; }
2985
2986	.guideline #content h2 {
2987	color: #d33800;
2988	padding: 2em 0 0 0;
2989	margin: 1em 0;
2990	font-size: 2em; }
2991	.guideline #content h2:first-child {
2992	margin-top: 0;
2993	padding-top: .5em; }
2994	.guideline h3 {
2995	margin-top: 2em; }
2996	.guideline .dc-update h3 {
2997	margin-top: 0; }
2998	.guideline .one-box .box {
2999	border: 1px solid #dfdfdf;
3000	padding: 2px .5em; }
3001	.guideline #main-menu ul {
3002	margin: 0;
3003	padding: 0;
3004	font-weight: normal; }
3005	.guideline #main-menu li {
3006	padding-left: 1em; }
3007
3008	/** --------------------------------------------------
3009	Misc
3010	--------------------------------------------------- */
3011	/* jQuery Autocomplete plugin */
3012	.ac_results {
3013	padding: 0px;
3014	border: 1px dotted #f90;
3015	background-color: white;
3016	overflow: hidden;
3017	z-index: 99999; }
3018	.ac_results ul {
3019	width: 100%;
3020	list-style-position: outside;
3021	list-style: none;
3022	padding: 0;
3023	margin: 0; }
3024	.ac_results li {
3025	margin: 0px;
3026	padding: 2px 5px;
3027	cursor: default;
3028	display: block;
3029	font-size: 1em;
3030	line-height: 16px;
3031	overflow: hidden; }
3032
3033	.ac_loading {
3034	background: transparent url("loader.gif") right center no-repeat; }
3035
3036	.ac_over {
3037	background-color: #2373a8;
3038	color: white; }
3039
3040	/* password indicator */
3041	.pw-table {
3042	display: table;
3043	margin-bottom: 1em; }
3044
3045	.pw-cell {
3046	display: table-cell;
3047	margin-bottom: 1em; }
3048
3049	#pwindicator {
3050	display: table-cell;
3051	vertical-align: bottom;
3052	padding-left: 1.5em;
3053	height: 3.8em; }
3054	#pwindicator .bar {
3055	height: 6px;
3056	margin-bottom: 4px; }
3057
3058	.pw-very-weak .bar {
3059	background: #c44d58;
3060	width: 30px; }
3061
3062	.pw-weak .bar {
3063	background: #e1732c;
3064	width: 60px; }
3065
3066	.pw-mediocre .bar {
3067	background: #f90;
3068	width: 90px; }
3069
3070	.pw-strong .bar {
3071	background: #cdad12;
3072	width: 120px; }
3073
3074	.pw-very-strong .bar {
3075	background: #9ac123;
3076	width: 150px; }
3077
3078	/* ------------------------------------------------------------------ navigation */
3079	/* selects accès rapide */
3080	.anchor-nav {
3081	background: #ecf0f1;
3082	color: #000;
3083	padding: 4px 1em; }
3084	.anchor-nav label {
3085	vertical-align: bottom; }
3086
3087	/* nav links */
3088	.nav_prevnext {
3089	margin-bottom: 2em;
3090	color: #fff; }
3091
3092	.nav_prevnext a,
3093	a.back {
3094	color: #2373A8;
3095	border: 1px solid #dfdfdf;
3096	padding: 2px 1.5em;
3097	border-radius: .75em;
3098	background-color: #f3f3f3; }
3099
3100	a.back:before {
3101	content: "\ab\a0"; }
3102
3103	a.onblog_link {
3104	color: #333;
3105	float: right;
3106	border: 1px solid #eee;
3107	padding: 2px 1.5em;
3108	border-radius: .75em;
3109	background-color: #ECF0F1;
3110	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
3111
3112	/* Pagination */
3113	.pager {
3114	margin: 2em 0 1em 0;
3115	clear: left; }
3116	.pager ul {
3117	list-style-type: none;
3118	margin: 0;
3119	padding: 0; }
3120	.pager li,
3121	.pager input {
3122	display: inline-block;
3123	vertical-align: middle;
3124	margin: 0 .33em 0 0;
3125	padding: 0;
3126	text-align: center; }
3127	.pager .btn {
3128	border: 1px solid #dfdfdf;
3129	background-color: #fcfcfc;
3130	color: #676e78;
3131	border-radius: 3px;
3132	overflow: hidden; }
3133	.pager .btn.no-link {
3134	border-color: #dfdfdf;
3135	background-color: #f9f9f9;
3136	padding: 1px 3px 0; }
3137	.pager .active {
3138	padding: 4px 12px;
3139	color: #676e78; }
3140	.pager .direct-access {
3141	margin-left: 2em; }
3142	.pager .direct-access input[type=text] {
3143	border: 1px solid #dfdfdf;
3144	padding: 3px 8px;
3145	margin-left: .25em;
3146	background-color: #fff; }
3147	.pager .direct-access input[type=submit] {
3148	padding: 3px 6px; }
3149	.pager a {
3150	display: block;
3151	padding: 1px 3px 0;
3152	border: none; }
3153	.pager a:hover, .pager a:focus {
3154	background-color: #ecf0f1; }
3155
3156	.index .btn.no-link,
3157	.index a {
3158	padding: 2px 8px 3px;
3159	font-variant: small-caps; }
3160	.index li {
3161	margin-bottom: 3px; }
3162	.index a {
3163	font-weight: bold; }
3164	.index .btn.no-link {
3165	color: #ccc; }
3166	.index .active {
3167	padding: 4px 8px;
3168	color: #fff;
3169	background: #676e78;
3170	border-radius: 3px;
3171	font-variant: small-caps; }
3172
3173	/* Etapes */
3174	.step {
3175	display: inline-block;
3176	float: left;
3177	margin: 3px 10px 2px 0;
3178	padding: 5px .5em;
3179	background: #ecf0f1;
3180	border-radius: 3px;
3181	font-weight: bold;
3182	border: 1px solid #c5c5c5;
3183	color: #676e78; }
3184
3185	/* ---------------------------------------------------------------- utilisables partout */
3186	.legible {
3187	font-size: 1.16em;
3188	max-width: 62em; }
3189
3190	.fieldset {
3191	background: #fff;
3192	border: 1px solid #c5c5c5;
3193	border-radius: 3px;
3194	padding: 1em .7em .5em;
3195	margin-bottom: 1em; }
3196	.fieldset h3 {
3197	margin-top: 0; }
3198	.fieldset:focus-within {
3199	background-color: #eee; }
3200
3201	.right,
3202	.txt-right {
3203	text-align: right; }
3204
3205	.txt-center {
3206	text-align: center; }
3207
3208	.txt-left {
3209	text-align: left; }
3210
3211	.no-margin,
3212	label.no-margin {
3213	margin-top: 0;
3214	margin-bottom: 0; }
3215
3216	.vertical-separator {
3217	margin-top: 2em; }
3218
3219	p.clear.vertical-separator {
3220	padding-top: 2em; }
3221
3222	.border-top {
3223	border-top: 1px solid #999;
3224	padding-top: 1em;
3225	margin-top: 1em; }
3226
3227	.grid {
3228	background: transparent repeat url("grid.png") 0 0; }
3229
3230	ul.nice {
3231	margin: 1em 0;
3232	padding: 0 0 0 2em;
3233	list-style: square; }
3234	ul.nice li {
3235	margin: 0;
3236	padding: 0; }
3237
3238	ul.from-left {
3239	list-style-type: none;
3240	padding-left: 0;
3241	margin: 1em 0; }
3242	ul.from-left > li {
3243	margin-top: 1em;
3244	margin-bottom: 1em; }
3245	ul.from-left ul {
3246	list-style-type: square; }
3247
3248	.offline {
3249	color: #676e78; }
3250
3251	/* caché pour tout le monde */
3252	.hide,
3253	.button.hide {
3254	display: none !important; }
3255
3256	/* Caché sauf pour les revues d'écran */
3257	.hidden,
3258	.with-js .out-of-screen-if-js {
3259	position: absolute !important;
3260	clip: rect(1px 1px 1px 1px);
3261	/* IE6, IE7 */
3262	clip: rect(1px, 1px, 1px, 1px);
3263	padding: 0 !important;
3264	border: 0 !important;
3265	height: 1px !important;
3266	width: 1px !important;
3267	overflow: hidden; }
3268
3269	/* caché si js est inactif */
3270	.no-js .hidden-if-no-js {
3271	display: none; }
3272
3273	/* caché si js est actif */
3274	.with-js .hidden-if-js {
3275	display: none; }
3276
3277	/* ---------------------------------------------- Couleurs ajoutées via javascript
3278	/* color-picker.js */
3279	.color-color-picker {
3280	border: 1px solid #000;
3281	width: 195px;
3282	background: #fff; }
3283
3284	/* _media_item.js */
3285	.color-div {
3286	border: 1px solid #ccc; }
3287
3288	/* ------------------------------------------------------------------------------------
3289	UN POIL DE MEDIA QUERIES
3290	------------------------------------------------------------------------------------ */
3291	@media screen and (max-width: 44em) {
3292	#help-button {
3293	padding: 0;
3294	font-size: .83em;
3295	line-height: 68px; } }
3296	@media screen and (max-width: 38em) {
3297	#dashboard-main {
3298	padding: 0; }
3299
3300	#content,
3301	.hide-mm #content {
3302	padding: 0 .5em !important; }
3303
3304	#main #content > h2 {
3305	padding: 6px 30px 4px .5em; }
3306
3307	.cell,
3308	#filters-form .cell {
3309	border: none;
3310	padding: 1em; }
3311
3312	.pseudo-tabs li {
3313	padding: .25em; }
3314	.pseudo-tabs li:first-child, .pseudo-tabs li:nth-of-type(2) {
3315	border-top: none; } }
3316	@media screen and (max-width: 26.5em) {
3317	#content.with-help #help {
3318	font-size: 1.2rem; }
3319
3320	p.top-add {
3321	text-align: center; }
3322
3323	.multi-part {
3324	padding-left: 0; }
3325
3326	.part-tabs ul {
3327	padding: 0 .5em; }
3328
3329	#icons p {
3330	padding: 1em .25em; }
3331
3332	.box.current-theme {
3333	padding: 10px; }
3334
3335	th,
3336	td {
3337	padding: 0.3em 1em 0.3em 0; }
3338
3339	.pseudo-tabs li:first-child {
3340	border-top: none; } }
3341	/** --------------------------------------------------
3342	Plugins
3343	--------------------------------------------------- */
3344	/* dcLegacyEditor */
3345	/* WYSIWYG Document */
3346	body.wysiwygDoc {
3347	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
3348
3349	.wysiwygDoc pre, .wysiwygDoc code, .wysiwygDoc kbd, .wysiwygDoc samp {
3350	font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; }
3351
3352	/* dcCKEditor */
3353	.cke textarea.cke_source {
3354	font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace;
3355	font-size: 100%; }
3356
3357	/** --------------------------------------------------
3358	3rd parties
3359	--------------------------------------------------- */
3360	/* Magnific Popup CSS */
3361	.mfp-bg {
3362	top: 0;
3363	left: 0;
3364	width: 100%;
3365	height: 100%;
3366	z-index: 1042;
3367	overflow: hidden;
3368	position: fixed;
3369	background: #0b0b0b;
3370	opacity: 0.8; }
3371
3372	.mfp-wrap {
3373	top: 0;
3374	left: 0;
3375	width: 100%;
3376	height: 100%;
3377	z-index: 1043;
3378	position: fixed;
3379	outline: none !important;
3380	-webkit-backface-visibility: hidden; }
3381
3382	.mfp-container {
3383	text-align: center;
3384	position: absolute;
3385	width: 100%;
3386	height: 100%;
3387	left: 0;
3388	top: 0;
3389	padding: 0 8px;
3390	box-sizing: border-box; }
3391
3392	.mfp-container:before {
3393	content: '';
3394	display: inline-block;
3395	height: 100%;
3396	vertical-align: middle; }
3397
3398	.mfp-align-top .mfp-container:before {
3399	display: none; }
3400
3401	.mfp-content {
3402	position: relative;
3403	display: inline-block;
3404	vertical-align: middle;
3405	margin: 0 auto;
3406	text-align: left;
3407	z-index: 1045; }
3408
3409	.mfp-inline-holder .mfp-content,
3410	.mfp-ajax-holder .mfp-content {
3411	width: 100%;
3412	cursor: auto; }
3413
3414	.mfp-ajax-cur {
3415	cursor: progress; }
3416
3417	.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
3418	cursor: -moz-zoom-out;
3419	cursor: -webkit-zoom-out;
3420	cursor: zoom-out; }
3421
3422	.mfp-zoom {
3423	cursor: pointer;
3424	cursor: -webkit-zoom-in;
3425	cursor: -moz-zoom-in;
3426	cursor: zoom-in; }
3427
3428	.mfp-auto-cursor .mfp-content {
3429	cursor: auto; }
3430
3431	.mfp-close,
3432	.mfp-arrow,
3433	.mfp-preloader,
3434	.mfp-counter {
3435	-webkit-user-select: none;
3436	-moz-user-select: none;
3437	user-select: none; }
3438
3439	.mfp-loading.mfp-figure {
3440	display: none; }
3441
3442	.mfp-hide {
3443	display: none !important; }
3444
3445	.mfp-preloader {
3446	color: #CCC;
3447	position: absolute;
3448	top: 50%;
3449	width: auto;
3450	text-align: center;
3451	margin-top: -0.8em;
3452	left: 8px;
3453	right: 8px;
3454	z-index: 1044; }
3455	.mfp-preloader a {
3456	color: #CCC; }
3457	.mfp-preloader a:hover {
3458	color: #FFF; }
3459
3460	.mfp-s-ready .mfp-preloader {
3461	display: none; }
3462
3463	.mfp-s-error .mfp-content {
3464	display: none; }
3465
3466	button.mfp-close, button.mfp-arrow {
3467	overflow: visible;
3468	cursor: pointer;
3469	background: transparent;
3470	border: 0;
3471	-webkit-appearance: none;
3472	display: block;
3473	outline: none;
3474	padding: 0;
3475	z-index: 1046;
3476	box-shadow: none;
3477	touch-action: manipulation; }
3478	button::-moz-focus-inner {
3479	padding: 0;
3480	border: 0; }
3481
3482	.mfp-close {
3483	width: 44px;
3484	height: 44px;
3485	line-height: 44px;
3486	position: absolute;
3487	right: 0;
3488	top: 0;
3489	text-decoration: none;
3490	text-align: center;
3491	opacity: 0.65;
3492	padding: 0 0 18px 10px;
3493	color: #FFF;
3494	font-style: normal;
3495	font-size: 28px;
3496	font-family: Arial, Baskerville, monospace; }
3497	.mfp-close:hover, .mfp-close:focus {
3498	opacity: 1; }
3499	.mfp-close:active {
3500	top: 1px; }
3501
3502	.mfp-close-btn-in .mfp-close {
3503	color: #333; }
3504
3505	.mfp-image-holder .mfp-close,
3506	.mfp-iframe-holder .mfp-close {
3507	color: #FFF;
3508	right: -6px;
3509	text-align: right;
3510	padding-right: 6px;
3511	width: 100%; }
3512
3513	.mfp-counter {
3514	position: absolute;
3515	top: 0;
3516	right: 0;
3517	color: #CCC;
3518	font-size: 12px;
3519	line-height: 18px;
3520	white-space: nowrap; }
3521
3522	.mfp-arrow {
3523	position: absolute;
3524	opacity: 0.65;
3525	margin: 0;
3526	top: 50%;
3527	margin-top: -55px;
3528	padding: 0;
3529	width: 90px;
3530	height: 110px;
3531	-webkit-tap-highlight-color: transparent; }
3532	.mfp-arrow:active {
3533	margin-top: -54px; }
3534	.mfp-arrow:hover, .mfp-arrow:focus {
3535	opacity: 1; }
3536	.mfp-arrow:before, .mfp-arrow:after {
3537	content: '';
3538	display: block;
3539	width: 0;
3540	height: 0;
3541	position: absolute;
3542	left: 0;
3543	top: 0;
3544	margin-top: 35px;
3545	margin-left: 35px;
3546	border: medium inset transparent; }
3547	.mfp-arrow:after {
3548	border-top-width: 13px;
3549	border-bottom-width: 13px;
3550	top: 8px; }
3551	.mfp-arrow:before {
3552	border-top-width: 21px;
3553	border-bottom-width: 21px;
3554	opacity: 0.7; }
3555
3556	.mfp-arrow-left {
3557	left: 0; }
3558	.mfp-arrow-left:after {
3559	border-right: 17px solid #FFF;
3560	margin-left: 31px; }
3561	.mfp-arrow-left:before {
3562	margin-left: 25px;
3563	border-right: 27px solid #3F3F3F; }
3564
3565	.mfp-arrow-right {
3566	right: 0; }
3567	.mfp-arrow-right:after {
3568	border-left: 17px solid #FFF;
3569	margin-left: 39px; }
3570	.mfp-arrow-right:before {
3571	border-left: 27px solid #3F3F3F; }
3572
3573	.mfp-iframe-holder {
3574	padding-top: 40px;
3575	padding-bottom: 40px; }
3576	.mfp-iframe-holder .mfp-content {
3577	line-height: 0;
3578	width: 100%;
3579	max-width: 98%; }
3580	.mfp-iframe-holder .mfp-close {
3581	top: -40px; }
3582
3583	.mfp-iframe-scaler {
3584	width: 100%;
3585	height: 0;
3586	overflow: hidden;
3587	padding-top: 56.25%; }
3588	.mfp-iframe-scaler iframe {
3589	position: absolute;
3590	display: block;
3591	top: 0;
3592	left: 0;
3593	width: 100%;
3594	height: 100%;
3595	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
3596	background: #000; }
3597
3598	/* Main image in popup */
3599	img.mfp-img {
3600	width: auto;
3601	max-width: 100%;
3602	height: auto;
3603	display: block;
3604	line-height: 0;
3605	box-sizing: border-box;
3606	padding: 40px 0 40px;
3607	margin: 0 auto; }
3608
3609	/* The shadow behind the image */
3610	.mfp-figure {
3611	line-height: 0; }
3612	.mfp-figure:after {
3613	content: '';
3614	position: absolute;
3615	left: 0;
3616	top: 40px;
3617	bottom: 40px;
3618	display: block;
3619	right: 0;
3620	width: auto;
3621	height: auto;
3622	z-index: -1;
3623	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
3624	background: #444; }
3625	.mfp-figure small {
3626	color: #BDBDBD;
3627	display: block;
3628	font-size: 12px;
3629	line-height: 14px; }
3630	.mfp-figure figure {
3631	margin: 0; }
3632
3633	.mfp-bottom-bar {
3634	margin-top: -36px;
3635	position: absolute;
3636	top: 100%;
3637	left: 0;
3638	width: 100%;
3639	cursor: auto; }
3640
3641	.mfp-title {
3642	text-align: left;
3643	line-height: 18px;
3644	color: #F3F3F3;
3645	word-wrap: break-word;
3646	padding-right: 36px; }
3647
3648	.mfp-image-holder .mfp-content {
3649	max-width: 100%; }
3650
3651	.mfp-gallery .mfp-image-holder .mfp-figure {
3652	cursor: pointer; }
3653
3654	@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
3655	/**
3656	* Remove all paddings around the image on small screen
3657	*/
3658	.mfp-img-mobile .mfp-image-holder {
3659	padding-left: 0;
3660	padding-right: 0; }
3661	.mfp-img-mobile img.mfp-img {
3662	padding: 0; }
3663	.mfp-img-mobile .mfp-figure:after {
3664	top: 0;
3665	bottom: 0; }
3666	.mfp-img-mobile .mfp-figure small {
3667	display: inline;
3668	margin-left: 5px; }
3669	.mfp-img-mobile .mfp-bottom-bar {
3670	background: rgba(0, 0, 0, 0.6);
3671	bottom: 0;
3672	margin: 0;
3673	top: auto;
3674	padding: 3px 5px;
3675	position: fixed;
3676	box-sizing: border-box; }
3677	.mfp-img-mobile .mfp-bottom-bar:empty {
3678	padding: 0; }
3679	.mfp-img-mobile .mfp-counter {
3680	right: 5px;
3681	top: 3px; }
3682	.mfp-img-mobile .mfp-close {
3683	top: 0;
3684	right: 0;
3685	width: 35px;
3686	height: 35px;
3687	line-height: 35px;
3688	background: rgba(0, 0, 0, 0.6);
3689	position: fixed;
3690	text-align: center;
3691	padding: 0; } }
3692	@media all and (max-width: 900px) {
3693	.mfp-arrow {
3694	-webkit-transform: scale(0.75);
3695	transform: scale(0.75); }
3696
3697	.mfp-arrow-left {
3698	-webkit-transform-origin: 0;
3699	transform-origin: 0; }
3700
3701	.mfp-arrow-right {
3702	-webkit-transform-origin: 100%;
3703	transform-origin: 100%; }
3704
3705	.mfp-container {
3706	padding-left: 6px;
3707	padding-right: 6px; } }
3708	/* CodeMirror CSS */
3709	.CodeMirror {
3710	/* Set height, width, borders, and global font properties here */
3711	font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace !important; }
3712
3713	/** --------------------------------------------------
3714	Debug
3715	--------------------------------------------------- */
3716	/* debug */
3717	#debug {
3718	position: absolute;
3719	top: 0;
3720	width: 100%;
3721	height: 4px;
3722	background: #ffd478; }
3723	#debug div {
3724	display: none;
3725	padding: 3px 0.5em 2px; }
3726	#debug p {
3727	margin: 0.5em 0; }
3728	#debug:hover {
3729	height: auto;
3730	padding: 2px 1em;
3731	z-index: 100; }
3732	#debug:hover div {
3733	display: block; }
3734
3735	.debug {
3736	background: #ffd478;
3737	padding: 3px 0.5em 2px; }
3738
3739	input[type=submit].delete.debug,
3740	a.delete.debug {
3741	border-color: #ffd478; }
3742	input[type=submit].delete.debug:hover,
3743	a.delete.debug:hover {
3744	background: #ffd478;
3745	color: #900;
3746	border-color: #ffd478; }

Note: See TracBrowser for help on using the repository browser.

Dotclear

Context Navigation

source: admin/style/default.css @ 3711:004095dbea64

Download in other formats:

Sites map