Correcting color indexes so transparency is displayed correctly in IE.
[squirrelmail.git] / templates / default / stylesheet.tpl
CommitLineData
02b2c3f1 1<?php
52a3af10 2
02b2c3f1 3/**
4 * SquirrelMail CSS template
5 *
e3812cb2 6 * Template is used by style.php script to generate css file used by
02b2c3f1 7 * SquirrelMail scripts.
e3812cb2 8 *
02b2c3f1 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
bd26fc82 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
02b2c3f1 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 *
47ccfad4 30 * @copyright &copy; 2005-2006 The SquirrelMail Project Team
02b2c3f1 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 */
38extract($t);
39
40?>
ca23755b 41/* older css template */
02b2c3f1 42body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
ca23755b 43<?php
e3812cb2 44if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
ca23755b 45?>
02b2c3f1 46}
47body, small {
ca23755b 48<?php
e3812cb2 49if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
ca23755b 50?>
51}
52td, th {
53<?php
e3812cb2 54if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
ca23755b 55?>
56}
57textarea, pre {
e3812cb2 58font-family: monospace;
ca23755b 59<?php
e3812cb2 60if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
ca23755b 61?>
02b2c3f1 62}
63
ca23755b 64/* page body formatting */
02b2c3f1 65body {
66 color: <?php echo SQM_TEXT_STANDARD; ?>;
67 background-color: <?php echo SQM_BACKGROUND; ?>;
68}
29997535 69body.sqm_leftMain {
02b2c3f1 70 color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
71 background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
96f180f6 72 text-align: left;
02b2c3f1 73}
74
bd26fc82 75/* right links */
76a:link, a:visited, a:hover, a:active {
02b2c3f1 77 color: <?php echo SQM_LINK; ?>;
78}
ca23755b 79
02b2c3f1 80/* left links */
29997535 81.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
02b2c3f1 82 color: <?php echo SQM_LINK_LEFT; ?>;
83}
29997535 84.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
bd26fc82 85 color: <?php echo SQM_TEXT_SPECIAL; ?>;
86}
826d1cd3 87.leftrecent {
88 font-weight:bold;
89}
bd26fc82 90.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
91 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
92}
02b2c3f1 93
ca23755b 94/* highlighted texts */
95.highlight {
96 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
02b2c3f1 97}
98
96f180f6 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}
29997535 107sqm_leftMain table {
96f180f6 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
02b2c3f1 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 */
165input.sqmtextfield{
166}
167input.sqmpwfield {
168}
169input.sqmcheckbox {
170}
171input.sqmradiobox {
172}
173input.sqmhiddenfield {
174}
175input.sqmsubmitfield {
176}
177input.sqmresetfield {
178}
179input.sqmtextarea {
180}
e3812cb2 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
199em {
200 font-weight:bold;
201 font-style:normal;
202}
203
204small {
205 font-size:80%;
206}
29997535 207img {
208 border:0;
209}
e3812cb2 210
96f180f6 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;
96f180f6 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
e3812cb2 251/* page_header.tpl definitions */
252.sqm_currentFolder {
253 background: <?php echo $color[9]; ?>;
254 padding:2px;
255 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
256}
257.sqm_headerSignout {
258 background: <?php echo $color[9]; ?>;
259 padding:2px;
260 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
261 font-weight:bold;
262}
263.sqm_topNavigation {
264 padding:2px;
265 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
266}
267.sqm_providerInfo {
268 padding:2px;
269 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
270}
271
272/* message_list.tpl definitions */
273.table_messageListWrapper {
274 width:100%;
275 padding:0;
276 border-spacing:0;
277 border:0;
278 text-align:center;
279 margin-left:auto;
280 margin-right:auto;
281 background: <?php echo $color[9]; ?>;
282}
283
284.table_messageList {
285 width:100%;
286 padding:0;
287 border-spacing:0;
288 border:0;
289 text-align:center;
290 margin-left:auto;
291 margin-right:auto;
292 background: <?php echo $color[5]; ?>;
293}
294
295.table_messageList a {
296 white-space:nowrap;
297}
298
299.table_messageList tr.headerRow {
300 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
301 white-space:nowrap;
302 font-weight:bold;
303}
304.table_messageList td.spacer {
305 height:1px;
306 background: <?php echo $color[0]; ?>;
307}
308
309.table_messageList tr {
310 vertical-align:top;
311}
312.table_messageList tr.even {
313 background: <?php echo $color[12]; ?>;
314}
315.table_messageList tr.odd {
316 background: <?php echo $color[4]; ?>;
317}
318.table_messageList tr.mouse_over {
319 background: <?php echo $color[5]; ?>;
320}
321.table_messageList tr.clicked {
322 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
323}
324
325.table_messageList td {
326 white-space:nowrap;
327}
328.table_messageList td.col_check {
329 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
330}
331.table_messageList td.col_subject {
332 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
333}
334.table_messageList td.col_flags {
335 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
336}
337.table_messageList td.col_date {
338 text-align:center;
339}
340.table_messageList td.col_text {
341 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
342}
343
344.unread {
345 font-weight:bold;
346}
347.deleted {
348 color: <?php echo $color[9]; ?>;
349}
350.flagged {
351 color: <?php echo $color[2]; ?>;
352}
353.high_priority {
354 color: <?php echo $color[1]; ?>;
355}
356.low_priority {
357 color: <?php echo $color[8]; ?>;
358}
359
360.col_checked {
361}
362
363.links_paginator {
364 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
365}
366
367.message_count {
368 text-align:right;
369 font-size:8pt;
370}
371
372.message_list_controls {
52a3af10 373 background: <?php echo $color[0]; ?>;
e3812cb2 374}
375
376.message_control_button {
377 padding:0px;
378 margin:0px;
379}
380.message_control_buttons {
381 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
382 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
383}
384.message_control_delete {
385 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
386 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
387}
388.message_control_move {
389 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
390 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
391}
392
393.spacer {
394 height:5px;
395 background: <?php echo $color[4]; ?>;
396}
397
398