Code

Add "action" attributes to forms.
[roundup.git] / templates / classic / html / style.css
1 /* main page styles */
2 body.body {
3   font-family: sans-serif, Arial, Helvetica;
4   color: #333333;
5   margin: 0px 0px 0px 0px;
6 }
7 a[href]:hover { color:blue; text-decoration: underline; }
8 a[href]:link { color:blue; text-decoration: none; }
9 a[href] { color:blue; text-decoration: none; }
11 table.body {
12   border: 0;
13   padding: 0;
14   border-spacing: 0px;
15   border-collapse: separate;
16 }
18 td.page-header-left {
19   padding: 5px;
20   border-bottom: 1px solid #444444;
21 }
23 td.page-header-top {
24   padding: 5px;
25   border-bottom: 1px solid #444444;
26 }
28 td.sidebar {
29   padding: 1 0 0 1;
30   white-space: nowrap;
31 }
32 td.sidebar form {
33      margin: 0 0 0 0;
34 }
36 td.sidebar p.classblock {
37   padding: 2 5 2 5;
38   margin: 1 1 1 1;
39   border: 1px solid #444444;
40   background-color: #eeeeee;
41 }
43 td.sidebar p.userblock {
44   padding: 2 5 2 5;
45   margin: 1 1 1 1;
46   border: 1px solid #444444;
47   background-color: #eeeeff;
48 }
50 td.content {
51   padding: 1 5 1 5;
52   vertical-align: top;
53   width: 100%;
54 }
56 td.date, th.date { 
57   white-space: nowrap;
58 }
60 p.ok-message {
61   background-color: #22bb22;
62   padding: 5 5 5 5;
63   color: white;
64   font-weight: bold;
65 }
66 p.error-message {
67   background-color: #bb2222;
68   padding: 5 5 5 5;
69   color: white;
70   font-weight: bold;
71 }
74 /* style for forms */
75 table.form {
76   padding: 2;
77   border-spacing: 0px;
78   border-collapse: separate;
79 }
81 table.form th {
82   color: #333388;
83   text-align: right;
84   vertical-align: top;
85   font-weight: normal;
86   white-space: nowrap;
87 }
89 table.form th.header {
90   font-weight: bold;
91   background-color: #eeeeff;
92   text-align: left;
93 }
95 table.form th.required {
96   font-weight: bold;
97 }
99 table.form td {
100   color: #333333;
101   empty-cells: show;
102   vertical-align: top;
105 table.form td.optional {
106   font-weight: bold;
107   font-style: italic;
110 table.form td.html {
111   color: #777777;
114 /* style for lists */
115 table.list {
116   border-spacing: 0px;
117   border-collapse: separate;
118   width: 100%;
121 table.list th {
122   padding: 0 4 0 4;
123   color: #404070;
124   background-color: #eeeeff;
125   border: 1px solid white;
126   vertical-align: top;
127   empty-cells: show;
129 table.list th a[href]:hover { color: #404070 }
130 table.list th a[href]:link { color: #404070 }
131 table.list th a[href] { color: #404070 }
132 table.list th.group {
133   background-color: #f4f4ff;
134   text-align: center;
137 table.list td {
138   padding: 0 4 0 4;
139   border: 1px solid white;
140   color: #404070;
141   background-color: #efefef;
142   vertical-align: top;
143   empty-cells: show;
146 table.list tr.navigation th {
147   width: 33%;
148   border-style: hidden;
149   text-align: center;
151 table.list tr.navigation td {
152     border: none
154 table.list tr.navigation th:first-child {
155   text-align: left;
157 table.list tr.navigation th:last-child {
158   text-align: right;
162 /* style for message displays */
163 table.messages {
164   border-spacing: 0px;
165   border-collapse: separate;
166   width: 100%;
169 table.messages th.header{
170   padding-top: 10px;
171   border-bottom: 1px solid gray;
172   font-weight: bold;
173   background-color: white;
174   color: #707040;
177 table.messages th {
178   font-weight: bold;
179   color: black;
180   text-align: left;
181   border-bottom: 1px solid #afafaf;
184 table.messages td {
185   font-family: monospace;
186   background-color: #efefef;
187   border-bottom: 1px solid #afafaf;
188   color: black;
189   empty-cells: show;
190   border-right: 1px solid #afafaf;
191   vertical-align: top;
192   padding: 2 5 2 5;
195 table.messages td:first-child {
196   border-left: 1px solid #afafaf;
197   border-right: 1px solid #afafaf;
200 /* style for file displays */
201 table.files {
202   border-spacing: 0px;
203   border-collapse: separate;
204   width: 100%;
207 table.files th.header{
208   padding-top: 10px;
209   border-bottom: 1px solid gray;
210   font-weight: bold;
211   background-color: white;
212   color: #707040;
215 table.files th {
216   border-bottom: 1px solid #afafaf;
217   font-weight: bold;
218   text-align: left;
221 table.files td {
222   font-family: monospace;
223   empty-cells: show;
226 /* style for history displays */
227 table.history {
228   border-spacing: 0px;
229   border-collapse: separate;
230   width: 100%;
233 table.history th.header{
234   padding-top: 10px;
235   border-bottom: 1px solid gray;
236   font-weight: bold;
237   background-color: white;
238   color: #707040;
239   font-size: 100%;
242 table.history th {
243   border-bottom: 1px solid #afafaf;
244   font-weight: bold;
245   text-align: left;
246   font-size: 90%;
249 table.history td {
250   font-size: 90%;
251   vertical-align: top;
252   empty-cells: show;
256 /* style for class list */
257 table.classlist {
258   border-spacing: 0px;
259   border-collapse: separate;
260   width: 100%;
263 table.classlist th.header{
264   padding-top: 10px;
265   border-bottom: 1px solid gray;
266   font-weight: bold;
267   background-color: white;
268   color: #707040;
271 table.classlist th {
272   font-weight: bold;
273   text-align: left;
277 /* style for class help display */
278 table.classhelp {      /* the table-layout: fixed;        */ 
279   table-layout: fixed; /* compromises quality for speed   */
280   overflow: hidden;
281   font-size: .9em;
282   padding-bottom: 3em;
285 table.classhelp th {
286   font-weight: normal;
287   text-align: left;
288   color: #444444;
289   background-color: #efefef;
290   border-bottom: 1px solid #afafaf;
291   border-top: 1px solid #afafaf;
292   text-transform: uppercase;
293   vertical-align: middle;
294   line-height:1.5em;
297 table.classhelp td {
298   vertical-align: middle;
299   padding-right: .2em;
300   border-bottom: 1px solid #efefef;
301   text-align: left;
302   empty-cells: show;
305 table.classhelp td {
306   white-space: nowrap;
307   vertical-align: middle;
308   padding-right: .2em;
309   border-bottom: 1px solid #efefef;
310   text-align: left;
311   empty-cells: show;
314 table.classhelp tr:hover {
315   background-color: #eeeeee;
318 label.classhelp-label {
319   cursor: pointer;
322 #classhelp-controls {
323   position: fixed;
324   display: block;
325   top: auto;
326   right: 0;
327   bottom: 0;
328   left: 0;
329   padding: .5em;
330   border-top: 2px solid #444444;
331   background-color: #eeeeee;
334 #classhelp-controls input.apply {
335   width: 7em;
336   font-weight: bold;
337   margin-right: 2em;
338   margin-left: 2em;
341 #classhelp-controls input.preview {
342    margin-right: 3em;
343    margin-left: 1em;
346 /* style for "other" displays */
347 table.otherinfo {
348   border-spacing: 0px;
349   border-collapse: separate;
350   width: 100%;
353 table.otherinfo th.header{
354   padding-top: 10px;
355   border-bottom: 1px solid gray;
356   font-weight: bold;
357   background-color: white;
358   color: #707040;
361 table.otherinfo th {
362   border-bottom: 1px solid #afafaf;
363   font-weight: bold;
364   text-align: left;
366 /* SHA: 1c2bdea9d2295da079168403292e5c9039bb5088 */
367 /* SHA: 35d16ca4398e028f1b19902aadff924ffec27146 */