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
  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 /* page_header.tpl definitions */
 251 .sqm_currentFolder      {
 252     background: <?php echo $color[9]; ?>;
 253     padding:2px;
 254     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 255 }
 256 .sqm_headerSignout      {
 257     background: <?php echo $color[9]; ?>;
 258     padding:2px;
 259     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 260     font-weight:bold;
 261 }
 262 .sqm_topNavigation      {
 263     padding:2px;
 264     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 265 }
 266 .sqm_providerInfo       {
 267     padding:2px;
 268     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 269 }
 270
 271 /* message_list.tpl definitions */
 272 .table_messageListWrapper       {
 273     width:100%;
 274     padding:0;
 275     border-spacing:0;
 276     border:0;
 277     text-align:center;
 278     margin-left:auto;
 279     margin-right:auto;
 280     background: <?php echo $color[9]; ?>;
 281 }
 282
 283 .table_messageList      {
 284     width:100%;
 285     padding:0;
 286     border-spacing:0;
 287     border:0;
 288     text-align:center;
 289     margin-left:auto;
 290     margin-right:auto;
 291     background: <?php echo $color[5]; ?>;
 292 }
 293
 294 .table_messageList      a       {
 295     white-space:nowrap;
 296 }
 297
 298 .table_messageList      tr.headerRow    {
 299     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 300     white-space:nowrap;
 301     font-weight:bold;
 302 }
 303 .table_messageList td.spacer {
 304     height:1px;
 305     background: <?php echo $color[0]; ?>;
 306 }
 307
 308 .table_messageList      tr              {
 309     vertical-align:top;
 310 }
 311 .table_messageList      tr.even {
 312     background: <?php echo $color[12]; ?>;
 313 }
 314 .table_messageList      tr.odd  {
 315     background: <?php echo $color[4]; ?>;
 316 }
 317 .table_messageList      tr.mouse_over   {
 318     background: <?php echo $color[5]; ?>;
 319 }
 320 .table_messageList      tr.clicked      {
 321     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 322 }
 323
 324 .table_messageList      td      {
 325     white-space:nowrap;
 326 }
 327 .table_messageList      td.col_check    {
 328     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 329 }
 330 .table_messageList      td.col_subject  {
 331     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 332 }
 333 .table_messageList      td.col_flags    {
 334     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 335 }
 336 .table_messageList      td.col_date     {
 337     text-align:center;
 338 }
 339 .table_messageList      td.col_text     {
 340     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 341 }
 342
 343 .unread         {
 344     font-weight:bold;
 345 }
 346 .deleted        {
 347     color: <?php echo $color[9]; ?>;
 348 }
 349 .flagged        {
 350     color: <?php echo $color[2]; ?>;
 351 }
 352 .high_priority  {
 353     color: <?php echo $color[1]; ?>;
 354 }
 355 .low_priority   {
 356     color: <?php echo $color[8]; ?>;
 357 }
 358
 359 .col_checked    {
 360 }
 361
 362 .links_paginator                        {
 363     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 364 }
 365
 366 .message_count                          {
 367     text-align:right;
 368     font-size:8pt;
 369 }
 370
 371 .message_list_controls {
 372     background: <? echo $color[0]; ?>;
 373 }
 374
 375 .message_control_button {
 376     padding:0px;
 377     margin:0px;
 378 }
 379 .message_control_buttons {
 380     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 381     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 382 }
 383 .message_control_delete {
 384     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 385     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 386 }
 387 .message_control_move {
 388     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 389     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 390 }
 391
 392 .spacer {
 393     height:5px;
 394     background: <?php echo $color[4]; ?>;
 395 }
 396
 397