source: spip-zone/_plugins_/bootstrap_prive/trunk/prive/themes/spip/style_prive_bootstrap.less @ 71918

Last change on this file since 71918 was 71918, checked in by teddy.spip@…, 7 years ago

Prise en compte de largeur_ecran? dans les css (Charles)

File size: 7.8 KB
Line 
1@import "bootstrap2spip/css/variables.less";
2@import "bootstrap2spip/css/spip.variables.less";
3@import "bootstrap2spip/css/forms.less";
4@import "prive/themes/spip/mixins.less";
5@greenFlashy : #C5E41C;
6@import "bootstrap2spip/css/tables.less";
7
8body {
9  font-family: @sansFontFamily;
10}
11
12  table.liste {
13    .table;
14    .table-striped;
15  }
16
17.nav, #navigation {
18  li, li.item {
19    &.message {
20      a {
21        padding-left: 0;
22      }
23    }
24    a {
25      background-repeat: no-repeat;
26      background-position: 10px center;
27      padding-left: 36px;
28
29      i {
30        &[class^=bando2_] {
31          background-position: center center;
32          height: 16px;
33          width: 16px;
34          margin-left: -26px;
35          display: inline-block;
36          margin-right: 10px;
37        }
38        &[id^=bando1_] {
39          margin-right: 10px;
40        }
41      }
42    }
43  }
44}
45
46body.navigation_avec_icones {
47  li {
48    a {
49        > #bando1_menu_accueil {
50          .bando1-icons-bootstrap;
51//          background-image: url('images/accueil.png');
52        }
53        > #bando1_menu_edition {
54          .bando1-icons-bootstrap;
55//          background-image: url('images/edition.png');
56        }
57        > #bando1_menu_publication {
58          .bando1-icons-bootstrap;
59//          background-image: url('images/publication.png');
60        }
61        > #bando1_menu_activite {
62          .bando1-icons-bootstrap;
63//          background-image: url('images/activites.png');
64        }
65        > #bando1_menu_squelette {
66          .bando1-icons-bootstrap;
67//          background-image: url('images/squelettes.png');
68        }
69        > #bando1_menu_administration {
70          .bando1-icons-bootstrap;
71//          background-image: url('images/administration.png');
72        }
73        > #bando1_menu_configuration {
74          .bando1-icons-bootstrap;
75//          background-image: url('images/configuration.png');
76        }
77
78    }
79  }
80}
81#bando_navigation .nav > li {
82  padding: 0 10px;
83  text-align: center;
84}
85#bando_navigation .nav > li ul li {
86  text-align: left;
87  border-right: none;
88}
89/*
90ul.nav li.dropdown:hover > ul.dropdown-menu{
91  display: block;
92}
93*/
94.cadre-icone {
95    left: 10px;
96    position: absolute;
97    top: -16px;
98    z-index: 1;
99}
100a.plus_info {
101    display: block;
102    position: absolute;
103    right: 10px;
104}
105.hd, .ft {
106    padding: 0.6925em 10px;
107   
108    h3, .h3, .h3-like {
109      margin-bottom: 0;
110    }
111}
112.bd {
113    padding: 0.6925em 10px;
114    > *:first-child, > *:first-child > *:first-child {
115      margin-top: 0;
116    }
117}
118.box {
119    margin: 2.0775em 0;
120}
121.icone {
122    display: block;
123    margin: 0;
124    padding: 0;
125    text-align: center;
126
127    &.horizontale {
128      clear: both;
129      display: block;
130      margin: 0;
131      padding: 2px 2px 2px 32px;
132      position: relative;
133      text-align: left;
134     
135      a, .submit {
136        padding: 0;
137        vertical-align: middle;
138        height: 28px;
139        width: auto;
140        display: table-cell;
141        img {
142          background: none repeat scroll 0 0 transparent;
143          border: 0 none;
144          left: 4px;
145          margin-top: -12px;
146          padding: 0;
147          position: absolute;
148          top: 50%;
149          right: auto;
150        }
151      }
152    }
153}
154#bando_identite .nom_site_spip {
155  text-align: right;
156}
157#bando_outils {
158  padding: 5px 0;
159  .span1 {
160    height: 30px;
161  }
162}
163.creer.nav, #rapides .rapides.nav {
164  li {
165    a {
166      width: 30px;
167      height: 30px;
168      line-height: 30px;
169      padding: 0;
170      margin: 0;
171      text-align: center;
172      span {
173        text-indent: -999em;
174        display: none;
175      }
176      i {
177        margin: 0;
178        height: 24px;
179        width: 24px;
180        padding: 3px;
181        background-repeat: no-repeat;
182      }
183    }
184  }
185}
186#rapides {
187  .rapides.nav {
188    li {
189      a {
190        line-height: 20px;
191       
192        i[class^=bando2_]  {
193          height: 20px;
194          width: 20px;
195          background-repeat: no-repeat;
196        }
197      }
198    }
199  }
200  .formulaire_spip {
201    margin-bottom: 0;
202  }
203}
204#bando_outils {
205  .nav, form {
206    margin-bottom: 0;
207  }
208    .dropdown {
209        .dropdown-menu:first-child {
210            background-clip: padding-box;
211            background-color: transparent;
212            border-radius: 0;
213            border: none;
214            box-shadow: none;
215            display: block;
216            float: left;
217            left: 0;
218            list-style: none outside none;
219            margin: 0;
220            min-width: inherit;
221            padding: 0 0;
222            position: absolute;
223            top: 100%;
224            z-index: 1000;
225        }
226    }
227}
228/* evite sur Chrome que "Aucun fichier choisi" ne dépasse du bloc. */
229input[type="file"] {
230  width: 100%;
231}
232.form-search {
233  .input-append {
234    .search-query {
235      width: auto;
236    }
237    .btn[type=submit] {
238      height: 30px;
239    }
240  }
241}
242.formulaire_spip {
243  .toggle_box_link {
244    position: absolute;
245    right: 5px;
246    top: 5px;
247  }
248
249  .choix {
250    label {
251      .checkbox;
252      .checkbox.inline;
253      margin-left: -10px;
254    }
255  }
256  .boutons {
257    padding: 10px;
258    margin: 0;
259  }
260}
261/*
262 * Pour palier à http://zone.spip.org/trac/spip-zone/browser/_plugins_/bootstrap/bootstrap2spip/css/forms.less#L38 qui est trop restrictif pour le moment et casse le formulaire d'ajout de document sur ?exec=article_edit&id_article=XX
263*/
264.formulaire_spip {
265  > div, fieldset, form, form>div {
266     ul {
267      margin-left: 0;list-style: none;.control-group;
268    }
269  }
270}
271#langues_proposees {
272  overflow: hidden;
273}
274#langues_proposees .choix {
275    float: left;
276    font-size: 0.875em;
277    width: 33%;
278}
279
280.instituer_objet {
281  .formulaire_spip {
282    .boutons {
283     margin-top: 0;
284     margin-bottom: 0;
285     padding: 0;
286    }
287  }
288}
289
290.box.info {
291  background-color: @formActionsBackground;
292  border-color: transparent;
293  border-radius: @radius;
294  -webkit-border-radius: @radius;
295  -moz-border-radius: @radius;
296  border: none;
297  color: @black;
298  margin: 2em 0;
299  padding: 0;
300  text-shadow: none;
301 
302  .inner {
303    border: none;
304  }
305}
306
307.none,.js .none-js,.no-js .none-nojs{display:none}
308.hidden,.js .hidden-js,.no-js .hidden-nojs{visibility:hidden}
309.invisible,.over,.js .over-js,.no-js .over-nojs{position:absolute;left:-3000em;height:1%}
310.js .invisible_au_chargement{visibility:hidden}
311.js .visible_au_chargement{visibility:hidden}
312.js .display_au_chargement{display:none}
313.no-js .invisible_au_chargement{visibility:hidden}
314.no-js .visible_au_chargement{visibility:visible}
315.no-js .display_au_chargement{display:block}
316
317#chemin {
318  padding: 10px 0;
319 
320  .bouton_deplacer {
321    float: right;
322  }
323}
324#copyright {
325  text-align: right;
326}
327/* Page de configuration
328 */
329.vignette_reducteur {
330    border: medium none;
331    color: #FFFFFF;
332    height: 150px;
333    margin: 10px 10px 10px 0;
334    width: 150px;
335}
336
337#page .container .pleine_largeur .span3,
338#page .container .pleine_largeur .span9,
339#page .container-fluid .pleine_largeur .span3,
340#page .container-fluid .pleine_largeur .span9 {
341  width: 100%;
342}
343/*
344 * Voici les medias queries utilisés dans Bootstrap
345 */
346// cf. css/responsive-1200px-min.less
347@media (min-width: 1200px) {
348}
349// cf. css/responsieve-768px-979px.less
350@media (min-width: 768px) and (max-width: 979px) {
351  #bando_navigation .nav > li {
352    padding: 0;
353  }
354}
355// cf. css/responsive-767px-max.less
356@media (max-width: 767px) {
357  .nav-collapse .nav > li {
358    float: left;
359    width: 30%;
360  }
361  .nav-collapse .nav li:nth-child(3n+1) {
362    clear: left;
363  }
364}
365// cf. css/thumbnails.less
366@media (max-width: 450px) {
367}
368
369@media (min-width: 380px) and (max-width: 450px) {
370  .nav-collapse .nav > li {
371    float: left;
372    width: 45%;
373    padding: 0 !important;
374  }
375  .nav-collapse .nav li:nth-child(3n+1) {
376    clear: none;
377  }
378  .nav-collapse .nav li:nth-child(2n+1) {
379    clear: left;
380  }
381  .nav-collapse .nav li:nth-child(4n) {
382    clear: none;
383  }
384  .nav-collapse .dropdown-menu {
385    clear: both;
386  }
387}
388
389// cf. css/thumbnails.less
390@media (max-width: 380px) {
391}
Note: See TracBrowser for help on using the repository browser.