Dotclear

source: admin/style/default-dark.css @ 3918:350bc5990b82

Revision 3918:350bc5990b82, 77.1 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map