Commit 07e8414b3df9d30b331cc6ed91eafc2c0ea24fda
1 parent
f6b2f30e
Exists in
master
and in
9 other branches
responsive: rename base.css to scss
Showing
2 changed files
with
1421 additions
and
1421 deletions
Show diff stats
public/designs/themes/base/style.css
... | ... | @@ -1,1421 +0,0 @@ |
1 | -/* ==> button.css <== */ | |
2 | - | |
3 | -.button { | |
4 | - -moz-border-radius: 3px; | |
5 | - -webkit-border-radius: 3px; | |
6 | -} | |
7 | - | |
8 | -#content input.button, #content a.button { | |
9 | - background-repeat: no-repeat; | |
10 | - background-color: #EEE; | |
11 | - border: 1px solid #CCC; | |
12 | - color: #555; | |
13 | - line-height: 16px; | |
14 | - height: 16px; | |
15 | - text-decoration: none; | |
16 | -} | |
17 | - | |
18 | -#content input.button.with-text, #content a.button.with-text { | |
19 | - line-height: 20px; | |
20 | - height: 20px; | |
21 | -} | |
22 | - | |
23 | -input.button { | |
24 | - max-height: 20px; | |
25 | -} | |
26 | -input.button.with-text { | |
27 | - max-height: 22px; | |
28 | -} | |
29 | - | |
30 | -#content input.button:hover, #content a.button:hover { | |
31 | - color: #FFF; | |
32 | - background-color: #555; | |
33 | - border: 1px solid #2e3436; | |
34 | - text-decoration: none; | |
35 | -} | |
36 | - | |
37 | -/* ==> layout.css <== */ | |
38 | - | |
39 | -body { | |
40 | - background: #EEE; | |
41 | - font-family: Liberation Sans, Arial, sans-serif; | |
42 | -} | |
43 | - | |
44 | -#wrap-1, #theme-footer { | |
45 | - width: 960px; | |
46 | - margin: auto; | |
47 | -} | |
48 | - | |
49 | -body, th, td, input { | |
50 | - font-size: 12px; | |
51 | -} | |
52 | - | |
53 | -#link-go-content { | |
54 | - position: absolute; | |
55 | - top: -100px; | |
56 | -} | |
57 | - | |
58 | -#wrap-2 { | |
59 | - padding: 10px; | |
60 | - position: relative; | |
61 | - border: 1px solid #d3d7cf; | |
62 | - background-color: white; | |
63 | -} | |
64 | - | |
65 | -.msie7 #wrap-2 { | |
66 | - height: 100%; | |
67 | -} | |
68 | - | |
69 | -#content { | |
70 | - margin-top: 105px; | |
71 | -} | |
72 | - | |
73 | -/*************************** user bar ********************************/ | |
74 | - | |
75 | -#user { | |
76 | - text-align: right; | |
77 | - position: absolute; | |
78 | - right: 10px; | |
79 | - z-index: 10; | |
80 | -} | |
81 | - | |
82 | -#user a { | |
83 | - position: relative; | |
84 | - color: #888a85; | |
85 | -} | |
86 | - | |
87 | -#user a strong { | |
88 | - font-weight: bold; | |
89 | - color: #555753; | |
90 | -} | |
91 | - | |
92 | -#user .logged-in > * { | |
93 | - margin-left: 25px; | |
94 | -} | |
95 | - | |
96 | -#user a i { | |
97 | - display: block; | |
98 | - width: 16px; | |
99 | - height: 16px; | |
100 | - position: absolute; | |
101 | - left: -17px; | |
102 | - top: -1px; | |
103 | -} | |
104 | -.msie7 #user a i { | |
105 | - top: 3px; | |
106 | -} | |
107 | - | |
108 | -#user #homepage-link i { | |
109 | - width: 18px; | |
110 | - height: 18px; | |
111 | - left: -20px; | |
112 | - top: -2px; | |
113 | - background-position: 50% 50%; | |
114 | -} | |
115 | - | |
116 | -#user form { | |
117 | - position: relative; | |
118 | - display: inline; | |
119 | - margin-left: 20px; | |
120 | -} | |
121 | - | |
122 | -#user form input .blur { | |
123 | - width: 160px; | |
124 | - border: 1px solid #BBB; | |
125 | - -moz-border-radius: 3px; | |
126 | - -webkit-border-radius: 3px; | |
127 | - color: #CCC; | |
128 | -} | |
129 | -#user form input { | |
130 | - border: 1px solid #888; | |
131 | - color: #555; | |
132 | -} | |
133 | - | |
134 | -#user form div { | |
135 | - font-size: 11px; | |
136 | - color: #888; | |
137 | - visibility: hidden; | |
138 | -} | |
139 | -#user form.focused div { | |
140 | - visibility: visible; | |
141 | -} | |
142 | - | |
143 | -/*************************** logo ************************************/ | |
144 | - | |
145 | -#site-title { | |
146 | - margin: 0px; | |
147 | - padding: 0px; | |
148 | - position: absolute; | |
149 | - top: 20px; | |
150 | - left: 0px; | |
151 | - z-index: 7; | |
152 | - overflow: hidden; | |
153 | - width: 310px; | |
154 | - height: 90px; | |
155 | -} | |
156 | - | |
157 | -#site-title a { | |
158 | - display: block; | |
159 | - width: 300px; | |
160 | - height: 40px; | |
161 | - position: absolute; | |
162 | - top: 30px; | |
163 | - left: 20px; | |
164 | -} | |
165 | - | |
166 | -#site-title span { | |
167 | - font-size: 1px; | |
168 | - position: absolute; | |
169 | - top: -200px; | |
170 | -} | |
171 | - | |
172 | -/************************** navigation bar ***************************/ | |
173 | - | |
174 | -#navigation { | |
175 | - position: absolute; | |
176 | - top: 49px; | |
177 | - right: 0px; | |
178 | - width: 100%; | |
179 | - text-align: right; | |
180 | - background: #ccc url(imgs/menu-top-bg-left.png) no-repeat; | |
181 | -} | |
182 | - | |
183 | -#navigation-end { | |
184 | - position: absolute; | |
185 | - top: 0px; | |
186 | - right: 0px; | |
187 | - width: 14px; | |
188 | - height: 42px; | |
189 | - background: url(imgs/menu-top-bg-right.png); | |
190 | -} | |
191 | - | |
192 | -#navigation ul { | |
193 | - height: 42px; | |
194 | - margin: 0px; | |
195 | - padding: 0px 10px 0px 0px; | |
196 | - float: right; | |
197 | -} | |
198 | - | |
199 | -#navigation li { | |
200 | - list-style: none; | |
201 | - display: block; | |
202 | - height: auto; | |
203 | - width: 125px; | |
204 | - float: left; | |
205 | - text-align: center; | |
206 | - position: relative; | |
207 | -} | |
208 | - | |
209 | -#navigation a { | |
210 | - border-left: 1px solid #888a85; | |
211 | - display: block; | |
212 | - font-size: 15px; | |
213 | - line-height: 42px; | |
214 | - text-decoration: none; | |
215 | - color: #000; | |
216 | -} | |
217 | -#navigation a:hover { | |
218 | - background: url(imgs/menu-top-hilight.png); | |
219 | - color: #FFF; | |
220 | -} | |
221 | - | |
222 | -#navigation span { | |
223 | - padding: 0px 0px 0px 30px; | |
224 | - background-position: 5px 50%; | |
225 | - background-repeat: no-repeat; | |
226 | -} | |
227 | - | |
228 | -#navigation .menu-submenu ul, #navigation .menu-submenu li{ | |
229 | - float: none; | |
230 | - text-align: right; | |
231 | - border-left: 0px; | |
232 | -} | |
233 | - | |
234 | -#navigation .menu-submenu ul{ | |
235 | - border: 1px solid #888a85; | |
236 | - border-top: 0px; | |
237 | - background-color: #ccc; | |
238 | - padding-right: 2px; | |
239 | - height: auto; | |
240 | - display: block; | |
241 | - padding-top: 20px; | |
242 | -} | |
243 | - | |
244 | -#navigation .menu-submenu{ | |
245 | - bottom: -75px; | |
246 | - width: 126px; | |
247 | - top: 0px; | |
248 | - right: 0px; | |
249 | - position: relative; | |
250 | -} | |
251 | - | |
252 | -#navigation .menu-submenu a{ | |
253 | - padding: 4px 5px; | |
254 | - font-size: 12px; | |
255 | - line-height: normal; | |
256 | - border-left: 0; | |
257 | -} | |
258 | - | |
259 | -#navigation .menu-submenu-trigger { | |
260 | - background: #eee url(../../../images/down-arrow.png) center center no-repeat; | |
261 | - border: 0px; | |
262 | - height: 8px; | |
263 | - width: 124px; | |
264 | -} | |
265 | -#navigation li:hover .menu-submenu-trigger:hover { | |
266 | - background: #585858 url(imgs/down-arrow-light.png) center center no-repeat; | |
267 | -} | |
268 | - | |
269 | -#navigation li:hover .menu-submenu-trigger{ | |
270 | - display: block; | |
271 | -} | |
272 | - | |
273 | -#navigation li .menu-submenu-trigger{ | |
274 | - display: none; | |
275 | - height: 16px; | |
276 | - top: 42px; | |
277 | - left: 0; | |
278 | - border: 1px solid #888A85; | |
279 | - outline: none; | |
280 | -} | |
281 | - | |
282 | -#navigation .menu-submenu-header, #navigation .menu-submenu-footer, #navigation .menu-submenu h4{ | |
283 | - display: none; | |
284 | -} | |
285 | - | |
286 | -#navigation .common-profile-list-block .vcard .menu-submenu-trigger, | |
287 | -.menu-submenu-trigger { | |
288 | - left: 1px; | |
289 | - top: 33px; | |
290 | - -moz-border-radius: 0px; | |
291 | - -webkit-border-radius: 0px; | |
292 | -} | |
293 | - | |
294 | -/************************** main content *****************************/ | |
295 | - | |
296 | -.main-content { | |
297 | - border-style: solid; | |
298 | - border-color: #babdb6; | |
299 | - border-width: 1px; | |
300 | - border-radius: 10px; | |
301 | - | |
302 | - box-shadow: 1px 1px 2px #888888; | |
303 | - | |
304 | - padding: 10px 20px; | |
305 | -} | |
306 | - | |
307 | -#content .main-block h1, #not-found h1, #access-denied h1 { | |
308 | - font-variant: small-caps; | |
309 | - color: #555753; | |
310 | - text-align: left; | |
311 | - border-bottom: 2px solid #2e3436; | |
312 | -} | |
313 | - | |
314 | -.block { | |
315 | - position: relative; | |
316 | - padding: 10px 0; | |
317 | - float: none; | |
318 | -} | |
319 | - | |
320 | -/***************************** header ********************************/ | |
321 | -#theme-header { | |
322 | - height: 20px; | |
323 | -} | |
324 | - | |
325 | -/***************************** footer ********************************/ | |
326 | - | |
327 | -#theme-footer #language-chooser { | |
328 | - margin-top: 3em; | |
329 | - text-align: center; | |
330 | -} | |
331 | - | |
332 | - | |
333 | -#theme-footer { | |
334 | - padding: 0px; | |
335 | - font-size: 11px; | |
336 | - color: #555; | |
337 | - margin-bottom: 20px; | |
338 | -} | |
339 | - | |
340 | -#theme-footer a { | |
341 | - color: #333; | |
342 | - text-decoration: none; | |
343 | -} | |
344 | -#theme-footer a:hover { | |
345 | - color: #222; | |
346 | - text-decoration: underline; | |
347 | -} | |
348 | - | |
349 | -#footer-links { | |
350 | - text-align: left; | |
351 | - float: left; | |
352 | -} | |
353 | - | |
354 | -#link-to-doc { | |
355 | - background-repeat: no-repeat; | |
356 | - padding-left: 20px; | |
357 | - padding-top: 2px; | |
358 | - padding-bottom: 2px; | |
359 | -} | |
360 | - | |
361 | -#copyright { | |
362 | - text-align: right; | |
363 | -} | |
364 | - | |
365 | -#noosfero-license { | |
366 | - margin-bottom: 1em; | |
367 | -} | |
368 | - | |
369 | -div.no_media_panel { | |
370 | - margin: 0px; | |
371 | -} | |
372 | - | |
373 | -div#notice { | |
374 | - right: 50%; | |
375 | - margin-right: -470px; | |
376 | -} | |
377 | - | |
378 | -/* ==> blocks.css <== */ | |
379 | - | |
380 | -.block a { | |
381 | - color: #555753; | |
382 | -} | |
383 | -.block a:visited { | |
384 | - color: #888a85; | |
385 | - font-weight: normal; | |
386 | -} | |
387 | -.block a:hover { | |
388 | - color: #2e3436; | |
389 | - text-decoration: underline; | |
390 | -} | |
391 | - | |
392 | - | |
393 | -#content .block { | |
394 | - padding: 0px; | |
395 | - margin: 0px 0px 20px 0px; | |
396 | - position: relative; | |
397 | -} | |
398 | - | |
399 | - | |
400 | -#content .block-title { | |
401 | - font-variant: small-caps; | |
402 | - color: #AAA; | |
403 | - font-size: 14px; | |
404 | - text-align: left; | |
405 | - border-bottom: 2px solid #AAA; | |
406 | -} | |
407 | -#content .block-subtitle { | |
408 | - font-variant: normal; | |
409 | - color: #AAA; | |
410 | - font-size: 11px; | |
411 | - text-align: center; | |
412 | - border-bottom: 1px solid #AAA; | |
413 | - padding: 2px 0; | |
414 | -} | |
415 | - | |
416 | -/*************************** Login block *****************************/ | |
417 | - | |
418 | -.login-box { | |
419 | - padding: 0px; | |
420 | -} | |
421 | - | |
422 | -.login-box-content { | |
423 | - margin: 0px; | |
424 | - border: none; | |
425 | - background: none; | |
426 | - padding: 0px; | |
427 | -} | |
428 | - | |
429 | -.login-box-content .button-bar .button { | |
430 | - position: relative; | |
431 | -} | |
432 | - | |
433 | -.login-box .formfieldline input { | |
434 | - width: 99%; | |
435 | -} | |
436 | - | |
437 | -.login-box form { | |
438 | - margin: 0px; | |
439 | -} | |
440 | -.msie7 .login-box form { | |
441 | - padding: 0px 10px 0px 0px; | |
442 | -} | |
443 | - | |
444 | -#content .login-block h2 { | |
445 | - font-variant: small-caps; | |
446 | - color: #AAA; | |
447 | - font-size: 14px; | |
448 | - text-align: left; | |
449 | - border-bottom: 2px solid #AAA; | |
450 | -} | |
451 | - | |
452 | -.login-box p { | |
453 | - text-align: center; | |
454 | - margin: 0px; | |
455 | - padding: 0px; | |
456 | -} | |
457 | - | |
458 | -.login-box .forgot-passwd a { | |
459 | - color: #555753; | |
460 | -} | |
461 | - | |
462 | -.want-to-be-an-user { | |
463 | - font-size: 13px; | |
464 | -} | |
465 | - | |
466 | -#content .logged-user-info h2 { | |
467 | - font-size: none; | |
468 | -} | |
469 | - | |
470 | -.logged-user-info ul { | |
471 | - margin-top: 5px; | |
472 | -} | |
473 | - | |
474 | -.logged-user-info .user-actions { | |
475 | - padding-left: 50px; | |
476 | -} | |
477 | - | |
478 | - | |
479 | -/************************** Profile List *****************************/ | |
480 | - | |
481 | -#content .profile-list-block ul, | |
482 | -#content .enterprises-block ul, | |
483 | -#content .communities-block ul, | |
484 | -#content .fans-block ul { | |
485 | - min-width: 196px; | |
486 | - width: 192px; | |
487 | - margin: 0px 0px 0px -3px; | |
488 | - padding: 0px; | |
489 | -} | |
490 | - | |
491 | -#content .box-1 .profile-list-block ul, | |
492 | -#content .box-1 .enterprises-block ul, | |
493 | -#content .box-1 .communities-block ul, | |
494 | -#content .box-1 .fans-block ul { | |
495 | - width: auto; | |
496 | - display: block; | |
497 | -} | |
498 | - | |
499 | -.block-footer-content a.view-all { | |
500 | - position: absolute; | |
501 | - top: 2px; | |
502 | - right: 0px; | |
503 | - font-size: 11px; | |
504 | - color: #000; | |
505 | - text-decoration: none; | |
506 | - padding-right: 15px; | |
507 | - background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; | |
508 | -} | |
509 | - | |
510 | -#content .profile-list-block .block-title { | |
511 | - text-align: left; | |
512 | -} | |
513 | - | |
514 | -#content .profile-list li a, | |
515 | -#content .common-profile-list-block .vcard li a { | |
516 | - color: #555; | |
517 | -} | |
518 | -#content .profile-list li a:hover, | |
519 | -#content .common-profile-list-block .vcard li a:hover { | |
520 | - color: #000; | |
521 | - text-decoration: none; | |
522 | -} | |
523 | - | |
524 | -/************************* Recent Contents ***************************/ | |
525 | - | |
526 | -#content .feed-reader-block, | |
527 | -#content .recent-documents-block { | |
528 | - overflow: hidden; | |
529 | -} | |
530 | - | |
531 | -.feed-reader-block li, | |
532 | -.recent-documents-block li { | |
533 | - list-style-image: url(imgs/li-recent.gif); | |
534 | - padding: 5px 0px; | |
535 | -} | |
536 | - | |
537 | -.feed-reader-block li a, | |
538 | -.recent-documents-block li a { | |
539 | - font-weight: bold; | |
540 | -} | |
541 | - | |
542 | -.feed-reader-block li a:visited, | |
543 | -.recent-documents-block li a:visited { | |
544 | - font-weight: normal; | |
545 | -} | |
546 | - | |
547 | -.feed-reader-block li a:hover, | |
548 | -.recent-documents-block li a:hover { | |
549 | - text-decoration: underline; | |
550 | -} | |
551 | - | |
552 | -/************************* Profile Image *****************************/ | |
553 | - | |
554 | -#content .profile-image-block { | |
555 | -} | |
556 | -.profile-big-image-inner1 { | |
557 | - text-align: center; | |
558 | -} | |
559 | - | |
560 | -.profile-big-image { | |
561 | -} | |
562 | -.profile-big-image img { | |
563 | - border: none; | |
564 | - padding: 0px; | |
565 | -} | |
566 | - | |
567 | -.profile-image-block p { | |
568 | - margin: 0px; | |
569 | - font-size: 17px; | |
570 | - font-weight: bold; | |
571 | - color: #555; | |
572 | -} | |
573 | - | |
574 | -.profile-image-block .admin-link { | |
575 | - text-align: center; | |
576 | - font-size: 75%; | |
577 | - clear: both; | |
578 | -} | |
579 | - | |
580 | - | |
581 | -/*************************** My Network ******************************/ | |
582 | - | |
583 | -#content .block.my-network-block { | |
584 | - margin: 0px 0px 10px 0px; | |
585 | -} | |
586 | - | |
587 | -.my-network-block ul { | |
588 | - margin: 0px; | |
589 | - padding: 0px 0px 10px 20px; | |
590 | -} | |
591 | -.my-network-block li { | |
592 | - margin: 0px; | |
593 | - padding: 0px; | |
594 | - list-style: none; | |
595 | -} | |
596 | - | |
597 | - | |
598 | -/*************************** Link List *******************************/ | |
599 | - | |
600 | -.link-list-block .empty { | |
601 | - display: none; | |
602 | -} | |
603 | - | |
604 | -#content .link-list-block { | |
605 | - padding: 10px 0px 10px 10px; | |
606 | -} | |
607 | - | |
608 | -#content .box-1 .link-list-block { | |
609 | - margin: 0px; | |
610 | -} | |
611 | - | |
612 | -#content .link-list-block li { | |
613 | - background: #FFF; | |
614 | - padding: 0px; | |
615 | - margin: 5px 0px; | |
616 | -} | |
617 | - | |
618 | -#content .box-1 .link-list-block li { | |
619 | - display: inline-block; | |
620 | -} | |
621 | - | |
622 | -#content .link-list-block li a { | |
623 | - font-size: 14px; | |
624 | - line-height: 24px; | |
625 | - color: #000; | |
626 | - background-color: #EEE; | |
627 | - background-position: 4px 50%; | |
628 | - border-radius: 4px; | |
629 | -} | |
630 | - | |
631 | -#content .box-1 .link-list-block li a { | |
632 | - padding-left: 25px; | |
633 | - padding-right: 10px; | |
634 | - margin-right: 5px; | |
635 | - background-position: 5px 50%; | |
636 | -} | |
637 | - | |
638 | -#content .link-list-block li a.link-this-page { | |
639 | - border-radius-topright: 0px; | |
640 | - border-radius-bottomright: 0px; | |
641 | - background-color: #cecece; | |
642 | - max-width: 175px; | |
643 | - width: 200px; | |
644 | - border-right: 2px solid #555753; | |
645 | -} | |
646 | - | |
647 | -#content .box-1 .link-list-block li a.link-this-page { | |
648 | - width: auto; | |
649 | - border: none; | |
650 | - border-radius: 4px; | |
651 | -} | |
652 | - | |
653 | -#content .link-list-block li a:hover { | |
654 | - background-color: #555753; | |
655 | - color: #FFF; | |
656 | - text-decoration: none; | |
657 | -} | |
658 | -#content .link-list-block li a.link-this-page:hover { | |
659 | - border-right: 2px solid #555753; | |
660 | -} | |
661 | - | |
662 | - | |
663 | -/************************** Communities ******************************/ | |
664 | - | |
665 | -.communities-block .profile-image { | |
666 | - float: left; | |
667 | - padding-left: 4px; | |
668 | - max-width: 70px; | |
669 | - width: 75px; | |
670 | - height: auto; | |
671 | -} | |
672 | - | |
673 | -.msie7 .communities-block .common-profile-list-block .vcard a { | |
674 | - height: auto; | |
675 | - width: 99%; | |
676 | - padding-bottom: 1px; | |
677 | -} | |
678 | - | |
679 | -.communities-block .vcard a .org { | |
680 | - overflow: hidden; | |
681 | -} | |
682 | -.msie .communities-block .vcard a .org { | |
683 | - height: 30px; | |
684 | -} | |
685 | - | |
686 | -.communities-block .vcard a .may-clear { | |
687 | - clear: left; | |
688 | -} | |
689 | - | |
690 | -/****************************** Tags *********************************/ | |
691 | - | |
692 | -/* the style here is not only for #content .tags-block .tag_cloud */ | |
693 | - | |
694 | -.tag_cloud { | |
695 | - text-align: center; | |
696 | -} | |
697 | - | |
698 | -.tag_cloud a { | |
699 | - text-decoration: none; | |
700 | - white-space: nowrap; | |
701 | -} | |
702 | - | |
703 | -.tag_cloud a small { | |
704 | - opacity: 0.5; | |
705 | - filter:alpha(opacity=50); | |
706 | -} | |
707 | - | |
708 | - | |
709 | -/********************* Product Categories Block **********************/ | |
710 | - | |
711 | -.product-categories-block .catalog-home-link { | |
712 | - display: block; | |
713 | - background: rgba(0,0,0,0.08); | |
714 | - font-weight: bold; | |
715 | - text-align: center; | |
716 | - border-radius: 5px; | |
717 | - padding: 0px; | |
718 | - line-height: 200%; | |
719 | - text-decoration: none; | |
720 | - color: #000; | |
721 | -} | |
722 | -.product-categories-block .catalog-home-link:hover { | |
723 | - background: rgba(0,0,0,0.6); | |
724 | - color: #FFF; | |
725 | - text-decoration: none; | |
726 | -} | |
727 | - | |
728 | -.product-categories-block .catalog-categories-list { | |
729 | - margin-top: 0.5em; | |
730 | -} | |
731 | - | |
732 | -.product-categories-block ul { | |
733 | - list-style-type: none; | |
734 | - margin: 0px; | |
735 | - padding: 0px; | |
736 | - border-radius: 5px; | |
737 | - color: rgba(0,0,0,0.4); | |
738 | -} | |
739 | - | |
740 | -.product-categories-block li { | |
741 | - margin: 0; | |
742 | - padding: 0; | |
743 | - white-space: nowrap; | |
744 | -} | |
745 | - | |
746 | -.product-categories-block li li div { | |
747 | - padding: 0 0 0 1.5em; | |
748 | -} | |
749 | - | |
750 | -.product-categories-block .catalog-categories-list a { | |
751 | - text-decoration: none; | |
752 | - font-size: 120%; | |
753 | - line-height: 150%; | |
754 | - color: #333; | |
755 | - overflow: hidden; | |
756 | - text-overflow: ellipsis; | |
757 | - display: inline-block; | |
758 | - padding: 0 0.3em 0 0.5em; | |
759 | - border-radius: 5px; | |
760 | - max-width: 80%; | |
761 | - vertical-align: middle; | |
762 | -} | |
763 | -.product-categories-block .catalog-categories-list ul a { | |
764 | - text-decoration: none; | |
765 | - font-size: 110%; | |
766 | - line-height: 163.6%; | |
767 | -} | |
768 | -.product-categories-block .catalog-categories-list div:hover a:hover { | |
769 | - background: rgba(0,0,0,0.6); | |
770 | - color: #FFF; | |
771 | - text-decoration: none; | |
772 | -} | |
773 | - | |
774 | -.product-categories-block .catalog-categories-list div:hover a, | |
775 | -.product-categories-block .catalog-categories-list div:hover .count { | |
776 | - background: rgba(0,0,0,0.08); | |
777 | -} | |
778 | - | |
779 | -.block.product-categories-block .catalog-categories-list a { | |
780 | - font-weight: bold; | |
781 | -} | |
782 | - | |
783 | -.block.product-categories-block .catalog-categories-list ul a { | |
784 | - font-weight: normal; | |
785 | -} | |
786 | - | |
787 | -.product-categories-block a:hover { | |
788 | - text-decoration: underline; | |
789 | -} | |
790 | - | |
791 | -.product-categories-block .count { | |
792 | - display: inline-block; | |
793 | - vertical-align: middle; | |
794 | - margin-left: -0.2em; | |
795 | - padding: 0 0.2em; | |
796 | - line-height: 180%; | |
797 | - border-radius: 5px; | |
798 | -} | |
799 | - | |
800 | -.block.product-categories-block .count:before { | |
801 | - content: "("; | |
802 | -} | |
803 | -.block.product-categories-block .count:after { | |
804 | - content: ")"; | |
805 | -} | |
806 | - | |
807 | -.catalog-categories-notice { | |
808 | - color: rgba(0,0,0,0.3); | |
809 | - padding: 0.5em 1em; | |
810 | -} | |
811 | - | |
812 | -/********************* Environment Statistics ************************/ | |
813 | - | |
814 | -#content .environment-statistics-block ul { | |
815 | - margin: 0px 20px; | |
816 | - padding: 0px; | |
817 | -} | |
818 | -#content .environment-statistics-block li { | |
819 | - list-style-image: url(imgs/li-gray.gif); | |
820 | - padding: 3px 0px; | |
821 | - color: #777 | |
822 | -} | |
823 | - | |
824 | -/*************************** News Area *******************************/ | |
825 | - | |
826 | -.action-home-index #content h1 { | |
827 | - color: #555753; | |
828 | - border-bottom: 2px solid #555753; | |
829 | -} | |
830 | - | |
831 | -.highlighted-news-item { | |
832 | - border-top: 1px solid #CCC; | |
833 | - padding-top: 5px; | |
834 | -} | |
835 | -.highlighted-news-item.post-1 { | |
836 | - border: none; | |
837 | - padding-top: 0px; | |
838 | -} | |
839 | - | |
840 | -#highlighted-news h2 a { | |
841 | - font-weight: bold; | |
842 | - color: #2e3436; | |
843 | -} | |
844 | - | |
845 | -.news-area { | |
846 | - border: none; | |
847 | - background: #FFF; | |
848 | - height: auto; | |
849 | - position: relative; | |
850 | -} | |
851 | - | |
852 | -.news-area ul { | |
853 | - border: 1px solid #CCC; | |
854 | - border-top: 2px solid #07C; | |
855 | - height: 125px; | |
856 | - overflow: auto; | |
857 | - margin: 0px; | |
858 | - padding: 5px 10px; | |
859 | - background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | |
860 | - border-bottom: none; | |
861 | -} | |
862 | - | |
863 | -.news-area li { | |
864 | - margin-left: 15px; | |
865 | - padding: 0px 0px; | |
866 | - list-style-image: url(imgs/li-blue.gif); | |
867 | -} | |
868 | - | |
869 | -#content .news-area h3 a { | |
870 | - font-weight: bold; | |
871 | - color: #2e3436; | |
872 | -} | |
873 | -#content .news-area h3 a:hover { | |
874 | - text-decoration: none; | |
875 | -} | |
876 | - | |
877 | -#content .news-area h3 { | |
878 | - background: #FFF; | |
879 | - margin: 0px; | |
880 | - padding: 0px; | |
881 | -} | |
882 | - | |
883 | -#content .news-area a { | |
884 | - color: #000; | |
885 | -} | |
886 | - | |
887 | -#content .news-area a.news-see-more { | |
888 | - position: absolute; | |
889 | - top: 3px; | |
890 | - right: 0px; | |
891 | - | |
892 | - color: #000; | |
893 | - padding-right: 10px; | |
894 | - background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; | |
895 | -} | |
896 | - | |
897 | -#content .news-area a.news-see-more:hover { | |
898 | - text-decoration: none; | |
899 | - color: #07C; | |
900 | -} | |
901 | - | |
902 | -#portal-news ul { | |
903 | - padding: 0px; | |
904 | - border-top: 1px solid #CCC; | |
905 | -} | |
906 | -#portal-news li { | |
907 | - list-style: none; | |
908 | - padding: 8px 0px; | |
909 | - border-bottom: 1px solid #CCC; | |
910 | -} | |
911 | -#portal-news li a { | |
912 | - font-weight: bold; | |
913 | - color: #555753; | |
914 | -} | |
915 | -#portal-news .post-date, #highlighted-news .post-date { | |
916 | - color: #555753; | |
917 | -} | |
918 | - | |
919 | -#portal-news .post-date { | |
920 | - float: left; | |
921 | -} | |
922 | -#portal-news .post-title { | |
923 | - display: block; | |
924 | - margin-left: 65px; | |
925 | -} | |
926 | - | |
927 | -#highlighted-news .post-title { | |
928 | - font-weight: bold; | |
929 | - font-size: 20px; | |
930 | -} | |
931 | -#highlighted-news h2 { | |
932 | - margin-bottom: 0px; | |
933 | -} | |
934 | - | |
935 | -/* ==> search-results.css <== */ | |
936 | - | |
937 | - | |
938 | -.msie .search-results-box { | |
939 | - width: 48%; | |
940 | -} | |
941 | - | |
942 | -#content .no-boxes h1 { | |
943 | - font-variant: small-caps; | |
944 | - color: #555753; | |
945 | - text-align: left; | |
946 | - border-bottom: 2px solid #2e3436; /*8C0*/ | |
947 | -} | |
948 | - | |
949 | -.query { | |
950 | - display: none; | |
951 | -} | |
952 | - | |
953 | -.controller-search #content .search_form h3 { | |
954 | - display: none; | |
955 | -} | |
956 | - | |
957 | -.controller-search #content .search_form h4 { | |
958 | - background: #DDD; | |
959 | - color: #777; | |
960 | -} | |
961 | -.controller-search .search-options { | |
962 | - border: 1px solid #777; | |
963 | - -moz-border-radius: 5px; | |
964 | - -webkit-border-radius: 5px; | |
965 | -} | |
966 | -.controller-search .search-options ul li { | |
967 | - position: relative; | |
968 | -} | |
969 | - | |
970 | -.controller-search .search-within select { | |
971 | - display: block; | |
972 | - margin-bottom: 5px; | |
973 | -} | |
974 | - | |
975 | -.controller-search .search-within label { | |
976 | - display: block; | |
977 | - float: left; | |
978 | - width: 100px; | |
979 | - text-align: right; | |
980 | - padding-right: 10px; | |
981 | - position: relative; | |
982 | - top: 5px; | |
983 | -} | |
984 | - | |
985 | -.controller-search a { | |
986 | - color: #555753; | |
987 | -} | |
988 | - | |
989 | -#search-results h3 { | |
990 | - color: #555753; /*6A0*/ | |
991 | - font-variant: small-caps; | |
992 | - margin: 0px; | |
993 | -} | |
994 | - | |
995 | -.search-results-innerbox { | |
996 | - border: 1px solid #CCC; | |
997 | - border-top: 2px solid #2e3436; | |
998 | - border-bottom: none; | |
999 | - background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | |
1000 | -} | |
1001 | -.only-one-result-box .search-results-innerbox { | |
1002 | - border-top: 1px solid #CCC; | |
1003 | -} | |
1004 | - | |
1005 | -#content .search-results-type-article li, | |
1006 | -#content .search-results-type-event li { | |
1007 | - padding: 5px 0px; | |
1008 | -} | |
1009 | - | |
1010 | -.search-results-type-article a, | |
1011 | -.search-results-type-event a { | |
1012 | - text-decoration: none; | |
1013 | -} | |
1014 | -.search-results-type-article a:hover, | |
1015 | -.search-results-type-event a:hover { | |
1016 | - text-decoration: underline; | |
1017 | -} | |
1018 | - | |
1019 | -/* ==> article.css <== */ | |
1020 | - | |
1021 | -#article a { | |
1022 | - text-decoration: underline; | |
1023 | -} | |
1024 | - | |
1025 | -hr.pre-posts, hr.sep-posts { | |
1026 | - display: none; | |
1027 | -} | |
1028 | - | |
1029 | -.blog-post { | |
1030 | - background: url(imgs/blog-sep.png) repeat-x; | |
1031 | - padding: 15px 20px 5px 20px; | |
1032 | - margin: 0px -19px; | |
1033 | -} | |
1034 | - | |
1035 | -#article-actions a.button, | |
1036 | -#article-actions a.button:hover { | |
1037 | - border: none; | |
1038 | - background-color: transparent; | |
1039 | - color: #888; | |
1040 | -} | |
1041 | -#article-actions a.button:hover { | |
1042 | - color: #555753; | |
1043 | -} | |
1044 | -#content a.disabled, | |
1045 | -#content a.disabled:hover { | |
1046 | - color: #888; | |
1047 | - text-decoration: none; | |
1048 | -} | |
1049 | -#content a.button.disabled, | |
1050 | -#content a.button.disabled:hover { | |
1051 | - background-color: #CCC; | |
1052 | - border-color: #CCC; | |
1053 | -} | |
1054 | - | |
1055 | -#addThis { | |
1056 | - text-align: right; | |
1057 | -} | |
1058 | - | |
1059 | -#content .blog-post .title { | |
1060 | - border-bottom-color: #CCC; | |
1061 | -} | |
1062 | -#content .blog-post .title a { | |
1063 | - font-weight: bold; | |
1064 | - color: #000; | |
1065 | - text-decoration: none; | |
1066 | -} | |
1067 | - | |
1068 | -#content .main-block .created-at { | |
1069 | - text-align: left; | |
1070 | - color: #AAA; | |
1071 | -} | |
1072 | -#content .main-block .created-at a { | |
1073 | - color: #AAA; | |
1074 | - text-decoration: none; | |
1075 | -} | |
1076 | -#content .main-block .created-at a:hover { | |
1077 | - color: #555; | |
1078 | - text-decoration: underline; | |
1079 | -} | |
1080 | - | |
1081 | -#article-tags { | |
1082 | - color: #FFF; | |
1083 | -} | |
1084 | -#article-tags a { | |
1085 | - text-decoration: none; | |
1086 | - padding: 0px 2px; | |
1087 | - -moz-border-radius: 3px; | |
1088 | - -webkit-border-radius: 3px; | |
1089 | - background: #BBB; | |
1090 | - color: #FFF; | |
1091 | -} | |
1092 | -#article-tags a:hover { | |
1093 | - background: #555753; | |
1094 | -} | |
1095 | - | |
1096 | -#article-hits { | |
1097 | - text-align: left; | |
1098 | - color: #AAA; | |
1099 | -} | |
1100 | - | |
1101 | -.msie .post_comment_box { | |
1102 | - padding-top: 15px; | |
1103 | -} | |
1104 | - | |
1105 | -.post_comment_box.closed h4 { | |
1106 | - -moz-border-radius: 4px; | |
1107 | - -webkit-border-radius: 4px; | |
1108 | -} | |
1109 | - | |
1110 | -.post_comment_box.opened h4 { | |
1111 | - display: block; | |
1112 | - background: #FFF; | |
1113 | - padding: 0px; | |
1114 | - font-variant: small-caps; | |
1115 | - color: #555753; | |
1116 | - font-size: 14px; | |
1117 | - text-align: left; | |
1118 | - border-bottom: 2px solid #888a85; | |
1119 | -} | |
1120 | - | |
1121 | -.post_comment_box.opened { | |
1122 | - border: none; | |
1123 | - background: transparent; | |
1124 | -} | |
1125 | - | |
1126 | -/************* uploaded file *****************/ | |
1127 | - | |
1128 | -#article .gallery-navigation { | |
1129 | - padding: 10px 0; | |
1130 | -} | |
1131 | - | |
1132 | -#article .gallery-navigation .previous { | |
1133 | - margin-right: 10px; | |
1134 | -} | |
1135 | - | |
1136 | -#article .gallery-navigation .next { | |
1137 | - margin-left: 10px; | |
1138 | -} | |
1139 | - | |
1140 | -#article .gallery-navigation .total-of-images { | |
1141 | - font-weight: bold; | |
1142 | -} | |
1143 | - | |
1144 | -#article .uploaded-file-description { | |
1145 | - background: #f6f6f6; | |
1146 | - border-top: 1px solid #ccc; | |
1147 | - border-bottom: 1px solid #ccc; | |
1148 | - padding: 1em; | |
1149 | -} | |
1150 | -#article .uploaded-file-description.empty { | |
1151 | - display: none; | |
1152 | -} | |
1153 | - | |
1154 | -#article.file-generic .download-link { | |
1155 | - display: block; | |
1156 | - margin-bottom: 10px; | |
1157 | -} | |
1158 | -#article.file-generic .download-link span { | |
1159 | - font-size: 150%; | |
1160 | - padding-right: 5px; | |
1161 | -} | |
1162 | -#article.file-generic .download-link a { | |
1163 | - font-size: 180%; | |
1164 | - text-decoration: none; | |
1165 | -} | |
1166 | - | |
1167 | -/**************************** Comments *******************************/ | |
1168 | - | |
1169 | -#content .comments h3 { | |
1170 | - font-variant: small-caps; | |
1171 | - color: #555753; | |
1172 | - font-size: 14px; | |
1173 | - text-align: left; | |
1174 | - border-bottom: 2px solid #888a85; | |
1175 | -} | |
1176 | - | |
1177 | -.article-comment { | |
1178 | - border: none; | |
1179 | - background: #FFF; | |
1180 | -} | |
1181 | - | |
1182 | -.comment-logged-out h4 { | |
1183 | - color: #888; | |
1184 | -} | |
1185 | - | |
1186 | -#content .comment-picture { | |
1187 | - text-align: left; | |
1188 | - text-decoration: none; | |
1189 | - position: relative; | |
1190 | -} | |
1191 | - | |
1192 | -.comment-wrapper-1 { | |
1193 | - margin-left: 60px; | |
1194 | - background: url(imgs/comment-bg-N.png) 0% 0% repeat-x; | |
1195 | -} | |
1196 | -.comment-wrapper-2 { | |
1197 | - background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | |
1198 | -} | |
1199 | -.comment-wrapper-3 { | |
1200 | - background: url(imgs/comment-bg-L.png) 100% 0% repeat-y; | |
1201 | -} | |
1202 | -.comment-wrapper-4 { | |
1203 | - background: url(imgs/comment-bg-O.png) 0% 0% repeat-y; | |
1204 | -} | |
1205 | -.comment-wrapper-5 { | |
1206 | - background: url(imgs/comment-bg-SL.png) 100% 100% no-repeat; | |
1207 | -} | |
1208 | -.comment-wrapper-6 { | |
1209 | - background: url(imgs/comment-bg-SO.png) 0% 100% no-repeat; | |
1210 | -} | |
1211 | -.comment-wrapper-7 { | |
1212 | - background: url(imgs/comment-bg-NL.png) 100% 0% no-repeat; | |
1213 | -} | |
1214 | -.comment-wrapper-8 { | |
1215 | - background: url(imgs/comment-bg-NO.png) 0% 0% no-repeat; | |
1216 | -} | |
1217 | - | |
1218 | -.comment-from-owner .comment-wrapper-1 { | |
1219 | - background: #fbf7b5 url(../../../images/comment-owner-bg-N.png) repeat-x; | |
1220 | -} | |
1221 | -.comment-from-owner .comment-wrapper-2 { | |
1222 | - background: url(../../../images/comment-owner-bg-S.png) 0% 100% repeat-x; | |
1223 | -} | |
1224 | -.comment-from-owner .comment-wrapper-3 { | |
1225 | - background: url(../../../images/comment-owner-bg-L.png) 100% 0% repeat-y; | |
1226 | -} | |
1227 | -.comment-from-owner .comment-wrapper-4 { | |
1228 | - background: url(../../../images/comment-owner-bg-O.png) 0% 0% repeat-y; | |
1229 | -} | |
1230 | -.comment-from-owner .comment-wrapper-5 { | |
1231 | - background: url(../../../images/comment-owner-bg-SL.png) 100% 100% no-repeat; | |
1232 | -} | |
1233 | -.comment-from-owner .comment-wrapper-6 { | |
1234 | - background: url(../../../images/comment-owner-bg-SO.png) 0% 100% no-repeat; | |
1235 | -} | |
1236 | -.comment-from-owner .comment-wrapper-7 { | |
1237 | - background: url(../../../images/comment-owner-bg-NL.png) 100% 0% no-repeat; | |
1238 | -} | |
1239 | -.comment-from-owner .comment-wrapper-8 { | |
1240 | - background: url(../../../images/comment-owner-bg-NO.png) 0% 0% no-repeat; | |
1241 | -} | |
1242 | - | |
1243 | -.comment-created-at { | |
1244 | - position: relative; | |
1245 | - padding-right: 9px; | |
1246 | -} | |
1247 | - | |
1248 | -.comment-order { | |
1249 | - float: right; | |
1250 | - display: block; | |
1251 | -} | |
1252 | - | |
1253 | -.comment-from-owner .comment-created-at { | |
1254 | - color: #333; | |
1255 | -} | |
1256 | - | |
1257 | -.article-comment .button-bar { | |
1258 | - position: relative; | |
1259 | - top: 9px; | |
1260 | - right: 8px; | |
1261 | - z-index: 10px; | |
1262 | -} | |
1263 | - | |
1264 | -.article-comment .button-bar a { | |
1265 | - position: relative; | |
1266 | -} | |
1267 | - | |
1268 | -.comment-details { | |
1269 | - margin: 0px; | |
1270 | - padding: 7px 12px 3px 26px; | |
1271 | -} | |
1272 | - | |
1273 | -/* ==> controllers.css <== */ | |
1274 | - | |
1275 | -/******** controller-friends action-friends-index ********/ | |
1276 | - | |
1277 | -.profile-list li, | |
1278 | -.common-profile-list-block .vcard { | |
1279 | - border: 1px solid transparent; | |
1280 | -} | |
1281 | - | |
1282 | -.profile-list li:hover, | |
1283 | -.common-profile-list-block .vcard:hover { | |
1284 | - border: 1px solid #CCC; | |
1285 | - -moz-border-radius: 5px; | |
1286 | - -webkit-border-radius: 5px; | |
1287 | - background: #EEE; | |
1288 | - text-decoration: none; | |
1289 | -} | |
1290 | - | |
1291 | -.common-profile-list-block .vcard a, | |
1292 | -.common-profile-list-block .vcard a:hover { | |
1293 | - background: transparent; | |
1294 | - border: 0; | |
1295 | -} | |
1296 | - | |
1297 | -/******** controller-profile action-profile-index ********/ | |
1298 | - | |
1299 | -table.profile th { | |
1300 | - font-size: 15px; | |
1301 | - text-align: left; | |
1302 | -} | |
1303 | - | |
1304 | -/**** controller-memberships action-memberships-index ****/ | |
1305 | - | |
1306 | -#memberships-index li { | |
1307 | - background-color: #FFF; | |
1308 | - border: 1px solid #EEE; | |
1309 | - -moz-border-radius: 9px; | |
1310 | - -webkit-border-radius: 9px; | |
1311 | - margin-bottom: 10px; | |
1312 | -} | |
1313 | - | |
1314 | -#memberships-index li .vcard a.profile_link.url { | |
1315 | - border: 1px solid transparent; | |
1316 | - background-color: #FFF; | |
1317 | -} | |
1318 | - | |
1319 | -#memberships-index li .vcard a.profile_link.url:hover { | |
1320 | - border: 1px solid #CCC; | |
1321 | - background-color: #EEE; | |
1322 | - -moz-border-radius: 4px; | |
1323 | - -webkit-border-radius: 4px; | |
1324 | -} | |
1325 | - | |
1326 | -/************************** Control Panel ****************************/ | |
1327 | - | |
1328 | -.control-panel a, | |
1329 | -.control-panel a:visited { | |
1330 | - color: #000; | |
1331 | - font-weight: bold; | |
1332 | - background-position: 2px 50%; | |
1333 | -} | |
1334 | -.control-panel a:hover { | |
1335 | - text-decoration: none; | |
1336 | - color: #2e3436; | |
1337 | - background-color: #d3d7cf; | |
1338 | -} | |
1339 | - | |
1340 | - | |
1341 | - | |
1342 | -/* ==> doc.css <== */ | |
1343 | - | |
1344 | -#online-doc-navigation h1 { | |
1345 | - font-variant: small-caps; | |
1346 | - color: #AAA; | |
1347 | - border-bottom: 2px solid #AAA; | |
1348 | -} | |
1349 | - | |
1350 | -#online-doc-text { | |
1351 | - background: transparent url(imgs/blog-sep.png) repeat-x scroll 0 0; | |
1352 | - padding: 15px 20px 5px 20px; | |
1353 | - margin: 10px -19px; | |
1354 | -} | |
1355 | - | |
1356 | -#online-doc-text h1, | |
1357 | -#online-doc-text h2, | |
1358 | -#online-doc-text h3, | |
1359 | -#online-doc-text h4, | |
1360 | -#online-doc-text h5, | |
1361 | -#online-doc-text h6 { | |
1362 | - font-variant: small-caps; | |
1363 | -} | |
1364 | - | |
1365 | -#online-doc-text h2 { | |
1366 | - border-bottom: 2px solid black; | |
1367 | -} | |
1368 | - | |
1369 | -/**************************** Browse *******************************/ | |
1370 | - | |
1371 | -#content .search-results-type-article li { | |
1372 | - padding: 5px 0px; | |
1373 | -} | |
1374 | - | |
1375 | -.search-results-type-article a { | |
1376 | - text-decoration: none; | |
1377 | -} | |
1378 | -.search-results-type-article a:hover { | |
1379 | - text-decoration: underline; | |
1380 | -} | |
1381 | - | |
1382 | -/* simplemenu */ | |
1383 | - | |
1384 | -.simplemenu-submenu { | |
1385 | - background: #EEE; | |
1386 | - border: 1px solid #AAA; | |
1387 | - opacity: 0.9; | |
1388 | - text-align: left; | |
1389 | -} | |
1390 | -.user-status .simplemenu-item a { | |
1391 | - color: black; | |
1392 | -} | |
1393 | - | |
1394 | -/* chat */ | |
1395 | - | |
1396 | -#chat-window .history .self-name { | |
1397 | - color: #3F3F90; | |
1398 | -} | |
1399 | -#chat-window .history .other-name { | |
1400 | - color: #7F1F1F; | |
1401 | -} | |
1402 | - | |
1403 | -/* recaptcha*/ | |
1404 | - | |
1405 | -table#recaptcha_table tr:hover td { | |
1406 | - background-color: #fff; | |
1407 | -} | |
1408 | - | |
1409 | -/* product cateogories */ | |
1410 | -#categories-container #product_category_id { | |
1411 | - font-size: 18px; | |
1412 | - width: 100%; | |
1413 | - margin-bottom: 8px; | |
1414 | -} | |
1415 | -#categories-container #product_category_id:focus { | |
1416 | - outline: none; | |
1417 | - border-color: green; | |
1418 | - box-shadow: 0 0 10px green; | |
1419 | - color:#333; | |
1420 | -} | |
1421 | - |
... | ... | @@ -0,0 +1,1421 @@ |
1 | +/* ==> button.css <== */ | |
2 | + | |
3 | +.button { | |
4 | + -moz-border-radius: 3px; | |
5 | + -webkit-border-radius: 3px; | |
6 | +} | |
7 | + | |
8 | +#content input.button, #content a.button { | |
9 | + background-repeat: no-repeat; | |
10 | + background-color: #EEE; | |
11 | + border: 1px solid #CCC; | |
12 | + color: #555; | |
13 | + line-height: 16px; | |
14 | + height: 16px; | |
15 | + text-decoration: none; | |
16 | +} | |
17 | + | |
18 | +#content input.button.with-text, #content a.button.with-text { | |
19 | + line-height: 20px; | |
20 | + height: 20px; | |
21 | +} | |
22 | + | |
23 | +input.button { | |
24 | + max-height: 20px; | |
25 | +} | |
26 | +input.button.with-text { | |
27 | + max-height: 22px; | |
28 | +} | |
29 | + | |
30 | +#content input.button:hover, #content a.button:hover { | |
31 | + color: #FFF; | |
32 | + background-color: #555; | |
33 | + border: 1px solid #2e3436; | |
34 | + text-decoration: none; | |
35 | +} | |
36 | + | |
37 | +/* ==> layout.css <== */ | |
38 | + | |
39 | +body { | |
40 | + background: #EEE; | |
41 | + font-family: Liberation Sans, Arial, sans-serif; | |
42 | +} | |
43 | + | |
44 | +#wrap-1, #theme-footer { | |
45 | + width: 960px; | |
46 | + margin: auto; | |
47 | +} | |
48 | + | |
49 | +body, th, td, input { | |
50 | + font-size: 12px; | |
51 | +} | |
52 | + | |
53 | +#link-go-content { | |
54 | + position: absolute; | |
55 | + top: -100px; | |
56 | +} | |
57 | + | |
58 | +#wrap-2 { | |
59 | + padding: 10px; | |
60 | + position: relative; | |
61 | + border: 1px solid #d3d7cf; | |
62 | + background-color: white; | |
63 | +} | |
64 | + | |
65 | +.msie7 #wrap-2 { | |
66 | + height: 100%; | |
67 | +} | |
68 | + | |
69 | +#content { | |
70 | + margin-top: 105px; | |
71 | +} | |
72 | + | |
73 | +/*************************** user bar ********************************/ | |
74 | + | |
75 | +#user { | |
76 | + text-align: right; | |
77 | + position: absolute; | |
78 | + right: 10px; | |
79 | + z-index: 10; | |
80 | +} | |
81 | + | |
82 | +#user a { | |
83 | + position: relative; | |
84 | + color: #888a85; | |
85 | +} | |
86 | + | |
87 | +#user a strong { | |
88 | + font-weight: bold; | |
89 | + color: #555753; | |
90 | +} | |
91 | + | |
92 | +#user .logged-in > * { | |
93 | + margin-left: 25px; | |
94 | +} | |
95 | + | |
96 | +#user a i { | |
97 | + display: block; | |
98 | + width: 16px; | |
99 | + height: 16px; | |
100 | + position: absolute; | |
101 | + left: -17px; | |
102 | + top: -1px; | |
103 | +} | |
104 | +.msie7 #user a i { | |
105 | + top: 3px; | |
106 | +} | |
107 | + | |
108 | +#user #homepage-link i { | |
109 | + width: 18px; | |
110 | + height: 18px; | |
111 | + left: -20px; | |
112 | + top: -2px; | |
113 | + background-position: 50% 50%; | |
114 | +} | |
115 | + | |
116 | +#user form { | |
117 | + position: relative; | |
118 | + display: inline; | |
119 | + margin-left: 20px; | |
120 | +} | |
121 | + | |
122 | +#user form input .blur { | |
123 | + width: 160px; | |
124 | + border: 1px solid #BBB; | |
125 | + -moz-border-radius: 3px; | |
126 | + -webkit-border-radius: 3px; | |
127 | + color: #CCC; | |
128 | +} | |
129 | +#user form input { | |
130 | + border: 1px solid #888; | |
131 | + color: #555; | |
132 | +} | |
133 | + | |
134 | +#user form div { | |
135 | + font-size: 11px; | |
136 | + color: #888; | |
137 | + visibility: hidden; | |
138 | +} | |
139 | +#user form.focused div { | |
140 | + visibility: visible; | |
141 | +} | |
142 | + | |
143 | +/*************************** logo ************************************/ | |
144 | + | |
145 | +#site-title { | |
146 | + margin: 0px; | |
147 | + padding: 0px; | |
148 | + position: absolute; | |
149 | + top: 20px; | |
150 | + left: 0px; | |
151 | + z-index: 7; | |
152 | + overflow: hidden; | |
153 | + width: 310px; | |
154 | + height: 90px; | |
155 | +} | |
156 | + | |
157 | +#site-title a { | |
158 | + display: block; | |
159 | + width: 300px; | |
160 | + height: 40px; | |
161 | + position: absolute; | |
162 | + top: 30px; | |
163 | + left: 20px; | |
164 | +} | |
165 | + | |
166 | +#site-title span { | |
167 | + font-size: 1px; | |
168 | + position: absolute; | |
169 | + top: -200px; | |
170 | +} | |
171 | + | |
172 | +/************************** navigation bar ***************************/ | |
173 | + | |
174 | +#navigation { | |
175 | + position: absolute; | |
176 | + top: 49px; | |
177 | + right: 0px; | |
178 | + width: 100%; | |
179 | + text-align: right; | |
180 | + background: #ccc url(imgs/menu-top-bg-left.png) no-repeat; | |
181 | +} | |
182 | + | |
183 | +#navigation-end { | |
184 | + position: absolute; | |
185 | + top: 0px; | |
186 | + right: 0px; | |
187 | + width: 14px; | |
188 | + height: 42px; | |
189 | + background: url(imgs/menu-top-bg-right.png); | |
190 | +} | |
191 | + | |
192 | +#navigation ul { | |
193 | + height: 42px; | |
194 | + margin: 0px; | |
195 | + padding: 0px 10px 0px 0px; | |
196 | + float: right; | |
197 | +} | |
198 | + | |
199 | +#navigation li { | |
200 | + list-style: none; | |
201 | + display: block; | |
202 | + height: auto; | |
203 | + width: 125px; | |
204 | + float: left; | |
205 | + text-align: center; | |
206 | + position: relative; | |
207 | +} | |
208 | + | |
209 | +#navigation a { | |
210 | + border-left: 1px solid #888a85; | |
211 | + display: block; | |
212 | + font-size: 15px; | |
213 | + line-height: 42px; | |
214 | + text-decoration: none; | |
215 | + color: #000; | |
216 | +} | |
217 | +#navigation a:hover { | |
218 | + background: url(imgs/menu-top-hilight.png); | |
219 | + color: #FFF; | |
220 | +} | |
221 | + | |
222 | +#navigation span { | |
223 | + padding: 0px 0px 0px 30px; | |
224 | + background-position: 5px 50%; | |
225 | + background-repeat: no-repeat; | |
226 | +} | |
227 | + | |
228 | +#navigation .menu-submenu ul, #navigation .menu-submenu li{ | |
229 | + float: none; | |
230 | + text-align: right; | |
231 | + border-left: 0px; | |
232 | +} | |
233 | + | |
234 | +#navigation .menu-submenu ul{ | |
235 | + border: 1px solid #888a85; | |
236 | + border-top: 0px; | |
237 | + background-color: #ccc; | |
238 | + padding-right: 2px; | |
239 | + height: auto; | |
240 | + display: block; | |
241 | + padding-top: 20px; | |
242 | +} | |
243 | + | |
244 | +#navigation .menu-submenu{ | |
245 | + bottom: -75px; | |
246 | + width: 126px; | |
247 | + top: 0px; | |
248 | + right: 0px; | |
249 | + position: relative; | |
250 | +} | |
251 | + | |
252 | +#navigation .menu-submenu a{ | |
253 | + padding: 4px 5px; | |
254 | + font-size: 12px; | |
255 | + line-height: normal; | |
256 | + border-left: 0; | |
257 | +} | |
258 | + | |
259 | +#navigation .menu-submenu-trigger { | |
260 | + background: #eee url(../../../images/down-arrow.png) center center no-repeat; | |
261 | + border: 0px; | |
262 | + height: 8px; | |
263 | + width: 124px; | |
264 | +} | |
265 | +#navigation li:hover .menu-submenu-trigger:hover { | |
266 | + background: #585858 url(imgs/down-arrow-light.png) center center no-repeat; | |
267 | +} | |
268 | + | |
269 | +#navigation li:hover .menu-submenu-trigger{ | |
270 | + display: block; | |
271 | +} | |
272 | + | |
273 | +#navigation li .menu-submenu-trigger{ | |
274 | + display: none; | |
275 | + height: 16px; | |
276 | + top: 42px; | |
277 | + left: 0; | |
278 | + border: 1px solid #888A85; | |
279 | + outline: none; | |
280 | +} | |
281 | + | |
282 | +#navigation .menu-submenu-header, #navigation .menu-submenu-footer, #navigation .menu-submenu h4{ | |
283 | + display: none; | |
284 | +} | |
285 | + | |
286 | +#navigation .common-profile-list-block .vcard .menu-submenu-trigger, | |
287 | +.menu-submenu-trigger { | |
288 | + left: 1px; | |
289 | + top: 33px; | |
290 | + -moz-border-radius: 0px; | |
291 | + -webkit-border-radius: 0px; | |
292 | +} | |
293 | + | |
294 | +/************************** main content *****************************/ | |
295 | + | |
296 | +.main-content { | |
297 | + border-style: solid; | |
298 | + border-color: #babdb6; | |
299 | + border-width: 1px; | |
300 | + border-radius: 10px; | |
301 | + | |
302 | + box-shadow: 1px 1px 2px #888888; | |
303 | + | |
304 | + padding: 10px 20px; | |
305 | +} | |
306 | + | |
307 | +#content .main-block h1, #not-found h1, #access-denied h1 { | |
308 | + font-variant: small-caps; | |
309 | + color: #555753; | |
310 | + text-align: left; | |
311 | + border-bottom: 2px solid #2e3436; | |
312 | +} | |
313 | + | |
314 | +.block { | |
315 | + position: relative; | |
316 | + padding: 10px 0; | |
317 | + float: none; | |
318 | +} | |
319 | + | |
320 | +/***************************** header ********************************/ | |
321 | +#theme-header { | |
322 | + height: 20px; | |
323 | +} | |
324 | + | |
325 | +/***************************** footer ********************************/ | |
326 | + | |
327 | +#theme-footer #language-chooser { | |
328 | + margin-top: 3em; | |
329 | + text-align: center; | |
330 | +} | |
331 | + | |
332 | + | |
333 | +#theme-footer { | |
334 | + padding: 0px; | |
335 | + font-size: 11px; | |
336 | + color: #555; | |
337 | + margin-bottom: 20px; | |
338 | +} | |
339 | + | |
340 | +#theme-footer a { | |
341 | + color: #333; | |
342 | + text-decoration: none; | |
343 | +} | |
344 | +#theme-footer a:hover { | |
345 | + color: #222; | |
346 | + text-decoration: underline; | |
347 | +} | |
348 | + | |
349 | +#footer-links { | |
350 | + text-align: left; | |
351 | + float: left; | |
352 | +} | |
353 | + | |
354 | +#link-to-doc { | |
355 | + background-repeat: no-repeat; | |
356 | + padding-left: 20px; | |
357 | + padding-top: 2px; | |
358 | + padding-bottom: 2px; | |
359 | +} | |
360 | + | |
361 | +#copyright { | |
362 | + text-align: right; | |
363 | +} | |
364 | + | |
365 | +#noosfero-license { | |
366 | + margin-bottom: 1em; | |
367 | +} | |
368 | + | |
369 | +div.no_media_panel { | |
370 | + margin: 0px; | |
371 | +} | |
372 | + | |
373 | +div#notice { | |
374 | + right: 50%; | |
375 | + margin-right: -470px; | |
376 | +} | |
377 | + | |
378 | +/* ==> blocks.css <== */ | |
379 | + | |
380 | +.block a { | |
381 | + color: #555753; | |
382 | +} | |
383 | +.block a:visited { | |
384 | + color: #888a85; | |
385 | + font-weight: normal; | |
386 | +} | |
387 | +.block a:hover { | |
388 | + color: #2e3436; | |
389 | + text-decoration: underline; | |
390 | +} | |
391 | + | |
392 | + | |
393 | +#content .block { | |
394 | + padding: 0px; | |
395 | + margin: 0px 0px 20px 0px; | |
396 | + position: relative; | |
397 | +} | |
398 | + | |
399 | + | |
400 | +#content .block-title { | |
401 | + font-variant: small-caps; | |
402 | + color: #AAA; | |
403 | + font-size: 14px; | |
404 | + text-align: left; | |
405 | + border-bottom: 2px solid #AAA; | |
406 | +} | |
407 | +#content .block-subtitle { | |
408 | + font-variant: normal; | |
409 | + color: #AAA; | |
410 | + font-size: 11px; | |
411 | + text-align: center; | |
412 | + border-bottom: 1px solid #AAA; | |
413 | + padding: 2px 0; | |
414 | +} | |
415 | + | |
416 | +/*************************** Login block *****************************/ | |
417 | + | |
418 | +.login-box { | |
419 | + padding: 0px; | |
420 | +} | |
421 | + | |
422 | +.login-box-content { | |
423 | + margin: 0px; | |
424 | + border: none; | |
425 | + background: none; | |
426 | + padding: 0px; | |
427 | +} | |
428 | + | |
429 | +.login-box-content .button-bar .button { | |
430 | + position: relative; | |
431 | +} | |
432 | + | |
433 | +.login-box .formfieldline input { | |
434 | + width: 99%; | |
435 | +} | |
436 | + | |
437 | +.login-box form { | |
438 | + margin: 0px; | |
439 | +} | |
440 | +.msie7 .login-box form { | |
441 | + padding: 0px 10px 0px 0px; | |
442 | +} | |
443 | + | |
444 | +#content .login-block h2 { | |
445 | + font-variant: small-caps; | |
446 | + color: #AAA; | |
447 | + font-size: 14px; | |
448 | + text-align: left; | |
449 | + border-bottom: 2px solid #AAA; | |
450 | +} | |
451 | + | |
452 | +.login-box p { | |
453 | + text-align: center; | |
454 | + margin: 0px; | |
455 | + padding: 0px; | |
456 | +} | |
457 | + | |
458 | +.login-box .forgot-passwd a { | |
459 | + color: #555753; | |
460 | +} | |
461 | + | |
462 | +.want-to-be-an-user { | |
463 | + font-size: 13px; | |
464 | +} | |
465 | + | |
466 | +#content .logged-user-info h2 { | |
467 | + font-size: none; | |
468 | +} | |
469 | + | |
470 | +.logged-user-info ul { | |
471 | + margin-top: 5px; | |
472 | +} | |
473 | + | |
474 | +.logged-user-info .user-actions { | |
475 | + padding-left: 50px; | |
476 | +} | |
477 | + | |
478 | + | |
479 | +/************************** Profile List *****************************/ | |
480 | + | |
481 | +#content .profile-list-block ul, | |
482 | +#content .enterprises-block ul, | |
483 | +#content .communities-block ul, | |
484 | +#content .fans-block ul { | |
485 | + min-width: 196px; | |
486 | + width: 192px; | |
487 | + margin: 0px 0px 0px -3px; | |
488 | + padding: 0px; | |
489 | +} | |
490 | + | |
491 | +#content .box-1 .profile-list-block ul, | |
492 | +#content .box-1 .enterprises-block ul, | |
493 | +#content .box-1 .communities-block ul, | |
494 | +#content .box-1 .fans-block ul { | |
495 | + width: auto; | |
496 | + display: block; | |
497 | +} | |
498 | + | |
499 | +.block-footer-content a.view-all { | |
500 | + position: absolute; | |
501 | + top: 2px; | |
502 | + right: 0px; | |
503 | + font-size: 11px; | |
504 | + color: #000; | |
505 | + text-decoration: none; | |
506 | + padding-right: 15px; | |
507 | + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; | |
508 | +} | |
509 | + | |
510 | +#content .profile-list-block .block-title { | |
511 | + text-align: left; | |
512 | +} | |
513 | + | |
514 | +#content .profile-list li a, | |
515 | +#content .common-profile-list-block .vcard li a { | |
516 | + color: #555; | |
517 | +} | |
518 | +#content .profile-list li a:hover, | |
519 | +#content .common-profile-list-block .vcard li a:hover { | |
520 | + color: #000; | |
521 | + text-decoration: none; | |
522 | +} | |
523 | + | |
524 | +/************************* Recent Contents ***************************/ | |
525 | + | |
526 | +#content .feed-reader-block, | |
527 | +#content .recent-documents-block { | |
528 | + overflow: hidden; | |
529 | +} | |
530 | + | |
531 | +.feed-reader-block li, | |
532 | +.recent-documents-block li { | |
533 | + list-style-image: url(imgs/li-recent.gif); | |
534 | + padding: 5px 0px; | |
535 | +} | |
536 | + | |
537 | +.feed-reader-block li a, | |
538 | +.recent-documents-block li a { | |
539 | + font-weight: bold; | |
540 | +} | |
541 | + | |
542 | +.feed-reader-block li a:visited, | |
543 | +.recent-documents-block li a:visited { | |
544 | + font-weight: normal; | |
545 | +} | |
546 | + | |
547 | +.feed-reader-block li a:hover, | |
548 | +.recent-documents-block li a:hover { | |
549 | + text-decoration: underline; | |
550 | +} | |
551 | + | |
552 | +/************************* Profile Image *****************************/ | |
553 | + | |
554 | +#content .profile-image-block { | |
555 | +} | |
556 | +.profile-big-image-inner1 { | |
557 | + text-align: center; | |
558 | +} | |
559 | + | |
560 | +.profile-big-image { | |
561 | +} | |
562 | +.profile-big-image img { | |
563 | + border: none; | |
564 | + padding: 0px; | |
565 | +} | |
566 | + | |
567 | +.profile-image-block p { | |
568 | + margin: 0px; | |
569 | + font-size: 17px; | |
570 | + font-weight: bold; | |
571 | + color: #555; | |
572 | +} | |
573 | + | |
574 | +.profile-image-block .admin-link { | |
575 | + text-align: center; | |
576 | + font-size: 75%; | |
577 | + clear: both; | |
578 | +} | |
579 | + | |
580 | + | |
581 | +/*************************** My Network ******************************/ | |
582 | + | |
583 | +#content .block.my-network-block { | |
584 | + margin: 0px 0px 10px 0px; | |
585 | +} | |
586 | + | |
587 | +.my-network-block ul { | |
588 | + margin: 0px; | |
589 | + padding: 0px 0px 10px 20px; | |
590 | +} | |
591 | +.my-network-block li { | |
592 | + margin: 0px; | |
593 | + padding: 0px; | |
594 | + list-style: none; | |
595 | +} | |
596 | + | |
597 | + | |
598 | +/*************************** Link List *******************************/ | |
599 | + | |
600 | +.link-list-block .empty { | |
601 | + display: none; | |
602 | +} | |
603 | + | |
604 | +#content .link-list-block { | |
605 | + padding: 10px 0px 10px 10px; | |
606 | +} | |
607 | + | |
608 | +#content .box-1 .link-list-block { | |
609 | + margin: 0px; | |
610 | +} | |
611 | + | |
612 | +#content .link-list-block li { | |
613 | + background: #FFF; | |
614 | + padding: 0px; | |
615 | + margin: 5px 0px; | |
616 | +} | |
617 | + | |
618 | +#content .box-1 .link-list-block li { | |
619 | + display: inline-block; | |
620 | +} | |
621 | + | |
622 | +#content .link-list-block li a { | |
623 | + font-size: 14px; | |
624 | + line-height: 24px; | |
625 | + color: #000; | |
626 | + background-color: #EEE; | |
627 | + background-position: 4px 50%; | |
628 | + border-radius: 4px; | |
629 | +} | |
630 | + | |
631 | +#content .box-1 .link-list-block li a { | |
632 | + padding-left: 25px; | |
633 | + padding-right: 10px; | |
634 | + margin-right: 5px; | |
635 | + background-position: 5px 50%; | |
636 | +} | |
637 | + | |
638 | +#content .link-list-block li a.link-this-page { | |
639 | + border-radius-topright: 0px; | |
640 | + border-radius-bottomright: 0px; | |
641 | + background-color: #cecece; | |
642 | + max-width: 175px; | |
643 | + width: 200px; | |
644 | + border-right: 2px solid #555753; | |
645 | +} | |
646 | + | |
647 | +#content .box-1 .link-list-block li a.link-this-page { | |
648 | + width: auto; | |
649 | + border: none; | |
650 | + border-radius: 4px; | |
651 | +} | |
652 | + | |
653 | +#content .link-list-block li a:hover { | |
654 | + background-color: #555753; | |
655 | + color: #FFF; | |
656 | + text-decoration: none; | |
657 | +} | |
658 | +#content .link-list-block li a.link-this-page:hover { | |
659 | + border-right: 2px solid #555753; | |
660 | +} | |
661 | + | |
662 | + | |
663 | +/************************** Communities ******************************/ | |
664 | + | |
665 | +.communities-block .profile-image { | |
666 | + float: left; | |
667 | + padding-left: 4px; | |
668 | + max-width: 70px; | |
669 | + width: 75px; | |
670 | + height: auto; | |
671 | +} | |
672 | + | |
673 | +.msie7 .communities-block .common-profile-list-block .vcard a { | |
674 | + height: auto; | |
675 | + width: 99%; | |
676 | + padding-bottom: 1px; | |
677 | +} | |
678 | + | |
679 | +.communities-block .vcard a .org { | |
680 | + overflow: hidden; | |
681 | +} | |
682 | +.msie .communities-block .vcard a .org { | |
683 | + height: 30px; | |
684 | +} | |
685 | + | |
686 | +.communities-block .vcard a .may-clear { | |
687 | + clear: left; | |
688 | +} | |
689 | + | |
690 | +/****************************** Tags *********************************/ | |
691 | + | |
692 | +/* the style here is not only for #content .tags-block .tag_cloud */ | |
693 | + | |
694 | +.tag_cloud { | |
695 | + text-align: center; | |
696 | +} | |
697 | + | |
698 | +.tag_cloud a { | |
699 | + text-decoration: none; | |
700 | + white-space: nowrap; | |
701 | +} | |
702 | + | |
703 | +.tag_cloud a small { | |
704 | + opacity: 0.5; | |
705 | + filter:alpha(opacity=50); | |
706 | +} | |
707 | + | |
708 | + | |
709 | +/********************* Product Categories Block **********************/ | |
710 | + | |
711 | +.product-categories-block .catalog-home-link { | |
712 | + display: block; | |
713 | + background: rgba(0,0,0,0.08); | |
714 | + font-weight: bold; | |
715 | + text-align: center; | |
716 | + border-radius: 5px; | |
717 | + padding: 0px; | |
718 | + line-height: 200%; | |
719 | + text-decoration: none; | |
720 | + color: #000; | |
721 | +} | |
722 | +.product-categories-block .catalog-home-link:hover { | |
723 | + background: rgba(0,0,0,0.6); | |
724 | + color: #FFF; | |
725 | + text-decoration: none; | |
726 | +} | |
727 | + | |
728 | +.product-categories-block .catalog-categories-list { | |
729 | + margin-top: 0.5em; | |
730 | +} | |
731 | + | |
732 | +.product-categories-block ul { | |
733 | + list-style-type: none; | |
734 | + margin: 0px; | |
735 | + padding: 0px; | |
736 | + border-radius: 5px; | |
737 | + color: rgba(0,0,0,0.4); | |
738 | +} | |
739 | + | |
740 | +.product-categories-block li { | |
741 | + margin: 0; | |
742 | + padding: 0; | |
743 | + white-space: nowrap; | |
744 | +} | |
745 | + | |
746 | +.product-categories-block li li div { | |
747 | + padding: 0 0 0 1.5em; | |
748 | +} | |
749 | + | |
750 | +.product-categories-block .catalog-categories-list a { | |
751 | + text-decoration: none; | |
752 | + font-size: 120%; | |
753 | + line-height: 150%; | |
754 | + color: #333; | |
755 | + overflow: hidden; | |
756 | + text-overflow: ellipsis; | |
757 | + display: inline-block; | |
758 | + padding: 0 0.3em 0 0.5em; | |
759 | + border-radius: 5px; | |
760 | + max-width: 80%; | |
761 | + vertical-align: middle; | |
762 | +} | |
763 | +.product-categories-block .catalog-categories-list ul a { | |
764 | + text-decoration: none; | |
765 | + font-size: 110%; | |
766 | + line-height: 163.6%; | |
767 | +} | |
768 | +.product-categories-block .catalog-categories-list div:hover a:hover { | |
769 | + background: rgba(0,0,0,0.6); | |
770 | + color: #FFF; | |
771 | + text-decoration: none; | |
772 | +} | |
773 | + | |
774 | +.product-categories-block .catalog-categories-list div:hover a, | |
775 | +.product-categories-block .catalog-categories-list div:hover .count { | |
776 | + background: rgba(0,0,0,0.08); | |
777 | +} | |
778 | + | |
779 | +.block.product-categories-block .catalog-categories-list a { | |
780 | + font-weight: bold; | |
781 | +} | |
782 | + | |
783 | +.block.product-categories-block .catalog-categories-list ul a { | |
784 | + font-weight: normal; | |
785 | +} | |
786 | + | |
787 | +.product-categories-block a:hover { | |
788 | + text-decoration: underline; | |
789 | +} | |
790 | + | |
791 | +.product-categories-block .count { | |
792 | + display: inline-block; | |
793 | + vertical-align: middle; | |
794 | + margin-left: -0.2em; | |
795 | + padding: 0 0.2em; | |
796 | + line-height: 180%; | |
797 | + border-radius: 5px; | |
798 | +} | |
799 | + | |
800 | +.block.product-categories-block .count:before { | |
801 | + content: "("; | |
802 | +} | |
803 | +.block.product-categories-block .count:after { | |
804 | + content: ")"; | |
805 | +} | |
806 | + | |
807 | +.catalog-categories-notice { | |
808 | + color: rgba(0,0,0,0.3); | |
809 | + padding: 0.5em 1em; | |
810 | +} | |
811 | + | |
812 | +/********************* Environment Statistics ************************/ | |
813 | + | |
814 | +#content .environment-statistics-block ul { | |
815 | + margin: 0px 20px; | |
816 | + padding: 0px; | |
817 | +} | |
818 | +#content .environment-statistics-block li { | |
819 | + list-style-image: url(imgs/li-gray.gif); | |
820 | + padding: 3px 0px; | |
821 | + color: #777 | |
822 | +} | |
823 | + | |
824 | +/*************************** News Area *******************************/ | |
825 | + | |
826 | +.action-home-index #content h1 { | |
827 | + color: #555753; | |
828 | + border-bottom: 2px solid #555753; | |
829 | +} | |
830 | + | |
831 | +.highlighted-news-item { | |
832 | + border-top: 1px solid #CCC; | |
833 | + padding-top: 5px; | |
834 | +} | |
835 | +.highlighted-news-item.post-1 { | |
836 | + border: none; | |
837 | + padding-top: 0px; | |
838 | +} | |
839 | + | |
840 | +#highlighted-news h2 a { | |
841 | + font-weight: bold; | |
842 | + color: #2e3436; | |
843 | +} | |
844 | + | |
845 | +.news-area { | |
846 | + border: none; | |
847 | + background: #FFF; | |
848 | + height: auto; | |
849 | + position: relative; | |
850 | +} | |
851 | + | |
852 | +.news-area ul { | |
853 | + border: 1px solid #CCC; | |
854 | + border-top: 2px solid #07C; | |
855 | + height: 125px; | |
856 | + overflow: auto; | |
857 | + margin: 0px; | |
858 | + padding: 5px 10px; | |
859 | + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | |
860 | + border-bottom: none; | |
861 | +} | |
862 | + | |
863 | +.news-area li { | |
864 | + margin-left: 15px; | |
865 | + padding: 0px 0px; | |
866 | + list-style-image: url(imgs/li-blue.gif); | |
867 | +} | |
868 | + | |
869 | +#content .news-area h3 a { | |
870 | + font-weight: bold; | |
871 | + color: #2e3436; | |
872 | +} | |
873 | +#content .news-area h3 a:hover { | |
874 | + text-decoration: none; | |
875 | +} | |
876 | + | |
877 | +#content .news-area h3 { | |
878 | + background: #FFF; | |
879 | + margin: 0px; | |
880 | + padding: 0px; | |
881 | +} | |
882 | + | |
883 | +#content .news-area a { | |
884 | + color: #000; | |
885 | +} | |
886 | + | |
887 | +#content .news-area a.news-see-more { | |
888 | + position: absolute; | |
889 | + top: 3px; | |
890 | + right: 0px; | |
891 | + | |
892 | + color: #000; | |
893 | + padding-right: 10px; | |
894 | + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat; | |
895 | +} | |
896 | + | |
897 | +#content .news-area a.news-see-more:hover { | |
898 | + text-decoration: none; | |
899 | + color: #07C; | |
900 | +} | |
901 | + | |
902 | +#portal-news ul { | |
903 | + padding: 0px; | |
904 | + border-top: 1px solid #CCC; | |
905 | +} | |
906 | +#portal-news li { | |
907 | + list-style: none; | |
908 | + padding: 8px 0px; | |
909 | + border-bottom: 1px solid #CCC; | |
910 | +} | |
911 | +#portal-news li a { | |
912 | + font-weight: bold; | |
913 | + color: #555753; | |
914 | +} | |
915 | +#portal-news .post-date, #highlighted-news .post-date { | |
916 | + color: #555753; | |
917 | +} | |
918 | + | |
919 | +#portal-news .post-date { | |
920 | + float: left; | |
921 | +} | |
922 | +#portal-news .post-title { | |
923 | + display: block; | |
924 | + margin-left: 65px; | |
925 | +} | |
926 | + | |
927 | +#highlighted-news .post-title { | |
928 | + font-weight: bold; | |
929 | + font-size: 20px; | |
930 | +} | |
931 | +#highlighted-news h2 { | |
932 | + margin-bottom: 0px; | |
933 | +} | |
934 | + | |
935 | +/* ==> search-results.css <== */ | |
936 | + | |
937 | + | |
938 | +.msie .search-results-box { | |
939 | + width: 48%; | |
940 | +} | |
941 | + | |
942 | +#content .no-boxes h1 { | |
943 | + font-variant: small-caps; | |
944 | + color: #555753; | |
945 | + text-align: left; | |
946 | + border-bottom: 2px solid #2e3436; /*8C0*/ | |
947 | +} | |
948 | + | |
949 | +.query { | |
950 | + display: none; | |
951 | +} | |
952 | + | |
953 | +.controller-search #content .search_form h3 { | |
954 | + display: none; | |
955 | +} | |
956 | + | |
957 | +.controller-search #content .search_form h4 { | |
958 | + background: #DDD; | |
959 | + color: #777; | |
960 | +} | |
961 | +.controller-search .search-options { | |
962 | + border: 1px solid #777; | |
963 | + -moz-border-radius: 5px; | |
964 | + -webkit-border-radius: 5px; | |
965 | +} | |
966 | +.controller-search .search-options ul li { | |
967 | + position: relative; | |
968 | +} | |
969 | + | |
970 | +.controller-search .search-within select { | |
971 | + display: block; | |
972 | + margin-bottom: 5px; | |
973 | +} | |
974 | + | |
975 | +.controller-search .search-within label { | |
976 | + display: block; | |
977 | + float: left; | |
978 | + width: 100px; | |
979 | + text-align: right; | |
980 | + padding-right: 10px; | |
981 | + position: relative; | |
982 | + top: 5px; | |
983 | +} | |
984 | + | |
985 | +.controller-search a { | |
986 | + color: #555753; | |
987 | +} | |
988 | + | |
989 | +#search-results h3 { | |
990 | + color: #555753; /*6A0*/ | |
991 | + font-variant: small-caps; | |
992 | + margin: 0px; | |
993 | +} | |
994 | + | |
995 | +.search-results-innerbox { | |
996 | + border: 1px solid #CCC; | |
997 | + border-top: 2px solid #2e3436; | |
998 | + border-bottom: none; | |
999 | + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | |
1000 | +} | |
1001 | +.only-one-result-box .search-results-innerbox { | |
1002 | + border-top: 1px solid #CCC; | |
1003 | +} | |
1004 | + | |
1005 | +#content .search-results-type-article li, | |
1006 | +#content .search-results-type-event li { | |
1007 | + padding: 5px 0px; | |
1008 | +} | |
1009 | + | |
1010 | +.search-results-type-article a, | |
1011 | +.search-results-type-event a { | |
1012 | + text-decoration: none; | |
1013 | +} | |
1014 | +.search-results-type-article a:hover, | |
1015 | +.search-results-type-event a:hover { | |
1016 | + text-decoration: underline; | |
1017 | +} | |
1018 | + | |
1019 | +/* ==> article.css <== */ | |
1020 | + | |
1021 | +#article a { | |
1022 | + text-decoration: underline; | |
1023 | +} | |
1024 | + | |
1025 | +hr.pre-posts, hr.sep-posts { | |
1026 | + display: none; | |
1027 | +} | |
1028 | + | |
1029 | +.blog-post { | |
1030 | + background: url(imgs/blog-sep.png) repeat-x; | |
1031 | + padding: 15px 20px 5px 20px; | |
1032 | + margin: 0px -19px; | |
1033 | +} | |
1034 | + | |
1035 | +#article-actions a.button, | |
1036 | +#article-actions a.button:hover { | |
1037 | + border: none; | |
1038 | + background-color: transparent; | |
1039 | + color: #888; | |
1040 | +} | |
1041 | +#article-actions a.button:hover { | |
1042 | + color: #555753; | |
1043 | +} | |
1044 | +#content a.disabled, | |
1045 | +#content a.disabled:hover { | |
1046 | + color: #888; | |
1047 | + text-decoration: none; | |
1048 | +} | |
1049 | +#content a.button.disabled, | |
1050 | +#content a.button.disabled:hover { | |
1051 | + background-color: #CCC; | |
1052 | + border-color: #CCC; | |
1053 | +} | |
1054 | + | |
1055 | +#addThis { | |
1056 | + text-align: right; | |
1057 | +} | |
1058 | + | |
1059 | +#content .blog-post .title { | |
1060 | + border-bottom-color: #CCC; | |
1061 | +} | |
1062 | +#content .blog-post .title a { | |
1063 | + font-weight: bold; | |
1064 | + color: #000; | |
1065 | + text-decoration: none; | |
1066 | +} | |
1067 | + | |
1068 | +#content .main-block .created-at { | |
1069 | + text-align: left; | |
1070 | + color: #AAA; | |
1071 | +} | |
1072 | +#content .main-block .created-at a { | |
1073 | + color: #AAA; | |
1074 | + text-decoration: none; | |
1075 | +} | |
1076 | +#content .main-block .created-at a:hover { | |
1077 | + color: #555; | |
1078 | + text-decoration: underline; | |
1079 | +} | |
1080 | + | |
1081 | +#article-tags { | |
1082 | + color: #FFF; | |
1083 | +} | |
1084 | +#article-tags a { | |
1085 | + text-decoration: none; | |
1086 | + padding: 0px 2px; | |
1087 | + -moz-border-radius: 3px; | |
1088 | + -webkit-border-radius: 3px; | |
1089 | + background: #BBB; | |
1090 | + color: #FFF; | |
1091 | +} | |
1092 | +#article-tags a:hover { | |
1093 | + background: #555753; | |
1094 | +} | |
1095 | + | |
1096 | +#article-hits { | |
1097 | + text-align: left; | |
1098 | + color: #AAA; | |
1099 | +} | |
1100 | + | |
1101 | +.msie .post_comment_box { | |
1102 | + padding-top: 15px; | |
1103 | +} | |
1104 | + | |
1105 | +.post_comment_box.closed h4 { | |
1106 | + -moz-border-radius: 4px; | |
1107 | + -webkit-border-radius: 4px; | |
1108 | +} | |
1109 | + | |
1110 | +.post_comment_box.opened h4 { | |
1111 | + display: block; | |
1112 | + background: #FFF; | |
1113 | + padding: 0px; | |
1114 | + font-variant: small-caps; | |
1115 | + color: #555753; | |
1116 | + font-size: 14px; | |
1117 | + text-align: left; | |
1118 | + border-bottom: 2px solid #888a85; | |
1119 | +} | |
1120 | + | |
1121 | +.post_comment_box.opened { | |
1122 | + border: none; | |
1123 | + background: transparent; | |
1124 | +} | |
1125 | + | |
1126 | +/************* uploaded file *****************/ | |
1127 | + | |
1128 | +#article .gallery-navigation { | |
1129 | + padding: 10px 0; | |
1130 | +} | |
1131 | + | |
1132 | +#article .gallery-navigation .previous { | |
1133 | + margin-right: 10px; | |
1134 | +} | |
1135 | + | |
1136 | +#article .gallery-navigation .next { | |
1137 | + margin-left: 10px; | |
1138 | +} | |
1139 | + | |
1140 | +#article .gallery-navigation .total-of-images { | |
1141 | + font-weight: bold; | |
1142 | +} | |
1143 | + | |
1144 | +#article .uploaded-file-description { | |
1145 | + background: #f6f6f6; | |
1146 | + border-top: 1px solid #ccc; | |
1147 | + border-bottom: 1px solid #ccc; | |
1148 | + padding: 1em; | |
1149 | +} | |
1150 | +#article .uploaded-file-description.empty { | |
1151 | + display: none; | |
1152 | +} | |
1153 | + | |
1154 | +#article.file-generic .download-link { | |
1155 | + display: block; | |
1156 | + margin-bottom: 10px; | |
1157 | +} | |
1158 | +#article.file-generic .download-link span { | |
1159 | + font-size: 150%; | |
1160 | + padding-right: 5px; | |
1161 | +} | |
1162 | +#article.file-generic .download-link a { | |
1163 | + font-size: 180%; | |
1164 | + text-decoration: none; | |
1165 | +} | |
1166 | + | |
1167 | +/**************************** Comments *******************************/ | |
1168 | + | |
1169 | +#content .comments h3 { | |
1170 | + font-variant: small-caps; | |
1171 | + color: #555753; | |
1172 | + font-size: 14px; | |
1173 | + text-align: left; | |
1174 | + border-bottom: 2px solid #888a85; | |
1175 | +} | |
1176 | + | |
1177 | +.article-comment { | |
1178 | + border: none; | |
1179 | + background: #FFF; | |
1180 | +} | |
1181 | + | |
1182 | +.comment-logged-out h4 { | |
1183 | + color: #888; | |
1184 | +} | |
1185 | + | |
1186 | +#content .comment-picture { | |
1187 | + text-align: left; | |
1188 | + text-decoration: none; | |
1189 | + position: relative; | |
1190 | +} | |
1191 | + | |
1192 | +.comment-wrapper-1 { | |
1193 | + margin-left: 60px; | |
1194 | + background: url(imgs/comment-bg-N.png) 0% 0% repeat-x; | |
1195 | +} | |
1196 | +.comment-wrapper-2 { | |
1197 | + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x; | |
1198 | +} | |
1199 | +.comment-wrapper-3 { | |
1200 | + background: url(imgs/comment-bg-L.png) 100% 0% repeat-y; | |
1201 | +} | |
1202 | +.comment-wrapper-4 { | |
1203 | + background: url(imgs/comment-bg-O.png) 0% 0% repeat-y; | |
1204 | +} | |
1205 | +.comment-wrapper-5 { | |
1206 | + background: url(imgs/comment-bg-SL.png) 100% 100% no-repeat; | |
1207 | +} | |
1208 | +.comment-wrapper-6 { | |
1209 | + background: url(imgs/comment-bg-SO.png) 0% 100% no-repeat; | |
1210 | +} | |
1211 | +.comment-wrapper-7 { | |
1212 | + background: url(imgs/comment-bg-NL.png) 100% 0% no-repeat; | |
1213 | +} | |
1214 | +.comment-wrapper-8 { | |
1215 | + background: url(imgs/comment-bg-NO.png) 0% 0% no-repeat; | |
1216 | +} | |
1217 | + | |
1218 | +.comment-from-owner .comment-wrapper-1 { | |
1219 | + background: #fbf7b5 url(../../../images/comment-owner-bg-N.png) repeat-x; | |
1220 | +} | |
1221 | +.comment-from-owner .comment-wrapper-2 { | |
1222 | + background: url(../../../images/comment-owner-bg-S.png) 0% 100% repeat-x; | |
1223 | +} | |
1224 | +.comment-from-owner .comment-wrapper-3 { | |
1225 | + background: url(../../../images/comment-owner-bg-L.png) 100% 0% repeat-y; | |
1226 | +} | |
1227 | +.comment-from-owner .comment-wrapper-4 { | |
1228 | + background: url(../../../images/comment-owner-bg-O.png) 0% 0% repeat-y; | |
1229 | +} | |
1230 | +.comment-from-owner .comment-wrapper-5 { | |
1231 | + background: url(../../../images/comment-owner-bg-SL.png) 100% 100% no-repeat; | |
1232 | +} | |
1233 | +.comment-from-owner .comment-wrapper-6 { | |
1234 | + background: url(../../../images/comment-owner-bg-SO.png) 0% 100% no-repeat; | |
1235 | +} | |
1236 | +.comment-from-owner .comment-wrapper-7 { | |
1237 | + background: url(../../../images/comment-owner-bg-NL.png) 100% 0% no-repeat; | |
1238 | +} | |
1239 | +.comment-from-owner .comment-wrapper-8 { | |
1240 | + background: url(../../../images/comment-owner-bg-NO.png) 0% 0% no-repeat; | |
1241 | +} | |
1242 | + | |
1243 | +.comment-created-at { | |
1244 | + position: relative; | |
1245 | + padding-right: 9px; | |
1246 | +} | |
1247 | + | |
1248 | +.comment-order { | |
1249 | + float: right; | |
1250 | + display: block; | |
1251 | +} | |
1252 | + | |
1253 | +.comment-from-owner .comment-created-at { | |
1254 | + color: #333; | |
1255 | +} | |
1256 | + | |
1257 | +.article-comment .button-bar { | |
1258 | + position: relative; | |
1259 | + top: 9px; | |
1260 | + right: 8px; | |
1261 | + z-index: 10px; | |
1262 | +} | |
1263 | + | |
1264 | +.article-comment .button-bar a { | |
1265 | + position: relative; | |
1266 | +} | |
1267 | + | |
1268 | +.comment-details { | |
1269 | + margin: 0px; | |
1270 | + padding: 7px 12px 3px 26px; | |
1271 | +} | |
1272 | + | |
1273 | +/* ==> controllers.css <== */ | |
1274 | + | |
1275 | +/******** controller-friends action-friends-index ********/ | |
1276 | + | |
1277 | +.profile-list li, | |
1278 | +.common-profile-list-block .vcard { | |
1279 | + border: 1px solid transparent; | |
1280 | +} | |
1281 | + | |
1282 | +.profile-list li:hover, | |
1283 | +.common-profile-list-block .vcard:hover { | |
1284 | + border: 1px solid #CCC; | |
1285 | + -moz-border-radius: 5px; | |
1286 | + -webkit-border-radius: 5px; | |
1287 | + background: #EEE; | |
1288 | + text-decoration: none; | |
1289 | +} | |
1290 | + | |
1291 | +.common-profile-list-block .vcard a, | |
1292 | +.common-profile-list-block .vcard a:hover { | |
1293 | + background: transparent; | |
1294 | + border: 0; | |
1295 | +} | |
1296 | + | |
1297 | +/******** controller-profile action-profile-index ********/ | |
1298 | + | |
1299 | +table.profile th { | |
1300 | + font-size: 15px; | |
1301 | + text-align: left; | |
1302 | +} | |
1303 | + | |
1304 | +/**** controller-memberships action-memberships-index ****/ | |
1305 | + | |
1306 | +#memberships-index li { | |
1307 | + background-color: #FFF; | |
1308 | + border: 1px solid #EEE; | |
1309 | + -moz-border-radius: 9px; | |
1310 | + -webkit-border-radius: 9px; | |
1311 | + margin-bottom: 10px; | |
1312 | +} | |
1313 | + | |
1314 | +#memberships-index li .vcard a.profile_link.url { | |
1315 | + border: 1px solid transparent; | |
1316 | + background-color: #FFF; | |
1317 | +} | |
1318 | + | |
1319 | +#memberships-index li .vcard a.profile_link.url:hover { | |
1320 | + border: 1px solid #CCC; | |
1321 | + background-color: #EEE; | |
1322 | + -moz-border-radius: 4px; | |
1323 | + -webkit-border-radius: 4px; | |
1324 | +} | |
1325 | + | |
1326 | +/************************** Control Panel ****************************/ | |
1327 | + | |
1328 | +.control-panel a, | |
1329 | +.control-panel a:visited { | |
1330 | + color: #000; | |
1331 | + font-weight: bold; | |
1332 | + background-position: 2px 50%; | |
1333 | +} | |
1334 | +.control-panel a:hover { | |
1335 | + text-decoration: none; | |
1336 | + color: #2e3436; | |
1337 | + background-color: #d3d7cf; | |
1338 | +} | |
1339 | + | |
1340 | + | |
1341 | + | |
1342 | +/* ==> doc.css <== */ | |
1343 | + | |
1344 | +#online-doc-navigation h1 { | |
1345 | + font-variant: small-caps; | |
1346 | + color: #AAA; | |
1347 | + border-bottom: 2px solid #AAA; | |
1348 | +} | |
1349 | + | |
1350 | +#online-doc-text { | |
1351 | + background: transparent url(imgs/blog-sep.png) repeat-x scroll 0 0; | |
1352 | + padding: 15px 20px 5px 20px; | |
1353 | + margin: 10px -19px; | |
1354 | +} | |
1355 | + | |
1356 | +#online-doc-text h1, | |
1357 | +#online-doc-text h2, | |
1358 | +#online-doc-text h3, | |
1359 | +#online-doc-text h4, | |
1360 | +#online-doc-text h5, | |
1361 | +#online-doc-text h6 { | |
1362 | + font-variant: small-caps; | |
1363 | +} | |
1364 | + | |
1365 | +#online-doc-text h2 { | |
1366 | + border-bottom: 2px solid black; | |
1367 | +} | |
1368 | + | |
1369 | +/**************************** Browse *******************************/ | |
1370 | + | |
1371 | +#content .search-results-type-article li { | |
1372 | + padding: 5px 0px; | |
1373 | +} | |
1374 | + | |
1375 | +.search-results-type-article a { | |
1376 | + text-decoration: none; | |
1377 | +} | |
1378 | +.search-results-type-article a:hover { | |
1379 | + text-decoration: underline; | |
1380 | +} | |
1381 | + | |
1382 | +/* simplemenu */ | |
1383 | + | |
1384 | +.simplemenu-submenu { | |
1385 | + background: #EEE; | |
1386 | + border: 1px solid #AAA; | |
1387 | + opacity: 0.9; | |
1388 | + text-align: left; | |
1389 | +} | |
1390 | +.user-status .simplemenu-item a { | |
1391 | + color: black; | |
1392 | +} | |
1393 | + | |
1394 | +/* chat */ | |
1395 | + | |
1396 | +#chat-window .history .self-name { | |
1397 | + color: #3F3F90; | |
1398 | +} | |
1399 | +#chat-window .history .other-name { | |
1400 | + color: #7F1F1F; | |
1401 | +} | |
1402 | + | |
1403 | +/* recaptcha*/ | |
1404 | + | |
1405 | +table#recaptcha_table tr:hover td { | |
1406 | + background-color: #fff; | |
1407 | +} | |
1408 | + | |
1409 | +/* product cateogories */ | |
1410 | +#categories-container #product_category_id { | |
1411 | + font-size: 18px; | |
1412 | + width: 100%; | |
1413 | + margin-bottom: 8px; | |
1414 | +} | |
1415 | +#categories-container #product_category_id:focus { | |
1416 | + outline: none; | |
1417 | + border-color: green; | |
1418 | + box-shadow: 0 0 10px green; | |
1419 | + color:#333; | |
1420 | +} | |
1421 | + | ... | ... |