diff options
Diffstat (limited to 'doc/bluequad.css')
-rw-r--r-- | doc/bluequad.css | 303 |
1 files changed, 303 insertions, 0 deletions
diff --git a/doc/bluequad.css b/doc/bluequad.css new file mode 100644 index 00000000..7e52102f --- /dev/null +++ b/doc/bluequad.css | |||
@@ -0,0 +1,303 @@ | |||
1 | /* Copyright (C) 2004-2009 Mike Pall. | ||
2 | * | ||
3 | * You are welcome to use the general ideas of this design for your own sites. | ||
4 | * But please do not steal the stylesheet, the layout or the color scheme. | ||
5 | */ | ||
6 | /* colorscheme: | ||
7 | * | ||
8 | * site | head #4162bf/white | #6078bf/#e6ecff | ||
9 | * ------+------ ----------------+------------------- | ||
10 | * nav | main #bfcfff | #e6ecff/black | ||
11 | * | ||
12 | * nav: hiback loback #c5d5ff #b9c9f9 | ||
13 | * hiborder loborder #e6ecff #97a7d7 | ||
14 | * link hover #2142bf #ff0000 | ||
15 | * | ||
16 | * link: link visited hover #2142bf #8122bf #ff0000 | ||
17 | * | ||
18 | * main: boxback boxborder #f0f4ff #bfcfff | ||
19 | */ | ||
20 | body { | ||
21 | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
22 | font-size: 10pt; | ||
23 | margin: 0; | ||
24 | padding: 0; | ||
25 | border: none; | ||
26 | background: #e0e0e0; | ||
27 | color: #000000; | ||
28 | } | ||
29 | a:link { | ||
30 | text-decoration: none; | ||
31 | background: transparent; | ||
32 | color: #2142bf; | ||
33 | } | ||
34 | a:visited { | ||
35 | text-decoration: none; | ||
36 | background: transparent; | ||
37 | color: #8122bf; | ||
38 | } | ||
39 | a:hover, a:active { | ||
40 | text-decoration: underline; | ||
41 | background: transparent; | ||
42 | color: #ff0000; | ||
43 | } | ||
44 | h1, h2, h3 { | ||
45 | font-weight: bold; | ||
46 | text-align: left; | ||
47 | margin: 0.5em 0; | ||
48 | padding: 0; | ||
49 | background: transparent; | ||
50 | } | ||
51 | h1 { | ||
52 | font-size: 200%; | ||
53 | line-height: 3em; /* really 6em relative to body, match #site span */ | ||
54 | margin: 0; | ||
55 | } | ||
56 | h2 { | ||
57 | font-size: 150%; | ||
58 | color: #606060; | ||
59 | } | ||
60 | h3 { | ||
61 | font-size: 125%; | ||
62 | color: #404040; | ||
63 | } | ||
64 | p { | ||
65 | max-width: 600px; | ||
66 | margin: 0 0 0.5em 0; | ||
67 | padding: 0; | ||
68 | } | ||
69 | b { | ||
70 | color: #404040; | ||
71 | } | ||
72 | ul, ol { | ||
73 | max-width: 600px; | ||
74 | margin: 0.5em 0; | ||
75 | padding: 0 0 0 2em; | ||
76 | } | ||
77 | ul { | ||
78 | list-style: outside square; | ||
79 | } | ||
80 | ol { | ||
81 | list-style: outside decimal; | ||
82 | } | ||
83 | li { | ||
84 | margin: 0; | ||
85 | padding: 0; | ||
86 | } | ||
87 | dl { | ||
88 | max-width: 600px; | ||
89 | margin: 1em 0; | ||
90 | padding: 1em; | ||
91 | border: 1px solid #bfcfff; | ||
92 | background: #f0f4ff; | ||
93 | } | ||
94 | dt { | ||
95 | font-weight: bold; | ||
96 | margin: 0; | ||
97 | padding: 0; | ||
98 | } | ||
99 | dt sup { | ||
100 | float: right; | ||
101 | margin-left: 1em; | ||
102 | color: #808080; | ||
103 | } | ||
104 | dt a:visited { | ||
105 | text-decoration: none; | ||
106 | color: #2142bf; | ||
107 | } | ||
108 | dt a:hover, dt a:active { | ||
109 | text-decoration: none; | ||
110 | color: #ff0000; | ||
111 | } | ||
112 | dd { | ||
113 | margin: 0.5em 0 0 2em; | ||
114 | padding: 0; | ||
115 | } | ||
116 | div.tablewrap { /* for IE *sigh* */ | ||
117 | max-width: 600px; | ||
118 | } | ||
119 | table { | ||
120 | table-layout: fixed; | ||
121 | border-spacing: 0; | ||
122 | border-collapse: collapse; | ||
123 | max-width: 600px; | ||
124 | width: 100%; | ||
125 | margin: 1em 0; | ||
126 | padding: 0; | ||
127 | border: 1px solid #bfcfff; | ||
128 | } | ||
129 | tr { | ||
130 | margin: 0; | ||
131 | padding: 0; | ||
132 | border: none; | ||
133 | } | ||
134 | tr.odd { | ||
135 | background: #f0f4ff; | ||
136 | } | ||
137 | tr.separate td { | ||
138 | border-top: 1px solid #bfcfff; | ||
139 | } | ||
140 | td { | ||
141 | text-align: left; | ||
142 | margin: 0; | ||
143 | padding: 0.2em 0.5em; | ||
144 | border: none; | ||
145 | } | ||
146 | tt, code, kbd, samp { | ||
147 | font-family: Courier New, Courier, monospace; | ||
148 | line-height: 1.2; | ||
149 | font-size: 110%; | ||
150 | } | ||
151 | kbd { | ||
152 | font-weight: bolder; | ||
153 | } | ||
154 | blockquote, pre { | ||
155 | max-width: 600px; | ||
156 | margin: 1em 2em; | ||
157 | padding: 0; | ||
158 | } | ||
159 | pre { | ||
160 | line-height: 1.1; | ||
161 | } | ||
162 | pre.code { | ||
163 | line-height: 1.4; | ||
164 | margin: 0.5em 0 1em 0.5em; | ||
165 | padding: 0.5em 1em; | ||
166 | border: 1px solid #bfcfff; | ||
167 | background: #f0f4ff; | ||
168 | } | ||
169 | img { | ||
170 | border: none; | ||
171 | vertical-align: baseline; | ||
172 | margin: 0; | ||
173 | padding: 0; | ||
174 | } | ||
175 | img.left { | ||
176 | float: left; | ||
177 | margin: 0.5em 1em 0.5em 0; | ||
178 | } | ||
179 | img.right { | ||
180 | float: right; | ||
181 | margin: 0.5em 0 0.5em 1em; | ||
182 | } | ||
183 | .indent { | ||
184 | padding-left: 1em; | ||
185 | } | ||
186 | .flush { | ||
187 | clear: both; | ||
188 | visibility: hidden; | ||
189 | } | ||
190 | .hide, .noscreen { | ||
191 | display: none !important; | ||
192 | } | ||
193 | .ext { | ||
194 | color: #ff8000; | ||
195 | } | ||
196 | #site { | ||
197 | clear: both; | ||
198 | float: left; | ||
199 | width: 13em; | ||
200 | text-align: center; | ||
201 | font-weight: bold; | ||
202 | margin: 0; | ||
203 | padding: 0; | ||
204 | background: transparent; | ||
205 | color: #ffffff; | ||
206 | } | ||
207 | #site a { | ||
208 | font-size: 200%; | ||
209 | } | ||
210 | #site a:link, #site a:visited { | ||
211 | text-decoration: none; | ||
212 | font-weight: bold; | ||
213 | background: transparent; | ||
214 | color: #ffffff; | ||
215 | } | ||
216 | #site span { | ||
217 | line-height: 3em; /* really 6em relative to body, match h1 */ | ||
218 | } | ||
219 | #logo { | ||
220 | color: #ffb380; | ||
221 | } | ||
222 | #head { | ||
223 | margin: 0; | ||
224 | padding: 0 0 0 2em; | ||
225 | border-left: solid 13em #4162bf; | ||
226 | border-right: solid 3em #6078bf; | ||
227 | background: #6078bf; | ||
228 | color: #e6ecff; | ||
229 | } | ||
230 | #nav { | ||
231 | clear: both; | ||
232 | float: left; | ||
233 | overflow: hidden; | ||
234 | text-align: left; | ||
235 | line-height: 1.5; | ||
236 | width: 13em; | ||
237 | padding-top: 1em; | ||
238 | background: transparent; | ||
239 | } | ||
240 | #nav ul { | ||
241 | list-style: none outside; | ||
242 | margin: 0; | ||
243 | padding: 0; | ||
244 | } | ||
245 | #nav li { | ||
246 | margin: 0; | ||
247 | padding: 0; | ||
248 | } | ||
249 | #nav a { | ||
250 | display: block; | ||
251 | text-decoration: none; | ||
252 | font-weight: bold; | ||
253 | margin: 0; | ||
254 | padding: 2px 1em; | ||
255 | border-top: 1px solid transparent; | ||
256 | border-bottom: 1px solid transparent; | ||
257 | background: transparent; | ||
258 | color: #2142bf; | ||
259 | } | ||
260 | #nav a:hover, #nav a:active { | ||
261 | text-decoration: none; | ||
262 | border-top: 1px solid #97a7d7; | ||
263 | border-bottom: 1px solid #e6ecff; | ||
264 | background: #b9c9f9; | ||
265 | color: #ff0000; | ||
266 | } | ||
267 | #nav a.current, #nav a.current:hover, #nav a.current:active { | ||
268 | border-top: 1px solid #e6ecff; | ||
269 | border-bottom: 1px solid #97a7d7; | ||
270 | background: #c5d5ff; | ||
271 | color: #2142bf; | ||
272 | } | ||
273 | #nav ul ul a { | ||
274 | padding: 0 1em 0 2em; | ||
275 | } | ||
276 | #main { | ||
277 | line-height: 1.5; | ||
278 | text-align: left; | ||
279 | margin: 0; | ||
280 | padding: 1em 2em; | ||
281 | border-left: solid 13em #bfcfff; | ||
282 | border-right: solid 3em #e6ecff; | ||
283 | background: #e6ecff; | ||
284 | } | ||
285 | #foot { | ||
286 | clear: both; | ||
287 | font-size: 80%; | ||
288 | text-align: center; | ||
289 | margin: 0; | ||
290 | padding: 0.5em; | ||
291 | background: #6078bf; | ||
292 | color: #ffffff; | ||
293 | } | ||
294 | #foot a:link, #foot a:visited { | ||
295 | text-decoration: underline; | ||
296 | background: transparent; | ||
297 | color: #ffffff; | ||
298 | } | ||
299 | #foot a:hover, #foot a:active { | ||
300 | text-decoration: underline; | ||
301 | background: transparent; | ||
302 | color: #bfcfff; | ||
303 | } | ||