Merge branch 'master' into finnish
[amuse-wiki:amuse-wiki.git] / AmuseWiki / public / css / style.css
1 html,body, pre.verse {
2         margin:0;
3         padding:0;
4         border: none;
5         background: white;
6         font-family: Verdana, "DejaVu Sans", Helvetica, Arial, sans-serif;
7         font-size: 10pt;
8
9
10 div#widepage {
11     padding: 20px 20px 0 20px;
12     background: url(images/bg-soft.png) repeat-x;
13 }
14
15 div#page, div#uploadform {
16     width: 69%;
17 }
18
19 pre, code, .commit-diff {
20     font-family: Consolas, courier, monospace;
21 }
22
23 pre {
24     border: 1pt solid #AEBDCC;
25     margin: 24px 0;
26 }
27
28 /* arial for some things */
29 h1,h2,h3,h4,h5,h6,#cloud { 
30     font-weight: bolder;
31     font-family: Arial, Helvetica, "DejaVu Sans", sans-serif;
32 }
33
34 h2 a, h3 a, h4 a, h5 a, h6 a, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
35   {
36   color: #000000;
37   text-decoration: none;
38 }
39
40
41 h1 { 
42     font-size: 200%;
43     margin: .67em 0
44 }
45 h2 { 
46     font-size: 180%;
47     margin: .75em 0
48 }
49 h3 { 
50     font-size: 150%;
51     margin: .83em 0
52 }
53 h4 { 
54     font-size: 130%;
55     margin: 1.12em 0
56 }
57 h5 { 
58     font-size: 115%;
59     margin: 1.5em 0
60 }
61 h6 { 
62     font-size: 100%;
63     margin: 0;
64 }
65
66 sup, sub {
67     font-size: 8pt;
68     line-height: 0;
69 }
70
71 /* invisibles */
72 span.hiddenindex, span.commentmarker, .comment, span.tocprefix, #hitme {
73     display: none
74 }
75
76 .comment {
77     background: rgb(255,255,158);
78 }
79
80 pre.verse {          
81     margin: 24px 48px;
82     overflow: auto;
83     border: none;
84
85
86 table, th, td {
87     border: solid 1px black;
88     border-collapse: collapse;
89 }
90 td, th {
91     padding: 2px 5px;
92 }
93
94 hr {
95     margin: 24px 0;
96     color: #000;
97     height: 1px;
98     background-color: #000;
99 }
100
101 table {
102     margin: 24px auto;
103 }
104
105 td, th { vertical-align: top; }
106 th {font-weight: bold;}
107
108 caption {
109     caption-side:bottom;
110 }
111
112 img.embedimg {
113     margin: 1em;
114     max-width:90%;
115 }
116 div.image {
117     margin: 1em;
118     text-align: center;
119     padding: 3px;
120     background-color: white;
121 }
122
123 .biblio p, .play p {
124   margin-left: 1em;
125   text-indent: -1em;
126 }
127
128 div.biblio, div.play {
129   padding: 24px 0;
130 }
131
132 div.caption {
133     padding-bottom: 1em;
134 }
135
136 div.center {
137     text-align: center;
138 }
139
140 div.right {
141     text-align: right;
142 }
143
144 a { text-decoration: none; }
145
146
147 span.loggingin {
148     font-weight: bold;
149 }
150 span.diff-removed {
151     color: red;
152 }
153 span.diff-added {
154     color: green;
155 }
156
157 span.diff-context {
158     color: #444
159 }
160
161 div#footer {
162     clear: both;
163 /*    border-top: 1px solid black; */
164     text-align: center;
165     padding: 3px 0;
166     height: 15px;
167 }
168
169 div#footer {
170     padding: 3px 0 0 0 ;
171 }
172
173
174 img#rssicon {
175     width: 14px;
176 }
177
178 /* footnotes */
179
180 a.footnote, a.footnotebody {
181     font-size: 8pt;
182     line-height: 0;
183     vertical-align: super;
184 }
185
186 * + p.fnline {
187     margin-top: 3em;
188     border-top: 1px solid black;
189     padding-top: 2em;
190 }
191
192 p.fnline + p.fnline {
193     margin-top: 1em;
194     border-top: none;
195     padding-top: 0;
196 }
197
198 p.fnline {
199     font-size: 8pt;
200 }
201 /* end footnotes */
202
203
204 /* exceptions: toc and indexes */
205 .index a, h4 a.frontpageitem, div#header h4 {
206     font-weight: normal; 
207 }
208
209
210 /* which on hover get the underline */
211 #tableofcontents a:hover{
212     text-decoration: underline;
213 }
214
215
216
217 /***********
218 LINK COLORS
219 ************/
220
221 /* this is the main color link */
222 a { color: #8b0000; }
223
224 /* visited links, hovering over links */
225 a:visited, a:hover {
226     color:#610503; /* just a bit darker, not too much */
227 }
228
229 /* color for the links in the indexes titles topics authors */
230 div.index ul li a, 
231 div#frontpage div#header h4 a,
232 div#cloud a
233  {
234     color: #8b1111;
235 }
236
237 /* color for hover on links on indexes */
238 #nav a:hover, 
239 #nav a#current,
240 div#frontpage div#header h4 a:hover,
241 div#cloud a:hover
242  {
243     color: #ff0505;
244 }
245
246 a img, img {
247     border: none;
248 }
249
250 /* END COLORS */
251
252 #vwbanner {
253     min-width: 850px;
254     background: url(images/cobble.png) repeat-x;
255     border: none;
256 /*    border-top: solid 4px black;   */
257 /*    border-bottom: solid 1px black; */
258     margin: 0;
259     padding: 0;
260     display: block;
261     height: 134px;
262 }
263
264 #wbanner {
265     background: url(images/singlelogo.png) no-repeat;
266     height: 134px;
267 }
268
269 div#banner {
270     height: 110px;
271 }
272
273 div#nav {
274     height: 18px;
275     border-bottom: solid black 1px;
276 }
277
278 img#title-banner-img {
279     padding-left: 180px;
280     margin-top: 19px;
281     padding-bottom: 9px;
282 }
283
284 div#page {
285
286 }
287
288 div#frontpage div#header h4 {
289     margin: 5px 0 5px 5px;
290     font-size: 11pt;
291 }
292
293 div#downloadformats {
294 padding: 0 0 10px 0;
295 }
296
297 div#preamble p {
298     padding:0;
299     margin: 0;
300 }
301
302 #preamble a:hover {
303     text-decoration: underline;
304 }
305
306 /* NAVIGATION BAR */
307
308 #nav { 
309 /*    background-color: black; */
310     color: white;
311     margin: 0px 0px;
312 /*    padding: 3px 5px 5px 5px; */
313     padding-top: 5px;
314     font-size: 15px;
315     font-family: Arial, Helvetica, "Dejavu Sans", sans-serif;
316     font-style:normal;
317     font-variant:normal;
318     font-weight:normal;
319     line-height:normal;
320 }
321
322 #nav ul {
323 /*    background-color: black; */
324     color: black;
325     margin: 0px 0px;
326 /*    border: solid black 1px; */
327     padding-left: 140px;
328 }
329
330
331 #nav ul li a {
332     color: black;
333     font-weight: normal;
334     background-color: white;
335     font-size: 15px;
336     padding: 0 7px;
337 /*    border: 1px solid white ;*/
338 /*    border-bottom: 1px solid black ; */
339 }
340
341 #nav a#current {
342     border: 1px solid black ;
343     border-bottom: 2px solid #f0f0f0;
344     background-color: #f0f0f0;
345     color: black;
346     padding: 0 6px;
347 }
348
349 #nav a:hover {
350     color: red;
351 }
352
353 /* dunno what is this for 
354 #current a a:visited {
355     text-decoration: underline;
356 }
357 */
358
359
360 #nav ul li {
361     display: inline;
362     list-style-type: none;
363 }
364
365 #nav li {
366     margin: 0 0;
367 }
368
369 /* END NAVIGATION BAR */
370
371 /* TOC and BUTTONS */ 
372
373
374 div#tableofcontents {
375     margin: 1px;
376     padding: 0 5px 5px;
377     margin-right: 0px; 
378     width: 25%;
379     text-align: left;
380     height: 55%;
381     overflow: auto;
382     position: fixed;
383     left: 72%;
384     bottom: 45px;
385     border: 1px solid black;
386     background-color: #ddd;
387 }
388
389 div#toctoggler {
390     margin: 0 0;
391     font-size: 9pt;
392     padding: 0 0;
393     width: 25%;
394     text-align: right;
395     height: auto;
396     overflow: hidden;
397     position: fixed;
398     left: 72%;
399     bottom: 0;
400 }
401
402 #tableofcontents a {
403         color: #000;
404         text-decoration: none;}
405
406
407 ul#toc {
408     margin:0;
409     padding:0;
410     text-indent: 0; 
411
412 }
413
414 #tableofcontents p {
415     margin: 3px 1em;
416     text-indent: -1em;
417 }
418
419 .toclevel2 {
420         font-weight: bold;
421         font-size:11pt
422 }       
423
424 .toclevel3 {
425         font-weight: bold;
426         font-size: 10pt;
427 }
428
429 .toclevel4 {
430         font-weight: normal;
431         font-size: 9pt;
432 }
433
434 .toclevel5 {
435         font-weight: normal;
436         font-size: 8pt;
437 }
438
439 #nothere {
440     display: none;
441 }
442
443 .feed-icon {
444     width: 30%;
445     float: left;
446 }
447 a.feed-icon  {
448     color: white;
449 }
450
451
452 /* This is for the autosuggestion feature */
453
454 .suggestion_list
455 {
456     background: white;
457     border: 1px solid;
458     padding: 4px;
459 }
460
461 /* this is the cloud */
462
463 .cloud1, .cloud2, .cloud3, .cloud4, .cloud5, .cloud6, .cloud7, .cloud8 {
464     padding: 0px;
465     margin: 0px;
466 }
467
468 .cloud1 {
469         font-weight: bold;
470         font-size:100%;
471 }       
472
473 .cloud2 {
474         font-weight: bold;
475         font-size: 110%;
476 }
477
478 .cloud3 {
479         font-weight: bold;
480         font-size:120%;
481 }       
482
483 .cloud4 {
484         font-weight: bold;
485         font-size: 130%;
486 }
487
488 .cloud5 {
489         font-weight: bold;
490         font-size:140%;
491 }       
492
493 .cloud6 {
494         font-weight: bold;
495         font-size: 150%;
496 }
497
498 .cloud7 {
499         font-weight: bold;
500         font-size:170%;
501 }       
502
503 .cloud8 {
504         font-weight: bold;
505         font-size: 190%;
506 }
507
508 div#cloud {
509     float: right;
510     width: 25%;
511 }
512
513 div#recenttexts {
514     float: left;
515 }
516
517
518 div#reversecit {
519     margin: 0px;
520     font-size: 8pt;
521     padding: 0px;
522     width: 25%;
523     text-align: left;
524     height: auto;
525     overflow: hidden;
526     position: fixed;
527     left: 72%;
528     bottom: 2em;
529
530 }
531
532 div#searchbox {
533     display: inline;
534     float:right;
535 }
536
537 form#formsearchbox {
538     display: inline;
539 }
540
541 label.error {
542     float: none;
543     color: red;
544     padding-left: .5em;
545 }
546
547 fieldset em {
548     font-weight: bold;
549     font-style: normal;
550 }
551
552 .submit { margin-left: 12em; }
553
554 .flashmessage {
555      background-color: #7FFF00;
556      padding: 0.5em;
557      border: 1px solid #458B00;
558      text-align: center;
559 }
560
561
562 .formerror {
563      background: #F88F84;
564      margin: 0;
565      padding: 0.5em;
566      border: 0px solid #F12525;
567      text-align: center;
568 }
569
570 .loggedin {
571      background: #444;
572      color: white;
573      padding: 0;
574      font-size: 9pt;
575      text-align: center;
576 }
577
578 div.loggedin a {
579     color: #00F5FF;
580 }
581
582 div.loggedin a:hover {
583     text-decoration: underline;
584 }
585
586
587 .bookbuilderok, .bookbuilderwait {
588      background: #CEE5F5;
589      padding: 0.5em;
590      border: 1px solid #AACBE2;
591      text-align: center;
592 }
593
594
595 #hitme {
596     display:none;
597 }
598
599
600 /* tweak to the form */
601
602 div#uploadform {
603     margin: 20px;
604 }
605
606
607 fieldset {
608     border: none;
609 }
610
611
612 div#uploadform p {
613     margin: 3px;
614 }
615
616 div#uploadform h4 {
617     margin: 8px 0 3px 0;
618
619 }
620
621 #preview-or-commit input {
622     margin: 10px auto;
623 }
624
625 input.submit {
626     margin: 20px auto 10px;
627 }
628
629 table.fullsearchform {
630     border: none;
631 }
632
633 table.fullsearchform td, table.fullsearchform label {
634     font-weight: bold;
635     border:none;
636 }
637
638