templates/default/stylesheet.tpl

   1 <?php
   2 /**
   3  * SquirrelMail CSS template
   4  *
   5  * Template is used by style.php script to generate css file used by
   6  * SquirrelMail scripts.
   7  *
   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
  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
  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  *
  29  * @copyright &copy; 2005-2006 The SquirrelMail Project Team
  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 */
  37 extract($t);
  38 //return false;
  39 ?>
  40 /* older css template */
  41 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  42 <?php
  43 if($fontfamily) echo '  font-family: '.$fontfamily.";\n";
  44 ?>
  45 }
  46 body, small {
  47 <?php
  48 if($fontsize) echo '  font-size: '.($fontsize-2)."pt;\n";
  49 ?>
  50 }
  51 td, th {
  52 <?php
  53 if($fontsize) echo '  font-size: '.$fontsize."pt;\n";
  54 ?>
  55 }
  56 textarea, pre {
  57 font-family: monospace;
  58 <?php
  59 if($fontsize) echo '  font-size: '.($fontsize-1)."pt;\n";
  60 ?>
  61 }
  62
  63 /* page body formatting */
  64 body {
  65     color:  <?php echo SQM_TEXT_STANDARD; ?>;
  66     background-color: <?php echo SQM_BACKGROUND; ?>;
  67 }
  68 body.sqm_leftMain {
  69     color:  <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
  70     background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
  71     text-align: left;
  72 }
  73
  74 /* right links */
  75 a:link, a:visited, a:hover, a:active {
  76     color: <?php echo SQM_LINK; ?>;
  77 }
  78
  79 /* left links */
  80 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
  81     color:  <?php echo SQM_LINK_LEFT; ?>;
  82 }
  83
  84 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
  85     color:  <?php echo SQM_TEXT_SPECIAL; ?>;
  86 }
  87
  88 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
  89     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  90 }
  91
  92 /* highlighted texts */
  93 .highlight {
  94     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  95 }
  96
  97 .error_table {
  98     color: <?php echo $color[14]; ?>;
  99     border: 2px solid <?php echo $color[0]; ?>;
 100     background-color: <?php echo $color[3]; ?>;
 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]; ?>;
 113     border: 2px solid <?php echo $color[0]; ?>;
 114
 115 }
 116 .error_key {
 117     border: 2px solid <?php echo $color[0]; ?>;
 118     color: <?php echo $color[14]; ?>;
 119     background-color: <?php echo $color[0]; ?>;
 120 }
 121
 122 table.table_empty, table.table_blank    {
 123     margin: 0;
 124     padding: 0;
 125     border: 0;
 126     width: 100%;
 127 }
 128
 129 table.table1    {
 130     border: 1px solid <?php echo $color[0]; ?>;
 131     width: 90%;
 132     margin-left: auto;
 133     margin-right: auto;
 134 }
 135
 136 table.table1    td  {
 137     padding-left: 2px;
 138     padding-right: 2px;
 139 }
 140
 141 td.emptyList    {
 142     text-align: center;
 143     font-weight: bold;
 144 }
 145
 146 td.header1  {
 147     background: <?php echo $color[0]; ?>;
 148     text-align: center;
 149     font-weight: bold;
 150 }
 151
 152 td.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
 160 tr.even {
 161     background: <?php echo $color[12]; ?>;
 162 }
 163 tr.odd  {
 164     background: <?php echo $color[4]; ?>;
 165 }
 166
 167 .table_standard {
 168     border:1px solid <?php echo $color[0]; ?>;
 169 }
 170
 171 .sqm_loginOrgName, .sqm_signoutBar {
 172     background: <?php echo $color[0]; ?>;
 173 }
 174
 175 .sqm_signout {
 176     margin-top: 2em;
 177     text-align: center;
 178 }
 179
 180 .sqm_motd {
 181     background: <?php echo $color[9]; ?>;
 182 }
 183 .sqm_motd td {
 184     background: <?php echo $color[4]; ?>;
 185 }
 186
 187 /* empty_folder.tpl defs */
 188 .sqm_emptyFolder {
 189     background: <?php echo $color[9]; ?>;
 190 }
 191 .sqm_emptyFolder td {
 192     background: <?php echo $color[4]; ?>;
 193 }
 194
 195 /* error_box.tpl definitions */
 196 .table_errorBoxWrapper   {
 197     background: <?php echo $color[9]; ?>;
 198 }
 199
 200 .table_errorBox  {
 201     background: <?php echo $color[0]; ?>;
 202 }
 203 .error_message {
 204     background: <?php echo $color[4]; ?>;
 205 }
 206
 207 /* page_header.tpl definitions */
 208 .sqm_currentFolder      {
 209     background: <?php echo $color[9]; ?>;
 210     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 211 }
 212 .sqm_headerSignout      {
 213     background: <?php echo $color[9]; ?>;
 214     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 215 }
 216 .sqm_topNavigation      {
 217     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 218 }
 219 .sqm_providerInfo       {
 220     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 221 }
 222
 223 /* message_list.tpl definitions */
 224 .table_messageListWrapper       {
 225     background: <?php echo $color[9]; ?>;
 226 }
 227
 228 .table_messageList      {
 229     background: <?php echo $color[5]; ?>;
 230 }
 231
 232 .table_messageList      tr.headerRow    {
 233     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 234 }
 235 .table_messageList td.spacer {
 236     background: <?php echo $color[0]; ?>;
 237 }
 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 }
 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 }
 253 .table_messageList      td.col_text     {
 254     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 255 }
 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
 269 .links_paginator                        {
 270     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 271 }
 272
 273 .message_list_controls {
 274     background: <?php echo $color[0]; ?>;
 275 }
 276
 277 .message_control_buttons {
 278     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 279 }
 280 .message_control_delete {
 281     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 282 }
 283 .message_control_move {
 284     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 285 }
 286
 287 .spacer {
 288     background: <?php echo $color[4]; ?>;
 289 }
 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%;
 326     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 327 }
 328
 329 /* addressbook_list.tpl defs */
 330 #addressList    {
 331     text-align: center;
 332 }
 333
 334 #addressList    input   {
 335     font-size: 8pt;
 336 }
 337
 338 #addressList    select  {
 339     font-size: 75%;
 340 }
 341
 342 #addressList    table   {
 343     margin-left: auto;
 344     margin-right: auto;
 345     width: 95%;
 346     border: 1px solid <?php echo $color[9]; ?>;
 347     margin-top: 8px;
 348     margin-bottom: 8px;
 349 }
 350
 351 #addressList    td  {
 352     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 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]; ?>;
 362     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 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]; ?>;
 372     white-space: nowrap;
 373     overflow: hidden;
 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;
 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;
 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   {
 454     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 455     width: 30%;
 456 }
 457
 458 #addrAddEdit    td.addButton   {
 459     text-align: center;
 460 }
 461
 462 #addrAddEdit    td  {
 463     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 464     padding: 2px;
 465 }
 466
 467 #addrAddEdit    input   {
 468     font-size: 75%;
 469 }
 470
 471 #addrAddEdit    select  {
 472     font-size: 75%;
 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]; ?>;
 512     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 513     height: 1%;
 514 }
 515
 516 #optionGroups   td.optionDesc   {
 517     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 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   {
 544     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 545 }
 546
 547 #optionDisplay  td.optionValue  {
 548     text-align:<?php echo SQM_ALIGN_LEFT; ?>;
 549 }
 550
 551 #optionOrder  {
 552     text-align:center;
 553 }
 554
 555 #optionOrder    table   {
 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
 564 #optionOrder    table.moveFields    {
 565     width: auto;
 566 }
 567
 568 #optionOrder    table.moveFields    td  {
 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
 575 #optionOrder    td.moveLink  {
 576     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 577     font-size: 75%;
 578     vertical-align: bottom;
 579 }
 580
 581 #optionOrder    td.fieldName    {
 582     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 583 }
 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 {
 601     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 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    {
 618     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 619     font-weight: bold;
 620     width: 40%;
 621 }
 622
 623 #optionHighlightAdd td.fieldValue   {
 624     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 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 }