source: spip-zone/_squelettes_/escal/trunk/styles/menu.css @ 112788

Last change on this file since 112788 was 112788, checked in by jcvilleneuve@…, 2 months ago

EscalV4 : correction css page evenement + affichage de la version d'Escal dans la page de configuration

File size: 3.7 KB
Line 
1/* ==================    Menu horizontal  ==================*/
2
3
4@media screen and (min-width: 641px) {
5        .menumobile {
6                display:none;
7        }
8}
9@media screen and (max-width: 640px) {
10        .menumobile {
11                display:block;
12        }
13}
14
15
16#menu {
17        clear: both;
18}
19ul#menu li:hover>ul {
20        display: block;
21}
22/* menu racine */
23ul#menu {
24        margin: 0px;
25        padding: 10px 0 0 0;
26        list-style: none;
27        font-size: 1.2rem;
28        font-weight: bold;
29        text-align: center;
30}
31ul#menu li {
32        display: inline-block;
33        position: relative;
34        padding: 0 0 5px 0;
35}
36/* cadre autour d'une entree de menu */
37ul#menu li a {
38        display: block;
39        padding: 4px 10px;
40        margin:  0 1px;
41        border-width: 1px;
42        border-style: solid;
43        text-decoration: none;
44}
45ul#menu img.spip_logos{
46  margin: 0 5px 0 0;
47  vertical-align: -5px;
48}
49ul#menu img.menutransparent{
50  margin: 0;
51}
52
53/* Les sous menu */
54ul#menu ul {
55        font-size: 1rem;
56        font-weight: normal;
57        text-align: left;
58        list-style: none;
59        margin-top: 4px;
60        padding: 0px;
61        width: 150px;
62        z-index: 100;
63        vertical-align: middle;
64        border-width: 1px;
65        border-style: solid;
66        position: absolute;
67        left: 0;
68        display: none;
69}
70ul#menu ul ul {
71        top: 1px;
72        left: 149px;
73        margin: 0px;
74}
75ul#menu ul li {
76        display: block;
77        padding: 8px 0px;
78}
79ul#menu ul li a {
80        display: block;
81        padding-top: 0;
82        padding-right: 0;
83        padding-bottom: 0;
84        padding-left: 5px;
85        border: none;
86}
87/* pour les fleches */
88ul#menu ul img {
89        position: relative;
90        float: right;
91}
92ul#menu img {
93        margin-left: 5px;
94}
95#menu ul li.article {
96  padding-left: 20px;
97}
98#entete .menu.floatable {
99        position: fixed;
100        top: 0;
101        z-index: 1000;
102}
103
104/* hack pour Safari */
105@media screen {
106ul#menu ul img {
107        -webkit-min-device-pixel-ratio: 0;
108  margin-top: 5px;
109        margin-right: 5px;
110        margin-bottom: 0;
111        margin-left: 0;
112}
113}
114
115
116/* ==================    Menu vertical  ==================*/
117#menuV ul {
118        list-style: none;
119        margin-top: 5px;
120        padding: 0px;
121}
122#menuV ul#accueilmenu {
123  margin-bottom: -5px;
124}
125#menuV ul li {
126        padding-bottom: 2px;
127        padding-left: 20px;
128        vertical-align: bottom;
129        min-height: 16px;
130}
131#menuV ul ul {
132        margin-left: -15px;
133        padding-left: 5px;
134}
135
136#menuV li.on>a {
137        font-weight: bold;
138}
139/* ==================    Menu vertical 2  ==================*/
140#menuV2 {
141        padding: 0;
142        font-size: 1.2rem;
143        text-align: left;
144        margin-top: 25px;
145
146}
147
148#menuV2 ul.menulist, #menuV2 ul.menulist ul {
149        list-style: none;
150        z-index: 500;
151        margin: 0;
152        padding: 0;
153        line-height: 1.2em;
154        width: 100%;
155}
156#menuV2 ul.menulist ul {
157        position: absolute;
158        top: -1px;
159        left: 99%;
160        border-radius: 0px;
161}
162#menuV2 ul.menulist li {
163        position: relative;
164        margin: 0;
165        padding: 0;
166        border-top-width: 1px;
167        border-right-width: 0;
168        border-bottom-width: 1px;
169        border-left-width: 1px;
170        border-style: solid;
171}
172#menuV2 ul.menulist li ul {
173        display: none;
174}
175#menuV2 ul.menulist li:hover>ul {
176        display: block;
177}
178#menuV2 ul.menulist a{
179        text-decoration: none;
180        display: block;
181        padding: 5px;
182}
183#menuV2 ul.menulist a:hover {
184        text-decoration: none;
185}
186#menuV2 ul.menulist li.smenu, #menuV2 ul.menulist li.smenu>a {
187        background-position: 170px;
188        background-repeat: no-repeat;
189}
190#menuV2 ul.menulist li.smenu:hover, #menuV2 ul.menulist li.smenu>a:hover {
191        background-position: 167px;
192        background-repeat: no-repeat;
193}
194#menuV2 ul.menulist a.menu_articles {
195}
196#menuV2 ul.menulist a.menu_articles:hover {
197}
198#menuV2 ul.menulist img, #menuV2 ul.menulist ul img {
199        position: relative;
200        float: right;
201        margin: 5px 5px 0px 0px;
202        margin-top: 5px;
203        margin-right: 5px;
204}
205
206#menuV2 ul li.article a {
207  background: url(../images/transparent.png);
208  border-radius: 0 !important;
209}
Note: See TracBrowser for help on using the repository browser.