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
/*
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
}