Projet

Général

Profil

Paste
Télécharger (6,15 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / libraries / simplepie / demo / for_the_demo / simplepie.css @ 41cc1b08

1 41cc1b08 Assos Assos
/*
2
Theme Name: SimplePie
3
Theme URI: http://simplepie.org
4
Description: A simple, yet beautiful theme inspired by several cleanly designed websites.
5
Version: 1.4
6
Author: Ryan Parman
7
Author URI: http://skyzyx.com
8
Updated: 21 June 2007
9
*/
10
11
12
/*********************************************
13
HYPERLINK STYLES
14
*********************************************/
15
a {
16
        color:#369;
17
        text-decoration:underline;
18
        padding:0 1px;
19
}
20
21
a:hover {
22
        color:#fff !important;
23
        background-color:#333;
24
        text-decoration:none;
25
        padding:0 1px;
26
}
27
28
a.nohover {
29
        text-decoration:none;
30
        border:none;
31
}
32
33
a.nohover:hover {
34
        background-color:transparent;
35
        border:none;
36
}
37
38
a.namelink {
39
        padding:0;
40
        margin:0;
41
        overflow:hidden;
42
        height:1px;
43
}
44
45
h4 a,
46
.sample_feeds a {
47
        color:#000;
48
}
49
50
51
/*********************************************
52
GENERAL STYLES
53
*********************************************/
54
body {
55
        /*font:12px/18px Verdana, sans-serif;*/
56
        font:14px/1.5em "Lucida Grande", Tahoma, sans-serif;
57
        letter-spacing:0px;
58
        color:#333;
59
        background-color:#fff;
60
        margin:0;
61
        padding:0;
62
}
63
64
div#site {
65
        width:600px;
66
        margin:50px auto 0 auto;
67
}
68
69
h1#logo {
70
        margin:0;
71
        padding:0;
72
        text-align:center;
73
}
74
75
h1#logo a, 
76
h1#logo a:hover {
77
        background-color:transparent;
78
        text-decoration:none;
79
        padding:0;
80
}
81
82
h2.image {
83
        margin:0;
84
        padding:0;
85
        text-align:center;
86
}
87
88
h3 {
89
        margin:20px 0 0 0;
90
        padding:0;
91
        font-size:1.5em;
92
}
93
94
h4 {
95
        margin:20px 0 0 0;
96
        padding:0;
97
        font-size:1.2em;
98
        letter-spacing:-1px;
99
}
100
101
h5 {
102
        margin:10px 0 0 0;
103
        padding:0;
104
        font-size:1em;
105
        font-weight:bold;
106
}
107
108
em {
109
        font-style:normal;
110
        background-color:#ffc;
111
}
112
113
p {
114
        margin:0;
115
        padding:5px 0;
116
}
117
118
ul, ol {
119
        margin:10px 0 10px 20px;
120
        padding:0 0 0 15px;
121
}
122
123
ul li, ol li {
124
        margin:0 0 7px 0;
125
        padding:0 0 0 3px;
126
}
127
128
form {
129
        margin:0;
130
        padding:0;
131
}
132
133
code {
134
        font-size:1em;
135
        background-color:#f3f3ff;
136
        color:#000;
137
}
138
139
div#site pre {
140
        background-color:#f3f3ff;
141
        color:#000080;
142
        border:1px dotted #000080;
143
        overflow:auto;
144
        padding:3px 5px;
145
}
146
147
blockquote {
148
        font-size:1em;
149
        color:#666;
150
        border-left:4px solid #666;
151
        margin:10px 0 10px 30px;
152
        padding:0 5px 0 10px;
153
        background:#f3f3f3 url(background_blockquote.png) repeat top left;
154
}
155
156
input, select, textarea {
157
        font-size:12px;
158
        line-height:1.2em;
159
        padding:2px;
160
}
161
162
input[type=text], select, textarea {
163
        background-color:#e9f5ff;
164
        border:1px solid #333;
165
}
166
167
input[type=text]:focus, select:focus, textarea:focus {
168
        background-color:#ffe;
169
}
170
171
.clearLeft {clear:left;}
172
.clearRight {clear:right;}
173
.clearBoth {clear:both;}
174
.hide {display:none;}
175
176
177
/*********************************************
178
NAVIGATION STYLES
179
*********************************************/
180
div#header {
181
        background:#fff url(top_gradient.gif) repeat-x top left;
182
        margin:0;
183
        padding:0;
184
}
185
186
div#header form {
187
        margin:0;
188
        padding:0;
189
}
190
191
div#header div#headerInner {
192
        margin:0;
193
        padding:0;
194
}
195
196
div#header div#headerInner div#logoContainer {}
197
198
div#header div#headerInner div#logoContainerInner {
199
        width:550px;
200
        margin:0 auto;
201
        padding:20px;
202
}
203
204
div#header div#headerInner div#logoContainer div#logo {
205
        float:left;
206
        width:200px;
207
}
208
209
div#header div#headerInner div#logoContainer div#logo a,
210
div#header div#headerInner div#logoContainer div#logo a:hover {
211
        border:none;
212
        background:none;
213
}
214
215
div#header div#headerInner div#logoContainer div#feed {
216
        float:right;
217
        width:300px;
218
        text-align:right;
219
        padding:10px 0 0 0;
220
}
221
222
div#header div#headerInner div#logoContainer div#feed input.text {
223
        width:60%;
224
}
225
226
div#header div#headerInner div#menu {
227
        background:#eee url(background_menuitem_shadow.gif) repeat-x top left;
228
        border-top:2px solid #ccc;
229
        border-bottom:1px solid #ddd;
230
        text-align:center;
231
}
232
233
div#header div#headerInner div#menu table {
234
        width:auto;
235
        margin:0 auto;
236
}
237
238
div#header div#headerInner div#menu ul {
239
        display:block;
240
        width:100%;
241
        margin:0 auto;
242
        padding:0;
243
        font-size:12px;
244
}
245
246
div#header div#headerInner div#menu ul li {
247
        display:block;
248
        float:left;
249
}
250
251
div#header div#headerInner div#menu ul li a {
252
        display:block;
253
        margin:-2px 0 0 0;
254
        padding:5px 7px 8px 7px;
255
        text-decoration:none;
256
        color:#666 !important;
257
        background-color:transparent;
258
}
259
260
div#header div#headerInner div#menu ul li a:hover {
261
        display:block;
262
        margin:-2px 0 0 0;
263
        padding:5px 7px 8px 7px;
264
        text-decoration:none;
265
        color:#666;
266
        background:#fff url(background_menuitem_off.gif) no-repeat bottom right;
267
}
268
269
body#bodydemo div#header div#headerInner div#menu ul li#demo a {
270
        display:block;
271
        margin:-2px 0 0 0;
272
        padding:5px 7px 8px 7px;
273
        text-decoration:none;
274
        color:#333;
275
        font-weight:bold;
276
        background:#fff url(background_menuitem.gif) no-repeat bottom right;
277
}
278
279
280
/*********************************************
281
CONTENT STYLES
282
*********************************************/
283
div.chunk {
284
        margin:20px 0 0 0;
285
        padding:0 0 10px 0;
286
        border-bottom:1px solid #ccc;
287
}
288
289
div.topchunk {
290
        margin:0 !important;
291
}
292
293
.footnote,
294
.footnote a {
295
        font-size:12px;
296
        line-height:1.3em;
297
        color:#aaa;
298
}
299
300
.footnote em {
301
        background-color:transparent;
302
        font-style:italic;
303
}
304
305
.footnote code {
306
        background-color:transparent;
307
        font:11px/14px monospace;
308
        color:#aaa;
309
}
310
311
p.subscribe {
312
        background-color:#f3f3f3;
313
        font-size:12px;
314
        text-align:center;
315
}
316
317
p.highlight {
318
        background-color:#ffc;
319
        font-size:12px;
320
        text-align:center;
321
}
322
323
p.sample_feeds {
324
        font-size:12px;
325
        line-height:1.2em;
326
}
327
328
div.sp_errors {
329
        background-color:#eee;
330
        padding:5px;
331
        text-align:center;
332
        font-size:12px;
333
}
334
335
.noborder {
336
        border:none !important;
337
}
338
339
img.favicon {
340
        margin:0 4px -2px 0;
341
        width:16px;
342
        height:16px;
343
}
344
345
p.favicons a,
346
p.favicons a:hover {
347
        border:none;
348
        background-color:transparent;
349
}
350
351
p.favicons img {
352
        border:none;
353
}
354
355
356
/*********************************************
357
DEMO STYLES
358
*********************************************/
359
div#sp_input {
360
        background-color:#ffc;
361
        border:2px solid #f90;
362
        padding:5px;
363
        text-align:center;
364
}
365
366
div#sp_input input.text {
367
        border:1px solid #999;
368
        background:#e9f5ff url(feed.png) no-repeat 4px 50%;
369
        width:75%;
370
        padding:2px 2px 2px 28px;
371
        font:18px/22px "Lucida Grande", Verdana, sans-serif;
372
        font-weight:bold;
373
        letter-spacing:-1px;
374
}
375
376
form#sp_form {
377
        margin:15px 0;
378
}
379
380
div.focus {
381
        margin:0;
382
        padding:10px 20px;
383
        background-color:#efe;
384
}
385
386
p.sample_feeds {
387
        text-align:justify;
388
}
389
390
391
/*********************************************
392
SIFR STYLES
393
*********************************************/
394
.sIFR-active h3.header {
395
        visibility:hidden;
396
        line-height:1em;
397
}