Projet

Général

Profil

Paste
Télécharger (4,82 ko) Statistiques
| Branche: | Révision:

root / htmltest / sites / all / themes / sky / css / navigation.css @ 6c38d829

1
/* CSS for major navigation elements such as menus, pager, superfish etc */
2
a {
3
  text-decoration: none;
4
  -moz-transition: all 0.2s linear;
5
  -webkit-transition: all 0.2s linear;
6
  transition: all 0.2s linear;
7
}
8
a:link    {}
9
a:visited {}
10
a:hover   {}
11
a:active  {}
12
a.active  {}
13

    
14
/* Global focus style for links. */
15
a:active,
16
a:focus {}
17

    
18
/* Menus */
19
ul.menu {
20
  margin: 0 0 0 15px;
21
  padding: 0;
22
}
23
.ie6-7 ul.menu {
24
  padding-left: 15px;
25
}
26
ul.menu li {
27
  padding: 0;
28
}
29
ul.menu ul {
30
  margin-left: 15px;
31
}
32
.region-top-menu {
33
  height: 2.5em;
34
  margin-bottom: 10px;
35
}
36
.region-top-menu .block {
37
  margin: 0;
38
}
39
.region-top-menu .block-inner {
40
  margin: 0 10px;
41
}
42
.region-top-menu ul.menu {
43
  margin: 0;
44
  padding: 0;
45
}
46
.region-top-menu ul.menu li {
47
  float: left;
48
  list-style: none;
49
  list-style-image: none;
50
  padding: 0;
51
  margin: 0;
52
}
53
.region-top-menu .block a {
54
  height: 2.5em;
55
  line-height: 2.5em;
56
  padding: 0 10px;
57
}
58

    
59
/* Any menu block in the menu-bar region. */
60
.menu-toggle {
61
  display: none;
62
}
63
#menu-bar,
64
#menu-bar .menu-wrapper {
65
  clear: both;
66
  margin: 0;
67
}
68
#menu-bar .menu-wrapper ul.menu {
69
  margin: 0;
70
}
71
#menu-bar .menu-wrapper li,
72
#menu-bar .menu-wrapper .menu li {
73
  display: inline;
74
  float: left;
75
  list-style: none;
76
  margin-left: 0;
77
  margin-right: 2px;
78
}
79
#menu-bar .menu-wrapper li a,
80
#menu-bar .menu-wrapper .menu li a {
81
  display: block;
82
  line-height: 2.5em;
83
  padding: 0 2em;
84
  white-space: nowrap;
85
}
86
#menu-bar .menu-wrapper ul.menu li {
87
  padding: 0;
88
}
89
#menu-bar .block {
90
  margin: 0;
91
  padding: 0;
92
}
93
#menu-bar .block-menu ul.menu ul {
94
  display: none;
95
}
96

    
97
/* Superfish Skins */
98
ul.sf-menu {
99
  margin-bottom: 0 !important;
100
}
101
.sf-vertical,
102
.sf-vertical li {
103
  width: 100%;
104
}
105
.sf-vertical li {
106
}
107
.sf-vertical li.last {
108
  border-bottom: none;
109
}
110
.sf-vertical li:hover ul,
111
.sf-vertical li.sfHover ul {
112
  left: 100%; /* match ul width */
113
  top:  0;
114
  margin: 0;
115
  padding: 0;
116
}
117
.sf-vertical li a {}
118
.sf-navbar {
119
  padding-bottom: 0 !important;
120
}
121
.block .menu li.content {
122
  padding: 0; /* extra class can equal a standard class */
123
}
124

    
125
/* AT7 builds brumbcrumb trails as an ordered list. */
126
#breadcrumb ol {
127
  margin: 0;
128
  padding: 0;
129
}
130
#breadcrumb li {
131
  list-style: none;
132
  display: inline;
133
}
134
#breadcrumb {
135
  font-size: 1.231em;
136
  margin: 5px 0;
137
}
138
#breadcrumb a,
139
#breadcrumb a:visited {
140
  display: inline-block;
141
  font-size: 0.846em;
142
  line-height: 28px;
143
  margin: 0;
144
}
145
#breadcrumb li.crumb span {
146
  margin: 0 .25em;
147
}
148

    
149
/* Pager */
150
ul.pager {
151
  clear: both;
152
  margin: 0;
153
  text-align: center;
154
}
155
.item-list ul.pager li {
156
  margin: 0;
157
}
158
ul.pager li {
159
  background-image: none;
160
  display: inline;
161
  list-style-type: none;
162
  padding: .5em;
163
}
164
ul.pager li.pager-current {
165
  font-weight: 700;
166
}
167
.block ul.pager li {
168
  margin: 0;
169
}
170

    
171
/* Skip Navigation */
172
#skip-link {
173
  left: 50%;
174
  margin-left: -6.5em;
175
  margin-top: 0;
176
  padding: 0 0.5em;
177
  position: absolute;
178
  width: 12em;
179
  z-index: 50;
180
}
181
#skip-link a,
182
#skip-link a:link,
183
#skip-link a:visited {
184
  background: #444;
185
  background: rgba(0, 0, 0, 0.6);
186
  color: #fff;
187
  display: block;
188
  line-height: 2;
189
  padding: 0;
190
  text-align: center;
191
  text-decoration: none;
192
  -khtml-border-radius: 0 0 10px 10px;
193
  -moz-border-radius: 0 0 10px 10px;
194
  -webkit-border-top-left-radius: 0;
195
  -webkit-border-top-right-radius: 0;
196
  -webkit-border-bottom-left-radius: 10px;
197
  -webkit-border-bottom-right-radius: 10px;
198
  border-radius: 0 0 10px 10px;
199
}
200
#skip-link a:hover,
201
#skip-link a:active,
202
#skip-link a:focus {
203
  outline: 0;
204
}
205

    
206
/* tasks */
207
div#tasks {
208
  margin-top: 20px;
209
  margin-bottom: 10px;
210
  padding: 0;
211
}
212
.not-front.page-node div#tasks {
213
  margin-top: 0;
214
}
215
ul.tabs {
216
  display: block;
217
  padding: 0;
218
  margin: 0;
219
  border-bottom: 0;
220
  border-bottom: solid 1px #e6e4e2;
221
}
222
ul.tabs li {
223
  display: inline-block;
224
  float: left;
225
  margin: 0 0.2em 0 0;
226
  padding: 0;
227
}
228
ul.tabs a {
229
  display: block;
230
  padding: 0 1em;
231
  text-decoration: none;
232
}
233
ul.tabs a:hover,
234
ul.tabs a:focus,
235
ul.tabs a:active,
236
.tabs a.active {
237
  outline: 0;
238
}
239
ul.tabs a.active {
240
  font-weight: 600;
241
}
242

    
243
/* Primary */
244
ul.primary {
245
  font-size: 1.077em;
246
  height: 4ex;
247
  line-height: 4ex;
248
  margin-top: 1em;
249
}
250
ul.primary li a,
251
ul.primary li.active a {
252
  padding: 0 1em;
253
  border: 0;
254
}
255

    
256
/* Secondary */
257
ul.secondary {
258
  border-top: solid 1px #e6e4e2;
259
  line-height: 4ex;
260
  padding: 1em 1em 0 0;
261
  position: relative;
262
  margin: 0 0 1em 0;
263
}
264
.secondary a {
265
  font-size: 0.923em;
266
  -moz-border-radius: 3px;
267
  -webkit-border-radius: 3px;
268
  border-radius: 3px;
269
}
270

    
271
/* Action links */
272
ul.action-links {
273
  display: block;
274
  margin: 1em 0;
275
}
276
.action-links li {
277
  display: inline;
278
  margin: 0 1em 0 0;
279
}
280
.action-links li a {
281
  background: url(images/gray.png) no-repeat 0 -198px;
282
  padding-left: 20px;
283
}
284

    
285
/* Disable transitions */
286
ul.primary li a,
287
ul.primary li.active a,
288
div.contextual-links-wrapper a,
289
.toolbar-toggle-processed {
290
  -webkit-transition: 0;
291
  -moz-transition: all 0s linear 0s;
292
  -o-transition: 0;
293
  transition: 0;
294
}