templates/default/stylesheet.tpl

   1 <?php
   2
   3 /**
   4  * SquirrelMail CSS template
   5  *
   6  * Template is used by style.php script to generate css file used by
   7  * SquirrelMail scripts.
   8  *
   9  * Available constants
  10  *
  11  * Color codes used by selected theme:
  12  * <ul>
  13  *   <li>SQM_BACKGROUND - background color
  14  *   <li>SQM_BACKGROUND_LEFT - background of folder tree
  15  *   <li>SQM_TEXT_STANDARD - text color
  16  *   <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
  17  *   <li>SQM_LINK - color of links
  18  *   <li>SQM_LINK_LEFT - color of links in folder tree
  19  *   <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
  20  *   <li>todo: other constants should be documented here
  21  * </ul>
  22  *
  23  * Optional template variables
  24  * <ul>
  25  *   <li>fontfamily - string with list of fonts used by selected style.
  26  *   <li>fontsize - integer with selected font size value.
  27  * </ul>
  28  * Variables are set to empty string, when value is not set.
  29  *
  30  * @copyright &copy; 2005-2006 The SquirrelMail Project Team
  31  * @license http://opensource.org/licenses/gpl-license.php GNU Public License
  32  * @version $Id$
  33  * @package squirrelmail
  34  * @subpackage templates
  35  */
  36
  37 /* retrieve the template vars */
  38 extract($t);
  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 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
  84     color:  <?php echo SQM_TEXT_SPECIAL; ?>;
  85 }
  86 .leftrecent {
  87     font-weight:bold;
  88 }
  89 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
  90     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  91 }
  92
  93 /* highlighted texts */
  94 .highlight {
  95     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  96 }
  97
  98 /* left_main.tpl definitions */
  99 .sqm_wrapperTable   {
 100     border:0;
 101     padding:0;
 102     margin-left:0;
 103     border-spacing:0;
 104     width:99%
 105 }
 106 sqm_leftMain table {
 107     border:0;
 108     padding:0;
 109     margin:0;
 110     border-spacing:0;
 111 }
 112 .sqm_folderHeader {
 113     font-size:18px;
 114     font-weight:bold;
 115     text-align:center;
 116 }
 117 .sqm_clock {
 118 }
 119 .sqm_lastRefreshTime {
 120     white-space: nowrap;
 121 }
 122 .sqm_refreshButton {
 123 }
 124
 125 /* formating of error template */
 126 .thead_caption {
 127     font-weight: bold;
 128     text-align: center;
 129 }
 130
 131 .error_list {
 132 }
 133 .error_table {
 134     color: <?php echo $color[14]; ?>;
 135     border: 2px solid <?php echo $color[0]; ?>;
 136     background-color: <?php echo $color[3]; ?>;
 137     width: 100%;
 138 }
 139 .error_thead {
 140     background-color: <?php echo $color[10]; ?>;
 141 }
 142 .error_thead_caption {
 143     background-color: <?php echo $color[10]; ?>;
 144 }
 145 .error_row {
 146     color: <?php echo $color[14]; ?>;
 147 }
 148 .error_val {
 149     color: <?php echo $color[8]; ?>;
 150     width: 80%;
 151     border: 2px solid <?php echo $color[0]; ?>;
 152
 153 }
 154 .error_key {
 155     width: 20%;
 156     border: 2px solid <?php echo $color[0]; ?>;
 157     color: <?php echo $color[14]; ?>;
 158     font-weight: bold;
 159     font-style: italic;
 160     background-color: <?php echo $color[0]; ?>;
 161 }
 162
 163 /* form fields */
 164 input.sqmtextfield{
 165 }
 166 input.sqmpwfield {
 167 }
 168 input.sqmcheckbox {
 169 }
 170 input.sqmradiobox {
 171 }
 172 input.sqmhiddenfield {
 173 }
 174 input.sqmsubmitfield {
 175 }
 176 input.sqmresetfield {
 177 }
 178 input.sqmtextarea {
 179 }
 180
 181 /* basic definitions */
 182 .table_empty {
 183     width:100%;
 184     border:0;
 185     margin:0;
 186     padding:0;
 187     border-spacing:0;
 188 }
 189
 190 .table_standard {
 191     width:100%;
 192     border:1px solid <?php echo $color[0]; ?>;
 193     padding:0;
 194     margin:0;
 195     border-spacing:0;
 196 }
 197
 198 em              {
 199     font-weight:bold;
 200     font-style:normal;
 201 }
 202
 203 small   {
 204     font-size:80%;
 205 }
 206 img   {
 207     border:0;
 208 }
 209
 210 /* login.tpl definitions */
 211 #sqm_login table {
 212     border:0;
 213     margin:0;
 214     padding:0;
 215     border-spacing:0;
 216     margin-left:auto;
 217     margin-right:auto;
 218 }
 219 #sqm_login td {
 220     padding:2px;
 221 }
 222
 223 .sqm_loginImage {
 224     margin-left:auto;
 225     margin-right:auto;
 226     padding:2px;
 227 }
 228 .sqm_loginTop {
 229     text-align:center;
 230     font-size:80%;
 231 }
 232 .sqm_loginOrgName {
 233     font-weight:bold;
 234     text-align:center;
 235     background: <?php echo $color[0]; ?>;
 236     width:350px;
 237     border:0;
 238 }
 239 .sqm_loginFieldName {
 240     text-align:right;
 241     width:30%;
 242 }
 243 .sqm_loginFieldInput {
 244     text-align:left;
 245 }
 246 .sqm_loginSubmit {
 247     text-align:center;
 248 }
 249
 250 /* note.tpl defs */
 251 .sqm_noteWrapper {
 252     text-align:center;
 253     width:100%;
 254 }
 255 .sqm_note {
 256     margin-left:auto;
 257     margin-right:auto;
 258     font-weight:bold;
 259     text-align:center;
 260 }
 261
 262 /* motd.tpl defs */
 263 .sqm_motdWrapper {
 264     text-align:center;
 265     width:100%;
 266     margin:1px;
 267 }
 268 .sqm_motd {
 269     margin-left:auto;
 270     margin-right:auto;
 271     text-align:center;
 272     background: <?php echo $color[9]; ?>;
 273     width:70%;
 274     padding:0;
 275 }
 276 .sqm_motd td {
 277     text-align:center;
 278     background: <?php echo $color[4]; ?>;
 279     padding:5px;
 280 }
 281
 282 /* empty_folder.tpl defs */
 283 .sqm_emptyFolderWrapper {
 284     text-align:center;
 285     width:100%;
 286 }
 287 .sqm_emptyFolder {
 288     margin-left:auto;
 289     margin-right:auto;
 290     text-align:center;
 291     background: <?php echo $color[9]; ?>;
 292     padding:1px;
 293     width:100%;
 294 }
 295 .sqm_emptyFolder td {
 296     text-align:center;
 297     background: <?php echo $color[4]; ?>;
 298     padding-top:15px;
 299     padding-bottom:15px;
 300 }
 301
 302 /* error_box.tpl definitions */
 303 .table_errorBoxWrapper   {
 304     width:100%;
 305     padding:0;
 306     border-spacing:0;
 307     border:0;
 308     text-align:center;
 309     margin-left:auto;
 310     margin-right:auto;
 311     background: <?php echo $color[9]; ?>;
 312 }
 313
 314 .table_errorBox  {
 315     width:100%;
 316     padding:0;
 317     border-spacing:0;
 318     border:0;
 319     text-align:center;
 320     margin-left:auto;
 321     margin-right:auto;
 322     background: <?php echo $color[0]; ?>;
 323 }
 324 .error_header {
 325     color: red;
 326     font-weight:bold;
 327     font-weight:bold;
 328     font-style:normal;
 329 }
 330 .error_message {
 331     background: <?php echo $color[4]; ?>;
 332 }
 333
 334 /* error_logout.tpl definitions */
 335 #sqm_errorLogout {
 336     width:100%;
 337     text-align:center;
 338 }
 339 #sqm_errorLogout table {
 340     border:0;
 341     margin:0;
 342     padding:0;
 343     border-spacing:0;
 344     margin-left:auto;
 345     margin-right:auto;
 346 }
 347 #sqm_errorLogout td {
 348     padding:2px;
 349 }
 350 .sqm_errorLogoutImage {
 351     margin-left:auto;
 352     margin-right:auto;
 353     padding:2px;
 354 }
 355 .sqm_errorLogoutTop {
 356     text-align:center;
 357     font-size:80%;
 358 }
 359
 360 /* page_header.tpl definitions */
 361 .sqm_currentFolder      {
 362     background: <?php echo $color[9]; ?>;
 363     padding:2px;
 364     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 365 }
 366 .sqm_headerSignout      {
 367     background: <?php echo $color[9]; ?>;
 368     padding:2px;
 369     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 370     font-weight:bold;
 371 }
 372 .sqm_topNavigation      {
 373     padding:2px;
 374     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 375 }
 376 .sqm_providerInfo       {
 377     padding:2px;
 378     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 379 }
 380
 381 /* message_list.tpl definitions */
 382 .table_messageListWrapper       {
 383     width:100%;
 384     padding:0;
 385     border-spacing:0;
 386     border:0;
 387     text-align:center;
 388     margin-left:auto;
 389     margin-right:auto;
 390     background: <?php echo $color[9]; ?>;
 391 }
 392
 393 .table_messageList      {
 394     width:100%;
 395     padding:0;
 396     border-spacing:0;
 397     border:0;
 398     text-align:center;
 399     margin-left:auto;
 400     margin-right:auto;
 401     background: <?php echo $color[5]; ?>;
 402 }
 403
 404 .table_messageList      a       {
 405     white-space:nowrap;
 406 }
 407
 408 .table_messageList      tr.headerRow    {
 409     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 410     white-space:nowrap;
 411     font-weight:bold;
 412 }
 413 .table_messageList td.spacer {
 414     height:1px;
 415     background: <?php echo $color[0]; ?>;
 416 }
 417
 418 .table_messageList      tr              {
 419     vertical-align:top;
 420 }
 421 .table_messageList      tr.even {
 422     background: <?php echo $color[12]; ?>;
 423 }
 424 .table_messageList      tr.odd  {
 425     background: <?php echo $color[4]; ?>;
 426 }
 427 .table_messageList      tr.mouse_over   {
 428     background: <?php echo $color[5]; ?>;
 429 }
 430 .table_messageList      tr.clicked      {
 431     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 432 }
 433
 434 .table_messageList      td      {
 435     white-space:nowrap;
 436 }
 437 .table_messageList      td.col_check    {
 438     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 439 }
 440 .table_messageList      td.col_subject  {
 441     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 442 }
 443 .table_messageList      td.col_flags    {
 444     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 445 }
 446 .table_messageList      td.col_date     {
 447     text-align:center;
 448 }
 449 .table_messageList      td.col_text     {
 450     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 451 }
 452
 453 .unread         {
 454     font-weight:bold;
 455 }
 456 .deleted        {
 457     color: <?php echo $color[9]; ?>;
 458 }
 459 .flagged        {
 460     color: <?php echo $color[2]; ?>;
 461 }
 462 .high_priority  {
 463     color: <?php echo $color[1]; ?>;
 464 }
 465 .low_priority   {
 466     color: <?php echo $color[8]; ?>;
 467 }
 468
 469 .col_checked    {
 470 }
 471
 472 .links_paginator                        {
 473     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 474 }
 475
 476 .message_count                          {
 477     text-align:right;
 478     font-size:8pt;
 479 }
 480
 481 .message_list_controls {
 482     background: <?php echo $color[0]; ?>;
 483 }
 484
 485 .message_control_button {
 486     padding:0px;
 487     margin:0px;
 488 }
 489 .message_control_buttons {
 490     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 491     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 492 }
 493 .message_control_delete {
 494     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 495     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 496 }
 497 .message_control_move {
 498     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 499     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 500 }
 501
 502 .spacer {
 503     height:5px;
 504     background: <?php echo $color[4]; ?>;
 505 }
 506
 507