Dotclear

source: admin/style/default-dark.css @ 3842:d2616cbea480

Revision 3842:d2616cbea480, 74.9 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map