Projet

Général

Profil

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

root / drupal7 / sites / all / themes / sky / css / navigation.css @ 4b706e38

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
/* Superfish fixes */
102
ul.sf-menu ul {
103
  margin: 0;
104
}
105
.sf-vertical,
106
.sf-vertical li {
107
  width: 100%;
108
}
109
.sf-vertical li {
110
}
111
.sf-vertical li.last {
112
  border-bottom: none;
113
}
114
.sf-vertical li:hover ul,
115
.sf-vertical li.sfHover ul {
116
  left: 100%; /* match ul width */
117
  top:  0;
118
  margin: 0;
119
  padding: 0;
120
}
121
.sf-vertical li a {}
122
.sf-navbar {
123
  padding-bottom: 0 !important;
124
}
125
.block .menu li.content {
126
  padding: 0; /* extra class can equal a standard class */
127
}
128

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

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

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

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

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

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

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

    
289
/* Disable transitions */
290
.field-type-addthis a,
291
.addthis_toolbox a,
292
ul.primary li a,
293
ul.primary li.active a,
294
div.contextual-links-wrapper a,
295
.toolbar-toggle-processed {
296
  -webkit-transition: 0;
297
  -moz-transition: none 0s linear 0s;
298
  -o-transition: 0;
299
  transition: 0;
300
}