Changeset 75785 in spip-zone


Ignore:
Timestamp:
Sep 12, 2013, 5:01:21 PM (6 years ago)
Author:
arnaud.berard@…
Message:
  • modifs sur le thème
  • ajout d'une icon pour le menu mobile quand on est sur fond light
Location:
_plugins_/boussole/trunk
Files:
1 added
2 edited

Legend:

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

    r75327 r75785  
    11/* CSS crunched with Crunch - http://crunchapp.net/ */
    2 .spip_theme{background:#a887b8;-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:#a887b8;-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:#ffffff;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:#660e5c;}
    5 .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;left:0;}
     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;}
    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;}
    9 .menu_container>ul>li>a{padding:0 15px;line-height:48px;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;}
     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;}
    1010.menu_container>ul>li.right{float:right;}
    1111.menu_container>ul>li.last>a{box-shadow:none;border-right:0px none;}
    12 .menu_container>ul>li:hover{margin-left:-1px;box-shadow:2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset,-2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset;cursor:pointer;}
     12.menu_container>ul>li:hover{margin-left:-1px;cursor:pointer;}
    1313.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;}
    1414.menu_container>ul>li:hover>.menu_dropdown_block{visibility:visible;display:block;opacity:1;margin-left:-1px;}
     
    1616.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;}
    1717.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:#ffffff;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.png') no-repeat scroll 50% 50% transparent;margin-right:10px;}
     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;}
    2020#hidden_menu_collapser{display:none ;}#hidden_menu_collapser:checked+ul{height:auto;min-height:40px;max-height:2999px;}
    2121@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;}
  • _plugins_/boussole/trunk/css/boussole_topnav.less

    r75327 r75785  
    11
    22
    3 // #MARK: SPIP colors
    4 
    5 
    6 @spipMauve : #660E5C ;
    7 @spipMauve2 : #A887B8;
     3// #MARK: SPIP Galaxy Theme
     4
     5
     6@spipMauve : #d2a3d8 ;  // hover sur niv1
     7@spipMauve2 : #F9F9F9; // Fond de la nav
    88@spipFont : "Georgia,Cambria,Times New Roman,Times,serif";
    99@spipSansFont : "Georgia,Cambria,Times New Roman,Times,serif";
    1010
    11 @1linkColor : #FFFFFF ;   // Couleur ldes liens de menu niv1
    12 @menuContainerHeight : 48px ;
     11@1linkColor : #4b4b4b ;   // Couleur des liens de menu niv1
     12@menuContainerHeight : 45px ;
    1313@mobileColapser_background : "none no-repeat #353535";
    14 
     14@mobileMenuIcon : 'mobile-menu-icon-black.png';
    1515
    1616
     
    8888    }
    8989    > li > a {
    90         padding: 0 15px;
     90        padding: 0 17px;
    9191        line-height : @menuContainerHeight ;
    9292        vertical-align: middle;
     
    110110    > li:hover {
    111111        margin-left: -1px;
    112         box-shadow: 2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset, -2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset;
     112        //box-shadow: 2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset, -2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset;
    113113        cursor: pointer;
    114114    }
     
    190190        height: 22px;
    191191        padding: 12px 25px;
    192         color: rgb(255, 255, 255);
     192        color: @1linkColor;
    193193        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    194194        font-size: 16px;
     
    203203        width: 22px;
    204204        height: 22px;
    205         background: url('../images/mobile-menu-icon.png') no-repeat scroll 50% 50% transparent;
     205        background: url('../images/@{mobileMenuIcon}') no-repeat scroll 50% 50% transparent;
    206206        margin-right: 10px;
    207207    }
Note: See TracChangeset for help on using the changeset viewer.