Merge of Steve Brown's patch
[squirrelmail.git] / templates / default / stylesheet.tpl
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 */
37 extract($t);
38
39 ?>
40 /* older css template */
41 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
42 <?php
43 if($fontfamily) echo '  font-family: '.$fontfamily.";\n";
44 ?>
45 }
46 body, small {
47 <?php
48 if($fontsize) echo '  font-size: '.($fontsize-2)."pt;\n";
49 ?>
50 }
51 td, th {
52 <?php
53 if($fontsize) echo '  font-size: '.$fontsize."pt;\n";
54 ?>
55 }
56 textarea, pre {
57 font-family: monospace;
58 <?php
59 if($fontsize) echo '  font-size: '.($fontsize-1)."pt;\n";
60 ?>
61 }
62
63 /* page body formatting */
64 body {
65     color:  <?php echo SQM_TEXT_STANDARD; ?>;
66     background-color: <?php echo SQM_BACKGROUND; ?>;
67 }
68 body.leftmain {
69     color:  <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
70     background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
71 }
72
73 /* right links */
74 a:link, a:visited, a:hover, a:active {
75     color: <?php echo SQM_LINK; ?>;
76 }
77
78 /* left links */
79 .leftmain a:link, .leftmain a:visited, .leftmain a:hover, .leftmain a:active {
80     color:  <?php echo SQM_LINK_LEFT; ?>;
81 }
82 .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
83     color:  <?php echo SQM_TEXT_SPECIAL; ?>;
84 }
85 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
86     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
87 }
88
89 /* highlighted texts */
90 .highlight {
91     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
92 }
93
94 /* formating of error template */
95 .thead_caption {
96     font-weight: bold;
97     text-align: center;
98 }
99
100 .error_list {
101 }
102 .error_table {
103     color: <?php echo $color[14]; ?>;
104     border: 2px solid <?php echo $color[0]; ?>;
105     background-color: <?php echo $color[3]; ?>;
106     width: 100%;
107 }
108 .error_thead {
109     background-color: <?php echo $color[10]; ?>;
110 }
111 .error_thead_caption {
112     background-color: <?php echo $color[10]; ?>;
113 }
114 .error_row {
115     color: <?php echo $color[14]; ?>;
116 }
117 .error_val {
118     color: <?php echo $color[8]; ?>;
119     width: 80%;
120     border: 2px solid <?php echo $color[0]; ?>;
121
122 }
123 .error_key {
124     width: 20%;
125     border: 2px solid <?php echo $color[0]; ?>;
126     color: <?php echo $color[14]; ?>;
127     font-weight: bold;
128     font-style: italic;
129     background-color: <?php echo $color[0]; ?>;
130 }
131
132 /* form fields */
133 input.sqmtextfield{
134 }
135 input.sqmpwfield {
136 }
137 input.sqmcheckbox {
138 }
139 input.sqmradiobox {
140 }
141 input.sqmhiddenfield {
142 }
143 input.sqmsubmitfield {
144 }
145 input.sqmresetfield {
146 }
147 input.sqmtextarea {
148 }
149
150 /* basic definitions */
151 .table_empty {
152     width:100%;
153     border:0;
154     margin:0;
155     padding:0;
156     border-spacing:0;
157 }
158
159 .table_standard {
160     width:100%;
161     border:1px solid <?php echo $color[0]; ?>;
162     padding:0;
163     margin:0;
164     border-spacing:0;
165 }
166
167 em              {
168     font-weight:bold;
169     font-style:normal;
170 }
171
172 small   {
173     font-size:80%;
174 }
175
176 /* page_header.tpl definitions */
177 .sqm_currentFolder      {
178     background: <?php echo $color[9]; ?>;
179     padding:2px;
180     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
181 }
182 .sqm_headerSignout      {
183     background: <?php echo $color[9]; ?>;
184     padding:2px;
185     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
186     font-weight:bold;
187 }
188 .sqm_topNavigation      {
189     padding:2px;
190     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
191 }
192 .sqm_providerInfo       {
193     padding:2px;
194     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
195 }
196
197 /* message_list.tpl definitions */
198 .table_messageListWrapper       {
199     width:100%;
200     padding:0;
201     border-spacing:0;
202     border:0;
203     text-align:center;
204     margin-left:auto;
205     margin-right:auto;
206     background: <?php echo $color[9]; ?>;
207 }
208
209 .table_messageList      {
210     width:100%;
211     padding:0;
212     border-spacing:0;
213     border:0;
214     text-align:center;
215     margin-left:auto;
216     margin-right:auto;
217     background: <?php echo $color[5]; ?>;
218 }
219
220 .table_messageList      a       {
221     white-space:nowrap;
222 }
223
224 .table_messageList      tr.headerRow    {
225     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
226     white-space:nowrap;
227     font-weight:bold;
228 }
229 .table_messageList td.spacer {
230     height:1px;
231     background: <?php echo $color[0]; ?>;
232 }
233
234 .table_messageList      tr              {
235     vertical-align:top;
236 }
237 .table_messageList      tr.even {
238     background: <?php echo $color[12]; ?>;
239 }
240 .table_messageList      tr.odd  {
241     background: <?php echo $color[4]; ?>;
242 }
243 .table_messageList      tr.mouse_over   {
244     background: <?php echo $color[5]; ?>;
245 }
246 .table_messageList      tr.clicked      {
247     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
248 }
249
250 .table_messageList      td      {
251     white-space:nowrap;
252 }
253 .table_messageList      td.col_check    {
254     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
255 }
256 .table_messageList      td.col_subject  {
257     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
258 }
259 .table_messageList      td.col_flags    {
260     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
261 }
262 .table_messageList      td.col_date     {
263     text-align:center;
264 }
265 .table_messageList      td.col_text     {
266     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
267 }
268
269 .unread         {
270     font-weight:bold;
271 }
272 .deleted        {
273     color: <?php echo $color[9]; ?>;
274 }
275 .flagged        {
276     color: <?php echo $color[2]; ?>;
277 }
278 .high_priority  {
279     color: <?php echo $color[1]; ?>;
280 }
281 .low_priority   {
282     color: <?php echo $color[8]; ?>;
283 }
284
285 .col_checked    {
286 }
287
288 .links_paginator                        {
289     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
290 }
291
292 .message_count                          {
293     text-align:right;
294     font-size:8pt;
295 }
296
297 .message_list_controls {
298     background: <? echo $color[0]; ?>;
299 }
300
301 .message_control_button {
302     padding:0px;
303     margin:0px;
304 }
305 .message_control_buttons {
306     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
307     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
308 }
309 .message_control_delete {
310     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
311     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
312 }
313 .message_control_move {
314     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
315     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
316 }
317
318 .spacer {
319     height:5px;
320     background: <?php echo $color[4]; ?>;
321 }
322
323