Browse Source

Ajuster le min-width/max-width de la nav sur les gros ecrans

issue_4468
Cerdic 3 years ago
parent
commit
4eb2ca7d29
  1. 11
      prive/themes/spip/bando.css.html
  2. 2
      prive/themes/spip/theme.css.html

11
prive/themes/spip/bando.css.html

@ -105,8 +105,17 @@
#bando_outils #rapides {float:#ENV{right};}
#bando_outils #rapides .formulaire_recherche {margin:3px 0;clear:none;}
#bando_navigation ul.deroulant > li {min-width:85px; max-width:115px; text-align:center; }
#bando_navigation ul.deroulant > li {min-width:90px; max-width:115px; text-align:center; }
@media (min-width: 960px) {
#bando_navigation ul.deroulant > li {min-width:100px; max-width:130px;}
}
@media (min-width: 1200px) {
#bando_navigation ul.deroulant > li {min-width:110px;max-width:150px;}
}
#bando_navigation ul li ul {min-width: 85px; max-width:250px;z-index:1;}
@media (min-width: 960px) {
#bando_navigation ul li ul {max-width:300px;}
}
#bando_navigation ul li ul li {width: auto;float:none;text-align:#ENV{left};position:static;}
#bando_navigation { position: relative;z-index: 10; }

2
prive/themes/spip/theme.css.html

@ -44,8 +44,6 @@ body {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;b
#bando_navigation ul li {line-height: 125%;}
#bando_navigation ul li ul {min-width: 170px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;background-color: white;position:relative;}
#bando_navigation ul li ul a {padding: 0.5em;}
#bando_navigation ul.deroulant > li {min-width: 90px;}
.large #bando_navigation ul.deroulant > li {min-width: 100px;}
/*
#bando_outils {border-top: 1px solid #999;background-color: #444;background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));background-image: -webkit-linear-gradient(top, #555555, #333333);background-image: -moz-linear-gradient(top, #555555, #333333);background-image: -ms-linear-gradient(top, #555555, #333333);background-image: -o-linear-gradient(top, #555555, #333333);background-image: linear-gradient(top, #555555, #333333);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333');}
*/

Loading…
Cancel
Save