source: spip-zone/_plugins_/adx_menu/trunk/adxmenu_css.css.html

Last change on this file was 61135, checked in by piero.wbmstr@…, 8 years ago

On passé par "insert_head_css" (SPIP3) et une petite harmonisation des styles avec la nouvelle dist

  • Property svn:executable set to *
File size: 4.3 KB
Line 
1[(#REM)
2        Les commentaires sont ceux de l'auteur
3       
4        Les styles du menu sont editables le fichier "adxmenu_css_styles.css.html"
5
6]#CACHE{3600*100,cache-client}
7#HTTP_HEADER{Content-Type: text/css; charset=utf8}
8#HTTP_HEADER{Vary: Accept-Encoding}[
9(#SET{style,#ENV{type_menu,#EVAL{ADXMENU_OUVERTURE_DEFAUT}}})
10][(#SET{ouverture,[(#GET{style}|=={vlr}|sinon{#GET{style}|=={vrl}}|?{vertical,horizontal})]})
11]
12/* - - - Reset des styles Zpip - - - */
13/* => on retire les defs CSS sur les .menu-liste et .menu-entree si .adxmenu */
14.adxmenu .menu-liste,
15.adxmenu .menu-liste .menu-entree,
16.adxmenu .menu-liste .menu-entree .menu-liste,
17.adxmenu .menu-liste .menu-entree .menu-entree,
18#nav .adxmenu .menu-liste .menu-entree {margin:0;padding:0;border:0;}
19#nav .adxmenu li li.menu-entree {width: inherit;}
20
21/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
22/*<![CDATA[*/
23/* remove all list stylings */
24[(#GET{ouverture}|=={vertical}|oui)
25.adxmenu{ /* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
26        width:10em;
27}]
28.adxmenu, .adxmenu ul, .adxmenu ul.menu-liste {
29        margin:0;
30        padding:0;
31        border:0;
32        list-style-type:none;
33        display:block;
34}
35.adxmenu li, .adxmenu li.menu-entree {
36        margin:0;
37        padding:0;
38        border:0;
39        display:block;[(#GET{ouverture}|=={horizontal}|oui)
40        float:left; /* move all main list items into one row, by floating them */]
41        position:relative; /* position each LI, thus creating potential IE.win overlap problem */
42        z-index:5; /* thus we need to apply explicit z-index here... */
43}
44.adxmenu li:hover, .adxmenu li.menu-entree:hover {
45        z-index:10000; /* ...and here. this makes sure active item is always above anything else in the menu */
46        white-space:normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
47                see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
48}[(#GET{ouverture}|=={horizontal}|oui)
49
50.adxmenu li li{
51        float:none; /* items of the nested menus are kept on separate lines */
52}]
53.adxmenu ul, .adxmenu ul.menu-liste {
54        visibility: hidden; /* initially hide all submenus. */
55        position:absolute;
56        z-index:10;
57        [(#GET{style}|=={vrl}|?{right,left})]:0; /* while hidden, always keep them at the top left corner */
58        [(#GET{style}|=={hbt}|?{bottom,top})]:0; /* to avoid scrollbars as much as possible */
59}
60.adxmenu li:hover>ul, .adxmenu li:hover>ul.menu-liste {
61        visibility:visible; /* display submenu them on hover */
62        [(#GET{ouverture}|=={horizontal}|?{[(#GET{style}|=={hbt}|?{bottom,top})],[(#GET{style}|=={vrl}|?{right,left})]})]:100%; /* 1st level go below their parent item */
63}[(#GET{ouverture}|=={horizontal}|oui)
64.adxmenu li li:hover>ul, .adxmenu li li:hover>ul.menu-liste { /* 2nd+ levels go on the right side of the parent item */
65        [(#GET{style}|=={hbt}|?{bottom,top})]:0;
66        left:100%;
67}]
68
69/* -- float.clear --
70        force containment of floated LIs inside of UL */
71.adxmenu:after, .adxmenu ul:after {
72        content:".";
73        height:0;
74        display:block;
75        visibility:hidden;
76        overflow:hidden;
77        clear:both;
78}
79.adxmenu, .adxmenu ul { /* IE7 float clear: */
80        min-height:0;
81}
82/* -- float.clear.END --  */
83
84/* -- sticky.submenu --
85        it should not disappear when your mouse moves a bit outside the submenu
86        YOU SHOULD NOT STYLE the background of the ".adxmenu UL" or this feature may not work properly!
87        if you do it, make sure you 110% know what you do */
88.adxmenu ul {
89        background-image: url([(#CHEMIN{empty.gif}|url_absolue)]); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
90        padding: [(#GET{style}|=={htb}|?{10,30})px] [(#GET{style}|=={vrl}|?{10,30})px] [(#GET{style}|=={hbt}|?{10,30})px] [(#GET{style}|=={vlr}|?{10,30})px];
91        margin: [(#GET{ouverture}|=={vertical}|?{-30px,[(#GET{style}|=={htb}|?{-10px,0})]})] [(#GET{style}|=={vrl}|?{-10px,0})] [(#GET{style}|=={hbt}|?{-10px,0})] [(#GET{ouverture}|=={horizontal}|?{-30px,[(#GET{style}|=={vlr}|?{-10px,0})]})];
92        /* background: #f00; */ /* uncomment this if you want to see the "safe" area.
93                you can also use to adjust the safe area to your requirement */
94}[(#GET{ouverture}|=={horizontal}|oui)
95.adxmenu ul ul {
96        padding: 30px 30px 30px 10px;
97        margin: [(#GET{style}|=={htb}|?{-30px,0})] 0 [(#GET{style}|=={hbt}|?{-30px,0})] -10px;
98}]
99/* -- sticky.submenu.END -- */
100
101[(#GET{ouverture}|=={horizontal}|oui)
102/* Fix for IE5/Mac \*//*/
103.adxmenu a {float:left;}
104/* End Fix */
105]
106
107/*]]>*/
Note: See TracBrowser for help on using the repository browser.