Converting images from gif to png
[squirrelmail.git] / templates / default_advanced / stylesheet.tpl
CommitLineData
93222bea 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 */
37extract($t);
38
39?>
40/* older css template */
41body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
42<?php
43if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
44?>
45}
46body, small {
47<?php
48if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
49?>
50}
51td, th {
52<?php
53if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
54?>
55}
56textarea, pre {
57font-family: monospace;
58<?php
59if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
60?>
61}
62
63/* page body formatting */
64body {
65 color: <?php echo SQM_TEXT_STANDARD; ?>;
66 background-color: <?php echo SQM_BACKGROUND; ?>;
67}
68body.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 */
75a: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:auto;
103 margin-right:auto;
104 border-spacing:0;
105 width:99%
106 text-align:center;
107}
108sqm_leftMain table {
109 border:0;
110 padding:0;
111 margin:0;
112 border-spacing:0;
113 margin-left:auto;
114 margin-right:auto;
115}
116.sqm_folderHeader {
117 font-size:18px;
118 font-weight:bold;
119 text-align:center;
120}
121.sqm_clock {
122}
123.sqm_lastRefreshTime {
124 white-space: nowrap;
125}
126.sqm_refreshButton {
127}
128
129.dtree {
130 font-size:11px;
131 white-space:nowrap;
132}
133.dtree p {
134 margin-top:12px;
135 margin-bottom:2px;
136 padding-bottom:4px;
137 text-align:center;
138 overflow: hidden;
139}
140.dtree a:hover {
141 text-decoration: underline;
142}
143.dtree a {
144 text-decoration:none;
145}
146.dtree img {
147 border:0;
148 vertical-align: middle;
149}
150.dtree a.node, .dtree a.nodeSel {
151 white-space: nowrap;
152 padding: 1px 2px 1px 2px;
153}
154.dtree a.node:hover, .dtree a.nodeSel:hover {
155 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
156}
157.dtree a.nodeSel {
158 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
159}
160.dtree .clip {
161 overflow: hidden;
162}
163
164/* formating of error template */
165.thead_caption {
166 font-weight: bold;
167 text-align: center;
168}
169
170.error_list {
171}
172.error_table {
173 color: <?php echo $color[14]; ?>;
174 border: 2px solid <?php echo $color[0]; ?>;
175 background-color: <?php echo $color[3]; ?>;
176 width: 100%;
177}
178.error_thead {
179 background-color: <?php echo $color[10]; ?>;
180}
181.error_thead_caption {
182 background-color: <?php echo $color[10]; ?>;
183}
184.error_row {
185 color: <?php echo $color[14]; ?>;
186}
187.error_val {
188 color: <?php echo $color[8]; ?>;
189 width: 80%;
190 border: 2px solid <?php echo $color[0]; ?>;
191
192}
193.error_key {
194 width: 20%;
195 border: 2px solid <?php echo $color[0]; ?>;
196 color: <?php echo $color[14]; ?>;
197 font-weight: bold;
198 font-style: italic;
199 background-color: <?php echo $color[0]; ?>;
200}
201
202/* form fields */
203input.sqmtextfield{
204}
205input.sqmpwfield {
206}
207input.sqmcheckbox {
208}
209input.sqmradiobox {
210}
211input.sqmhiddenfield {
212}
213input.sqmsubmitfield {
214}
215input.sqmresetfield {
216}
217input.sqmtextarea {
218}
219
220/* basic definitions */
221.table_empty {
222 width:100%;
223 border:0;
224 margin:0;
225 padding:0;
226 border-spacing:0;
227}
228
229.table_standard {
230 width:100%;
231 border:1px solid <?php echo $color[0]; ?>;
232 padding:0;
233 margin:0;
234 border-spacing:0;
235}
236
237em {
238 font-weight:bold;
239 font-style:normal;
240}
241
242small {
243 font-size:80%;
244}
245img {
246 border:0;
247}
248
249/* login.tpl definitions */
250#sqm_login table {
251 border:0;
252 margin:0;
253 padding:0;
254 border-spacing:0;
255 margin-left:auto;
256 margin-right:auto;
257}
258#sqm_login td {
259 padding:2px;
260}
261
262.sqm_loginImage {
263 margin-left:auto;
264 margin-right:auto;
265 padding:2px;
266}
267.sqm_loginTop {
268 text-align:center;
269 font-size:80%;
270}
271.sqm_loginOrgName {
272 font-weight:bold;
273 text-align:center;
274 background: <?php echo $color[0]; ?>;
275 width:350px;
276 border:0;
277}
278.sqm_loginFieldName {
279 text-align:right;
280 width:30%;
281}
282.sqm_loginFieldInput {
283 text-align:left;
284}
285.sqm_loginSubmit {
286 text-align:center;
287}
288
289/* page_header.tpl definitions */
290.sqm_currentFolder {
291 background: <?php echo $color[9]; ?>;
292 padding:2px;
293 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
294}
295.sqm_headerSignout {
296 background: <?php echo $color[9]; ?>;
297 padding:2px;
298 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
299 font-weight:bold;
300}
301.sqm_topNavigation {
302 padding:2px;
303 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
304}
305.sqm_providerInfo {
306 padding:2px;
307 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
308}
309
310/* message_list.tpl definitions */
311.table_messageListWrapper {
312 width:100%;
313 padding:0;
314 border-spacing:0;
315 border:0;
316 text-align:center;
317 margin-left:auto;
318 margin-right:auto;
319 background: <?php echo $color[9]; ?>;
320}
321
322.table_messageList {
323 width:100%;
324 padding:0;
325 border-spacing:0;
326 border:0;
327 text-align:center;
328 margin-left:auto;
329 margin-right:auto;
330 background: <?php echo $color[5]; ?>;
331}
332
333.table_messageList a {
334 white-space:nowrap;
335}
336
337.table_messageList tr.headerRow {
338 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
339 white-space:nowrap;
340 font-weight:bold;
341}
342.table_messageList td.spacer {
343 height:1px;
344 background: <?php echo $color[0]; ?>;
345}
346
347.table_messageList tr {
348 vertical-align:top;
349}
350.table_messageList tr.even {
351 background: <?php echo $color[12]; ?>;
352}
353.table_messageList tr.odd {
354 background: <?php echo $color[4]; ?>;
355}
356.table_messageList tr.mouse_over {
357 background: <?php echo $color[5]; ?>;
358}
359.table_messageList tr.clicked {
360 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
361}
362
363.table_messageList td {
364 white-space:nowrap;
365}
366.table_messageList td.col_check {
367 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
368}
369.table_messageList td.col_subject {
370 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
371}
372.table_messageList td.col_flags {
373 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
374}
375.table_messageList td.col_date {
376 text-align:center;
377}
378.table_messageList td.col_text {
379 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
380}
381
382.unread {
383 font-weight:bold;
384}
385.deleted {
386 color: <?php echo $color[9]; ?>;
387}
388.flagged {
389 color: <?php echo $color[2]; ?>;
390}
391.high_priority {
392 color: <?php echo $color[1]; ?>;
393}
394.low_priority {
395 color: <?php echo $color[8]; ?>;
396}
397
398.col_checked {
399}
400
401.links_paginator {
402 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
403}
404
405.message_count {
406 text-align:right;
407 font-size:8pt;
408}
409
410.message_list_controls {
411 background: <?php echo $color[0]; ?>;
412}
413
414.message_control_button {
415 padding:0px;
416 margin:0px;
417}
418.message_control_buttons {
419 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
420 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
421}
422.message_control_delete {
423 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
424 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
425}
426.message_control_move {
427 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
428 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
429}
430
431.spacer {
432 height:5px;
433 background: <?php echo $color[4]; ?>;
434}
435
436