Dotclear

source: admin/style/default.css @ 3463:65e8c8657d2d

Revision 3463:65e8c8657d2d, 71.5 KB checked in by franck <carnet.franck.paul@…>, 9 years ago (diff)

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

Sites map