source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportailcognac.css.html @ 118267

Last change on this file since 118267 was 118267, checked in by real3t@…, 4 weeks ago

[SoyezCréateurs?] Mode Cognac : la largeur du Cycloshow est paramétrable (contenu ou pleine largeur)

File size: 19.8 KB
Line 
1#CACHE{24*3600,cache-client}
2#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
3#HTTP_HEADER{Vary: Accept-Encoding}
4
5#SET{c_triadea,(#CONFIG{soyezcreateurs_couleurs/triadea,#be1621})}
6#SET{c_triadeb,(#CONFIG{soyezcreateurs_couleurs/triadeb,#129b9b})}
7#SET{c_triadec,(#CONFIG{soyezcreateurs_couleurs/triadec,#c38f06})}
8#SET{c_vignettes_bk,(#CONFIG{soyezcreateurs_couleurs/vignettes_bk,#ffffff})}
9#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})}
10#SET{c_body_bk,(#CONFIG{soyezcreateurs_couleurs/body_bk,#eceded})}
11#SET{c_logo_bk,(#CONFIG{soyezcreateurs_couleurs/logo_bk,transparent})}
12#SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header,#262626})}
13        #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff})}
14#SET{c_footer,(#CONFIG{soyezcreateurs_couleurs/footer,#595959})}
15        #SET{c_footer_bk,(#CONFIG{soyezcreateurs_couleurs/footer_bk,#ffffff})}
16#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})}
17        #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#ffffff})}
18#SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#017ca5})}
19        #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#ffffff})}
20#SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})}
21        #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})}
22#SET{c_datemajsite,(#CONFIG{soyezcreateurs_couleurs/datemajsite,#595959})}
23        #SET{c_datemajsite_bk,(#CONFIG{soyezcreateurs_couleurs/datemajsite_bk,#ffffff})}
24#SET{c_menu_a,(#CONFIG{soyezcreateurs_couleurs/menu_a,#005e7a})}
25        #SET{c_menu_a_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_bk,#ffffff})}
26#SET{c_menu_a_hover,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover,#ffffff})}
27        #SET{c_menu_a_hover_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover_bk,#0b7899})}
28#SET{c_menu_a_active,(#CONFIG{soyezcreateurs_couleurs/menu_a_active,#ffffff})}
29        #SET{c_menu_a_active_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_active_bk,#0b7899})}
30#SET{c_menu_a_strong,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong,#ffffff})}
31        #SET{c_menu_a_strong_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong_bk,#0b7899})}
32
33#SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})}
34        #SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#f6f6f6})}
35#SET{c_titraille,(#CONFIG{soyezcreateurs_couleurs/titraille,#005e7a})}
36        #SET{c_titraille_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_bk,#f6f6f6})}
37
38#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
39#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
40#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
41#SET{LargeurMilieu,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}}|div{2})}
42
43#miettesdepain, .boutonstexte {display: none; }
44
45div#content { width: 100%; }
46.portailcognac .boutonstexte {
47        right: 0;
48}
49
50
51{
52  /* clearfix */
53  /* ---- grid ---- */
54  /* ---- grid-item ---- */
55}
56iframe {
57  width: 100%;
58}
59img {
60  display: inline-block;
61  vertical-align: middle;
62  max-width: 100%;
63  height: auto;
64  -ms-interpolation-mode: bicubic;
65}
66:focus {
67  outline: none;
68}
69select {
70  cursor: pointer;
71}
72.spip_logo {
73  max-width: 100%;
74}
75.ariaformprop {
76  padding: 0;
77  margin: 0;
78  position: relative;
79  z-index: 99;
80  background-color: white;
81  font-size: 80%;
82}
83.ajaxbloc {
84  height: 100%;
85}
86.row {
87  margin-right: auto;
88  margin-left: auto;
89}
90.text-center {
91  text-align: center;
92}
93.text-right {
94  text-align: right;
95}
96.text-left {
97  text-align: left;
98}
99.menu {
100  margin: 0;
101  list-style-type: none;
102}
103.menu > li {
104  display: table-cell;
105  vertical-align: middle;
106}
107.vertical > li {
108  display: block;
109  vertical-align: middle;
110}
111
112.hide {
113  display: none;
114}
115.sans-border {
116  border: 0;
117}
118.avec-border {
119  border: 1px solid #aaa;
120}
121.avec-border-top {
122  border-top: 1px solid #aaa;
123}
124.avec-border-bottom {
125  border-bottom: 1px solid #aaa;
126}
127.avec-border-left {
128  border-left: 1px solid #aaa;
129}
130.sans-margin {
131  margin: 0;
132}
133.avec-margin {
134  margin: 1.5em;
135}
136.avec-margin-top {
137  margin-top: 1.5em;
138}
139.avec-margin-right {
140  margin-right: 1.5em;
141}
142.avec-margin-bottom {
143  margin-bottom: 1.5em;
144}
145.avec-margin-bottom05 {
146  margin-bottom: .5em;
147}
148.avec-margin-bottom015 {
149  margin-bottom: .15em;
150}
151.avec-margin-left {
152  margin-left: 1.5em;
153}
154@media screen and (min-width: 40em) {
155  .avec-margin-bottom-for-medium {
156    margin-bottom: 1.5em;
157  }
158}
159.sans-padding {
160  padding: 0;
161}
162@media screen and (max-width: 40em) {
163  .sans-padding-for-small {
164    padding: 0;
165  }
166}
167.avec-padding {
168  padding: 1em;
169}
170.avec-padding05 {
171  padding: .5em;
172}
173.avec-padding-top {
174  padding-top: 1em;
175}
176.avec-padding-top05 {
177  padding-top: .5em;
178}
179.avec-padding-top15 {
180  padding-top: 1.5em;
181}
182.avec-padding-right {
183  padding-right: 1em;
184}
185.avec-padding-right05 {
186  padding-right: .5em;
187}
188.avec-padding-bottom {
189  padding-bottom: 1em;
190}
191.avec-padding-left {
192  padding-left: 1em;
193}
194.avec-padding-leftright {
195  display: block;
196  padding-right: 1em;
197  padding-left: 1em;
198}
199.display-block {
200  display: block;
201}
202.text-transform-none {
203  text-transform: none;
204}
205.text-uppercase {
206  text-transform: uppercase;
207}
208.font-style-italic {
209  font-style: italic;
210}
211.position-relative {
212  position: relative;
213}
214.float-left {
215  float: left ;
216}
217.float-right {
218  float: right ;
219}
220.float-center {
221  display: table;
222  margin-right: auto ;
223  margin-left: auto ;
224}
225.z-index-999 {
226  z-index: 999;
227}
228.cursor-pointer {
229  cursor: pointer;
230}
231
232.portailcognac #letexte {
233  display: none;
234}
235.portailcognac #content {
236  padding: 0;
237  background-color: transparent;
238}
239.portailcognac #contenu {
240  max-width: 100%;
241  width: 100%;
242}
243.portailcognac #contenu #content {
244  max-width: 100%;
245  width: 100%;
246  margin: 0;
247  padding: 0;
248}
249#contenu #content img {
250  padding: 0;
251}
252#projets {
253  margin: 0;
254  padding: 0;
255}
256#projets a {
257  display: flex;
258  flex-direction: row;
259  align-content: center;
260  height: [(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par2}|?{20vw,7vw})];
261  color: white;
262  border: none;
263}
264#projets a:hover {
265  color: #333;
266}
267#projets h2 {
268  width: 100%;
269  height: auto;
270  margin: auto;
271  padding: 0 10px;
272  align-self: center;
273  color: inherit;
274  font-weight: 300;
275  text-align: center;
276}
277#projets .suite {
278  background-color: rgba(100, 100, 100, 0.5) ;
279  display: flex;
280  height: auto;
281  padding: 0 25px;
282}
283#projets .suite .icon {
284  margin: auto;
285  align-self: center;
286  font-size: 0;
287}
288#projets .suite .icon:before {
289  font-size: 3rem;
290}
291@media only screen and (max-width: 1023px) {
292  #projets h2 {
293    font-size: 36px;
294    line-height: 38px;
295  }
296}
297@media only screen and (max-width: 767px) {
298  #projets .projet {
299    width: 100%;
300    float: none;
301  }
302  #projets h2 {
303    font-size: 30px;
304    line-height: 34px;
305  }
306}
307@media only screen and (max-width: 639px) {
308  #projets .projet a {
309    height: auto;
310  }
311  #projets h2 {
312    padding: 1rem;
313    font-size: 26px;
314    line-height: 1em;
315  }
316  #projets .suite {
317    padding: 0 15px;
318  }
319  #projets .suite .icon {
320    font-size: 0;
321  }
322}
323.hasJS .slider:not(:first-child) { display:none; }
324.hasJS .slick-initialized .slider:not(:first-child) { display:block; }
325
326
327.slider-pratique {
328  margin: 0 4rem;
329}
330#cycloshow .slick-prev,
331#cycloshow .slick-next,
332.slider-pratique .slick-prev,
333.slider-pratique .slick-next {
334  width: 60px;
335  height: 70px;
336  text-shadow: initial;
337}
338.slider-pratique .slick-prev {
339  left: -60px;
340}
341#cycloshow .slick-prev:before,
342.slider-pratique .slick-prev:before {
343  content: "\276c";
344}
345.slider-pratique .slick-next {
346  right: -60px;
347}
348#cycloshow .slick-next:before,
349.slider-pratique .slick-next:before {
350  content: "\276d";
351}
352#cycloshow .slick-prev:before,
353#cycloshow .slick-next:before {
354  font-family: "picto-soyezcreateurs" ;
355  font-size: 50px;
356  opacity: 1;
357  color: #FFF;
358}
359.slider-pratique .slick-prev:before,
360.slider-pratique .slick-next:before {
361  margin-left: -20px;
362  font-family: "picto-soyezcreateurs" ;
363  font-size: 50px;
364  opacity: 1;
365  color: #GET{c_triadea};
366}
367.slider-pratique .slick-prev:hover:before,
368.slider-pratique .slick-prev:focus:before,
369.slider-pratique .slick-next:hover:before,
370.slider-pratique .slick-next:focus:before {
371  opacity: 1;
372  color: #333 ;
373}
374.slider-pratique button:hover,
375.slider-pratique button:focus {
376  background-color: transparent;
377}
378.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
379    background: rgba(48,48,48,0.5);
380}
381.slider-pratique .content-pratique {
382  background-color: #GET{c_triadeb};
383  width: 280px !important;
384  margin: 0 24px 0 0;
385  -webkit-transition: all .25s ease;
386  transition: all .25s ease;
387}
388.slider-pratique .content-pratique:hover,
389.slider-pratique .content-pratique:focus {
390  background-color: rgba(18, 155, 155, 0.2) ;
391  -webkit-transition: all .25s ease;
392  transition: all .25s ease;
393}
394.slider-pratique .content-pratique:hover h2,
395.slider-pratique .content-pratique:focus h2 {
396  color: #129b9b ;
397}
398.slider-pratique .h2 {
399  display: flex;
400  height: 150px;
401  margin: 1.5em 0 0 0;
402  padding-bottom: 90px;
403  font-family: 'Open Sans', sans-serif ;
404  font-size: 26px;
405  color: white;
406  font-weight: 300;
407  text-align: right;
408  border-bottom: none;
409}
410.slider-pratique .h2 .titre-pratique {
411  width: 100%;
412  align-self: center;
413  padding: 10px;
414  text-align: right;
415  border-right: 1px solid;
416}
417.slider-pratique .h2 .icon {
418  align-self: center;
419  padding: 7px 15px 7px 7px;
420  font-size: 0;
421}
422.slider-pratique .h2 .icon:before {
423  font-size: 30px;
424}
425@media only screen and (max-width: 400px) {
426  .slider-pratique {
427    margin: 0 2.8rem;
428  }
429  .slider-pratique .content-pratique {
430    width: 240px !important;
431  }
432  .slider-pratique .h2 {
433    height: 130px;
434    padding-bottom: 0;
435    font-size: 21px;
436  }
437}
438
439#content .titre-sommaire {
440  margin-top: 4em;
441}
442#content .titre-sommaire:before {
443  content: "";
444  display: block;
445  background-color: #GET{c_titraille};
446  width: 100%;
447  height: 1px;
448}
449#content .titre-sommaire h1 {
450  display: block;
451  background-color: #GET{c_titraille_bk};
452  max-width: [(#GET{LargeurContaineur}|moins{40})]px;
453  margin: -1.1em auto .5em auto;
454  padding: .5em .8em .5em;
455  color: #GET{c_titraille};
456  font-size: 2rem;
457  line-height: 1em;
458  border-left: 1px solid #GET{c_titraille};
459}
460@media screen and (max-width: 1178px) {
461   #content .titre-sommaire h1 {
462    border-left: none;
463  }
464}
465 .slick-slider {
466  margin-bottom: 0;
467}
468 .slider-slick img {
469  width: 100%;
470}
471 .slick-slide img {
472  margin: 0 auto;
473}
474 .slick-slide .row {
475  max-width: none;
476}
477 .slick-dots {
478  bottom: -45px;
479}
480 .slick-dots li {
481  width: 30px;
482  height: 30px;
483}
484 .slick-dots li button {
485  width: 30px;
486  height: 30px;
487}
488 .slick-dots li button::before {
489  font-size: 20px;
490  line-height: 30px;
491  width: 30px;
492  height: 30px;
493}
494 .slick-dots li.slick-active button::before {
495  color: #GET{c_triadea};
496}
497 #liens-diaporama {
498  position: absolute;
499  top: 100px;
500  right: 0;
501  z-index: 1;
502}
503@media only screen and (max-width: 1024px) {
504   #liens-diaporama {
505    top: 5vw;
506  }
507}
508@media only screen and (max-width: 767px) {
509   #liens-diaporama {
510    position: relative;
511        z-index: 0;
512  }
513}
514 #liens-diaporama ul {
515  width: 220px;
516  text-align: right;
517}
518@media only screen and (max-width: 767px) {
519  #liens-diaporama ul {
520    width: 100%;
521        margin: 0;
522  }
523  #liens-diaporama li {
524    padding: 0;
525        width: 100%;
526  }
527}
528@media only screen and (max-width: 767px) {
529   #liens-diaporama li a span {
530    padding: .25em 0;
531  }
532}
533 #liens-diaporama li a span.icon {
534  margin-left: .55rem;
535  padding: .85rem .5rem;
536  font-size: 0;
537  border-left: 1px solid #GET{c_titraille};
538}
539 #liens-diaporama li a span.icon:before {
540  font-size: 2.15rem;
541}
542 #liens-diaporama li a:hover {
543  color: #666 ;
544}
545@media only screen and (max-width: 767px) {
546   #liens-diaporama li a {
547    background-color: #eae9e5;
548  }
549}
550#actualites {
551  margin-top: 7em;
552  margin-bottom: 5em;
553}
554#lesprojets, #goodies2 {
555  margin-top: 0em;
556  margin-bottom: 5em;
557}
558#lesprojets .titre-sommaire {
559  display: none;
560}
561
562#pratique {
563  margin-top: 6.5em;
564  margin-bottom: 4em;
565}
566.clearfix:after,
567.grid:after {
568  content: '';
569  display: block;
570  clear: both;
571}
572.VideoALaUne figcaption { display: none; }
573.VideoALaUne .spip_documents.spip_documents_center { margin-bottom: 0; }
574.VideoALaUne .spip_documents .oembed {
575  background: transparent;
576  padding: 8px;
577  border: none;
578}
579#sommaire_mode_portailcognac header .logo_rubrique { margin-bottom: 3em; }
580#liens-diaporama {
581  position: absolute;
582  top: 100px;
583  right: 0;
584}
585@media only screen and (max-width:[(#GET{LargeurContaineur})]px) {
586  #liens-diaporama {
587    top: 5vw;
588  }
589}
590@media only screen and (max-width: 767px) {
591  #liens-diaporama {
592    position: relative;
593  }
594}
595#liens-diaporama ul {
596  width: 220px;
597  text-align: right;
598}
599@media only screen and (max-width: 767px) {
600  #liens-diaporama ul {
601    display: flex;
602    width: 100%;
603    flex-wrap: wrap;
604  }
605}
606#liens-diaporama li {
607  /* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
608  background-color: rgba([(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|sc_rgb)], 0.75);
609}
610#diaporama .liste_auteurs { text-align: left; padding: 0 1em; }
611
612#diaporama .datepublication,
613#cycloshow .datepublication {
614        float: none;
615        background-color : transparent;
616        color: inherit;
617}
618
619#liens-diaporama li a {
620  display: flex;
621  font-size: 1.2em;
622  color: [(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header},#GET{c_header_bk}})];
623  justify-content: flex-end;
624  line-height: 1 ;
625  align-items: center;
626}
627#liens-diaporama li a span {
628  padding: .5em .25em .5em .5em;
629}
630@media only screen and (max-width: 767px) {
631  #liens-diaporama li a span {
632    padding: .25em .5em;
633  }
634}
635#liens-diaporama li a span.icon {
636  border-left: 1px solid;
637  border-left-color: inherit;
638}
639
640.slick-slide img {
641  margin: 0 auto;
642}
643.slick-slide .row {
644  max-width: none;
645}
646.slick-dots {
647  bottom: -45px;
648}
649.slick-dots li {
650  width: 30px;
651  height: 30px;
652}
653.slick-dots li button {
654  width: 30px;
655  height: 30px;
656}
657.slick-dots li button::before {
658  font-size: 20px;
659  line-height: 30px;
660  width: 30px;
661  height: 30px;
662}
663#content img {
664  padding: 0;
665}
666.clearfix:after,
667.grid:after {
668  content: '';
669  display: block;
670  clear: both;
671}
672#diaporama {
673        position: relative;
674}
675#editotexte {
676  max-width: [(#GET{LargeurContaineur}|moins{44})]px;
677  margin: 0 auto;
678  padding: 1em 2em;
679  color: #GET{c_container};
680  background-color: #GET{c_container_bk};
681  [(#CONFIG{soyezcreateurs_couleurs/transparencecontent,1}|!={1}|oui)background-color: rgba([(#GET{c_container_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencecontent,1});]
682}
683#content #edito .titre-sommaire h1 {
684        margin-bottom: 0;
685}
686img.editologo {
687  max-width: [(#GET{LargeurContaineur})]px;
688  margin: 0 auto;
689  display: block;
690}
691
692
693
694/* gestion block texte sur slider : CycloShow */
695#cycloshow {
696        position: relative;
697        [(#CONFIG{soyezcreateurs/variante_bloccycloshow,contenu}|=={contenu}|oui)
698        max-width: #GET{LargeurContaineur}px;
699        ]
700        width: 100%;
701    margin: 0 auto 7em auto;
702}
703
704
705.slider-diapo-imgfull {
706  position: relative;
707}
708@media screen and (max-width: 39.9375em) {
709  .hide-for-small-only {
710    display: none !important;
711  }
712}
713.slider-content.desc-gauche {
714  position: absolute;
715  display: flex;
716  flex-direction: column;
717  justify-content: center;
718  background-color: rgba(152, 152, 152, 0.7);
719  top: 0;
720  bottom: 0;
721  left: 8%;
722  width: 27%;
723  padding: 1.75em !important;
724}
725@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
726  #liens-diaporama li, .slider-content.desc-gauche {
727      -webkit-backdrop-filter: blur(10px);
728      backdrop-filter: blur(10px);
729  }
730}
731#content .slider-content.desc-gauche h3 {
732  margin: 0 0 1em 0;
733  padding: 0;
734  color: #GET{c_triadec};
735  font-family: 'Oswald', sans-serif;
736  font-weight: 300;
737  font-size: 2.15em;
738  line-height: 1.15em;
739  text-align: left;
740}
741.slider-content.desc-gauche p {
742  font-size: 1.25em;
743  color: white;
744  line-height: 1.35;
745}
746@media screen and (max-width: 100em) {
747  .slider-content.desc-gauche h3 {
748    margin: 0 0 .5em;
749    font-size: 1.75em;
750  }
751  .slider-content.desc-gauche p {
752    font-size: 1.1em;
753  }
754}
755@media screen and (max-width: 80em) {
756  .slider-content.desc-gauche {
757    left: 8%;
758    width: 346px;
759    padding: 1.5em !important;
760  }
761  .slider-content.desc-gauche h3 {
762    margin: 0 0 .5em;
763    font-size: 1.5em;
764  }
765  .slider-content.desc-gauche p {
766    font-size: 1.1em;
767  }
768}
769@media screen and (max-width: 410px) {
770  .slider-content.desc-gauche {
771    left: 0;
772    width: 100%;
773  }
774}
775
776.largeurcontrainte {
777        max-width: [(#GET{LargeurContaineur}|moins{40})]px;
778        margin: 0 auto;
779        text-align: center;
780}
781
782
783#masonry {
784  max-width: #GET{LargeurContaineur}px;
785  margin: 0 auto;
786  padding-left: 20px;
787  text-align: center;
788}
789
790.agenda strong {
791  font-size: 1.8em;
792  vertical-align: bottom;
793}
794.agenda .annee {
795  font-size: 1.8em;
796}
797.agenda time {
798  padding: 0 .25em;
799}
800.agenda {height: 95px; }
801.grid-item .agenda .h2 {
802  font-size: 18px;
803}
804.grid-item .agenda .date {
805  padding: 0;
806  flex-shrink: 0;
807  display: flex;
808  align-items: center;
809  justify-content: center;
810}
811.agenda time {
812    text-align: center;
813}
814.agenda .debutfin time {
815    text-align: left;
816}
817.grid-item .agenda .date.debutfin {
818  display: block;
819  align-items: left;
820  justify-content: left;
821}
822
823/* Affichage des dates. cf https://codepen.io/jpyrat/pen/EmZrpR */
824.date {
825  width: 95px;
826  height: 95px;
827  position: relative;
828  background: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];
829  color: [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header},#GET{c_header_bk}})];
830}
831
832.debutfin.horaires:after, .debutfin.journees:after {
833  content: "";
834  position: absolute;
835  right: 0;
836  top: 0;
837  border-top: 2px solid #fff;
838  width: 142%;
839  transform: rotate(-45deg);
840  transform-origin: 99% 0%;
841}
842
843.debut, .fin {
844  width: 75%;
845  height: 50%;
846  position: absolute;
847  text-align: left;
848  display: flex;
849  flex-direction: column;
850  justify-content: center;
851  color: #fff;
852  line-height: 1.2em;
853  font-size: 75%;
854}
855
856.debutfin.journee .debut {
857  font-size: 100%;
858  width: 100%;
859  top: 20%;
860  height: auto;
861  text-align: center;
862  line-height: 2em;
863}
864
865.agenda .debutfin time.fin {
866  right: 0;
867  top: 50%;
868  text-align: right;
869}
870
871.ladate {
872  margin:0;
873  padding:0;
874}
875
876.annee {
877  font-size: 1.2em;
878  line-height: 0.82em;
879  display: block;
880}
881
882#projets {
883  margin: 0;
884  padding: 0;
885}
886#projets .projet {
887  background-color: #777;
888}
889@media only screen and (min-width: 768px) {
890 #projets .projet {
891[(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par2}|oui)
892  width: 50%;
893]
894[(#CONFIG{soyezcreateurs/variante_blocprojet,par2}|=={par3}|oui)
895  width: 25%;
896  margin-left: 4%;
897  margin-right: 4%;
898]
899  float: left;
900 }
901}
902
903#projets .projet:hover {
904  background-color: #aaa;
905}
906
907@media only screen and (max-width:[(#GET{LargeurContaineur})]px) {
908  #projets h2 {
909    font-size: 1.2rem;
910  }
911  #projets .projet {
912        width: 46%;
913    margin-left: 2%;
914    margin-right: 2%;
915  }
916}
917@media only screen and (max-width: 768px) {
918  #projets .projet {
919    width: 100%;
920    float: none;
921  }
922  #projets h2 {
923    font-size: 2rem;
924  }
925}
926@media only screen and (max-width: 640px) {
927  #projets article a {
928    height: auto;
929  }
930  #projets h2 {
931    padding: 1rem;
932    font-size: 1.8rem;
933  }
934}
935
936#pratique {
937  margin-bottom: 4em;
938}
939
940<BOUCLE_CouleursRubriques(MOTS){type=_CouleurRubrique}{par id_mot}>
941#projets .couleurrubrique#ID_MOT { [background-color: #(#TEXTE|textebrut);][ color: #(#TEXTE|textebrut|couleur_extreme|couleur_inverser);] }
942#projets .couleurrubrique#ID_MOT:hover,
943#projets .couleurrubrique#ID_MOT:focus  { [background-color: #(#TEXTE|textebrut|couleur_eclaircir);] }
944</BOUCLE_CouleursRubriques>
945
946[(#PLUGIN{lesscss}|oui)
947        [(#CHEMIN{images/stylesportailcognac_perso.less.html}|?{'/* Surcharge eventuelle */'})
948       
949                [(#PRODUIRE{fond=images/stylesportailcognac_perso.less,format=less}
950                                |supprimer_timestamp
951                                |appliquer_filtre{less_css}
952                                |file_get_contents
953                )
954                #SET{lessdone,1}
955                ]
956        ]
957]
958[(#GET{lessdone}|non)
959[(#CHEMIN{images/stylesportailcognac_perso.css}|?{'/* Surcharge eventuelle */'})
960[(#INCLURE{#CHEMIN{images/stylesportailcognac_perso.css}|url_absolue_css}|compacte{css})]
961]
962]
Note: See TracBrowser for help on using the repository browser.