Grammar
[squirrelmail.git] / css / default.css
1 /* older css template
2 FIXME: needs to be re-thought in context of templating system
3 */
4 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
5 }
6 body, small {
7 }
8 td, th {
9 }
10 textarea, pre {
11 font-family: monospace;
12 }
13
14 /* page body formatting */
15 body {
16 color: #000000;
17 background-color: #ffffff;
18 }
19 body.sqm_leftMain {
20 color: #000000;
21 background-color: #a0b8c8;
22 text-align: left;
23 }
24
25 /* right links */
26 a:link, a:visited, a:hover, a:active {
27 color: #0000cc;
28 }
29
30 /* left links */
31 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
32 color: #000000;
33 }
34 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
35 color: #770000;
36 }
37 .leftrecent {
38 font-weight:bold;
39 }
40 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
41 color: #002266;
42 }
43
44 /* highlighted texts */
45 .highlight {
46 color: #002266;
47 }
48
49 /* left_main.tpl definitions */
50 div.sqm_leftMain {
51 text-align: center;
52 width:100%;
53 }
54
55 .sqm_wrapperTable {
56 border:0;
57 padding:0;
58 margin-left:auto;
59 margin-right: auto;
60 border-spacing:0;
61 width:99%
62 }
63 sqm_leftMain table {
64 border:0;
65 padding:0;
66 margin:0;
67 border-spacing:0;
68 }
69 .sqm_folderHeader {
70 font-size:18px;
71 font-weight:bold;
72 text-align:center;
73 }
74 .sqm_clock {
75 }
76 .sqm_lastRefreshTime {
77 white-space: nowrap;
78 }
79 .sqm_refreshButton {
80 }
81
82 /* formating of error template */
83 .thead_caption {
84 font-weight: bold;
85 text-align: center;
86 }
87
88 .error_list {
89 }
90 .error_table {
91 color: #ff0000;
92 border: 2px solid #dcdcdc;
93 background-color: #a0b8c8;
94 width: 100%;
95 }
96 .error_thead {
97 background-color: #666666;
98 }
99 .error_thead_caption {
100 background-color: #666666;
101 }
102 .error_row {
103 color: #ff0000;
104 }
105 .error_val {
106 color: #000000;
107 width: 80%;
108 border: 2px solid #dcdcdc;
109
110 }
111 .error_key {
112 width: 20%;
113 border: 2px solid #dcdcdc;
114 color: #ff0000;
115 font-weight: bold;
116 font-style: italic;
117 background-color: #dcdcdc;
118 }
119
120 /* form fields */
121 input.sqmtextfield{
122 }
123 input.sqmpwfield {
124 }
125 input.sqmcheckbox {
126 }
127 input.sqmradiobox {
128 }
129 input.sqmhiddenfield {
130 }
131 input.sqmsubmitfield {
132 }
133 input.sqmresetfield {
134 }
135 input.sqmtextarea {
136 }
137
138 /* basic definitions */
139 .table_empty {
140 width:100%;
141 border:0;
142 margin:0;
143 padding:0;
144 border-spacing:0;
145 }
146
147 .table_standard {
148 width:100%;
149 border:1px solid #dcdcdc;
150 padding:0;
151 margin:0;
152 border-spacing:0;
153 }
154
155 em {
156 font-weight:bold;
157 font-style:normal;
158 }
159
160 small {
161 font-size:80%;
162 }
163 img {
164 border:0;
165 }
166
167 /* login.tpl definitions */
168 #sqm_login table {
169 border:0;
170 margin:0;
171 padding:0;
172 border-spacing:0;
173 margin-left:auto;
174 margin-right:auto;
175 }
176 #sqm_login td {
177 padding:2px;
178 }
179
180 .sqm_loginImage {
181 margin-left:auto;
182 margin-right:auto;
183 padding:2px;
184 }
185 .sqm_loginTop {
186 text-align:center;
187 font-size:80%;
188 }
189 .sqm_loginOrgName {
190 font-weight:bold;
191 text-align:center;
192 background: #dcdcdc;
193 width:350px;
194 border:0;
195 }
196 .sqm_loginFieldName {
197 text-align:right;
198 width:30%;
199 }
200 .sqm_loginFieldInput {
201 text-align:left;
202 }
203 .sqm_loginSubmit {
204 text-align:center;
205 }
206
207 /* note.tpl defs */
208 .sqm_noteWrapper {
209 text-align:center;
210 width:100%;
211 }
212 .sqm_note {
213 margin-left:auto;
214 margin-right:auto;
215 font-weight:bold;
216 text-align:center;
217 }
218
219 /* motd.tpl defs */
220 .sqm_motdWrapper {
221 text-align:center;
222 width:100%;
223 margin:1px;
224 }
225 .sqm_motd {
226 margin-left:auto;
227 margin-right:auto;
228 text-align:center;
229 background: #ababab;
230 width:70%;
231 padding:0;
232 }
233 .sqm_motd td {
234 text-align:center;
235 background: #ffffff;
236 padding:5px;
237 }
238
239 /* empty_folder.tpl defs */
240 .sqm_emptyFolderWrapper {
241 text-align:center;
242 width:100%;
243 }
244 .sqm_emptyFolder {
245 margin-left:auto;
246 margin-right:auto;
247 text-align:center;
248 background: #ababab;
249 padding:1px;
250 width:100%;
251 }
252 .sqm_emptyFolder td {
253 text-align:center;
254 background: #ffffff;
255 padding-top:15px;
256 padding-bottom:15px;
257 }
258
259 /* error_box.tpl definitions */
260 .table_errorBoxWrapper {
261 width:100%;
262 padding:0;
263 border-spacing:0;
264 border:0;
265 text-align:center;
266 margin-left:auto;
267 margin-right:auto;
268 background: #ababab;
269 }
270
271 .table_errorBox {
272 width:100%;
273 padding:0;
274 border-spacing:0;
275 border:0;
276 text-align:center;
277 margin-left:auto;
278 margin-right:auto;
279 background: #dcdcdc;
280 }
281 .error_header {
282 color: red;
283 font-weight:bold;
284 font-weight:bold;
285 font-style:normal;
286 }
287 .error_message {
288 background: #ffffff;
289 }
290
291 /* error_logout.tpl definitions */
292 #sqm_errorLogout {
293 width:100%;
294 text-align:center;
295 }
296 #sqm_errorLogout table {
297 border:0;
298 margin:0;
299 padding:0;
300 border-spacing:0;
301 margin-left:auto;
302 margin-right:auto;
303 }
304 #sqm_errorLogout td {
305 padding:2px;
306 }
307 .sqm_errorLogoutImage {
308 margin-left:auto;
309 margin-right:auto;
310 padding:2px;
311 }
312 .sqm_errorLogoutTop {
313 text-align:center;
314 font-size:80%;
315 }
316
317 /* page_header.tpl definitions */
318 .sqm_currentFolder {
319 background: #ababab;
320 padding:2px;
321 text-align: left;
322 }
323 .sqm_headerSignout {
324 background: #ababab;
325 padding:2px;
326 text-align: right;
327 font-weight:bold;
328 }
329 .sqm_topNavigation {
330 padding:2px;
331 text-align: left;
332 }
333 .sqm_providerInfo {
334 padding:2px;
335 text-align: right;
336 }
337
338 /* message_list.tpl definitions */
339 .table_messageListWrapper {
340 width:100%;
341 padding:0;
342 border-spacing:0;
343 border:0;
344 text-align:center;
345 margin-left:auto;
346 margin-right:auto;
347 background: #ababab;
348 }
349
350 .table_messageList {
351 width:100%;
352 padding:0;
353 border-spacing:0;
354 border:0;
355 text-align:center;
356 margin-left:auto;
357 margin-right:auto;
358 background: #ffffcc;
359 }
360
361 .table_messageList a {
362 white-space:nowrap;
363 }
364
365 .table_messageList tr.headerRow {
366 text-align: left;
367 white-space:nowrap;
368 font-weight:bold;
369 }
370 .table_messageList td.spacer {
371 height:1px;
372 background: #dcdcdc;
373 }
374
375 .table_messageList tr {
376 vertical-align:top;
377 }
378 .table_messageList tr.even {
379 background: #ededed;
380 }
381 .table_messageList tr.odd {
382 background: #ffffff;
383 }
384 .table_messageList tr.mouse_over {
385 background: #ffffcc;
386 }
387 .table_messageList tr.clicked {
388 background: #ff9933;
389 }
390
391 .table_messageList td {
392 white-space:nowrap;
393 }
394 .table_messageList td.col_check {
395 text-align: left;
396 }
397 .table_messageList td.col_subject {
398 text-align: left;
399 }
400 .table_messageList td.col_flags {
401 text-align: left;
402 }
403 .table_messageList td.col_date {
404 text-align:center;
405 }
406 .table_messageList td.col_text {
407 text-align: left;
408 }
409
410 .unread {
411 font-weight:bold;
412 }
413 .deleted {
414 color: #ababab;
415 }
416 .flagged {
417 color: #cc0000;
418 }
419 .high_priority {
420 color: #800000;
421 }
422 .low_priority {
423 color: #000000;
424 }
425
426 .col_checked {
427 }
428
429 .links_paginator {
430 text-align: left;
431 }
432
433 .message_count {
434 text-align:right;
435 font-size:8pt;
436 }
437
438 .message_list_controls {
439 background: #dcdcdc;
440 }
441
442 .message_control_button {
443 padding:0px;
444 margin:0px;
445 }
446 .message_control_buttons {
447 text-align: left;
448 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
449 }
450 .message_control_delete {
451 text-align: right;
452 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
453 }
454 .message_control_move {
455 text-align: right;
456 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
457 }
458
459 .spacer {
460 height:5px;
461 background: #ffffff;
462 }