Dotclear

source: admin/style/default-dark.css @ 3780:2a4c7e88ca8b

Revision 3780:2a4c7e88ca8b, 74.7 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map