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