default-dark.css @ 3911:b77eb4748159

Visit:

Revision 3911:b77eb4748159, 77.0 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)
Add information when media is private in media manager list, closes #2287

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

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

Dotclear

Context Navigation

source: admin/style/default-dark.css @ 3911:b77eb4748159

Download in other formats:

Sites map