2 background: #ffffff;
\r
4 body, td, th, a, li, ul, textarea {
\r
6 font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
\r
11 font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", sans-serif;
\r
17 /* textareas for skin/template editing have monospace fonts */
\r
18 textarea.skinedit, textarea.templateedit
\r
20 font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", monospace;
\r
22 font-family: monospace;
\r
27 img { border: none; }
\r
28 .skip { display: none; }
\r
29 label { cursor: pointer; }
\r
36 letter-spacing: 0.1em;
\r
37 /*color: #0001AA; */
\r
39 margin: 0 0 5px 135px;
\r
41 /*display: none; hide the header if you don't want it*/
\r
49 text-decoration: none;
\r
51 text-align: justify;
\r
55 border-style: solid;
\r
56 border-color: black;
\r
58 /* rounded borders in gecko-based browsers? why not :) */
\r
59 -moz-border-radius: 10px;
\r
61 padding: 10px 10px 0 10px;
\r
63 background-color: white;
\r
67 /* quick menu on left */
\r
69 It's a real pain getting this absolute positioning to work correctly
\r
70 in all browsers. IE in particular seems to have a lot of trouble, even
\r
71 when a valid doctype is present. Because of the way it is solved currently,
\r
72 the top of the quickmenu and the contents will not line up
\r
88 border-style: solid;
\r
89 border-color: black;
\r
90 background: #ffffff url(quickb.jpg) top left fixed repeat-y;
\r
94 list-style-type: none;
\r
96 #quickmenu p, #quickmenu ul {
\r
101 text-align: justify;
\r
106 text-align: center;
\r
107 border-bottom: 1px solid #ccc;
\r
110 font-family: verdana, lucida, arial, helvetica, sans-serif;
\r
113 font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
\r
115 #quickmenu li:hover {
\r
116 background-color: #DEE6F6;
\r
120 text-align: center;
\r
121 padding: 1px 0px 1px 0px;
\r
123 border-bottom: 1px solid #bbb;
\r
124 border-top: 1px solid #bbb;
\r
125 background-color: #ddd;
\r
131 text-align: center;
\r
133 #quickmenu option {
\r
141 line-height: normal;
\r
143 background-color: white;
\r
149 border-color: gray;
\r
150 border-style: dashed;
\r
151 border-width: 0px 0px 1px 0px;
\r
156 text-decoration: none;
\r
157 font-weight: bold;
\r
162 border-color: gray;
\r
163 border-style: dotted;
\r
164 border-width: 0px 0px 1px 0px;
\r
166 font-weight: normal;
\r
170 padding-left: 20px;
\r
174 #content .note, pre {
\r
175 background-color: #ddd;
\r
186 border-collapse: collapse;
\r
187 margin-bottom: 10px;
\r
192 background-color: #eef;
\r
199 background-color: #bbc;
\r
206 empty-cells: show;
\r
210 background-color: #fff;
\r
211 border: 1px solid #ddd;
\r
213 vertical-align: top;
\r
217 td a:link, td a:visited {
\r
218 text-decoration: underline;
\r
220 font-weight: normal;
\r
224 text-decoration: underline;
\r
227 td.draft, td.future {
\r
228 background-color: #ffe;
\r
231 tr.highlighted td {
\r
232 background-color: green;
\r
235 a:link, a:visited {
\r
238 text-decoration: none;
\r
241 text-decoration: underline;
\r
244 table.navigation td, table.navigation th {
\r
251 padding: 2px 0px 2px 10px;
\r
252 margin:10px -10px 0 -10px;
\r
253 text-align: center;
\r
257 margin-bottom: 0px;
\r
260 input.transparent {
\r
261 background-color: transparent;
\r
264 /* a div that has an indent */
\r
270 font size tricks, to make it work in all browsers
\r
273 http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
\r
275 (netscape 4 trick is left out, Nucleus doesn't work anyway in that browser)
\r
276 #content should be 'small' (in standard-compliant browsers)
\r
282 voice-family: "\"}\"";
\r
283 voice-family: inherit;
\r
286 html>body #content { font-size: small; }
\r
290 border: 1px solid #ccc;
\r