Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 93 | Rev 109 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 93 Rev 94
1
/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */
1
/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */
2
 
2
 
3
/**
3
/**
4
 * ODS, for Drupal 6.x
4
 * ODS, for Drupal 6.x
5
 *
5
 *
6
 * If you use a customized color scheme, you must regenerate it after
6
 * If you use a customized color scheme, you must regenerate it after
7
 * modifying this file.
7
 * modifying this file.
8
 */
8
 */
9
 
9
 
10
/**
10
/**
11
 * Generic elements
11
 * Generic elements
12
 */
12
 */
13
body {
13
body {
14
  margin: 0;
14
  margin: 0;
15
  margin-top: 20px;
15
  margin-top: 0px;
16
  padding: 0;
16
  padding: 0;
17
  background: transparent;
17
  background: transparent;
18
  font: 12px/170% Verdana, sans-serif;
18
  font: 12px/170% Verdana, sans-serif;
19
  color: #494949;
19
  color: #494949;
20
  background-color: #BFAF83;
20
  background-color: #C6B895;
21
}
21
}
22
 
22
 
23
input {
23
input {
24
  font: 12px/100% Verdana, sans-serif;
24
  font: 12px/100% Verdana, sans-serif;
25
  color: #494949;
25
  color: #494949;
26
}
26
}
27
 
27
 
28
textarea, select {
28
textarea, select {
29
  font: 12px/160% Verdana, sans-serif;
29
  font: 12px/160% Verdana, sans-serif;
30
  color: #494949;
30
  color: #494949;
31
}
31
}
32
 
32
 
33
h1, h2, h3, h4, h5, h6 {
33
h1, h2, h3, h4, h5, h6 {
34
  margin: 0;
34
  margin: 0;
35
  padding: 0;
35
  padding: 0;
36
  font-weight: normal;
36
  font-weight: normal;
37
  font-family: Helvetica, Arial, sans-serif;
37
  font-family: Helvetica, Arial, sans-serif;
38
}
38
}
39
 
39
 
40
h1 {
40
h1 {
41
  font-size: 170%;
41
  font-size: 170%;
42
}
42
}
43
 
43
 
44
h2 {
44
h2 {
45
  font-size: 160%;
45
  font-size: 160%;
46
  line-height: 130%;
46
  line-height: 130%;
47
}
47
}
48
 
48
 
49
h3 {
49
h3 {
50
  font-size: 140%;
50
  font-size: 140%;
51
}
51
}
52
 
52
 
53
h4 {
53
h4 {
54
  font-size: 130%;
54
  font-size: 130%;
55
}
55
}
56
 
56
 
57
h5 {
57
h5 {
58
  font-size: 120%;
58
  font-size: 120%;
59
}
59
}
60
 
60
 
61
h6 {
61
h6 {
62
  font-size: 110%;
62
  font-size: 110%;
63
}
63
}
64
 
64
 
65
ul, quote, code, fieldset {
65
ul, quote, code, fieldset {
66
  margin: .5em 0;
66
  margin: .5em 0;
67
}
67
}
68
 
68
 
69
p {
69
p {
70
  margin: 0.6em 0 1.2em;
70
  margin: 0.6em 0 1.2em;
71
  padding: 0;
71
  padding: 0;
72
}
72
}
73
 
73
 
74
a:link, a:visited {
74
a:link, a:visited {
75
  color: #027AC6;
75
  color: #027AC6;
76
  text-decoration: none;
76
  text-decoration: none;
77
}
77
}
78
 
78
 
79
a:hover {
79
a:hover {
80
  color: #0062A0;
80
  color: #0062A0;
81
  text-decoration: underline;
81
  text-decoration: underline;
82
}
82
}
83
 
83
 
84
a:active, a.active {
84
a:active, a.active {
85
  color: #5895be;
85
  color: #5895be;
86
}
86
}
87
 
87
 
88
hr {
88
hr {
89
  margin: 0;
89
  margin: 0;
90
  padding: 0;
90
  padding: 0;
91
  border: none;
91
  border: none;
92
  height: 1px;
92
  height: 1px;
93
  background: #5294c1;
93
  background: #5294c1;
94
}
94
}
95
 
95
 
96
ul {
96
ul {
97
  margin: 0.5em 0 1em;
97
  margin: 0.5em 0 1em;
98
  padding: 0;
98
  padding: 0;
99
}
99
}
100
 
100
 
101
ol {
101
ol {
102
  margin: 0.75em 0 1.25em;
102
  margin: 0.75em 0 1.25em;
103
  padding: 0;
103
  padding: 0;
104
}
104
}
105
 
105
 
106
ol li, ul li {
106
ol li, ul li {
107
  margin: 0.4em 0 0.4em .5em; /* LTR */
107
  margin: 0.4em 0 0.4em .5em; /* LTR */
108
}
108
}
109
 
109
 
110
ul.menu, .item-list ul {
110
ul.menu, .item-list ul {
111
  margin: 0.35em 0 0 -0.5em; /* LTR */
111
  margin: 0.35em 0 0 -0.5em; /* LTR */
112
  padding: 0;
112
  padding: 0;
113
}
113
}
114
 
114
 
115
ul.menu ul, .item-list ul ul {
115
ul.menu ul, .item-list ul ul {
116
  margin-left: 0em; /* LTR */
116
  margin-left: 0em; /* LTR */
117
}
117
}
118
 
118
 
119
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
119
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
120
  margin: 0.15em 0 0.15em .5em; /* LTR */
120
  margin: 0.15em 0 0.15em .5em; /* LTR */
121
}
121
}
122
 
122
 
123
ul li, ul.menu li, .item-list ul li, li.leaf {
123
ul li, ul.menu li, .item-list ul li, li.leaf {
124
  padding: 0 0 .2em 1.5em;
124
  padding: 0 0 .2em 1.5em;
125
  list-style-type: none;
125
  list-style-type: none;
126
  list-style-image: none;
126
  list-style-image: none;
127
  /**background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
127
  /**background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
128
}
128
}
129
 
129
 
130
ol li {
130
ol li {
131
  padding: 0 0 .3em;
131
  padding: 0 0 .3em;
132
  margin-left: 2em; /* LTR */
132
  margin-left: 2em; /* LTR */
133
}
133
}
134
 
134
 
135
ul li.expanded {
135
ul li.expanded {
136
  /**background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
136
  /**background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
137
}
137
}
138
 
138
 
139
ul li.collapsed {
139
ul li.collapsed {
140
  /**background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
140
  /**background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
141
}
141
}
142
 
142
 
143
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
143
ul li.leaf a, ul li.expanded a, ul li.collapsed a {
144
  display: block;
144
  display: block;
145
}
145
}
146
 
146
 
147
ul.inline li {
147
ul.inline li {
148
  background: none;
148
  background: none;
149
  margin: 0;
149
  margin: 0;
150
  padding: 0 1em 0 0; /* LTR */
150
  padding: 0 1em 0 0; /* LTR */
151
}
151
}
152
 
152
 
153
ol.task-list {
153
ol.task-list {
154
  margin-left: 0; /* LTR */
154
  margin-left: 0; /* LTR */
155
  list-style-type: none;
155
  list-style-type: none;
156
  list-style-image: none;
156
  list-style-image: none;
157
}
157
}
158
ol.task-list li {
158
ol.task-list li {
159
  padding: 0.5em 1em 0.5em 2em; /* LTR */
159
  padding: 0.5em 1em 0.5em 2em; /* LTR */
160
}
160
}
161
ol.task-list li.active {
161
ol.task-list li.active {
162
  /**background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
162
  /**background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
163
}
163
}
164
ol.task-list li.done {
164
ol.task-list li.done {
165
  color: #393;
165
  color: #393;
166
  /**background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
166
  /**background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
167
}
167
}
168
ol.task-list li.active {
168
ol.task-list li.active {
169
  margin-right: 1em; /* LTR */
169
  margin-right: 1em; /* LTR */
170
}
170
}
171
 
171
 
172
fieldset ul.clear-block li {
172
fieldset ul.clear-block li {
173
  margin: 0;
173
  margin: 0;
174
  padding: 0;
174
  padding: 0;
175
  background-image: none;
175
  background-image: none;
176
}
176
}
177
 
177
 
178
dl {
178
dl {
179
  margin: 0.5em 0 1em 1.5em; /* LTR */
179
  margin: 0.5em 0 1em 1.5em; /* LTR */
180
}
180
}
181
 
181
 
182
dl dt {
182
dl dt {
183
}
183
}
184
 
184
 
185
dl dd {
185
dl dd {
186
  margin: 0 0 .5em 1.5em; /* LTR */
186
  margin: 0 0 .5em 1.5em; /* LTR */
187
}
187
}
188
 
188
 
189
img, a img {
189
img, a img {
190
  border: none;
190
  border: none;
191
}
191
}
192
 
192
 
193
table {
193
table {
194
  margin: 1em 0;
194
  margin: 1em 0;
195
  width: 500px;
195
  width: 500px;
196
}
196
}
197
 
197
 
198
thead th {
198
thead th {
199
  border-bottom: 2px solid #d3e7f4;
199
  border-bottom: 2px solid #d3e7f4;
200
  color: #494949;
200
  color: #494949;
201
  font-weight: bold;
201
  font-weight: bold;
202
}
202
}
203
 
203
 
204
th a:link, th a:visited {
204
th a:link, th a:visited {
205
  color: #6f9dbd;
205
  color: #6f9dbd;
206
}
206
}
207
 
207
 
208
td, th {
208
td, th {
209
  padding: .3em .5em;
209
  padding: .3em .5em;
210
}
210
}
211
 
211
 
212
tr.even, tr.odd, tbody th {
212
tr.even, tr.odd, tbody th {
213
  border: solid #d3e7f4;
213
  border: solid #d3e7f4;
214
  border-width: 1px 0;
214
  border-width: 1px 0;
215
}
215
}
216
 
216
 
217
tr.odd, tr.info {
217
tr.odd, tr.info {
218
  background-color: #edf5fa;
218
  background-color: #edf5fa;
219
}
219
}
220
 
220
 
221
tr.even {
221
tr.even {
222
  background-color: #fff;
222
  background-color: #fff;
223
}
223
}
224
 
224
 
225
tr.drag {
225
tr.drag {
226
  background-color: #fffff0;
226
  background-color: #fffff0;
227
}
227
}
228
 
228
 
229
tr.drag-previous {
229
tr.drag-previous {
230
  background-color: #ffd;
230
  background-color: #ffd;
231
}
231
}
232
 
232
 
233
tr.odd td.active {
233
tr.odd td.active {
234
  background-color: #ddecf5;
234
  background-color: #ddecf5;
235
}
235
}
236
 
236
 
237
tr.even td.active {
237
tr.even td.active {
238
  background-color: #e6f1f7;
238
  background-color: #e6f1f7;
239
}
239
}
240
 
240
 
241
td.region, td.module, td.container, td.category {
241
td.region, td.module, td.container, td.category {
242
  border-top: 1.5em solid #fff;
242
  border-top: 1.5em solid #fff;
243
  border-bottom: 1px solid #b4d7f0;
243
  border-bottom: 1px solid #b4d7f0;
244
  background-color: #d4e7f3;
244
  background-color: #d4e7f3;
245
  color: #455067;
245
  color: #455067;
246
  font-weight: bold;
246
  font-weight: bold;
247
}
247
}
248
 
248
 
249
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
249
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
250
  border-top-width: 0;
250
  border-top-width: 0;
251
}
251
}
252
 
252
 
253
span.form-required {
253
span.form-required {
254
  color: #ffae00;
254
  color: #ffae00;
255
}
255
}
256
 
256
 
257
span.submitted, .description {
257
span.submitted, .description {
258
  font-size: 0.92em;
258
  font-size: 0.92em;
259
  color: #898989;
259
  color: #898989;
260
}
260
}
261
 
261
 
262
.description {
262
.description {
263
  line-height: 150%;
263
  line-height: 150%;
264
  margin-bottom: 0.75em;
264
  margin-bottom: 0.75em;
265
  color: #898989;
265
  color: #898989;
266
}
266
}
267
 
267
 
268
.messages, .preview {
268
.messages, .preview {
269
  margin: .75em 0 .75em;
269
  margin: .75em 0 .75em;
270
  padding: .5em 1em;
270
  padding: .5em 1em;
271
}
271
}
272
 
272
 
273
.messages ul {
273
.messages ul {
274
  margin: 0;
274
  margin: 0;
275
}
275
}
276
 
276
 
277
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
277
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
278
  margin: 0.25em 0;
278
  margin: 0.25em 0;
279
}
279
}
280
 
280
 
281
#center form {
281
#center form {
282
  margin-bottom: 2em;
282
  margin-bottom: 2em;
283
}
283
}
284
 
284
 
285
.form-button, .form-submit {
285
.form-button, .form-submit {
286
  margin: 2em 0.5em 1em 0; /* LTR */
286
  margin: 2em 0.5em 1em 0; /* LTR */
287
}
287
}
288
 
288
 
289
#dblog-form-overview .form-submit,
289
#dblog-form-overview .form-submit,
290
.confirmation .form-submit,
290
.confirmation .form-submit,
291
.search-form .form-submit,
291
.search-form .form-submit,
292
.poll .form-submit,
292
.poll .form-submit,
293
fieldset .form-button, fieldset .form-submit,
293
fieldset .form-button, fieldset .form-submit,
294
.sidebar .form-button, .sidebar .form-submit,
294
.sidebar .form-button, .sidebar .form-submit,
295
table .form-button, table .form-submit {
295
table .form-button, table .form-submit {
296
  margin: 0;
296
  margin: 0;
297
}
297
}
298
 
298
 
299
.box {
299
.box {
300
  margin-bottom: 2.5em;
300
  margin-bottom: 2.5em;
301
}
301
}
302
 
302
 
303
/**
303
/**
304
 * Layout
304
 * Layout
305
 */
305
 */
306
#header-region {
306
#header-region {
307
  min-height: 1em;
307
  min-height: 1em;
308
  /**background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%; **/
308
  /**background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%; **/
309
}
309
}
-
 
310
 
-
 
311
@font-face {
-
 
312
	/* On donne un nom (au choix) à la fonte téléchargée */
-
 
313
	font-family: "BorisBlackBloxx";
-
 
314
	/* On indique le chemin du fichier de fonte à télécharger */
-
 
315
	/* L'indication du format n'est pas obligatoire */
-
 
316
	src: url("font/BorisBlackBloxx.ttf") format("truetype");
-
 
317
}
-
 
318
 
-
 
319
.titre_site {
-
 
320
	font-family: BorisBlackBloxx, Cursive; 
-
 
321
	margin-left: 490px;
-
 
322
	font-size: 14px;	
-
 
323
}
-
 
324
 
-
 
325
.titre_site #observatoire {
-
 
326
	color: #0396A6;
-
 
327
	font-size: 30px;
-
 
328
}
-
 
329
 
-
 
330
.titre_site #des {
-
 
331
	color: #0396A6;
-
 
332
	font-size: 20px
-
 
333
}
-
 
334
 
-
 
335
.titre_site #saisons {
-
 
336
	color: #FF7F00;
-
 
337
	text-transform: uppercase;
-
 
338
	font-size: 40px
-
 
339
}
310
 
340
 
311
#header-region .block {
341
#header-region .block {
312
  display: block;
342
  display: block;
313
  margin: 0 1em;
343
  margin: 0 1em;
314
}
344
}
315
 
345
 
316
#header-region .block-region {
346
#header-region .block-region {
317
  display: block;
347
  display: block;
318
  margin: 0 0.5em 1em;
348
  margin: 0 0.5em 1em;
319
  padding: 0.5em;
349
  padding: 0.5em;
320
  position: relative;
350
  position: relative;
321
  top: 0.5em;
351
  top: 0.5em;
322
}
352
}
323
 
353
 
324
#header-region * {
354
#header-region * {
325
  display: inline;
355
  display: inline;
326
  line-height: 1.5em;
356
  line-height: 1.5em;
327
  margin-top: 0;
357
  margin-top: 0;
328
  margin-bottom: 0;
358
  margin-bottom: 0;
329
}
359
}
330
 
360
 
331
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
361
/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
332
#header-region script {
362
#header-region script {
333
  display: none;
363
  display: none;
334
}
364
}
335
 
365
 
336
#header-region p, #header-region img {
366
#header-region p, #header-region img {
337
  margin-top: 0.5em;
367
  margin-top: 0.5em;
338
}
368
}
339
 
369
 
340
#header-region h2 {
370
#header-region h2 {
341
  margin: 0 1em 0 0; /* LTR */
371
  margin: 0 1em 0 0; /* LTR */
342
}
372
}
343
 
373
 
344
#header-region h3, #header-region label, #header-region li {
374
#header-region h3, #header-region label, #header-region li {
345
  margin: 0 1em;
375
  margin: 0 1em;
346
  padding: 0;
376
  padding: 0;
347
  background: none;
377
  background: none;
348
}
378
}
349
 
379
 
350
#wrapper {
380
#wrapper {
351
 /** background: #edf5fa url(images/body.png) repeat-x 50% 0; **/
381
 /** background: #edf5fa url(images/body.png) repeat-x 50% 0; **/
352
}
382
}
353
 
383
 
354
#wrapper {
384
#wrapper {
355
	width: 955px;
385
	width: 955px;
356
	margin-left:auto;
386
	margin-left:auto;
357
	margin-right:auto;
387
	margin-right:auto;
358
	background-color: #FFFFFF;
388
	background-color: #FFFFFF;
359
}
389
}
360
 
390
 
361
#wrapper #container {
391
#wrapper #container {
362
  margin: 0 auto;
392
  margin: 0 auto;
363
  padding: 0 20px;
393
  padding: 0 20px;
364
}
394
}
365
 
395
 
366
#wrapper #container {
396
#wrapper #container {
367
  height: 80px;
397
  height: 80px;
368
}
398
}
369
 
399
 
370
#wrapper #container #header #logo-floater {
400
#wrapper #container #header #logo-floater {
371
  position: absolute;
401
  position: absolute;
372
}
402
}
373
 
403
 
374
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
404
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
375
  line-height: 120px;
405
  line-height: 120px;
376
  position: relative;
406
  position: relative;
377
  z-index: 2;
407
  z-index: 2;
378
  white-space: nowrap;
408
  white-space: nowrap;
379
}
409
}
380
 
410
 
381
#wrapper #container #header h1 span {
411
#wrapper #container #header h1 span {
382
  font-weight: bold;
412
  font-weight: bold;
383
}
413
}
384
 
414
 
385
#wrapper #container #header h1 img {
415
#wrapper #container #header h1 img {
386
  padding-top: 14px;
416
  padding-top: 14px;
387
  padding-right: 20px; /* LTR */
417
  padding-right: 20px; /* LTR */
388
  float: left; /* LTR */
418
  float: left; /* LTR */
389
}
419
}
390
 
420
 
391
#logo-floater {
421
#logo-floater {
392
	padding-left: 20px;
422
	padding-left: 20px;
393
	padding-top: 10px;	
423
	padding-top: 10px;	
394
}
424
}
395
 
425
 
396
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
426
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
397
#wrapper #container {
427
#wrapper #container {
398
  float: left;	
428
  float: left;	
399
  width: 100%;
429
  width: 100%;
400
  background-color: #FFFFFF;
430
  background-color: #FFFFFF;
401
}
431
}
402
 
432
 
403
#center {
433
#center {
404
	width: 520px;	
434
	width: 520px;	
405
	min-height: 650px;
435
	min-height: 650px;
406
	background-color: #FFFFFF;
436
	background-color: #FFFFFF;
407
	height: auto;
437
	height: auto;
408
	float: left;
438
	float: left;
409
}
439
}
410
 
440
 
411
#left {
441
#left {
412
	width: 215px;
442
	width: 215px;
413
	padding:5px;
443
	padding:5px;
414
	float: left;
444
	float: left;
415
	min-height: 650px
445
	min-height: 650px
416
	background-color: #FFFFFF;	
446
	background-color: #FFFFFF;	
417
}
447
}
418
 
-
 
419
#right {
-
 
420
	
-
 
421
}
-
 
422
 
448
 
423
#sidebar-left {
449
#sidebar-left {
424
	-moz-border-radius-topright: 50px 50px;
450
	-moz-border-radius-topright: 50px 50px;
425
	-moz-border-radius-bottomright: 50px 50px;
451
	-moz-border-radius-bottomright: 50px 50px;
426
	background-color: #0396A6;
452
	background-color: #0396A6;
427
}
453
}
428
 
454
 
429
#sidebar-left > div > h2 {
455
#sidebar-left > div > h2 {
430
	display: none;	
456
	display: none;	
431
}
457
}
432
 
458
 
433
#sidebar-left a {
459
#sidebar-left a {
434
	color: #FFFFFF;	
460
	color: #FFFFFF;	
435
	font-weight: bold;
461
	font-weight: bold;
436
}
462
}
437
 
463
 
438
.content > div > ul > li {
464
.content > div > ul > li {
439
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
465
	background: transparent url(images/puce_menu_niveau_1_triangle.png) no-repeat 3px 0.55em;
440
}
466
}
441
 
467
 
442
ul.menu > li {
468
ul.menu > li {
443
	padding-bottom:5px;
469
	padding-bottom:5px;
444
	padding-left:20px;
470
	padding-left:20px;
445
	padding-top:5px;
471
	padding-top:5px;
446
}
472
}
447
 
473
 
448
#sidebar-left a.active-trail {
474
#sidebar-left a.active-trail {
449
	background-color: #CDEBED;	
475
	background-color: #CDEBED;	
450
	color: #0396A6;
476
	color: #0396A6;
451
}
477
}
452
 
478
 
453
#right {
479
#right {
454
	width: 215px;
480
	width: 210px;
455
	float: right;
481
	float: right;
456
	background-color: #FFFFFF;	
482
	background-color: #FFFFFF;	
457
}
483
}
458
 
484
 
459
/* We ensure the sidebars are still clickable using z-index */
485
/* We ensure the sidebars are still clickable using z-index */
460
#wrapper #container .sidebar {
486
#wrapper #container .sidebar {
461
  margin: 60px 0 5em;
487
  margin: 60px 0 5em;
462
  width: 210px;
488
  width: 210px;
463
  float: left;
489
  float: left;
464
  z-index: 2;
490
  z-index: 2;
465
  position: relative;
491
  position: relative;
466
  background-color: #FFFFFF;
492
  background-color: #FFFFFF;
467
}
493
}
468
 
494
 
469
#wrapper #container .sidebar .block {
495
#wrapper #container .sidebar .block {
470
  margin: 0 0 1.5em 0;
496
  margin: 0 0 1.5em 0;
471
}
497
}
472
 
498
 
473
#sidebar-left .block {
499
#sidebar-left .block {
474
  padding: 0 15px 0 0px;
500
  padding: 0 15px 0 0px;
475
}
501
}
476
 
502
 
477
#sidebar-right .block {
503
#sidebar-right .block {
478
  padding: 0 0px 0 15px;
504
  padding: 0 0px 0 15px;
479
}
505
}
480
 
506
 
481
.block .content {
507
.block .content {
482
  margin: 0.5em 0;
508
  margin: 0.5em 0;
483
}
509
}
484
 
510
 
485
#sidebar-left .block-region {
511
#sidebar-left .block-region {
486
  margin: 0 15px 0 0px; /* LTR */
512
  margin: 0 15px 0 0px; /* LTR */
487
}
513
}
488
 
514
 
489
#sidebar-right .block-region {
515
#sidebar-right .block-region {
490
  margin: 0 0px 0 15px; /* LTR */
516
  margin: 0 0px 0 15px; /* LTR */
491
}
517
}
492
 
518
 
493
.block-region {
519
.block-region {
494
  padding: 1em;
520
  padding: 1em;
495
  background: transparent;
521
  background: transparent;
496
  border: 2px dashed #b4d7f0;
522
  border: 2px dashed #b4d7f0;
497
  text-align: center;
523
  text-align: center;
498
  font-size: 1.3em;
524
  font-size: 1.3em;
499
}
525
}
500
 
526
 
501
/* Now we add the backgrounds for the main content shading */
527
/* Now we add the backgrounds for the main content shading */
502
#wrapper #container #center #squeeze {
528
#wrapper #container #center #squeeze {
503
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
529
 /** background: #fff url(images/bg-content.png) repeat-x 50% 0;**/
504
  position: relative;
530
  position: relative;
505
}
531
}
506
 
532
 
507
#wrapper #container #center .right-corner {
533
#wrapper #container #center .right-corner {
508
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
534
 /**  background: transparent url(images/bg-content-right.png) no-repeat 100% 0; **/
509
  position: relative;
535
  position: relative;
510
  left: 10px;
536
  left: 10px;
511
}
537
}
512
 
538
 
513
#wrapper #container #center .right-corner .left-corner {
539
#wrapper #container #center .right-corner .left-corner {
514
  padding: 60px 25px 5em 35px;
540
  padding: 60px 25px 5em 35px;
515
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
541
 /**  background: transparent url(images/bg-content-left.png) no-repeat 0 0; **/
516
  margin-left: -10px;
542
  margin-left: -10px;
517
  position: relative;
543
  position: relative;
518
  left: -10px;
544
  left: -10px;
519
  min-height: 400px;
545
  min-height: 400px;
520
}
546
}
521
 
547
 
522
#wrapper #container #footer {
548
#wrapper #container #footer {
523
  float: none;
549
  float: none;
524
  clear: both;
550
  clear: both;
525
  text-align: center;
551
  text-align: center;
526
  margin: 4em 0 -3em;
552
  margin: 4em 0 -3em;
527
  color: #898989;
553
  color: #898989;
528
}
554
}
529
 
555
 
530
#wrapper #container .breadcrumb {
556
#wrapper #container .breadcrumb {
531
  position: absolute;
557
  position: absolute;
532
  top: 15px;
558
  top: 15px;
533
  left: 35px; /* LTR */
559
  left: 35px; /* LTR */
534
  z-index: 3;
560
  z-index: 3;
535
}
561
}
536
 
562
 
537
/**
563
/**
538
 * Header
564
 * Header
539
 */
565
 */
540
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
566
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
541
  color: #fff;
567
  color: #fff;
542
  font-weight: normal;
568
  font-weight: normal;
543
  text-shadow: #1659ac 0px 1px 3px;
569
  text-shadow: #1659ac 0px 1px 3px;
544
  font-size: 1.5em;
570
  font-size: 1.5em;
545
}
571
}
546
 
572
 
547
#header {
573
#header {
548
	height: 180px;
574
	height: 180px;
549
	background-color: #FFFFFF;
575
	background-color: #FFFFFF;
550
	width: 955px;
576
	width: 955px;
551
}
577
}
552
 
578
 
553
.printemps {
579
.printemps {
554
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
580
	background: transparent url(images/bandeaux/bandeau-printemps.png) no-repeat 50% 0;	
555
}
581
}
556
 
582
 
557
.ete {
583
.ete {
558
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
584
	background: transparent url(images/bandeaux/bandeau-ete.png) no-repeat 50% 0;	
559
}
585
}
560
 
586
 
561
.automne {
587
.automne {
562
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
588
	background: transparent url(images/bandeaux/bandeau-automne.png) no-repeat 50% 0;	
563
}
589
}
564
 
590
 
565
.hiver {
591
.hiver {
566
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
592
	background: transparent url(images/bandeaux/bandeau-hiver.png) no-repeat 50% 0;	
567
}
593
}
568
 
594
 
569
#wrapper #container #header h1 a:hover {
595
#wrapper #container #header h1 a:hover {
570
  text-decoration: none;
596
  text-decoration: none;
571
}
597
}
572
 
598
 
573
#wrapper #container .breadcrumb {
599
#wrapper #container .breadcrumb {
574
  font-size: 0.92em;
600
  font-size: 0.92em;
575
}
601
}
576
 
602
 
577
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
603
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
578
  color: #529ad6;
604
  color: #529ad6;
579
}
605
}
580
 
606
 
581
#mission {
607
#mission {
582
  padding: 1em;
608
  padding: 1em;
583
  background-color: #fff;
609
  background-color: #fff;
584
  border: 1px solid #e0e5fb;
610
  border: 1px solid #e0e5fb;
585
  margin-bottom: 2em;
611
  margin-bottom: 2em;
586
}
612
}
587
 
613
 
588
#footer {
614
#footer {
589
	height: 120px;
615
	height: 120px;
590
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
616
	background: transparent url(images/bandeaux/bandeau-bas.png) no-repeat 50% 0;
591
	clear:both;
617
	clear:both;
592
	width:955px;
618
	width:955px;
593
	margin-left:auto;
619
	margin-left:auto;
594
	margin-right: auto;
620
	margin-right: auto;
595
	background-color: #FFFFFF;
621
	background-color: #FFFFFF;
596
}
622
}
597
 
623
 
598
/**
624
/**
599
 * Primary navigation
625
 * Primary navigation
600
 */
626
 */
601
ul.primary-links {
627
ul.primary-links {
602
  margin: 0;
628
  margin: 0;
603
  margin: -20px 0 0;
629
  margin: -25px 0 0;
604
  padding: 0;
630
  padding: 0;
605
  float: right; /* LTR */
631
  float: right; /* LTR */
606
  position: relative;
632
  position: relative;
607
  z-index: 4;
633
  z-index: 4;
608
  height: 30px;
634
  height: 30px;
609
}
635
}
610
 
636
 
611
ul.primary-links li {
637
ul.primary-links li {
612
  margin: 0;
638
  margin: 0;
613
  padding: 0;
639
  padding: 0;
-
 
640
  height: 25px;
614
  float: left; /* LTR */
641
  float: left; /* LTR */
615
  background-image: none;
642
  background-image: none;
616
  -moz-border-radius-topright: 1em; 
643
  -moz-border-radius-topright: 1em; 
617
  -moz-border-radius-topleft: 1em;
644
  -moz-border-radius-topleft: 1em;
618
  background-color: #FFFFFF;
645
  margin-right: 3px;
619
}
646
}
620
 
647
 
-
 
648
li.lien_primaire_1 {
621
ul.primary-links > li:nth-child(1) {
649
	width: 20px;
622
	background-color : #6C9ED8;	
650
	background-color : #6C9ED8;	
623
}
651
}
624
 
652
 
-
 
653
li.lien_primaire_1 a img {
-
 
654
	padding-top: 2px;
-
 
655
}
-
 
656
	
625
ul.primary-links > li:nth-child(2) {
657
li.lien_primaire_2 {
626
	background-color : #800000;	
658
	background-color : #800000;	
627
}
659
}
628
 
660
 
629
ul.primary-links > li:nth-child(3) {
661
li.lien_primaire_3 {
630
	background-color : #9AC343;	
662
	background-color : #9AC343;	
631
}
663
}
632
 
664
 
633
ul.primary-links > li:nth-child(4) {
665
li.lien_primaire_4 {
634
	background-color : #EF7B1D;	
666
	background-color : #EF7B1D;	
635
}
667
}
636
 
668
 
637
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
669
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
638
  display: block;
670
  display: block;
639
  margin: 0 1em;
671
  margin: 0 1em;
640
  font-weight: bold;
672
  font-weight: bold;
641
  color: #FFFFFF;
673
  color: #FFFFFF;
642
 /** background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;**/
674
  padding-top: 2px;
643
}
675
}
644
 
676
 
645
ul.primary-links li a:hover, ul.primary-links li a.active {
677
ul.primary-links li a:hover, ul.primary-links li a.active {
646
  color: #fff;
678
  color: #fff;
647
 /** background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;**/
-
 
648
}
679
}
649
 
680
 
650
ul.primary-links li.active-trail {
681
ul.primary-links li.active-trail {
651
	height:30px;
682
	height:35px;
652
	margin:-10px 0 0;
683
	margin:-10px 0 0;
653
}
684
}
654
 
685
 
655
ul.primary-links li.active-trail a {
686
ul.primary-links li.active-trail a {
656
	padding-top: 5px;
687
	padding-top: 5px;
657
}
688
}
658
 
689
 
659
/**
690
/**
660
 * Secondary navigation
691
 * Secondary navigation
661
 */
692
 */
662
ul.secondary-links {
693
ul.secondary-links {
663
  margin: 0;
694
  margin: 0;
664
  padding: 18px 0 0;
695
  padding: 18px 0 0;
665
  float: right; /* LTR */
696
  float: right; /* LTR */
666
  clear: right; /* LTR */
697
  clear: right; /* LTR */
667
  position: relative;
698
  position: relative;
668
  z-index: 4;
699
  z-index: 4;
669
}
700
}
670
 
701
 
671
ul.secondary-links li {
702
ul.secondary-links li {
672
  margin: 0;
703
  margin: 0;
673
  padding: 0;
704
  padding: 0;
674
  float: left; /* LTR */
705
  float: left; /* LTR */
675
  background-image: none;
706
  background-image: none;
676
}
707
}
677
 
708
 
678
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
709
ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
679
  display: block;
710
  display: block;
680
  margin: 0 1em;
711
  margin: 0 1em;
681
  padding: .75em 0 0;
712
  padding: .75em 0 0;
682
  color: #cde3f1;
713
  color: #cde3f1;
683
  background: transparent;
714
  background: transparent;
684
}
715
}
685
 
716
 
686
ul.secondary-links li a:hover, ul.secondary-links li a.active {
717
ul.secondary-links li a:hover, ul.secondary-links li a.active {
687
  color: #cde3f1;
718
  color: #cde3f1;
688
  background: transparent;
719
  background: transparent;
689
}
720
}
690
 
721
 
691
/**
722
/**
692
 * Local tasks
723
 * Local tasks
693
 */
724
 */
694
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
725
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
695
  border: 0;
726
  border: 0;
696
  background: none;
727
  background: none;
697
  margin: 0;
728
  margin: 0;
698
  padding: 0;
729
  padding: 0;
699
}
730
}
700
 
731
 
701
#tabs-wrapper {
732
#tabs-wrapper {
702
  margin: 0 -26px 1em;
733
  margin: 0 -26px 1em;
703
  padding: 0 26px;
734
  padding: 0 26px;
704
  border-bottom: 1px solid #e9eff3;
735
  border-bottom: 1px solid #e9eff3;
705
  position: relative;
736
  position: relative;
706
}
737
}
707
ul.primary {
738
ul.primary {
708
  padding: 0.5em 0 10px;
739
  padding: 0.5em 0 10px;
709
  float: left; /* LTR */
740
  float: left; /* LTR */
710
}
741
}
711
ul.secondary {
742
ul.secondary {
712
  clear: both;
743
  clear: both;
713
  text-align: left; /* LTR */
744
  text-align: left; /* LTR */
714
  border-bottom: 1px solid #e9eff3;
745
  border-bottom: 1px solid #e9eff3;
715
  margin: -0.2em -26px 1em;
746
  margin: -0.2em -26px 1em;
716
  padding: 0 26px 0.6em;
747
  padding: 0 26px 0.6em;
717
}
748
}
718
h2.with-tabs {
749
h2.with-tabs {
719
  float: left; /* LTR */
750
  float: left; /* LTR */
720
  margin: 0 2em 0 0; /* LTR */
751
  margin: 0 2em 0 0; /* LTR */
721
  padding: 0;
752
  padding: 0;
722
}
753
}
723
 
754
 
724
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
755
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
725
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
756
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
726
  border: 0;
757
  border: 0;
727
  background: transparent;
758
  background: transparent;
728
  padding: 4px 1em;
759
  padding: 4px 1em;
729
  margin: 0 0 0 1px; /* LTR */
760
  margin: 0 0 0 1px; /* LTR */
730
  height: auto;
761
  height: auto;
731
  text-decoration: none;
762
  text-decoration: none;
732
  position: relative;
763
  position: relative;
733
  top: -1px;
764
  top: -1px;
734
  display: inline-block;
765
  display: inline-block;
735
}
766
}
736
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
767
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
737
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
768
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
738
  background: url(images/bg-tab.png) repeat-x 0 50%;
769
  background: url(images/bg-tab.png) repeat-x 0 50%;
739
  color: #fff;
770
  color: #fff;
740
}
771
}
741
ul.primary li.active a,
772
ul.primary li.active a,
742
ul.secondary li.active a {
773
ul.secondary li.active a {
743
  font-weight: bold;
774
  font-weight: bold;
744
}
775
}
745
 
776
 
746
/**
777
/**
747
 * Nodes & comments
778
 * Nodes & comments
748
 */
779
 */
749
.node {
780
.node {
750
  border-bottom: 1px solid #e9eff3;
781
  border-bottom: 1px solid #e9eff3;
751
  margin: 0 0px 1.5em;
782
  margin: 0 0px 1.5em;
752
  padding: 1.5em 26px;
783
  padding: 1.5em 26px;
753
}
784
}
754
 
785
 
755
ul.links li, ul.inline li {
786
ul.links li, ul.inline li {
756
  margin-left: 0;
787
  margin-left: 0;
757
  margin-right: 0;
788
  margin-right: 0;
758
  padding-left: 0; /* LTR */
789
  padding-left: 0; /* LTR */
759
  padding-right: 1em; /* LTR */
790
  padding-right: 1em; /* LTR */
760
  background-image: none;
791
  background-image: none;
761
}
792
}
762
 
793
 
763
.node .links, .comment .links {
794
.node .links, .comment .links {
764
  text-align: left; /* LTR */
795
  text-align: left; /* LTR */
765
}
796
}
766
 
797
 
767
.node .links ul.links li, .comment .links ul.links li {}
798
.node .links ul.links li, .comment .links ul.links li {}
768
.terms ul.links li {
799
.terms ul.links li {
769
  margin-left: 0;
800
  margin-left: 0;
770
  margin-right: 0;
801
  margin-right: 0;
771
  padding-right: 0;
802
  padding-right: 0;
772
  padding-left: 1em;
803
  padding-left: 1em;
773
}
804
}
774
 
805
 
775
.picture, .comment .submitted {
806
.picture, .comment .submitted {
776
  float: right; /* LTR */
807
  float: right; /* LTR */
777
  clear: right; /* LTR */
808
  clear: right; /* LTR */
778
  padding-left: 1em; /* LTR */
809
  padding-left: 1em; /* LTR */
779
}
810
}
780
 
811
 
781
.new {
812
.new {
782
  color: #ffae00;
813
  color: #ffae00;
783
  font-size: 0.92em;
814
  font-size: 0.92em;
784
  font-weight: bold;
815
  font-weight: bold;
785
  float: right; /* LTR */
816
  float: right; /* LTR */
786
}
817
}
787
 
818
 
788
.terms {
819
.terms {
789
  float: right; /* LTR */
820
  float: right; /* LTR */
790
}
821
}
791
 
822
 
792
.preview .node, .preview .comment, .sticky {
823
.preview .node, .preview .comment, .sticky {
793
  margin: 0;
824
  margin: 0;
794
  padding: 0.5em 0;
825
  padding: 0.5em 0;
795
  border: 0;
826
  border: 0;
796
  background: 0;
827
  background: 0;
797
}
828
}
798
 
829
 
799
.sticky {
830
.sticky {
800
  padding: 1em;
831
  padding: 1em;
801
  background-color: #fff;
832
  background-color: #fff;
802
  border: 1px solid #e0e5fb;
833
  border: 1px solid #e0e5fb;
803
  margin-bottom: 2em;
834
  margin-bottom: 2em;
804
}
835
}
805
 
836
 
806
#comments {
837
#comments {
807
  position: relative;
838
  position: relative;
808
  top: -1px;
839
  top: -1px;
809
  border-bottom: 1px solid #e9eff3;
840
  border-bottom: 1px solid #e9eff3;
810
  margin: -1.5em -25px 0;
841
  margin: -1.5em -25px 0;
811
  padding: 0 25px;
842
  padding: 0 25px;
812
}
843
}
813
 
844
 
814
#comments h2.comments {
845
#comments h2.comments {
815
  margin: 0 -25px;
846
  margin: 0 -25px;
816
  padding: .5em 25px;
847
  padding: .5em 25px;
817
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
848
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
818
}
849
}
819
 
850
 
820
.comment {
851
.comment {
821
  margin: 0 -25px;
852
  margin: 0 -25px;
822
  padding: 1.5em 25px 1.5em;
853
  padding: 1.5em 25px 1.5em;
823
  border-top: 1px solid #e9eff3;
854
  border-top: 1px solid #e9eff3;
824
}
855
}
825
 
856
 
826
.indented {
857
.indented {
827
  margin-left: 25px; /* LTR */
858
  margin-left: 25px; /* LTR */
828
}
859
}
829
 
860
 
830
.comment h3 a.active {
861
.comment h3 a.active {
831
  color: #494949;
862
  color: #494949;
832
}
863
}
833
 
864
 
834
.node .content, .comment .content {
865
.node .content, .comment .content {
835
  margin: 0.6em 0;
866
  margin: 0.6em 0;
836
}
867
}
837
 
868
 
838
/**
869
/**
839
 * Aggregator.module
870
 * Aggregator.module
840
 */
871
 */
841
#aggregator {
872
#aggregator {
842
  margin-top: 1em;
873
  margin-top: 1em;
843
}
874
}
844
#aggregator .feed-item-title {
875
#aggregator .feed-item-title {
845
  font-size: 160%;
876
  font-size: 160%;
846
  line-height: 130%;
877
  line-height: 130%;
847
}
878
}
848
#aggregator .feed-item {
879
#aggregator .feed-item {
849
  border-bottom: 1px solid #e9eff3;
880
  border-bottom: 1px solid #e9eff3;
850
  margin: -1.5em -31px 1.75em;
881
  margin: -1.5em -31px 1.75em;
851
  padding: 1.5em 31px;
882
  padding: 1.5em 31px;
852
}
883
}
853
#aggregator .feed-item-categories {
884
#aggregator .feed-item-categories {
854
  font-size: 0.92em;
885
  font-size: 0.92em;
855
}
886
}
856
#aggregator .feed-item-meta {
887
#aggregator .feed-item-meta {
857
  font-size: 0.92em;
888
  font-size: 0.92em;
858
  color: #898989;
889
  color: #898989;
859
}
890
}
860
 
891
 
861
/**
892
/**
862
 * Color.module
893
 * Color.module
863
 */
894
 */
864
#palette .form-item {
895
#palette .form-item {
865
  border: 1px solid #fff;
896
  border: 1px solid #fff;
866
}
897
}
867
#palette .item-selected {
898
#palette .item-selected {
868
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
899
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
869
  border: 1px solid #d9eaf5;
900
  border: 1px solid #d9eaf5;
870
}
901
}
871
 
902
 
872
/**
903
/**
873
 * Menu.module
904
 * Menu.module
874
 */
905
 */
875
tr.menu-disabled {
906
tr.menu-disabled {
876
  opacity: 0.5;
907
  opacity: 0.5;
877
}
908
}
878
tr.odd td.menu-disabled {
909
tr.odd td.menu-disabled {
879
  background-color: #edf5fa;
910
  background-color: #edf5fa;
880
}
911
}
881
tr.even td.menu-disabled {
912
tr.even td.menu-disabled {
882
  background-color: #fff;
913
  background-color: #fff;
883
}
914
}
884
 
915
 
885
/**
916
/**
886
 * Poll.module
917
 * Poll.module
887
 */
918
 */
888
.poll .bar {
919
.poll .bar {
889
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
920
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
890
  border: solid #f0f0f0;
921
  border: solid #f0f0f0;
891
  border-width: 0 1px 1px;
922
  border-width: 0 1px 1px;
892
}
923
}
893
 
924
 
894
.poll .bar .foreground {
925
.poll .bar .foreground {
895
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
926
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
896
}
927
}
897
 
928
 
898
.poll .percent {
929
.poll .percent {
899
  font-size: .9em;
930
  font-size: .9em;
900
}
931
}
901
 
932
 
902
/**
933
/**
903
 * Autocomplete.
934
 * Autocomplete.
904
 */
935
 */
905
#autocomplete li {
936
#autocomplete li {
906
  cursor: default;
937
  cursor: default;
907
  padding: 2px;
938
  padding: 2px;
908
  margin: 0;
939
  margin: 0;
909
}
940
}
910
 
941
 
911
/**
942
/**
912
 * Collapsible fieldsets
943
 * Collapsible fieldsets
913
 */
944
 */
914
fieldset {
945
fieldset {
915
  margin: 1em 0;
946
  margin: 1em 0;
916
  padding: 1em;
947
  padding: 1em;
917
  border: 1px solid #d9eaf5;
948
  border: 1px solid #d9eaf5;
918
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
949
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
919
}
950
}
920
 
951
 
921
/* Targets IE 7. Fixes background image in field sets. */
952
/* Targets IE 7. Fixes background image in field sets. */
922
*:first-child+html fieldset {
953
*:first-child+html fieldset {
923
  padding: 0 1em 1em;
954
  padding: 0 1em 1em;
924
  background-position: 0 .75em;
955
  background-position: 0 .75em;
925
  background-color: transparent;
956
  background-color: transparent;
926
}
957
}
927
 
958
 
928
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
959
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
929
  padding-top: 1em;
960
  padding-top: 1em;
930
}
961
}
931
 
962
 
932
fieldset legend {
963
fieldset legend {
933
  /* Fix disappearing legend in FFox */
964
  /* Fix disappearing legend in FFox */
934
  display: block;
965
  display: block;
935
}
966
}
936
 
967
 
937
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
968
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
938
  display: inline;
969
  display: inline;
939
}
970
}
940
 
971
 
941
html.js fieldset.collapsed {
972
html.js fieldset.collapsed {
942
  background: transparent;
973
  background: transparent;
943
  padding-top: 0;
974
  padding-top: 0;
944
  padding-bottom: .6em;
975
  padding-bottom: .6em;
945
}
976
}
946
 
977
 
947
html.js fieldset.collapsible legend a {
978
html.js fieldset.collapsible legend a {
948
  padding-left: 2em; /* LTR */
979
  padding-left: 2em; /* LTR */
949
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
980
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
950
}
981
}
951
 
982
 
952
html.js fieldset.collapsed legend a {
983
html.js fieldset.collapsed legend a {
953
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
984
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
954
}
985
}
955
 
986
 
956
/**
987
/**
957
 * Syndication icons and block
988
 * Syndication icons and block
958
 */
989
 */
959
#block-node-0 h2 {
990
#block-node-0 h2 {
960
  float: left; /* LTR */
991
  float: left; /* LTR */
961
  padding-right: 20px; /* LTR */
992
  padding-right: 20px; /* LTR */
962
}
993
}
963
 
994
 
964
#block-node-0 img, .feed-icon {
995
#block-node-0 img, .feed-icon {
965
  float: right; /* LTR */
996
  float: right; /* LTR */
966
  padding-top: 4px;
997
  padding-top: 4px;
967
}
998
}
968
 
999
 
969
#block-node-0 .content {
1000
#block-node-0 .content {
970
  clear: right; /* LTR */
1001
  clear: right; /* LTR */
971
}
1002
}
972
 
1003
 
973
/**
1004
/**
974
 * Login Block
1005
 * Login Block
975
 */
1006
 */
976
#user-login-form {
1007
#user-login-form {
977
  text-align: center;
1008
  text-align: center;
978
}
1009
}
979
#user-login-form ul {
1010
#user-login-form ul {
980
  text-align: left; /* LTR */
1011
  text-align: left; /* LTR */
981
}
1012
}
982
 
1013
 
983
/**
1014
/**
984
 * User profiles.
1015
 * User profiles.
985
 */
1016
 */
986
.profile {
1017
.profile {
987
  margin-top: 1.5em;
1018
  margin-top: 1.5em;
988
}
1019
}
989
.profile h3 {
1020
.profile h3 {
990
  border-bottom: 0;
1021
  border-bottom: 0;
991
  margin-bottom: 1em;
1022
  margin-bottom: 1em;
992
}
1023
}
993
.profile dl {
1024
.profile dl {
994
  margin: 0;
1025
  margin: 0;
995
}
1026
}
996
.profile dt {
1027
.profile dt {
997
  font-weight: normal;
1028
  font-weight: normal;
998
  color: #898989;
1029
  color: #898989;
999
  font-size: 0.92em;
1030
  font-size: 0.92em;
1000
  line-height: 1.3em;
1031
  line-height: 1.3em;
1001
  margin-top: 1.4em;
1032
  margin-top: 1.4em;
1002
  margin-bottom: 0.45em;
1033
  margin-bottom: 0.45em;
1003
}
1034
}
1004
.profile dd {
1035
.profile dd {
1005
  margin-bottom: 1.6em;
1036
  margin-bottom: 1.6em;
1006
}
1037
}
1007
 
1038
 
1008
/**
1039
/**
1009
 * Admin Styles
1040
 * Admin Styles
1010
 */
1041
 */
1011
div.admin-panel,
1042
div.admin-panel,
1012
div.admin-panel .description,
1043
div.admin-panel .description,
1013
div.admin-panel .body,
1044
div.admin-panel .body,
1014
div.admin,
1045
div.admin,
1015
div.admin .left,
1046
div.admin .left,
1016
div.admin .right,
1047
div.admin .right,
1017
div.admin .expert-link,
1048
div.admin .expert-link,
1018
div.item-list,
1049
div.item-list,
1019
.menu {
1050
.menu {
1020
  margin: 0;
1051
  margin: 0;
1021
  padding: 0;
1052
  padding: 0;
1022
}
1053
}
1023
 
1054
 
1024
div.admin .left {
1055
div.admin .left {
1025
  float: left; /* LTR */
1056
  float: left; /* LTR */
1026
  width: 48%;
1057
  width: 48%;
1027
}
1058
}
1028
div.admin .right {
1059
div.admin .right {
1029
  float: right; /* LTR */
1060
  float: right; /* LTR */
1030
  width: 48%;
1061
  width: 48%;
1031
}
1062
}
1032
 
1063
 
1033
div.admin-panel {
1064
div.admin-panel {
1034
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1065
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
1035
  padding: 1em 1em 1.5em;
1066
  padding: 1em 1em 1.5em;
1036
}
1067
}
1037
div.admin-panel .description {
1068
div.admin-panel .description {
1038
  margin-bottom: 1.5em;
1069
  margin-bottom: 1.5em;
1039
}
1070
}
1040
div.admin-panel dl {
1071
div.admin-panel dl {
1041
  margin: 0;
1072
  margin: 0;
1042
}
1073
}
1043
div.admin-panel dd {
1074
div.admin-panel dd {
1044
  color: #898989;
1075
  color: #898989;
1045
  font-size: 0.92em;
1076
  font-size: 0.92em;
1046
  line-height: 1.3em;
1077
  line-height: 1.3em;
1047
  margin-top: -.2em;
1078
  margin-top: -.2em;
1048
  margin-bottom: .65em;
1079
  margin-bottom: .65em;
1049
}
1080
}
1050
 
1081
 
1051
table.system-status-report th {
1082
table.system-status-report th {
1052
  border-color: #d3e7f4;
1083
  border-color: #d3e7f4;
1053
}
1084
}
1054
 
1085
 
1055
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1086
#autocomplete li.selected, tr.selected td, tr.selected td.active {
1056
  background: #027ac6;
1087
  background: #027ac6;
1057
  color: #fff;
1088
  color: #fff;
1058
}
1089
}
1059
 
1090
 
1060
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1091
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
1061
  color: #d3e7f4;
1092
  color: #d3e7f4;
1062
}
1093
}
1063
 
1094
 
1064
tr.taxonomy-term-preview {
1095
tr.taxonomy-term-preview {
1065
  opacity: 0.5;
1096
  opacity: 0.5;
1066
}
1097
}
1067
 
1098
 
1068
tr.taxonomy-term-divider-top {
1099
tr.taxonomy-term-divider-top {
1069
  border-bottom: none;
1100
  border-bottom: none;
1070
}
1101
}
1071
 
1102
 
1072
tr.taxonomy-term-divider-bottom {
1103
tr.taxonomy-term-divider-bottom {
1073
  border-top: 1px dotted #CCC;
1104
  border-top: 1px dotted #CCC;
1074
}
1105
}
1075
 
1106
 
1076
/**
1107
/**
1077
 * CSS support
1108
 * CSS support
1078
 */
1109
 */
1079
 
1110
 
1080
/*******************************************************************
1111
/*******************************************************************
1081
 * Color Module: Don't touch                                       *
1112
 * Color Module: Don't touch                                       *
1082
 *******************************************************************/
1113
 *******************************************************************/
1083
 
1114
 
1084
/**
1115
/**
1085
 * Generic elements.
1116
 * Generic elements.
1086
 */
1117
 */
1087
.messages {
1118
.messages {
1088
  background-color: #fff;
1119
  background-color: #fff;
1089
  border: 1px solid #b8d3e5;
1120
  border: 1px solid #b8d3e5;
1090
}
1121
}
1091
 
1122
 
1092
.preview {
1123
.preview {
1093
  background-color: #fcfce8;
1124
  background-color: #fcfce8;
1094
  border: 1px solid #e5e58f;
1125
  border: 1px solid #e5e58f;
1095
}
1126
}
1096
 
1127
 
1097
div.status {
1128
div.status {
1098
  color: #33a333;
1129
  color: #33a333;
1099
  border-color: #c7f2c8;
1130
  border-color: #c7f2c8;
1100
}
1131
}
1101
 
1132
 
1102
div.error, tr.error {
1133
div.error, tr.error {
1103
  color: #a30000;
1134
  color: #a30000;
1104
  background-color: #FFCCCC;
1135
  background-color: #FFCCCC;
1105
}
1136
}
1106
 
1137
 
1107
.form-item input.error, .form-item textarea.error {
1138
.form-item input.error, .form-item textarea.error {
1108
  border: 1px solid #c52020;
1139
  border: 1px solid #c52020;
1109
  color: #363636;
1140
  color: #363636;
1110
}
1141
}
1111
 
1142
 
1112
/**
1143
/**
1113
 * dblog.module
1144
 * dblog.module
1114
 */
1145
 */
1115
tr.dblog-user {
1146
tr.dblog-user {
1116
  background-color: #fcf9e5;
1147
  background-color: #fcf9e5;
1117
}
1148
}
1118
 
1149
 
1119
tr.dblog-user td.active {
1150
tr.dblog-user td.active {
1120
  background-color: #fbf5cf;
1151
  background-color: #fbf5cf;
1121
}
1152
}
1122
 
1153
 
1123
tr.dblog-content {
1154
tr.dblog-content {
1124
  background-color: #fefefe;
1155
  background-color: #fefefe;
1125
}
1156
}
1126
 
1157
 
1127
tr.dblog-content td.active {
1158
tr.dblog-content td.active {
1128
  background-color: #f5f5f5;
1159
  background-color: #f5f5f5;
1129
}
1160
}
1130
 
1161
 
1131
tr.dblog-warning {
1162
tr.dblog-warning {
1132
  background-color: #fdf5e6;
1163
  background-color: #fdf5e6;
1133
}
1164
}
1134
 
1165
 
1135
tr.dblog-warning td.active {
1166
tr.dblog-warning td.active {
1136
  background-color: #fdf2de;
1167
  background-color: #fdf2de;
1137
}
1168
}
1138
 
1169
 
1139
tr.dblog-error {
1170
tr.dblog-error {
1140
  background-color: #fbe4e4;
1171
  background-color: #fbe4e4;
1141
}
1172
}
1142
 
1173
 
1143
tr.dblog-error td.active {
1174
tr.dblog-error td.active {
1144
  background-color: #fbdbdb;
1175
  background-color: #fbdbdb;
1145
}
1176
}
1146
tr.dblog-page-not-found, tr.dblog-access-denied {
1177
tr.dblog-page-not-found, tr.dblog-access-denied {
1147
  background: #d7ffd7;
1178
  background: #d7ffd7;
1148
}
1179
}
1149
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1180
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
1150
  background: #c7eec7;
1181
  background: #c7eec7;
1151
}
1182
}
1152
 
1183
 
1153
/**
1184
/**
1154
 * Status report colors.
1185
 * Status report colors.
1155
 */
1186
 */
1156
table.system-status-report tr.error, table.system-status-report tr.error th {
1187
table.system-status-report tr.error, table.system-status-report tr.error th {
1157
  background-color: #fcc;
1188
  background-color: #fcc;
1158
  border-color: #ebb;
1189
  border-color: #ebb;
1159
  color: #200;
1190
  color: #200;
1160
}
1191
}
1161
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1192
table.system-status-report tr.warning, table.system-status-report tr.warning th {
1162
  background-color: #ffd;
1193
  background-color: #ffd;
1163
  border-color: #eeb;
1194
  border-color: #eeb;
1164
}
1195
}
1165
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1196
table.system-status-report tr.ok, table.system-status-report tr.ok th {
1166
  background-color: #dfd;
1197
  background-color: #dfd;
1167
  border-color: #beb;
1198
  border-color: #beb;
1168
}
1199
}