Dotclear

source: admin/style/default.css @ 3637:11396143671b

Revision 3637:11396143671b, 72.6 KB checked in by franck <carnet.franck.paul@…>, 8 years ago (diff)

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

Sites map