source: spip-zone/_plugins_/spipr-dane-config/trunk/css/spipr-dane-config.less.html @ 114389

Last change on this file since 114389 was 114389, checked in by dominique.lepaisant@…, 7 months ago

Plugin de configuration du squelette spipr-dane

File size: 6.8 KB
Line 
1#CACHE{3600*100,cache-client}
2#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
3#HTTP_HEADER{Vary: Accept-Encoding}
4
5// -----------------------------------------------------
6//  Plugin SPIPr-Dane-Config
7//  Squelette spipr-dane-config.less.html
8//  (c) 2019 Dominique Lepaisant
9//  Distribue sous licence GPL3
10// -----------------------------------------------------
11@import "css/variables.less";
12@import "css/mixins.less";
13
14/////////////////////
15// Surcharges de spipr-dane.less
16/////////////////////
17
18//// Header ////
19#header {
20    header h1#logo_site_spip #slogan_site_spip{
21        max-width:800px; // on augmente la largeur max du slogan
22    }
23    #logo-institution{
24       // padding:1em 0 0 1em; // pourquoi ??
25    }
26}
27#nav {
28    .menu-conteneur {
29        .item-fa {
30            font-size: 1.5em;
31            padding: 9px 15px 8px;
32        }
33    }
34}
35//// Listes : bordure au survol ////
36#content, #aside, #extra {
37    .liste{
38        &.liste-simple ul.liste-items li.item {
39            padding: .5em 1em .5em 1.5em;
40        }
41        ul.liste-items,ul.menu-items{
42            li.item{
43                background-image: none;
44                border-left: .6em solid transparent;
45                padding-left: .9em;
46                &:hover{
47                    border-left-color: @color1;
48                    transition: all .5s ease;
49               }
50                h3.h3 {
51                    margin-bottom: 0;
52                    font-size:1.1em;
53                    font-weight:normal;
54                    line-height: 1.7em;
55                    >a{display:block;font-size:1.2em;}
56                }
57            }
58            a:hover{background: none;}
59        }
60        &.videos,&.contacts{
61            .liste-items{
62                .item{
63                    border-left:none;
64                    border-right:none;
65                    transition: none;       
66                    &:hover{
67                        border-left:none;
68                        border-right:none;
69                        transition: none;       
70                    }
71                }
72            }
73        }
74    }
75    div.pagination{
76        .icon-forward,
77        .icon-backward,
78        .icon-fast-backward{
79            background-image:url("img/@{iconWhiteSpritePath}");
80        }
81    }
82}
83
84#aside {
85    .liste h3.h3 {
86        margin-left: 1em;
87    }
88}
89
90h3.spip{
91    font-family:@sansFontLightFamily;
92    padding: 0 0.5em 0 .7em;
93    margin: 1em 0 .5em .7em;
94    font-size:1.5em;
95    font-weight: normal;
96    border-bottom: 1px solid darken(@white, 3%);
97}
98
99//// Carousel////
100.carousel .carousel-stop li {font-size: 1.3em;} //reduction de la taille du play/pause
101#carousel .spip_logo.spip_logos {width: 50% !important;} //hummm a verifier
102.carousel .carousel-control {padding:10px 12px 10px 8px;} // decalage vertical de l'icone precedent
103.carousel .carousel-control.right {padding:10px 8px 10px 12px;} // decalage vertical de l'icone suivant
104//// Fin des surcharges ////
105
106//// Navbar menu XL ////
107#nav .menu-xl.dropdown {
108    position: unset;
109}
110#nav .menu-xl.dropdown .dropdown-menu {
111    top: unset;
112    margin-left: 0;
113}
114#nav .menu-xl > ul.dropdown-menu ul .texte_libre {
115    background: #F0F0F0;
116    color: #333;
117}
118#nav .menu-xl > ul.dropdown-menu ul {
119    margin-left: 0;
120}
121
122#nav {
123    .menu-xl{
124        &.dropdown {
125            position: unset;
126            .dropdown-menu {
127                top: unset;
128                margin-left: 0;
129                ul {
130                    margin-left: 0;
131                    .texte_libre {
132                        background: @grayLighter;
133                        color: darken(@linkColor, 20%);
134                    }
135                }
136            }
137        }
138    }
139}
140
141/////////////////////
142// Recuperation des metas
143/////////////////////
144
145[(#SET{url_image, #EVAL{_DIR_SITE}|replace{sites}})]
146
147//// Body ////
148body {
149[    background-color: (#CONFIG{sdc/body/background-color});
150][(#CONFIG{sdc/body/background-image}|oui)
151     background-image: url("/#GET{url_image}#EVAL{_DIR_SITE}squelettes/images/#CONFIG{sdc/body/background-image}");
152[    background-repeat: (#CONFIG{sdc/body/background-repeat});
153][   background-position: (#CONFIG{sdc/body/background-position});
154][   background-attachment: (#CONFIG{sdc/body/background-attachment});
155][   background-size: (#CONFIG{sdc/body/background-size});
156]]}
157
158//// Header ////
159#header {
160    [(#CONFIG{sdc/header/largeur_background}|oui)
161    .container{]
162    [    background-color: (#CONFIG{sdc/header/background-color});
163    ][(#CONFIG{sdc/header/background-image}|oui)
164         background-image: url("/#GET{url_image}#EVAL{_DIR_SITE}squelettes/images/#CONFIG{sdc/header/background-image}");
165    [    background-repeat: (#CONFIG{sdc/header/background-repeat});
166    ][   background-position: (#CONFIG{sdc/header/background-position});
167    ][   background-attachment: (#CONFIG{sdc/header/background-attachment});
168    ][   background-size: (#CONFIG{sdc/header/background-size});
169    ]]
170    [(#CONFIG{sdc/header/largeur_background}|oui)
171    }]
172    header h1#logo_site_spip {[
173        font-family: '(#CONFIG{sdc/title/font-family})', Arial, Helvetica, sans-serif;][
174        font-size: (#CONFIG{sdc/title/font-size})em;][
175        color: (#CONFIG{sdc/title/color});
176        #slogan_site_spip { color: (#CONFIG{sdc/title/color});}][
177        .spip_logos{ float: (#CONFIG{sdc/header/position_logo});margin:0 0 0 25px;}]
178    }
179}
180
181
182
183//// Barnav ////
184[(#CONFIG{navbar/largeur}|oui)
185   .container-fixed() ;
186    width: 1180px;
187    @media (max-width:1200px){
188        width: 940px;
189    }
190]
191// Adapter la couleur des icones a la couleur des liens
192#nav{
193   .menu-container,
194    .menu-conteneur {
195        .nav .item.item-picto > a{
196            & when (@navbarLinkColor = @black) {
197                background-image: url("/#GET{url_image}plugins/squelette/spipr_dane/css/img/sprite-black.png");
198                & when(@navbarLinkColorHover = @white) {
199                    background-image: url("/#GET{url_image}plugins/squelette/spipr_dane/css/img/sprite.png");
200                }
201            }
202            & when (@navbarLinkColor = @white) {
203                background-image: url("/#GET{url_image}plugins/squelette/spipr_dane/css/img/sprite-white.png");
204                & when(@navbarLinkColorHover = @black) {
205                    background-image: url("/#GET{url_image}plugins/squelette/spipr_dane/css/img/sprite-inverse.png");
206                }
207            }
208        }
209    }
210
211}
212
213//// Footer ////
214#footer {
215[    background-color: (#CONFIG{sdc/footer/background-color});
216][(#CONFIG{sdc/footer/background-image}|oui)
217     background-image: url("/#GET{url_image}#EVAL{_DIR_SITE}squelettes/images/#CONFIG{sdc/footer/background-image}");
218[    background-repeat: (#CONFIG{sdc/footer/background-repeat});
219][   background-position: (#CONFIG{sdc/footer/background-position});
220][   background-attachment: (#CONFIG{sdc/footer/background-attachment});
221][   background-size: (#CONFIG{sdc/footer/background-size});
222]]
223}
Note: See TracBrowser for help on using the repository browser.