Correct invalid HTML id attributes. Modify add/edit/delete actions to account for...
[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);
116e1263 39//return false;
02b2c3f1 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}
e32c931f 84
29997535 85.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
bd26fc82 86 color: <?php echo SQM_TEXT_SPECIAL; ?>;
87}
e32c931f 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
02b2c3f1 98.error_table {
99 color: <?php echo $color[14]; ?>;
100 border: 2px solid <?php echo $color[0]; ?>;
101 background-color: <?php echo $color[3]; ?>;
02b2c3f1 102}
103.error_thead {
104 background-color: <?php echo $color[10]; ?>;
105}
106.error_thead_caption {
107 background-color: <?php echo $color[10]; ?>;
108}
109.error_row {
110 color: <?php echo $color[14]; ?>;
111}
112.error_val {
113 color: <?php echo $color[8]; ?>;
02b2c3f1 114 border: 2px solid <?php echo $color[0]; ?>;
115
116}
117.error_key {
02b2c3f1 118 border: 2px solid <?php echo $color[0]; ?>;
119 color: <?php echo $color[14]; ?>;
02b2c3f1 120 background-color: <?php echo $color[0]; ?>;
121}
122
e3812cb2 123
301d1912 124td.header1 {
125 background: <?php echo $color[0]; ?>;
126 text-align: center;
127 font-weight: bold;
128}
129
130
131td.header2 {
132 background: <?php echo $color[9]; ?>;
133 text-align: center;
134 font-weight: bold;
135 padding-top: 4px;
136 padding-bottom: 4px;
137}
138
a71b394e 139tr.even {
140 background: <?php echo $color[12]; ?>;
141}
142tr.odd {
143 background: <?php echo $color[4]; ?>;
144}
145
e3812cb2 146.table_standard {
e3812cb2 147 border:1px solid <?php echo $color[0]; ?>;
e3812cb2 148}
149
8f8188ae 150.sqm_loginOrgName, .sqm_signoutBar {
96f180f6 151 background: <?php echo $color[0]; ?>;
c03e9db0 152}
153
8f8188ae 154.sqm_signout {
155 margin-top: 2em;
156 text-align: center;
157}
158
c03e9db0 159.sqm_motd {
c03e9db0 160 background: <?php echo $color[9]; ?>;
c03e9db0 161}
162.sqm_motd td {
c03e9db0 163 background: <?php echo $color[4]; ?>;
c03e9db0 164}
165
166/* empty_folder.tpl defs */
c03e9db0 167.sqm_emptyFolder {
c03e9db0 168 background: <?php echo $color[9]; ?>;
c03e9db0 169}
170.sqm_emptyFolder td {
c03e9db0 171 background: <?php echo $color[4]; ?>;
c03e9db0 172}
173
3cecf1cd 174/* error_box.tpl definitions */
175.table_errorBoxWrapper {
3cecf1cd 176 background: <?php echo $color[9]; ?>;
177}
178
179.table_errorBox {
2be6e3fc 180 background: <?php echo $color[0]; ?>;
181}
2be6e3fc 182.error_message {
183 background: <?php echo $color[4]; ?>;
3cecf1cd 184}
185
e3812cb2 186/* page_header.tpl definitions */
187.sqm_currentFolder {
188 background: <?php echo $color[9]; ?>;
e3812cb2 189 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
190}
191.sqm_headerSignout {
192 background: <?php echo $color[9]; ?>;
e3812cb2 193 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 194}
195.sqm_topNavigation {
e3812cb2 196 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
197}
198.sqm_providerInfo {
e3812cb2 199 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
200}
201
202/* message_list.tpl definitions */
203.table_messageListWrapper {
e3812cb2 204 background: <?php echo $color[9]; ?>;
205}
206
207.table_messageList {
e3812cb2 208 background: <?php echo $color[5]; ?>;
209}
210
e3812cb2 211.table_messageList tr.headerRow {
212 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2 213}
214.table_messageList td.spacer {
e3812cb2 215 background: <?php echo $color[0]; ?>;
216}
e3812cb2 217.table_messageList tr.mouse_over {
218 background: <?php echo $color[5]; ?>;
219}
220.table_messageList tr.clicked {
221 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
222}
e3812cb2 223.table_messageList td.col_check {
224 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
225}
226.table_messageList td.col_subject {
227 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
228}
229.table_messageList td.col_flags {
230 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
231}
e3812cb2 232.table_messageList td.col_text {
233 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
234}
e3812cb2 235.deleted {
236 color: <?php echo $color[9]; ?>;
237}
238.flagged {
239 color: <?php echo $color[2]; ?>;
240}
241.high_priority {
242 color: <?php echo $color[1]; ?>;
243}
244.low_priority {
245 color: <?php echo $color[8]; ?>;
246}
247
e3812cb2 248.links_paginator {
249 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
250}
251
e3812cb2 252.message_list_controls {
52a3af10 253 background: <?php echo $color[0]; ?>;
e3812cb2 254}
255
e3812cb2 256.message_control_buttons {
257 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2 258}
259.message_control_delete {
260 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 261}
262.message_control_move {
263 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 264}
265
266.spacer {
e3812cb2 267 background: <?php echo $color[4]; ?>;
268}
301d1912 269
270/* folder_manip.tpl defs */
271#folderManip {
272 text-align:center;
273}
274
275#folderManip td {
276 text-align: center;
277 padding: 2px;
278}
279
280#folderManip table {
281 margin-left: auto;
282 margin-right: auto;
283 padding-top: 8px;
284 padding-bottom: 8px;
285 border: 0;
286 width: 70%;
287}
288
289#folderManip table.wrapper {
290 border: 1px solid <?php echo $color[0]; ?>;
291 width: 95%;
292 margin-left: auto;
293 margin-right: auto;
294 padding: 0;
295}
296
297#folderManip td.folderAction {
298 background: <?php echo $color[0]; ?>;
299}
300
301#folderManip div {
302 margin-left: auto;
303 margin-right: auto;
304 width: 80%;
305 text-align: left;
a71b394e 306}
307
308/* addressbook_list.tpl defs */
309#addressList {
310 text-align: center;
311}
312
313#addressList input {
3f92c0c7 314 font-size: 8pt;
a71b394e 315}
316
317#addressList select {
318 font-size: 75%;
319}
320
321#addressList table {
322 margin-left: auto;
323 margin-right: auto;
3f92c0c7 324 width: 95%;
a71b394e 325 border: 1px solid <?php echo $color[9]; ?>;
326 margin-top: 8px;
327 margin-bottom: 8px;
328}
329
330#addressList td {
331 text-align: left;
332 padding: 2px;
333}
334
335#addressList td.header1 {
336 text-align: center;
337 background: <?php echo $color[9]; ?>;
338}
339#addressList td.abookSwitch {
340 background: <?php echo $color[0]; ?>;
341 text-align: right;
342}
343
344#addressList td.abookButtons {
345 background: <?php echo $color[0]; ?>;
346}
347
348#addressList td.abookField {
349 border-left: 1px solid <?php echo $color[9]; ?>;
350 border-right: 1px solid <?php echo $color[9]; ?>;
3f92c0c7 351 white-space: nowrap;
352 overflow: hidden;
a71b394e 353}
354
355#addressList td.colHeader {
356 text-align: center;
357 font-weight: bold;
358 font-size: 98%;
359 background: <?php echo $color[9]; ?>;
360 padding-top: 0px;
361 padding-bottom: 0px;
362}
363
364#addressList td.abookEmpty {
365 text-align:center;
366 font-weight: bold;
3f92c0c7 367}
368
369#addressList td.abookCompose {
370 font-size: 8pt;
371 white-space: nowrap;
372}
373
374#addrBookSearch {
375 text-align: center;
376}
377
378#addrBookSearch table {
379 padding: 0;
380 border: 0;
381 margin-left: auto;
382 margin-right: auto;
383}
384
385#addrBookSearch table.wrapper {
386 border: 1px solid <?php echo $color[9]; ?>;
387 width: 95%;
388 margin-left: auto;
389 margin-right: auto;
390 padding: 0;
391}
392
393#addrBookSearch td {
394 padding: 2px;
395}
396
397#addrBookSearch label {
398 font-weight: bold;
399}
400
401#addrBookSearch input {
402 font-size: 75%;
403}
404
405#addrBookSearch select {
406 font-size: 75%;
407}
408
409#addrBookSearch td.buttons {
410 text-align: center;
301d1912 411}