Dotclear

source: admin/style/default.css @ 3822:792d12537a01

Revision 3822:792d12537a01, 74.7 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map