templates/default_advanced/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
  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:auto;
 103     margin-right:auto;
 104     border-spacing:0;
 105     width:99%
 106     text-align:center;
 107 }
 108 sqm_leftMain table {
 109     border:0;
 110     padding:0;
 111     margin:0;
 112     border-spacing:0;
 113     margin-left:auto;
 114     margin-right:auto;
 115 }
 116 .sqm_folderHeader {
 117     font-size:18px;
 118     font-weight:bold;
 119     text-align:center;
 120 }
 121 .sqm_clock {
 122 }
 123 .sqm_lastRefreshTime {
 124     white-space: nowrap;
 125 }
 126 .sqm_refreshButton {
 127 }
 128
 129 .dtree {
 130        font-size:11px;
 131        white-space:nowrap;
 132 }
 133 .dtree p {
 134     margin-top:12px;
 135     margin-bottom:2px;
 136     padding-bottom:4px;
 137     text-align:center;
 138     overflow: hidden;
 139 }
 140 .dtree a:hover {
 141     text-decoration: underline;
 142 }
 143 .dtree a {
 144     text-decoration:none;
 145 }
 146 .dtree img {
 147     border:0;
 148     vertical-align: middle;
 149 }
 150 .dtree a.node, .dtree a.nodeSel {
 151     white-space: nowrap;
 152     padding: 1px 2px 1px 2px;
 153 }
 154 .dtree a.node:hover, .dtree a.nodeSel:hover {
 155     color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
 156 }
 157 .dtree a.nodeSel {
 158     color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
 159 }
 160 .dtree .clip {
 161     overflow: hidden;
 162 }
 163
 164 /* formating of error template */
 165 .thead_caption {
 166     font-weight: bold;
 167     text-align: center;
 168 }
 169
 170 .error_list {
 171 }
 172 .error_table {
 173     color: <?php echo $color[14]; ?>;
 174     border: 2px solid <?php echo $color[0]; ?>;
 175     background-color: <?php echo $color[3]; ?>;
 176     width: 100%;
 177 }
 178 .error_thead {
 179     background-color: <?php echo $color[10]; ?>;
 180 }
 181 .error_thead_caption {
 182     background-color: <?php echo $color[10]; ?>;
 183 }
 184 .error_row {
 185     color: <?php echo $color[14]; ?>;
 186 }
 187 .error_val {
 188     color: <?php echo $color[8]; ?>;
 189     width: 80%;
 190     border: 2px solid <?php echo $color[0]; ?>;
 191
 192 }
 193 .error_key {
 194     width: 20%;
 195     border: 2px solid <?php echo $color[0]; ?>;
 196     color: <?php echo $color[14]; ?>;
 197     font-weight: bold;
 198     font-style: italic;
 199     background-color: <?php echo $color[0]; ?>;
 200 }
 201
 202 /* form fields */
 203 input.sqmtextfield{
 204 }
 205 input.sqmpwfield {
 206 }
 207 input.sqmcheckbox {
 208 }
 209 input.sqmradiobox {
 210 }
 211 input.sqmhiddenfield {
 212 }
 213 input.sqmsubmitfield {
 214 }
 215 input.sqmresetfield {
 216 }
 217 input.sqmtextarea {
 218 }
 219
 220 /* basic definitions */
 221 .table_empty {
 222     width:100%;
 223     border:0;
 224     margin:0;
 225     padding:0;
 226     border-spacing:0;
 227 }
 228
 229 .table_standard {
 230     width:100%;
 231     border:1px solid <?php echo $color[0]; ?>;
 232     padding:0;
 233     margin:0;
 234     border-spacing:0;
 235 }
 236
 237 em              {
 238     font-weight:bold;
 239     font-style:normal;
 240 }
 241
 242 small   {
 243     font-size:80%;
 244 }
 245 img   {
 246     border:0;
 247 }
 248
 249 /* login.tpl definitions */
 250 #sqm_login table {
 251     border:0;
 252     margin:0;
 253     padding:0;
 254     border-spacing:0;
 255     margin-left:auto;
 256     margin-right:auto;
 257 }
 258 #sqm_login td {
 259     padding:2px;
 260 }
 261
 262 .sqm_loginImage {
 263     margin-left:auto;
 264     margin-right:auto;
 265     padding:2px;
 266 }
 267 .sqm_loginTop {
 268     text-align:center;
 269     font-size:80%;
 270 }
 271 .sqm_loginOrgName {
 272     font-weight:bold;
 273     text-align:center;
 274     background: <?php echo $color[0]; ?>;
 275     width:350px;
 276     border:0;
 277 }
 278 .sqm_loginFieldName {
 279     text-align:right;
 280     width:30%;
 281 }
 282 .sqm_loginFieldInput {
 283     text-align:left;
 284 }
 285 .sqm_loginSubmit {
 286     text-align:center;
 287 }
 288
 289 /* page_header.tpl definitions */
 290 .sqm_currentFolder      {
 291     background: <?php echo $color[9]; ?>;
 292     padding:2px;
 293     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 294 }
 295 .sqm_headerSignout      {
 296     background: <?php echo $color[9]; ?>;
 297     padding:2px;
 298     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 299     font-weight:bold;
 300 }
 301 .sqm_topNavigation      {
 302     padding:2px;
 303     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 304 }
 305 .sqm_providerInfo       {
 306     padding:2px;
 307     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 308 }
 309
 310 /* message_list.tpl definitions */
 311 .table_messageListWrapper       {
 312     width:100%;
 313     padding:0;
 314     border-spacing:0;
 315     border:0;
 316     text-align:center;
 317     margin-left:auto;
 318     margin-right:auto;
 319     background: <?php echo $color[9]; ?>;
 320 }
 321
 322 .table_messageList      {
 323     width:100%;
 324     padding:0;
 325     border-spacing:0;
 326     border:0;
 327     text-align:center;
 328     margin-left:auto;
 329     margin-right:auto;
 330     background: <?php echo $color[5]; ?>;
 331 }
 332
 333 .table_messageList      a       {
 334     white-space:nowrap;
 335 }
 336
 337 .table_messageList      tr.headerRow    {
 338     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 339     white-space:nowrap;
 340     font-weight:bold;
 341 }
 342 .table_messageList td.spacer {
 343     height:1px;
 344     background: <?php echo $color[0]; ?>;
 345 }
 346
 347 .table_messageList      tr              {
 348     vertical-align:top;
 349 }
 350 .table_messageList      tr.even {
 351     background: <?php echo $color[12]; ?>;
 352 }
 353 .table_messageList      tr.odd  {
 354     background: <?php echo $color[4]; ?>;
 355 }
 356 .table_messageList      tr.mouse_over   {
 357     background: <?php echo $color[5]; ?>;
 358 }
 359 .table_messageList      tr.clicked      {
 360     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 361 }
 362
 363 .table_messageList      td      {
 364     white-space:nowrap;
 365 }
 366 .table_messageList      td.col_check    {
 367     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 368 }
 369 .table_messageList      td.col_subject  {
 370     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 371 }
 372 .table_messageList      td.col_flags    {
 373     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 374 }
 375 .table_messageList      td.col_date     {
 376     text-align:center;
 377 }
 378 .table_messageList      td.col_text     {
 379     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 380 }
 381
 382 .unread         {
 383     font-weight:bold;
 384 }
 385 .deleted        {
 386     color: <?php echo $color[9]; ?>;
 387 }
 388 .flagged        {
 389     color: <?php echo $color[2]; ?>;
 390 }
 391 .high_priority  {
 392     color: <?php echo $color[1]; ?>;
 393 }
 394 .low_priority   {
 395     color: <?php echo $color[8]; ?>;
 396 }
 397
 398 .col_checked    {
 399 }
 400
 401 .links_paginator                        {
 402     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 403 }
 404
 405 .message_count                          {
 406     text-align:right;
 407     font-size:8pt;
 408 }
 409
 410 .message_list_controls {
 411     background: <?php echo $color[0]; ?>;
 412 }
 413
 414 .message_control_button {
 415     padding:0px;
 416     margin:0px;
 417 }
 418 .message_control_buttons {
 419     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 420     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 421 }
 422 .message_control_delete {
 423     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 424     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 425 }
 426 .message_control_move {
 427     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 428     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 429 }
 430
 431 .spacer {
 432     height:5px;
 433     background: <?php echo $color[4]; ?>;
 434 }
 435
 436