Changeset 75322 in spip-zone


Ignore:
Timestamp:
Sep 9, 2013, 8:04:17 AM (6 years ago)
Author:
arnaud.berard@…
Message:
  • correction des alignements verticaux d'images et textes sur le niveaux 1 : s'adapte suivant la hauteur du menu
Location:
_plugins_/boussole/trunk/css
Files:
2 edited

Legend:

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

    r75308 r75322  
    11/* CSS crunched with Crunch - http://crunchapp.net/ */
    22.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;}
    4 .menu_container.spip-theme>ul>li:hover>a{background-color:#660e5c;}
     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;}
    55.menu_container.spip-theme ul.menu_submenu_block li a:hover{background:none repeat scroll 0% 0% #a887b8;}
    66.menu_container{margin-bottom:0;height:48px;clear:both;float:left;position:absolute;top:0;}
    77.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{display:block;float:left;padding:0px;margin:0px;text-align:left;}
    9 .menu_container>ul>li>a{padding:12px 15px;height:24px;display:block;color:#ffffff;text-decoration:none;-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;border-right:1px solid rgba(255, 255, 255, 0.25);text-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);transition:background-color 200ms linear 0s;font-size:13px;font-family:"Georgia,Cambria,Times New Roman,Times,serif";}.menu_container>ul>li>a>img{float:left;margin-right:10px;}
     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 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;}
    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;}.menu_container>ul>li:hover>a{box-shadow:2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset,-2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset;}
    13 .menu_container>ul>li:hover>a.icn_home{box-shadow:none;padding-left:0;border-right:1px solid #383838;}
    14 .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;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;}
     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;}
     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;}
    1514.menu_container>ul>li:hover>.menu_dropdown_block{visibility:visible;display:block;opacity:1;margin-left:-1px;}
    1615.menu_container>ul>li>.menu_dropdown_block.full_width{left:0px;margin-left:0px;}
  • _plugins_/boussole/trunk/css/boussole_topnav.less

    r75308 r75322  
    4444        font-family: @spipFont;
    4545        font-size: 16px;
    46     }
    47     > ul > li:hover > a {
     46        &:hover,&:active,&:focus{
     47            background: none;
     48        }
     49    }
     50    > ul > li:hover {
    4851        background-color: @spipMauve ;   
    4952    }
     
    8184    height: inherit;
    8285    > li {
    83         display: block;
    8486        float: left;
    8587        padding: 0px;
    8688        margin: 0px;
    8789        text-align: left;
     90        border-right: 1px solid rgba(255, 255, 255, 0.25);
     91        .box-shadow(-1px 0px 0px rgba(0, 0, 0, 0.2) inset);
     92        transition: background-color 200ms linear 0s;
    8893    }
    8994    > li > a {
    90         padding: 12px 15px;
    91         height : (@menuContainerHeight - (12px*2)); // on calcule pour quand il n'y a pas de texte et juste une image
    92         display: block;
     95        padding: 0 15px;
     96        line-height : @menuContainerHeight ;
     97        vertical-align: middle;
    9398        color: rgb(255, 255, 255);
    9499        text-decoration: none;
    95         .box-shadow(-1px 0px 0px rgba(0, 0, 0, 0.2) inset);
    96         border-right: 1px solid rgba(255, 255, 255, 0.25);
    97100        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    98         transition: background-color 200ms linear 0s;
    99101        font-size: 13px;
    100102        font-family: @spipFont ;
    101         > img{
    102             float : left;
     103        > img {
    103104            margin-right:10px;
     105            vertical-align: middle;
    104106        }
    105107    }
     
    113115    > li:hover {
    114116        margin-left: -1px;
    115         > a {
    116             box-shadow: 2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset, -2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset;
    117         }
    118         > a.icn_home {
    119             box-shadow: none;
    120             padding-left: 0;
    121             border-right : 1px solid #383838;
    122         }
     117        box-shadow: 2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset, -2px 0px 10px -5px rgba(0, 0, 0, 0.6) inset;
     118        cursor: pointer;
    123119    }
    124120    // Sous Menus
     
    136132        -moz-border-left-colors: none;
    137133        border-image: none;
    138         box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
     134       .box-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
    139135        background: none repeat scroll 0% 0% rgb(255, 255, 255);
    140136        top: 100%;
Note: See TracChangeset for help on using the changeset viewer.