Dotclear

source: admin/style/default.css @ 3544:011c315781e3

Revision 3544:011c315781e3, 71.4 KB checked in by franck <carnet.franck.paul@…>, 8 years ago (diff)

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

Sites map