Positioning fixes so that it works in the most browsers possible
[isso.git] / printer.css.php
1 <?php
2 /*=====================================================================*\
3 || ###################################################################
4 || # Iris Studios Shared Object Framework [#]issoversion[#]
5 || # Copyright ©2002-[#]year[#] Iris Studios, Inc.
6 || #
7 || # This program is free software; you can redistribute it and/or modify
8 || # it under the terms of the GNU General Public License as published by
9 || # the Free Software Foundation; version [#]gpl[#] of the License.
10 || #
11 || # This program is distributed in the hope that it will be useful, but
12 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
13 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
14 || # more details.
15 || #
16 || # You should have received a copy of the GNU General Public License along
17 || # with this program; if not, write to the Free Software Foundation, Inc.,
18 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
19 || ###################################################################
20 \*=====================================================================*/
21
22 error_reporting(E_ALL & ~E_NOTICE);
23
24 $included = true;
25
26 if (!isset($GLOBALS['isso:callback']))
27 {
28 if (!method_exists($GLOBALS['isso:callback'], 'load'))
29 {
30 $included = false;
31 $path = (isset($_SERVER['SCRIPT_URL']) ? $_SERVER['SCRIPT_URL'] : $_SERVER['REQUEST_URI']);
32 $GLOBALS['isso:callback']->webpath = dirname($path) . '/';
33
34 // Gecko browsers need this to display right
35 header("Content-Type: text/css");
36 }
37 }
38
39 $css = <<<CSS
40 /*=====================================================================*\
41 || ###################################################################
42 || # Iris Studios Shared Object Framework [#]issoversion[#]
43 || # Copyright ©2002-[#]year[#] Iris Studios, Inc.
44 || #
45 || # This program is free software; you can redistribute it and/or modify
46 || # it under the terms of the GNU General Public License as published by
47 || # the Free Software Foundation; version [#]gpl[#] of the License.
48 || #
49 || # This program is distributed in the hope that it will be useful, but
50 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
51 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
52 || # more details.
53 || #
54 || # You should have received a copy of the GNU General Public License along
55 || # with this program; if not, write to the Free Software Foundation, Inc.,
56 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
57 || ###################################################################
58 \*=====================================================================*/
59
60 /* ################################################################### */
61 /* Body and table elements */
62 /* ################################################################### */
63
64 /* Work-around for Mozilla (bug #243751) and Opera (bug #???) bugs in viewpoint rendering */
65 html
66 {
67 height: 100%;
68 }
69
70 /* Main window background colour and font colour */
71 body
72 {
73 color: rgb(96, 106, 90);
74
75 background-color: rgb(232, 255, 198);
76 }
77
78 /* Border area around tables and inbetween spacing */
79 .tborder
80 {
81 border: none;
82 }
83
84 /* First row set in all tables */
85 .tcat
86 {
87 color: rgb(30, 35, 46);
88
89 background-color: rgb(109, 187, 45);
90 }
91
92 /* Links within the TCAT class */
93 .tcat a:link, .tcat a:visited, .tcat a:active
94 {
95 color: rgb(55, 55, 55);
96 }
97
98 /* Row under the TCAT row (often used for column headers) */
99 td.thead, .thead td, .alt3
100 {
101 color: rgb(45, 45, 45);
102
103 font-weight: bold;
104 font-size: 11px;
105
106 background-color: rgb(165, 165, 165);
107 }
108
109 /* Links for the THEAD class */
110 .thead a:link, .thead a:visited, .thead a:active, .alt3 a:link, .alt3 a:visited, .alt3 a:active
111 {
112 color: rgb(45, 45, 45);
113 }
114
115 /* The first type of row used in the alternation cycle */
116 .alt1
117 {
118 color: rgb(41, 63, 91);
119
120 background-color: rgb(237, 245, 230);
121 }
122
123 /* The second type of row used in the alternation cycle */
124 .alt2
125 {
126 color: rgb(41, 63, 91);
127
128 background-color: rgb(255, 255, 255);
129 }
130
131 /* The third alternation, used in special cases */
132 .alt3
133 {
134 border-width: 0px;
135 }
136
137 /* The last row in the table (often used for the submit buttons) */
138 .tfoot
139 {
140 color: rgb(55, 55, 55);
141
142 background-color: rgb(64, 64, 64);
143 }
144
145 /* ################################################################### */
146 /* Text elements */
147 /* ################################################################### */
148
149 /* Font settings for all non-styled elements */
150 body, p, td, tr, ol, ul
151 {
152 font-family: verdana, geneva, arial, helvetica, sans-serif;
153 font-size: 11px;
154 }
155
156 /* Small text (used in copyright) */
157 .smallfont, .copyright, dfn
158 {
159 font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
160 font-size: 9px;
161 }
162
163 /* Description text */
164 dfn
165 {
166 font-style: italic;
167 }
168
169 /* Table headings */
170 .tcat, .thead, .tfoot
171 {
172 font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
173 font-size: 12px;
174 }
175
176 /* Normal links */
177 a:link, a:visited, a:active
178 {
179 color: rgb(109, 187, 45);
180 }
181
182 /* Hover links */
183 a:hover, .tcat a:hover, .thead a:hover, .tfoot a:hover, .alt3 a:hover
184 {
185 color: rgb(143, 236, 9);
186 }
187
188 .copyright a:hover, .copyright a:link, .copyright a:visited, .copyright a:active
189 {
190 text-decoration: none;
191 }
192
193 /* Mono-space */
194 .code
195 {
196 font-family: 'courier new', courier, monospace;
197 font-size: 9pt;
198 }
199
200 /* ################################################################### */
201 /* Form styling elements */
202 /* ################################################################### */
203
204 /* Input elements in a form */
205 input, textarea, select, option
206 {
207 font-family: verdana, geneva, arial, helvetica, sans-serif;
208 font-size: 11px;
209 }
210
211 /* Input formatting */
212 .input
213 {
214 font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
215 font-size: 11px;
216
217 text-indent: 5px;
218
219 margin: 3px 1px 1px 1px;
220 }
221
222 /* Button styling */
223 .button
224 {
225 color: rgb(0, 0, 0);
226
227 font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
228 font-size: 11px;
229 font-weight: bold;
230
231 margin: 3px 1px 1px 1px;
232 }
233
234 /* ################################################################### */
235 /* Navigation panel */
236 /* ################################################################### */
237
238 /* The links that appear in the upper-right corner */
239 #toplinks
240 {
241 float: right;
242
243 font-size: 14px;
244 }
245
246 #toplinks #toplinks-links
247 {
248 font-size: 10px;
249 }
250
251 /* Wrapper for the entire navigation system; including tabs */
252 #wrapper
253 {
254 padding-top: 12px;
255 }
256
257 /* The content panel that draws the background color for the panel */
258 #contentbody
259 {
260 padding: 5px;
261
262 background-color: rgb(255, 255, 255);
263
264 border-color: rgb(124, 128, 135);
265 border-width: 1px;
266 border-style: solid;
267
268 color: rgb(55, 55, 55);
269
270 width: 100%;
271 }
272
273 /* The actual tabbar */
274 #tabbar
275 {
276 height: 35px;
277
278 padding-left: 10px;
279
280 margin-top: 10px;
281 margin-bottom: -14px;
282 }
283
284 /* Links in the tabbar */
285 #tabbar a
286 {
287 font-weight: bold;
288 color: rgb(122, 151, 101);
289
290 text-transform: uppercase;
291 text-decoration: none;
292
293 padding: 8px 0px 8px 0px;
294 margin: 0px;
295
296 background-image: url({$GLOBALS['isso:callback']->webpath}images/tabs.gif);
297 background-repeat: no-repeat;
298 background-position: 0% -35px;
299 }
300
301 /* Blocks of the tab link */
302 #tabbar a span
303 {
304 height: 33px;
305 width: 100%;
306
307 padding: 8px 15px 8px 15px;
308
309 background-image: url({$GLOBALS['isso:callback']->webpath}images/tabs-ends.gif);
310 background-repeat: no-repeat;
311 background-position: 100% -35px;
312 }
313
314 /* The current, active tab */
315 #tabbar #focustab, #tabbar #focustab a:hover
316 {
317 color: rgb(64, 64, 64);
318
319 background-position: 0% 0px;
320
321 padding: 8px 0px 9px 0px;
322 }
323
324 /* Blocks of a focused tab link */
325 #tabbar #focustab span
326 {
327 background-position: 100% 0px;
328
329 padding-bottom: 9px;
330 }
331
332 /* Hovered tabs */
333 #tabbar a:hover
334 {
335 background-position: 0% -70px;
336
337 color: rgb(143, 236, 9);
338 }
339
340 /* Blocks of a hovered tab link */
341 #tabbar a:hover span
342 {
343 background-position: 100% -70px;
344 }
345
346 /* Main content frame <td> */
347 #mainbody
348 {
349 width: 80%;
350
351 vertical-align: top;
352
353 padding: 5px 5px 5px 0px;
354 }
355
356 #wrapper #contentbody #mainbody table
357 {
358 width: 100%;
359 }
360
361 /* Menu frame <td> */
362 #menu
363 {
364 width: 20%;
365
366 padding: 15px;
367
368 vertical-align: top;
369 }
370
371 /* A menu list of items */
372 #menu ul
373 {
374 list-style: none;
375
376 padding: 0px;
377 margin: 0px;
378 }
379
380 /* An individual item in the menu list */
381 #menu li span
382 {
383 display: block;
384
385 padding: 2px 2px 2px 7px;
386 margin-top: 1px;
387
388 background-color: rgb(208, 208, 208);
389 }
390
391 /* Links in the menu list */
392 #menu li a
393 {
394 color: rgb(64, 64, 64);
395 text-decoration: none;
396 font-size: 10px;
397 font-weight: bold;
398 }
399
400 /* A :hover for the row of a menu item */
401 #menu li a:hover span
402 {
403 background-color: rgb(158, 236, 95);
404 }
405
406 /* A header item row */
407 #menu li.header span
408 {
409 font-weight: bold;
410 text-transform: uppercase;
411 color: rgb(255, 255, 255);
412
413 padding: 3px;
414
415 background-color: rgb(96, 106, 90);
416 }
417
418 /* A focused item row */
419 #menu li.focus span
420 {
421 background-color: rgb(182, 216, 154);
422
423 text-decoration: underline;
424 }
425
426 CSS;
427
428 if (!$included)
429 {
430 echo $css;
431 }
432
433 /*=====================================================================*\
434 || ###################################################################
435 || # $HeadURL$
436 || # $Id$
437 || ###################################################################
438 \*=====================================================================*/
439 ?>