Dotclear

source: admin/style/default.css @ 3516:9e86d4e05afc

Revision 3516:9e86d4e05afc, 71.6 KB checked in by franck <carnet.franck.paul@…>, 9 years ago (diff)

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

Sites map