-rw-r--r-- | htdocs/style.css | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/htdocs/style.css b/htdocs/style.css index 96e4c59..28aa8df 100644 --- a/htdocs/style.css +++ b/htdocs/style.css | |||
@@ -1,256 +1,262 @@ | |||
1 | body { | 1 | body { |
2 | font-family: sans-serif; | 2 | font-family: sans-serif; |
3 | font-size: 11pt; | 3 | font-size: 11pt; |
4 | } | 4 | } |
5 | 5 | ||
6 | a:link, a:visited { | 6 | a:link, a:visited { |
7 | text-decoration: none; | 7 | text-decoration: none; |
8 | } | 8 | } |
9 | a:link:hover, a:visited:hover { | 9 | a:link:hover, a:visited:hover { |
10 | text-decoration: underline; | 10 | text-decoration: underline; |
11 | } | 11 | } |
12 | p { | 12 | p { |
13 | margin: 1ex 1em; | 13 | margin: 1ex 1em; |
14 | text-indent: 2em; | 14 | text-indent: 2em; |
15 | text-align: justify; | 15 | text-align: justify; |
16 | } | 16 | } |
17 | p.note { | 17 | p.note { |
18 | margin-left: 10%; | 18 | margin-left: 10%; |
19 | border-width: 1px 1px 1px 6px; | 19 | border-width: 1px 1px 1px 6px; |
20 | border-color: gray gray gray #0000a0; | 20 | border-color: gray gray gray #0000a0; |
21 | border-style: solid solid solid double; | 21 | border-style: solid solid solid double; |
22 | padding: 1ex 1ex 1ex 2em; | 22 | padding: 1ex 1ex 1ex 2em; |
23 | font-size: 80%; | 23 | font-size: 80%; |
24 | background: #c0c0e0; | 24 | background: #c0c0e0; |
25 | color: #202020; | 25 | color: #202020; |
26 | } | 26 | } |
27 | code a, | 27 | code a, |
28 | code { | 28 | code { |
29 | color: #d04040; | 29 | color: #d04040; |
30 | } | 30 | } |
31 | em { | 31 | em { |
32 | white-space: nowrap; | 32 | white-space: nowrap; |
33 | } | 33 | } |
34 | 34 | ||
35 | div.google_ad { | 35 | div.google_ad { |
36 | text-align: center; | 36 | text-align: center; |
37 | margin: 1ex; | 37 | margin: 1ex; |
38 | } | 38 | } |
39 | div.google_ad.top { | 39 | div.google_ad.top { |
40 | padding-bottom: 1ex; | 40 | padding-bottom: 1ex; |
41 | border-bottom: 1px gray solid; | 41 | border-bottom: 1px gray solid; |
42 | } | 42 | } |
43 | div.google_ad.bottom { | 43 | div.google_ad.bottom { |
44 | padding-top: 1ex; | 44 | padding-top: 1ex; |
45 | border-top: 1px gray solid; | 45 | border-top: 1px gray solid; |
46 | } | 46 | } |
47 | 47 | ||
48 | div#sidepanel { | 48 | div#sidepanel { |
49 | position: absolute; top: 0px; left: 0px; | 49 | position: absolute; top: 0px; left: 0px; |
50 | margin: 0px; | 50 | margin: 0px; |
51 | width: 20%; | 51 | width: 20%; |
52 | font-size: 80%; | 52 | font-size: 80%; |
53 | } | 53 | } |
54 | div#content { | 54 | div#content { |
55 | position: absolute; top: 0px; right: -0px; | 55 | position: absolute; top: 0px; right: -0px; |
56 | margin: 0px; | 56 | margin: 0px; |
57 | width: 80%; | 57 | width: 80%; |
58 | } | 58 | } |
59 | 59 | ||
60 | div#sidepanel h1 { | 60 | div#sidepanel h1 { |
61 | font-size: 80%; | 61 | font-size: 80%; |
62 | text-align: center; | 62 | text-align: center; |
63 | font-weight: normal; | 63 | font-weight: normal; |
64 | color: #004080; | 64 | color: #004080; |
65 | white-space: nowrap; | 65 | white-space: nowrap; |
66 | margin-top: 2ex; margin-bottom: 2ex; | 66 | margin-top: 2ex; margin-bottom: 2ex; |
67 | } | 67 | } |
68 | div#sidepanel h2 { | 68 | div#sidepanel h2 { |
69 | font-size: 80%; | 69 | font-size: 80%; |
70 | text-align: justify; | 70 | text-align: justify; |
71 | font-weight: normal; | 71 | font-weight: normal; |
72 | color: gray; | 72 | color: gray; |
73 | margin: 1ex 1ex; | 73 | margin: 1ex 1ex; |
74 | } | 74 | } |
75 | div#sidepanel ul { | 75 | div#sidepanel ul { |
76 | padding: 1ex 0.5ex 1ex 1ex; | 76 | padding: 1ex 0.5ex 1ex 1ex; |
77 | margin: 0.5ex; | 77 | margin: 0.5ex; |
78 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; | 78 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; |
79 | border-width: 1px 2px 2px 1px; | 79 | border-width: 1px 2px 2px 1px; |
80 | border-style: solid; | 80 | border-style: solid; |
81 | background: #d0d0d0; | 81 | background: #d0d0d0; |
82 | list-style-type: none; | 82 | list-style-type: none; |
83 | } | 83 | } |
84 | div#sidepanel ul ul { | 84 | div#sidepanel ul ul { |
85 | margin: 0px; padding: 0px; | 85 | margin: 0px; padding: 0px; |
86 | border: none 0px; | 86 | border: none 0px; |
87 | } | 87 | } |
88 | div#sidepanel li { | 88 | div#sidepanel li { |
89 | list-style-type: none; | 89 | list-style-type: none; |
90 | margin: 0px; padding: 0px; | 90 | margin: 0px; padding: 0px; |
91 | display: block; | 91 | display: block; |
92 | } | 92 | } |
93 | div#sidepanel ul a { | 93 | div#sidepanel ul a { |
94 | display: block; | 94 | display: block; |
95 | padding: 1px 1ex; | 95 | padding: 1px 1ex; |
96 | margin: 0.5ex; | 96 | margin: 0.5ex; |
97 | border: 1px solid gray; | 97 | border: 1px solid gray; |
98 | text-decoration: none; | 98 | text-decoration: none; |
99 | background: white; | 99 | background: white; |
100 | color: black; | 100 | color: black; |
101 | } | 101 | } |
102 | div#sidepanel ul a:hover { | 102 | div#sidepanel ul a:hover { |
103 | background: gray; | 103 | background: gray; |
104 | color: white; | 104 | color: white; |
105 | } | 105 | } |
106 | div#sidepanel ul ul a { | 106 | div#sidepanel ul ul a { |
107 | padding-left: 2.5ex; | 107 | padding-left: 2.5ex; |
108 | background: #e0e0e0; | 108 | background: #e0e0e0; |
109 | } | 109 | } |
110 | div#sidepanel div.copyright { | 110 | div#sidepanel div.copyright { |
111 | text-align: center; | 111 | text-align: center; |
112 | } | 112 | } |
113 | 113 | ||
114 | div#content h1 { | 114 | div#content h1 { |
115 | font-size: 140%; | 115 | font-size: 140%; |
116 | color: gray; | 116 | color: gray; |
117 | font-weight: bold; | 117 | font-weight: bold; |
118 | text-align: center; | 118 | text-align: center; |
119 | margin: 1em; | 119 | margin: 1em; |
120 | clear: both; | 120 | clear: both; |
121 | } | 121 | } |
122 | div#content h2 { | 122 | div#content h2 { |
123 | font-size: 140%; | 123 | font-size: 140%; |
124 | color: #8080a0; | 124 | color: #8080a0; |
125 | font-weight: bold; | 125 | font-weight: bold; |
126 | text-align: center; | 126 | text-align: center; |
127 | margin: 1em; | 127 | margin: 1em; |
128 | clear: both; | 128 | clear: both; |
129 | } | 129 | } |
130 | div#content p a { | 130 | div#content p a { |
131 | font-weight: bold; | 131 | font-weight: bold; |
132 | } | 132 | } |
133 | div#content p a.internal { | 133 | div#content p a.internal { |
134 | font-weight: inherit !important; | 134 | font-weight: inherit !important; |
135 | } | 135 | } |
136 | 136 | ||
137 | div.insert { | 137 | div.insert { |
138 | text-align: center; | 138 | text-align: center; |
139 | } | 139 | } |
140 | iframe#insert { | 140 | iframe#insert { |
141 | border: 1px solid black; | 141 | border: 1px solid black; |
142 | } | 142 | } |
143 | 143 | ||
144 | div.source h1 { | 144 | div.source h1 { |
145 | background: #e0e0e0; | 145 | background: #e0e0e0; |
146 | border: 1px solid #808080; | 146 | border: 1px solid #808080; |
147 | padding-left: 1em; | 147 | padding-left: 1em; |
148 | margin: 0px; | 148 | margin: 0px; |
149 | font-size: 100%; | 149 | font-size: 100%; |
150 | color: #000060; | 150 | color: #000060; |
151 | overflow: hidden; | 151 | overflow: hidden; |
152 | } | 152 | } |
153 | div.source ul { | 153 | div.source ul { |
154 | background: #80c0c0; | 154 | background: #80c0c0; |
155 | margin: 0px; | 155 | margin: 0px; |
156 | padding: 1px 0px; | 156 | padding: 1px 0px; |
157 | font-family: monospace; | 157 | font-family: monospace; |
158 | font-size: 80%; | 158 | font-size: 80%; |
159 | overflow: hidden; | 159 | overflow: hidden; |
160 | width:100%; | 160 | width:100%; |
161 | } | 161 | } |
162 | div.source li { | 162 | div.source li { |
163 | list-style-type: none; | 163 | list-style-type: none; |
164 | white-space: nowrap; | 164 | white-space: nowrap; |
165 | margin: 0px 0.5ex; | 165 | margin: 0px 0.5ex; |
166 | } | 166 | } |
167 | 167 | ||
168 | ul.sourcebrowser { | 168 | ul.sourcebrowser { |
169 | font-size: 70%; | 169 | font-size: 70%; |
170 | } | 170 | } |
171 | ul.sourcebrowser ul.dir { | 171 | ul.sourcebrowser ul.dir { |
172 | padding: 1px 0px 2px 1em; | 172 | padding: 1px 0px 2px 1em; |
173 | margin: 1px 0px 1px 0px; | 173 | margin: 1px 0px 1px 0px; |
174 | } | 174 | } |
175 | ul.sourcebrowser li.dir { | 175 | ul.sourcebrowser li.dir { |
176 | margin: 1px 0px 1px 0px; | 176 | margin: 1px 0px 1px 0px; |
177 | } | 177 | } |
178 | ul.sourcebrowser li.file { | 178 | ul.sourcebrowser li.file { |
179 | list-style-type: none; | 179 | list-style-type: none; |
180 | white-space: nowrap; | 180 | white-space: nowrap; |
181 | display: inline; | 181 | display: inline; |
182 | } | 182 | } |
183 | ul.sourcebrowser li.file a { | 183 | ul.sourcebrowser li.file a { |
184 | border: 1px solid gray; | 184 | border: 1px solid gray; |
185 | padding: 1px 0.5ex; | 185 | padding: 1px 0.5ex; |
186 | text-decoration: none; | 186 | text-decoration: none; |
187 | font-family: monospace; | 187 | font-family: monospace; |
188 | } | 188 | } |
189 | ul.sourcebrowser li.file a:hover { | 189 | ul.sourcebrowser li.file a:hover { |
190 | background: gray; | 190 | background: gray; |
191 | border: 1px solid black; | 191 | border: 1px solid black; |
192 | color: white; | 192 | color: white; |
193 | } | 193 | } |
194 | 194 | ||
195 | div.prevnext { | 195 | div.prevnext { |
196 | margin: 1ex; | 196 | margin: 1ex; |
197 | } | 197 | } |
198 | div.prevnext a { | 198 | div.prevnext a { |
199 | margin: 0.5ex 1em; padding: 0.2ex 0.5ex; | 199 | margin: 0.5ex 1em; padding: 0.2ex 0.5ex; |
200 | display: block; width: 30%; | 200 | display: block; width: 30%; |
201 | border: solid 1px gray; | 201 | border: solid 1px gray; |
202 | color: black; | 202 | color: black; |
203 | text-decoration: none; | 203 | text-decoration: none; |
204 | } | 204 | } |
205 | div.prevnext a.prevnext-prev { | 205 | div.prevnext a.prevnext-prev { |
206 | float: left; | 206 | float: left; |
207 | text-align: left; | 207 | text-align: left; |
208 | } | 208 | } |
209 | div.prevnext a.prevnext-next { | 209 | div.prevnext a.prevnext-next { |
210 | float: right; | 210 | float: right; |
211 | text-align: right; | 211 | text-align: right; |
212 | } | 212 | } |
213 | div.prevnext a:hover { | 213 | div.prevnext a:hover { |
214 | background: gray; | 214 | background: gray; |
215 | border: black 1px solid; | 215 | border: black 1px solid; |
216 | color: white; | 216 | color: white; |
217 | text-decoration: none; | ||
217 | } | 218 | } |
218 | 219 | ||
219 | ul.quickref.toc { | 220 | ul.quickref.toc { |
220 | margin: 1em 20%; | 221 | margin: 1em 20%; |
221 | font-size: 90%; | 222 | font-size: 90%; |
222 | border: solid 1px gray; | 223 | border: solid 1px gray; |
223 | } | 224 | } |
224 | 225 | ||
225 | dl.quickref { | 226 | dl.quickref { |
226 | margin: 1ex 1em; | 227 | margin: 1ex 1em; |
228 | overflow: hidden; | ||
227 | } | 229 | } |
228 | dl.quickref dt { | 230 | dl.quickref dt { |
229 | margin: 0.4ex; | 231 | margin: 0.4ex; |
230 | padding: 2px 0.5ex; | 232 | padding: 2px 0.5ex; |
231 | background: #e0e0e0; | 233 | background: #e0e0e0; |
232 | display: compact; | 234 | display: compact; |
233 | } | 235 | } |
234 | dl.quickref dd { | 236 | dl.quickref dd { |
235 | margin: 0px 0.4ex 0.4ex 10%; | 237 | margin: 0px 0.4ex 0.4ex 10%; |
236 | padding: 0px; | 238 | padding: 0px; |
237 | border: 1px solid grey; | 239 | border: 1px solid gray; |
240 | overflow: hidden; | ||
238 | } | 241 | } |
239 | dl.quickref code kbd { | 242 | dl.quickref code kbd { |
240 | font-style: italic; | 243 | font-style: italic; |
241 | color: #0000c0; | 244 | color: #0000c0; |
242 | } | 245 | } |
243 | dl.quickref blockquote { | 246 | dl.quickref blockquote { |
244 | background: #ffffc0; | 247 | background: #ffffc0; |
245 | padding: 4px; | 248 | padding: 4px; |
246 | border: dotted 1px gray; | 249 | border: dotted 1px gray; |
247 | font-family: monospace; | 250 | font-family: monospace; |
251 | font-size: 90%; | ||
252 | overflow: hidden; | ||
248 | } | 253 | } |
249 | dl.quickref blockquote em { | 254 | dl.quickref blockquote em { |
250 | display: block; | 255 | display: block; |
251 | font-family: inherit !important; | 256 | font-family: inherit !important; |
252 | font-size: inherit !important; | 257 | font-size: inherit !important; |
253 | font-weight: inherit !important; | 258 | font-weight: inherit !important; |
254 | font-style: inherit !important; | 259 | font-style: inherit !important; |
255 | background: #ffc0c0; | 260 | background: #ffc0c0; |
261 | overflow: hidden; | ||
256 | } | 262 | } |