Ticket #15430: Haiku-tour.css

File Haiku-tour.css, 1.6 KB (added by madmax, 4 years ago)
Line 
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
10body {
11 position: fixed;
12 width: 100%;
13 height: 100%;
14 display: flex;
15 flex-direction: column;
16}
17
18body > div {
19 flex: 0 0 auto;
20}
21
22body #content {
23 flex: 1 1 auto;
24 overflow: auto;
25}
26
27/* Some headers act as anchors, don't give them a hover effect */
28h1 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
50acronym.current-page {
51 color: #892601;
52}
53
54div.nav {
55 z-index: 1;
56}
57
58div.topic {
59 position: relative;
60 margin-bottom: 5vh;
61 clear: both;
62}
63
64table.index.further {
65 width: 25%;
66 font-size: 90%;
67}
68
69table.index.further tr.index td {
70 text-align: center;
71}
72
73#index {
74 position: relative;
75 z-index: 10;
76}
77
78ul.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
109body.slides #content div.topic {
110 display: none;
111}
112
113body.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
123body.slides .slide-only {
124 display: initial;
125}
126