default-dark.css @ 3876:7f716e4e25ac

Visit:

Revision 3876:7f716e4e25ac, 76.3 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)
Some CSS adjustments (hr may be used in admin fieldset or div.fieldset to separate areas)

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	#media_img_title_pattern {
2232	margin-right: 1em; }
2233
2234	#part-users > div {
2235	display: flex;
2236	flex-wrap: wrap;
2237	justify-content: left; }
2238
2239	.user-perm {
2240	margin: 0 1em 1em 0;
2241	background: transparent url(user.png) no-repeat 0.5em 0.5em;
2242	width: 20em;
2243	border: 1px solid #cbced1;
2244	border-radius: .5em;
2245	padding: 0 1em .5em; }
2246	.user-perm h4,
2247	.user-perm h5,
2248	.user-perm p,
2249	.user-perm ul,
2250	.user-perm li {
2251	margin: .5em 0 .33em;
2252	padding: 0; }
2253	.user-perm h4 {
2254	padding-left: 28px; }
2255	.user-perm h5 {
2256	margin: 1em 0 0 0; }
2257	.user-perm li {
2258	margin-left: 1em;
2259	padding-left: 0; }
2260	.user-perm.user_super {
2261	border-color: #bee74b;
2262	background-color: rgba(217, 237, 247, 0.15); }
2263
2264	li.user_super,
2265	li.user_admin {
2266	margin-left: 0;
2267	padding-left: 20px;
2268	list-style: none;
2269	background: transparent url(../images/superadmin.png) no-repeat 0 0.3em; }
2270
2271	li.user_admin {
2272	background-image: url(../images/admin.png); }
2273
2274	/* pour les alignements verticaux */
2275	#theme-new,
2276	#theme-activate,
2277	#theme-deactivate,
2278	#theme-update {
2279	margin-left: -10px;
2280	margin-right: -10px; }
2281
2282	.box.theme {
2283	margin: 5px;
2284	padding: 10px 10px 5px 10px;
2285	border: 1px solid #dbdcdd;
2286	position: relative; }
2287	.box.theme:hover {
2288	background: #595b5d; }
2289	.box.theme input {
2290	margin-bottom: 1em; }
2291
2292	.module-name,
2293	.module-name label {
2294	margin-bottom: .5em;
2295	color: #c9cbcf; }
2296
2297	.module-sshot {
2298	text-align: center; }
2299	.module-sshot img {
2300	padding: 5px;
2301	background: #f3f4f5;
2302	box-shadow: 1px 1px 2px rgba(50, 51, 52, 0.1);
2303	border: 3px solid #fff;
2304	max-width: 100%; }
2305
2306	.module-actions {
2307	margin-top: 1em; }
2308
2309	.bloc-toggler {
2310	text-align: right; }
2311	.bloc-toggler img {
2312	opacity: .4; }
2313	.bloc-toggler img:hover {
2314	opacity: 1; }
2315	.bloc-toggler a:focus img {
2316	opacity: 1; }
2317
2318	span.module-version:before {
2319	content: "- "; }
2320
2321	.toggle-bloc .mod-more {
2322	display: block;
2323	margin-left: 0; }
2324
2325	.module-name input[type="checkbox"] {
2326	margin-bottom: 0; }
2327
2328	/**
2329	Les screenshots des thèmes ont deux tailles possibles :
2330	- dans Ajouter des thèmes : 240px (+ 10 padding image + 20 padding boîte + 6 bordure + 2 ombrage = 278)
2331	- dans Thèmes installés : 280px (+ 10 padding-image + 20 padding-boîte + 2 ombrage = 318)
2332	On adapte largeur et hauteur en fonction
2333	*/
2334	#theme-new .box.theme,
2335	#theme-update .box.theme {
2336	/* Ajouter un thème */
2337	width: 278px;
2338	min-height: 275px; }
2339
2340	#theme-new .module-sshot img {
2341	/* Pour ceux qui n'ont pas de miniature on contraint l'image */
2342	max-width: 240px;
2343	max-height: 210px;
2344	overflow: hidden; }
2345
2346	#theme-deactivate .box.theme {
2347	/* Thèmes désactivés */
2348	width: 278px; }
2349	#theme-deactivate .box.theme:hover {
2350	background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; }
2351
2352	#theme-activate .box.theme {
2353	/* Thèmes installés */
2354	width: 318px;
2355	min-height: 304px;
2356	max-width: 100%; }
2357
2358	/* si js est là, les infos viennent par dessus le screenshot */
2359	.with-js #theme-new .module-infos.toggle-bloc,
2360	.with-js #theme-new .module-actions.toggle-bloc {
2361	position: absolute;
2362	left: 10px;
2363	width: 239px;
2364	margin: 0;
2365	padding: 10px;
2366	background: #595b5d; }
2367	.with-js #theme-new .module-infos.toggle-bloc {
2368	top: 128px;
2369	height: 80px;
2370	border-top: 1px solid transparent; }
2371	.with-js #theme-new .module-actions.toggle-bloc {
2372	top: 208px;
2373	height: 40px;
2374	border-bottom: 1px solid transparent; }
2375
2376	.with-js .module-sshot:hover {
2377	cursor: pointer; }
2378
2379	/* mise en forme pour la boîte du thème courant */
2380	.box.current-theme {
2381	/* Thème courant */
2382	width: 646px;
2383	margin: 5px;
2384	padding: 20px 18px 6px;
2385	background: #595b5d;
2386	border: 1px solid #ecedee;
2387	border-radius: .5em;
2388	min-height: 326px;
2389	box-shadow: 1px 1px 2px rgba(50, 51, 52, 0.1);
2390	position: relative; }
2391	.box.current-theme .module-sshot:hover {
2392	cursor: auto; }
2393	.box.current-theme .module-sshot img {
2394	float: left;
2395	margin-right: 2em;
2396	border: 9px solid #fff;
2397	padding: 5px;
2398	max-width: 308px;
2399	max-height: 273px; }
2400	.box.current-theme .module-name {
2401	color: #ff6e3a;
2402	font-size: 1.5em;
2403	margin-bottom: 1em; }
2404	.box.current-theme .module-actions {
2405	display: flex;
2406	flex-wrap: wrap; }
2407
2408	.current-actions {
2409	width: auto;
2410	overflow: hidden;
2411	padding-top: 2em;
2412	background: transparent url(../images/minus-theme.png) no-repeat left top; }
2413
2414	#categories {
2415	margin: 1em 0; }
2416	#categories ul {
2417	list-style: none;
2418	margin-top: 2em;
2419	padding: 0; }
2420	#categories ul ul {
2421	margin-right: 2em;
2422	margin-left: 2em; }
2423	#categories .placeholder {
2424	outline: 1px dashed #76c2f1;
2425	min-height: 2.5em; }
2426
2427	.cat-line {
2428	position: relative;
2429	margin: .66em 0;
2430	padding: .66em 1em;
2431	border: 1px solid #cbced1;
2432	border-radius: 3px; }
2433	.cat-line label {
2434	margin-right: .25em; }
2435	.cat-line label a {
2436	font-weight: bold; }
2437	.cat-line p,
2438	.cat-line label {
2439	margin: 0;
2440	display: inline-block; }
2441	.cat-line .cat-line {
2442	border: 1px solid #dbdcdd; }
2443
2444	p.cat-title {
2445	margin-right: 1em; }
2446
2447	.cat-nb-posts a {
2448	color: #f3f4f5; }
2449
2450	.cat-url {
2451	padding-left: 1em; }
2452
2453	.cat-buttons {
2454	float: right;
2455	margin-top: -.2em;
2456	font-size: .91em; }
2457	.cat-buttons select {
2458	padding: 1px 2px 3px 2px;
2459	margin-right: .25em; }
2460	.cat-buttons .reset {
2461	padding-left: 4px;
2462	padding-right: 4px; }
2463
2464	.cat-actions {
2465	line-height: 2; }
2466
2467	#del_cat {
2468	width: 100%; }
2469
2470	.media-file-mode a {
2471	border-bottom: none; }
2472	.media-file-mode img {
2473	margin-right: 1em; }
2474
2475	span.media-file-mode {
2476	margin-right: 1em; }
2477
2478	.media-item {
2479	position: relative;
2480	border: 1px solid #dbdcdd;
2481	margin: 9px;
2482	padding: 10px 12px 6px;
2483	width: 320px;
2484	display: inline-block;
2485	vertical-align: top;
2486	min-height: 140px;
2487	word-wrap: break-word; }
2488	.media-item p {
2489	margin: 0 0 .5em; }
2490	.media-item object {
2491	margin-top: .5em; }
2492	.media-item ul {
2493	display: block;
2494	list-style: none;
2495	margin: 0;
2496	padding: 0; }
2497	.media-item audio {
2498	width: 100%;
2499	margin-top: .5em; }
2500
2501	a.media-icon {
2502	display: block;
2503	border-bottom: none;
2504	margin: 0 auto; }
2505
2506	.media-icon img {
2507	display: block; }
2508
2509	a.media-flag {
2510	border-bottom: none; }
2511
2512	.media-flag img {
2513	float: left;
2514	margin-right: .5em; }
2515
2516	.media-link {
2517	font-size: 1.1em; }
2518
2519	.media-action-box {
2520	position: relative;
2521	margin: 3em 3em 1em 1em;
2522	display: inline-block;
2523	vertical-align: top; }
2524
2525	li.media-action {
2526	display: block;
2527	position: absolute;
2528	top: 4px;
2529	right: 8px;
2530	height: 16px; }
2531	li.media-action a {
2532	border: none; }
2533	li.media-action a.attach-media {
2534	margin-right: 5px; }
2535	li.media-action form {
2536	display: inline; }
2537	li.media-action input {
2538	border: none; }
2539
2540	#entry-sidebar .media-item {
2541	width: 100%;
2542	min-height: 0;
2543	padding: 4px;
2544	margin: .33em 0; }
2545
2546	.folders-group .media-item {
2547	min-height: 70px; }
2548	.folders-group .media-item p {
2549	margin-bottom: 0; }
2550
2551	.media-folder {
2552	background: transparent;
2553	border-color: #ecedee;
2554	border-left-width: 8px; }
2555	.media-folder .media-link {
2556	font-size: 1.125em;
2557	margin-left: 2em;
2558	color: #c9cbcf;
2559	border-bottom: none; }
2560
2561	tr.media-folder {
2562	background: transparent; }
2563	tr.media-folder .media-link {
2564	margin-left: 0; }
2565
2566	.media-folder-up {
2567	border-color: transparent;
2568	padding-bottom: 6px; }
2569
2570	.medias-delete,
2571	.medias-select {
2572	text-align: right; }
2573
2574	.media-recent {
2575	float: left;
2576	margin-right: 2em; }
2577
2578	#media-fav-dir {
2579	border-bottom: none; }
2580	#media-fav-dir img {
2581	vertical-align: middle; }
2582
2583	/* upload multiple */
2584	.enhanced_uploader .choose_files,
2585	.enhanced_uploader .cancel,
2586	.enhanced_uploader .clean,
2587	.enhanced_uploader .start {
2588	margin-right: .4em; }
2589	.enhanced_uploader #upfile {
2590	visibility: hidden;
2591	width: 0;
2592	height: 0;
2593	margin: 0;
2594	opacity: 0;
2595	filter: alpha(opacity=0);
2596	cursor: pointer; }
2597	.enhanced_uploader .button.choose_files {
2598	display: inline-block; }
2599	.enhanced_uploader .max-size {
2600	display: block; }
2601	.enhanced_uploader .one-file {
2602	display: none; }
2603	.enhanced_uploader p.clear {
2604	padding-top: 1em;
2605	margin-bottom: 1em; }
2606
2607	.button.clean,
2608	.button.cancel,
2609	.button.choose_files {
2610	display: none; }
2611
2612	label span.one-file {
2613	display: inline; }
2614
2615	#add-file-f p.clear {
2616	margin-top: 1em;
2617	margin-bottom: 0;
2618	clear: both; }
2619
2620	.files {
2621	list-style-type: none;
2622	margin-left: 0;
2623	padding-left: 0;
2624	border-bottom: 1px solid #dbdcdd; }
2625	.files li {
2626	margin-left: 0;
2627	padding-left: 0; }
2628
2629	.upload-msg {
2630	font-weight: bold; }
2631	.upload-msg.upload-error {
2632	color: #ae323b; }
2633
2634	.upload-files {
2635	padding: 0 0.5em;
2636	margin: 1em 0; }
2637
2638	.upload-file {
2639	margin: 0;
2640	padding: .3em 0;
2641	border-top: 1px solid #dbdcdd;
2642	position: relative; }
2643
2644	.upload-fileinfo {
2645	margin-left: 0; }
2646	.upload-fileinfo input {
2647	position: absolute;
2648	top: .5em;
2649	right: .5em; }
2650	.upload-fileinfo span {
2651	padding-right: 8px; }
2652	.upload-fileinfo .upload-filecancel {
2653	display: block;
2654	padding-right: 0;
2655	margin-top: 3px;
2656	width: 20px;
2657	height: 20px;
2658	background: transparent url("cancel.png") no-repeat left top;
2659	text-indent: -1000px;
2660	cursor: pointer;
2661	float: left; }
2662
2663	.upload-filemsg {
2664	font-weight: bold;
2665	color: #fff; }
2666	.upload-filemsg.upload-error {
2667	color: #ae323b; }
2668
2669	.upload-progress {
2670	padding: .3em 0; }
2671	.upload-progress div {
2672	width: 0;
2673	height: 1.2em;
2674	font-weight: bold;
2675	line-height: 1.2em;
2676	text-align: right;
2677	background: #556f0f url(loader.png) repeat-x left top;
2678	color: #fff;
2679	border-radius: 3px; }
2680
2681	div.template-upload {
2682	clear: both; }
2683
2684	.queue-message {
2685	font-weight: bold; }
2686
2687	#media-icon {
2688	float: left; }
2689
2690	.near-icon {
2691	margin-left: 70px;
2692	margin-bottom: 3em; }
2693
2694	#media-details ul {
2695	display: block;
2696	margin-left: 0;
2697	padding: 0; }
2698	#media-details li {
2699	list-style: square inside;
2700	margin: 0;
2701	padding: 0; }
2702
2703	#media-original-image {
2704	overflow: auto; }
2705	#media-original-image.overheight {
2706	height: 500px; }
2707
2708	.modules td.module-actions, .modules td.module-icon {
2709	vertical-align: middle; }
2710	.modules td.module-icon img:last-child {
2711	width: 16px;
2712	height: 16px; }
2713	.modules td.module-icon img.expand {
2714	margin-bottom: 3px; }
2715	.modules td.module-distrib img {
2716	display: block;
2717	float: right; }
2718
2719	.modules tr.expand,
2720	.modules td.expand {
2721	background: #323334;
2722	border-color: #a2cbe9; }
2723
2724	.modules tr.expand td:first-child {
2725	font-weight: bold;
2726	background: #323334; }
2727
2728	.modules td.expand {
2729	padding: 0 0 1em; }
2730	.modules td.expand div {
2731	display: inline-block;
2732	vertical-align: top;
2733	margin-right: 3em; }
2734
2735	.modules dt {
2736	font-weight: bold; }
2737
2738	.modules a.module-details {
2739	background: transparent url(search.svg) no-repeat 0 center;
2740	padding: 4px 4px 0 20px; }
2741	.modules a.module-support {
2742	background: transparent url(help12.png) no-repeat 2px center;
2743	padding: 4px 4px 0 20px; }
2744	.modules a.module-config {
2745	background: transparent url(settings.png) no-repeat 2px 6px;
2746	padding: 4px 4px 0 18px; }
2747
2748	#m_search {
2749	color: #fff;
2750	background: transparent url(search.svg) no-repeat 0 center;
2751	padding-left: 20px; }
2752
2753	.mod-more {
2754	padding-top: .5em; }
2755	.mod-more,
2756	.mod-more li {
2757	margin: .25em 0 0 1em;
2758	padding: 0;
2759	list-style-type: none; }
2760
2761	#plugin-update td {
2762	vertical-align: baseline; }
2763
2764	#entry-form {
2765	display: flex;
2766	flex-wrap: wrap; }
2767
2768	#entry-wrapper {
2769	flex-grow: 1;
2770	width: calc(100% - 19em); }
2771	@media screen and (max-width: 80em) {
2772	#entry-wrapper {
2773	width: 100%; } }
2774
2775	#entry-content {
2776	margin-left: 0; }
2777	@media screen and (min-width: 80.01em) {
2778	#entry-content {
2779	padding-right: 3em; } }
2780	@media screen and (max-width: 38em) {
2781	#entry-content {
2782	padding-right: 1em; } }
2783	@media screen and (max-width: 26.5em) {
2784	#entry-content {
2785	padding-right: 0; } }
2786
2787	#entry-sidebar {
2788	display: flex;
2789	flex-wrap: wrap;
2790	flex-direction: column; }
2791	@media screen and (max-width: 80em) {
2792	#entry-sidebar {
2793	flex-direction: row; } }
2794	@media screen and (max-width: 38em) {
2795	#entry-sidebar {
2796	padding-right: 1em; } }
2797	#entry-sidebar h4 {
2798	font-size: 1.08em;
2799	margin-top: .3em;
2800	border-bottom: 1px solid #fff; }
2801	#entry-sidebar select {
2802	width: 100%; }
2803	#entry-sidebar input#post_position {
2804	width: 4em; }
2805
2806	.sb-box {
2807	width: 18em;
2808	margin-bottom: 1em;
2809	margin-right: 1em;
2810	padding: .5em 1em;
2811	background-color: #4c4d4f; }
2812	.sb-box:focus-within {
2813	background-color: #595b5d; }
2814
2815	#tb_excerpt {
2816	width: 100%; }
2817
2818	.fav-list {
2819	list-style-type: none;
2820	margin-left: 0;
2821	padding-left: 0; }
2822	#my-favs .fav-list {
2823	border-top: 1px solid #ecedee; }
2824	.fav-list li {
2825	margin-left: 0;
2826	padding-left: 0;
2827	padding-top: 3px;
2828	padding-bottom: 3px;
2829	position: relative; }
2830	#my-favs .fav-list li {
2831	line-height: 2;
2832	border-bottom: 1px solid #ecedee;
2833	padding-top: 3px;
2834	padding-bottom: 3px;
2835	position: relative; }
2836	#my-favs:focus-within .fav-list li {
2837	border-bottom-color: #dbdcdd; }
2838	.fav-list li span.zoom {
2839	display: none; }
2840	.fav-list li:hover span.zoom {
2841	display: block;
2842	position: absolute;
2843	bottom: 0;
2844	left: 10em;
2845	background-color: #595b5d;
2846	border: 1px solid #dbdcdd;
2847	padding: .2em;
2848	border-radius: .5em; }
2849	.fav-list img {
2850	vertical-align: middle;
2851	margin-right: .2em; }
2852
2853	#my-favs {
2854	border-color: #9ac123; }
2855	#my-favs input.position {
2856	margin: 0 0 .4em .2em; }
2857
2858	#available-favs input,
2859	#available-favs label,
2860	#available-favs label span {
2861	white-space: normal;
2862	display: inline; }
2863	#available-favs label span.zoom {
2864	display: none; }
2865	#available-favs li:hover label span.zoom {
2866	display: block;
2867	position: absolute;
2868	bottom: 0;
2869	left: 10em;
2870	background-color: #323334;
2871	border: 1px solid #dbdcdd;
2872	padding: .2em;
2873	border-radius: .5em; }
2874
2875	#user-options label.ib {
2876	display: inline-block;
2877	width: 14em;
2878	padding-right: 1em; }
2879
2880	.blog-perm {
2881	margin-top: 2em;
2882	padding-top: 2em;
2883	font-weight: bold; }
2884
2885	.ul-perm {
2886	list-style-type: square;
2887	margin-left: 0;
2888	padding-left: 3.5em;
2889	margin-bottom: 0; }
2890
2891	.add-perm {
2892	padding-top: .5em;
2893	padding-left: 2.5em;
2894	margin-left: 0; }
2895
2896	.guideline #content h2 {
2897	color: #ff6e3a;
2898	padding: 2em 0 0 0;
2899	margin: 1em 0;
2900	font-size: 2em; }
2901	.guideline #content h2:first-child {
2902	margin-top: 0;
2903	padding-top: .5em; }
2904	.guideline h3 {
2905	margin-top: 2em; }
2906	.guideline .dc-update h3 {
2907	margin-top: 0; }
2908	.guideline .one-box .box {
2909	border: 1px solid #dbdcdd;
2910	padding: 2px .5em; }
2911	.guideline #main-menu ul {
2912	margin: 0;
2913	padding: 0;
2914	font-weight: normal; }
2915	.guideline #main-menu li {
2916	padding-left: 1em; }
2917
2918	/** --------------------------------------------------
2919	Misc
2920	--------------------------------------------------- */
2921	/* jQuery Autocomplete plugin */
2922	.ac_results {
2923	padding: 0px;
2924	background-color: #323334;
2925	border: 1px dotted #ffd478;
2926	overflow: hidden;
2927	z-index: 99999; }
2928	.ac_results ul {
2929	width: 100%;
2930	list-style-position: outside;
2931	list-style: none;
2932	padding: 0;
2933	margin: 0; }
2934	.ac_results li {
2935	margin: 0px;
2936	padding: 2px 5px;
2937	cursor: default;
2938	display: block;
2939	font-size: 1em;
2940	line-height: 16px;
2941	overflow: hidden; }
2942
2943	.ac_loading {
2944	background: transparent url("loader.gif") right center no-repeat; }
2945
2946	.ac_odd {
2947	background-color: #323334; }
2948
2949	.ac_over {
2950	color: #fff;
2951	background-color: #5e9bc1; }
2952
2953	/* password indicator */
2954	.pw-table {
2955	display: table;
2956	margin-bottom: 1em; }
2957
2958	.pw-cell {
2959	display: table-cell;
2960	margin-bottom: 1em; }
2961
2962	#pwindicator {
2963	display: table-cell;
2964	vertical-align: bottom;
2965	padding-left: 1.5em;
2966	height: 3.8em; }
2967	#pwindicator .bar {
2968	height: 6px;
2969	margin-bottom: 4px; }
2970
2971	.pw-very-weak .bar {
2972	background: #c44d58;
2973	width: 30px; }
2974
2975	.pw-weak .bar {
2976	background: #e1732c;
2977	width: 60px; }
2978
2979	.pw-mediocre .bar {
2980	background: #ff9900;
2981	width: 90px; }
2982
2983	.pw-strong .bar {
2984	background: #cdad12;
2985	width: 120px; }
2986
2987	.pw-very-strong .bar {
2988	background: #9ac123;
2989	width: 150px; }
2990
2991	/* ------------------------------------------------------------------ navigation */
2992	/* selects accès rapide */
2993	.anchor-nav {
2994	background: #272b30;
2995	padding: 4px 1em; }
2996	.anchor-nav label {
2997	vertical-align: bottom; }
2998
2999	/* nav links */
3000	.nav_prevnext {
3001	margin-bottom: 2em;
3002	color: #272b30; }
3003
3004	.nav_prevnext a,
3005	a.back {
3006	color: #76c2f1;
3007	border: 1px solid #dbdcdd;
3008	padding: 2px 1.5em;
3009	border-radius: .75em;
3010	background-color: #323334; }
3011
3012	a.back:before {
3013	content: "\ab\a0"; }
3014
3015	a.onblog_link {
3016	color: #323334;
3017	float: right;
3018	border: 1px solid #ecedee;
3019	padding: 2px 1.5em;
3020	border-radius: .75em;
3021	background-color: #ecedee;
3022	box-shadow: 0 1px 1px rgba(50, 51, 52, 0.3); }
3023
3024	/* Pagination */
3025	.pager {
3026	margin: 2em 0 1em 0;
3027	clear: left; }
3028	.pager ul {
3029	list-style-type: none;
3030	margin: 0;
3031	padding: 0; }
3032	.pager li,
3033	.pager input {
3034	display: inline-block;
3035	vertical-align: middle;
3036	margin: 0 .33em 0 0;
3037	padding: 0;
3038	text-align: center; }
3039	.pager .btn {
3040	border: 1px solid #dbdcdd;
3041	background-color: #f3f4f5;
3042	color: #76c2f1;
3043	border-radius: 3px;
3044	overflow: hidden; }
3045	.pager .btn.no-link {
3046	border-color: #dbdcdd;
3047	background-color: #fff;
3048	padding: 1px 3px 0; }
3049	.pager .active {
3050	padding: 4px 12px;
3051	color: #c9cbcf; }
3052	.pager .direct-access {
3053	margin-left: 2em; }
3054	.pager .direct-access input[type=text] {
3055	border: 1px solid #dbdcdd;
3056	padding: 3px 8px;
3057	margin-left: .25em;
3058	background-color: #fff; }
3059	.pager .direct-access input[type=submit] {
3060	padding: 3px 6px; }
3061	.pager a {
3062	display: block;
3063	padding: 1px 3px 0;
3064	border: none; }
3065	.pager a:hover, .pager a:focus {
3066	background-color: #dbdcdd; }
3067
3068	.index .btn.no-link,
3069	.index a {
3070	padding: 2px 8px 3px;
3071	font-variant: small-caps; }
3072	.index li {
3073	margin-bottom: 3px; }
3074	.index a {
3075	font-weight: bold; }
3076	.index .btn.no-link {
3077	color: #c9cbcf; }
3078	.index .active {
3079	padding: 4px 8px;
3080	color: #fff;
3081	background: #676e78;
3082	border-radius: 3px;
3083	font-variant: small-caps; }
3084
3085	/* Etapes */
3086	.step {
3087	display: inline-block;
3088	float: left;
3089	margin: 3px 10px 2px 0;
3090	padding: 5px .5em;
3091	color: #676e78;
3092	background: #f3f4f5;
3093	border: 1px solid #cbced1;
3094	border-radius: 3px;
3095	font-weight: bold; }
3096
3097	/* ------------------------------------------------------------------------- indicateurs */
3098	.mark-attach {
3099	display: inline-block;
3100	box-sizing: border-box;
3101	width: 12px;
3102	height: 12px;
3103	padding-left: 12px;
3104	background: url("../images/attach.svg") no-repeat;
3105	filter: hue-rotate(260deg) saturate(100) saturate(0.2) brightness(220%); }
3106
3107	/* ---------------------------------------------------------------- utilisables partout */
3108	.legible {
3109	font-size: 1.16em;
3110	max-width: 62em; }
3111
3112	.fieldset {
3113	background: #272b30;
3114	border: 1px solid #cbced1;
3115	border-radius: 3px;
3116	padding: 1em .7em .5em;
3117	margin-bottom: 1em; }
3118	.fieldset h3 {
3119	margin-top: 0; }
3120	.fieldset hr {
3121	background-color: #cbced1;
3122	border-width: 0;
3123	margin: 1em 0; }
3124	.fieldset:focus-within {
3125	background-color: #363a3e; }
3126
3127	.right,
3128	.txt-right {
3129	text-align: right; }
3130
3131	.txt-center {
3132	text-align: center; }
3133
3134	.txt-left {
3135	text-align: left; }
3136
3137	.no-margin,
3138	label.no-margin {
3139	margin-top: 0;
3140	margin-bottom: 0; }
3141
3142	.vertical-separator {
3143	margin-top: 2em; }
3144
3145	p.clear.vertical-separator {
3146	padding-top: 2em; }
3147
3148	.border-top {
3149	border-top: 1px solid #86888c;
3150	padding-top: 1em;
3151	margin-top: 1em; }
3152
3153	.grid {
3154	background: transparent repeat url("grid.png") 0 0; }
3155
3156	ul.nice {
3157	margin: 1em 0;
3158	padding: 0 0 0 2em;
3159	list-style: square; }
3160	ul.nice li {
3161	margin: 0;
3162	padding: 0; }
3163
3164	ul.from-left {
3165	list-style-type: none;
3166	padding-left: 0;
3167	margin: 1em 0; }
3168	ul.from-left > li {
3169	margin-top: 1em;
3170	margin-bottom: 1em; }
3171	ul.from-left ul {
3172	list-style-type: square; }
3173
3174	.offline {
3175	color: #86888c;
3176	background: #323334; }
3177
3178	/* caché pour tout le monde */
3179	.hide,
3180	.button.hide {
3181	display: none !important; }
3182
3183	/* Caché sauf pour les revues d'écran */
3184	.hidden,
3185	.with-js .out-of-screen-if-js {
3186	position: absolute !important;
3187	clip: rect(1px 1px 1px 1px);
3188	/* IE6, IE7 */
3189	clip: rect(1px, 1px, 1px, 1px);
3190	padding: 0 !important;
3191	border: 0 !important;
3192	height: 1px !important;
3193	width: 1px !important;
3194	overflow: hidden; }
3195
3196	/* caché si js est inactif */
3197	.no-js .hidden-if-no-js {
3198	display: none; }
3199
3200	/* caché si js est actif */
3201	.with-js .hidden-if-js {
3202	display: none; }
3203
3204	/* ---------------------------------------------- Couleurs ajoutées via javascript
3205
3206	/* Sortable (jQuery UI) */
3207	.sortable-area {
3208	border: 1px dashed currentColor;
3209	background-color: #4c4d4f; }
3210
3211	/* color-picker.js */
3212	.color-color-picker {
3213	border: 1px solid #000;
3214	width: 195px;
3215	background: #fff; }
3216
3217	/* _media_item.js */
3218	.color-div {
3219	border: 1px solid #c9cbcf; }
3220
3221	/* Badges (common.js) */
3222	.badgeable {
3223	/* class to set to badge parent's, not mandatory for menu items */
3224	position: relative; }
3225
3226	/* Badge design */
3227	.badge {
3228	color: #fff;
3229	background-color: #d54e21;
3230	border: 1px solid #dcdee0;
3231	vertical-align: top;
3232	border-radius: 10px;
3233	padding: 0 .6em; }
3234
3235	.badge-icon {
3236	background-color: #607d8b; }
3237
3238	/* Badge background override */
3239	.badge-std {
3240	background-color: #d54e21; }
3241
3242	.badge-info {
3243	background-color: #3f51b5; }
3244
3245	.badge-soft {
3246	background-color: #607d8b; }
3247
3248	/* Badge position */
3249	.badge-block {
3250	/* Dashboard module → badge on top right */
3251	position: absolute;
3252	top: -10px;
3253	right: -10px; }
3254
3255	.badge-icon {
3256	/* Dashboard icon → badge on top right */
3257	right: 20px; }
3258
3259	.badge-inline {
3260	/* Menu item */
3261	margin-left: .5em; }
3262
3263	.badge-left {
3264	right: auto;
3265	left: -10px; }
3266	.badge-left.badge-icon {
3267	left: 20px; }
3268
3269	/* Badge design option */
3270	.badge-noborder {
3271	border: none; }
3272
3273	.badge-small {
3274	font-size: smaller; }
3275	.badge-small.badge-icon {
3276	right: 25px; }
3277	.badge-small.badge-icon.badge-left {
3278	right: auto;
3279	left: 25px; }
3280
3281	.badge-square {
3282	border-radius: 0; }
3283
3284	/* ------------------------------------------------------------------------------------
3285	UN POIL DE MEDIA QUERIES
3286	------------------------------------------------------------------------------------ */
3287	@media screen and (max-width: 80em) {
3288	#header,
3289	h1 {
3290	background: #595b5d; }
3291
3292	#top-info-user {
3293	background: #272b30; }
3294	#top-info-user a.active {
3295	color: #fff;
3296	background: #86888c; }
3297
3298	#wrapper {
3299	background: #272b30; }
3300
3301	.modules th.module-desc,
3302	.modules td.module-desc {
3303	display: none; } }
3304	@media screen and (max-width: 44em) {
3305	#help-button {
3306	background-color: #9ac123;
3307	padding: 0;
3308	font-size: .83em;
3309	line-height: 68px; } }
3310	@media screen and (max-width: 38em) {
3311	h1 a:link {
3312	border-right: 1px solid #ecedee; }
3313	h1 a:hover, h1 a:focus {
3314	border-right: 1px solid #ecedee; }
3315
3316	#dashboard-main {
3317	padding: 0; }
3318
3319	#content,
3320	.hide-mm #content {
3321	padding: 0 .5em !important; }
3322
3323	#main #content > h2 {
3324	padding: 6px 30px 4px .5em; }
3325
3326	.cell,
3327	#filters-form .cell {
3328	border: none;
3329	padding: 1em; }
3330
3331	.pseudo-tabs li {
3332	border-top: 1px solid #ecedee;
3333	padding: .25em; }
3334	.pseudo-tabs li:first-child, .pseudo-tabs li:nth-of-type(2) {
3335	border-top: none; } }
3336	@media screen and (max-width: 26.5em) {
3337	h1,
3338	h1 a {
3339	border-right: #323334 !important; }
3340
3341	#content.with-help #help {
3342	font-size: 1.2rem; }
3343
3344	p.top-add {
3345	text-align: center; }
3346
3347	.multi-part {
3348	padding-left: 0; }
3349
3350	.part-tabs ul {
3351	padding: 0 .5em; }
3352
3353	#icons p {
3354	padding: 1em .25em; }
3355
3356	.box.current-theme {
3357	padding: 10px; }
3358
3359	th,
3360	td {
3361	padding: 0.3em 1em 0.3em 0; }
3362
3363	.pseudo-tabs li {
3364	border-top: 1px solid #ecedee !important; }
3365
3366	.pseudo-tabs li:first-child {
3367	border-top: none; } }
3368	/** --------------------------------------------------
3369	Plugins
3370	--------------------------------------------------- */
3371	/* dcLegacyEditor */
3372	/* WYSIWYG Document */
3373	body.wysiwygDoc {
3374	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
3375
3376	.wysiwygDoc pre, .wysiwygDoc code, .wysiwygDoc kbd, .wysiwygDoc samp {
3377	font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; }
3378
3379	/* dcCKEditor */
3380	.cke textarea.cke_source {
3381	font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace;
3382	font-size: 100%; }
3383
3384	/** --------------------------------------------------
3385	3rd parties
3386	--------------------------------------------------- */
3387	/* Magnific Popup CSS */
3388	.mfp-bg {
3389	top: 0;
3390	left: 0;
3391	width: 100%;
3392	height: 100%;
3393	z-index: 1042;
3394	overflow: hidden;
3395	position: fixed;
3396	background: #0b0b0b;
3397	opacity: 0.8; }
3398
3399	.mfp-wrap {
3400	top: 0;
3401	left: 0;
3402	width: 100%;
3403	height: 100%;
3404	z-index: 1043;
3405	position: fixed;
3406	outline: none !important;
3407	-webkit-backface-visibility: hidden; }
3408
3409	.mfp-container {
3410	text-align: center;
3411	position: absolute;
3412	width: 100%;
3413	height: 100%;
3414	left: 0;
3415	top: 0;
3416	padding: 0 8px;
3417	box-sizing: border-box; }
3418
3419	.mfp-container:before {
3420	content: '';
3421	display: inline-block;
3422	height: 100%;
3423	vertical-align: middle; }
3424
3425	.mfp-align-top .mfp-container:before {
3426	display: none; }
3427
3428	.mfp-content {
3429	position: relative;
3430	display: inline-block;
3431	vertical-align: middle;
3432	margin: 0 auto;
3433	text-align: left;
3434	z-index: 1045; }
3435
3436	.mfp-inline-holder .mfp-content,
3437	.mfp-ajax-holder .mfp-content {
3438	width: 100%;
3439	cursor: auto; }
3440
3441	.mfp-ajax-cur {
3442	cursor: progress; }
3443
3444	.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
3445	cursor: -moz-zoom-out;
3446	cursor: -webkit-zoom-out;
3447	cursor: zoom-out; }
3448
3449	.mfp-zoom {
3450	cursor: pointer;
3451	cursor: -webkit-zoom-in;
3452	cursor: -moz-zoom-in;
3453	cursor: zoom-in; }
3454
3455	.mfp-auto-cursor .mfp-content {
3456	cursor: auto; }
3457
3458	.mfp-close,
3459	.mfp-arrow,
3460	.mfp-preloader,
3461	.mfp-counter {
3462	-webkit-user-select: none;
3463	-moz-user-select: none;
3464	user-select: none; }
3465
3466	.mfp-loading.mfp-figure {
3467	display: none; }
3468
3469	.mfp-hide {
3470	display: none !important; }
3471
3472	.mfp-preloader {
3473	color: #CCC;
3474	position: absolute;
3475	top: 50%;
3476	width: auto;
3477	text-align: center;
3478	margin-top: -0.8em;
3479	left: 8px;
3480	right: 8px;
3481	z-index: 1044; }
3482	.mfp-preloader a {
3483	color: #CCC; }
3484	.mfp-preloader a:hover {
3485	color: #FFF; }
3486
3487	.mfp-s-ready .mfp-preloader {
3488	display: none; }
3489
3490	.mfp-s-error .mfp-content {
3491	display: none; }
3492
3493	button.mfp-close, button.mfp-arrow {
3494	overflow: visible;
3495	cursor: pointer;
3496	background: transparent;
3497	border: 0;
3498	-webkit-appearance: none;
3499	display: block;
3500	outline: none;
3501	padding: 0;
3502	z-index: 1046;
3503	box-shadow: none;
3504	touch-action: manipulation; }
3505	button::-moz-focus-inner {
3506	padding: 0;
3507	border: 0; }
3508
3509	.mfp-close {
3510	width: 44px;
3511	height: 44px;
3512	line-height: 44px;
3513	position: absolute;
3514	right: 0;
3515	top: 0;
3516	text-decoration: none;
3517	text-align: center;
3518	opacity: 0.65;
3519	padding: 0 0 18px 10px;
3520	color: #FFF;
3521	font-style: normal;
3522	font-size: 28px;
3523	font-family: Arial, Baskerville, monospace; }
3524	.mfp-close:hover, .mfp-close:focus {
3525	opacity: 1; }
3526	.mfp-close:active {
3527	top: 1px; }
3528
3529	.mfp-close-btn-in .mfp-close {
3530	color: #333; }
3531
3532	.mfp-image-holder .mfp-close,
3533	.mfp-iframe-holder .mfp-close {
3534	color: #FFF;
3535	right: -6px;
3536	text-align: right;
3537	padding-right: 6px;
3538	width: 100%; }
3539
3540	.mfp-counter {
3541	position: absolute;
3542	top: 0;
3543	right: 0;
3544	color: #CCC;
3545	font-size: 12px;
3546	line-height: 18px;
3547	white-space: nowrap; }
3548
3549	.mfp-arrow {
3550	position: absolute;
3551	opacity: 0.65;
3552	margin: 0;
3553	top: 50%;
3554	margin-top: -55px;
3555	padding: 0;
3556	width: 90px;
3557	height: 110px;
3558	-webkit-tap-highlight-color: transparent; }
3559	.mfp-arrow:active {
3560	margin-top: -54px; }
3561	.mfp-arrow:hover, .mfp-arrow:focus {
3562	opacity: 1; }
3563	.mfp-arrow:before, .mfp-arrow:after {
3564	content: '';
3565	display: block;
3566	width: 0;
3567	height: 0;
3568	position: absolute;
3569	left: 0;
3570	top: 0;
3571	margin-top: 35px;
3572	margin-left: 35px;
3573	border: medium inset transparent; }
3574	.mfp-arrow:after {
3575	border-top-width: 13px;
3576	border-bottom-width: 13px;
3577	top: 8px; }
3578	.mfp-arrow:before {
3579	border-top-width: 21px;
3580	border-bottom-width: 21px;
3581	opacity: 0.7; }
3582
3583	.mfp-arrow-left {
3584	left: 0; }
3585	.mfp-arrow-left:after {
3586	border-right: 17px solid #FFF;
3587	margin-left: 31px; }
3588	.mfp-arrow-left:before {
3589	margin-left: 25px;
3590	border-right: 27px solid #3F3F3F; }
3591
3592	.mfp-arrow-right {
3593	right: 0; }
3594	.mfp-arrow-right:after {
3595	border-left: 17px solid #FFF;
3596	margin-left: 39px; }
3597	.mfp-arrow-right:before {
3598	border-left: 27px solid #3F3F3F; }
3599
3600	.mfp-iframe-holder {
3601	padding-top: 40px;
3602	padding-bottom: 40px; }
3603	.mfp-iframe-holder .mfp-content {
3604	line-height: 0;
3605	width: 100%;
3606	max-width: 98%; }
3607	.mfp-iframe-holder .mfp-close {
3608	top: -40px; }
3609
3610	.mfp-iframe-scaler {
3611	width: 100%;
3612	height: 0;
3613	overflow: hidden;
3614	padding-top: 56.25%; }
3615	.mfp-iframe-scaler iframe {
3616	position: absolute;
3617	display: block;
3618	top: 0;
3619	left: 0;
3620	width: 100%;
3621	height: 100%;
3622	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
3623	background: #000; }
3624
3625	/* Main image in popup */
3626	img.mfp-img {
3627	width: auto;
3628	max-width: 100%;
3629	height: auto;
3630	display: block;
3631	line-height: 0;
3632	box-sizing: border-box;
3633	padding: 40px 0 40px;
3634	margin: 0 auto; }
3635
3636	/* The shadow behind the image */
3637	.mfp-figure {
3638	line-height: 0; }
3639	.mfp-figure:after {
3640	content: '';
3641	position: absolute;
3642	left: 0;
3643	top: 40px;
3644	bottom: 40px;
3645	display: block;
3646	right: 0;
3647	width: auto;
3648	height: auto;
3649	z-index: -1;
3650	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
3651	background: #444; }
3652	.mfp-figure small {
3653	color: #BDBDBD;
3654	display: block;
3655	font-size: 12px;
3656	line-height: 14px; }
3657	.mfp-figure figure {
3658	margin: 0; }
3659
3660	.mfp-bottom-bar {
3661	margin-top: -36px;
3662	position: absolute;
3663	top: 100%;
3664	left: 0;
3665	width: 100%;
3666	cursor: auto; }
3667
3668	.mfp-title {
3669	text-align: left;
3670	line-height: 18px;
3671	color: #F3F3F3;
3672	word-wrap: break-word;
3673	padding-right: 36px; }
3674
3675	.mfp-image-holder .mfp-content {
3676	max-width: 100%; }
3677
3678	.mfp-gallery .mfp-image-holder .mfp-figure {
3679	cursor: pointer; }
3680
3681	@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
3682	/**
3683	* Remove all paddings around the image on small screen
3684	*/
3685	.mfp-img-mobile .mfp-image-holder {
3686	padding-left: 0;
3687	padding-right: 0; }
3688	.mfp-img-mobile img.mfp-img {
3689	padding: 0; }
3690	.mfp-img-mobile .mfp-figure:after {
3691	top: 0;
3692	bottom: 0; }
3693	.mfp-img-mobile .mfp-figure small {
3694	display: inline;
3695	margin-left: 5px; }
3696	.mfp-img-mobile .mfp-bottom-bar {
3697	background: rgba(0, 0, 0, 0.6);
3698	bottom: 0;
3699	margin: 0;
3700	top: auto;
3701	padding: 3px 5px;
3702	position: fixed;
3703	box-sizing: border-box; }
3704	.mfp-img-mobile .mfp-bottom-bar:empty {
3705	padding: 0; }
3706	.mfp-img-mobile .mfp-counter {
3707	right: 5px;
3708	top: 3px; }
3709	.mfp-img-mobile .mfp-close {
3710	top: 0;
3711	right: 0;
3712	width: 35px;
3713	height: 35px;
3714	line-height: 35px;
3715	background: rgba(0, 0, 0, 0.6);
3716	position: fixed;
3717	text-align: center;
3718	padding: 0; } }
3719	@media all and (max-width: 900px) {
3720	.mfp-arrow {
3721	-webkit-transform: scale(0.75);
3722	transform: scale(0.75); }
3723
3724	.mfp-arrow-left {
3725	-webkit-transform-origin: 0;
3726	transform-origin: 0; }
3727
3728	.mfp-arrow-right {
3729	-webkit-transform-origin: 100%;
3730	transform-origin: 100%; }
3731
3732	.mfp-container {
3733	padding-left: 6px;
3734	padding-right: 6px; } }
3735	/* CodeMirror CSS */
3736	.CodeMirror {
3737	/* Set height, width, borders, and global font properties here */
3738	font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace !important; }
3739
3740	/** --------------------------------------------------
3741	Debug
3742	--------------------------------------------------- */
3743	/* debug */
3744	#debug {
3745	position: absolute;
3746	top: 0;
3747	width: 100%;
3748	height: 4px;
3749	background: #ffd478; }
3750	#debug div {
3751	display: none;
3752	padding: 3px 0.5em 2px; }
3753	#debug p {
3754	margin: 0.5em 0; }
3755	#debug:hover {
3756	height: auto;
3757	padding: 2px 1em;
3758	z-index: 100; }
3759	#debug:hover div {
3760	display: block; }
3761
3762	.debug {
3763	color: #ae323b;
3764	background: #ffd478;
3765	padding: 3px 0.5em 2px; }
3766
3767	input[type=submit].delete.debug,
3768	a.delete.debug {
3769	border-color: #ffd478; }
3770	input[type=submit].delete.debug:hover,
3771	a.delete.debug:hover {
3772	background: #ffd478;
3773	color: #ae323b;
3774	border-color: #ffd478; }

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

Dotclear

Context Navigation

source: admin/style/default-dark.css @ 3876:7f716e4e25ac

Download in other formats:

Sites map