Dotclear

source: admin/style/default.css @ 3838:965325b2aacd

Revision 3838:965325b2aacd, 74.8 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map