source: spip-zone/_squelettes_/html5up_landed/assets/sass/main.scss @ 110425

Last change on this file since 110425 was 110425, checked in by nicod@…, 18 months ago

Commentaires et formatage

File size: 40.8 KB
Line 
1@import 'libs/vars';
2@import 'libs/functions';
3@import 'libs/mixins';
4/*
5        Landed by HTML5 UP
6        html5up.net | @ajlkn
7        Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
8*/
9@import "libs/skel";
10
11@include skel-breakpoints(
12    (
13      xlarge: '(max-width: 1680px)',
14      large: '(max-width: 1280px)',
15      medium: '(max-width: 980px)',
16      small: '(max-width: 736px)',
17      xsmall: '(max-width: 480px)'
18    )
19);
20
21@include skel-layout(
22    (
23      reset: 'full',
24      boxModel: 'border',
25      conditionals: true,
26      containers: 70em,
27      breakpoints: (
28        large: (containers: 90%,),
29        medium: (containers: (100%, true),
30        )
31      )
32    )
33);
34
35$size-wrapper-pad-tb: 6em;
36$size-wrapper-pad-lr: 3em;
37
38//-----------------------------------
39// Basic
40//-----------------------------------
41
42html, body {
43  background: _palette(bg);
44}
45
46body, input, select, textarea {
47  color:       _palette(fg);
48  font-family: _font(family);
49  font-size:   15pt;
50  font-weight: _font(weight);
51  line-height: 1.75em;
52}
53
54a {
55  @include vendor('transition', ('border-color #{_duration(transition)} ease-in-out', 'color #{_duration(transition)} ease-in-out'));
56  border-bottom:   dotted 1px;
57  color:           _palette(accent1);
58  text-decoration: none;
59
60  &:hover {
61    color:               darken(_palette(accent1), 15%) !important;
62    border-bottom-color: transparent;
63  }
64}
65
66strong, b {
67  color:       _palette(fg-bold);
68  font-weight: _font(weight-bold);
69}
70
71em, i {
72  font-style: italic;
73}
74
75p {
76  margin: 0 0 _size(element-margin) 0;
77}
78
79h1, h2, h3, h4, h5, h6 {
80  color:       _palette(fg-bold);
81  font-weight: _font(weight-bold);
82  line-height: 1em;
83  margin:      0 0 (_size(element-margin) * 0.5) 0;
84
85  a {
86    color:  inherit;
87    border: 0;
88  }
89}
90
91h1 {
92  font-size:      2em;
93  line-height:    1.5em;
94  letter-spacing: -0.025em;
95}
96
97h2 {
98  font-size:      1.6em;
99  line-height:    1.5em;
100  letter-spacing: -0.025em;
101}
102
103h3 {
104  font-size:   1.35em;
105  line-height: 1.5em;
106}
107
108h4 {
109  font-size:   1.1em;
110  line-height: 1.5em;
111}
112
113h5 {
114  font-size:   0.9em;
115  line-height: 1.5em;
116}
117
118h6 {
119  font-size:   0.7em;
120  line-height: 1.5em;
121}
122
123sub {
124  font-size: 0.8em;
125  position:  relative;
126  top:       0.5em;
127}
128
129sup {
130  font-size: 0.8em;
131  position:  relative;
132  top:       -0.5em;
133}
134
135hr {
136  border:        0;
137  border-bottom: solid 1px _palette(border);
138  margin:        (_size(element-margin) * 1.5) 0;
139
140  &.major {
141    margin: (_size(element-margin) * 2) 0;
142  }
143}
144
145blockquote {
146  border-left: solid 4px _palette(border);
147  font-style:  italic;
148  margin:      0 0 _size(element-margin) 0;
149  padding:     0.5em 0 0.5em 2em;
150}
151
152code {
153  background:    _palette(border-bg);
154  border-radius: _size(border-radius);
155  font-family:   _font(family-fixed);
156  font-size:     0.9em;
157  margin:        0 0.25em;
158  padding:       0.25em 0.65em;
159}
160
161pre {
162  -webkit-overflow-scrolling: touch;
163  font-family:                _font(family-fixed);
164  font-size:                  0.9em;
165  margin:                     0 0 _size(element-margin) 0;
166
167  code {
168    display:     block;
169    line-height: 1.75em;
170    padding:     1em 1.5em;
171    overflow-x:  auto;
172  }
173}
174
175.align-left {
176  text-align: left;
177}
178
179.align-center {
180  text-align: center;
181}
182
183.align-right {
184  text-align: right;
185}
186
187//-----------------------------------
188// Loader
189//-----------------------------------
190
191// Spinner
192
193@include keyframes('spinner-show') {
194  0% {
195    opacity: 0;
196  }
197  100% {
198    opacity: 1;
199  }
200}
201
202@include keyframes('spinner-hide') {
203  0% {
204    color:   _palette(fg-lighter);
205    z-index: _misc(z-index-overlay) + 1;
206    @include vendor('transform', 'scale(1) rotate(0deg)');
207  }
208  99% {
209    color:   _palette(bg);
210    z-index: _misc(z-index-overlay) + 1;
211    @include vendor('transform', 'scale(0.5) rotate(360deg)');
212  }
213  100% {
214    color:   _palette(bg);
215    z-index: -1;
216    @include vendor('transform', 'scale(0.5) rotate(360deg)');
217  }
218}
219
220@include keyframes('spinner-rotate') {
221  0% {
222    @include vendor('transform', 'scale(1) rotate(0deg)');
223  }
224  100% {
225    @include vendor('transform', 'scale(1) rotate(360deg)');
226  }
227}
228
229// Overlay
230
231@include keyframes('overlay-hide') {
232  0% {
233    opacity: 1;
234    z-index: _misc(z-index-overlay);
235  }
236  15% {
237    opacity: 1;
238    z-index: _misc(z-index-overlay);
239  }
240  99% {
241    opacity: 0;
242    z-index: _misc(z-index-overlay);
243  }
244  100% {
245    opacity: 0;
246    z-index: -1;
247  }
248}
249
250@media (-webkit-min-device-pixel-ratio: 2) {
251  body.landing:before {
252    line-height: 2.025em;
253  }
254}
255
256//-----------------------------------
257// Section/Article
258//-----------------------------------
259
260section, article {
261  &.special {
262    text-align: center;
263  }
264}
265
266header {
267  p {
268    color:    _palette(fg-bold);
269    position: relative;
270    margin:   0 0 (_size(element-margin) * 0.75) 0;
271  }
272
273  h2 + p {
274    font-size:   1.25em;
275    margin-top:  (_size(element-margin) * -0.5);
276    line-height: 1.75em;
277  }
278
279  h3 + p {
280    font-size:   1.1em;
281    margin-top:  (_size(element-margin) * -0.4);
282    line-height: 1.75em;
283  }
284
285  h4 + p,
286  h5 + p,
287  h6 + p {
288    font-size:   0.9em;
289    margin-top:  (_size(element-margin) * -0.3);
290    line-height: 1.5em;
291  }
292
293  &.major {
294    margin:     0 0 (_size(element-margin) * 2) 0;
295    text-align: center;
296
297    &:after {
298      background: _palette(accent1);
299      content:    '';
300      display:    inline-block;
301      height:     2px;
302      width:      100%;
303    }
304  }
305}
306
307body.sommaire header {
308  margin:     0 0 (_size(element-margin) * 2) 0;
309  text-align: center;
310}
311
312footer {
313  &.major {
314    margin: (_size(element-margin) * 2) 0 0 0;
315  }
316}
317
318//-----------------------------------
319// Box
320//-----------------------------------
321
322.box {
323  border-radius: _size(border-radius);
324  border:        solid 1px _palette(border);
325  margin-bottom: _size(element-margin);
326  padding:       1.5em;
327
328  > :last-child,
329  > :last-child > :last-child,
330  > :last-child > :last-child > :last-child {
331    margin-bottom: 0;
332  }
333
334  &.alt {
335    border:        0;
336    border-radius: 0;
337    padding:       0;
338  }
339}
340
341//-----------------------------------
342// Image
343//-----------------------------------
344
345.image, .spip_documents, .mediabox {
346  border-radius: _size(border-radius);
347  border:        0;
348  display:       inline-block;
349  position:      relative;
350  overflow:      hidden;
351
352  &:before {
353    content:          '';
354    display:          block;
355    position:         absolute;
356    left:             0;
357    top:              0;
358    background-image: url('images/overlay.png');
359    width:            100%;
360    height:           100%;
361    z-index:          1;
362  }
363
364  img {
365    border-radius: _size(border-radius);
366    display:       block;
367  }
368
369  &.spip_documents_left {
370    float:  left;
371    margin: 0 1.5em 1em 0;
372    top:    0.25em;
373  }
374
375  &.spip_documents_right {
376    float:  right;
377    margin: 0 0 1em 1.5em;
378    top:    0.25em;
379  }
380
381  &.spip_documents_left,
382  &.spip_documents_right {
383    max-width: 40%;
384
385    img {
386      width: 100%;
387    }
388  }
389
390  &.fit {
391    display: block;
392    margin:  0 0 _size(element-margin) 0;
393    width:   100%;
394
395    img {
396      width:  100%;
397      height: auto;
398    }
399  }
400}
401
402//-----------------------------------
403// List
404//-----------------------------------
405
406ol {
407  list-style:   decimal;
408  margin:       0 0 _size(element-margin) 0;
409  padding-left: 1.25em;
410
411  li {
412    padding-left: 0.25em;
413  }
414}
415
416ul {
417  list-style:   disc;
418  margin:       0 0 _size(element-margin) 1.5em;
419  padding-left: 1.5em;
420
421  li {
422    padding-left: 0.5em;
423  }
424
425  ul {
426    margin-bottom: 0;
427  }
428
429  &.alt {
430    list-style:   none;
431    padding-left: 0;
432
433    li {
434      border-top: solid 1px _palette(border);
435      padding:    0.5em 0;
436
437      &:first-child {
438        border-top:  0;
439        padding-top: 0;
440      }
441    }
442  }
443}
444
445dl {
446  margin: 0 0 _size(element-margin) 0;
447}
448
449//-----------------------------------
450// Table
451//-----------------------------------
452
453.table-wrapper {
454  -webkit-overflow-scrolling: touch;
455  overflow-x:                 auto;
456}
457
458table {
459  margin: 0 0 _size(element-margin) 0;
460  width:  100%;
461
462  tbody {
463    tr {
464      border:       solid 1px _palette(border);
465      border-left:  0;
466      border-right: 0;
467
468      &:nth-child(2n + 1) {
469        background-color: _palette(border-bg);
470      }
471    }
472  }
473
474  td {
475    padding: 0.75em 0.75em;
476  }
477
478  th {
479    color:       _palette(fg-bold);
480    font-size:   0.9em;
481    font-weight: _font(weight-bold);
482    padding:     0 0.75em 0.75em 0.75em;
483    text-align:  left;
484  }
485
486  thead {
487    border-bottom: solid 1px _palette(border);
488  }
489
490  tfoot {
491    border-top: solid 1px _palette(border);
492  }
493
494  &.alt {
495    border-collapse: separate;
496
497    tbody {
498      tr {
499        td {
500          border:            solid 1px _palette(border);
501          border-left-width: 0;
502          border-top-width:  0;
503
504          &:first-child {
505            border-left-width: 1px;
506          }
507        }
508
509        &:first-child {
510          td {
511            border-top-width: 1px;
512          }
513        }
514      }
515    }
516
517    thead {
518      border-bottom: 0;
519    }
520
521    tfoot {
522      border-top: 0;
523    }
524  }
525}
526
527//-----------------------------------
528// Button
529//-----------------------------------
530
531input[type="submit"],
532input[type="reset"],
533input[type="button"],
534.button {
535  @include vendor('appearance', 'none');
536  @include vendor('transition', ('background-color #{_duration(transition)} ease-in-out', 'color #{_duration(transition)} ease-in-out', 'box-shadow #{_duration(transition)} ease-in-out'));
537  background-color: transparent;
538  border-radius:    _size(border-radius);
539  border:           0;
540  box-shadow:       inset 0 0 0 1px _palette(border);
541  color:            _palette(fg-bold) !important;
542  cursor:           pointer;
543  display:          inline-block;
544  font-weight:      _font(weight-bold);
545  height:           _size(element-height);
546  line-height:      _size(element-height);
547  padding:          0 2.25em;
548  text-align:       center;
549  text-decoration:  none;
550  white-space:      nowrap;
551
552  &:hover, &:active {
553    box-shadow: inset 0 0 0 1px _palette(accent1);
554    color:      _palette(accent1) !important;
555  }
556
557  &:active {
558    background-color: transparentize(_palette(accent1), 0.85);
559  }
560
561  &.fit {
562    display: block;
563    margin:  0 0 (_size(element-margin) * 0.5) 0;
564    width:   100%;
565  }
566
567  &.small {
568    font-size: 0.8em;
569  }
570
571  &.big {
572    font-size: 1.35em;
573  }
574
575  &.special {
576    background-color: _palette(accent1);
577    box-shadow:       none;
578    color:            _palette(fg-bold) !important;
579
580    &:hover {
581      background-color: lighten(_palette(accent1), 5);
582    }
583
584    &:active {
585      background-color: darken(_palette(accent1), 5);
586    }
587  }
588
589  &.disabled,
590  &:disabled {
591    background-color: _palette(border) !important;
592    box-shadow:       none !important;
593    color:            _palette(fg-bold) !important;
594    cursor:           default;
595    opacity:          0.25;
596  }
597}
598
599//-----------------------------------
600// Goto Next
601//-----------------------------------
602
603.goto-next {
604  border:      0;
605  bottom:      0;
606  display:     block;
607  height:      5em;
608  left:        50%;
609  margin:      0 0 0 -5em;
610  overflow:    hidden;
611  position:    absolute;
612  text-indent: 10em;
613  white-space: nowrap;
614  width:       10em;
615  z-index:     1;
616
617  &:before {
618    background-image:    url('images/arrow.svg');
619    background-position: center center;
620    background-repeat:   no-repeat;
621    background-size:     contain;
622    content:             '';
623    display:             block;
624    height:              1.5em;
625    left:                50%;
626    margin:              -0.75em 0 0 -1em;
627    position:            absolute;
628    top:                 50%;
629    width:               2em;
630    z-index:             1;
631  }
632}
633
634//-----------------------------------
635// Spotlight
636//-----------------------------------
637
638.spotlight {
639  background-attachment: fixed;
640  background-position:   center center;
641  background-size:       cover;
642  box-shadow:            0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
643  height:                100vh;
644  overflow:              hidden;
645  position:              relative;
646
647  // Force spotlights to stack in reverse order (needed for our box
648  // shadows to overlap stuff in the right direction).
649  @for $i from 1 through _misc(max-spotlight) {
650    &:nth-last-of-type(#{$i}) {
651      z-index: #{$i};
652    }
653  }
654
655  &:before {
656    //    background-image: url('images/overlay.png');
657    content: '';
658    display: block;
659    height:  100%;
660    left:    0;
661    top:     0;
662    width:   100%;
663  }
664
665  .image.main {
666    display: none;
667
668    img {
669      position: relative;
670    }
671  }
672
673  .content {
674    @include vendor('transform', 'translate(0,0)');
675    @include vendor('transition', 'transform 1s ease, opacity 1s ease');
676    background:   _palette(bg-transparent);
677    border-color: _palette(accent1);
678    border-style: solid;
679    opacity:      1;
680    position:     absolute;
681  }
682
683  .goto-next {
684    @include vendor('transform', 'translate(0,0)');
685    @include vendor('transition', 'transform 0.75s ease, opacity 1s ease-in');
686    @include vendor('transition-delay', '0.5s');
687    opacity: 1;
688  }
689
690  &.top, &.bottom {
691    .content {
692      left:    0;
693      padding: ($size-wrapper-pad-tb * 0.85) 0 (($size-wrapper-pad-tb * 0.85) - _size(element-margin)) 0;
694      width:   100%;
695    }
696  }
697
698  &.top {
699    .content {
700      border-bottom-width: 0.35em;
701      top:                 0;
702    }
703  }
704
705  &.bottom {
706    .content {
707      border-top-width: 0.35em;
708      bottom:           0;
709    }
710  }
711
712  &.left, &.right {
713    .content {
714      height:  101%;
715      padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
716      top:     0;
717      width:   28em;
718    }
719  }
720
721  &.left {
722    .content {
723      border-right-width: 0.35em;
724      left:               0;
725    }
726  }
727
728  &.right {
729    .content {
730      border-left-width: 0.35em;
731      right:             0;
732    }
733  }
734
735  &.inactive {
736    .content {
737      opacity: 0;
738    }
739
740    .goto-next {
741      @include vendor('transform', 'translate(0,1.5em)');
742      opacity: 0;
743    }
744
745    &.top {
746      .content {
747        @include vendor('transform', 'translate(0,-5em)');
748      }
749    }
750
751    &.bottom {
752      .content {
753        @include vendor('transform', 'translate(0,5em)');
754      }
755    }
756
757    &.left {
758      .content {
759        @include vendor('transform', 'translate(-5em,0)');
760      }
761    }
762
763    &.right {
764      .content {
765        @include vendor('transform', 'translate(5em,0)');
766      }
767    }
768  }
769}
770
771body.is-touch {
772  .spotlight {
773    background-attachment: scroll;
774  }
775}
776
777//-----------------------------------
778// Wrapper
779//-----------------------------------
780
781.wrapper {
782  padding: $size-wrapper-pad-tb 0 ($size-wrapper-pad-tb - _size(element-margin)) 0;
783
784  &.fade-down {
785    > .container {
786      @include vendor('transform', 'translate(0,0)');
787      @include vendor('transition', 'transform 1s ease, opacity 1s ease');
788      opacity: 1;
789    }
790
791    &.inactive {
792      > .container {
793        @include vendor('transform', 'translate(0,-1em)');
794        opacity: 0;
795      }
796    }
797  }
798
799  &.fade-up {
800    > .container {
801      @include vendor('transform', 'translate(0,0)');
802      @include vendor('transition', 'transform 1s ease, opacity 1s ease');
803      opacity: 1;
804    }
805
806    &.inactive {
807      > .container {
808        @include vendor('transform', 'translate(0,1em)');
809        opacity: 0;
810      }
811    }
812  }
813
814  &.fade {
815    > .container {
816      @include vendor('transition', 'opacity 1s ease');
817      opacity: 1;
818    }
819
820    &.inactive {
821      > .container {
822        opacity: 0;
823      }
824    }
825  }
826}
827
828.section-home {
829  position: relative;
830  height:   100vh;
831  .container {
832    text-align: center;
833  }
834}
835
836//-----------------------------------
837// Dropotron
838//-----------------------------------
839
840.dropotron {
841  background:    _palette(accent2-transparent);
842  border-radius: _size(border-radius);
843  box-shadow:    0 0.075em 0.35em 0 rgba(0, 0, 0, 0.125);
844  list-style:    none;
845  margin-top:    calc(-0.25em + 1px);
846  min-width:     12em;
847  padding:       0.25em 0;
848
849  > li {
850    border-top: solid 1px rgba(255, 255, 255, 0.035);
851    padding:    0;
852
853    a, span {
854      border:          0;
855      color:           _palette(fg);
856      display:         block;
857      padding:         0.1em 1em;
858      text-decoration: none;
859    }
860
861    &:first-child {
862      border-top: 0;
863    }
864
865    &.active {
866      > a, > span {
867        color: _palette(accent1);
868      }
869    }
870  }
871
872  &.level-0 {
873    font-size:  0.8em;
874    margin-top: 1em;
875
876    &:before {
877      @include vendor('transform', 'rotate(45deg)');
878      background: _palette(accent2);
879      content:    '';
880      display:    block;
881      height:     1em;
882      position:   absolute;
883      right:      1.5em;
884      top:        -0.5em;
885      width:      1em;
886    }
887  }
888}
889
890body.landing {
891  .dropotron {
892    &.level-0 {
893      margin-top: 0;
894    }
895  }
896}
897
898//-----------------------------------
899// Header
900//-----------------------------------
901
902#page-wrapper {
903  padding-top: 3.5em;
904}
905
906#header {
907  background:  #303030;
908  box-shadow:  0 0 0.25em 0 rgba(0, 0, 0, 0.25);
909  cursor:      default;
910  height:      3.5em;
911  left:        0;
912  line-height: 3.5em;
913  position:    fixed;
914  top:         0;
915  width:       100%;
916  z-index:     100;
917
918  .logo-site {
919    display:                flex;
920    flex-direction:         column;
921    -webkit-flex-direction: column;
922    justify-content:        center;
923    height:                 inherit;
924    line-height:            inherit;
925    margin:                 0;
926    position:               absolute;
927    top:                    0;
928    left:                   1em;
929    font-size:              100%;
930    a {
931      color:         white;
932      border-bottom: none;
933      height:        inherit;
934      line-height:   inherit;
935      max-height:    80%;
936      img {
937        max-height: 100%;
938      }
939    }
940    img {
941      width:      auto;
942      max-height: 80%;
943    }
944    @include breakpoint(small) {
945      display: none;
946    }
947  }
948
949  nav {
950    position: absolute;
951    right:    1em;
952    top:      0;
953
954    ul {
955      margin: 0;
956
957      li {
958        display:     inline-block;
959        margin-left: 1em;
960
961        a, span {
962          border:      0;
963          color:       inherit;
964          display:     inline-block;
965          height:      inherit;
966          line-height: inherit;
967          outline:     0;
968
969          &.button {
970            height:      2em;
971            line-height: 2em;
972            padding:     0 1.25em;
973          }
974
975          &:not(.button):before {
976            margin-right: 0.5em;
977          }
978        }
979
980        &.on {
981          > a, > span {
982            color: _palette(accent1);
983          }
984        }
985
986        > ul {
987          display: none;
988        }
989      }
990
991    }
992
993    & > ul > li.on > a {
994      background-color: _palette(accent1);
995      box-shadow:       none;
996      border-radius:    4px;
997      border:           none;
998      color:            #FFFFFF !important;
999      display:          inline-block;
1000      height:           2em;
1001      line-height:      2em;
1002      padding:          0 .5em;
1003      text-align:       center;
1004      text-decoration:  none;
1005      white-space:      nowrap;
1006      &:hover {
1007        background-color: lighten(_palette(accent1), 5);
1008      }
1009    }
1010
1011  }
1012}
1013
1014.dropotron > .on > a {
1015  color: _palette(accent1) !important;
1016}
1017
1018body.landing {
1019  #page-wrapper {
1020    padding-top: 0;
1021  }
1022
1023  //#header {
1024  //  background: transparent;
1025  //  box-shadow: none;
1026  //  position:   absolute;
1027  //}
1028}
1029
1030//-----------------------------------
1031// Banner
1032//-----------------------------------
1033
1034#banner {
1035  background-attachment: fixed;
1036  background-color:      _palette(accent2);
1037  background-position:   center center;
1038  background-size:       cover;
1039  box-shadow:            0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
1040  min-height:            100vh;
1041  position:              relative;
1042  text-align:            center;
1043  z-index:               (_misc(max-spotlight) + 1);
1044
1045  &:before {
1046    content:        '';
1047    display:        inline-block;
1048    height:         100vh;
1049    vertical-align: middle;
1050    width:          1%;
1051  }
1052
1053  &:after {
1054    @include vendor('background-image', ('linear-gradient(top, #{_palette(bg-transparent)}, #{_palette(bg-transparent)})', 'url("images/overlay.png")'));
1055    content:  '';
1056    display:  block;
1057    height:   100%;
1058    left:     0;
1059    position: absolute;
1060    top:      0;
1061    width:    100%;
1062  }
1063
1064  .content {
1065    display:        inline-block;
1066    margin-right:   1%;
1067    max-width:      95%;
1068    padding:        $size-wrapper-pad-tb;
1069    position:       relative;
1070    text-align:     center;
1071    vertical-align: middle;
1072    z-index:        1;
1073
1074    header {
1075      display:        inline-block;
1076      vertical-align: middle;
1077      text-align:     right;
1078      max-width:      50%;
1079      @include breakpoint(medium) {
1080        max-width: 100%;
1081      }
1082
1083      h2 {
1084        font-size: 2.5em;
1085        margin:    0;
1086      }
1087
1088      p {
1089        margin: (_size(element-margin) * 0.25) 0 0 0;
1090        top:    0;
1091      }
1092    }
1093
1094    .image {
1095      border-radius:  100%;
1096      display:        inline-block;
1097      height:         18em;
1098      margin-left:    3em;
1099      vertical-align: middle;
1100      width:          18em;
1101
1102      img {
1103        border-radius: 100%;
1104        display:       block;
1105        width:         100%;
1106      }
1107    }
1108  }
1109}
1110
1111body.is-touch {
1112  #banner {
1113    background-attachment: scroll;
1114  }
1115}
1116
1117//-----------------------------------
1118// Portfolio
1119//-----------------------------------
1120
1121.portfolio {
1122  list-style: none;
1123  display:    flex;
1124  flex-wrap:  wrap;
1125  margin:     0 -1em;
1126  padding:    0;
1127  > * {
1128    padding: 0;
1129    margin:  1em;
1130  }
1131}
1132
1133//-----------------------------------
1134// hierarchie
1135//-----------------------------------
1136
1137.hierarchie {
1138  display:   block;
1139  font-size: 0.9em;
1140  color:     rgba(255, 255, 255, 0.5);
1141  a, strong {
1142    color:           rgba(255, 255, 255, 0.5);
1143    text-decoration: none;
1144    border-bottom:   none;
1145  }
1146  .sep {
1147    display: inline-block;
1148    padding: 0.3em;
1149  }
1150  @include breakpoint(small) {
1151    display: none;
1152  }
1153}
1154
1155//-----------------------------------
1156// Footer
1157//-----------------------------------
1158
1159#footer {
1160  background: _palette(accent2);
1161  padding:    $size-wrapper-pad-tb 0;
1162  text-align: center;
1163
1164  ul {
1165    color:       _palette(fg-light);
1166    font-size:   0.9em;
1167    line-height: 1em;
1168    margin:      0;
1169    padding:     0;
1170    text-align:  center;
1171
1172    li {
1173      border-left:  solid 1px _palette(border);
1174      display:      inline-block;
1175      list-style:   none;
1176      margin-left:  1.5em;
1177      padding-left: 1.5em;
1178
1179      &:first-child {
1180        border-left:  0;
1181        margin-left:  0;
1182        padding-left: 0;
1183      }
1184
1185      a {
1186        color: inherit;
1187      }
1188    }
1189  }
1190
1191  .sociaux-list {
1192    margin-bottom: 2em;
1193    li {
1194      display:    inline-block;
1195      list-style: none;
1196      margin:     0 .5em;
1197      padding:    0;
1198      border:     none;
1199      a {
1200        color:  inherit;
1201        border: none;
1202      }
1203    }
1204    .socicon {
1205      @include vendor('transition', ('background-color #{_duration(transition)} ease-in-out', 'color #{_duration(transition)} ease-in-out'));
1206      font-size:  1.2em;
1207      padding:    0.3em;
1208      background: _palette(bg);
1209      &:hover {
1210        color:      _palette(bg);
1211        background: white;
1212      }
1213    }
1214  }
1215
1216}
1217
1218//-----------------------------------
1219// Main
1220//-----------------------------------
1221
1222#main {
1223  overflow: hidden;
1224}
1225
1226//-----------------------------------
1227// XLarge
1228//-----------------------------------
1229
1230@include breakpoint(xlarge) {
1231
1232  //-----------------------------------
1233  // Basic
1234  //-----------------------------------
1235
1236  body, input, select, textarea {
1237    font-size: 13pt;
1238  }
1239
1240}
1241
1242//-----------------------------------
1243// Large
1244//-----------------------------------
1245
1246@include breakpoint(large) {
1247
1248  $size-wrapper-pad-tb: 4.5em;
1249  $size-wrapper-pad-lr: 2.5em;
1250
1251  //-----------------------------------
1252  // Basic
1253  //-----------------------------------
1254
1255  body, input, select, textarea {
1256    font-size: 11.5pt;
1257  }
1258
1259  //-----------------------------------
1260  // Spotlight
1261  //-----------------------------------
1262
1263  .spotlight {
1264    &.top {
1265      .content {
1266        padding: ($size-wrapper-pad-tb * 0.85) 0 (($size-wrapper-pad-tb * 0.85) - _size(element-margin)) 0;
1267      }
1268    }
1269
1270    &.bottom {
1271      .content {
1272        padding: ($size-wrapper-pad-tb * 0.85) 0 (($size-wrapper-pad-tb * 1.1) - _size(element-margin)) 0;
1273      }
1274    }
1275
1276    &.left, &.right {
1277      .content {
1278        padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
1279        width:   25em;
1280      }
1281    }
1282  }
1283
1284  //-----------------------------------
1285  // Wrapper
1286  //-----------------------------------
1287
1288  .wrapper {
1289    padding: $size-wrapper-pad-tb 0 ($size-wrapper-pad-tb - _size(element-margin)) 0;
1290  }
1291
1292  //-----------------------------------
1293  // Dropotron
1294  //-----------------------------------
1295
1296  .dropotron {
1297    &.level-0 {
1298      font-size: 1em;
1299    }
1300  }
1301
1302  //-----------------------------------
1303  // Banner
1304  //-----------------------------------
1305
1306  #banner {
1307    .content {
1308      padding: $size-wrapper-pad-tb;
1309    }
1310  }
1311
1312  //-----------------------------------
1313  // Footer
1314  //-----------------------------------
1315
1316  #footer {
1317    padding: $size-wrapper-pad-tb 0;
1318  }
1319
1320}
1321
1322//-----------------------------------
1323// Medium
1324//-----------------------------------
1325
1326@include breakpoint(medium) {
1327
1328  $size-wrapper-pad-tb: 4.5em;
1329  $size-wrapper-pad-lr: 2.5em;
1330
1331  //-----------------------------------
1332  // Basic
1333  //-----------------------------------
1334
1335  body, input, select, textarea {
1336    font-size: 12pt;
1337  }
1338
1339  //-----------------------------------
1340  // Spotlight
1341  //-----------------------------------
1342
1343  .spotlight {
1344    background-attachment: scroll;
1345    height:                auto;
1346
1347    .image.main {
1348      display:    block;
1349      margin:     0;
1350      max-height: 40vh;
1351      overflow:   hidden;
1352    }
1353
1354    .content {
1355      background-color: _palette(bg);
1356      border-width:     0 !important;
1357      border-top-width: 0.35em !important;
1358      bottom:           auto !important;
1359      left:             auto !important;
1360      padding:          $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr !important;
1361      position:         relative;
1362      right:            auto !important;
1363      text-align:       center;
1364      top:              auto !important;
1365      width:            100% !important;
1366    }
1367
1368    .goto-next {
1369      display: none;
1370    }
1371  }
1372  .section-home {
1373    .goto-next {
1374      display: none;
1375    }
1376  }
1377
1378  //-----------------------------------
1379  // Wrapper
1380  //-----------------------------------
1381
1382  .wrapper {
1383    padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr;
1384  }
1385
1386  //-----------------------------------
1387  // Banner
1388  //-----------------------------------
1389
1390  #banner {
1391    background-attachment: scroll;
1392
1393    .goto-next {
1394      height: 7em;
1395    }
1396
1397    .content {
1398      padding:    ($size-wrapper-pad-tb * 2) 0;
1399      text-align: center;
1400
1401      header {
1402        display:    block;
1403        margin:     0 0 _size(element-margin) 0;
1404        text-align: center;
1405      }
1406
1407      .image {
1408        margin: 0;
1409      }
1410    }
1411  }
1412
1413  //-----------------------------------
1414  // Footer
1415  //-----------------------------------
1416
1417  #footer {
1418    padding: $size-wrapper-pad-tb 0;
1419  }
1420
1421}
1422
1423//-----------------------------------
1424// Small
1425//-----------------------------------
1426
1427#navPanel, #titleBar {
1428  display: none;
1429}
1430
1431@include breakpoint(small) {
1432
1433  $size-wrapper-pad-tb: 3.25em;
1434  $size-wrapper-pad-lr: 1.5em;
1435
1436  //-----------------------------------
1437  // Basic
1438  //-----------------------------------
1439
1440  html, body {
1441    overflow-x: hidden;
1442  }
1443
1444  body, input, select, textarea {
1445    font-size: 12pt;
1446  }
1447
1448  h1 {
1449    font-size: 1.85em;
1450  }
1451
1452  h2 {
1453    font-size: 1.5em;
1454  }
1455
1456  h3 {
1457    font-size: 1.2em;
1458  }
1459
1460  h4 {
1461    font-size: 1em;
1462  }
1463
1464  //-----------------------------------
1465  // Section/Article
1466  //-----------------------------------
1467
1468  header {
1469    p {
1470      br {
1471        display: none;
1472      }
1473    }
1474
1475    h1 + p {
1476      font-size: 1em;
1477    }
1478
1479    h2 + p {
1480      font-size: 1em;
1481    }
1482
1483    h3 + p {
1484      font-size: 1em;
1485    }
1486
1487    h4 + p,
1488    h5 + p,
1489    h6 + p {
1490      font-size: 0.9em;
1491    }
1492
1493    &.major {
1494      margin: 0 0 _size(element-margin) 0;
1495    }
1496  }
1497
1498  //-----------------------------------
1499  // Goto Next
1500  //-----------------------------------
1501
1502  .goto-next {
1503    &:before {
1504      height: 0.8em;
1505      margin: -0.4em 0 0 -0.6em;
1506      width:  1.2em;
1507    }
1508  }
1509
1510  //-----------------------------------
1511  // Spotlight
1512  //-----------------------------------
1513
1514  .spotlight {
1515    box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
1516
1517    .image.main {
1518      max-height: 60vh;
1519    }
1520
1521    .content {
1522      border-top-width: 0.2em !important;
1523      padding:          $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr !important;
1524    }
1525  }
1526
1527  //-----------------------------------
1528  // Wrapper
1529  //-----------------------------------
1530
1531  .wrapper {
1532    padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr;
1533  }
1534
1535  //-----------------------------------
1536  // Header
1537  //-----------------------------------
1538
1539  #header {
1540    display: none;
1541  }
1542
1543  //-----------------------------------
1544  // Banner
1545  //-----------------------------------
1546
1547  #banner {
1548    box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
1549    min-height: calc(100vh - 44px);
1550
1551    &:before {
1552      height: calc(100vh - 44px);
1553    }
1554
1555    .content {
1556      padding: ($size-wrapper-pad-tb * 1.25) $size-wrapper-pad-lr ($size-wrapper-pad-tb * 1.5) $size-wrapper-pad-lr;
1557
1558      header {
1559        h1, h2 {
1560          font-size: 1.5em;
1561        }
1562      }
1563
1564      .image {
1565        height: 9em;
1566        width:  9em;
1567      }
1568    }
1569  }
1570
1571  //-----------------------------------
1572  // Off-Canvas Navigation
1573  //-----------------------------------
1574
1575  #page-wrapper {
1576    @include vendor('backface-visibility', 'hidden');
1577    @include vendor('transition', 'transform #{_duration(navPanel)} ease');
1578    padding-bottom: 1px;
1579    padding-top:    44px !important;
1580  }
1581
1582  #titleBar {
1583    @include vendor('backface-visibility', 'hidden');
1584    @include vendor('transition', 'transform #{_duration(navPanel)} ease');
1585    display:    block;
1586    height:     44px;
1587    left:       0;
1588    position:   fixed;
1589    top:        0;
1590    width:      100%;
1591    z-index:    _misc(z-index-base) + 1;
1592    background: _palette(accent2);
1593    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
1594
1595    .title {
1596      color:       _palette(fg-bold);
1597      display:     block;
1598      font-weight: _font(weight-bold);
1599      height:      44px;
1600      line-height: 44px;
1601      text-align:  center;
1602      a {
1603        color:   inherit;
1604        border:  0;
1605        display: inline-block;
1606        img {
1607          width:      auto;
1608          max-height: 36px;
1609          margin-top: 4px;
1610        }
1611      }
1612    }
1613
1614    .toggle {
1615      //@include icon;
1616      position: absolute;
1617      left:     0;
1618      top:      0;
1619      outline:  0;
1620      border:   0;
1621      height:   44px;
1622      width:    54px;
1623
1624      &:before {
1625        content:    '';
1626        position:   absolute;
1627        display:    block;
1628        top:        13px;
1629        left:       19px;
1630        height:     18px;
1631        width:      16px;
1632        background: linear-gradient(to bottom,
1633          _palette(accent2-transparent) 0%, _palette(accent2-transparent) 20%,
1634          transparent 20%, transparent 40%,
1635          _palette(accent2-transparent) 40%, _palette(accent2-transparent) 60%,
1636          transparent 60%, transparent 80%,
1637          _palette(accent2-transparent) 80%, _palette(accent2-transparent) 100%);
1638      }
1639    }
1640
1641    .img-logo {
1642      width:      auto;
1643      max-height: 44px;
1644      padding:    4px 0;
1645    }
1646  }
1647
1648  #navPanel {
1649    @include vendor('backface-visibility', 'hidden');
1650    @include vendor('transform', 'translateX(#{_size(navPanel) * -1})');
1651    @include vendor('transition', ('transform #{_duration(navPanel)} ease'));
1652    display:    block;
1653    height:     100%;
1654    left:       0;
1655    overflow-y: auto;
1656    position:   fixed;
1657    top:        0;
1658    width:      _size(navPanel);
1659    z-index:    _misc(z-index-base) + 2;
1660    background: darken(_palette(bg), 2);
1661    padding:    0.75em 1.25em;
1662
1663    .link {
1664      border:          0;
1665      border-top:      solid 1px transparentize(_palette(border), 0.25);
1666      color:           _palette(fg);
1667      display:         block;
1668      height:          3em;
1669      line-height:     3em;
1670      text-decoration: none;
1671
1672      &:hover {
1673        color: inherit !important;
1674      }
1675
1676      &:first-child {
1677        border-top: 0;
1678      }
1679
1680      &.depth-0 {
1681        color:       _palette(fg-bold);
1682        font-weight: _font(weight-bold);
1683      }
1684
1685      .indent-1 {
1686        display: inline-block;
1687        width:   1.25em;
1688      }
1689      .indent-2 {
1690        display: inline-block;
1691        width:   2.5em;
1692      }
1693      .indent-3 {
1694        display: inline-block;
1695        width:   3.75em;
1696      }
1697      .indent-4 {
1698        display: inline-block;
1699        width:   5em;
1700      }
1701      .indent-5 {
1702        display: inline-block;
1703        width:   6.25em;
1704      }
1705    }
1706  }
1707
1708  body {
1709    &.navPanel-visible {
1710      #page-wrapper {
1711        @include vendor('transform', 'translateX(#{_size(navPanel)})');
1712      }
1713
1714      #titleBar {
1715        @include vendor('transform', 'translateX(#{_size(navPanel)})');
1716      }
1717
1718      #navPanel {
1719        @include vendor('transform', 'translateX(0)');
1720      }
1721    }
1722  }
1723
1724  //-----------------------------------
1725  // Footer
1726  //-----------------------------------
1727
1728  #footer {
1729    padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
1730  }
1731
1732}
1733
1734//-----------------------------------
1735// XSmall
1736//-----------------------------------
1737
1738@include breakpoint(xsmall) {
1739
1740  $size-wrapper-pad-tb: 3em;
1741  $size-wrapper-pad-lr: 1.25em;
1742
1743  //-----------------------------------
1744  // Basic
1745  //-----------------------------------
1746
1747  html, body {
1748    min-width: 320px;
1749  }
1750
1751  body, input, select, textarea {
1752    font-size: 12pt;
1753  }
1754
1755  //-----------------------------------
1756  // List
1757  //-----------------------------------
1758
1759  ul {
1760    &.actions {
1761      margin: 0 0 _size(element-margin) 0;
1762
1763      li {
1764        display:    block;
1765        padding:    (_size(element-margin) * 0.5) 0 0 0;
1766        text-align: center;
1767        width:      100%;
1768
1769        &:first-child {
1770          padding-top: 0;
1771        }
1772
1773        > * {
1774          margin: 0 !important;
1775          width:  100%;
1776        }
1777      }
1778
1779      &.small {
1780        li {
1781          padding: (_size(element-margin) * 0.25) 0 0 0;
1782
1783          &:first-child {
1784            padding-top: 0;
1785          }
1786        }
1787      }
1788    }
1789  }
1790
1791  //-----------------------------------
1792  // Button
1793  //-----------------------------------
1794
1795  input[type="submit"],
1796  input[type="reset"],
1797  input[type="button"],
1798  .button {
1799    padding: 0;
1800  }
1801
1802  //-----------------------------------
1803  // Spotlight
1804  //-----------------------------------
1805
1806  .spotlight {
1807    .image.main {
1808      max-height: 50vh;
1809    }
1810
1811    .content {
1812      padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr !important;
1813    }
1814  }
1815
1816  //-----------------------------------
1817  // Wrapper
1818  //-----------------------------------
1819
1820  .wrapper {
1821    padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr;
1822  }
1823
1824  //-----------------------------------
1825  // Banner
1826  //-----------------------------------
1827
1828  #banner {
1829    .content {
1830      padding: $size-wrapper-pad-tb ($size-wrapper-pad-lr * 1.25) ($size-wrapper-pad-tb * 1.75) ($size-wrapper-pad-lr * 1.25);
1831    }
1832  }
1833
1834  //-----------------------------------
1835  // Footer
1836  //-----------------------------------
1837
1838  #footer {
1839    padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
1840
1841    .copyright {
1842      line-height: inherit;
1843
1844      li {
1845        border-left: 0;
1846        display:     block;
1847        margin:      0;
1848        padding:     0;
1849      }
1850    }
1851  }
1852
1853}
1854
1855//-----------------------------------
1856// * Hide only visually, but have it available for screen readers:
1857// * http: //snook.ca/archives/html_and_css/hiding-content-for-accessibility
1858//-----------------------------------
1859.visuallyhidden {
1860  border:   0;
1861  clip:     rect(0 0 0 0);
1862  height:   1px;
1863  margin:   -1px;
1864  overflow: hidden;
1865  padding:  0;
1866  position: absolute;
1867  width:    1px;
1868}
1869
1870//-----------------------------------
1871// * Extends the .visuallyhidden class to allow the element
1872// * to be focusable when navigated to via the keyboard:
1873// * https: //www.drupal.org/node/897638
1874//-----------------------------------
1875.visuallyhidden.focusable:active,
1876.visuallyhidden.focusable:focus {
1877  clip:     auto;
1878  height:   auto;
1879  margin:   0;
1880  overflow: visible;
1881  position: static;
1882  width:    auto;
1883}
1884
1885//-----------------------------------
1886// * Faire un lien sur un bloc entier
1887//-----------------------------------
1888.block-link-parent {
1889  position: relative;
1890  .block-link {
1891    &:before {
1892      content:  "";
1893      position: absolute;
1894      bottom:   0;
1895      left:     0;
1896      right:    0;
1897      top:      0;
1898      z-index:  1000;
1899    }
1900  }
1901}
1902
1903//-----------------------------------
1904// Tiles
1905//-----------------------------------
1906
1907.tiles {
1908  display:   flex;
1909  flex-wrap: wrap;
1910  margin:    -2.5em 0 0 -2.5em;
1911
1912  .tile {
1913    transition:    transform 0.5s ease, opacity 0.5s ease;
1914    position:      relative;
1915    width:         calc(25% - 2.5em);
1916    margin:        2.5em 0 0 2.5em;
1917    border-radius: _size(border-radius);
1918
1919    .picture {
1920      transition:    transform 0.5s ease;
1921      position:      relative;
1922      display:       block;
1923      width:         100%;
1924      border-radius: _size(border-radius);
1925      overflow:      hidden;
1926      & > div {
1927        background-size: cover;
1928        width:           300px;
1929        height:          200px;
1930      }
1931      img {
1932        display: block;
1933        width:   100%;
1934      }
1935      &:before {
1936        pointer-events: none;
1937        transition:     background-color 0.5s ease, opacity 0.5s ease;
1938        content:        '';
1939        display:        block;
1940        position:       absolute;
1941        top:            0;
1942        left:           0;
1943        width:          100%;
1944        height:         100%;
1945        z-index:        1;
1946        opacity:        0.8;
1947      }
1948      &:after {
1949        pointer-events:      none;
1950        transition:          opacity 0.5s ease;
1951        content:             '';
1952        display:             block;
1953        position:            absolute;
1954        top:                 0;
1955        left:                0;
1956        width:               100%;
1957        height:              100%;
1958        background-position: center;
1959        background-repeat:   no-repeat;
1960        background-size:     100% 100%;
1961        opacity:             0.25;
1962        z-index:             2;
1963      }
1964    }
1965
1966    & > a {
1967      display:                flex;
1968      -webkit-flex-direction: column;
1969      flex-direction:         column;
1970      align-items:            center;
1971      justify-content:        center;
1972      transition:             background-color 0.5s ease, transform 0.5s ease;
1973      position:               absolute;
1974      top:                    0;
1975      left:                   0;
1976      width:                  100%;
1977      height:                 100%;
1978      padding:                1em;
1979      border-radius:          4px;
1980      border-bottom:          0;
1981      color:                  #FFFFFF;
1982      text-align:             center;
1983      text-decoration:        none;
1984      z-index:                3;
1985
1986      &:hover {
1987        color: #FFFFFF !important;
1988      }
1989
1990      .title {
1991        font-size: 1.4em;
1992        margin:    0;
1993      }
1994
1995      .content {
1996        transition:  max-height 0.5s ease, opacity 0.5s ease;
1997        width:       100%;
1998        max-height:  0;
1999        line-height: 1.5;
2000        margin-top:  0.35em;
2001        opacity:     0;
2002        p {
2003          margin: 0;
2004        }
2005      }
2006    }
2007  }
2008}
2009
2010body:not(.is-touch) .tiles .tile:hover > .picture {
2011  -moz-transform:    scale(1.1);
2012  -webkit-transform: scale(1.1);
2013  -ms-transform:     scale(1.1);
2014  transform:         scale(1.1);
2015}
2016
2017body:not(.is-touch) .tiles .tile:hover > .picture:before {
2018  background-color: #333333;
2019  opacity:          0.35;
2020}
2021
2022body:not(.is-touch) .tiles .tile:hover > .picture:after {
2023  opacity: 0;
2024}
2025
2026body:not(.is-touch) .tiles .tile:hover .content {
2027  max-height: 15em;
2028  opacity:    1;
2029}
2030
2031* + .tiles {
2032  margin-top: 2em;
2033}
2034
2035body.is-touch .tiles .tile .content {
2036  max-height: 15em;
2037  opacity:    1;
2038}
2039
2040@include breakpoint(large) {
2041
2042  .tiles {
2043    margin: -1.25em 0 0 -1.25em;
2044  }
2045
2046  .tiles .tile {
2047    width:  calc(33.33333% - 1.25em);
2048    margin: 1.25em 0 0 1.25em;
2049  }
2050
2051}
2052
2053@include breakpoint(medium) {
2054
2055  .tiles {
2056    margin: -2.5em 0 0 -2.5em;
2057  }
2058
2059  .tiles .tile {
2060    width:  calc(50% - 2.5em);
2061    margin: 2.5em 0 0 2.5em;
2062  }
2063
2064}
2065
2066@include breakpoint(small) {
2067
2068  .tiles {
2069    margin: -1.25em 0 0 -1.25em;
2070  }
2071
2072  .tiles .tile {
2073    width:  calc(50% - 1.25em);
2074    margin: 1.25em 0 0 1.25em;
2075  }
2076
2077  .tiles .tile:hover > .picture {
2078    -moz-transform:    scale(1.0);
2079    -webkit-transform: scale(1.0);
2080    -ms-transform:     scale(1.0);
2081    transform:         scale(1.0);
2082  }
2083
2084}
2085
2086@include breakpoint(xsmall) {
2087
2088  .tiles {
2089    margin: 0;
2090  }
2091
2092  .tiles .tile {
2093    width:  100%;
2094    margin: 1.25em 0 0 0;
2095  }
2096
2097}
2098
2099//-----------------------------------
2100// SPIP boutons admin
2101//-----------------------------------
2102
2103#spip-admin {
2104  top:   3.5em;
2105  right: 1em;
2106  a {
2107    font-size: 0.8em;
2108  }
2109}
Note: See TracBrowser for help on using the repository browser.