Commit | Line | Data |
---|---|---|
b42b2bf9 H |
1 | /* tie komentare este niesu akoze naozaj [= vlastne aj toto css je taka provizooria; bo by som chcel zmenit system selektorov [aj v kode] */ |
2 | ||
3 | /* pasteka */ | |
4 | body { | |
5 | color: #6DAE42; | |
6 | text-decoration: none; | |
7 | margin: 0; | |
8 | background-color: black; | |
9 | scrollbar-shadow-color: #6DAE42; | |
10 | scrollbar-highlight-color: #6DAE42; | |
11 | scrollbar-3dlight-color: #6DAE42; | |
12 | scrollbar-base-color: black; | |
13 | scrollbar-darkshadow-color: #6DAE42; | |
14 | scrollbar-track-color: black; | |
15 | scrollbar-arrow-color: black; | |
16 | font: 8pt Tahoma,sans-serif; | |
17 | } | |
18 | ||
19 | inframe { | |
20 | width: 90%; | |
21 | height: 230px; | |
22 | } | |
23 | ||
24 | td { | |
25 | wordwrap: break-word; | |
26 | font: 8pt Tahoma,sans-serif; | |
27 | } | |
28 | ||
29 | ||
30 | /* header [momentalne vypnute fixnutie] */ | |
31 | .t1 { | |
32 | position: relative; | |
33 | margin: 0; | |
34 | text-align: center; | |
35 | background-color: #000; | |
36 | top: 0%; | |
37 | width: 100%; | |
38 | height: 20px; | |
39 | right: 0; | |
40 | left: 0; | |
41 | } | |
42 | ||
43 | .t2 { | |
44 | height: 20px; | |
45 | } | |
46 | ||
47 | /* obsah nody */ | |
48 | ||
49 | #topic { | |
50 | width: 662px; | |
51 | padding: 2px; | |
52 | display: table; | |
53 | } | |
54 | ||
55 | ||
56 | a { | |
57 | color: white; | |
58 | text-decoration: none; | |
59 | font: 8pt Tahoma,sans-serif; | |
60 | } | |
61 | ||
62 | a:hover { | |
63 | color: red; | |
64 | text-decoration: none; | |
65 | font: 8pt Tahoma,sans-serif; | |
66 | } | |
67 | ||
68 | a.mail { | |
69 | color: red; | |
70 | font-weight: bold; | |
71 | text-align: center; | |
72 | text-decoration: none; | |
73 | font: 8pt Tahoma,sans-serif; | |
74 | } | |
75 | ||
76 | a.mail:hover { | |
77 | color: white; | |
78 | text-decoration: none; | |
79 | font-weight: bold; | |
80 | text-align: center; | |
81 | font: 8pt Tahoma,sans-serif; | |
82 | } | |
83 | ||
84 | ||
85 | .bordered { | |
86 | border: 2px solid #6DAE42; | |
87 | } | |
88 | ||
89 | .bordered2 { | |
90 | border-left: solid 1pt #6DAE42; | |
91 | border-right: solid 1pt #6DAE42; | |
92 | border-bottom: solid 1pt #6DAE42; | |
93 | } | |
94 | ||
95 | ||
96 | ||
97 | .header { | |
98 | background-color: #333; | |
99 | border-bottom: solid 1px #6DAE42; | |
100 | height: 100%; | |
101 | width: 100%; | |
102 | vertical-align: top; | |
103 | align: left; | |
104 | padding: 0pt; | |
105 | } | |
106 | ||
107 | .header input { | |
108 | margin:0; | |
109 | padding:0; | |
110 | width: 8pt; | |
111 | height: 8pt; | |
112 | background: #444; /* len opera */ | |
113 | border: 1px solid #000; /* len opera */ | |
114 | color: #000; | |
115 | opacity: 0.8; | |
116 | } | |
117 | ||
118 | .important { | |
119 | font-weight: bold; | |
120 | text-align: center; | |
121 | } | |
122 | ||
123 | .most_important { | |
124 | font-weight: bold; | |
125 | color: red; | |
126 | size:70%; | |
127 | } | |
128 | ||
129 | .important_y { color: red; display: block; font-size: 2em; margin: .67em 0 } | |
130 | .important_n { color: green; display: block; font-size: 2em; margin: .67em 0 } | |
131 | ||
132 | /* userlisty a podobny sajrajt ----------------------------------------- */ | |
133 | ||
134 | .active_user_img { | |
135 | float: left; | |
136 | width: 50px; | |
137 | margin: 0 3px 3px 0; | |
138 | _margin-bottom:0; | |
139 | } | |
140 | ||
141 | .active_user_img img { margin:0; padding:0; width: 50px; height:50px; border:0; } | |
142 | ||
143 | .active_users .active_user_name { | |
144 | text-align: center; | |
145 | } | |
146 | ||
147 | .node_userlist { | |
148 | width: 666px; | |
149 | text-align: center; | |
150 | margin-bottom: 10px; | |
151 | position: relative; | |
152 | } | |
153 | ||
154 | .node_userlist img { | |
155 | width: 50px; | |
156 | height: 50px; | |
157 | border: 0; | |
158 | margin: 0 3px 3px 0; | |
159 | } | |
160 | ||
161 | /* thread -------------------------------------------------------------- */ | |
162 | ||
163 | #th_root { | |
164 | margin:0; | |
165 | padding:0; | |
166 | } | |
167 | ||
168 | #th_root li { | |
169 | list-style-type:none; | |
170 | border-left: 1px dotted #444; | |
171 | padding-left:2pt; | |
172 | margin-top: 5pt; | |
173 | } | |
174 | ||
175 | #th_root > li { | |
176 | border-bottom: 1px dotted #333; | |
177 | } | |
178 | ||
179 | .th_cnt { | |
180 | margin:0; | |
181 | padding:0; | |
182 | border-bottom: 1px dotted #444; | |
183 | } | |
184 | ||
185 | ||
186 | a.vector { | |
187 | font-size: 6pt; | |
188 | } | |
189 | ||
190 | a.vector:hover { | |
191 | font-size: 6pt; | |
192 | } | |
193 | ||
194 | .th_cnt .bordered { | |
195 | margin:0; | |
196 | padding: 2px; | |
197 | border: 2px solid #6dae42; | |
198 | background: #000; | |
199 | } | |
200 | ||
201 | ||
202 | ||
203 | .th_header { | |
204 | margin:0; | |
205 | padding:0.2em; | |
206 | background: #333; | |
207 | } | |
208 | ||
209 | .th_header input { | |
210 | margin:0; | |
211 | padding:0; | |
212 | width: 8pt; | |
213 | height: 8pt; | |
214 | background: #444; /* len opera */ | |
215 | border: 1px solid #000; /* len opera */ | |
216 | color: #000; | |
217 | opacity: 0.8; | |
218 | } | |
219 | ||
220 | .th_header input:hover { | |
221 | background: #000; | |
222 | color: #6dae42; | |
223 | border: 1px solid; | |
224 | opacity: 1; | |
225 | } | |
226 | ||
227 | .th_header div { | |
228 | margin:0; | |
229 | } | |
230 | ||
231 | .th_content { | |
232 | margin:0; | |
233 | padding:0; | |
234 | } | |
235 | ||
236 | .th_content img { | |
237 | max-width: 560px; /* loliik[= */ | |
238 | } | |
239 | ||
240 | /* form ---------------------------------------------------------------- */ | |
241 | input { | |
242 | color: white; | |
243 | background-color: black; | |
244 | vertical-align: middle; | |
245 | border: solid 1px #6DAE42; | |
246 | height: 18px; | |
247 | font: 8pt Tahoma,sans-serif; | |
248 | } | |
249 | ||
250 | ||
251 | input.small { | |
252 | color: white; | |
253 | background-color: transparent; | |
254 | width: 50px; | |
255 | vertical-align: middle; | |
256 | border: solid 1px #6DAE42; | |
257 | height: 18px; | |
258 | font: 8pt Tahoma,sans-serif; | |
259 | } | |
260 | ||
261 | select { | |
262 | color: white; | |
263 | background-color: black; | |
264 | vertical-align: middle; | |
265 | border: solid 1px #6DAE42; | |
266 | height: 18px; | |
267 | font: 8pt Tahoma,sans-serif; | |
268 | } | |
269 | ||
270 | textarea { | |
271 | width: 666px; | |
272 | height: 123px; | |
273 | background-color: transparent; | |
274 | border: 1px solid #6DAE42; | |
275 | color: white; | |
276 | } | |
277 | ||
278 | textarea.node_content { | |
279 | width: 800px; | |
280 | height: 666px; | |
281 | background-color: transparent; | |
282 | color: white; | |
283 | } | |
284 | ||
285 | textarea.small { | |
286 | width: 90%; | |
287 | height: 42px; | |
288 | background-color: transparent; | |
289 | overflow: hidden; | |
290 | font-color: white; | |
291 | color: white; | |
292 | } | |
293 | ||
294 | .controls { margin-top:3px; } | |
295 | .controls input { margin-right: 2px; } | |
296 | ||
297 | .toolbar { margin: 2px 0;} | |
298 | .toolbar input { margin-right: 2px; } | |
299 | ||
300 | .add_put { margin-top: 3px; } | |
301 | ||
302 | ||
303 | /* mejl ---------------------------------------------------------------- */ | |
304 | ||
305 | #mail_form { margin-bottom:10px } | |
306 | #mail_form .controls { margin-top:2px; } | |
307 | .message .header { padding:0.2em } | |
308 | ||
309 | ||
310 | /* friend hilight [zatim len v blogs] ---------------------------------- */ | |
311 | .hilight { | |
312 | background-color: #222; | |
313 | } | |
314 | .hilight .header { | |
315 | background-color: #555; | |
316 | } | |
317 | ||
318 | ||
319 | /* user panel ---------------------------------------------------------- */ | |
320 | #panel { | |
321 | position: absolute; | |
322 | top: 0px; | |
323 | left: 0px; | |
324 | display: none; | |
325 | z-index: 23; | |
326 | color: #FFF; | |
327 | background: #000; | |
328 | border: 1px solid #6DAE42; | |
329 | padding: 2px; | |
330 | margin: 0; | |
331 | } | |
332 | #panel .panel_btn { | |
333 | border: 0; | |
334 | color: #FFF; | |
335 | background: transparent; | |
336 | margin: 0; | |
337 | padding: 1px 0 1px 0; | |
338 | } | |
339 | #panel .panel_btn:hover { | |
340 | color: #F00; | |
341 | } | |
342 | #panel form { | |
343 | padding: 0; | |
344 | margin: 0; | |
345 | } |