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.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 .leftmain a:link, .leftmain a:visited, .leftmain a:hover, .leftmain a:active {
  81     color:  <?php echo SQM_LINK_LEFT; ?>;
  82 }
  83 .leftunseen, .leftrecent, .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 .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
 207 /* login.tpl definitions */
 208 #sqm_login table {
 209     border:0;
 210     margin:0;
 211     padding:0;
 212     border-spacing:0;
 213     margin-left:auto;
 214     margin-right:auto;
 215 }
 216 #sqm_login td {
 217     padding:2px;
 218 }
 219
 220 .sqm_loginImage {
 221     margin-left:auto;
 222     margin-right:auto;
 223     border:0;
 224     padding:2px;
 225 }
 226 .sqm_loginTop {
 227     text-align:center;
 228     font-size:80%;
 229 }
 230 .sqm_loginOrgName {
 231     font-weight:bold;
 232     text-align:center;
 233     background: <?php echo $color[0]; ?>;
 234     width:350px;
 235     border:0;
 236 }
 237 .sqm_loginFieldName {
 238     text-align:right;
 239     width:30%;
 240 }
 241 .sqm_loginFieldInput {
 242     text-align:left;
 243 }
 244 .sqm_loginSubmit {
 245     text-align:center;
 246 }
 247
 248 /* page_header.tpl definitions */
 249 .sqm_currentFolder      {
 250     background: <?php echo $color[9]; ?>;
 251     padding:2px;
 252     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 253 }
 254 .sqm_headerSignout      {
 255     background: <?php echo $color[9]; ?>;
 256     padding:2px;
 257     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 258     font-weight:bold;
 259 }
 260 .sqm_topNavigation      {
 261     padding:2px;
 262     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 263 }
 264 .sqm_providerInfo       {
 265     padding:2px;
 266     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 267 }
 268
 269 /* message_list.tpl definitions */
 270 .table_messageListWrapper       {
 271     width:100%;
 272     padding:0;
 273     border-spacing:0;
 274     border:0;
 275     text-align:center;
 276     margin-left:auto;
 277     margin-right:auto;
 278     background: <?php echo $color[9]; ?>;
 279 }
 280
 281 .table_messageList      {
 282     width:100%;
 283     padding:0;
 284     border-spacing:0;
 285     border:0;
 286     text-align:center;
 287     margin-left:auto;
 288     margin-right:auto;
 289     background: <?php echo $color[5]; ?>;
 290 }
 291
 292 .table_messageList      a       {
 293     white-space:nowrap;
 294 }
 295
 296 .table_messageList      tr.headerRow    {
 297     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 298     white-space:nowrap;
 299     font-weight:bold;
 300 }
 301 .table_messageList td.spacer {
 302     height:1px;
 303     background: <?php echo $color[0]; ?>;
 304 }
 305
 306 .table_messageList      tr              {
 307     vertical-align:top;
 308 }
 309 .table_messageList      tr.even {
 310     background: <?php echo $color[12]; ?>;
 311 }
 312 .table_messageList      tr.odd  {
 313     background: <?php echo $color[4]; ?>;
 314 }
 315 .table_messageList      tr.mouse_over   {
 316     background: <?php echo $color[5]; ?>;
 317 }
 318 .table_messageList      tr.clicked      {
 319     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 320 }
 321
 322 .table_messageList      td      {
 323     white-space:nowrap;
 324 }
 325 .table_messageList      td.col_check    {
 326     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 327 }
 328 .table_messageList      td.col_subject  {
 329     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 330 }
 331 .table_messageList      td.col_flags    {
 332     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 333 }
 334 .table_messageList      td.col_date     {
 335     text-align:center;
 336 }
 337 .table_messageList      td.col_text     {
 338     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 339 }
 340
 341 .unread         {
 342     font-weight:bold;
 343 }
 344 .deleted        {
 345     color: <?php echo $color[9]; ?>;
 346 }
 347 .flagged        {
 348     color: <?php echo $color[2]; ?>;
 349 }
 350 .high_priority  {
 351     color: <?php echo $color[1]; ?>;
 352 }
 353 .low_priority   {
 354     color: <?php echo $color[8]; ?>;
 355 }
 356
 357 .col_checked    {
 358 }
 359
 360 .links_paginator                        {
 361     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 362 }
 363
 364 .message_count                          {
 365     text-align:right;
 366     font-size:8pt;
 367 }
 368
 369 .message_list_controls {
 370     background: <? echo $color[0]; ?>;
 371 }
 372
 373 .message_control_button {
 374     padding:0px;
 375     margin:0px;
 376 }
 377 .message_control_buttons {
 378     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 379     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 380 }
 381 .message_control_delete {
 382     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 383     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 384 }
 385 .message_control_move {
 386     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 387     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 388 }
 389
 390 .spacer {
 391     height:5px;
 392     background: <?php echo $color[4]; ?>;
 393 }
 394
 395