Dotclear

source: admin/style/default.css @ 3602:8a1b100e0a84

Revision 3602:8a1b100e0a84, 71.9 KB checked in by franck <carnet.franck.paul@…>, 8 years ago (diff)

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

Sites map