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