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

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

Doit fonctionner aussi hors mutualisation + necessite saisies, yaml + correction coquilles

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