Projet

Général

Profil

Paste
Télécharger (8,35 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / corolla / css / corolla.settings.style.css @ 87dbc3bf

1
/* Styles to support the theme settings */
2

    
3

    
4
/* Left */
5
.hl-l #branding {
6
  float: left;
7
  margin: 0 20px;
8
}
9

    
10
.hl-l .region-header {
11
  float: right;
12
  margin: 0 10px;
13
}
14

    
15
.hl-l .region-header .block {
16
  display: inline;
17
  clear: none;
18
  margin-bottom: 0;
19
}
20

    
21
.hl-l #logo {
22
  padding: 0 20px 7px 3px;
23
}
24

    
25

    
26
/* Right */
27
.hl-r #branding {
28
  float: right;
29
  margin: 0 20px;
30
}
31

    
32
.hl-r .region-header {
33
  float: left;
34
  margin: 0 10px;
35
}
36

    
37
.hl-r .region-header .block {
38
  display: inline;
39
  clear: none;
40
  margin-bottom: 0;
41
}
42

    
43
.hl-r #logo {
44
  padding: 0 3px 7px 20px;
45
}
46

    
47

    
48
/* Centered */
49
.hl-c #branding {
50
  float: none;
51
  margin: auto;
52
  text-align: center;
53
}
54

    
55
.hl-c .region-header {
56
  display: table;
57
  float: none;
58
  margin: 15px auto 0;
59
  text-align: center;
60
}
61

    
62
.hl-c .region-header .block {
63
  margin: auto;
64
  display: inline;
65
  text-align: left;
66
  clear: none;
67
}
68

    
69
.hl-c .region-header .block-inner {
70
  margin: 0 20px;
71
}
72

    
73
.hl-c #logo {
74
  padding: 0 0 10px 0;
75
}
76

    
77

    
78
/* Image Alignment */
79
.ia-l .field-type-image figure,
80
.iat-l .field-type-image figure {
81
  margin: 6px 15px 5px 0;
82
}
83

    
84
.ia-l .field-type-image figcaption,
85
.iat-l .field-type-image figcaption {
86
  margin: 5px 0;
87
}
88

    
89
.ia-r .field-type-image figure,
90
.iat-r .field-type-image figure {
91
  margin: 6px 0 5px 15px;
92
}
93
.ia-r .field-type-image figcaption,
94
.iat-r .field-type-image figcaption {
95
  margin: 5px 0;
96
}
97

    
98
.ia-c .field-type-image figure,
99
.ia-n .field-type-image figure,
100
.iat-c .field-type-image figure,
101
.iat-n .field-type-image figure {
102
  border: none;
103
  padding: 10px 0;
104
}
105

    
106
.field-type-image.field-label-above {
107
  margin-top: 0;
108
}
109

    
110
.field-type-image .field-label {
111
  margin-bottom: 0.5em;
112
}
113

    
114
.field-type-image.field-label-inline .field-label {
115
  margin-bottom: 0;
116
  line-height: 1;
117
}
118

    
119

    
120
/* Background overlays */
121

    
122
.bb-n {
123
  background-image: none;
124
}
125

    
126
.bb-h {
127
  background-image: url(images/ts/hatch.png);
128
}
129

    
130
.bb-vl {
131
  background-image: url(images/ts/line-vert.png);
132
}
133

    
134
.bb-hl {
135
  background-image: url(images/ts/line-horiz.png);
136
}
137

    
138
.bb-g {
139
  background-image: url(images/ts/grid.png);
140
}
141

    
142
.bb-d {
143
  background-image: url(images/ts/dots.png);
144
}
145

    
146

    
147
/* Box shadows */
148

    
149
.sc-n #page .content-style  {
150
  -webkit-box-shadow:0 0 0 transparent;
151
  -moz-box-shadow:0 0 0 transparent;
152
  box-shadow:0 0 0 transparent;
153
}
154

    
155
.bs-l #page .content-style {
156
  -webkit-box-shadow:0 0 10px rgba(76, 76, 76, 0.7);
157
  -moz-box-shadow:0 0 10px rgba(76, 76, 76, 0.7);
158
  box-shadow:0 0 10px rgba(76, 76, 76, 0.7);
159
}
160

    
161
.bs-d #page  .content-style {
162
  -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.9);
163
  -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.9);
164
  box-shadow:0 0 10px rgba(0, 0, 0, 0.9);
165
}
166

    
167

    
168
/* Bullets */
169

    
170
.mb-n ul.menu {
171
  padding: 0;
172
}
173

    
174
.mb-n ul li.leaf,
175
.mb-n ul li.collapsed,
176
.mb-n ul li.expanded {
177
  list-style: none;
178
  list-style-image: none;
179
  padding: 0;
180
}
181

    
182
.mb-ah ul.menu {
183
  padding: 0 0 0 0.1em;
184
}
185

    
186
.mb-ah ul li.leaf,
187
.mb-ah ul li.collapsed,
188
.mb-ah ul li.expanded {
189
  list-style-image: url(images/ts/arrow-head.png);
190
}
191

    
192
.mb-ad ul.menu {
193
  padding: 0 0 0 0.2em;
194
}
195

    
196
.mb-ad ul li.leaf,
197
.mb-ad ul li.collapsed,
198
.mb-ad ul li.expanded {
199
  list-style-image: url(images/ts/arrow-double.png);
200
}
201

    
202
.mb-ca ul.menu {
203
  padding: 0 0 0 0.6em;
204
}
205

    
206
.mb-ca ul li.leaf,
207
.mb-ca ul li.collapsed,
208
.mb-ca ul li.expanded {
209
  list-style-image: url(images/ts/arrow-circle.png);
210
}
211

    
212
.mb-fa ul.menu {
213
  padding: 0 0 0 0.6em;
214
}
215
.mb-fa ul li.leaf,
216
.mb-fa ul li.collapsed,
217
.mb-fa ul li.expanded {
218
  list-style-image: url(images/ts/arrow-fat.png);
219
}
220

    
221
.mb-sa ul.menu {
222
  padding: 0 0 0 0.6em;
223
}
224

    
225
.mb-sa ul li.leaf,
226
.mb-sa ul li.collapsed,
227
.mb-sa ul li.expanded {
228
  list-style-image: url(images/ts/arrow-skinny.png);
229
}
230

    
231

    
232
/* Rounded corners */
233

    
234
.rc-4 .sidebar .block-inner,
235
.rc-4 .region-highlighted .block-inner,
236
.rc-4 .four-4x25 .block-inner,
237
.rc-4 .three-3x33 .block-inner,
238
.rc-4 .content-style  {
239
  -moz-border-radius: 4px;
240
  -webkit-border-radius: 4px;
241
  -khtml-border-radius: 4px;
242
  border-radius: 4px;
243
}
244

    
245
.rc-6 .sidebar .block-inner,
246
.rc-6 .region-highlighted .block-inner,
247
.rc-6 .four-4x25 .block-inner,
248
.rc-6 .three-3x33 .block-inner,
249
.rc-6 .content-style   {
250
  -moz-border-radius: 6px;
251
  -webkit-border-radius: 6px;
252
  -khtml-border-radius: 6px;
253
  border-radius: 6px;
254
}
255

    
256
.rc-8 .sidebar .block-inner,
257
.rc-8 .region-highlighted .block-inner,
258
.rc-8 .four-4x25 .block-inner,
259
.rc-8 .three-3x33 .block-inner,
260
.rc-8 .content-style   {
261
  -moz-border-radius: 8px;
262
  -webkit-border-radius: 8px;
263
  -khtml-border-radius: 8px;
264
  border-radius: 8px;
265
}
266

    
267
.rc-10 .sidebar .block-inner,
268
.rc-10 .region-highlighted .block-inner,
269
.rc-10 .four-4x25 .block-inner,
270
.rc-10 .three-3x33 .block-inner,
271
.rc-10 .content-style {
272
  -moz-border-radius: 10px;
273
  -webkit-border-radius: 10px;
274
  -khtml-border-radius: 10px;
275
  border-radius: 10px;
276
}
277

    
278
.rc-12 .sidebar .block-inner,
279
.rc-12 .region-highlighted .block-inner,
280
.rc-12 .four-4x25 .block-inner,
281
.rc-12 .three-3x33 .block-inner,
282
.rc-12 .content-style {
283
  -moz-border-radius: 12px;
284
  -webkit-border-radius: 12px;
285
  -khtml-border-radius: 12px;
286
  border-radius: 12px;
287
}
288

    
289
.rct-4 input.form-button,
290
.rct-4 input.form-submit {
291
  -moz-border-radius: 4px;
292
  -webkit-border-radius: 4px;
293
  border-radius: 4px;
294
}
295

    
296
.rct-6 input.form-button,
297
.rct-6 input.form-submit {
298
  -moz-border-radius: 6px;
299
  -webkit-border-radius: 6px;
300
  border-radius: 6px;
301
}
302

    
303
.rct-8 input.form-button,
304
.rct-8 input.form-submit {
305
  -moz-border-radius: 8px;
306
  -webkit-border-radius: 8px;
307
  border-radius: 8px;
308
}
309

    
310
.rct-10 input.form-button,
311
.rct-10 input.form-submit {
312
  -moz-border-radius: 10px;
313
  -webkit-border-radius: 10px;
314
  border-radius: 10px;
315
}
316

    
317
.rct-12 input.form-button,
318
.rct-12 input.form-submit {
319
  -moz-border-radius: 12px;
320
  -webkit-border-radius: 12px;
321
  border-radius: 10px;
322
}
323

    
324
.rct-4 .nav .block-menu li a,
325
.rct-4 #menu-bar li.sf-depth-1,
326
.rct-4 #menu-bar li.sf-depth-1 > a,
327
.rct-4 .region-header .block ul.menu > li,
328
.rct-4 .region-header .block ul.menu > li > a {
329
  -moz-border-radius: 4px 4px 0 0;
330
  -webkit-border-top-left-radius: 4px;
331
  -webkit-border-top-right-radius: 4px;
332
  -webkit-border-bottom-right-radius: 0;
333
  -webkit-border-bottom-left-radius: 0;
334
  -khtml-border-radius-topleft: 4px;
335
  -khtml-border-radius-topright: 4px;
336
  -khtml-border-radius-bottomright: 0;
337
  -khtml-border-radius-bottomleft: 0;
338
  border-radius: 4px 4px 0 0;
339
}
340

    
341
.rct-6 .nav .block-menu li a,
342
.rct-6 #menu-bar li.sf-depth-1,
343
.rct-6 #menu-bar li.sf-depth-1 > a,
344
.rct-6 .region-header .block ul.menu > li,
345
.rct-6 .region-header .block ul.menu > li  > a {
346
  -moz-border-radius: 6px 6px 0 0;
347
  -webkit-border-top-left-radius: 6px;
348
  -webkit-border-top-right-radius: 6px;
349
  -webkit-border-bottom-right-radius: 0;
350
  -webkit-border-bottom-left-radius: 0;
351
  -khtml-border-radius-topleft: 6px;
352
  -khtml-border-radius-topright: 6px;
353
  -khtml-border-radius-bottomright: 0;
354
  -khtml-border-radius-bottomleft: 0;
355
  border-radius: 6px 6px 0 0;
356
}
357

    
358
.rct-8 .nav .block-menu li a,
359
.rct-8 #menu-bar li.sf-depth-1,
360
.rct-8 #menu-bar li.sf-depth-1 > a,
361
.rct-8 .region-header .block ul.menu > li,
362
.rct-8 .region-header .block ul.menu > li  > a {
363
  -moz-border-radius: 8px 8px 0 0;
364
  -webkit-border-top-left-radius: 8px;
365
  -webkit-border-top-right-radius: 8px;
366
  -webkit-border-bottom-right-radius: 0;
367
  -webkit-border-bottom-left-radius: 0;
368
  -khtml-border-radius-topleft: 8px;
369
  -khtml-border-radius-topright: 8px;
370
  -khtml-border-radius-bottomright: 0;
371
  -khtml-border-radius-bottomleft: 0;
372
  border-radius: 8px 8px 0 0;
373
}
374

    
375
.rct-10 .nav .block-menu li a,
376
.rct-10 #menu-bar li.sf-depth-1,
377
.rct-10 #menu-bar li.sf-depth-1 > a,
378
.rct-10 .region-header .block ul.menu > li,
379
.rct-10 .region-header .block ul.menu > li  > a {
380
  -moz-border-radius: 10px 10px 0 0;
381
  -webkit-border-top-left-radius: 10px;
382
  -webkit-border-top-right-radius: 10px;
383
  -webkit-border-bottom-right-radius: 0;
384
  -webkit-border-bottom-left-radius: 0;
385
  -khtml-border-radius-topleft: 10px;
386
  -khtml-border-radius-topright: 10px;
387
  -khtml-border-radius-bottomright: 0;
388
  -khtml-border-radius-bottomleft: 0;
389
  border-radius: 10px 10px 0 0;
390
}
391

    
392
.rct-12 .nav .block-menu li a,
393
.rct-12 #menu-bar li.sf-depth-1,
394
.rct-12 #menu-bar li.sf-depth-1 > a,
395
.rct-12 .region-header .block ul.menu > li,
396
.rct-12 .region-header .block ul.menu > li  > a {
397
  -moz-border-radius: 12px 12px 0 0;
398
  -webkit-border-top-left-radius: 12px;
399
  -webkit-border-top-right-radius: 12px;
400
  -webkit-border-bottom-right-radius: 0;
401
  -webkit-border-bottom-left-radius: 0;
402
  -khtml-border-radius-topleft: 12px;
403
  -khtml-border-radius-topright: 12px;
404
  -khtml-border-radius-bottomright: 0;
405
  -khtml-border-radius-bottomleft: 0;
406
  border-radius: 12px 12px 0 0;
407
}