default.css @ 3678:8f7411ae533c

Visit:

Revision 3678:8f7411ae533c, 73.7 KB checked in by franck <carnet.franck.paul@…>, 8 years ago (diff)
Remove CSS transition on tab activation

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

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

Dotclear

Context Navigation

source: admin/style/default.css @ 3678:8f7411ae533c

Download in other formats:

Sites map