1 | /*
|
---|
2 | * Copyright 2019, Haiku. All rights reserved.
|
---|
3 | * Distributed under the terms of the MIT License.
|
---|
4 | *
|
---|
5 | * Authors:
|
---|
6 | * Humdinger <humdingerb@gmail.com>
|
---|
7 | * Augustin Cavalier <waddlesplash>
|
---|
8 | */
|
---|
9 |
|
---|
10 | body {
|
---|
11 | position: fixed;
|
---|
12 | width: 100%;
|
---|
13 | height: 100%;
|
---|
14 | display: flex;
|
---|
15 | flex-direction: column;
|
---|
16 | }
|
---|
17 |
|
---|
18 | body > div {
|
---|
19 | flex: 0 0 auto;
|
---|
20 | }
|
---|
21 |
|
---|
22 | body #content {
|
---|
23 | flex: 1 1 auto;
|
---|
24 | overflow: auto;
|
---|
25 | }
|
---|
26 |
|
---|
27 | /* Some headers act as anchors, don't give them a hover effect */
|
---|
28 | h1 a:hover, a:active {
|
---|
29 | text-decoration: none;
|
---|
30 | color: #0c3762;
|
---|
31 | }
|
---|
32 |
|
---|
33 | .navdots a {
|
---|
34 | font-weight: normal;
|
---|
35 | text-decoration: none;
|
---|
36 | }
|
---|
37 |
|
---|
38 | .navdots a:hover, a:active {
|
---|
39 | color: #dc3c01;
|
---|
40 | }
|
---|
41 |
|
---|
42 | .navdots a {
|
---|
43 | color: white;
|
---|
44 | }
|
---|
45 |
|
---|
46 | .navdots acronym, .navdots a {
|
---|
47 | text-decoration: none;
|
---|
48 | }
|
---|
49 |
|
---|
50 | acronym.current-page {
|
---|
51 | color: #892601;
|
---|
52 | }
|
---|
53 |
|
---|
54 | div.nav {
|
---|
55 | z-index: 1;
|
---|
56 | }
|
---|
57 |
|
---|
58 | div.topic {
|
---|
59 | position: relative;
|
---|
60 | margin-bottom: 5vh;
|
---|
61 | clear: both;
|
---|
62 | }
|
---|
63 |
|
---|
64 | table.index.further {
|
---|
65 | width: 25%;
|
---|
66 | font-size: 90%;
|
---|
67 | }
|
---|
68 |
|
---|
69 | table.index.further tr.index td {
|
---|
70 | text-align: center;
|
---|
71 | }
|
---|
72 |
|
---|
73 | #index {
|
---|
74 | position: relative;
|
---|
75 | z-index: 10;
|
---|
76 | }
|
---|
77 |
|
---|
78 | ul.lang-menu {
|
---|
79 | overflow-x: hidden;
|
---|
80 | overflow-y: auto;
|
---|
81 | max-height: calc(100vh - 84px);
|
---|
82 | padding-bottom: 2px;
|
---|
83 | }
|
---|
84 |
|
---|
85 | .hide-no-js {
|
---|
86 | display: none;
|
---|
87 | }
|
---|
88 |
|
---|
89 | #bottom-nav {
|
---|
90 | text-align: center;
|
---|
91 | font-size: 150%;
|
---|
92 | background: #e0e0e0;
|
---|
93 | color: white;
|
---|
94 | }
|
---|
95 |
|
---|
96 | .navbutton {
|
---|
97 | display: inline-block;
|
---|
98 | padding: 5px 1em;
|
---|
99 | background: silver;
|
---|
100 | }
|
---|
101 |
|
---|
102 | .navbutton:hover {
|
---|
103 | text-decoration: none;
|
---|
104 | }
|
---|
105 |
|
---|
106 |
|
---|
107 | /* Slides */
|
---|
108 |
|
---|
109 | body.slides #content div.topic {
|
---|
110 | display: none;
|
---|
111 | }
|
---|
112 |
|
---|
113 | body.slides #content div.topic.current-page {
|
---|
114 | display: block;
|
---|
115 | margin-top: 0;
|
---|
116 | margin-bottom: 0;
|
---|
117 | }
|
---|
118 |
|
---|
119 | .slide-only {
|
---|
120 | display: none;
|
---|
121 | }
|
---|
122 |
|
---|
123 | body.slides .slide-only {
|
---|
124 | display: initial;
|
---|
125 | }
|
---|
126 |
|
---|