]> code.citadel.org Git - citadel.git/blob - webcit/static/head.html
* iconbar is now a happy css hovery lightupy div thing
[citadel.git] / webcit / static / head.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2         "http://www.w3.org/TR/html4/strict.dtd">
3 <html>
4 <head>
5 <?REFRESHTAG>
6 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
7 <title>Citadel: <?SERV_HUMANNODE></title>
8 <meta http-equiv="Pragma" content="no-cache" />
9 <meta http-equiv="expired" content="28-May-1971 18:10:00 GMT" />
10 <meta name="MSSmartTagsPreventParsing" content="TRUE" />
11 <style type="text/css">
12
13 * html {
14         overflow: hidden;
15 }
16
17 body {
18         margin:0;
19         margin-right: 1px;
20         padding: 0 0 0 0;
21         height: 100%;
22         overflow: auto;
23         background: #aaaaaa;
24         color: #000000;
25         font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
26         font-weight: normal;
27         font-size: 10pt;
28 }
29
30 #iconbar {
31         position:fixed;
32         display:block;
33         top:0px;
34         left:0px;
35         width: 10%;
36         height:100%;
37         background: #ffffff;
38 }
39
40 * html #iconbar {
41         position:absolute;
42         display:block;
43         top:0px;
44         left:0px;
45         width: 10%;
46         height:100%;
47         background: #ffffff;
48 }
49
50 #banner {
51         position:fixed;
52         display:block;
53         top:0px;
54         left: 10%;
55         width: 90%;
56         height: 15%;
57         background: #444455;
58 }
59
60 * html #banner {
61         position:absolute;
62         display:block;
63         top:0px;
64         left: 10%;
65         width: 90%;
66         height: 15%;
67         background: #444455;
68 }
69
70 #page_popup {
71         position:absolute;
72         width=600px;
73         height=400px;
74         background-color: #880000;
75         z-index: 2;
76 }
77
78 #content {
79         position:fixed;
80         display:block;
81         top: 15%;
82         left: 10%;
83         width: 90%;
84         height: 85%;
85         overflow: auto;
86 }
87
88 * html #content {
89         position:absolute;
90         display:block;
91         top: 15%;
92         left: 10%;
93         width: 90%;
94         height: 85%;
95         overflow: auto;
96 }
97
98 #button {
99         width: 100%;
100         padding: 0 0 1em 0;
101         margin-bottom: 1em;
102         background-color: #ffffff;
103         color: #aaaaaa;
104         font-size: 8pt;
105 }
106
107 #button ul {
108         list-style: none;
109         margin: 0;
110         padding: 0;
111         border: none;
112 }
113
114 #button li {
115         border-bottom: 1px solid #aaaaaa;
116         margin: 0;
117 }
118
119 #button img {
120         vertical-align: middle;
121         padding-left: 2px;
122         padding-right: 5px;
123 }
124
125 #button li a {
126         display: block;
127         background-color: #FFFFFF;
128         color: #000000;
129         text-decoration: none;
130         width: 100%;
131 }
132
133 html>body #button li a {
134         width: auto;
135 }
136
137 #button li a:hover {
138         background-color: #aaaaaa;
139         color: #fff;
140 }
141
142 a:link {
143         color: #0000FF;
144         text-decoration: none;
145 }
146
147 a:visited {
148         color: #0000FF;
149         text-decoration: none;
150 }
151
152 a:active {
153         color: #0000FF;
154         text-decoration: none;
155 }
156
157 a:hover {
158         text-decoration: underline;
159 }
160
161 .menubar_link {
162         font-size: 9pt;
163 }
164
165 .navbar_link {
166         font-size: 7pt;
167         color: #FFFFEE;
168 }
169
170 .titlebar {
171         font-size: 12pt;
172         color: #FFFFEE;
173 }
174
175 .mainmenu {
176         font-size: 10pt;
177         font-weight: bold;
178         color: #880000;
179 }
180
181 .menudesc {
182         font-size: 8pt;
183         color: #000088;
184 }
185
186 .message_header {
187         font-size: 10pt;
188         color: #000000;
189 }
190
191 .message_subject {
192         font-size: 10pt;
193         color: #000000;
194         font-style: italic;
195 }
196
197 .tablabel {
198         font-size: 10pt;
199         font-weight: bold;
200         color: #000000;
201 }
202
203 .boxlabel {
204         font-size: 7pt;
205         font-weight: bold;
206         color: #FFFFEE;
207 }
208
209 .youhavemail {
210         font-size: 6pt;
211         font-style: italic;
212         color: #000044;
213 }
214
215 .customize {
216         font-size: 8pt;
217         font-style: italic;
218         color: #000044;
219         background-color: #DDDDCC;
220 }
221
222 .room_banner_room_name {
223         font-size: 14pt;
224         font-weight: bold;
225         color: #FFFFEE;
226 }
227
228 .room_banner_room_info {
229         font-size: 6pt;
230         color: #FFFFEE;
231 }
232
233 .room_banner_new_messages {
234         font-size: 10pt;
235         color: #DDDDCC;
236 }
237
238 .room_banner_start_page {
239         font-size: 7pt;
240         color: #DDDDCC;
241 }
242
243 .menubar_bg {
244         background-color: #FF0000;
245 }
246
247 .roomlist_floor {
248         font-size: 12pt;
249         font-weight: bold;
250         color: #000000;
251 }
252
253 .roomlist_new {
254         font-size: 10pt;
255         color: #880000;
256         font-weight: bold;
257 }
258
259 .roomlist_old {
260         font-size: 10pt;
261         color: #000088;
262 }
263
264 blockquote {
265         margin-left: 8%;
266         margin-right: 8%;
267         border: thin ridge #dc143c;
268 }
269
270 blockquote pre {
271         margin-left: 1%;
272         margin-right: 1%;
273 }
274
275 var sub {
276         font-style: normal;
277 }
278
279 .note {
280         font-size: 85%;
281         margin-left: 10%;
282 }
283
284 .toolbar {
285         text-align: center;
286 }
287
288 .toolbar IMG {
289         float: right;
290 }
291
292 .errormsg {
293         color: #AA0000;
294         background: none;
295         font-style: italic;
296 }
297
298 .warning {
299         color: #FF4500;
300         background: none;
301         text-decoration: none;
302 }
303
304 .error strong {
305         color: #DC143C;
306         background: #FFD700;
307         text-decoration: none;
308 }
309
310 .warning strong {
311         color: #FF4500;
312         background: #FFD700;
313         text-decoration: none;
314 }
315
316 .warning a:link, .warning a:visited, .warning a:active {
317         color: #FF4500;
318         background: none;
319         text-decoration: underline;
320 }
321
322 .error a:link, .error a:visited, .error a:active {
323         color: #DC143C;
324         background: none;
325         text-decoration: underline;
326 }
327
328 .error strong a:link, .error strong a:visited, .error strong a:active {
329         color: #DC143C;
330         background: #FFD700;
331 }
332
333 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
334         color: #FF4500;
335         background: #FFD700;
336 }
337
338 colgroup.entity {
339         text-align: center;
340 }
341
342 .default {
343         text-decoration: underline;
344         font-style: normal;
345 }
346
347 .required {
348         font-weight: bold;
349 }
350
351 td li.transitional, .elements li.transitional {
352         font-weight: lighter;
353         color: #696969;
354         background: none;
355 }
356
357 td li.frameset, .elements li.frameset {
358         font-weight: lighter;
359         color: #808080;
360         background: none;
361 }
362
363 .footer, .checkedDocument {
364         margin-top: 2em;
365         padding-top: 1em;
366         border-top: solid thin black;
367 }
368
369 @media print {
370         input#toggler, .toolbar { display: none }
371 }
372
373 <!-- begin tree view styles -->
374
375 #mainMenu {
376   border: 1px solid #CCC;
377   color: #000;
378 }
379
380 #menuList {
381   margin: 0px;
382   padding: 10px 0px 10px 15px;
383 }
384
385 li.menubar {
386   background: url(/static/plus.gif) no-repeat 0em 0.3em;
387   font-size: 12px;
388   line-height: 1.5em;
389   list-style: none outside;
390 }
391
392 .menu, .submenu {
393   display: none;
394   margin-left: 15px;
395   padding: 0px;
396 }
397
398 .menu li, .submenu li {
399   background: url(/static/square.gif) no-repeat 0em 0.3em;
400   list-style: none outside;
401 }
402
403 a.actuator {
404   background-color: transparent;
405   color: #000;
406   font-size: 12px;
407   padding-left: 15px;
408   text-decoration: none;
409 }
410
411 a.actuator:hover {
412   text-decoration: underline;
413 }
414
415 .menu li a, .submenu li a {
416   background-color: transparent;
417   color: #000;
418   font-size: 12px;
419   padding-left: 15px;
420   text-decoration: none;
421 }
422
423 .menu li a:hover, submenu li a:hover {
424   /*border-bottom: 1px dashed #000;*/
425   text-decoration: underline;
426 }
427
428 span.key {
429   text-decoration: underline;
430 }
431
432 <!-- end tree view styles -->
433
434 </style>
435
436 <script language="JavaScript">
437
438 var browserType;
439
440 if (document.layers) {browserType = "nn4"}
441 if (document.all) {browserType = "ie"}
442 if (window.navigator.userAgent.toLowerCase().match("gecko")) {browserType= "gecko"}
443
444 function hide_page_popup() {
445   if (browserType == "gecko" )
446      document.poppedLayer = eval('document.getElementById(\'page_popup\')');
447   else if (browserType == "ie")
448      document.poppedLayer = eval('document.all[\'page_popup\']');
449   else
450      document.poppedLayer = eval('document.layers[\'`page_popup\']');
451   document.poppedLayer.style.visibility = "hidden";
452 }
453
454 </script>
455
456 </head>
457 <body>