Adding templates for the note in right_main.php, MOTD, and empty folder notification.
[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
c03e9db0 251/* note.tpl defs */
252.sqm_noteWrapper {
253 text-align:center;
254 width:100%;
255}
256.sqm_note {
257 margin-left:auto;
258 margin-right:auto;
259 font-weight:bold;
260 text-align:center;
261}
262
263/* motd.tpl defs */
264.sqm_motdWrapper {
265 text-align:center;
266 width:100%;
267 margin:1px;
268}
269.sqm_motd {
270 margin-left:auto;
271 margin-right:auto;
272 text-align:center;
273 background: <?php echo $color[9]; ?>;
274 width:70%;
275 padding:0;
276}
277.sqm_motd td {
278 text-align:center;
279 background: <?php echo $color[4]; ?>;
280 padding:5px;
281}
282
283/* empty_folder.tpl defs */
284.sqm_emptyFolderWrapper {
285 text-align:center;
286 width:100%;
287}
288.sqm_emptyFolder {
289 margin-left:auto;
290 margin-right:auto;
291 text-align:center;
292 background: <?php echo $color[9]; ?>;
293 padding:1;
294 width:100%;
295}
296.sqm_emptyFolder td {
297 text-align:center;
298 background: <?php echo $color[4]; ?>;
299 padding-top:15px;
300 padding-bottom:15px;
301}
302
e3812cb2 303/* page_header.tpl definitions */
304.sqm_currentFolder {
305 background: <?php echo $color[9]; ?>;
306 padding:2px;
307 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
308}
309.sqm_headerSignout {
310 background: <?php echo $color[9]; ?>;
311 padding:2px;
312 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
313 font-weight:bold;
314}
315.sqm_topNavigation {
316 padding:2px;
317 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
318}
319.sqm_providerInfo {
320 padding:2px;
321 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
322}
323
324/* message_list.tpl definitions */
325.table_messageListWrapper {
326 width:100%;
327 padding:0;
328 border-spacing:0;
329 border:0;
330 text-align:center;
331 margin-left:auto;
332 margin-right:auto;
333 background: <?php echo $color[9]; ?>;
334}
335
336.table_messageList {
337 width:100%;
338 padding:0;
339 border-spacing:0;
340 border:0;
341 text-align:center;
342 margin-left:auto;
343 margin-right:auto;
344 background: <?php echo $color[5]; ?>;
345}
346
347.table_messageList a {
348 white-space:nowrap;
349}
350
351.table_messageList tr.headerRow {
352 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
353 white-space:nowrap;
354 font-weight:bold;
355}
356.table_messageList td.spacer {
357 height:1px;
358 background: <?php echo $color[0]; ?>;
359}
360
361.table_messageList tr {
362 vertical-align:top;
363}
364.table_messageList tr.even {
365 background: <?php echo $color[12]; ?>;
366}
367.table_messageList tr.odd {
368 background: <?php echo $color[4]; ?>;
369}
370.table_messageList tr.mouse_over {
371 background: <?php echo $color[5]; ?>;
372}
373.table_messageList tr.clicked {
374 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
375}
376
377.table_messageList td {
378 white-space:nowrap;
379}
380.table_messageList td.col_check {
381 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
382}
383.table_messageList td.col_subject {
384 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
385}
386.table_messageList td.col_flags {
387 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
388}
389.table_messageList td.col_date {
390 text-align:center;
391}
392.table_messageList td.col_text {
393 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
394}
395
396.unread {
397 font-weight:bold;
398}
399.deleted {
400 color: <?php echo $color[9]; ?>;
401}
402.flagged {
403 color: <?php echo $color[2]; ?>;
404}
405.high_priority {
406 color: <?php echo $color[1]; ?>;
407}
408.low_priority {
409 color: <?php echo $color[8]; ?>;
410}
411
412.col_checked {
413}
414
415.links_paginator {
416 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
417}
418
419.message_count {
420 text-align:right;
421 font-size:8pt;
422}
423
424.message_list_controls {
52a3af10 425 background: <?php echo $color[0]; ?>;
e3812cb2 426}
427
428.message_control_button {
429 padding:0px;
430 margin:0px;
431}
432.message_control_buttons {
433 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
434 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
435}
436.message_control_delete {
437 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
438 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
439}
440.message_control_move {
441 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
442 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
443}
444
445.spacer {
446 height:5px;
447 background: <?php echo $color[4]; ?>;
448}
449
450