-rw-r--r-- | htdocs/style.css | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/htdocs/style.css b/htdocs/style.css index 3ab1b6f..83e308f 100644 --- a/htdocs/style.css +++ b/htdocs/style.css | |||
@@ -1,177 +1,205 @@ | |||
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 { | 6 | a { |
7 | text-decoration: none; | 7 | text-decoration: none; |
8 | } | 8 | } |
9 | a:hover { | 9 | a: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 { | 27 | code { |
28 | color: #d04040; | 28 | color: #d04040; |
29 | } | 29 | } |
30 | em { | 30 | em { |
31 | white-space: nowrap; | 31 | white-space: nowrap; |
32 | } | 32 | } |
33 | 33 | ||
34 | div.google_ad { | 34 | div.google_ad { |
35 | text-align: center; | 35 | text-align: center; |
36 | margin: 1ex; | 36 | margin: 1ex; |
37 | } | 37 | } |
38 | div.google_ad.top { | 38 | div.google_ad.top { |
39 | padding-bottom: 1ex; | 39 | padding-bottom: 1ex; |
40 | border-bottom: 1px gray solid; | 40 | border-bottom: 1px gray solid; |
41 | } | 41 | } |
42 | div.google_ad.bottom { | 42 | div.google_ad.bottom { |
43 | padding-top: 1ex; | 43 | padding-top: 1ex; |
44 | border-top: 1px gray solid; | 44 | border-top: 1px gray solid; |
45 | } | 45 | } |
46 | 46 | ||
47 | div#sidepanel { | 47 | div#sidepanel { |
48 | position: absolute; top: 0px; left: 0px; | 48 | position: absolute; top: 0px; left: 0px; |
49 | margin: 0px; | 49 | margin: 0px; |
50 | width: 20%; | 50 | width: 20%; |
51 | font-size: 80%; | 51 | font-size: 80%; |
52 | } | 52 | } |
53 | div#content { | 53 | div#content { |
54 | position: absolute; top: 0px; right: -0px; | 54 | position: absolute; top: 0px; right: -0px; |
55 | margin: 0px; | 55 | margin: 0px; |
56 | width: 80%; | 56 | width: 80%; |
57 | } | 57 | } |
58 | 58 | ||
59 | div#sidepanel h1 { | 59 | div#sidepanel h1 { |
60 | font-size: 80%; | 60 | font-size: 80%; |
61 | text-align: center; | 61 | text-align: center; |
62 | font-weight: normal; | 62 | font-weight: normal; |
63 | color: #004080; | 63 | color: #004080; |
64 | white-space: nowrap; | 64 | white-space: nowrap; |
65 | margin-top: 2ex; margin-bottom: 2ex; | 65 | margin-top: 2ex; margin-bottom: 2ex; |
66 | } | 66 | } |
67 | div#sidepanel h2 { | 67 | div#sidepanel h2 { |
68 | font-size: 80%; | 68 | font-size: 80%; |
69 | text-align: justify; | 69 | text-align: justify; |
70 | font-weight: normal; | 70 | font-weight: normal; |
71 | color: gray; | 71 | color: gray; |
72 | margin: 1ex 1ex; | 72 | margin: 1ex 1ex; |
73 | } | 73 | } |
74 | div#sidepanel ul { | 74 | div#sidepanel ul { |
75 | padding: 1ex 0.5ex 1ex 1ex; | 75 | padding: 1ex 0.5ex 1ex 1ex; |
76 | margin: 0.5ex; | 76 | margin: 0.5ex; |
77 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; | 77 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; |
78 | border-width: 1px 2px 2px 1px; | 78 | border-width: 1px 2px 2px 1px; |
79 | border-style: solid; | 79 | border-style: solid; |
80 | background: #d0d0d0; | 80 | background: #d0d0d0; |
81 | list-style-type: none; | 81 | list-style-type: none; |
82 | } | 82 | } |
83 | div#sidepanel ul ul { | 83 | div#sidepanel ul ul { |
84 | margin: 0px; padding: 0px; | 84 | margin: 0px; padding: 0px; |
85 | border: none 0px; | 85 | border: none 0px; |
86 | } | 86 | } |
87 | div#sidepanel li { | 87 | div#sidepanel li { |
88 | list-style-type: none; | 88 | list-style-type: none; |
89 | margin: 0px; padding: 0px; | 89 | margin: 0px; padding: 0px; |
90 | display: block; | 90 | display: block; |
91 | } | 91 | } |
92 | div#sidepanel ul a { | 92 | div#sidepanel ul a { |
93 | display: block; | 93 | display: block; |
94 | padding: 1px 1ex; | 94 | padding: 1px 1ex; |
95 | margin: 0.5ex; | 95 | margin: 0.5ex; |
96 | border: 1px solid gray; | 96 | border: 1px solid gray; |
97 | text-decoration: none; | 97 | text-decoration: none; |
98 | background: white; | 98 | background: white; |
99 | color: black; | 99 | color: black; |
100 | } | 100 | } |
101 | div#sidepanel ul a:hover { | 101 | div#sidepanel ul a:hover { |
102 | background: gray; | 102 | background: gray; |
103 | color: white; | 103 | color: white; |
104 | } | 104 | } |
105 | div#sidepanel ul ul a { | 105 | div#sidepanel ul ul a { |
106 | padding-left: 2.5ex; | 106 | padding-left: 2.5ex; |
107 | background: #e0e0e0; | 107 | background: #e0e0e0; |
108 | } | 108 | } |
109 | div#sidepanel div.copyright { | 109 | div#sidepanel div.copyright { |
110 | text-align: center; | 110 | text-align: center; |
111 | } | 111 | } |
112 | 112 | ||
113 | div#content h1 { | 113 | div#content h1 { |
114 | font-size: 140%; | 114 | font-size: 140%; |
115 | color: gray; | 115 | color: gray; |
116 | font-weight: bold; | 116 | font-weight: bold; |
117 | text-align: center; | 117 | text-align: center; |
118 | margin: 1em; | 118 | margin: 1em; |
119 | clear: both; | ||
120 | } | ||
121 | div#content p a { | ||
122 | font-weight: bold; | ||
119 | } | 123 | } |
120 | 124 | ||
121 | div.insert { | 125 | div.insert { |
122 | text-align: center; | 126 | text-align: center; |
123 | } | 127 | } |
124 | iframe#insert { | 128 | iframe#insert { |
125 | border: 1px solid black; | 129 | border: 1px solid black; |
126 | } | 130 | } |
127 | 131 | ||
128 | div.source h1 { | 132 | div.source h1 { |
129 | background: #e0e0e0; | 133 | background: #e0e0e0; |
130 | border: 1px solid #808080; | 134 | border: 1px solid #808080; |
131 | padding-left: 1em; | 135 | padding-left: 1em; |
132 | margin: 0px; | 136 | margin: 0px; |
133 | font-size: 100%; | 137 | font-size: 100%; |
134 | color: #000060; | 138 | color: #000060; |
135 | overflow: hidden; | 139 | overflow: hidden; |
136 | } | 140 | } |
137 | div.source ul { | 141 | div.source ul { |
138 | background: #80c0c0; | 142 | background: #80c0c0; |
139 | margin: 0px; | 143 | margin: 0px; |
140 | padding: 1px 0px; | 144 | padding: 1px 0px; |
141 | font-family: monospace; | 145 | font-family: monospace; |
142 | font-size: 80%; | 146 | font-size: 80%; |
143 | overflow: hidden; | 147 | overflow: hidden; |
144 | width:100%; | 148 | width:100%; |
145 | } | 149 | } |
146 | div.source li { | 150 | div.source li { |
147 | list-style-type: none; | 151 | list-style-type: none; |
148 | white-space: nowrap; | 152 | white-space: nowrap; |
149 | margin: 0px 0.5ex; | 153 | margin: 0px 0.5ex; |
150 | } | 154 | } |
151 | 155 | ||
152 | ul.sourcebrowser { | 156 | ul.sourcebrowser { |
153 | font-size: 70%; | 157 | font-size: 70%; |
154 | } | 158 | } |
155 | ul.sourcebrowser ul.dir { | 159 | ul.sourcebrowser ul.dir { |
156 | padding: 1px 0px 2px 1em; | 160 | padding: 1px 0px 2px 1em; |
157 | margin: 1px 0px 1px 0px; | 161 | margin: 1px 0px 1px 0px; |
158 | } | 162 | } |
159 | ul.sourcebrowser li.dir { | 163 | ul.sourcebrowser li.dir { |
160 | margin: 1px 0px 1px 0px; | 164 | margin: 1px 0px 1px 0px; |
161 | } | 165 | } |
162 | ul.sourcebrowser li.file { | 166 | ul.sourcebrowser li.file { |
163 | list-style-type: none; | 167 | list-style-type: none; |
164 | white-space: nowrap; | 168 | white-space: nowrap; |
165 | display: inline; | 169 | display: inline; |
166 | } | 170 | } |
167 | ul.sourcebrowser li.file a { | 171 | ul.sourcebrowser li.file a { |
168 | border: 1px solid gray; | 172 | border: 1px solid gray; |
169 | padding: 1px 0.5ex; | 173 | padding: 1px 0.5ex; |
170 | text-decoration: none; | 174 | text-decoration: none; |
171 | font-family: monospace; | 175 | font-family: monospace; |
172 | } | 176 | } |
173 | ul.sourcebrowser li.file a:hover { | 177 | ul.sourcebrowser li.file a:hover { |
174 | background: gray; | 178 | background: gray; |
175 | border: 1px solid black; | 179 | border: 1px solid black; |
176 | color: white; | 180 | color: white; |
177 | } | 181 | } |
182 | |||
183 | div.prevnext { | ||
184 | margin: 1ex; | ||
185 | } | ||
186 | div.prevnext a { | ||
187 | margin: 0.5ex 1em; padding: 0.2ex 0.5ex; | ||
188 | display: block; width: 30%; | ||
189 | border: solid 1px gray; | ||
190 | color: black; | ||
191 | text-decoration: none; | ||
192 | } | ||
193 | div.prevnext a.prevnext-prev { | ||
194 | float: left; | ||
195 | text-align: left; | ||
196 | } | ||
197 | div.prevnext a.prevnext-next { | ||
198 | float: right; | ||
199 | text-align: right; | ||
200 | } | ||
201 | div.prevnext a:hover { | ||
202 | background: gray; | ||
203 | border: black 1px solid; | ||
204 | color: white; | ||
205 | } | ||