Changeset 75327 in spip-zone


Ignore:
Timestamp:
Sep 9, 2013, 4:16:20 PM (6 years ago)
Author:
arnaud.berard@…
Message:

compat navigateur IE7 surtout
Testé sur
IE7, IE8, IE9, Chrome,Safari,opera,Firefox

Location:
_plugins_/boussole/trunk/css
Files:
2 edited

Legend:

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

    r75322 r75327  
    44.menu_container.spip-theme>ul>li:hover{background-color:#660e5c;}
    55.menu_container.spip-theme ul.menu_submenu_block li a:hover{background:none repeat scroll 0% 0% #a887b8;}
    6 .menu_container{margin-bottom:0;height:48px;clear:both;float:left;position:absolute;top:0;}
     6.menu_container{margin-bottom:0;height:48px;clear:both;float:left;position:absolute;top:0;left:0;}
    77.menu_container.full_width{width:100%;}
    88.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;}
     
    1919.mobile_collapser .mobile_menu_icon{display:block;float:left;width:22px;height:22px;background:url('../images/mobile-menu-icon.png') no-repeat scroll 50% 50% transparent;margin-right:10px;}
    2020#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;}}
     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;}
     22html.ie7 .menu_container>ul>li>.menu_dropdown_block{top:0;position:relative;}
  • _plugins_/boussole/trunk/css/boussole_topnav.less

    r75322 r75327  
    1 /*
    2 
    3 Selecteur conditionels pour EI
    4 http://romy.tetue.net/selecteurs-conditionnels-pour-ie
    5 
    6 */
    71
    82
     
    6963    position: absolute;
    7064    top: 0;
     65    left: 0;
    7166}
    7267
     
    285280
    286281}
     282
     283
     284/*
     285
     286Selecteur conditionels pour EI
     287http://romy.tetue.net/selecteurs-conditionnels-pour-ie
     288
     289*/
     290
     291html.ie7 {
     292    .menu_container {
     293        > ul{
     294            zoom: 1;
     295            white-space:nowrap;
     296            z-index:1;
     297        }
     298        > ul > li >.menu_dropdown_block {
     299            top:0;
     300            position:relative;
     301        }
     302    }
     303
     304}
     305
Note: See TracChangeset for help on using the changeset viewer.