6 background: #ffffff;
\r
9 body, td, th, a, li, ul, textarea {
\r
11 font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
\r
14 /* basic link appearance */
\r
18 text-decoration: none;
\r
22 text-decoration: underline;
\r
31 /* textareas for skin/template editing have monospace fonts */
\r
32 textarea.skinedit, textarea.templateedit {
\r
33 font-family: monospace;
\r
43 border: 1px solid #ccc;
\r
56 background-color: transparent;
\r
59 /* preformatted text */
\r
64 /* a div that has an indent */
\r
83 letter-spacing: 0.1em;
\r
84 /*color: #0001AA; */
\r
86 margin: 0 0 5px 135px;
\r
88 /*display: none; hide the header if you don't want it*/
\r
92 /* quick menu on left */
\r
94 It's a real pain getting this absolute positioning to work correctly
\r
95 in all browsers. IE in particular seems to have a lot of trouble, even
\r
96 when a valid doctype is present. Because of the way it is solved currently,
\r
97 the top of the quickmenu and the contents will not line up
\r
100 position: absolute;
\r
113 border-style: solid;
\r
114 border-color: black;
\r
116 background: #ffffff url(quickb.jpg) top left fixed repeat-y;
\r
120 list-style-type: none;
\r
128 text-align: center;
\r
129 border-bottom: 1px solid #ccc;
\r
135 text-align: justify;
\r
142 line-height: 1.5em;
\r
143 text-decoration: none;
\r
146 #quickmenu a:hover {
\r
147 background: #ffffff url(quickb-hover.jpg) top left fixed repeat-y;
\r
149 letter-spacing: 1px;
\r
154 text-align: center;
\r
155 padding: 1px 0px 1px 0px;
\r
157 border-bottom: 1px solid #bbb;
\r
158 background-color: #ddd;
\r
165 text-align: center;
\r
168 #quickmenu option {
\r
176 line-height: normal;
\r
178 background-color: white;
\r
183 margin-left: 135px;
\r
184 font-style: normal;
\r
185 text-decoration: none;
\r
187 text-align: justify;
\r
191 border-style: solid;
\r
192 border-color: black;
\r
194 /* rounded borders in gecko-based browsers? why not :) */
\r
195 -moz-border-radius: 10px;
\r
197 padding: 10px 10px 0 10px;
\r
199 background-color: white;
\r
206 border-color: gray;
\r
207 border-style: dashed;
\r
208 border-width: 0px 0px 1px 0px;
\r
213 text-decoration: none;
\r
214 font-weight: bold;
\r
218 border-color: gray;
\r
219 border-style: dotted;
\r
220 border-width: 0px 0px 1px 0px;
\r
222 font-weight: normal;
\r
226 padding-left: 20px;
\r
229 #content .note, pre {
\r
230 background-color: #ddd;
\r
235 font size tricks, to make it work in all browsers
\r
238 http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
\r
240 (netscape 4 trick is left out, Nucleus doesn't work anyway in that browser)
\r
241 #content should be 'small' (in standard-compliant browsers)
\r
247 voice-family: "\"}\"";
\r
248 voice-family: inherit;
\r
251 html>body #content { font-size: small; }
\r
257 border-collapse: collapse;
\r
258 margin-bottom: 10px;
\r
263 background-color: #bbc;
\r
270 empty-cells: show;
\r
274 background-color: #fff;
\r
275 border: 1px solid #ddd;
\r
277 vertical-align: top;
\r
281 td a:link, td a:visited {
\r
282 text-decoration: underline;
\r
284 font-weight: normal;
\r
289 text-decoration: underline;
\r
292 td.draft, td.future {
\r
293 background-color: #ffe;
\r
296 tr.highlighted td {
\r
297 background-color: green;
\r
300 table.navigation td, table.navigation th {
\r
305 background-color: #eef;
\r
313 padding: 2px 0px 2px 10px;
\r
314 margin:10px -10px 0 -10px;
\r
315 text-align: center;
\r