Add ability to control the display of the "Check Spelling" button. Allows administrat...
[squirrelmail.git] / css / default.css
CommitLineData
ceb12422 1/* older css template
2 FIXME: needs to be re-thought in context of templating system
3*/
c71a270c 4body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
5}
6body, small {
7}
8td, th {
9}
10textarea, pre {
11font-family: monospace;
12}
13
14/* page body formatting */
15body {
16 color: #000000;
17 background-color: #ffffff;
18}
19body.sqm_leftMain {
20 color: #000000;
21 background-color: #a0b8c8;
22 text-align: left;
23}
24
25/* right links */
26a: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 */
782c01b0 50div.sqm_leftMain {
51 text-align: center;
52 width:100%;
53}
54
c71a270c 55.sqm_wrapperTable {
56 border:0;
57 padding:0;
782c01b0 58 margin-left:auto;
59 margin-right: auto;
c71a270c 60 border-spacing:0;
61 width:99%
62}
63sqm_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 */
121input.sqmtextfield{
122}
123input.sqmpwfield {
124}
125input.sqmcheckbox {
126}
127input.sqmradiobox {
128}
129input.sqmhiddenfield {
130}
131input.sqmsubmitfield {
132}
133input.sqmresetfield {
134}
135input.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
155em {
156 font-weight:bold;
157 font-style:normal;
158}
159
160small {
161 font-size:80%;
162}
163img {
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}