1 /*
2 * CSS for Inkscape Website (http://www.inkscape.org/)
3 *
4 * By: Tom von Schwerdtner | Etria LLP (http://www.etria.com/)
5 *
6 */
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 }
17 a:link, a:visited, a:hover {
18 font-weight: bold;
19 color: #0081ac;
20 text-decoration: none;
21 }
23 a:hover {
24 text-decoration: underline;
25 }
27 a:visited {
28 color: #ac0011;
29 }
31 div.top {
32 background:#0081ac;
33 width: 100%;
34 height: 100px;
35 border-bottom: 1px black solid;
36 }
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 }
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 }
59 img.logo {
60 float: right;
61 border: none;
62 }
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 }
73 #menu ul {
74 list-style: none;
75 padding: 0px;
76 margin: 0px;
77 }
79 #menu li.sub {
80 color: #000000;
81 background: #d6d6d6;
82 font-weight: bold;
83 padding: 0px;
84 }
86 #menu .title {
87 padding: 4px;
88 text-align: center;
89 }
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 }
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 }
114 html>body #menu li a {
115 width: auto;
116 }
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 }
128 #sourceforge {
129 text-align: center;
130 border: none;
131 }
133 html>body #sourceforge {
134 width: auto;
135 }
137 div.content {
138 padding: 20px;
140 /* this is a hack */
141 margin-left: 160px;
142 margin-right: 20px;
143 }
146 #skipnav {
147 display: none;
148 }
150 #togglecss {
151 position: absolute;
152 top: 110px;
153 right: 10px;
154 }
156 div.news {
157 }
159 div.news div.item {
160 }
162 div.news div.item img {
163 margin: 10px;
164 }
166 div.news div.item img.right {
167 float: right;
168 margin-right: 0px;
169 }
171 div.news div.item img.left {
172 float: left;
173 margin-left: 0px;
174 }
176 img.thumb {
177 border: 1px #999999 solid;
178 }
180 div.news div.item h3 {
181 font-weight: bold;
182 border-left: 10px #999999 solid;
183 padding-left: 4px;
184 margin-bottom: 4px;
186 clear: right;
187 }
189 div.news div.item p {
190 margin-top: 0px;
191 margin-left: 20px;
192 margin-right: 20px;
193 }
195 p {
196 text-align: justify;
197 }
199 h2 {
200 border-bottom: 1px #000000 solid;
201 clear: right;
202 }
204 pre {
205 border: 1px #006F02 solid;
206 background: #B0E4AE;
207 padding: 4px;
208 }
211 /* File Releases */
213 div.rss-files {
214 }
216 div.rss-files div.file {
217 background: #f0f0f0;
218 color: #000000;
219 border: 1px #999999 solid;
220 padding: 2px;
221 margin: 20px;
222 }
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 }
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 }
249 #footer img {
250 border: none;
251 }
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 */
272 /* Doxygen Specific */
274 div.doxygen {
275 }
277 div.doxygen pre {
278 background: #F8F8C6;
279 background: #fffff0;
280 color: #000000;
281 border: 1px #808000 solid;
282 }
284 div.doxygen pre a:hover {
285 }
287 div.doxygen pre .preprocessor {
288 font-weight: bold;
289 color: #006809;
290 }
292 div.doxygen pre .keyword {
293 color: #68005F;
294 }
296 div.doxygen pre .keywordflow {
297 color: #120053;
298 font-weight: bold;
299 }
301 div.doxygen pre .keywordtype {
302 font-weight: bold;
303 color: #495300;
304 }
306 div.doxygen pre .comment {
307 font-style: italic;
308 font-weight: bold;
309 }
314 table {
316 margin-left: auto;
317 margin-right: auto;
318 width: 100%;
320 clear: none;
322 border-collapse: collapse;
325 background: none;
328 /* font-family: Arial, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Sans-Serif; */
329 font-size: 13px;
331 }
333 td {
334 padding: 8px;
335 vertical-align: top;
336 }
339 table.roadmap {
340 background: #eee;
341 }
343 table.roadmap td {
345 border: 1px solid #999;
346 /* width: 50%; */
349 }
351 tr.header {
352 font-weight: bold;
353 background: #ddd;
354 }
356 td.title {
357 text-align: center;
358 font-size: 16px;
359 font-weight: bold;
360 background: #ddd;
361 }
365 img.float {
366 float: right;
368 margin-top: 7px;
369 margin-left: 10px;
370 /* margin-right: 10px; */
371 margin-bottom: 10px;
372 }
376 /*@import: url(wiki.css)*/
380 /* FORM STUFF */
382 SELECT, option, textarea, input {
384 color: #000000;
385 font-size: 10px;
386 text-decoration: none;
387 background: white;
388 border: 1px solid #666666;
390 margin: 2px 0px 2px 0;
391 padding: 2px;
393 }
395 /* now make them all have nice hovers */
399 SELECT:hover, option:hover, textarea:hover, input:hover {
400 background: #ddd;
401 }
404 form.search {
405 /*display: inline;
406 background: #f0f0f0;
407 */
409 text-align: center;
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;
421 }
423 form.search:hover {
424 background: #ac0011;
425 }
429 #post_news input
430 {
431 width: 35%;
432 }
434 #post_news textarea
435 {
436 width: 100%;
437 height: 150px;
438 }
440 input#login,
441 #post_news input#preview,
442 #post_news input#save,
443 #post_news input#reset
444 {
445 width: 100px;
446 }
449 #post_news table
450 {
451 padding: 0;
452 }
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 }
464 .alert
465 {
466 color: red;
467 }
470 div.alert
471 {
472 border: 1px solid red;
473 padding: 8px;
474 }
476 .preview,
477 .message
478 {
479 border: 1px solid #ccc;
480 padding: 8px;
481 }
484 #navbar
485 {
486 padding: 8px;
487 background: #ccc;
488 }
490 #navbar a
491 {
492 padding-right: 12px;
493 }