Dotclear

source: admin/style/default.css @ 3389:57c2b37ea3d5

Revision 3389:57c2b37ea3d5, 68.0 KB checked in by franck <carnet.franck.paul@…>, 9 years ago (diff)

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

Sites map