default-dark.css @ 3906:67f6a46a8802

Visit:

Revision 3906:67f6a46a8802, 76.6 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)
Drag'n'drop of dashboard areas is no more activated by default after 5 seconds. The user must activate (new button) it before moving them.

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

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

Dotclear

Context Navigation

source: admin/style/default-dark.css @ 3906:67f6a46a8802

Download in other formats:

Sites map