Dotclear

source: admin/style/default-dark.css @ 3770:75566f4ffead

Revision 3770:75566f4ffead, 74.2 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

Add a dark mode (user preferences), some refinements to come
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: #323334; }
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
910input[type=text],
911input[type=color],
912input[type=email],
913input[type=url],
914input[type=datetime],
915input[type=date],
916input[type=time],
917input[type=file],
918input[type=number],
919input[type=password],
920input[type=submit],
921input[type=button],
922input[type=reset],
923a.button, button, textarea, select, legend {
924  max-width: 100%; }
925
926input[type=text],
927input[type=color],
928input[type=email],
929input[type=url],
930input[type=datetime],
931input[type=date],
932input[type=time],
933input[type=file],
934input[type=number],
935input[type=password],
936input[type=submit],
937input[type=button],
938input[type=reset],
939a.button, button, textarea, legend {
940  border-radius: 3px; }
941
942form {
943  display: block;
944  margin: 0;
945  padding: 0; }
946
947fieldset {
948  display: block;
949  margin: 1em 0;
950  padding: 1em 0.5em;
951  border-width: 1px 0;
952  border-style: solid;
953  border-color: #cbced1;
954  background: #272b30; }
955  fieldset:focus-within {
956    background-color: #363a3e; }
957
958input[type=text],
959input[type=color],
960input[type=email],
961input[type=url],
962input[type=datetime],
963input[type=date],
964input[type=time],
965input[type=file],
966input[type=number],
967textarea {
968  font-family: inherit;
969  font-size: 100%; }
970
971legend {
972  padding: 0.2em 0.6em;
973  border-width: 1px;
974  border-style: solid;
975  border-color: #cbced1;
976  background: #595b5d;
977  margin-bottom: 0.5em; }
978
979label .maximal, textarea.maximal, input.maximal, select.maximal {
980  width: 99%; }
981
982input[type=text],
983input[type=password],
984input[type=color],
985input[type=email],
986input[type=url],
987input[type=datetime],
988input[type=date],
989input[type=time],
990input[type=file],
991input[type=number],
992textarea, select, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown {
993  color: #000;
994  box-shadow: 1px 1px 2px #ecedee inset;
995  padding: 3px;
996  vertical-align: top; }
997
998input[type=text],
999input[type=password],
1000input[type=color],
1001input[type=email],
1002input[type=url],
1003input[type=datetime],
1004input[type=date],
1005input[type=time],
1006input[type=file],
1007input[type=number],
1008textarea, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown {
1009  background: #ecedee;
1010  border-width: 1px;
1011  border-style: solid;
1012  border-color: #767d86; }
1013
1014input[type=file] {
1015  color: #dcdee0;
1016  background: #272b30; }
1017
1018input:invalid:not(:required), textarea:invalid:not(:required), select:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) {
1019  color: #000;
1020  box-shadow: 0 0 0 3px rgba(174, 50, 59, 0.3); }
1021
1022input:invalid:not(:required), textarea:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) {
1023  border: 1px solid #ae323b;
1024  background: #ffbaba; }
1025
1026input:focus, textarea:focus {
1027  border-color: #bee74b; }
1028
1029textarea {
1030  padding: 2px 0; }
1031  textarea.maximal {
1032    resize: vertical; }
1033  .area textarea {
1034    display: block;
1035    width: 100%;
1036    resize: vertical; }
1037
1038select {
1039  padding: 2px 0;
1040  vertical-align: middle; }
1041
1042@media not all and (min-resolution: 0.001dpcm) {
1043  @supports (-webkit-appearance: none) {
1044    /* Safari 10.1+ only (https://browserstrangeness.bitbucket.io/css_hacks.html#webkit) */
1045    select {
1046      font-size: initial; } } }
1047select.l10n option {
1048  padding-left: 16px; }
1049
1050option.avail10n {
1051  background: transparent url(../images/check-on.png) no-repeat 0 50%; }
1052
1053input[type=text],
1054input[type=color],
1055input[type=email],
1056input[type=url],
1057input[type=datetime],
1058input[type=date],
1059input[type=time],
1060input[type=number],
1061input[type=password],
1062textarea {
1063  margin-right: .3em; }
1064
1065input[type=checkbox], input[type=radio], input[type=file] {
1066  border: none;
1067  margin: 0 .33em 0 0;
1068  padding: 0;
1069  background: transparent; }
1070
1071input + input[type=checkbox] {
1072  margin-left: .33em; }
1073
1074a input {
1075  margin-right: .33em; }
1076
1077input[type=file] {
1078  margin-top: .3em;
1079  margin-bottom: .3em; }
1080
1081optgroup {
1082  font-weight: bold;
1083  font-style: normal; }
1084
1085option {
1086  font-weight: normal; }
1087
1088label, label span {
1089  display: block; }
1090
1091label.ib, input.ib {
1092  display: inline-block; }
1093
1094label.classic {
1095  display: inline; }
1096
1097label.classic input, label span input, label.classic select, label span select {
1098  display: inline; }
1099
1100label.required {
1101  font-weight: bold; }
1102
1103label.required abbr {
1104  color: #ae323b;
1105  font-size: 1.3em;
1106  text-decoration: none; }
1107
1108label.bold {
1109  text-transform: uppercase;
1110  font-weight: bold;
1111  margin-top: 2em; }
1112
1113label.area, p.area {
1114  width: inherit !important; }
1115
1116p.field {
1117  position: relative; }
1118  p.field label {
1119    display: inline-block;
1120    width: 14em; }
1121  p.field.wide label {
1122    width: 21em; }
1123  p.field input, p.field select {
1124    display: inline-block; }
1125
1126.form-note, .form-stats {
1127  font-style: italic;
1128  font-weight: normal;
1129  color: #bce8f1; }
1130
1131p.form-note, p.form-stats {
1132  margin-top: -.7em; }
1133
1134span.form-note, span.form-stats {
1135  text-transform: none; }
1136
1137.missing {
1138  background-color: inherit;
1139  animation-name: kf-missing;
1140  animation-duration: 1s; }
1141
1142@keyframes kf-missing {
1143  50% {
1144    background-color: #ffbaba; } }
1145.focus {
1146  background-color: inherit;
1147  animation-name: kf-focus;
1148  animation-duration: 1s; }
1149
1150@keyframes kf-focus {
1151  50% {
1152    background-color: #bee74b; } }
1153.no-more-info {
1154  display: none; }
1155
1156/* Removes inner padding and border in FF3+  - Knacss */
1157button::-moz-focus-inner,
1158input[type=button]::-moz-focus-inner,
1159input[type=reset]::-moz-focus-inner,
1160input[type=submit]::-moz-focus-inner {
1161  border: 0;
1162  padding: 0; }
1163
1164/* tous les boutons */
1165button,
1166a.button,
1167input[type=button],
1168input[type=reset],
1169input[type=submit] {
1170  border: 1px solid #86888c;
1171  font-family: inherit;
1172  padding: 3px 10px;
1173  line-height: normal !important;
1174  display: inline-block;
1175  font-size: 100%;
1176  text-align: center;
1177  text-decoration: none;
1178  cursor: pointer;
1179  position: relative;
1180  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
1181  border-style: solid;
1182  border-width: 1px; }
1183
1184a.button {
1185  vertical-align: middle; }
1186
1187/* validation */
1188input[type=submit],
1189button[type=submit],
1190a.button.submit,
1191button.submit,
1192input.button.start {
1193  color: #fff;
1194  background-color: #25a6e1;
1195  background-image: linear-gradient(to bottom, #25a6e1, #188bc0);
1196  border-color: #25a6e1; }
1197
1198input[type=submit]:hover,
1199input[type=submit]:focus,
1200button[type=submit]:hover,
1201button[type=submit]:focus,
1202input.button.start:hover,
1203input.button.start:focus,
1204button.submit:hover,
1205button.submit:focus,
1206a.button.submit:hover,
1207a.button.submit:focus {
1208  background-color: #188bc0;
1209  background-image: linear-gradient(to bottom, #188bc0, #25a6e1);
1210  border-color: #188bc0; }
1211
1212/* suppression, reset, "neutres" fond gris */
1213button,
1214input[type=button],
1215input.button,
1216input[type=reset],
1217input[type=submit].reset,
1218input.reset,
1219input[type=submit].delete,
1220input.delete,
1221a.button,
1222a.button.delete,
1223a.button.reset {
1224  color: #000;
1225  background-color: #eaeaea;
1226  background-image: linear-gradient(to bottom, #f9f9f9, #eaeaea);
1227  background-repeat: repeat-x;
1228  border-color: #86888c; }
1229
1230button:hover,
1231input[type=button]:hover,
1232input.button:hover,
1233button:focus,
1234input[type=button]:focus,
1235input.button:focus,
1236input[type=reset]:hover,
1237input[type=submit].reset:hover,
1238input.reset:hover,
1239input[type=reset]:focus,
1240input[type=submit].reset:focus,
1241input.reset:focus,
1242input[type=submit].delete:hover,
1243input.delete:hover,
1244input[type=submit].delete:focus,
1245input.delete:focus,
1246a.button.delete:hover,
1247a.button.reset:hover,
1248a.button:hover,
1249a.button.delete:focus,
1250a.button.reset:focus,
1251a.button:focus {
1252  background-color: #dadada;
1253  background-image: linear-gradient(to bottom, #eaeaea, #dadada);
1254  background-repeat: repeat-x;
1255  border-color: #86888c; }
1256
1257/* suppression */
1258input[type=submit].delete,
1259input.delete,
1260button[type=submit].delete,
1261button.delete,
1262a.button.delete {
1263  color: #ae323b; }
1264
1265input[type=submit].delete:hover,
1266input.delete:hover,
1267button[type=submit].delete:hover,
1268button.delete:hover,
1269a.button.delete:hover,
1270input[type=submit].delete:focus,
1271input.delete:focus,
1272button[type=submit].delete:focus,
1273button.delete:focus,
1274a.button.delete:focus {
1275  color: #fff;
1276  background-color: #b33630;
1277  background-image: linear-gradient(to bottom, #dc5f59, #b33630);
1278  background-repeat: repeat-x;
1279  border-color: #dc5f59; }
1280
1281#info-box a.button,
1282#info-box button {
1283  padding: 0 .5em;
1284  margin-left: 2em; }
1285
1286.button.add,
1287button.add {
1288  color: #000;
1289  background-color: #bee74b;
1290  background-image: linear-gradient(to bottom, #bee74b, #9bca1c);
1291  border-color: #bee74b;
1292  padding: .33em 1.33em .5em; }
1293
1294.button.add:hover,
1295.button.add:active,
1296.button.add:focus,
1297button.add:hover,
1298button.add:active,
1299button.add:focus {
1300  background-color: #9bca1c;
1301  background-image: linear-gradient(to bottom, #9bca1c, #bee74b);
1302  border-color: #9bca1c; }
1303
1304.button-add:focus {
1305  outline: dotted 1px; }
1306
1307/* paragraphe pour bouton Nouveau bidule */
1308p.top-add {
1309  text-align: right;
1310  margin: 0; }
1311
1312/* disabled */
1313input.disabled,
1314input[type=submit].disabled,
1315button.disabled,
1316button[type=submit].disabled {
1317  color: #676e78;
1318  background: #f3f4f5;
1319  border: 1px solid #86888c; }
1320
1321input.disabled:hover,
1322input[type=submit].disabled:hover,
1323button.disabled:hover,
1324button[type=submit].disabled:hover {
1325  color: #676e78;
1326  background: #ecedee;
1327  border: 1px solid #86888c; }
1328
1329/* Boutons javascript (dépliage/repliage, …) */
1330.void-btn {
1331  border: none;
1332  border-radius: 0;
1333  padding: 0; }
1334
1335input.details-cmd {
1336  font-size: 0.9em;
1337  border: none;
1338  border-radius: 0;
1339  padding: 0;
1340  margin: 0 5px 0 0;
1341  color: currentColor;
1342  background: transparent; }
1343  input.details-cmd:hover, input.details-cmd:focus {
1344    background: transparent;
1345    color: #bee74b; }
1346
1347/* specific buttons */
1348.checkbox-helper,
1349#gototop,
1350.metaGetList,
1351.metaGetMore,
1352a.checkbox-helper,
1353a#gototop,
1354a.metaGetList,
1355a.metaGetMore {
1356  font-size: 0.825em;
1357  color: #323334;
1358  background: #fff;
1359  box-shadow: none;
1360  border: 1px solid #676e78;
1361  margin-bottom: .25em;
1362  text-align: center; }
1363  .checkbox-helper:hover,
1364  #gototop:hover,
1365  .metaGetList:hover,
1366  .metaGetMore:hover,
1367  a.checkbox-helper:hover,
1368  a#gototop:hover,
1369  a.metaGetList:hover,
1370  a.metaGetMore:hover {
1371    background: #a2cbe9;
1372    box-shadow: none;
1373    border: 1px solid #676e78; }
1374
1375#gototop {
1376  display: none;
1377  z-index: 1000;
1378  position: fixed;
1379  bottom: 0;
1380  right: .5em;
1381  width: 10em;
1382  padding: .25em;
1383  border-radius: .25em; }
1384  #gototop a,
1385  #gototop a:link,
1386  #gototop a:hover,
1387  #gototop a:active {
1388    color: #323334;
1389    background: transparent;
1390    border: none; }
1391
1392.metaRemove,
1393.addMeta button:not(.metaGetMore),
1394.addMeta a:not(.metaGetMore) {
1395  border: none;
1396  border-radius: 0;
1397  padding: 0;
1398  color: #fff;
1399  background: transparent; }
1400
1401.addMeta button:not(.metaGetMore),
1402.addMeta a:not(.metaGetMore) {
1403  box-shadow: initial;
1404  margin-bottom: 2px; }
1405  .addMeta button:not(.metaGetMore):hover, .addMeta button:not(.metaGetMore):focus,
1406  .addMeta a:not(.metaGetMore):hover,
1407  .addMeta a:not(.metaGetMore):focus {
1408    color: #000;
1409    background: #abd0eb; }
1410
1411.warn,
1412.warning,
1413.info {
1414  font-style: normal;
1415  padding: .2em .66em .2em;
1416  text-indent: 24px;
1417  display: inline-block;
1418  line-height: 1.5em;
1419  border-radius: 3px; }
1420
1421.info {
1422  color: #323334;
1423  background: #d9edf7 url(msg-info.png) no-repeat 0.3em 0.3em;
1424  border: 1px solid #bce8f1; }
1425
1426.warn,
1427.warning {
1428  color: #323334;
1429  background: #fefacd url(msg-warning.png) no-repeat 0.3em 0.3em;
1430  border: 1px solid #ffd478; }
1431
1432div.warn,
1433div.warning,
1434div.info {
1435  display: block;
1436  padding: 1em 1em .33em 1em;
1437  margin-bottom: 1em; }
1438
1439span.warn,
1440span.warning,
1441span.info {
1442  padding-top: 1px;
1443  padding-bottom: 1px;
1444  background-position: .3em .2em; }
1445
1446.error,
1447.message,
1448.static-msg,
1449.success,
1450.warning-msg {
1451  padding: 1em 0.5em 0.5em 48px;
1452  margin-bottom: 1em;
1453  border-radius: 8px;
1454  box-shadow: 1px 1px 2px rgba(50, 51, 52, 0.1); }
1455
1456p.error,
1457p.message,
1458p.static-msg,
1459p.success,
1460p.warning-msg {
1461  padding-top: 1em;
1462  padding-bottom: 1em;
1463  margin-top: .5em; }
1464
1465.error {
1466  background: #ffbaba url(msg-error.png) no-repeat 0.7em 0.7em;
1467  color: #000;
1468  animation-name: kf-error;
1469  animation-duration: .5s; }
1470
1471@keyframes kf-error {
1472  0% {
1473    background-color: #fefacd; }
1474  100% {
1475    background-color: #ffbaba; } }
1476.message,
1477.static-msg {
1478  color: #fff;
1479  background: #676e78 url(msg-std.png) no-repeat 0.7em 0.7em; }
1480
1481.message {
1482  animation-name: kf-message;
1483  animation-duration: .5s; }
1484
1485@keyframes kf-message {
1486  0% {
1487    background-color: #cbced1; }
1488  100% {
1489    background-color: #676e78; } }
1490.message a,
1491.static-msg a,
1492.message h3,
1493.static-msg h3 {
1494  color: #fff; }
1495
1496.success {
1497  color: #000; }
1498
1499.success {
1500  background: #bee74b url(msg-success.png) no-repeat 0.7em 0.7em;
1501  animation-name: kf-success;
1502  animation-duration: .5s; }
1503
1504@keyframes kf-success {
1505  0% {
1506    background-color: #9bca1c; }
1507  100% {
1508    background-color: #bee74b; } }
1509.warning-msg {
1510  color: #323334;
1511  background: #ffd478 url(msg-warning.png) no-repeat 0.7em 0.7em;
1512  border: 1px solid #ffd478;
1513  animation-name: kf-warning;
1514  animation-duration: .5s; }
1515
1516@keyframes kf-warning {
1517  0% {
1518    background-color: #fefacd; }
1519  100% {
1520    background-color: #ffd478; } }
1521.success a,
1522.warning-msg a,
1523.info a {
1524  color: #323334; }
1525
1526.close-notice-parent {
1527  display: flex;
1528  justify-content: space-between; }
1529  .close-notice-parent ul, .close-notice-parent p + p {
1530    flex: 1; }
1531  .close-notice-parent p + p {
1532    padding-left: .25em; }
1533
1534.close-notice {
1535  background: none;
1536  border: none;
1537  border-radius: 0;
1538  box-shadow: none;
1539  padding-left: 1em; }
1540  .close-notice:hover, .close-notice:focus {
1541    background: none; }
1542
1543.dc-update {
1544  padding: 1em 48px 0.5em 48px;
1545  margin-bottom: 1em;
1546  border-radius: 8px;
1547  color: #000;
1548  background: #a2cbe9 url(msg-success.png) no-repeat 0.7em 0.7em;
1549  box-shadow: 1px 1px 2px rgba(50, 51, 52, 0.1); }
1550  .dc-update h3 {
1551    margin-top: 0;
1552    color: #000; }
1553  .dc-update p {
1554    display: inline-block;
1555    vertical-align: middle; }
1556  .dc-update a {
1557    color: #000;
1558    margin-right: 1em; }
1559    .dc-update a.button {
1560      padding: .5em 1em; }
1561
1562.updt-info a {
1563  margin-left: 2em;
1564  border-color: #000;
1565  font-weight: bold; }
1566
1567body.ajax-loader #header {
1568  border-bottom-color: #92b7d2;
1569  transition: border-bottom-color .3s ease; }
1570body.ajax-loader #collapser {
1571  background-color: #92b7d2;
1572  transition: background-color .3s ease; }
1573
1574/** --------------------------------------------------
1575    Components
1576--------------------------------------------------- */
1577/* prelude */
1578#prelude {
1579  line-height: 1.5;
1580  margin: 0;
1581  padding: 0;
1582  overflow: hidden;
1583  position: absolute;
1584  top: 3em;
1585  left: 0;
1586  background: #a2cbe9;
1587  width: 100%;
1588  z-index: 100; }
1589  #prelude li {
1590    list-style-type: none;
1591    margin: 0;
1592    background: transparent;
1593    display: inline; }
1594    #prelude li a {
1595      padding: 3px 16px 3px 8px;
1596      color: #323334;
1597      background: #a2cbe9;
1598      text-decoration: underline; }
1599      #prelude li a:hover, #prelude li a:focus {
1600        background: #fff; }
1601
1602/* si le prélude est affiché on repousse les trucs dessous */
1603#wrapper.with-prelude {
1604  padding-top: 1em; }
1605
1606#help-button.with-prelude,
1607#collapser.with-prelude {
1608  top: 1em; }
1609
1610/* header global h1, form#top-info-blog, ul#top-info-user */
1611#header a {
1612  color: #dcdee0; }
1613#header img {
1614  vertical-align: middle;
1615  padding-left: .5em; }
1616
1617/* h1 */
1618h1 {
1619  text-indent: 100%;
1620  width: 16.5em; }
1621  h1 a {
1622    position: absolute;
1623    top: 0;
1624    left: 0;
1625    width: 150px;
1626    height: 36px;
1627    color: #dcdee0;
1628    background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
1629    transition: none; }
1630    h1 a:hover, h1 a:focus {
1631      background-position: 0 -94px;
1632      background-color: transparent;
1633      transition: none; }
1634    h1 a:link {
1635      transition-timing-function: ease-in-out; }
1636
1637/* top-info-blog */
1638#top-info-blog select {
1639  max-width: 20em; }
1640#top-info-blog a {
1641  margin-left: 1.5em; }
1642#top-info-blog input[type=submit] {
1643  background: #25a6e1;
1644  border-color: #86888c;
1645  margin-left: .33em; }
1646#top-info-blog input[type=submit]:hover {
1647  color: #fff;
1648  background: #188bc0; }
1649#top-info-blog p {
1650  display: inline-block;
1651  margin: 0; }
1652
1653/* top-info-user */
1654#top-info-user {
1655  padding-right: .5em;
1656  list-style-type: none;
1657  text-align: right; }
1658  #top-info-user li {
1659    display: inline-block;
1660    margin-left: .5em;
1661    padding-left: .5em;
1662    border-left: 1px solid #86888c; }
1663    #top-info-user li:first-child {
1664      border-left: none; }
1665  #top-info-user a.active {
1666    border-width: 0;
1667    border-radius: 4px;
1668    margin: 0;
1669    padding: 2px 8px 3px;
1670    color: #fff;
1671    background-color: #86888c;
1672    font-weight: bold; }
1673
1674/* ------------------------------------------------------------------------------------
1675                                                                           UN POIL DE MEDIA QUERIES
1676------------------------------------------------------------------------------------ */
1677@media screen and (max-width: 26.5em) {
1678  h1,
1679  h1 a {
1680    padding: 0; } }
1681@media screen and (max-width: 38em) {
1682  h1 a:link {
1683    background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; }
1684
1685  h1 a:hover,
1686  h1 a:focus {
1687    background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; } }
1688#main-menu div:last-child {
1689  border-bottom: none; }
1690#main-menu h3 {
1691  margin: 0;
1692  padding: 10px 0 10px 8px;
1693  color: #c9cbcf;
1694  font-size: 1.15em; }
1695#main-menu a {
1696  color: #dcdee0;
1697  border-bottom-color: #cbced1; }
1698#main-menu ul {
1699  margin: 0 0 1.5em 0;
1700  padding: 0;
1701  list-style: none; }
1702  #main-menu ul li {
1703    display: block;
1704    margin: 0.5em 0 0;
1705    padding: 4px 0 1px 32px;
1706    background-repeat: no-repeat;
1707    background-position: 8px .3em; }
1708    #main-menu ul li:first-child {
1709      margin-top: 0; }
1710#main-menu .active {
1711  background-color: #86888c;
1712  font-weight: bold; }
1713  #main-menu .active a {
1714    border-bottom: none;
1715    color: #fff; }
1716
1717#favorites-menu,
1718#blog-menu,
1719#system-menu,
1720#plugins-menu {
1721  border-bottom: 1px dashed #a2cbe9; }
1722
1723#favorites-menu h3 {
1724  font-variant: small-caps;
1725  padding-top: .2em; }
1726
1727#search-menu {
1728  padding: 4px 0 0 4px;
1729  font-size: .91em; }
1730  #search-menu p {
1731    width: 95%;
1732    margin: 0 0 .5em 0; }
1733  #search-menu input[type="submit"] {
1734    float: right; }
1735
1736#qx {
1737  width: 75%;
1738  background: transparent url(search.svg) no-repeat 0 center;
1739  text-indent: 20px; }
1740
1741.part-tabs ul {
1742  padding: .5em 0 0 1em;
1743  border-bottom: 1px solid #ecedee;
1744  line-height: 1.8; }
1745.part-tabs li {
1746  list-style: none;
1747  margin: 0;
1748  display: inline; }
1749  .part-tabs li:first-child a {
1750    border-top-left-radius: 3px; }
1751  .part-tabs li:last-child a {
1752    border-top-right-radius: 3px; }
1753  .part-tabs li a {
1754    padding: .33em 1.5em;
1755    margin-right: -1px;
1756    border: 1px solid #ecedee;
1757    border-bottom: none;
1758    text-decoration: none;
1759    color: #323334;
1760    background-color: #c9cbcf;
1761    display: inline-block; }
1762    .part-tabs li a:hover, .part-tabs li a:focus {
1763      color: #323334;
1764      background: #86888c;
1765      border-bottom-color: #86888c; }
1766    .part-tabs li a:link {
1767      transition: unset; }
1768  .part-tabs li.part-tabs-active a {
1769    color: #fff;
1770    background: #86888c;
1771    font-weight: bold;
1772    border-bottom-color: #86888c; }
1773
1774.multi-part {
1775  padding-left: 1em; }
1776
1777.pseudo-tabs {
1778  margin: -.75em 0 2em 0;
1779  border-bottom: 1px solid #ecedee;
1780  display: table;
1781  width: 100%;
1782  padding: 0;
1783  line-height: 24px;
1784  border-collapse: collapse; }
1785  .pseudo-tabs li {
1786    display: table-cell;
1787    border-width: 0 1px;
1788    border-style: solid;
1789    border-color: #ecedee;
1790    padding: 0;
1791    margin: 0;
1792    text-align: center; }
1793  .pseudo-tabs a {
1794    display: block;
1795    font-weight: bold;
1796    padding: 0 24px;
1797    border-bottom: none; }
1798    .pseudo-tabs a:hover, .pseudo-tabs a:focus {
1799      background-color: #c9cbcf;
1800      color: #323334; }
1801    .pseudo-tabs a.active {
1802      background-color: #86888c;
1803      color: #fff; }
1804
1805/* contextual help */
1806#help {
1807  margin-top: 4em;
1808  background: #323334;
1809  z-index: 100;
1810  clear: both;
1811  padding: 0 1em; }
1812  #content.with-help #help {
1813    display: block;
1814    position: absolute;
1815    top: 0;
1816    right: 0;
1817    width: 32rem;
1818    border-left: 2px solid #ffd478;
1819    border-top: 2px solid #ffd478;
1820    margin-top: 0;
1821    padding: .5em 0 0 0;
1822    overflow: auto; }
1823
1824#help-button {
1825  background: transparent url(help-mini.png) no-repeat 6px center;
1826  position: absolute;
1827  top: 0;
1828  right: 0;
1829  padding: 0 1.5em 0 30px;
1830  cursor: pointer;
1831  color: #76c2f1;
1832  line-height: 3; }
1833  #help-button.floatable {
1834    border-top: 2px solid #676e78;
1835    border-left: 2px solid #676e78;
1836    border-bottom: 2px solid #676e78;
1837    border-bottom-left-radius: 1em;
1838    border-top-left-radius: 1em;
1839    background-color: #323334;
1840    position: fixed;
1841    top: 10px;
1842    -webkit-transform: translateZ(0); }
1843  .no-js #help-button {
1844    top: 1em; }
1845  #help-button span {
1846    padding: .5em 0 .1em 0; }
1847  #content.with-help #help-button {
1848    right: 32rem;
1849    background-color: #323334;
1850    position: fixed;
1851    top: 6em;
1852    z-index: 100;
1853    border-top: 2px solid #ffd478;
1854    border-left: 2px solid #ffd478;
1855    border-bottom: 2px solid #ffd478;
1856    border-bottom-left-radius: 1em;
1857    border-top-left-radius: 1em; }
1858
1859.help-box {
1860  display: none; }
1861  .help-box ul {
1862    padding-left: 20px;
1863    margin-left: 0; }
1864
1865#content.with-help .help-content {
1866  padding: 0 1em 1em; }
1867.help-content dt {
1868  font-weight: bold;
1869  color: #a2cbe9;
1870  margin: 0; }
1871.help-content dd {
1872  margin: 0.3em 0 1.5em 0; }
1873
1874/* lien d'aide générale dans le help content */
1875#helplink p {
1876  padding: 0 0 0 .5em; }
1877
1878#footer p {
1879  margin: 0;
1880  padding: 0 1em;
1881  font-size: 1em; }
1882#footer a:hover span.tooltip {
1883  padding: 10px;
1884  color: #910ed3;
1885  height: auto;
1886  width: auto;
1887  left: 0;
1888  bottom: 0;
1889  background: #f3f4f5;
1890  z-index: 99;
1891  font-family: monospace;
1892  text-align: left;
1893  border-top: 1px solid #910ed3;
1894  border-right: 1px solid #910ed3;
1895  border-radius: 0 2em 0 0; }
1896
1897span.credit {
1898  font-size: 1em;
1899  font-weight: normal; }
1900
1901span.tooltip {
1902  position: absolute;
1903  padding: 0;
1904  border: 0;
1905  height: 1px;
1906  width: 1px;
1907  overflow: hidden; }
1908
1909/** --------------------------------------------------
1910    Tables and Filters
1911--------------------------------------------------- */
1912table .maximal {
1913  overflow: hidden;
1914  text-overflow: ellipsis;
1915  max-width: 1px; }
1916table .maximal, table.maximal {
1917  width: 100%; }
1918table .minimal {
1919  width: 1px; }
1920table .nowrap {
1921  white-space: nowrap;
1922  vertical-align: top; }
1923table .count {
1924  text-align: right;
1925  padding-right: 1.5em; }
1926
1927th.first input {
1928  padding-right: 34px; }
1929
1930th img,
1931tr.line img {
1932  vertical-align: middle; }
1933  th img.expand,
1934  tr.line img.expand {
1935    margin-right: 6px;
1936    margin-bottom: -2px; }
1937
1938tr.line p {
1939  margin: 0; }
1940tr.line input,
1941tr.line select {
1942  vertical-align: middle;
1943  box-shadow: none; }
1944tr.line select {
1945  width: 6em; }
1946tr.line input[type=text] {
1947  background: #c9cbcf; }
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/* ---------------------------------------------------------------- utilisables partout  */
3093.legible {
3094  font-size: 1.16em;
3095  max-width: 62em; }
3096
3097.fieldset {
3098  background: #272b30;
3099  border: 1px solid #cbced1;
3100  border-radius: 3px;
3101  padding: 1em .7em .5em;
3102  margin-bottom: 1em; }
3103  .fieldset h3 {
3104    margin-top: 0; }
3105  .fieldset:focus-within {
3106    background-color: #363a3e; }
3107
3108.right,
3109.txt-right {
3110  text-align: right; }
3111
3112.txt-center {
3113  text-align: center; }
3114
3115.txt-left {
3116  text-align: left; }
3117
3118.no-margin,
3119label.no-margin {
3120  margin-top: 0;
3121  margin-bottom: 0; }
3122
3123.vertical-separator {
3124  margin-top: 2em; }
3125
3126p.clear.vertical-separator {
3127  padding-top: 2em; }
3128
3129.border-top {
3130  border-top: 1px solid #86888c;
3131  padding-top: 1em;
3132  margin-top: 1em; }
3133
3134.grid {
3135  background: transparent repeat url("grid.png") 0 0; }
3136
3137ul.nice {
3138  margin: 1em 0;
3139  padding: 0 0 0 2em;
3140  list-style: square; }
3141  ul.nice li {
3142    margin: 0;
3143    padding: 0; }
3144
3145ul.from-left {
3146  list-style-type: none;
3147  padding-left: 0;
3148  margin: 1em 0; }
3149  ul.from-left > li {
3150    margin-top: 1em;
3151    margin-bottom: 1em; }
3152  ul.from-left ul {
3153    list-style-type: square; }
3154
3155.offline {
3156  color: #86888c; }
3157
3158/* caché pour tout le monde */
3159.hide,
3160.button.hide {
3161  display: none !important; }
3162
3163/* Caché sauf pour les revues d'écran */
3164.hidden,
3165.with-js .out-of-screen-if-js {
3166  position: absolute !important;
3167  clip: rect(1px 1px 1px 1px);
3168  /* IE6, IE7 */
3169  clip: rect(1px, 1px, 1px, 1px);
3170  padding: 0 !important;
3171  border: 0 !important;
3172  height: 1px !important;
3173  width: 1px !important;
3174  overflow: hidden; }
3175
3176/* caché si js est inactif */
3177.no-js .hidden-if-no-js {
3178  display: none; }
3179
3180/* caché si js est actif */
3181.with-js .hidden-if-js {
3182  display: none; }
3183
3184/* ---------------------------------------------- Couleurs ajoutées via javascript
3185/* color-picker.js */
3186.color-color-picker {
3187  border: 1px solid #000;
3188  width: 195px;
3189  background: #fff; }
3190
3191/* _media_item.js */
3192.color-div {
3193  border: 1px solid #c9cbcf; }
3194
3195/* ------------------------------------------------------------------------------------
3196                                                                           UN POIL DE MEDIA QUERIES
3197------------------------------------------------------------------------------------ */
3198@media screen and (max-width: 80em) {
3199  #header,
3200  h1 {
3201    background: #595b5d; }
3202
3203  #top-info-user {
3204    background: #272b30; }
3205    #top-info-user a.active {
3206      color: #fff;
3207      background: #86888c; }
3208
3209  #wrapper {
3210    background: #272b30; } }
3211@media screen and (max-width: 44em) {
3212  #help-button {
3213    background-color: #9ac123;
3214    padding: 0;
3215    font-size: .83em;
3216    line-height: 68px; } }
3217@media screen and (max-width: 38em) {
3218  h1 a:link {
3219    border-right: 1px solid #ecedee; }
3220  h1 a:hover, h1 a:focus {
3221    border-right: 1px solid #ecedee; }
3222
3223  #dashboard-main {
3224    padding: 0; }
3225
3226  #content,
3227  .hide-mm #content {
3228    padding: 0 .5em !important; }
3229
3230  #main #content > h2 {
3231    padding: 6px 30px 4px .5em; }
3232
3233  .cell,
3234  #filters-form .cell {
3235    border: none;
3236    padding: 1em; }
3237
3238  .pseudo-tabs li {
3239    border-top: 1px solid #ecedee;
3240    padding: .25em; }
3241    .pseudo-tabs li:first-child, .pseudo-tabs li:nth-of-type(2) {
3242      border-top: none; } }
3243@media screen and (max-width: 26.5em) {
3244  h1,
3245  h1 a {
3246    border-right: #323334 !important; }
3247
3248  #content.with-help #help {
3249    font-size: 1.2rem; }
3250
3251  p.top-add {
3252    text-align: center; }
3253
3254  .multi-part {
3255    padding-left: 0; }
3256
3257  .part-tabs ul {
3258    padding: 0 .5em; }
3259
3260  #icons p {
3261    padding: 1em .25em; }
3262
3263  .box.current-theme {
3264    padding: 10px; }
3265
3266  th,
3267  td {
3268    padding: 0.3em 1em 0.3em 0; }
3269
3270  .pseudo-tabs li {
3271    border-top: 1px solid #ecedee !important; }
3272
3273  .pseudo-tabs li:first-child {
3274    border-top: none; } }
3275/** --------------------------------------------------
3276     Plugins
3277--------------------------------------------------- */
3278/* dcLegacyEditor */
3279/* WYSIWYG Document */
3280body.wysiwygDoc {
3281  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
3282
3283.wysiwygDoc pre, .wysiwygDoc code, .wysiwygDoc kbd, .wysiwygDoc samp {
3284  font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; }
3285
3286/* dcCKEditor */
3287.cke textarea.cke_source {
3288  font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace;
3289  font-size: 100%; }
3290
3291/** --------------------------------------------------
3292     3rd parties
3293--------------------------------------------------- */
3294/* Magnific Popup CSS */
3295.mfp-bg {
3296  top: 0;
3297  left: 0;
3298  width: 100%;
3299  height: 100%;
3300  z-index: 1042;
3301  overflow: hidden;
3302  position: fixed;
3303  background: #0b0b0b;
3304  opacity: 0.8; }
3305
3306.mfp-wrap {
3307  top: 0;
3308  left: 0;
3309  width: 100%;
3310  height: 100%;
3311  z-index: 1043;
3312  position: fixed;
3313  outline: none !important;
3314  -webkit-backface-visibility: hidden; }
3315
3316.mfp-container {
3317  text-align: center;
3318  position: absolute;
3319  width: 100%;
3320  height: 100%;
3321  left: 0;
3322  top: 0;
3323  padding: 0 8px;
3324  box-sizing: border-box; }
3325
3326.mfp-container:before {
3327  content: '';
3328  display: inline-block;
3329  height: 100%;
3330  vertical-align: middle; }
3331
3332.mfp-align-top .mfp-container:before {
3333  display: none; }
3334
3335.mfp-content {
3336  position: relative;
3337  display: inline-block;
3338  vertical-align: middle;
3339  margin: 0 auto;
3340  text-align: left;
3341  z-index: 1045; }
3342
3343.mfp-inline-holder .mfp-content,
3344.mfp-ajax-holder .mfp-content {
3345  width: 100%;
3346  cursor: auto; }
3347
3348.mfp-ajax-cur {
3349  cursor: progress; }
3350
3351.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
3352  cursor: -moz-zoom-out;
3353  cursor: -webkit-zoom-out;
3354  cursor: zoom-out; }
3355
3356.mfp-zoom {
3357  cursor: pointer;
3358  cursor: -webkit-zoom-in;
3359  cursor: -moz-zoom-in;
3360  cursor: zoom-in; }
3361
3362.mfp-auto-cursor .mfp-content {
3363  cursor: auto; }
3364
3365.mfp-close,
3366.mfp-arrow,
3367.mfp-preloader,
3368.mfp-counter {
3369  -webkit-user-select: none;
3370  -moz-user-select: none;
3371  user-select: none; }
3372
3373.mfp-loading.mfp-figure {
3374  display: none; }
3375
3376.mfp-hide {
3377  display: none !important; }
3378
3379.mfp-preloader {
3380  color: #CCC;
3381  position: absolute;
3382  top: 50%;
3383  width: auto;
3384  text-align: center;
3385  margin-top: -0.8em;
3386  left: 8px;
3387  right: 8px;
3388  z-index: 1044; }
3389  .mfp-preloader a {
3390    color: #CCC; }
3391    .mfp-preloader a:hover {
3392      color: #FFF; }
3393
3394.mfp-s-ready .mfp-preloader {
3395  display: none; }
3396
3397.mfp-s-error .mfp-content {
3398  display: none; }
3399
3400button.mfp-close, button.mfp-arrow {
3401  overflow: visible;
3402  cursor: pointer;
3403  background: transparent;
3404  border: 0;
3405  -webkit-appearance: none;
3406  display: block;
3407  outline: none;
3408  padding: 0;
3409  z-index: 1046;
3410  box-shadow: none;
3411  touch-action: manipulation; }
3412button::-moz-focus-inner {
3413  padding: 0;
3414  border: 0; }
3415
3416.mfp-close {
3417  width: 44px;
3418  height: 44px;
3419  line-height: 44px;
3420  position: absolute;
3421  right: 0;
3422  top: 0;
3423  text-decoration: none;
3424  text-align: center;
3425  opacity: 0.65;
3426  padding: 0 0 18px 10px;
3427  color: #FFF;
3428  font-style: normal;
3429  font-size: 28px;
3430  font-family: Arial, Baskerville, monospace; }
3431  .mfp-close:hover, .mfp-close:focus {
3432    opacity: 1; }
3433  .mfp-close:active {
3434    top: 1px; }
3435
3436.mfp-close-btn-in .mfp-close {
3437  color: #333; }
3438
3439.mfp-image-holder .mfp-close,
3440.mfp-iframe-holder .mfp-close {
3441  color: #FFF;
3442  right: -6px;
3443  text-align: right;
3444  padding-right: 6px;
3445  width: 100%; }
3446
3447.mfp-counter {
3448  position: absolute;
3449  top: 0;
3450  right: 0;
3451  color: #CCC;
3452  font-size: 12px;
3453  line-height: 18px;
3454  white-space: nowrap; }
3455
3456.mfp-arrow {
3457  position: absolute;
3458  opacity: 0.65;
3459  margin: 0;
3460  top: 50%;
3461  margin-top: -55px;
3462  padding: 0;
3463  width: 90px;
3464  height: 110px;
3465  -webkit-tap-highlight-color: transparent; }
3466  .mfp-arrow:active {
3467    margin-top: -54px; }
3468  .mfp-arrow:hover, .mfp-arrow:focus {
3469    opacity: 1; }
3470  .mfp-arrow:before, .mfp-arrow:after {
3471    content: '';
3472    display: block;
3473    width: 0;
3474    height: 0;
3475    position: absolute;
3476    left: 0;
3477    top: 0;
3478    margin-top: 35px;
3479    margin-left: 35px;
3480    border: medium inset transparent; }
3481  .mfp-arrow:after {
3482    border-top-width: 13px;
3483    border-bottom-width: 13px;
3484    top: 8px; }
3485  .mfp-arrow:before {
3486    border-top-width: 21px;
3487    border-bottom-width: 21px;
3488    opacity: 0.7; }
3489
3490.mfp-arrow-left {
3491  left: 0; }
3492  .mfp-arrow-left:after {
3493    border-right: 17px solid #FFF;
3494    margin-left: 31px; }
3495  .mfp-arrow-left:before {
3496    margin-left: 25px;
3497    border-right: 27px solid #3F3F3F; }
3498
3499.mfp-arrow-right {
3500  right: 0; }
3501  .mfp-arrow-right:after {
3502    border-left: 17px solid #FFF;
3503    margin-left: 39px; }
3504  .mfp-arrow-right:before {
3505    border-left: 27px solid #3F3F3F; }
3506
3507.mfp-iframe-holder {
3508  padding-top: 40px;
3509  padding-bottom: 40px; }
3510  .mfp-iframe-holder .mfp-content {
3511    line-height: 0;
3512    width: 100%;
3513    max-width: 98%; }
3514  .mfp-iframe-holder .mfp-close {
3515    top: -40px; }
3516
3517.mfp-iframe-scaler {
3518  width: 100%;
3519  height: 0;
3520  overflow: hidden;
3521  padding-top: 56.25%; }
3522  .mfp-iframe-scaler iframe {
3523    position: absolute;
3524    display: block;
3525    top: 0;
3526    left: 0;
3527    width: 100%;
3528    height: 100%;
3529    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
3530    background: #000; }
3531
3532/* Main image in popup */
3533img.mfp-img {
3534  width: auto;
3535  max-width: 100%;
3536  height: auto;
3537  display: block;
3538  line-height: 0;
3539  box-sizing: border-box;
3540  padding: 40px 0 40px;
3541  margin: 0 auto; }
3542
3543/* The shadow behind the image */
3544.mfp-figure {
3545  line-height: 0; }
3546  .mfp-figure:after {
3547    content: '';
3548    position: absolute;
3549    left: 0;
3550    top: 40px;
3551    bottom: 40px;
3552    display: block;
3553    right: 0;
3554    width: auto;
3555    height: auto;
3556    z-index: -1;
3557    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
3558    background: #444; }
3559  .mfp-figure small {
3560    color: #BDBDBD;
3561    display: block;
3562    font-size: 12px;
3563    line-height: 14px; }
3564  .mfp-figure figure {
3565    margin: 0; }
3566
3567.mfp-bottom-bar {
3568  margin-top: -36px;
3569  position: absolute;
3570  top: 100%;
3571  left: 0;
3572  width: 100%;
3573  cursor: auto; }
3574
3575.mfp-title {
3576  text-align: left;
3577  line-height: 18px;
3578  color: #F3F3F3;
3579  word-wrap: break-word;
3580  padding-right: 36px; }
3581
3582.mfp-image-holder .mfp-content {
3583  max-width: 100%; }
3584
3585.mfp-gallery .mfp-image-holder .mfp-figure {
3586  cursor: pointer; }
3587
3588@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
3589  /**
3590   * Remove all paddings around the image on small screen
3591   */
3592  .mfp-img-mobile .mfp-image-holder {
3593    padding-left: 0;
3594    padding-right: 0; }
3595  .mfp-img-mobile img.mfp-img {
3596    padding: 0; }
3597  .mfp-img-mobile .mfp-figure:after {
3598    top: 0;
3599    bottom: 0; }
3600  .mfp-img-mobile .mfp-figure small {
3601    display: inline;
3602    margin-left: 5px; }
3603  .mfp-img-mobile .mfp-bottom-bar {
3604    background: rgba(0, 0, 0, 0.6);
3605    bottom: 0;
3606    margin: 0;
3607    top: auto;
3608    padding: 3px 5px;
3609    position: fixed;
3610    box-sizing: border-box; }
3611    .mfp-img-mobile .mfp-bottom-bar:empty {
3612      padding: 0; }
3613  .mfp-img-mobile .mfp-counter {
3614    right: 5px;
3615    top: 3px; }
3616  .mfp-img-mobile .mfp-close {
3617    top: 0;
3618    right: 0;
3619    width: 35px;
3620    height: 35px;
3621    line-height: 35px;
3622    background: rgba(0, 0, 0, 0.6);
3623    position: fixed;
3624    text-align: center;
3625    padding: 0; } }
3626@media all and (max-width: 900px) {
3627  .mfp-arrow {
3628    -webkit-transform: scale(0.75);
3629    transform: scale(0.75); }
3630
3631  .mfp-arrow-left {
3632    -webkit-transform-origin: 0;
3633    transform-origin: 0; }
3634
3635  .mfp-arrow-right {
3636    -webkit-transform-origin: 100%;
3637    transform-origin: 100%; }
3638
3639  .mfp-container {
3640    padding-left: 6px;
3641    padding-right: 6px; } }
3642/* CodeMirror CSS */
3643.CodeMirror {
3644  /* Set height, width, borders, and global font properties here */
3645  font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace !important; }
3646
3647/** --------------------------------------------------
3648    Debug
3649--------------------------------------------------- */
3650/* debug */
3651#debug {
3652  position: absolute;
3653  top: 0;
3654  width: 100%;
3655  height: 4px;
3656  background: #ffd478; }
3657  #debug div {
3658    display: none;
3659    padding: 3px 0.5em 2px; }
3660  #debug p {
3661    margin: 0.5em 0; }
3662  #debug:hover {
3663    height: auto;
3664    padding: 2px 1em;
3665    z-index: 100; }
3666    #debug:hover div {
3667      display: block; }
3668
3669.debug {
3670  background: #ffd478;
3671  padding: 3px 0.5em 2px; }
3672
3673input[type=submit].delete.debug,
3674a.delete.debug {
3675  border-color: #ffd478; }
3676  input[type=submit].delete.debug:hover,
3677  a.delete.debug:hover {
3678    background: #ffd478;
3679    color: #ae323b;
3680    border-color: #ffd478; }
Note: See TracBrowser for help on using the repository browser.

Sites map