New icon theming. Also added basic template for left_main.php
[squirrelmail.git] / templates / default / stylesheet.tpl
CommitLineData
02b2c3f1 1<?php
2/**
3 * SquirrelMail CSS template
4 *
e3812cb2 5 * Template is used by style.php script to generate css file used by
02b2c3f1 6 * SquirrelMail scripts.
e3812cb2 7 *
02b2c3f1 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
bd26fc82 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
02b2c3f1 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 *
47ccfad4 29 * @copyright &copy; 2005-2006 The SquirrelMail Project Team
02b2c3f1 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 */
37extract($t);
38
39?>
ca23755b 40/* older css template */
02b2c3f1 41body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
ca23755b 42<?php
e3812cb2 43if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
ca23755b 44?>
02b2c3f1 45}
46body, small {
ca23755b 47<?php
e3812cb2 48if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
ca23755b 49?>
50}
51td, th {
52<?php
e3812cb2 53if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
ca23755b 54?>
55}
56textarea, pre {
e3812cb2 57font-family: monospace;
ca23755b 58<?php
e3812cb2 59if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
ca23755b 60?>
02b2c3f1 61}
62
ca23755b 63/* page body formatting */
02b2c3f1 64body {
65 color: <?php echo SQM_TEXT_STANDARD; ?>;
66 background-color: <?php echo SQM_BACKGROUND; ?>;
67}
29997535 68body.sqm_leftMain {
02b2c3f1 69 color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
70 background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
96f180f6 71 text-align: left;
02b2c3f1 72}
73
bd26fc82 74/* right links */
75a:link, a:visited, a:hover, a:active {
02b2c3f1 76 color: <?php echo SQM_LINK; ?>;
77}
ca23755b 78
02b2c3f1 79/* left links */
29997535 80.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
02b2c3f1 81 color: <?php echo SQM_LINK_LEFT; ?>;
82}
29997535 83.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
bd26fc82 84 color: <?php echo SQM_TEXT_SPECIAL; ?>;
85}
826d1cd3 86.leftrecent {
87 font-weight:bold;
88}
bd26fc82 89.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
90 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
91}
02b2c3f1 92
ca23755b 93/* highlighted texts */
94.highlight {
95 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
02b2c3f1 96}
97
96f180f6 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}
29997535 106sqm_leftMain table {
96f180f6 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
02b2c3f1 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 */
164input.sqmtextfield{
165}
166input.sqmpwfield {
167}
168input.sqmcheckbox {
169}
170input.sqmradiobox {
171}
172input.sqmhiddenfield {
173}
174input.sqmsubmitfield {
175}
176input.sqmresetfield {
177}
178input.sqmtextarea {
179}
e3812cb2 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
198em {
199 font-weight:bold;
200 font-style:normal;
201}
202
203small {
204 font-size:80%;
205}
29997535 206img {
207 border:0;
208}
e3812cb2 209
96f180f6 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;
96f180f6 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
e3812cb2 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 {
29997535 372 background: <? echo $color[0]; ?>;
e3812cb2 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