default.css @ 3869:97af47e1ee7d

Visit:

Revision 3869:97af47e1ee7d, 75.7 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)
Add badge capabilities (used mainly by dashboard modules)

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

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

Dotclear

Context Navigation

source: admin/style/default.css @ 3869:97af47e1ee7d

Download in other formats:

Sites map