Dotclear

source: admin/style/default.css @ 3767:24b9ef042f0a

Revision 3767:24b9ef042f0a, 73.7 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map