Dotclear

source: admin/style/default.css @ 3731:3770620079d4

Revision 3731:3770620079d4, 75.4 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

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

Sites map