- intial revision of a template to display CSS links at the top of the page
[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);
02b2c3f1 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
c03e9db0 250/* note.tpl defs */
251.sqm_noteWrapper {
252 text-align:center;
253 width:100%;
254}
255.sqm_note {
256 margin-left:auto;
257 margin-right:auto;
258 font-weight:bold;
259 text-align:center;
260}
261
262/* motd.tpl defs */
263.sqm_motdWrapper {
264 text-align:center;
265 width:100%;
266 margin:1px;
267}
268.sqm_motd {
269 margin-left:auto;
270 margin-right:auto;
271 text-align:center;
272 background: <?php echo $color[9]; ?>;
273 width:70%;
274 padding:0;
275}
276.sqm_motd td {
277 text-align:center;
278 background: <?php echo $color[4]; ?>;
279 padding:5px;
280}
281
282/* empty_folder.tpl defs */
283.sqm_emptyFolderWrapper {
284 text-align:center;
285 width:100%;
286}
287.sqm_emptyFolder {
288 margin-left:auto;
289 margin-right:auto;
290 text-align:center;
291 background: <?php echo $color[9]; ?>;
99786fbc 292 padding:1px;
c03e9db0 293 width:100%;
294}
295.sqm_emptyFolder td {
296 text-align:center;
297 background: <?php echo $color[4]; ?>;
298 padding-top:15px;
299 padding-bottom:15px;
300}
301
3cecf1cd 302/* error_box.tpl definitions */
303.table_errorBoxWrapper {
304 width:100%;
305 padding:0;
306 border-spacing:0;
307 border:0;
308 text-align:center;
309 margin-left:auto;
310 margin-right:auto;
311 background: <?php echo $color[9]; ?>;
312}
313
314.table_errorBox {
315 width:100%;
316 padding:0;
317 border-spacing:0;
318 border:0;
319 text-align:center;
320 margin-left:auto;
321 margin-right:auto;
2be6e3fc 322 background: <?php echo $color[0]; ?>;
323}
324.error_header {
325 color: red;
326 font-weight:bold;
327 font-weight:bold;
328 font-style:normal;
329}
330.error_message {
331 background: <?php echo $color[4]; ?>;
3cecf1cd 332}
333
284a0d8a 334/* error_logout.tpl definitions */
335#sqm_errorLogout {
336 width:100%;
337 text-align:center;
338}
339#sqm_errorLogout table {
340 border:0;
341 margin:0;
342 padding:0;
343 border-spacing:0;
344 margin-left:auto;
345 margin-right:auto;
346}
347#sqm_errorLogout td {
348 padding:2px;
349}
350.sqm_errorLogoutImage {
351 margin-left:auto;
352 margin-right:auto;
353 padding:2px;
354}
355.sqm_errorLogoutTop {
356 text-align:center;
357 font-size:80%;
358}
359
e3812cb2 360/* page_header.tpl definitions */
361.sqm_currentFolder {
362 background: <?php echo $color[9]; ?>;
363 padding:2px;
364 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
365}
366.sqm_headerSignout {
367 background: <?php echo $color[9]; ?>;
368 padding:2px;
369 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
370 font-weight:bold;
371}
372.sqm_topNavigation {
373 padding:2px;
374 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
375}
376.sqm_providerInfo {
377 padding:2px;
378 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
379}
380
381/* message_list.tpl definitions */
382.table_messageListWrapper {
383 width:100%;
384 padding:0;
385 border-spacing:0;
386 border:0;
387 text-align:center;
388 margin-left:auto;
389 margin-right:auto;
390 background: <?php echo $color[9]; ?>;
391}
392
393.table_messageList {
394 width:100%;
395 padding:0;
396 border-spacing:0;
397 border:0;
398 text-align:center;
399 margin-left:auto;
400 margin-right:auto;
401 background: <?php echo $color[5]; ?>;
402}
403
404.table_messageList a {
405 white-space:nowrap;
406}
407
408.table_messageList tr.headerRow {
409 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
410 white-space:nowrap;
411 font-weight:bold;
412}
413.table_messageList td.spacer {
414 height:1px;
415 background: <?php echo $color[0]; ?>;
416}
417
418.table_messageList tr {
419 vertical-align:top;
420}
421.table_messageList tr.even {
422 background: <?php echo $color[12]; ?>;
423}
424.table_messageList tr.odd {
425 background: <?php echo $color[4]; ?>;
426}
427.table_messageList tr.mouse_over {
428 background: <?php echo $color[5]; ?>;
429}
430.table_messageList tr.clicked {
431 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
432}
433
434.table_messageList td {
435 white-space:nowrap;
436}
437.table_messageList td.col_check {
438 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
439}
440.table_messageList td.col_subject {
441 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
442}
443.table_messageList td.col_flags {
444 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
445}
446.table_messageList td.col_date {
447 text-align:center;
448}
449.table_messageList td.col_text {
450 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
451}
452
453.unread {
454 font-weight:bold;
455}
456.deleted {
457 color: <?php echo $color[9]; ?>;
458}
459.flagged {
460 color: <?php echo $color[2]; ?>;
461}
462.high_priority {
463 color: <?php echo $color[1]; ?>;
464}
465.low_priority {
466 color: <?php echo $color[8]; ?>;
467}
468
469.col_checked {
470}
471
472.links_paginator {
473 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
474}
475
476.message_count {
477 text-align:right;
478 font-size:8pt;
479}
480
481.message_list_controls {
52a3af10 482 background: <?php echo $color[0]; ?>;
e3812cb2 483}
484
485.message_control_button {
486 padding:0px;
487 margin:0px;
488}
489.message_control_buttons {
490 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
491 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
492}
493.message_control_delete {
494 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
495 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
496}
497.message_control_move {
498 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
499 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
500}
501
502.spacer {
503 height:5px;
504 background: <?php echo $color[4]; ?>;
505}
506
507