Changeset 75804 in spip-zone


Ignore:
Timestamp:
Sep 13, 2013, 10:20:19 AM (6 years ago)
Author:
arnaud.berard@…
Message:
  • correction sur le premier niveau, taille du bandeau, font size, barre verticales ...
  • Theme Anthracite (modifiable dans le less en décomentant ou commentant)
  • Css non mignifié pour être surchargée et lisibles
  • ajout au modèle de la flèche qui signale un sous-menu
Location:
_plugins_/boussole/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/boussole/trunk/css/boussole_topnav.css

    r75785 r75804  
    11/* CSS crunched with Crunch - http://crunchapp.net/ */
    2 .spip_theme{background:#f9f9f9;-webkit-box-shadow:0px 3px 5px #aaaaaa;-moz-box-shadow:0px 3px 5px #aaaaaa;box-shadow:0px 3px 5px #aaaaaa;}
    3 .menu_container.spip-theme{background:#f9f9f9;-webkit-box-shadow:0px 3px 5px #aaaaaa;-moz-box-shadow:0px 3px 5px #aaaaaa;box-shadow:0px 3px 5px #aaaaaa;}.menu_container.spip-theme>ul>li a{color:#4b4b4b;font-family:"Georgia,Cambria,Times New Roman,Times,serif";font-size:16px;}.menu_container.spip-theme>ul>li a:hover,.menu_container.spip-theme>ul>li a:active,.menu_container.spip-theme>ul>li a:focus{background:none;}
    4 .menu_container.spip-theme>ul>li:hover{background-color:#d2a3d8;}
    5 .menu_container.spip-theme ul.menu_submenu_block li a:hover{background:none repeat scroll 0% 0% #f9f9f9;}
    6 .menu_container{margin-bottom:0;height:45px;clear:both;float:left;position:absolute;top:0;left:0;}
    7 .menu_container.full_width{width:100%;}
    8 .menu_container>ul{list-style:none outside none;margin:0px;padding:0px;float:left;position:relative;width:100%;height:inherit;}.menu_container>ul>li{float:left;padding:0px;margin:0px;text-align:left;border-right:1px solid rgba(255, 255, 255, 0.25);-webkit-box-shadow:-1px 0px 0px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow:-1px 0px 0px rgba(0, 0, 0, 0.2) inset;box-shadow:-1px 0px 0px rgba(0, 0, 0, 0.2) inset;transition:background-color 200ms linear 0s;}
    9 .menu_container>ul>li>a{padding:0 17px;line-height:45px;vertical-align:middle;color:#ffffff;text-decoration:none;text-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);font-size:13px;font-family:"Georgia,Cambria,Times New Roman,Times,serif";}.menu_container>ul>li>a>img{margin-right:10px;vertical-align:middle;}
    10 .menu_container>ul>li.right{float:right;}
    11 .menu_container>ul>li.last>a{box-shadow:none;border-right:0px none;}
    12 .menu_container>ul>li:hover{margin-left:-1px;cursor:pointer;}
    13 .menu_container>ul>li>.menu_dropdown_block{visibility:hidden;display:none;position:absolute;border-right:1px solid #dddddd;border-width:0px 1px 1px;border-style:none solid solid;border-color:-moz-use-text-color #dddddd #dddddd;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);background:none repeat scroll 0% 0% #ffffff;top:100%;color:#575757;opacity:0;text-align:left;transition:opacity 100ms linear 0s;-moz-box-sizing:border-box;overflow:hidden;z-index:30;}
    14 .menu_container>ul>li:hover>.menu_dropdown_block{visibility:visible;display:block;opacity:1;margin-left:-1px;}
    15 .menu_container>ul>li>.menu_dropdown_block.full_width{left:0px;margin-left:0px;}
    16 .menu_container>ul>li>.menu_dropdown_block .ssmenu_container{padding:15px 15px 5px 15px;}.menu_container>ul>li>.menu_dropdown_block .ssmenu_container ul.menu_submenu{list-style:none outside none;padding:0px;margin:0px 0px 10px;}.menu_container>ul>li>.menu_dropdown_block .ssmenu_container ul.menu_submenu li{display:block;}.menu_container>ul>li>.menu_dropdown_block .ssmenu_container ul.menu_submenu li>a{display:block;padding:4px 0px;text-decoration:none;color:#666666;font-family:"Georgia,Cambria,Times New Roman,Times,serif";}.menu_container>ul>li>.menu_dropdown_block .ssmenu_container ul.menu_submenu li>a:hover{color:#111111;background:none;}
    17 .menu_container>ul>li>.menu_dropdown_block .ssmenu_container ul.menu_submenu li>a>img{float:left;margin-right:5px;}
    18 .mobile_collapser{display:none ;}.mobile_collapser>label{display:block;height:22px;padding:12px 25px;color:#4b4b4b;text-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);font-size:16px;line-height:22px;font-family:"Georgia,Cambria,Times New Roman,Times,serif";text-align:left;box-shadow:0px -1px 1px rgba(0, 0, 0, 0.2) inset;}
    19 .mobile_collapser .mobile_menu_icon{display:block;float:left;width:22px;height:22px;background:url('../images/mobile-menu-icon-black.png') no-repeat scroll 50% 50% transparent;margin-right:10px;}
    20 #hidden_menu_collapser{display:none ;}#hidden_menu_collapser:checked+ul{height:auto;min-height:40px;max-height:2999px;}
    21 @media only screen and (max-width:940px) and (min-width:640px){.menu_container>ul>li>a{padding:12px 15px;font-size:14px;} .menu_container>ul>li:hover>a{padding-left:16px;}}@media only screen and (max-width:940px){.mobile_collapser{background:"none no-repeat #353535";display:block;height:46px;} .menu_container{padding:0px;height:auto;}.menu_container>ul{position:relative;transition:all 100ms linear 0s;height:0px;background:inherit;overflow:hidden;}.menu_container>ul>li{position:relative;float:none;background:inherit;}.menu_container>ul>li:hover{margin-left:0px;} .menu_container>ul>li>a{box-shadow:none;border-right:0px none;} .menu_container>ul>li>.menu_dropdown_block{visibility:visible;position:relative;transition:all 100ms linear 0s;height:0px;width:100%;} .menu_container>ul>li:hover>.menu_dropdown_block{height:auto;min-height:40px;max-height:3000px;} .menu_container>ul>li .right{float:none;} .menu_container>ul>li>.menu_dropdown_block [class^="span"],.menu_container>ul>li>.menu_dropdown_block [class*=" span"]{float:none;width:auto ! important;}}html.ie7 .menu_container>ul{zoom:1;white-space:nowrap;z-index:1;}
    22 html.ie7 .menu_container>ul>li>.menu_dropdown_block{top:0;position:relative;}
     2.spip_theme {
     3  background: #2e2e2e;
     4  /* Old browsers */
     5
     6  background-color: #3d3b3c;
     7  background-image: -moz-linear-gradient(top, #2e2e2e, #544f52);
     8  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e2e2e), to(#544f52));
     9  background-image: -webkit-linear-gradient(top, #2e2e2e, #544f52);
     10  background-image: -o-linear-gradient(top, #2e2e2e, #544f52);
     11  background-image: linear-gradient(to bottom, #2e2e2e, #544f52);
     12  background-repeat: repeat-x;
     13  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e2e2e', endColorstr='#ff544f52', GradientType=0);
     14  -webkit-box-shadow: 0px 3px 5px #aaaaaa;
     15  -moz-box-shadow: 0px 3px 5px #aaaaaa;
     16  box-shadow: 0px 3px 5px #aaaaaa;
     17}
     18.caret {
     19  content: "";
     20  display: inline-block;
     21  height: 0;
     22  vertical-align: middle;
     23  width: 0;
     24  margin-right: 10px;
     25}
     26.menu_container.spip-theme {
     27  background: #2e2e2e;
     28  /* Old browsers */
     29
     30  background-color: #3d3b3c;
     31  background-image: -moz-linear-gradient(top, #2e2e2e, #544f52);
     32  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e2e2e), to(#544f52));
     33  background-image: -webkit-linear-gradient(top, #2e2e2e, #544f52);
     34  background-image: -o-linear-gradient(top, #2e2e2e, #544f52);
     35  background-image: linear-gradient(to bottom, #2e2e2e, #544f52);
     36  background-repeat: repeat-x;
     37  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e2e2e', endColorstr='#ff544f52', GradientType=0);
     38  -webkit-box-shadow: 0px 3px 5px #aaaaaa;
     39  -moz-box-shadow: 0px 3px 5px #aaaaaa;
     40  box-shadow: 0px 3px 5px #aaaaaa;
     41}
     42.menu_container.spip-theme > ul > li a {
     43  color: #ffffff;
     44  font-family: "Georgia,Cambria,Times New Roman,Times,serif";
     45  font-size: 15px;
     46}
     47.menu_container.spip-theme > ul > li a:hover,
     48.menu_container.spip-theme > ul > li a:active,
     49.menu_container.spip-theme > ul > li a:focus {
     50  background: none;
     51}
     52.menu_container.spip-theme > ul > li .caret {
     53  border-bottom-color: #544f52;
     54  border-top-color: #544f52;
     55  border-left: 4px solid transparent;
     56  border-right: 4px solid transparent;
     57  border-top: 4px solid #544f52;
     58}
     59.menu_container.spip-theme > ul > li:hover {
     60  background-color: #544f52;
     61}
     62.menu_container.spip-theme > ul > li:hover .caret {
     63  border-bottom-color: #2e2e2e;
     64  border-top-color: #2e2e2e;
     65  border-top: 4px solid #2e2e2e;
     66}
     67.menu_container.spip-theme ul.menu_submenu_block li:hover {
     68  background: none repeat scroll 0% 0% #2e2e2e;
     69}
     70.menu_container {
     71  margin-bottom: 0;
     72  height: 40px;
     73  clear: both;
     74  float: left;
     75  position: absolute;
     76  top: 0;
     77  left: 0;
     78}
     79.menu_container.full_width {
     80  width: 100%;
     81}
     82.menu_container > ul {
     83  list-style: none outside none;
     84  margin: 0px;
     85  padding: 0px;
     86  float: left;
     87  position: relative;
     88  width: 100%;
     89  height: inherit;
     90}
     91.menu_container > ul > li {
     92  float: left;
     93  padding: 0px;
     94  margin: 0px;
     95  text-align: left;
     96  transition: background-color 200ms linear 0s;
     97}
     98.menu_container > ul > li > a {
     99  padding: 0 7px 0 17px ;
     100  line-height: 40px;
     101  vertical-align: middle;
     102  color: #ffffff;
     103  text-decoration: none;
     104  text-shadow: none;
     105  font-size: 15px;
     106  font-family: "Georgia,Cambria,Times New Roman,Times,serif";
     107}
     108.menu_container > ul > li > a > img {
     109  margin-right: 10px;
     110  vertical-align: middle;
     111}
     112.menu_container > ul > li.right {
     113  float: right;
     114}
     115.menu_container > ul > li.last > a {
     116  box-shadow: none;
     117  border-right: 0px none;
     118}
     119.menu_container > ul > li:hover {
     120  cursor: pointer;
     121}
     122.menu_container > ul > li > .menu_dropdown_block {
     123  visibility: hidden;
     124  display: none;
     125  position: absolute;
     126  border-right: 1px solid #dddddd;
     127  border-width: 0px 1px 1px;
     128  border-style: none solid solid;
     129  border-color: -moz-use-text-color #dddddd #dddddd;
     130  -moz-border-top-colors: none;
     131  -moz-border-right-colors: none;
     132  -moz-border-bottom-colors: none;
     133  -moz-border-left-colors: none;
     134  border-image: none;
     135  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
     136  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
     137  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
     138  background: none repeat scroll 0% 0% #ffffff;
     139  top: 100%;
     140  color: #575757;
     141  opacity: 0;
     142  text-align: left;
     143  transition: opacity 100ms linear 0s;
     144  -moz-box-sizing: border-box;
     145  overflow: hidden;
     146  z-index: 30;
     147}
     148.menu_container > ul > li:hover > .menu_dropdown_block,
     149.menu_container > ul > li:focus > .menu_dropdown_block {
     150  visibility: visible;
     151  display: block;
     152  opacity: 1;
     153  margin-left: -1px;
     154}
     155.menu_container > ul > li > .menu_dropdown_block.full_width {
     156  left: 0px;
     157  margin-left: 0px;
     158}
     159.menu_container > ul > li > .menu_dropdown_block .ssmenu_container {
     160  padding: 15px 15px 5px 15px;
     161}
     162.menu_container > ul > li > .menu_dropdown_block .ssmenu_container ul.menu_submenu {
     163  list-style: none outside none;
     164  padding: 0px;
     165  margin: 0px 0px 10px;
     166}
     167.menu_container > ul > li > .menu_dropdown_block .ssmenu_container ul.menu_submenu li {
     168  display: block;
     169}
     170.menu_container > ul > li > .menu_dropdown_block .ssmenu_container ul.menu_submenu li > a {
     171  display: block;
     172  padding: 4px 0px;
     173  text-decoration: none;
     174  color: #666666;
     175  font-family: "Georgia,Cambria,Times New Roman,Times,serif";
     176}
     177.menu_container > ul > li > .menu_dropdown_block .ssmenu_container ul.menu_submenu li > a:hover {
     178  color: #111111;
     179  background: none;
     180}
     181.menu_container > ul > li > .menu_dropdown_block .ssmenu_container ul.menu_submenu li > a > img {
     182  float: left;
     183  margin-right: 5px;
     184}
     185.mobile_collapser {
     186  display: none ;
     187}
     188.mobile_collapser > label {
     189  display: block;
     190  height: 22px;
     191  padding: 12px 25px;
     192  color: #ffffff;
     193  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
     194  font-size: 16px;
     195  line-height: 22px;
     196  font-family: "Georgia,Cambria,Times New Roman,Times,serif";
     197  text-align: left;
     198  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2) inset;
     199}
     200.mobile_collapser .mobile_menu_icon {
     201  display: block;
     202  float: left;
     203  width: 22px;
     204  height: 22px;
     205  background: url('../images/mobile-menu-icon-black.png') no-repeat scroll 50% 50% transparent;
     206  margin-right: 10px;
     207}
     208#hidden_menu_collapser {
     209  display: none ;
     210}
     211#hidden_menu_collapser:checked + ul {
     212  height: auto;
     213  min-height: 40px;
     214  max-height: 2999px;
     215}
     216@media only screen and (max-width: 940px) and (min-width: 640px) {
     217  .menu_container > ul > li > a {
     218    padding: 12px 15px;
     219    font-size: 14px;
     220  }
     221  .menu_container > ul > li:hover > a {
     222    padding-left: 16px;
     223  }
     224}
     225@media only screen and (max-width: 940px) {
     226  .mobile_collapser {
     227    background: "none no-repeat #353535";
     228    display: block;
     229    height: 46px;
     230  }
     231  .menu_container {
     232    padding: 0px;
     233    height: auto;
     234  }
     235  .menu_container > ul {
     236    position: relative;
     237    transition: all 100ms linear 0s;
     238    height: 0px;
     239    background: inherit;
     240    overflow: hidden;
     241  }
     242  .menu_container > ul > li {
     243    position: relative;
     244    float: none;
     245    background: inherit;
     246  }
     247  .menu_container > ul > li:hover {
     248    margin-left: 0px;
     249  }
     250  .menu_container > ul > li > a {
     251    box-shadow: none;
     252    border-right: 0px none;
     253  }
     254  .menu_container > ul > li > .menu_dropdown_block {
     255    visibility: visible;
     256    position: relative;
     257    transition: all 100ms linear 0s;
     258    height: 0px;
     259    width: 100%;
     260  }
     261  .menu_container > ul > li:hover > .menu_dropdown_block {
     262    height: auto;
     263    min-height: 40px;
     264    max-height: 3000px;
     265  }
     266  .menu_container > ul > li .right {
     267    float: none;
     268  }
     269  .menu_container > ul > li > .menu_dropdown_block [class^="span"],
     270  .menu_container > ul > li > .menu_dropdown_block [class*=" span"] {
     271    float: none;
     272    width: auto ! important;
     273  }
     274}
     275/*
     276
     277Selecteur conditionels pour EI
     278http://romy.tetue.net/selecteurs-conditionnels-pour-ie
     279
     280*/
     281html.ie7 .menu_container > ul {
     282  zoom: 1;
     283  white-space: nowrap;
     284  z-index: 1;
     285}
     286html.ie7 .menu_container > ul > li > .menu_dropdown_block {
     287  top: 0;
     288  position: relative;
     289}
  • _plugins_/boussole/trunk/css/boussole_topnav.less

    r75785 r75804  
    44
    55
    6 @spipMauve : #d2a3d8 ;  // hover sur niv1
    7 @spipMauve2 : #F9F9F9; // Fond de la nav
    8 @spipFont : "Georgia,Cambria,Times New Roman,Times,serif";
    9 @spipSansFont : "Georgia,Cambria,Times New Roman,Times,serif";
    10 
    11 @1linkColor : #4b4b4b ;   // Couleur des liens de menu niv1
    12 @menuContainerHeight : 45px ;
    13 @mobileColapser_background : "none no-repeat #353535";
    14 @mobileMenuIcon : 'mobile-menu-icon-black.png';
    15 
    16 
    17 // MARK : MIXINS
     6
     7// ------------------------------------------------*/
     8//// theme V1b
     9// ------------------------------------------------*/
     10
     11// Couleurs
     12//@color1                     : #d2a3d8 ;  // hover sur niv1
     13//@color2                     : #F9F9F9; // Fond de la nav
     14//// Fonts
     15//@spipFont                   : "Georgia,Cambria,Times New Roman,Times,serif";
     16//@spipSansFont               : "Georgia,Cambria,Times New Roman,Times,serif";
     17//
     18//@1linkColor                 : #4b4b4b ;   // Couleur des liens de menu niv1
     19//@1txtShadow                 : none ; //Ombrage sur les titres de niv1
     20//@1fontSize                  : 14px;
     21//
     22//@menuContainerHeight        : 40px ;
     23//
     24//@mobileColapser_background  : "none no-repeat #353535";
     25//@mobileMenuIcon             : 'mobile-menu-icon-black.png';
     26//
     27//
     28//.spip_theme {
     29//    background: @color2; /* Old browsers */
     30//    //#gradient > .vertical(@color2,@color1);
     31//    .box-shadow(0px 3px 5px #aaa);
     32//}
     33
     34
     35
     36// ------------------------------------------------*/
     37//// theme : Anthracite
     38// ------------------------------------------------*/
     39
     40//
     41//// Couleurs
     42@color1                     : #544f52 ;  // hover sur niv1
     43@color2                     : #2e2e2e; // Fond de la nav
     44// Fonts
     45@spipFont                   : "Georgia,Cambria,Times New Roman,Times,serif";
     46@spipSansFont               : "Georgia,Cambria,Times New Roman,Times,serif";
     47
     48@1linkColor                 : #ffffff ;   // Couleur des liens de menu niv1
     49@1txtShadow                 : none ; //Ombrage sur les titres de niv1
     50@1fontSize                  : 15px;
     51
     52@menuContainerHeight        : 40px ;
     53
     54@mobileColapser_background  : "none no-repeat #353535";
     55@mobileMenuIcon             : 'mobile-menu-icon-black.png';
     56
     57
     58
     59// Theme Anthracite
     60.spip_theme {
     61    background: @color2; /* Old browsers */
     62    #gradient > .vertical(@color2,@color1);
     63    .box-shadow(0px 3px 5px #aaa);
     64}
     65
     66
     67
     68// ------------------------------------------------*/
     69// MARK : MIXINS // Bootstrap
     70// ------------------------------------------------*/
     71   
    1872// Drop shadows
    1973.box-shadow(@shadow) {
     
    2377}
    2478
     79#gradient {
     80  .horizontal(@startColor: #555, @endColor: #333) {
     81    background-color: @endColor;
     82    background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
     83    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
     84    background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
     85    background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
     86    background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10
     87    background-repeat: repeat-x;
     88    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@startColor),argb(@endColor))); // IE9 and down
     89  }
     90  .vertical(@startColor: #555, @endColor: #333) {
     91    background-color: mix(@startColor, @endColor, 60%);
     92    background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
     93    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
     94    background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
     95    background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
     96    background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
     97    background-repeat: repeat-x;
     98    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down
     99  }
     100}
     101
     102.caret {
     103    content: "";
     104    display: inline-block;
     105    height: 0;
     106    vertical-align: middle;
     107    width: 0;
     108    margin-right: 10px;
     109}
    25110
    26111// MARK : THEME
    27 
    28 
    29 .spip_theme {
    30     background: @spipMauve2; /* Old browsers */
    31     .box-shadow(0px 3px 5px #aaa);
    32 }
    33 
    34112.menu_container.spip-theme {
    35113    .spip_theme;
    36     > ul > li a {
     114    > ul > li {
     115        a {
    37116        color   :  @1linkColor;
    38117        font-family: @spipFont;
    39         font-size: 16px;
    40         &:hover,&:active,&:focus{
    41             background: none;
    42         }
     118        font-size: @1fontSize;
     119            &:hover,&:active,&:focus{
     120                background: none;
     121            }
     122        }
     123        .caret {
     124            border-bottom-color: @color1;
     125            border-top-color: @color1;
     126            border-left: 4px solid transparent;
     127            border-right: 4px solid transparent;
     128            border-top: 4px solid @color1;
     129        }
     130       
    43131    }
    44132    > ul > li:hover {
    45         background-color: @spipMauve ;   
    46     }
    47     ul.menu_submenu_block li a:hover {
    48         background: none repeat scroll 0% 0% @spipMauve2;
    49     }
    50 }
     133        background-color: @color1;
     134         .caret{
     135            border-bottom-color: @color2;
     136            border-top-color: @color2;
     137            border-top: 4px solid @color2;
     138        }
     139    }
     140    ul.menu_submenu_block li:hover {
     141        background: none repeat scroll 0% 0% @color2;
     142       
     143    }
     144}
     145 
     146 
    51147   
    52 
     148// ------------------------------------------------*/
    53149// MARK : STYLES
    54 // -----------------------------------------------------   
    55 // ------------------------------------------------
    56 
     150// ------------------------------------------------*/
    57151
    58152.menu_container {
     
    83177        margin: 0px;
    84178        text-align: left;
    85         border-right: 1px solid rgba(255, 255, 255, 0.25);
    86         .box-shadow(-1px 0px 0px rgba(0, 0, 0, 0.2) inset);
     179        //border-right: 1px solid rgba(255, 255, 255, 0.25);
     180        //.box-shadow(-1px 0px 0px rgba(0, 0, 0, 0.2) inset);
    87181        transition: background-color 200ms linear 0s;
    88182    }
    89183    > li > a {
    90         padding: 0 17px;
     184        padding: 0 7px 0 17px ;
    91185        line-height : @menuContainerHeight ;
    92186        vertical-align: middle;
    93187        color: rgb(255, 255, 255);
    94188        text-decoration: none;
    95         text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    96         font-size: 13px;
     189        text-shadow: @1txtShadow;
     190        font-size: @1fontSize;
    97191        font-family: @spipFont ;
    98192        > img {
     
    109203    }
    110204    > li:hover {
    111         margin-left: -1px;
     205        //margin-left: -1px;
    112206        //box-shadow: 2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset, -2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset;
    113207        cursor: pointer;
     
    138232        z-index: 30;
    139233    }
    140     > li:hover > .menu_dropdown_block {
     234    > li:hover > .menu_dropdown_block, > li:focus > .menu_dropdown_block{
    141235        visibility: visible;
    142236        display: block;
  • _plugins_/boussole/trunk/modeles/boussole_topnav.html

    r75795 r75804  
    6060                <li>
    6161                        <a href="#">[(#AKA_BOUSSOLE|boussole_traduire{nom_groupe, #AKA_GROUPE})]</a>
     62                        <b class="caret"></b>
    6263                        [(#REM) <!-- Liste des site du groupe en cours -->]
    6364                        <B_site>
Note: See TracChangeset for help on using the changeset viewer.