Commit 07e8414b3df9d30b331cc6ed91eafc2c0ea24fda

Authored by Braulio Bhavamitra
1 parent f6b2f30e

responsive: rename base.css to scss

public/designs/themes/base/style.css
@@ -1,1421 +0,0 @@ @@ -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 -  
public/designs/themes/base/style.scss 0 → 100644
@@ -0,0 +1,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 +