Dotclear

source: admin/style/default.css @ 3774:6d9581959be6

Revision 3774:6d9581959be6, 74.7 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

Cope with attachment icon in post/page list

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

Sites map