i18n corrections to stylesheets regarding alignment;
[squirrelmail.git] / templates / default / stylesheet.tpl
CommitLineData
02b2c3f1 1<?php
2/**
3 * SquirrelMail CSS template
4 *
e3812cb2 5 * Template is used by style.php script to generate css file used by
02b2c3f1 6 * SquirrelMail scripts.
e3812cb2 7 *
02b2c3f1 8 * Available constants
9 *
10 * Color codes used by selected theme:
11 * <ul>
12 * <li>SQM_BACKGROUND - background color
13 * <li>SQM_BACKGROUND_LEFT - background of folder tree
14 * <li>SQM_TEXT_STANDARD - text color
15 * <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
bd26fc82 16 * <li>SQM_LINK - color of links
17 * <li>SQM_LINK_LEFT - color of links in folder tree
18 * <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
02b2c3f1 19 * <li>todo: other constants should be documented here
20 * </ul>
21 *
22 * Optional template variables
23 * <ul>
24 * <li>fontfamily - string with list of fonts used by selected style.
25 * <li>fontsize - integer with selected font size value.
26 * </ul>
27 * Variables are set to empty string, when value is not set.
28 *
47ccfad4 29 * @copyright &copy; 2005-2006 The SquirrelMail Project Team
02b2c3f1 30 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
31 * @version $Id$
32 * @package squirrelmail
33 * @subpackage templates
34 */
35
36/* retrieve the template vars */
37extract($t);
116e1263 38//return false;
02b2c3f1 39?>
ca23755b 40/* older css template */
02b2c3f1 41body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
ca23755b 42<?php
e3812cb2 43if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
ca23755b 44?>
02b2c3f1 45}
46body, small {
ca23755b 47<?php
e3812cb2 48if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
ca23755b 49?>
50}
51td, th {
52<?php
e3812cb2 53if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
ca23755b 54?>
55}
56textarea, pre {
e3812cb2 57font-family: monospace;
ca23755b 58<?php
e3812cb2 59if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
ca23755b 60?>
02b2c3f1 61}
62
ca23755b 63/* page body formatting */
02b2c3f1 64body {
65 color: <?php echo SQM_TEXT_STANDARD; ?>;
66 background-color: <?php echo SQM_BACKGROUND; ?>;
67}
29997535 68body.sqm_leftMain {
02b2c3f1 69 color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
70 background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
96f180f6 71 text-align: left;
02b2c3f1 72}
73
bd26fc82 74/* right links */
75a:link, a:visited, a:hover, a:active {
02b2c3f1 76 color: <?php echo SQM_LINK; ?>;
77}
ca23755b 78
02b2c3f1 79/* left links */
29997535 80.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
02b2c3f1 81 color: <?php echo SQM_LINK_LEFT; ?>;
82}
e32c931f 83
29997535 84.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
bd26fc82 85 color: <?php echo SQM_TEXT_SPECIAL; ?>;
86}
e32c931f 87
bd26fc82 88.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
89 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
90}
02b2c3f1 91
ca23755b 92/* highlighted texts */
93.highlight {
94 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
02b2c3f1 95}
96
02b2c3f1 97.error_table {
98 color: <?php echo $color[14]; ?>;
99 border: 2px solid <?php echo $color[0]; ?>;
100 background-color: <?php echo $color[3]; ?>;
02b2c3f1 101}
102.error_thead {
103 background-color: <?php echo $color[10]; ?>;
104}
105.error_thead_caption {
106 background-color: <?php echo $color[10]; ?>;
107}
108.error_row {
109 color: <?php echo $color[14]; ?>;
110}
111.error_val {
112 color: <?php echo $color[8]; ?>;
02b2c3f1 113 border: 2px solid <?php echo $color[0]; ?>;
114
115}
116.error_key {
02b2c3f1 117 border: 2px solid <?php echo $color[0]; ?>;
118 color: <?php echo $color[14]; ?>;
02b2c3f1 119 background-color: <?php echo $color[0]; ?>;
120}
121
64033e1c 122table.table_empty, table.table_blank {
123 margin: 0;
124 padding: 0;
125 border: 0;
126 width: 100%;
127}
e3812cb2 128
85c8aff6 129table.table1 {
130 border: 1px solid <?php echo $color[0]; ?>;
131 width: 90%;
132 margin-left: auto;
133 margin-right: auto;
134}
135
136table.table1 td {
137 padding-left: 2px;
138 padding-right: 2px;
139}
140
141td.emptyList {
142 text-align: center;
143 font-weight: bold;
144}
145
301d1912 146td.header1 {
147 background: <?php echo $color[0]; ?>;
148 text-align: center;
149 font-weight: bold;
150}
151
301d1912 152td.header2 {
153 background: <?php echo $color[9]; ?>;
154 text-align: center;
155 font-weight: bold;
156 padding-top: 4px;
157 padding-bottom: 4px;
158}
159
a71b394e 160tr.even {
161 background: <?php echo $color[12]; ?>;
162}
163tr.odd {
164 background: <?php echo $color[4]; ?>;
165}
166
e3812cb2 167.table_standard {
e3812cb2 168 border:1px solid <?php echo $color[0]; ?>;
e3812cb2 169}
170
8f8188ae 171.sqm_loginOrgName, .sqm_signoutBar {
96f180f6 172 background: <?php echo $color[0]; ?>;
c03e9db0 173}
174
8f8188ae 175.sqm_signout {
176 margin-top: 2em;
177 text-align: center;
178}
179
c03e9db0 180.sqm_motd {
c03e9db0 181 background: <?php echo $color[9]; ?>;
c03e9db0 182}
183.sqm_motd td {
c03e9db0 184 background: <?php echo $color[4]; ?>;
c03e9db0 185}
186
187/* empty_folder.tpl defs */
c03e9db0 188.sqm_emptyFolder {
c03e9db0 189 background: <?php echo $color[9]; ?>;
c03e9db0 190}
191.sqm_emptyFolder td {
c03e9db0 192 background: <?php echo $color[4]; ?>;
c03e9db0 193}
194
3cecf1cd 195/* error_box.tpl definitions */
196.table_errorBoxWrapper {
3cecf1cd 197 background: <?php echo $color[9]; ?>;
198}
199
200.table_errorBox {
2be6e3fc 201 background: <?php echo $color[0]; ?>;
202}
2be6e3fc 203.error_message {
204 background: <?php echo $color[4]; ?>;
3cecf1cd 205}
206
e3812cb2 207/* page_header.tpl definitions */
208.sqm_currentFolder {
209 background: <?php echo $color[9]; ?>;
e3812cb2 210 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
211}
212.sqm_headerSignout {
213 background: <?php echo $color[9]; ?>;
e3812cb2 214 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 215}
216.sqm_topNavigation {
e3812cb2 217 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
218}
219.sqm_providerInfo {
e3812cb2 220 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
221}
222
223/* message_list.tpl definitions */
224.table_messageListWrapper {
e3812cb2 225 background: <?php echo $color[9]; ?>;
226}
227
228.table_messageList {
e3812cb2 229 background: <?php echo $color[5]; ?>;
230}
231
e3812cb2 232.table_messageList tr.headerRow {
233 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2 234}
235.table_messageList td.spacer {
e3812cb2 236 background: <?php echo $color[0]; ?>;
237}
e3812cb2 238.table_messageList tr.mouse_over {
239 background: <?php echo $color[5]; ?>;
240}
241.table_messageList tr.clicked {
242 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
243}
e3812cb2 244.table_messageList td.col_check {
245 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
246}
247.table_messageList td.col_subject {
248 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
249}
250.table_messageList td.col_flags {
251 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
252}
e3812cb2 253.table_messageList td.col_text {
254 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
255}
e3812cb2 256.deleted {
257 color: <?php echo $color[9]; ?>;
258}
259.flagged {
260 color: <?php echo $color[2]; ?>;
261}
262.high_priority {
263 color: <?php echo $color[1]; ?>;
264}
265.low_priority {
266 color: <?php echo $color[8]; ?>;
267}
268
e3812cb2 269.links_paginator {
270 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
271}
272
e3812cb2 273.message_list_controls {
52a3af10 274 background: <?php echo $color[0]; ?>;
e3812cb2 275}
276
e3812cb2 277.message_control_buttons {
278 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2 279}
280.message_control_delete {
281 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 282}
283.message_control_move {
284 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 285}
286
287.spacer {
e3812cb2 288 background: <?php echo $color[4]; ?>;
289}
301d1912 290
291/* folder_manip.tpl defs */
292#folderManip {
293 text-align:center;
294}
295
296#folderManip td {
297 text-align: center;
298 padding: 2px;
299}
300
301#folderManip table {
302 margin-left: auto;
303 margin-right: auto;
304 padding-top: 8px;
305 padding-bottom: 8px;
306 border: 0;
307 width: 70%;
308}
309
310#folderManip table.wrapper {
311 border: 1px solid <?php echo $color[0]; ?>;
312 width: 95%;
313 margin-left: auto;
314 margin-right: auto;
315 padding: 0;
316}
317
318#folderManip td.folderAction {
319 background: <?php echo $color[0]; ?>;
320}
321
322#folderManip div {
323 margin-left: auto;
324 margin-right: auto;
325 width: 80%;
a43fe997 326 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
a71b394e 327}
328
329/* addressbook_list.tpl defs */
330#addressList {
331 text-align: center;
332}
333
334#addressList input {
3f92c0c7 335 font-size: 8pt;
a71b394e 336}
337
338#addressList select {
339 font-size: 75%;
340}
341
342#addressList table {
343 margin-left: auto;
344 margin-right: auto;
3f92c0c7 345 width: 95%;
a71b394e 346 border: 1px solid <?php echo $color[9]; ?>;
347 margin-top: 8px;
348 margin-bottom: 8px;
349}
350
351#addressList td {
a43fe997 352 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
a71b394e 353 padding: 2px;
354}
355
356#addressList td.header1 {
357 text-align: center;
358 background: <?php echo $color[9]; ?>;
359}
360#addressList td.abookSwitch {
361 background: <?php echo $color[0]; ?>;
a43fe997 362 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
a71b394e 363}
364
365#addressList td.abookButtons {
366 background: <?php echo $color[0]; ?>;
367}
368
369#addressList td.abookField {
370 border-left: 1px solid <?php echo $color[9]; ?>;
371 border-right: 1px solid <?php echo $color[9]; ?>;
3f92c0c7 372 white-space: nowrap;
373 overflow: hidden;
a71b394e 374}
375
376#addressList td.colHeader {
377 text-align: center;
378 font-weight: bold;
379 font-size: 98%;
380 background: <?php echo $color[9]; ?>;
381 padding-top: 0px;
382 padding-bottom: 0px;
383}
384
385#addressList td.abookEmpty {
386 text-align:center;
387 font-weight: bold;
3f92c0c7 388}
389
390#addressList td.abookCompose {
391 font-size: 8pt;
392 white-space: nowrap;
393}
394
395#addrBookSearch {
396 text-align: center;
397}
398
399#addrBookSearch table {
400 padding: 0;
401 border: 0;
402 margin-left: auto;
403 margin-right: auto;
404}
405
406#addrBookSearch table.wrapper {
407 border: 1px solid <?php echo $color[9]; ?>;
408 width: 95%;
409 margin-left: auto;
410 margin-right: auto;
411 padding: 0;
412}
413
414#addrBookSearch td {
415 padding: 2px;
416}
417
418#addrBookSearch label {
419 font-weight: bold;
420}
421
422#addrBookSearch input {
423 font-size: 75%;
424}
425
426#addrBookSearch select {
427 font-size: 75%;
428}
429
430#addrBookSearch td.buttons {
431 text-align: center;
c1ce39b1 432}
433
434#addrAddEdit {
435 text-align: center;
436}
437
438#addrAddEdit table {
439 border: 1px solid <?php echo $color[9]; ?>;
440 margin-left: auto;
441 margin-right: auto;
442 margin-top: 6px;
443 margin-bottom: 6px;
444 width: 95%
445}
446
447#addrAddEdit td.header {
448 background: <?php echo $color[9]; ?>;
449 text-align: center;
450 font-weight: bold;
451}
452
453#addrAddEdit td.fieldName {
a43fe997 454 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
c1ce39b1 455 width: 30%;
456}
457
458#addrAddEdit td.addButton {
459 text-align: center;
460}
461
462#addrAddEdit td {
a43fe997 463 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
c1ce39b1 464 padding: 2px;
465}
466
467#addrAddEdit input {
468 font-size: 75%;
469}
470
471#addrAddEdit select {
472 font-size: 75%;
64033e1c 473}
474
475#optionGroups {
476 text-align: center;
477}
478
479#optionGroups table {
480 border: 1px solid <?php echo $color[0]; ?>;
481 margin-left: auto;
482 margin-right: auto;
483 padding: 0;
484 width: 95%;
485}
486
487#optionGroups td {
488 width: 50%;
489 padding: 2px;
490 vertical-align: top;
491}
492
493#optionGroups td.title {
494 background: <?php echo $color[0]; ?>;
495 text-align: center;
496 font-weight: bold;
497}
498
499#optionGroups td.optionElement {
500 height: 100%;
501 padding: 10px;
502}
503
504#optionGroups td.optionElement table {
505 border:1px solid <?php echo $color[9]; ?>;
506 height: 100%;
507}
508
509
510#optionGroups td.optionName {
511 background: <?php echo $color[9]; ?>;
a43fe997 512 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
64033e1c 513 height: 1%;
514}
515
516#optionGroups td.optionDesc {
a43fe997 517 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
64033e1c 518 background: <?php echo $color[0]; ?>;
519}
520
521#optionDisplay {
522 text-align:center;
523}
524
525#optionDisplay table {
526 margin-left: auto;
527 margin-right: auto;
528 margin-top: 8px;
529 margin-bottom: 8px;
530 width: 95%;
531 border: 1px solid <?php echo $color[0]; ?>
532}
533
534#optionDisplay td {
535 width: 50%;
536 padding-top: 2px;
537 padding-bottom: 2px;
538 padding-left: 4px;
539 padding-right: 4px;
540 white-space: nowrap;
541}
542
543#optionDisplay td.optionName {
a43fe997 544 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
64033e1c 545}
546
547#optionDisplay td.optionValue {
a43fe997 548 text-align:<?php echo SQM_ALIGN_LEFT; ?>;
176dafe1 549}
550
85c8aff6 551#optionOrder {
176dafe1 552 text-align:center;
553}
554
85c8aff6 555#optionOrder table {
176dafe1 556 margin-left: auto;
557 margin-right: auto;
558 margin-top: 8px;
559 margin-bottom: 8px;
560 width: 95%;
561 border: 1px solid <?php echo $color[0]; ?>
562}
563
85c8aff6 564#optionOrder table.moveFields {
176dafe1 565 width: auto;
566}
567
85c8aff6 568#optionOrder table.moveFields td {
176dafe1 569 border-left: 1px solid <?php echo $color[0]; ?>;
570 border-right: 1px solid <?php echo $color[0]; ?>;
571 padding-left: 2px;
572 padding-right: 2px;
573}
574
85c8aff6 575#optionOrder td.moveLink {
a43fe997 576 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
176dafe1 577 font-size: 75%;
393a696c 578 vertical-align: bottom;
176dafe1 579}
580
85c8aff6 581#optionOrder td.fieldName {
a43fe997 582 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
176dafe1 583}
85c8aff6 584
585#optionHightlightList {
586 text-align: center;
587}
588
589#optionHighlightList table table {
590 margin-top: 10px;
591 margin-bottom: 10px;
592 width: 75%;
593}
594
595#optionHighlightList td.ruleButtons {
596 text-align: center;
597 width: 1%;
598}
599
600#optionHighlightList td.ruleName {
a43fe997 601 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
85c8aff6 602 width: 30%;
603 padding-left: 4px;
604 padding-right: 4px;
605}
606
607#optionHighlightAdd {
608 text-align: center;
609}
610
611#optionHighlightAdd table table {
612 margin-top: 10px;
613 margin-bottom: 10px;
614 width: 75%;
615}
616
617#optionHighlightAdd td.ruleField {
a43fe997 618 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
85c8aff6 619 font-weight: bold;
620 width: 40%;
621}
622
623#optionHighlightAdd td.fieldValue {
a43fe997 624 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
85c8aff6 625}
626
627#optionHighlightAdd td.colorTable {
628 text-align: center;
629}
630
631#optionHighlightAdd table.colorTable {
632 margin-left: auto;
633 margin-right: auto;
634}