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   -/* ==> 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 @@
  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 +
... ...