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 //return false;
  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
  85 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
  86     color:  <?php echo SQM_TEXT_SPECIAL; ?>;
  87 }
  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 .error_table {
  99     color: <?php echo $color[14]; ?>;
 100     border: 2px solid <?php echo $color[0]; ?>;
 101     background-color: <?php echo $color[3]; ?>;
 102 }
 103 .error_thead {
 104     background-color: <?php echo $color[10]; ?>;
 105 }
 106 .error_thead_caption {
 107     background-color: <?php echo $color[10]; ?>;
 108 }
 109 .error_row {
 110     color: <?php echo $color[14]; ?>;
 111 }
 112 .error_val {
 113     color: <?php echo $color[8]; ?>;
 114     border: 2px solid <?php echo $color[0]; ?>;
 115
 116 }
 117 .error_key {
 118     border: 2px solid <?php echo $color[0]; ?>;
 119     color: <?php echo $color[14]; ?>;
 120     background-color: <?php echo $color[0]; ?>;
 121 }
 122
 123
 124 td.header1  {
 125     background: <?php echo $color[0]; ?>;
 126     text-align: center;
 127     font-weight: bold;
 128 }
 129
 130
 131 td.header2  {
 132     background: <?php echo $color[9]; ?>;
 133     text-align: center;
 134     font-weight: bold;
 135     padding-top: 4px;
 136     padding-bottom: 4px;
 137 }
 138
 139 tr.even {
 140     background: <?php echo $color[12]; ?>;
 141 }
 142 tr.odd  {
 143     background: <?php echo $color[4]; ?>;
 144 }
 145
 146 .table_standard {
 147     border:1px solid <?php echo $color[0]; ?>;
 148 }
 149
 150 .sqm_loginOrgName, .sqm_signoutBar {
 151     background: <?php echo $color[0]; ?>;
 152 }
 153
 154 .sqm_signout {
 155     margin-top: 2em;
 156     text-align: center;
 157 }
 158
 159 .sqm_motd {
 160     background: <?php echo $color[9]; ?>;
 161 }
 162 .sqm_motd td {
 163     background: <?php echo $color[4]; ?>;
 164 }
 165
 166 /* empty_folder.tpl defs */
 167 .sqm_emptyFolder {
 168     background: <?php echo $color[9]; ?>;
 169 }
 170 .sqm_emptyFolder td {
 171     background: <?php echo $color[4]; ?>;
 172 }
 173
 174 /* error_box.tpl definitions */
 175 .table_errorBoxWrapper   {
 176     background: <?php echo $color[9]; ?>;
 177 }
 178
 179 .table_errorBox  {
 180     background: <?php echo $color[0]; ?>;
 181 }
 182 .error_message {
 183     background: <?php echo $color[4]; ?>;
 184 }
 185
 186 /* page_header.tpl definitions */
 187 .sqm_currentFolder      {
 188     background: <?php echo $color[9]; ?>;
 189     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 190 }
 191 .sqm_headerSignout      {
 192     background: <?php echo $color[9]; ?>;
 193     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 194 }
 195 .sqm_topNavigation      {
 196     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 197 }
 198 .sqm_providerInfo       {
 199     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 200 }
 201
 202 /* message_list.tpl definitions */
 203 .table_messageListWrapper       {
 204     background: <?php echo $color[9]; ?>;
 205 }
 206
 207 .table_messageList      {
 208     background: <?php echo $color[5]; ?>;
 209 }
 210
 211 .table_messageList      tr.headerRow    {
 212     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 213 }
 214 .table_messageList td.spacer {
 215     background: <?php echo $color[0]; ?>;
 216 }
 217 .table_messageList      tr.mouse_over   {
 218     background: <?php echo $color[5]; ?>;
 219 }
 220 .table_messageList      tr.clicked      {
 221     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 222 }
 223 .table_messageList      td.col_check    {
 224     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 225 }
 226 .table_messageList      td.col_subject  {
 227     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 228 }
 229 .table_messageList      td.col_flags    {
 230     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 231 }
 232 .table_messageList      td.col_text     {
 233     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 234 }
 235 .deleted        {
 236     color: <?php echo $color[9]; ?>;
 237 }
 238 .flagged        {
 239     color: <?php echo $color[2]; ?>;
 240 }
 241 .high_priority  {
 242     color: <?php echo $color[1]; ?>;
 243 }
 244 .low_priority   {
 245     color: <?php echo $color[8]; ?>;
 246 }
 247
 248 .links_paginator                        {
 249     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 250 }
 251
 252 .message_list_controls {
 253     background: <?php echo $color[0]; ?>;
 254 }
 255
 256 .message_control_buttons {
 257     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 258 }
 259 .message_control_delete {
 260     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 261 }
 262 .message_control_move {
 263     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 264 }
 265
 266 .spacer {
 267     background: <?php echo $color[4]; ?>;
 268 }
 269
 270 /* folder_manip.tpl defs */
 271 #folderManip   {
 272     text-align:center;
 273 }
 274
 275 #folderManip   td  {
 276     text-align: center;
 277     padding: 2px;
 278 }
 279
 280 #folderManip   table   {
 281     margin-left: auto;
 282     margin-right: auto;
 283     padding-top: 8px;
 284     padding-bottom: 8px;
 285     border: 0;
 286     width: 70%;
 287 }
 288
 289 #folderManip   table.wrapper   {
 290     border: 1px solid <?php echo $color[0]; ?>;
 291     width: 95%;
 292     margin-left: auto;
 293     margin-right: auto;
 294     padding: 0;
 295 }
 296
 297 #folderManip   td.folderAction {
 298     background: <?php echo $color[0]; ?>;
 299 }
 300
 301 #folderManip    div {
 302     margin-left: auto;
 303     margin-right: auto;
 304     width: 80%;
 305     text-align: left;
 306 }
 307
 308 /* addressbook_list.tpl defs */
 309 #addressList    {
 310     text-align: center;
 311 }
 312
 313 #addressList    input   {
 314     font-size: 75%;
 315 }
 316
 317 #addressList    select  {
 318     font-size: 75%;
 319 }
 320
 321 #addressList    table   {
 322     margin-left: auto;
 323     margin-right: auto;
 324     width: 90%;
 325     border: 1px solid <?php echo $color[9]; ?>;
 326     margin-top: 8px;
 327     margin-bottom: 8px;
 328 }
 329
 330 #addressList    td  {
 331     text-align: left;
 332     padding: 2px;
 333 }
 334
 335 #addressList    td.header1  {
 336     text-align: center;
 337     background: <?php echo $color[9]; ?>;
 338 }
 339 #addressList    td.abookSwitch  {
 340     background: <?php echo $color[0]; ?>;
 341     text-align: right;
 342 }
 343
 344 #addressList    td.abookButtons  {
 345     background: <?php echo $color[0]; ?>;
 346 }
 347
 348 #addressList    td.abookField   {
 349     border-left: 1px solid <?php echo $color[9]; ?>;
 350     border-right: 1px solid <?php echo $color[9]; ?>;
 351 }
 352
 353 #addressList    td.colHeader {
 354     text-align: center;
 355     font-weight: bold;
 356     font-size: 98%;
 357     background: <?php echo $color[9]; ?>;
 358     padding-top: 0px;
 359     padding-bottom: 0px;
 360 }
 361
 362 #addressList    td.abookEmpty   {
 363     text-align:center;
 364     font-weight: bold;
 365 }