~centralelyon2010/inkscape/imagelinks2

« back to all changes in this revision

Viewing changes to src/dom/work/inkscape.css

  • Committer: ishmal
  • Date: 2006-04-12 13:25:21 UTC
  • Revision ID: ishmal@users.sourceforge.net-20060412132521-5ynoezpwbzq4d1c3
Add new rearranged /dom directory

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/*
 
2
* CSS for Inkscape Website (http://www.inkscape.org/)
 
3
*
 
4
* By: Tom von Schwerdtner | Etria LLP (http://www.etria.com/)
 
5
*
 
6
*/
 
7
 
 
8
body {
 
9
    color: #000000;
 
10
    background: #ffffff;
 
11
    padding: 0px;
 
12
    margin: 0px;
 
13
    font-family: arial, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Sans-Serif;
 
14
    font-size: 80%;
 
15
}
 
16
 
 
17
a:link, a:visited, a:hover {
 
18
    font-weight: bold;
 
19
    color: #0081ac;
 
20
    text-decoration: none;
 
21
}
 
22
 
 
23
a:hover {
 
24
    text-decoration: underline;
 
25
}
 
26
 
 
27
a:visited {
 
28
    color: #ac0011;
 
29
}
 
30
 
 
31
div.top {
 
32
    background:#0081ac;
 
33
    width: 100%;
 
34
    height: 100px;
 
35
    border-bottom: 1px black solid;
 
36
}
 
37
 
 
38
div.top a.logo,
 
39
div.top a.logo:link,
 
40
div.top a.logo:hover,
 
41
div.top a.logo:visited
 
42
 {
 
43
     color: #ffffff;
 
44
     background: transparent;
 
45
     border: none;
 
46
     text-decoration: none;
 
47
}   
 
48
 
 
49
div.top h1 {
 
50
    color: #ffffff;
 
51
    background: transparent;
 
52
    font-size: 40px;
 
53
    font-family: arial;
 
54
    margin: 0px;
 
55
    padding: 20px;
 
56
    float: left;
 
57
}
 
58
 
 
59
img.logo {
 
60
    float: right;
 
61
    border: none;
 
62
}
 
63
 
 
64
#menu {
 
65
    float: left;
 
66
    border: 1px #999999 solid;
 
67
    width: 150px;
 
68
    margin-left: 10px;
 
69
    margin-top: 10px;
 
70
    margin-bottom: 10px;
 
71
}
 
72
 
 
73
#menu ul {
 
74
    list-style: none;
 
75
    padding: 0px;
 
76
    margin: 0px;
 
77
}
 
78
 
 
79
#menu li.sub {
 
80
    color: #000000;
 
81
    background: #d6d6d6;
 
82
    font-weight: bold;
 
83
    padding: 0px;
 
84
}
 
85
 
 
86
#menu .title {
 
87
    padding: 4px;
 
88
    text-align: center;
 
89
}
 
90
 
 
91
#menu ul.sub {
 
92
    padding: 0px;
 
93
    margin: 0px;
 
94
    border-top: 1px #999999 solid;
 
95
    border-bottom: 1px #999999 solid;
 
96
    list-style: none;
 
97
}
 
98
 
 
99
#menu li a {
 
100
    display: block;
 
101
    background: #f0f0f0;
 
102
    color: #0081ac;
 
103
    border-top: 1px #d6d6d6 solid;
 
104
    border-bottom: 1px #d6d6d6 solid;
 
105
    margin: 0px;
 
106
    padding: 4px;
 
107
    padding-left: 10px;
 
108
    width: 100%;
 
109
}
 
110
#menu li a:visited {
 
111
    color: #0081ac;
 
112
}
 
113
 
 
114
html>body #menu li a {
 
115
    width: auto;
 
116
}
 
117
 
 
118
#menu li.item a:hover, ul.sub li.item a:hover {
 
119
    display: block;
 
120
    background: #ac0011;
 
121
    /*background: #DC878F;*/
 
122
    color: #ffffff;
 
123
    border-top: 1px #6F000B solid;
 
124
    border-bottom: 1px #6F000B solid;
 
125
    text-decoration: none;
 
126
}
 
127
 
 
128
#sourceforge {
 
129
    text-align: center;
 
130
    border: none;
 
131
}
 
132
 
 
133
html>body #sourceforge {
 
134
    width: auto;
 
135
}
 
136
 
 
137
div.content {
 
138
    padding: 20px;
 
139
 
 
140
    /* this is a hack */
 
141
    margin-left: 160px;
 
142
    margin-right: 20px;
 
143
}
 
144
 
 
145
 
 
146
#skipnav {
 
147
    display: none;
 
148
}
 
149
 
 
150
#togglecss {
 
151
    position: absolute;
 
152
    top: 110px;
 
153
    right: 10px;
 
154
}
 
155
 
 
156
div.news {
 
157
}
 
158
 
 
159
div.news div.item {
 
160
}
 
161
 
 
162
div.news div.item img {
 
163
    margin: 10px;
 
164
}
 
165
 
 
166
div.news div.item img.right {
 
167
    float: right;
 
168
    margin-right: 0px;
 
169
}
 
170
 
 
171
div.news div.item img.left {
 
172
    float: left;
 
173
    margin-left: 0px;
 
174
}
 
175
 
 
176
img.thumb {
 
177
    border: 1px #999999 solid;
 
178
}
 
179
 
 
180
div.news div.item h3 {
 
181
   font-weight: bold;
 
182
   border-left: 10px #999999 solid; 
 
183
   padding-left: 4px;
 
184
   margin-bottom: 4px;
 
185
   
 
186
   clear: right;
 
187
}
 
188
 
 
189
div.news div.item p {
 
190
    margin-top: 0px;
 
191
    margin-left: 20px;
 
192
    margin-right: 20px;
 
193
}
 
194
 
 
195
p {
 
196
    text-align: justify;
 
197
}
 
198
 
 
199
h2 {
 
200
    border-bottom: 1px #000000 solid;
 
201
    clear: right;
 
202
}
 
203
 
 
204
pre {
 
205
    border: 1px #006F02 solid;
 
206
    background: #B0E4AE;
 
207
    padding: 4px;
 
208
}
 
209
 
 
210
 
 
211
/* File Releases */
 
212
 
 
213
div.rss-files {
 
214
}
 
215
 
 
216
div.rss-files div.file {
 
217
    background: #f0f0f0;
 
218
    color: #000000;
 
219
    border: 1px #999999 solid;
 
220
    padding: 2px;
 
221
    margin: 20px;
 
222
}
 
223
 
 
224
div.rss-files div.file div.title {
 
225
    font-weight: bold;
 
226
    padding: 4px;
 
227
    padding-top: 2px;
 
228
}
 
229
div.rss-files div.file div.description {
 
230
    font-weight: normal;
 
231
    border: 1px #999999 solid;
 
232
    background: #ffffff;
 
233
    color: #000000;
 
234
    padding: 4px;
 
235
}
 
236
 
 
237
#footer {
 
238
    text-align: center;
 
239
    width: 100%;
 
240
    border-top: 1px #000000 solid;
 
241
    border-bottom: 1px #000000 solid;
 
242
    padding-top: 4px;
 
243
    padding-bottom: 4px;
 
244
    background:#0081AC;
 
245
    color: #ffffff;
 
246
    clear: both;
 
247
}
 
248
 
 
249
#footer img {
 
250
    border: none;
 
251
}
 
252
 
 
253
#footer a {
 
254
    color: white;
 
255
}
 
256
/* We are overriding some earlier styles here, so this needs to be at the end
 
257
 */
 
258
/*
 
259
a.external:link,
 
260
a.external:visited,
 
261
a.external:hover,
 
262
#menu li a.external,
 
263
#menu li a.external:hover
 
264
{
 
265
    background-image: url('/images/globe.png');
 
266
    background-repeat: no-repeat;
 
267
    background-position: center right;
 
268
    padding-right: 18px;
 
269
}
 
270
*/
 
271
 
 
272
/* Doxygen Specific */
 
273
 
 
274
div.doxygen {
 
275
}
 
276
 
 
277
div.doxygen pre {
 
278
    background: #F8F8C6;
 
279
    background: #fffff0;
 
280
    color: #000000;
 
281
    border: 1px #808000 solid;
 
282
}
 
283
 
 
284
div.doxygen pre a:hover {
 
285
}
 
286
 
 
287
div.doxygen pre .preprocessor {
 
288
    font-weight: bold;
 
289
    color: #006809;
 
290
}
 
291
 
 
292
div.doxygen pre .keyword {
 
293
    color: #68005F;
 
294
}
 
295
 
 
296
div.doxygen pre .keywordflow {
 
297
    color: #120053;
 
298
    font-weight: bold;
 
299
}
 
300
 
 
301
div.doxygen pre .keywordtype {
 
302
    font-weight: bold;
 
303
    color: #495300;
 
304
}
 
305
 
 
306
div.doxygen pre .comment {
 
307
    font-style: italic;
 
308
    font-weight: bold;
 
309
}
 
310
 
 
311
 
 
312
 
 
313
 
 
314
table {
 
315
 
 
316
    margin-left:            auto;
 
317
    margin-right:           auto;
 
318
    width:                  100%;
 
319
        
 
320
    clear:                  none;
 
321
 
 
322
    border-collapse:        collapse;
 
323
    
 
324
    
 
325
    background:             none;
 
326
 
 
327
 
 
328
/*    font-family: Arial, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Sans-Serif; */
 
329
    font-size: 13px;
 
330
 
 
331
}
 
332
 
 
333
td {
 
334
    padding:                8px;
 
335
    vertical-align:         top;
 
336
}
 
337
 
 
338
 
 
339
table.roadmap {
 
340
    background:             #eee;
 
341
}
 
342
 
 
343
table.roadmap td {
 
344
 
 
345
    border:                 1px solid #999;
 
346
    /* width:                  50%; */
 
347
 
 
348
 
 
349
}
 
350
 
 
351
tr.header {
 
352
    font-weight:            bold;
 
353
    background:             #ddd;
 
354
}
 
355
 
 
356
td.title {
 
357
    text-align:             center;
 
358
    font-size:              16px;
 
359
    font-weight:            bold;
 
360
    background:             #ddd;
 
361
}
 
362
 
 
363
 
 
364
 
 
365
img.float {
 
366
    float:                  right;
 
367
 
 
368
    margin-top:             7px;
 
369
    margin-left:            10px;
 
370
    /* margin-right:           10px; */
 
371
    margin-bottom:          10px;
 
372
}
 
373
 
 
374
 
 
375
 
 
376
/*@import: url(wiki.css)*/
 
377
 
 
378
 
 
379
 
 
380
/* FORM STUFF */
 
381
 
 
382
SELECT, option, textarea, input  {
 
383
 
 
384
    color:                  #000000; 
 
385
    font-size:              10px; 
 
386
    text-decoration:        none; 
 
387
    background:             white; 
 
388
    border:                 1px solid #666666;
 
389
    
 
390
    margin:                 2px 0px 2px 0;
 
391
    padding:                2px;
 
392
 
 
393
}
 
394
 
 
395
/* now make them all have nice hovers */
 
396
 
 
397
 
 
398
 
 
399
SELECT:hover, option:hover, textarea:hover, input:hover {
 
400
    background:             #ddd; 
 
401
}
 
402
 
 
403
 
 
404
form.search {
 
405
    /*display:                inline;
 
406
    background:             #f0f0f0;
 
407
    */
 
408
    
 
409
    text-align:             center;
 
410
        
 
411
    display:                block;
 
412
    background:             #f0f0f0;
 
413
    color:                  #0081ac;
 
414
    border-top:             1px #d6d6d6 solid;
 
415
    border-bottom:          1px #d6d6d6 solid;
 
416
    margin:                 0px;
 
417
    padding:                4px;
 
418
    padding-left:           10px;
 
419
  
 
420
    
 
421
}
 
422
 
 
423
form.search:hover {
 
424
    background:             #ac0011;
 
425
}
 
426
 
 
427
 
 
428
 
 
429
#post_news input
 
430
{
 
431
    width:      35%;
 
432
}
 
433
 
 
434
#post_news textarea
 
435
{
 
436
    width:      100%;
 
437
    height:     150px;
 
438
}
 
439
 
 
440
input#login,
 
441
#post_news input#preview,
 
442
#post_news input#save,
 
443
#post_news input#reset
 
444
{
 
445
    width:      100px;
 
446
}
 
447
 
 
448
 
 
449
#post_news table
 
450
{
 
451
    padding:    0;
 
452
}
 
453
 
 
454
#post_news td
 
455
{
 
456
    padding-left:    0;
 
457
}
 
458
#post_news table tr td.header
 
459
{
 
460
    width:          10%; 
 
461
    font-weight:    bold;
 
462
}
 
463
 
 
464
.alert
 
465
{
 
466
    color:          red;
 
467
}
 
468
 
 
469
 
 
470
div.alert
 
471
{
 
472
    border:         1px solid red;
 
473
    padding:        8px;
 
474
}
 
475
 
 
476
.preview,
 
477
.message
 
478
{
 
479
    border:         1px solid #ccc;
 
480
    padding:        8px;
 
481
}
 
482
 
 
483
 
 
484
#navbar
 
485
{
 
486
    padding:        8px;
 
487
    background:     #ccc;
 
488
}
 
489
 
 
490
#navbar a 
 
491
{
 
492
    padding-right:  12px;
 
493
}