Dotclear

source: admin/style/default.css @ 3621:e1a3f3cf4930

Revision 3621:e1a3f3cf4930, 72.3 KB checked in by franck <carnet.franck.paul@…>, 8 years ago (diff)

Tiny touch of CSS4 for better a11y visual interaction ; might need more refinements.
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 {
1175  font-style: italic;
1176  font-weight: normal;
1177  color: #676e78; }
1178
1179p.form-note {
1180  margin-top: -.7em; }
1181
1182span.form-note {
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
1554/** --------------------------------------------------
1555    Components
1556--------------------------------------------------- */
1557/* prelude */
1558#prelude {
1559  line-height: 1.5;
1560  margin: 0;
1561  padding: 0;
1562  overflow: hidden;
1563  position: absolute;
1564  top: 3em;
1565  left: 0;
1566  background: #a2cbe9;
1567  width: 100%;
1568  z-index: 100; }
1569  #prelude li {
1570    list-style-type: none;
1571    margin: 0;
1572    background: transparent;
1573    display: inline; }
1574    #prelude li a {
1575      padding: 3px 16px 3px 8px;
1576      background: #a2cbe9;
1577      color: #000;
1578      text-decoration: underline; }
1579      #prelude li a:hover, #prelude li a:focus {
1580        background: #fff; }
1581
1582/* si le prélude est affiché on repousse les trucs dessous */
1583#wrapper.with-prelude {
1584  padding-top: 1em; }
1585
1586#help-button.with-prelude,
1587#collapser.with-prelude {
1588  top: 1em; }
1589
1590/* header global h1, form#top-info-blog, ul#top-info-user */
1591#header a {
1592  color: #fff; }
1593#header img {
1594  vertical-align: middle;
1595  padding-left: .5em; }
1596
1597/* h1 */
1598h1 {
1599  text-indent: 100%;
1600  width: 16.5em; }
1601  h1 a {
1602    position: absolute;
1603    top: 0;
1604    left: 0;
1605    width: 150px;
1606    height: 36px;
1607    color: #fff;
1608    background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
1609    transition: none; }
1610    h1 a:hover, h1 a:focus {
1611      background-position: 0 -94px;
1612      background-color: transparent;
1613      transition: none; }
1614    h1 a:link {
1615      transition-timing-function: ease-in-out; }
1616
1617/* top-info-blog */
1618#top-info-blog select {
1619  max-width: 20em; }
1620#top-info-blog a {
1621  margin-left: 1.5em; }
1622#top-info-blog input[type=submit] {
1623  background: #000;
1624  border-color: #868686;
1625  margin-left: .33em; }
1626#top-info-blog input[type=submit]:hover {
1627  background: #868686; }
1628#top-info-blog p {
1629  display: inline-block;
1630  margin: 0; }
1631
1632/* top-info-user */
1633#top-info-user {
1634  padding-right: .5em;
1635  list-style-type: none;
1636  text-align: right; }
1637  #top-info-user li {
1638    display: inline-block;
1639    margin-left: .5em;
1640    padding-left: .5em;
1641    border-left: 1px solid #868686; }
1642    #top-info-user li:first-child {
1643      border-left: none; }
1644  #top-info-user a.active {
1645    border-width: 0;
1646    border-radius: 4px;
1647    margin: 0;
1648    padding: 2px 8px 3px;
1649    background-color: #f3f3f3;
1650    color: #d33800;
1651    font-weight: bold; }
1652
1653/* ------------------------------------------------------------------------------------
1654                                                                           UN POIL DE MEDIA QUERIES
1655------------------------------------------------------------------------------------ */
1656@media screen and (max-width: 26.5em) {
1657  h1,
1658  h1 a {
1659    padding: 0; } }
1660@media screen and (max-width: 38em) {
1661  h1 a:link {
1662    background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; }
1663
1664  h1 a:hover,
1665  h1 a:focus {
1666    background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; } }
1667#main-menu div:last-child {
1668  border-bottom: none; }
1669#main-menu h3 {
1670  margin: 0;
1671  padding: 10px 0 10px 8px;
1672  color: #676e78;
1673  font-size: 1.15em; }
1674#main-menu a {
1675  color: #333;
1676  border-bottom-color: #ccc; }
1677#main-menu ul {
1678  margin: 0 0 1.5em 0;
1679  padding: 0;
1680  list-style: none; }
1681  #main-menu ul li {
1682    display: block;
1683    margin: 0.5em 0 0;
1684    padding: 4px 0 1px 32px;
1685    background-repeat: no-repeat;
1686    background-position: 8px .3em; }
1687    #main-menu ul li:first-child {
1688      margin-top: 0; }
1689#main-menu .active {
1690  background-color: #fff;
1691  font-weight: bold; }
1692  #main-menu .active a {
1693    border-bottom: none;
1694    color: #d30e60; }
1695
1696#favorites-menu,
1697#blog-menu,
1698#system-menu,
1699#plugins-menu {
1700  border-bottom: 1px dashed #A2CBE9; }
1701
1702#favorites-menu h3 {
1703  color: #000;
1704  font-variant: small-caps;
1705  padding-top: .2em; }
1706#favorites-menu .active {
1707  background-color: transparent; }
1708  #favorites-menu .active a {
1709    color: #000; }
1710
1711#search-menu {
1712  padding: 4px 5px 0;
1713  font-size: 100%; }
1714  #search-menu * {
1715    height: 2em;
1716    display: inline-block;
1717    vertical-align: top;
1718    line-height: 24px; }
1719  #search-menu p {
1720    border: 1px solid #999;
1721    border-radius: .3em;
1722    position: relative;
1723    width: 95%;
1724    overflow: hidden; }
1725  #search-menu input[type="submit"] {
1726    padding: 0 .25em;
1727    margin-left: .33em;
1728    background: #dfdfdf;
1729    border-color: #999;
1730    color: #333;
1731    border-bottom-right-radius: .3em;
1732    border-top-right-radius: .3em;
1733    border-top-left-radius: 0;
1734    border-bottom-left-radius: 0;
1735    border: none;
1736    border-left: 1px solid #999;
1737    font-size: .91em;
1738    float: right; }
1739    #search-menu input[type="submit"]:hover, #search-menu input[type="submit"]:focus {
1740      background: #676e78;
1741      color: #fff; }
1742
1743#qx {
1744  width: 80%;
1745  border-bottom-left-radius: .3em;
1746  border-top-left-radius: .3em;
1747  background: transparent url(search.png) no-repeat 4px center;
1748  text-indent: 18px;
1749  padding: 0;
1750  border: none;
1751  height: 2em; }
1752  #qx:focus {
1753    border: 1px solid #bee74b; }
1754
1755.part-tabs ul {
1756  padding: .5em 0 0 1em;
1757  border-bottom: 1px solid #ccc;
1758  line-height: 1.8; }
1759.part-tabs li {
1760  list-style: none;
1761  margin: 0;
1762  display: inline; }
1763  .part-tabs li:first-child a {
1764    border-top-left-radius: 3px; }
1765  .part-tabs li:last-child a {
1766    border-top-right-radius: 3px; }
1767  .part-tabs li a {
1768    padding: .33em 1.5em;
1769    margin-right: -1px;
1770    border: 1px solid #ccc;
1771    border-bottom: none;
1772    text-decoration: none;
1773    color: #333;
1774    background-color: #ecf0f1;
1775    display: inline-block; }
1776    .part-tabs li a:hover, .part-tabs li a:focus {
1777      color: #000;
1778      background: #fff;
1779      border-bottom-color: #fff; }
1780  .part-tabs li.part-tabs-active a {
1781    background: #fff;
1782    font-weight: bold;
1783    border-bottom-color: #fff; }
1784
1785.multi-part {
1786  padding-left: 1em; }
1787
1788.pseudo-tabs {
1789  margin: -.75em 0 2em 0;
1790  border-bottom: 1px solid #bbb;
1791  display: table;
1792  width: 100%;
1793  padding: 0;
1794  line-height: 24px;
1795  border-collapse: collapse; }
1796  .pseudo-tabs li {
1797    display: table-cell;
1798    border-width: 0 1px;
1799    border-style: solid;
1800    border-color: #ccc;
1801    padding: 0;
1802    margin: 0;
1803    text-align: center; }
1804  .pseudo-tabs a {
1805    display: block;
1806    font-weight: bold;
1807    padding: 0 24px;
1808    border-bottom: none; }
1809    .pseudo-tabs a:hover, .pseudo-tabs a:focus {
1810      background-color: #ecf0f1;
1811      color: #333; }
1812    .pseudo-tabs a.active {
1813      background-color: #ecf0f1;
1814      color: #d30e60; }
1815
1816/* contextual help */
1817#help {
1818  margin-top: 4em;
1819  background: #f5f5f5;
1820  z-index: 100;
1821  clear: both;
1822  padding: 0 1em; }
1823  #content.with-help #help {
1824    display: block;
1825    position: absolute;
1826    top: 0;
1827    right: 0;
1828    width: 32rem;
1829    border-left: 2px solid #FFD478;
1830    border-top: 2px solid #FFD478;
1831    margin-top: 0;
1832    padding: .5em 0 0 0;
1833    overflow: auto; }
1834
1835#help-button {
1836  background: transparent url(help-mini.png) no-repeat 6px center;
1837  position: absolute;
1838  top: 0;
1839  right: 0;
1840  padding: 0 1.5em 0 30px;
1841  cursor: pointer;
1842  color: #2373A8;
1843  line-height: 3; }
1844  #help-button.floatable {
1845    border-top: 2px solid #ccc;
1846    border-left: 2px solid #ccc;
1847    border-bottom: 2px solid #ccc;
1848    border-bottom-left-radius: 1em;
1849    border-top-left-radius: 1em;
1850    background-color: #f5f5f5;
1851    position: fixed;
1852    top: 10px;
1853    -webkit-transform: translateZ(0); }
1854  .no-js #help-button {
1855    top: 1em; }
1856  #help-button span {
1857    padding: .5em 0 .1em 0; }
1858  #content.with-help #help-button {
1859    right: 32rem;
1860    background-color: #f5f5f5;
1861    position: fixed;
1862    top: 6em;
1863    z-index: 100;
1864    border-top: 2px solid #FFD478;
1865    border-left: 2px solid #FFD478;
1866    border-bottom: 2px solid #FFD478;
1867    border-bottom-left-radius: 1em;
1868    border-top-left-radius: 1em; }
1869
1870.help-box {
1871  display: none; }
1872  .help-box ul {
1873    padding-left: 20px;
1874    margin-left: 0; }
1875
1876#content.with-help .help-content {
1877  padding: 0 1em 1em; }
1878.help-content dt {
1879  font-weight: bold;
1880  color: #676e78;
1881  margin: 0; }
1882.help-content dd {
1883  margin: 0.3em 0 1.5em 0; }
1884
1885/* lien d'aide générale dans le help content */
1886#helplink p {
1887  padding: 0 0 0 .5em; }
1888
1889#footer p {
1890  margin: 0;
1891  padding: 0 1em;
1892  font-size: 1em; }
1893#footer a:hover span.tooltip {
1894  padding: 10px;
1895  color: #910ed3;
1896  height: auto;
1897  width: auto;
1898  left: 0;
1899  bottom: 0;
1900  background: rgba(255, 255, 255, 0.9);
1901  z-index: 99;
1902  font-family: monospace;
1903  text-align: left;
1904  border-top: 1px solid #910ed3;
1905  border-right: 1px solid #910ed3;
1906  border-radius: 0 2em 0 0; }
1907
1908span.credit {
1909  font-size: 1em;
1910  font-weight: normal; }
1911
1912span.tooltip {
1913  position: absolute;
1914  padding: 0;
1915  border: 0;
1916  height: 1px;
1917  width: 1px;
1918  overflow: hidden; }
1919
1920/** --------------------------------------------------
1921    Tables and Filters
1922--------------------------------------------------- */
1923table .maximal {
1924  overflow: hidden;
1925  text-overflow: ellipsis;
1926  max-width: 1px; }
1927table .maximal, table.maximal {
1928  width: 100%; }
1929table .minimal {
1930  width: 1px; }
1931table .nowrap {
1932  white-space: nowrap;
1933  vertical-align: top; }
1934table .count {
1935  text-align: right;
1936  padding-right: 1.5em; }
1937
1938th.first input {
1939  padding-right: 34px; }
1940
1941th img,
1942tr.line img {
1943  vertical-align: middle; }
1944  th img.expand,
1945  tr.line img.expand {
1946    margin-right: 6px;
1947    margin-bottom: -2px; }
1948
1949tr.line p {
1950  margin: 0; }
1951tr.line input,
1952tr.line select {
1953  vertical-align: middle;
1954  box-shadow: none; }
1955tr.line select {
1956  width: 6em; }
1957tr.line input[type=text] {
1958  background: #fff; }
1959tr.line:hover {
1960  background: #f3f3f3; }
1961tr.line:focus-within {
1962  background-color: #eee; }
1963
1964td.status {
1965  vertical-align: middle; }
1966  td.status a {
1967    border: none; }
1968
1969.noborder td,
1970td.noborder,
1971.noborder th,
1972th.noborder {
1973  border-width: 0 0 1px 0;
1974  border-color: #dfdfdf;
1975  line-height: 2em;
1976  padding-bottom: 0; }
1977
1978.noborder p {
1979  margin-bottom: 0; }
1980
1981table.posts-list {
1982  min-width: 50%; }
1983
1984table.settings,
1985table.prefs {
1986  margin-bottom: 3em; }
1987  table.settings th:first-child,
1988  table.prefs th:first-child {
1989    width: 20%; }
1990  table.settings th + th,
1991  table.prefs th + th {
1992    width: 30%; }
1993    table.settings th + th + th,
1994    table.prefs th + th + th {
1995      width: 10%; }
1996  table.settings th:last-child,
1997  table.prefs th:last-child {
1998    width: 40%; }
1999
2000/* js */
2001td.expand {
2002  padding: 1em; }
2003  td.expand td {
2004    border-bottom: none; }
2005
2006.handle {
2007  padding: 0; }
2008
2009.handler {
2010  cursor: move;
2011  background: transparent url(drag.png) no-repeat 0 50%;
2012  padding-left: 15px; }
2013
2014a.form-control {
2015  display: none;
2016  background: url(../images/expand.png) no-repeat 4px center;
2017  padding-left: 20px;
2018  color: #000; }
2019  a.form-control.open {
2020    background: url(../images/hide.png) no-repeat 4px center; }
2021
2022#filters-form {
2023  border: 1px solid #a2cbe9;
2024  border-radius: .3em;
2025  margin-bottom: 2em;
2026  padding: .5em 1em 0; }
2027  #filters-form .table {
2028    width: 100%;
2029    padding: 0;
2030    margin-bottom: 1em;
2031    margin-top: .5em; }
2032  #filters-form .cell {
2033    padding: 0 2em 0 0; }
2034  #filters-form .filters-sibling-cell {
2035    padding-top: 3.8em; }
2036  #filters-form .filters-options {
2037    padding-left: 2em;
2038    border-left: 1px solid #ccc; }
2039  #filters-form select {
2040    width: 14em;
2041    vertical-align: middle; }
2042  #filters-form h4 {
2043    margin-top: 0;
2044    margin-bottom: 2em; }
2045  #filters-form label.ib,
2046  #filters-form span.ib {
2047    width: 7em; }
2048  #filters-form label.ibw,
2049  #filters-form span.ibw {
2050    width: 9em;
2051    display: inline-block; }
2052  #filters-form:focus-within {
2053    background-color: #eee; }
2054
2055span.ib {
2056  width: 7em; }
2057
2058span.ibw {
2059  width: 9em;
2060  display: inline-block; }
2061
2062/** --------------------------------------------------
2063    Pages
2064--------------------------------------------------- */
2065#login-screen {
2066  display: block;
2067  width: 20em;
2068  margin: 1.5em auto 0;
2069  font-size: 1.16em; }
2070  #login-screen h1 {
2071    text-indent: -2000px;
2072    background: transparent url(dc_logos/w-dotclear240.png) no-repeat top left;
2073    height: 66px;
2074    width: 20em;
2075    margin-bottom: .5em;
2076    margin-left: 0; }
2077  #login-screen .fieldset {
2078    border: 1px solid #9bca1c;
2079    padding: 1em 1em 0 1em;
2080    background: #fff;
2081    margin-bottom: 0;
2082    margin-top: 1em; }
2083  #login-screen input[type=text],
2084  #login-screen input[type=password],
2085  #login-screen input[type=submit],
2086  #login-screen input[type=text]:focus,
2087  #login-screen input[type=password]:focus,
2088  #login-screen input[type=submit]:focus {
2089    width: 100%;
2090    margin: 0;
2091    padding: 5px 3px; }
2092  #login-screen input.login,
2093  #login-screen input.login:focus {
2094    padding-top: 6px;
2095    padding-bottom: 6px;
2096    font-size: 1em; }
2097  #login-screen #issue {
2098    margin-left: 1.33em;
2099    font-size: .91em; }
2100    #login-screen #issue p:first-child {
2101      text-align: right; }
2102    #login-screen #issue strong {
2103      font-weight: normal; }
2104
2105#dashboard-main {
2106  text-align: center; }
2107
2108/* raccourcis */
2109#icons {
2110  display: flex;
2111  flex-wrap: wrap;
2112  justify-content: center; }
2113  #icons p {
2114    width: 13em;
2115    text-align: center;
2116    margin: 1em 0 2em; }
2117  #icons a, #icons a:link, #icons a:visited, #icons a:hover, #icons a:focus {
2118    border-bottom-width: 0;
2119    text-decoration: none; }
2120  #icons a span {
2121    border-bottom: 1px dotted #999;
2122    color: #333; }
2123  #icons a img {
2124    padding: 1.5em;
2125    background-color: #f9f9f9;
2126    border-radius: 8px;
2127    border: 1px solid #dadada;
2128    display: inline-block; }
2129  #icons a:focus {
2130    outline: 0;
2131    border-color: #fff; }
2132    #icons a:focus span {
2133      border: 2px solid #bee74b; }
2134  #icons a:focus img, #icons a:hover img {
2135    background: #bee74b;
2136    outline: 0;
2137    border-color: #dadada; }
2138  #icons a:focus span, #icons a:hover span {
2139    border-bottom-style: solid; }
2140
2141/* billet rapide */
2142#quick {
2143  padding: 1em;
2144  max-width: 976px;
2145  margin: 0 auto;
2146  background: #f5f5f5;
2147  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2148  text-align: left; }
2149  #quick h3 {
2150    margin-bottom: 0.2em;
2151    font-size: 1.2em; }
2152  #quick p.qinfo {
2153    margin: -.7em -1em 1em;
2154    background: #D9EDF7 url(info.png) no-repeat 0.2em 0.2em;
2155    border: 1px solid #BCE8F1;
2156    padding: .2em 1em .1em 24px;
2157    color: #000; }
2158  #quick #new_cat,
2159  #quick .q-cat,
2160  #quick .q-cat label {
2161    display: inline-block;
2162    vertical-align: top;
2163    margin-right: 1em;
2164    margin-top: 0; }
2165  #quick .q-cat label {
2166    margin-right: .3em; }
2167  #quick #new_cat {
2168    margin-bottom: 2em; }
2169
2170/* modules additionnels */
2171#dashboard-boxes {
2172  margin: 1em auto 1em;
2173  padding-top: 2em;
2174  display: flex;
2175  flex-wrap: wrap;
2176  justify-content: center; }
2177  #dashboard-boxes .box {
2178    padding: 10px;
2179    border: 1px solid #ccc;
2180    border-radius: 3px;
2181    min-height: 200px;
2182    margin: 10px;
2183    text-align: left; }
2184
2185.db-items,
2186.db-contents {
2187  display: flex;
2188  flex-wrap: wrap;
2189  justify-content: center;
2190  flex: 1 1 auto; }
2191  .db-items img,
2192  .db-contents img {
2193    vertical-align: middle; }
2194  .db-items ul,
2195  .db-contents ul {
2196    display: block;
2197    padding-left: 1.5em;
2198    list-style: square; }
2199  .db-items li,
2200  .db-contents li {
2201    margin: 0.25em 0 0 0; }
2202
2203.no-js .outgoing img {
2204  display: none; }
2205
2206.dc-box {
2207  background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; }
2208
2209#news dt {
2210  font-weight: bold;
2211  margin: 0 0 0.4em 0; }
2212#news dd {
2213  margin: 0 0 1em 0; }
2214  #news dd p {
2215    margin: 0.2em 0 0 0; }
2216
2217/* message de mise à jour */
2218#upg-notify ul {
2219  padding-left: 1.5em; }
2220#upg-notify li {
2221  color: #fff; }
2222
2223#media_img_title_pattern {
2224  margin-right: 1em; }
2225
2226#part-users > div {
2227  display: flex;
2228  flex-wrap: wrap;
2229  justify-content: left; }
2230
2231.user-perm {
2232  margin: 0 1em 1em 0;
2233  background: transparent url(user.png) no-repeat 0.5em 0.5em;
2234  width: 20em;
2235  border: 1px solid #ccc;
2236  border-radius: .5em;
2237  padding: 0 1em .5em; }
2238  .user-perm h4,
2239  .user-perm h5,
2240  .user-perm p,
2241  .user-perm ul,
2242  .user-perm li {
2243    margin: .5em 0 .33em;
2244    padding: 0; }
2245  .user-perm h4 {
2246    padding-left: 28px; }
2247  .user-perm h5 {
2248    margin: 1em 0 0 0; }
2249  .user-perm li {
2250    margin-left: 1em;
2251    padding-left: 0; }
2252  .user-perm.user_super {
2253    background-color: rgba(153, 197, 255, 0.25); }
2254
2255li.user_super,
2256li.user_admin {
2257  margin-left: 0;
2258  padding-left: 20px;
2259  list-style: none;
2260  background: transparent url(../images/superadmin.png) no-repeat 0 0.3em; }
2261
2262li.user_admin {
2263  background-image: url(../images/admin.png); }
2264
2265/* pour les alignements verticaux */
2266#theme-new,
2267#theme-activate,
2268#theme-deactivate,
2269#theme-update {
2270  margin-left: -10px;
2271  margin-right: -10px; }
2272
2273.box.theme {
2274  margin: 5px;
2275  padding: 10px 10px 5px 10px;
2276  border: 1px solid #dfdfdf;
2277  position: relative; }
2278  .box.theme:hover {
2279    background: #ecf0f1 url(texture.png); }
2280  .box.theme input {
2281    margin-bottom: 1em; }
2282
2283.module-name,
2284.module-name label {
2285  margin-bottom: .5em;
2286  color: #676e78; }
2287
2288.module-sshot {
2289  text-align: center; }
2290  .module-sshot img {
2291    padding: 5px;
2292    background: #f7f7f7;
2293    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
2294    border: 3px solid #fff;
2295    max-width: 100%; }
2296
2297.module-actions {
2298  margin-top: 1em; }
2299
2300.bloc-toggler {
2301  text-align: right; }
2302  .bloc-toggler img {
2303    opacity: .4; }
2304    .bloc-toggler img:hover {
2305      opacity: 1; }
2306  .bloc-toggler a:focus img {
2307    opacity: 1; }
2308
2309span.module-version:before {
2310  content: "- "; }
2311
2312.toggle-bloc .mod-more {
2313  display: block;
2314  margin-left: 0; }
2315
2316.module-name input[type="checkbox"] {
2317  margin-bottom: 0; }
2318
2319/**
2320Les screenshots des thèmes ont deux tailles possibles :
2321- dans Ajouter des thèmes : 240px (+ 10 padding image + 20 padding boîte + 6 bordure + 2 ombrage = 278)
2322- dans Thèmes installés : 280px (+ 10 padding-image + 20 padding-boîte + 2 ombrage = 318)
2323On adapte largeur et hauteur en fonction
2324*/
2325#theme-new .box.theme,
2326#theme-update .box.theme {
2327  /* Ajouter un thème */
2328  width: 278px;
2329  min-height: 275px; }
2330
2331#theme-new .module-sshot img {
2332  /* Pour ceux qui n'ont pas de miniature on contraint l'image */
2333  max-width: 240px;
2334  max-height: 210px;
2335  overflow: hidden; }
2336
2337#theme-deactivate .box.theme {
2338  /* Thèmes désactivés */
2339  width: 278px; }
2340  #theme-deactivate .box.theme:hover {
2341    background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; }
2342
2343#theme-activate .box.theme {
2344  /* Thèmes installés */
2345  width: 318px;
2346  min-height: 304px;
2347  max-width: 100%; }
2348
2349/* si js est là, les infos viennent par dessus le screenshot */
2350.with-js #theme-new .module-infos.toggle-bloc,
2351.with-js #theme-new .module-actions.toggle-bloc {
2352  position: absolute;
2353  left: 10px;
2354  width: 239px;
2355  margin: 0;
2356  padding: 10px;
2357  background: rgba(250, 250, 250, 0.95); }
2358.with-js #theme-new .module-infos.toggle-bloc {
2359  top: 128px;
2360  height: 80px;
2361  border-top: 1px solid #e3e3e3; }
2362.with-js #theme-new .module-actions.toggle-bloc {
2363  top: 208px;
2364  height: 40px;
2365  border-bottom: 1px solid #e3e3e3; }
2366
2367.with-js .module-sshot:hover {
2368  cursor: pointer; }
2369
2370/* mise en forme pour la boîte du thème courant */
2371.box.current-theme {
2372  /* Thème courant */
2373  width: 646px;
2374  margin: 5px;
2375  padding: 20px 18px 6px;
2376  background: #fff url(texture.png);
2377  border: 1px solid #eee;
2378  border-radius: .5em;
2379  min-height: 326px;
2380  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
2381  position: relative; }
2382  .box.current-theme .module-sshot:hover {
2383    cursor: auto; }
2384  .box.current-theme .module-sshot img {
2385    float: left;
2386    margin-right: 2em;
2387    border: 9px solid #fff;
2388    padding: 5px;
2389    max-width: 308px;
2390    max-height: 273px; }
2391  .box.current-theme .module-name {
2392    color: #D33800;
2393    font-size: 1.5em;
2394    margin-bottom: 1em; }
2395  .box.current-theme .module-actions {
2396    display: flex;
2397    flex-wrap: wrap; }
2398
2399.current-actions {
2400  width: auto;
2401  overflow: hidden;
2402  padding-top: 2em;
2403  background: transparent url(../images/minus-theme.png) no-repeat left top; }
2404
2405#categories {
2406  margin: 1em 0; }
2407  #categories ul {
2408    list-style: none;
2409    margin-top: 2em;
2410    padding: 0; }
2411    #categories ul ul {
2412      margin-right: 2em;
2413      margin-left: 2em; }
2414  #categories .placeholder {
2415    outline: 1px dashed #4183C4;
2416    min-height: 2.5em; }
2417
2418.cat-line {
2419  position: relative;
2420  margin: .66em 0;
2421  padding: .66em 1em;
2422  border: 1px solid #ccc;
2423  border-radius: 3px; }
2424  .cat-line label {
2425    margin-right: .25em; }
2426    .cat-line label a {
2427      font-weight: bold; }
2428  .cat-line p,
2429  .cat-line label {
2430    margin: 0;
2431    display: inline-block; }
2432  .cat-line .cat-line {
2433    border: 1px solid #dfdfdf; }
2434
2435p.cat-title {
2436  margin-right: 1em; }
2437
2438.cat-nb-posts a {
2439  color: #333; }
2440
2441.cat-url {
2442  padding-left: 1em; }
2443
2444.cat-buttons {
2445  float: right;
2446  margin-top: -.2em;
2447  font-size: .91em; }
2448  .cat-buttons select {
2449    padding: 1px 2px 3px 2px;
2450    margin-right: .25em; }
2451  .cat-buttons .reset {
2452    padding-left: 4px;
2453    padding-right: 4px; }
2454
2455.cat-actions {
2456  line-height: 2; }
2457
2458#del_cat {
2459  width: 100%; }
2460
2461.media-file-mode a {
2462  border-bottom: none; }
2463.media-file-mode img {
2464  margin-right: 1em; }
2465
2466span.media-file-mode {
2467  margin-right: 1em; }
2468
2469.media-item {
2470  position: relative;
2471  border: 1px solid #dfdfdf;
2472  margin: 9px;
2473  padding: 10px 12px 6px;
2474  width: 320px;
2475  display: inline-block;
2476  vertical-align: top;
2477  min-height: 140px;
2478  word-wrap: break-word; }
2479  .media-item p {
2480    margin: 0 0 .5em; }
2481  .media-item object {
2482    margin-top: .5em; }
2483  .media-item ul {
2484    display: block;
2485    list-style: none;
2486    margin: 0;
2487    padding: 0; }
2488  .media-item audio {
2489    width: 100%;
2490    margin-top: .5em; }
2491
2492a.media-icon {
2493  display: block;
2494  border-bottom: none;
2495  margin: 0 auto; }
2496
2497.media-icon img {
2498  display: block; }
2499
2500a.media-flag {
2501  border-bottom: none; }
2502
2503.media-flag img {
2504  float: left;
2505  margin-right: .5em; }
2506
2507.media-link {
2508  font-size: 1.1em; }
2509
2510.media-action-box {
2511  position: relative;
2512  margin: 3em 3em 1em 1em;
2513  display: inline-block;
2514  vertical-align: top; }
2515
2516li.media-action {
2517  display: block;
2518  position: absolute;
2519  top: 4px;
2520  right: 8px;
2521  height: 16px; }
2522  li.media-action a {
2523    border: none; }
2524    li.media-action a.attach-media {
2525      margin-right: 5px; }
2526  li.media-action form {
2527    display: inline; }
2528  li.media-action input {
2529    border: none; }
2530
2531#entry-sidebar .media-item {
2532  width: 100%;
2533  min-height: 0;
2534  padding: 4px;
2535  margin: .33em 0; }
2536
2537.folders-group .media-item {
2538  min-height: 70px; }
2539  .folders-group .media-item p {
2540    margin-bottom: 0; }
2541
2542.media-folder {
2543  background: transparent url(bg_menu.png) repeat-y;
2544  border-color: #eee; }
2545  .media-folder .media-link {
2546    font-size: 1.125em;
2547    margin-left: 2em;
2548    color: #676e78;
2549    border-bottom: none; }
2550
2551tr.media-folder {
2552  background: transparent; }
2553  tr.media-folder .media-link {
2554    margin-left: 0; }
2555
2556.media-folder-up {
2557  border-color: #fff;
2558  padding-bottom: 6px; }
2559
2560.medias-delete,
2561.medias-select {
2562  text-align: right; }
2563
2564.media-recent {
2565  float: left;
2566  margin-right: 2em; }
2567
2568#media-fav-dir {
2569  border-bottom: none; }
2570  #media-fav-dir img {
2571    vertical-align: middle; }
2572
2573/* upload multiple */
2574.enhanced_uploader .choose_files,
2575.enhanced_uploader .cancel,
2576.enhanced_uploader .clean,
2577.enhanced_uploader .start {
2578  margin-right: .4em; }
2579.enhanced_uploader #upfile {
2580  visibility: hidden;
2581  width: 0;
2582  height: 0;
2583  margin: 0;
2584  opacity: 0;
2585  filter: alpha(opacity=0);
2586  cursor: pointer; }
2587.enhanced_uploader .button.choose_files {
2588  display: inline-block; }
2589.enhanced_uploader .max-size {
2590  display: block; }
2591.enhanced_uploader .one-file {
2592  display: none; }
2593.enhanced_uploader p.clear {
2594  padding-top: 1em;
2595  margin-bottom: 1em; }
2596
2597.button.clean,
2598.button.cancel,
2599.button.choose_files {
2600  display: none; }
2601
2602label span.one-file {
2603  display: inline; }
2604
2605#add-file-f p.clear {
2606  margin-top: 1em;
2607  margin-bottom: 0;
2608  clear: both; }
2609
2610.files {
2611  list-style-type: none;
2612  margin-left: 0;
2613  padding-left: 0;
2614  border-bottom: 1px solid #dfdfdf; }
2615  .files li {
2616    margin-left: 0;
2617    padding-left: 0; }
2618
2619.upload-msg {
2620  font-weight: bold; }
2621  .upload-msg.upload-error {
2622    color: #900; }
2623
2624.upload-files {
2625  padding: 0 0.5em;
2626  margin: 1em 0; }
2627
2628.upload-file {
2629  margin: 0;
2630  padding: .3em 0;
2631  border-top: 1px solid #dfdfdf;
2632  position: relative; }
2633
2634.upload-fileinfo {
2635  margin-left: 0; }
2636  .upload-fileinfo input {
2637    position: absolute;
2638    top: .5em;
2639    right: .5em; }
2640  .upload-fileinfo span {
2641    padding-right: 8px; }
2642  .upload-fileinfo .upload-filecancel {
2643    display: block;
2644    padding-right: 0;
2645    margin-top: 3px;
2646    width: 20px;
2647    height: 20px;
2648    background: transparent url("cancel.png") no-repeat left top;
2649    text-indent: -1000px;
2650    cursor: pointer;
2651    float: left; }
2652
2653.upload-filemsg {
2654  font-weight: bold;
2655  color: green; }
2656  .upload-filemsg .upload-error {
2657    color: #900; }
2658
2659.upload-progress {
2660  padding: .3em 0; }
2661  .upload-progress div {
2662    width: 0;
2663    height: 1.2em;
2664    font-weight: bold;
2665    line-height: 1.2em;
2666    text-align: right;
2667    background: green url(loader.png) repeat-x left top;
2668    color: white;
2669    border-radius: 3px; }
2670
2671div.template-upload {
2672  clear: both; }
2673
2674.queue-message {
2675  font-weight: bold; }
2676
2677#media-icon {
2678  float: left; }
2679
2680.near-icon {
2681  margin-left: 70px;
2682  margin-bottom: 3em; }
2683
2684#media-details ul {
2685  display: block;
2686  margin-left: 0;
2687  padding: 0; }
2688#media-details li {
2689  list-style: square inside;
2690  margin: 0;
2691  padding: 0; }
2692
2693#media-original-image {
2694  overflow: auto; }
2695  #media-original-image.overheight {
2696    height: 500px; }
2697
2698.modules td.module-actions, .modules td.module-icon {
2699  vertical-align: middle; }
2700.modules td.module-icon img:last-child {
2701  width: 16px;
2702  height: 16px; }
2703.modules td.module-icon img.expand {
2704  margin-bottom: 3px; }
2705.modules td.module-distrib img {
2706  display: block;
2707  float: right; }
2708
2709.modules tr.expand,
2710.modules td.expand {
2711  background: #f7f7f7;
2712  border-color: #bee74b; }
2713
2714.modules tr.expand td:first-child {
2715  font-weight: bold;
2716  background: #dfe5e7; }
2717
2718.modules td.expand {
2719  padding: 0 0 1em;
2720  border-top: 1px solid #eaeaea; }
2721  .modules td.expand div {
2722    display: inline-block;
2723    vertical-align: top;
2724    margin-right: 3em; }
2725
2726.modules dt {
2727  font-weight: bold; }
2728
2729.modules a.module-details {
2730  background: transparent url(search.png) no-repeat 2px center;
2731  padding: 4px 4px 0 20px; }
2732.modules a.module-support {
2733  background: transparent url(help12.png) no-repeat 2px center;
2734  padding: 4px 4px 0 20px; }
2735.modules a.module-config {
2736  background: transparent url(settings.png) no-repeat 2px 6px;
2737  padding: 4px 4px 0 18px; }
2738
2739#m_search {
2740  background: transparent url(search.png) no-repeat 4px center;
2741  padding-left: 20px; }
2742
2743.mod-more {
2744  padding-top: .5em; }
2745  .mod-more,
2746  .mod-more li {
2747    margin: .25em 0 0 1em;
2748    padding: 0;
2749    list-style-type: none; }
2750
2751#plugin-update td {
2752  vertical-align: baseline; }
2753
2754#entry-form {
2755  display: flex;
2756  flex-wrap: wrap; }
2757
2758#entry-wrapper {
2759  flex-grow: 1;
2760  width: calc(100% - 19em); }
2761  @media screen and (max-width: 80em) {
2762    #entry-wrapper {
2763      width: 100%; } }
2764
2765#entry-content {
2766  margin-left: 0; }
2767  @media screen and (min-width: 80.01em) {
2768    #entry-content {
2769      padding-right: 3em; } }
2770  @media screen and (max-width: 38em) {
2771    #entry-content {
2772      padding-right: 1em; } }
2773  @media screen and (max-width: 26.5em) {
2774    #entry-content {
2775      padding-right: 0; } }
2776
2777#entry-sidebar {
2778  display: flex;
2779  flex-wrap: wrap;
2780  flex-direction: column; }
2781  @media screen and (max-width: 80em) {
2782    #entry-sidebar {
2783      flex-direction: row; } }
2784  @media screen and (max-width: 38em) {
2785    #entry-sidebar {
2786      padding-right: 1em; } }
2787  #entry-sidebar h4 {
2788    font-size: 1.08em;
2789    margin-top: .3em;
2790    border-bottom: 1px solid #676e78; }
2791  #entry-sidebar select {
2792    width: 100%; }
2793  #entry-sidebar input#post_position {
2794    width: 4em; }
2795
2796.sb-box {
2797  width: 18em;
2798  margin-bottom: 1em;
2799  margin-right: 1em;
2800  padding: .5em 1em;
2801  background-color: #f3f3f3; }
2802  .sb-box:focus-within {
2803    background-color: #eee; }
2804
2805#tb_excerpt {
2806  width: 100%; }
2807
2808.fav-list {
2809  list-style-type: none;
2810  margin-left: 0;
2811  padding-left: 0; }
2812  #my-favs .fav-list {
2813    border-top: 1px solid #eee; }
2814  .fav-list li {
2815    margin-left: 0;
2816    padding-left: 0;
2817    padding-top: 3px;
2818    padding-bottom: 3px;
2819    position: relative; }
2820    #my-favs .fav-list li {
2821      line-height: 2;
2822      border-bottom: 1px solid #eee;
2823      padding-top: 3px;
2824      padding-bottom: 3px;
2825      position: relative; }
2826    .fav-list li span.zoom {
2827      display: none; }
2828    .fav-list li:hover span.zoom {
2829      display: block;
2830      position: absolute;
2831      bottom: 0;
2832      left: 10em;
2833      background-color: #f7f7f7;
2834      border: 1px solid #dfdfdf;
2835      padding: .2em;
2836      border-radius: .5em; }
2837  .fav-list img {
2838    vertical-align: middle;
2839    margin-right: .2em; }
2840
2841#my-favs {
2842  border-color: #9bca1c; }
2843  #my-favs input.position {
2844    margin: 0 0 .4em .2em; }
2845
2846#available-favs input,
2847#available-favs label,
2848#available-favs label span {
2849  white-space: normal;
2850  display: inline; }
2851#available-favs label span.zoom {
2852  display: none; }
2853#available-favs li:hover label span.zoom {
2854  display: block;
2855  position: absolute;
2856  bottom: 0;
2857  left: 10em;
2858  background-color: #f7f7f7;
2859  border: 1px solid #dfdfdf;
2860  padding: .2em;
2861  border-radius: .5em; }
2862
2863#user-options label.ib {
2864  display: inline-block;
2865  width: 14em;
2866  padding-right: 1em; }
2867
2868.blog-perm {
2869  margin-top: 2em;
2870  padding-top: 2em;
2871  font-weight: bold; }
2872
2873.ul-perm {
2874  list-style-type: square;
2875  margin-left: 0;
2876  padding-left: 3.5em;
2877  margin-bottom: 0; }
2878
2879.add-perm {
2880  padding-top: .5em;
2881  padding-left: 2.5em;
2882  margin-left: 0; }
2883
2884.guideline #content h2 {
2885  color: #d33800;
2886  padding: 2em 0 0 0;
2887  margin: 1em 0;
2888  font-size: 2em; }
2889  .guideline #content h2:first-child {
2890    margin-top: 0;
2891    padding-top: .5em; }
2892.guideline h3 {
2893  margin-top: 2em; }
2894.guideline .dc-update h3 {
2895  margin-top: 0; }
2896.guideline .one-box .box {
2897  border: 1px solid #dfdfdf;
2898  padding: 2px .5em; }
2899.guideline #main-menu ul {
2900  margin: 0;
2901  padding: 0;
2902  font-weight: normal; }
2903.guideline #main-menu li {
2904  padding-left: 1em; }
2905
2906/** --------------------------------------------------
2907    Misc
2908--------------------------------------------------- */
2909/* jQuery Autocomplete plugin */
2910.ac_results {
2911  padding: 0px;
2912  border: 1px dotted #f90;
2913  background-color: white;
2914  overflow: hidden;
2915  z-index: 99999; }
2916  .ac_results ul {
2917    width: 100%;
2918    list-style-position: outside;
2919    list-style: none;
2920    padding: 0;
2921    margin: 0; }
2922  .ac_results li {
2923    margin: 0px;
2924    padding: 2px 5px;
2925    cursor: default;
2926    display: block;
2927    font-size: 1em;
2928    line-height: 16px;
2929    overflow: hidden; }
2930
2931.ac_loading {
2932  background: transparent url("loader.gif") right center no-repeat; }
2933
2934.ac_over {
2935  background-color: #2373a8;
2936  color: white; }
2937
2938/* password indicator */
2939.pw-table {
2940  display: table;
2941  margin-bottom: 1em; }
2942
2943.pw-cell {
2944  display: table-cell;
2945  margin-bottom: 1em; }
2946
2947#pwindicator {
2948  display: table-cell;
2949  vertical-align: bottom;
2950  padding-left: 1.5em;
2951  height: 3.8em; }
2952  #pwindicator .bar {
2953    height: 6px;
2954    margin-bottom: 4px; }
2955
2956.pw-very-weak .bar {
2957  background: #c44d58;
2958  width: 30px; }
2959
2960.pw-weak .bar {
2961  background: #e1732c;
2962  width: 60px; }
2963
2964.pw-mediocre .bar {
2965  background: #f90;
2966  width: 90px; }
2967
2968.pw-strong .bar {
2969  background: #cdad12;
2970  width: 120px; }
2971
2972.pw-very-strong .bar {
2973  background: #9ac123;
2974  width: 150px; }
2975
2976/* ------------------------------------------------------------------ navigation */
2977/* selects accès rapide */
2978.anchor-nav {
2979  background: #ecf0f1;
2980  color: #000;
2981  padding: 4px 1em; }
2982  .anchor-nav label {
2983    vertical-align: bottom; }
2984
2985/* nav links */
2986.nav_prevnext {
2987  margin-bottom: 2em;
2988  color: #fff; }
2989
2990.nav_prevnext a,
2991a.back {
2992  color: #2373A8;
2993  border: 1px solid #dfdfdf;
2994  padding: 2px 1.5em;
2995  border-radius: .75em;
2996  background-color: #f3f3f3; }
2997
2998a.back:before {
2999  content: "\ab\a0"; }
3000
3001a.onblog_link {
3002  color: #333;
3003  float: right;
3004  border: 1px solid #eee;
3005  padding: 2px 1.5em;
3006  border-radius: .75em;
3007  background-color: #ECF0F1;
3008  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
3009
3010/* Pagination */
3011.pager {
3012  margin: 2em 0 1em 0;
3013  clear: left; }
3014  .pager ul {
3015    list-style-type: none;
3016    margin: 0;
3017    padding: 0; }
3018  .pager li,
3019  .pager input {
3020    display: inline-block;
3021    vertical-align: middle;
3022    margin: 0 .33em 0 0;
3023    padding: 0;
3024    text-align: center; }
3025  .pager .btn {
3026    border: 1px solid #dfdfdf;
3027    background-color: #fcfcfc;
3028    color: #676e78;
3029    border-radius: 3px;
3030    overflow: hidden; }
3031    .pager .btn.no-link {
3032      border-color: #dfdfdf;
3033      background-color: #f9f9f9;
3034      padding: 1px 3px 0; }
3035  .pager .active {
3036    padding: 4px 12px;
3037    color: #676e78; }
3038  .pager .direct-access {
3039    margin-left: 2em; }
3040    .pager .direct-access input[type=text] {
3041      border: 1px solid #dfdfdf;
3042      padding: 3px 8px;
3043      margin-left: .25em;
3044      background-color: #fff; }
3045    .pager .direct-access input[type=submit] {
3046      padding: 3px 6px; }
3047  .pager a {
3048    display: block;
3049    padding: 1px 3px 0;
3050    border: none; }
3051    .pager a:hover, .pager a:focus {
3052      background-color: #ecf0f1; }
3053
3054.index .btn.no-link,
3055.index a {
3056  padding: 2px 8px 3px;
3057  font-variant: small-caps; }
3058.index li {
3059  margin-bottom: 3px; }
3060.index a {
3061  font-weight: bold; }
3062.index .btn.no-link {
3063  color: #ccc; }
3064.index .active {
3065  padding: 4px 8px;
3066  color: #fff;
3067  background: #676e78;
3068  border-radius: 3px;
3069  font-variant: small-caps; }
3070
3071/* Etapes */
3072.step {
3073  display: inline-block;
3074  float: left;
3075  margin: 3px 10px 2px 0;
3076  padding: 5px .5em;
3077  background: #ecf0f1;
3078  border-radius: 3px;
3079  font-weight: bold;
3080  border: 1px solid #c5c5c5;
3081  color: #676e78; }
3082
3083/* ---------------------------------------------------------------- utilisables partout  */
3084.legible {
3085  font-size: 1.16em;
3086  max-width: 62em; }
3087
3088.fieldset {
3089  background: #fff;
3090  border: 1px solid #c5c5c5;
3091  border-radius: 3px;
3092  padding: 1em .7em .5em;
3093  margin-bottom: 1em; }
3094  .fieldset h3 {
3095    margin-top: 0; }
3096  .fieldset:focus-within {
3097    background-color: #eee; }
3098
3099.right,
3100.txt-right {
3101  text-align: right; }
3102
3103.txt-center {
3104  text-align: center; }
3105
3106.txt-left {
3107  text-align: left; }
3108
3109.no-margin,
3110label.no-margin {
3111  margin-top: 0;
3112  margin-bottom: 0; }
3113
3114.vertical-separator {
3115  margin-top: 2em; }
3116
3117p.clear.vertical-separator {
3118  padding-top: 2em; }
3119
3120.border-top {
3121  border-top: 1px solid #999;
3122  padding-top: 1em;
3123  margin-top: 1em; }
3124
3125.grid {
3126  background: transparent repeat url("grid.png") 0 0; }
3127
3128ul.nice {
3129  margin: 1em 0;
3130  padding: 0 0 0 2em;
3131  list-style: square; }
3132  ul.nice li {
3133    margin: 0;
3134    padding: 0; }
3135
3136ul.from-left {
3137  list-style-type: none;
3138  padding-left: 0;
3139  margin: 1em 0; }
3140  ul.from-left > li {
3141    margin-top: 1em;
3142    margin-bottom: 1em; }
3143  ul.from-left ul {
3144    list-style-type: square; }
3145
3146.offline {
3147  color: #676e78; }
3148
3149/* caché pour tout le monde */
3150.hide,
3151.button.hide {
3152  display: none !important; }
3153
3154/* Caché sauf pour les revues d'écran */
3155.hidden,
3156.with-js .out-of-screen-if-js {
3157  position: absolute !important;
3158  clip: rect(1px 1px 1px 1px);
3159  /* IE6, IE7 */
3160  clip: rect(1px, 1px, 1px, 1px);
3161  padding: 0 !important;
3162  border: 0 !important;
3163  height: 1px !important;
3164  width: 1px !important;
3165  overflow: hidden; }
3166
3167/* caché si js est inactif */
3168.no-js .hidden-if-no-js {
3169  display: none; }
3170
3171/* caché si js est actif */
3172.with-js .hidden-if-js {
3173  display: none; }
3174
3175/* ---------------------------------------------- Couleurs ajoutées via javascript
3176/* color-picker.js */
3177.color-color-picker {
3178  border: 1px solid #000;
3179  width: 195px;
3180  background: #fff; }
3181
3182/* _media_item.js */
3183.color-div {
3184  border: 1px solid #ccc; }
3185
3186/* fadings ('color' est utilisé comme variable, pas comme text color) */
3187.colorBeginPassword,
3188.colorBeginValidatorErr,
3189.colorBeginUserMail {
3190  color: #fff; }
3191
3192.colorEndPassword,
3193.colorEndError,
3194.colorEndValidatorErr,
3195.colorEndUserMail {
3196  color: #ffbaba; }
3197
3198.colorBeginMessage {
3199  color: #ccc; }
3200
3201.colorEndMessage,
3202.colorBeginValidatorMsg {
3203  color: #676e78; }
3204
3205.colorBeginError {
3206  color: #fefacd; }
3207
3208.colorBeginSuccess {
3209  color: #9BCA1C; }
3210
3211.colorEndSuccess {
3212  color: #bee74b; }
3213
3214.colorEndValidatorMsg {
3215  color: #ffcc00; }
3216
3217/* ------------------------------------------------------------------------------------
3218                                                                           UN POIL DE MEDIA QUERIES
3219------------------------------------------------------------------------------------ */
3220@media screen and (max-width: 44em) {
3221  #help-button {
3222    padding: 0;
3223    font-size: .83em;
3224    line-height: 68px; } }
3225@media screen and (max-width: 38em) {
3226  #dashboard-main {
3227    padding: 0; }
3228
3229  #content,
3230  .hide-mm #content {
3231    padding: 0 .5em !important; }
3232
3233  #main #content > h2 {
3234    padding: 6px 30px 4px .5em; }
3235
3236  .cell,
3237  #filters-form .cell {
3238    border: none;
3239    padding: 1em; }
3240
3241  .pseudo-tabs li {
3242    padding: .25em; }
3243    .pseudo-tabs li:first-child, .pseudo-tabs li:nth-of-type(2) {
3244      border-top: none; } }
3245@media screen and (max-width: 26.5em) {
3246  #content.with-help #help {
3247    font-size: 1.2rem; }
3248
3249  p.top-add {
3250    text-align: center; }
3251
3252  .multi-part {
3253    padding-left: 0; }
3254
3255  .part-tabs ul {
3256    padding: 0 .5em; }
3257
3258  #icons p {
3259    padding: 1em .25em; }
3260
3261  .box.current-theme {
3262    padding: 10px; }
3263
3264  th,
3265  td {
3266    padding: 0.3em 1em 0.3em 0; }
3267
3268  .pseudo-tabs li:first-child {
3269    border-top: none; } }
3270/** --------------------------------------------------
3271     3rd parties
3272--------------------------------------------------- */
3273/* Magnific Popup CSS */
3274.mfp-bg {
3275  top: 0;
3276  left: 0;
3277  width: 100%;
3278  height: 100%;
3279  z-index: 1042;
3280  overflow: hidden;
3281  position: fixed;
3282  background: #0b0b0b;
3283  opacity: 0.8; }
3284
3285.mfp-wrap {
3286  top: 0;
3287  left: 0;
3288  width: 100%;
3289  height: 100%;
3290  z-index: 1043;
3291  position: fixed;
3292  outline: none !important;
3293  -webkit-backface-visibility: hidden; }
3294
3295.mfp-container {
3296  text-align: center;
3297  position: absolute;
3298  width: 100%;
3299  height: 100%;
3300  left: 0;
3301  top: 0;
3302  padding: 0 8px;
3303  box-sizing: border-box; }
3304
3305.mfp-container:before {
3306  content: '';
3307  display: inline-block;
3308  height: 100%;
3309  vertical-align: middle; }
3310
3311.mfp-align-top .mfp-container:before {
3312  display: none; }
3313
3314.mfp-content {
3315  position: relative;
3316  display: inline-block;
3317  vertical-align: middle;
3318  margin: 0 auto;
3319  text-align: left;
3320  z-index: 1045; }
3321
3322.mfp-inline-holder .mfp-content,
3323.mfp-ajax-holder .mfp-content {
3324  width: 100%;
3325  cursor: auto; }
3326
3327.mfp-ajax-cur {
3328  cursor: progress; }
3329
3330.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
3331  cursor: -moz-zoom-out;
3332  cursor: -webkit-zoom-out;
3333  cursor: zoom-out; }
3334
3335.mfp-zoom {
3336  cursor: pointer;
3337  cursor: -webkit-zoom-in;
3338  cursor: -moz-zoom-in;
3339  cursor: zoom-in; }
3340
3341.mfp-auto-cursor .mfp-content {
3342  cursor: auto; }
3343
3344.mfp-close,
3345.mfp-arrow,
3346.mfp-preloader,
3347.mfp-counter {
3348  -webkit-user-select: none;
3349  -moz-user-select: none;
3350  user-select: none; }
3351
3352.mfp-loading.mfp-figure {
3353  display: none; }
3354
3355.mfp-hide {
3356  display: none !important; }
3357
3358.mfp-preloader {
3359  color: #CCC;
3360  position: absolute;
3361  top: 50%;
3362  width: auto;
3363  text-align: center;
3364  margin-top: -0.8em;
3365  left: 8px;
3366  right: 8px;
3367  z-index: 1044; }
3368  .mfp-preloader a {
3369    color: #CCC; }
3370    .mfp-preloader a:hover {
3371      color: #FFF; }
3372
3373.mfp-s-ready .mfp-preloader {
3374  display: none; }
3375
3376.mfp-s-error .mfp-content {
3377  display: none; }
3378
3379button.mfp-close, button.mfp-arrow {
3380  overflow: visible;
3381  cursor: pointer;
3382  background: transparent;
3383  border: 0;
3384  -webkit-appearance: none;
3385  display: block;
3386  outline: none;
3387  padding: 0;
3388  z-index: 1046;
3389  box-shadow: none;
3390  touch-action: manipulation; }
3391button::-moz-focus-inner {
3392  padding: 0;
3393  border: 0; }
3394
3395.mfp-close {
3396  width: 44px;
3397  height: 44px;
3398  line-height: 44px;
3399  position: absolute;
3400  right: 0;
3401  top: 0;
3402  text-decoration: none;
3403  text-align: center;
3404  opacity: 0.65;
3405  padding: 0 0 18px 10px;
3406  color: #FFF;
3407  font-style: normal;
3408  font-size: 28px;
3409  font-family: Arial, Baskerville, monospace; }
3410  .mfp-close:hover, .mfp-close:focus {
3411    opacity: 1; }
3412  .mfp-close:active {
3413    top: 1px; }
3414
3415.mfp-close-btn-in .mfp-close {
3416  color: #333; }
3417
3418.mfp-image-holder .mfp-close,
3419.mfp-iframe-holder .mfp-close {
3420  color: #FFF;
3421  right: -6px;
3422  text-align: right;
3423  padding-right: 6px;
3424  width: 100%; }
3425
3426.mfp-counter {
3427  position: absolute;
3428  top: 0;
3429  right: 0;
3430  color: #CCC;
3431  font-size: 12px;
3432  line-height: 18px;
3433  white-space: nowrap; }
3434
3435.mfp-arrow {
3436  position: absolute;
3437  opacity: 0.65;
3438  margin: 0;
3439  top: 50%;
3440  margin-top: -55px;
3441  padding: 0;
3442  width: 90px;
3443  height: 110px;
3444  -webkit-tap-highlight-color: transparent; }
3445  .mfp-arrow:active {
3446    margin-top: -54px; }
3447  .mfp-arrow:hover, .mfp-arrow:focus {
3448    opacity: 1; }
3449  .mfp-arrow:before, .mfp-arrow:after {
3450    content: '';
3451    display: block;
3452    width: 0;
3453    height: 0;
3454    position: absolute;
3455    left: 0;
3456    top: 0;
3457    margin-top: 35px;
3458    margin-left: 35px;
3459    border: medium inset transparent; }
3460  .mfp-arrow:after {
3461    border-top-width: 13px;
3462    border-bottom-width: 13px;
3463    top: 8px; }
3464  .mfp-arrow:before {
3465    border-top-width: 21px;
3466    border-bottom-width: 21px;
3467    opacity: 0.7; }
3468
3469.mfp-arrow-left {
3470  left: 0; }
3471  .mfp-arrow-left:after {
3472    border-right: 17px solid #FFF;
3473    margin-left: 31px; }
3474  .mfp-arrow-left:before {
3475    margin-left: 25px;
3476    border-right: 27px solid #3F3F3F; }
3477
3478.mfp-arrow-right {
3479  right: 0; }
3480  .mfp-arrow-right:after {
3481    border-left: 17px solid #FFF;
3482    margin-left: 39px; }
3483  .mfp-arrow-right:before {
3484    border-left: 27px solid #3F3F3F; }
3485
3486.mfp-iframe-holder {
3487  padding-top: 40px;
3488  padding-bottom: 40px; }
3489  .mfp-iframe-holder .mfp-content {
3490    line-height: 0;
3491    width: 100%;
3492    max-width: 98%; }
3493  .mfp-iframe-holder .mfp-close {
3494    top: -40px; }
3495
3496.mfp-iframe-scaler {
3497  width: 100%;
3498  height: 0;
3499  overflow: hidden;
3500  padding-top: 56.25%; }
3501  .mfp-iframe-scaler iframe {
3502    position: absolute;
3503    display: block;
3504    top: 0;
3505    left: 0;
3506    width: 100%;
3507    height: 100%;
3508    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
3509    background: #000; }
3510
3511/* Main image in popup */
3512img.mfp-img {
3513  width: auto;
3514  max-width: 100%;
3515  height: auto;
3516  display: block;
3517  line-height: 0;
3518  box-sizing: border-box;
3519  padding: 40px 0 40px;
3520  margin: 0 auto; }
3521
3522/* The shadow behind the image */
3523.mfp-figure {
3524  line-height: 0; }
3525  .mfp-figure:after {
3526    content: '';
3527    position: absolute;
3528    left: 0;
3529    top: 40px;
3530    bottom: 40px;
3531    display: block;
3532    right: 0;
3533    width: auto;
3534    height: auto;
3535    z-index: -1;
3536    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
3537    background: #444; }
3538  .mfp-figure small {
3539    color: #BDBDBD;
3540    display: block;
3541    font-size: 12px;
3542    line-height: 14px; }
3543  .mfp-figure figure {
3544    margin: 0; }
3545
3546.mfp-bottom-bar {
3547  margin-top: -36px;
3548  position: absolute;
3549  top: 100%;
3550  left: 0;
3551  width: 100%;
3552  cursor: auto; }
3553
3554.mfp-title {
3555  text-align: left;
3556  line-height: 18px;
3557  color: #F3F3F3;
3558  word-wrap: break-word;
3559  padding-right: 36px; }
3560
3561.mfp-image-holder .mfp-content {
3562  max-width: 100%; }
3563
3564.mfp-gallery .mfp-image-holder .mfp-figure {
3565  cursor: pointer; }
3566
3567@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
3568  /**
3569   * Remove all paddings around the image on small screen
3570   */
3571  .mfp-img-mobile .mfp-image-holder {
3572    padding-left: 0;
3573    padding-right: 0; }
3574  .mfp-img-mobile img.mfp-img {
3575    padding: 0; }
3576  .mfp-img-mobile .mfp-figure:after {
3577    top: 0;
3578    bottom: 0; }
3579  .mfp-img-mobile .mfp-figure small {
3580    display: inline;
3581    margin-left: 5px; }
3582  .mfp-img-mobile .mfp-bottom-bar {
3583    background: rgba(0, 0, 0, 0.6);
3584    bottom: 0;
3585    margin: 0;
3586    top: auto;
3587    padding: 3px 5px;
3588    position: fixed;
3589    box-sizing: border-box; }
3590    .mfp-img-mobile .mfp-bottom-bar:empty {
3591      padding: 0; }
3592  .mfp-img-mobile .mfp-counter {
3593    right: 5px;
3594    top: 3px; }
3595  .mfp-img-mobile .mfp-close {
3596    top: 0;
3597    right: 0;
3598    width: 35px;
3599    height: 35px;
3600    line-height: 35px;
3601    background: rgba(0, 0, 0, 0.6);
3602    position: fixed;
3603    text-align: center;
3604    padding: 0; } }
3605@media all and (max-width: 900px) {
3606  .mfp-arrow {
3607    -webkit-transform: scale(0.75);
3608    transform: scale(0.75); }
3609
3610  .mfp-arrow-left {
3611    -webkit-transform-origin: 0;
3612    transform-origin: 0; }
3613
3614  .mfp-arrow-right {
3615    -webkit-transform-origin: 100%;
3616    transform-origin: 100%; }
3617
3618  .mfp-container {
3619    padding-left: 6px;
3620    padding-right: 6px; } }
3621/** --------------------------------------------------
3622    Debug
3623--------------------------------------------------- */
3624/* debug */
3625#debug {
3626  position: absolute;
3627  top: 0;
3628  width: 100%;
3629  height: 4px;
3630  background: #ffd478; }
3631  #debug div {
3632    display: none;
3633    padding: 3px 0.5em 2px; }
3634  #debug p {
3635    margin: 0.5em 0; }
3636  #debug:hover {
3637    height: auto;
3638    padding: 2px 1em;
3639    z-index: 100; }
3640    #debug:hover div {
3641      display: block; }
3642
3643.debug {
3644  background: #ffd478;
3645  padding: 3px 0.5em 2px; }
3646
3647input[type=submit].delete.debug,
3648a.delete.debug {
3649  border-color: #ffd478; }
3650  input[type=submit].delete.debug:hover,
3651  a.delete.debug:hover {
3652    background: #ffd478;
3653    color: #900;
3654    border-color: #ffd478; }
Note: See TracBrowser for help on using the repository browser.

Sites map