Dotclear

source: admin/style/default.css @ 3437:1483c7c19aac

Revision 3437:1483c7c19aac, 69.3 KB checked in by franck <carnet.franck.paul@…>, 9 years ago (diff)

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

Sites map