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