4 $Id: admin_original.css 1489 2010-12-22 23:00:39Z ftruscot $
\r
8 background: #ffffff;
\r
11 body, td, th, a, li, ul, textarea {
\r
13 font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
\r
16 /* basic link appearance */
\r
20 text-decoration: none;
\r
24 text-decoration: underline;
\r
33 /* textareas for skin/template editing have monospace fonts */
\r
34 textarea.skinedit, textarea.templateedit {
\r
35 font-family: monospace;
\r
45 border: 1px solid #ccc;
\r
58 background-color: transparent;
\r
61 /* preformatted text */
\r
66 /* a div that has an indent */
\r
85 letter-spacing: 0.1em;
\r
86 /*color: #0001AA; */
\r
88 margin: 0 0 5px 135px;
\r
90 /*display: none; hide the header if you don't want it*/
\r
94 /* quick menu on left */
\r
96 It's a real pain getting this absolute positioning to work correctly
\r
97 in all browsers. IE in particular seems to have a lot of trouble, even
\r
98 when a valid doctype is present. Because of the way it is solved currently,
\r
99 the top of the quickmenu and the contents will not line up
\r
102 position: absolute;
\r
115 border-style: solid;
\r
116 border-color: black;
\r
118 background: #ffffff url(quickb.jpg) top left fixed repeat-y;
\r
122 list-style-type: none;
\r
130 text-align: center;
\r
131 border-bottom: 1px solid #ccc;
\r
137 text-align: justify;
\r
144 line-height: 1.5em;
\r
145 text-decoration: none;
\r
148 #quickmenu a:hover {
\r
149 background: #ffffff url(quickb-hover.jpg) top left fixed repeat-y;
\r
151 letter-spacing: 1px;
\r
156 text-align: center;
\r
157 padding: 1px 0px 1px 0px;
\r
159 border-bottom: 1px solid #bbb;
\r
160 background-color: #ddd;
\r
167 text-align: center;
\r
170 #quickmenu option {
\r
178 line-height: normal;
\r
180 background-color: white;
\r
185 margin-left: 135px;
\r
186 font-style: normal;
\r
187 text-decoration: none;
\r
189 text-align: justify;
\r
193 border-style: solid;
\r
194 border-color: black;
\r
196 /* rounded borders in gecko-based browsers? why not :) */
\r
197 -moz-border-radius: 10px;
\r
199 padding: 10px 10px 0 10px;
\r
201 background-color: white;
\r
208 border-color: gray;
\r
209 border-style: dashed;
\r
210 border-width: 0px 0px 1px 0px;
\r
215 text-decoration: none;
\r
216 font-weight: bold;
\r
220 border-color: gray;
\r
221 border-style: dotted;
\r
222 border-width: 0px 0px 1px 0px;
\r
224 font-weight: normal;
\r
228 padding-left: 20px;
\r
231 #content .note, pre {
\r
232 background-color: #ddd;
\r
237 font size tricks, to make it work in all browsers
\r
240 http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
\r
242 (netscape 4 trick is left out, Nucleus doesn't work anyway in that browser)
\r
243 #content should be 'small' (in standard-compliant browsers)
\r
249 voice-family: "\"}\"";
\r
250 voice-family: inherit;
\r
253 html>body #content { font-size: small; }
\r
259 border-collapse: collapse;
\r
260 margin-bottom: 10px;
\r
265 background-color: #bbc;
\r
272 empty-cells: show;
\r
276 background-color: #fff;
\r
277 border: 1px solid #ddd;
\r
279 vertical-align: top;
\r
283 td a:link, td a:visited {
\r
284 text-decoration: underline;
\r
286 font-weight: normal;
\r
291 text-decoration: underline;
\r
294 td.draft, td.future {
\r
295 background-color: #ffe;
\r
298 tr.highlighted td {
\r
299 background-color: green;
\r
302 table.navigation td, table.navigation th {
\r
307 background-color: #eef;
\r
315 padding: 2px 0px 2px 10px;
\r
316 margin:10px -10px 0 -10px;
\r
317 text-align: center;
\r