51ff3226 |
1 | body { |
2 | color: #777; |
3 | font-size: 8pt; |
4 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
5 | text-decoration: none; |
6 | margin: 0; |
7 | background-color: #000; |
8 | background-position: bottom right; |
9 | background-repeat: no-repeat; |
10 | background-attachment: fixed; |
11 | } |
12 | |
13 | /* fix menu: menu je potrebne vlozit do <div class="t1"> a podneho nasupovat div z "t2" */ |
14 | .t1 { |
15 | color: #777; |
16 | position: fixed; |
17 | margin: 0; |
18 | text-align: center; |
19 | font-size: 8pt; |
20 | font-weight: normal; |
21 | background-color: #000; |
22 | top: auto; |
23 | width: 100%; |
24 | height: 17px; |
25 | right: 0; |
26 | top: 0%; |
27 | left: 0; |
28 | z-index: 666; |
29 | } |
30 | |
31 | .t2 { |
32 | height: 17px |
33 | } |
34 | |
35 | inframe { |
36 | width: 90%; |
37 | height: 230px; |
38 | } |
39 | |
40 | #body { |
41 | width: 850px; |
42 | margin-right: 93px; |
43 | } |
44 | |
45 | #topic { |
46 | width: 662px; |
47 | padding: 2px; |
48 | display: table; |
49 | wordwrap: break-word; |
50 | } |
51 | |
52 | img { |
53 | background: #000; |
54 | border: 0; |
55 | } |
56 | |
57 | img:hover { |
58 | background: #111; |
59 | } |
60 | |
61 | a { |
62 | color: #FFF; |
63 | font-size: 8pt; |
64 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
65 | text-decoration: none; |
66 | } |
67 | |
68 | a:hover { |
69 | color: #F00; |
70 | font-size: 8pt; |
71 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
72 | text-decoration: none; |
73 | } |
74 | |
75 | a.mail { |
76 | color: #FFF; |
77 | font-size: 8pt; |
78 | font-weight: bold; |
79 | text-align: center; |
80 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
81 | text-decoration: none; |
82 | } |
83 | |
84 | a.mail:hover { |
85 | color: #F00; |
86 | font-size: 8pt; |
87 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
88 | text-decoration: none; |
89 | font-weight: bold; |
90 | text-align: center; |
91 | } |
92 | |
93 | td { |
94 | font-size: 8pt; |
95 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
96 | wordwrap: break-word; |
97 | } |
98 | .bordered { |
99 | border: 1px solid #777; |
100 | background-color: #000; |
101 | z-index: 0; |
102 | } |
103 | .bordered2 { |
104 | border-right: 1px solid #777; |
105 | border-bottom: 1px solid #777; |
106 | border-left: 1px solid #777; |
107 | z-index: 0; |
108 | } |
109 | .header { |
110 | background-color: #222; |
111 | border-bottom: 1px solid #777; |
112 | height: 100%; |
113 | width: 100%; |
114 | vertical-align: top; |
115 | text-align: left; |
116 | padding: 0pt; |
117 | width: 100%; |
118 | z-index: 0; |
119 | } |
120 | .important { |
121 | font-weight: bold; |
122 | color: #AAA; |
123 | } |
124 | .most_important { |
125 | font-weight: bold; |
126 | color: #F00; |
127 | } |
128 | .message { |
129 | background-color: #000; |
130 | z-index: 0; |
131 | } |
132 | |
133 | .active_users .active_user_img { |
134 | width: 50px; |
135 | float: left; |
136 | } |
137 | .active_user_img img { |
138 | border: 0; |
139 | width: 50px; |
140 | height: 50px; |
141 | } |
142 | .active_users .active_user_name { |
143 | text-align: center; |
144 | } |
145 | |
146 | textarea { |
147 | width : 666px; |
148 | height: 123px; |
149 | background-color: transparent; |
150 | border: 1px solid #777; |
151 | color: #999; |
152 | font-size: 8pt; |
153 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
154 | } |
155 | textarea:focus { |
156 | border: 1px dashed #AAA; |
157 | color: #FFF; |
158 | } |
159 | textarea.node_content { |
160 | width : 800px; |
161 | height: 666px; |
162 | background-color: transparent; |
163 | border: 1px solid #777; |
164 | color: #AAA; |
165 | } |
166 | textarea.node_content:focus { |
167 | border: 1px dashed #AAA; |
168 | color: #FFF; |
169 | } |
170 | textarea.small { |
171 | width : 90%; |
172 | height : 42px; |
173 | border-color: #777; |
174 | background-color: transparent; |
175 | overflow: hidden; |
176 | color: #FFF; |
177 | } |
178 | table[width="666"] td[colspan='3'] a { |
179 | text-decoration: none; |
180 | font-size: 6px; |
181 | } |
182 | table[width="666"] td[colspan='3'] a:hover { |
183 | color: #FFF; |
184 | background: #333; |
185 | } |
186 | input { |
187 | color: #FFFFFF; |
188 | font-size: 8pt; |
189 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
190 | background-color: transparent; |
191 | vertical-align: middle; |
192 | border: 1px solid #777; |
193 | height: 15px |
194 | } |
195 | input[type='submit'] { |
196 | color: #FFF; |
197 | background-color: #000; |
198 | border: 1px solid #777; |
199 | text-align: center; |
200 | } |
201 | input[type='submit']:focus { |
202 | color: #000; |
203 | background-color: #777; |
204 | border: 1px solid #AAA; |
205 | } |
206 | input[type='text'] { |
207 | border: 1px solid #777; |
208 | color: #FFF; |
209 | } |
210 | input[type='text']:focus { |
211 | border: 1px dashed #AAA; |
212 | color: #FFF; |
213 | } |
214 | input[value='delete'] {position: fixed; right: 10px; bottom: 12px; width: 53px; z-index: 666;} |
215 | |
216 | input[name='bookmark_category_id'] {position: fixed; right: 162px; bottom: 10px; width: 132px; z-index: 666;} |
217 | input[value='set_bookmark_category'] {position: fixed; right: 10px; bottom: 10px; width: 157px; z-index: 666;} |
218 | |
219 | .add_put input[value='K'] {position: fixed; right: 156px; bottom: 30px; width: 27px; z-index: 666;} |
220 | input[value='<'] {position: fixed; right: 124px; bottom: 30px; width: 27px; z-index: 666;} |
221 | input[value='<<'] {position: fixed; right: 83px; bottom: 30px; width: 36px; z-index: 666;} |
222 | input[value='>>'] {position: fixed; right: 42px; bottom: 30px; width: 36px; z-index: 666;} |
223 | input[value='>'] {position: fixed; right: 10px; bottom: 30px; width: 27px; z-index: 666;} |
224 | |
225 | input[value='delete_mail'] {position: fixed; right: 10px; bottom: 10px; width: 84px; z-index: 666;} |
226 | |
227 | input.small { |
228 | color: #FFF; |
229 | font-size: 8pt; |
230 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
231 | background-color: transparent; |
232 | width: 50px; |
233 | vertical-align: middle; |
234 | border: 1px solid #777; |
235 | height: 15px; |
236 | } |
237 | select { |
238 | color: #FFF; |
239 | font-size: 8pt; |
240 | font-family: Tahoma, Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica; |
241 | background-color: #000; |
242 | vertical-align: middle; |
243 | border: 1px solid #777; |
244 | height: 15px; |
245 | } |
246 | |
247 | /* friend hilighting */ |
248 | .hilight { |
249 | background-color: #222; |
250 | } |
251 | .hilight .header { |
252 | background-color: #444; |
253 | border-bottom: solid 1px #777; |
254 | } |
255 | |
256 | /* useful menu */ |
257 | #main_menu { |
258 | float: right; |
259 | border: 1px solid #777; |
260 | background: #000; |
261 | position: fixed; |
262 | right: 5px; |
263 | z-index: 5; |
264 | width: 85px; |
265 | text-align: center; |
266 | } |
267 | #main_menu .menu_off { |
268 | display: none; |
269 | } |
270 | #main_menu .menu_on { |
271 | display: block; |
272 | } |
273 | #main_menu .onoff { |
274 | width: 71px; |
275 | margin: 0 6px 0 6px; |
276 | text-align: center; |
277 | font-size: 6pt; |
278 | color: #FFF; |
279 | background: #000; |
280 | border: 1px solid #777; |
281 | } |
282 | #menu div.line { |
283 | width: 85px; |
284 | height: 18px; |
285 | } |
286 | #menu div.line:hover { |
287 | background: #111; |
288 | } |
289 | #menu input { |
290 | margin: 1px; |
291 | } |
292 | |
293 | /* user panel */ |
294 | #panel { |
295 | position: absolute; |
296 | top: 0px; |
297 | left: 0px; |
298 | display: none; |
299 | z-index: 23; |
300 | color: #FFF; |
301 | background: #000; |
302 | border: 1px solid #777; |
303 | padding: 2px; |
304 | margin: 0; |
305 | } |
306 | #panel .panel_btn { |
307 | border: 0; |
308 | color: #FFF; |
309 | background: transparent; |
310 | margin: 0; |
311 | padding: 1px 0 1px 0; |
312 | } |
313 | #panel .panel_btn:hover { |
314 | color: #F00; |
315 | } |
316 | #panel form { |
317 | padding: 0; |
318 | margin: 0; |
319 | } |
320 | |
321 | |
322 | /* notable nodes */ |
323 | #th_root { |
324 | margin:0; |
325 | padding:0; |
326 | } |
327 | |
328 | #th_root li { |
329 | list-style-type:none; |
330 | border-left: 1px dotted #444; |
331 | padding-left:2pt; |
332 | margin-top: 5pt; |
333 | } |
334 | |
335 | #th_root > li { |
336 | border-bottom: 1px dotted #333; |
337 | } |
338 | |
339 | .th_cnt { |
340 | margin:0; |
341 | padding:0; |
342 | border-bottom: 1px dotted #444; |
343 | } |
344 | |
345 | |
346 | a.vector { |
347 | font-size: 6pt; |
348 | } |
349 | |
350 | a.vector:hover { |
351 | font-size: 6pt; |
352 | } |
353 | |
354 | .th_cnt .bordered { |
355 | margin:0; |
356 | padding: 2px; |
357 | border: 2px solid #6dae42; |
358 | background: #000; |
359 | } |
360 | |
361 | .th_header { |
362 | margin:0; |
363 | padding:0.2em; |
364 | background: #333; |
365 | } |
366 | |
367 | .th_header input { |
368 | margin:0; |
369 | padding:0; |
370 | width: 8pt; |
371 | height: 8pt; |
372 | background: #444; /* len opera */ |
373 | border: 1px solid #000; /* len opera */ |
374 | color: #000; |
375 | opacity: 0.8; |
376 | } |
377 | |
378 | .th_header input:hover { |
379 | background: #000; |
380 | color: #6dae42; |
381 | border: 1px solid; |
382 | opacity: 1; |
383 | } |
384 | |
385 | .th_header div { |
386 | margin:0; |
387 | } |
388 | |
389 | .th_content { |
390 | margin:0; |
391 | padding:0; |
392 | } |