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