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