Dotclear

source: admin/style/default.css @ 3778:5b062336a301

Revision 3778:5b062336a301, 74.7 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map