Dotclear

source: admin/style/default-dark.css @ 3935:8cce0920394e

Revision 3935:8cce0920394e, 77.2 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map