Download as
Browse Code »

Commit fa1524c24612959a30fca3aeace9509e3667ca78

Authored by Juliana
2 parents 6b94fcca 6961604a
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

Merge branch 'restructuring_css' of gitlab.com:softwarepublico/noosfero-spb-theme into tabs 

Conflicts:
	style.css
Showing 22 changed files with 1628 additions and 592 deletions   Show diff stats
css/administration-panel.css 0 → 100644
  Diff comments   View file @fa1524c
... ... @@ -0,0 +1,142 @@
  1 +/*** Environment Admin Pages - General Rules ***/
  2 +.action-admin_panel-index #content .main-block h2,
  3 +.controller-features #content .main-block h2{
  4 + font-family: Arial;
  5 + font-size: 22px;
  6 + font-weight: 700;
  7 + line-height: 21px;
  8 +}
  9 +
  10 +/* Environment Settings */
  11 +
  12 +/* Profile tab */
  13 +
  14 +.action-admin_panel-site_info .main-content .ui-tabs{
  15 + border: none;
  16 +}
  17 +
  18 +.action-admin_panel-site_info .main-content .ui-tabs .ui-tabs-nav{
  19 + margin: 0 0 0 1em;
  20 + padding: 0;
  21 + background: none;
  22 + color: #172738;
  23 + border: 0px solid #aaaaaa;
  24 + border-radius: 4px;
  25 + font-weight: bold;
  26 +}
  27 +
  28 +.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-default,
  29 +.action-admin_panel-site_info .main-content .ui-widget-header .ui-state-default{
  30 + background: #d5d5d5 none;
  31 + color: #555555;
  32 + font-weight: normal;
  33 +}
  34 +
  35 +.action-admin_panel-site_info .main-content .ui-widget-content .ui-state-active,
  36 +.action-admin_panel-site_info .main-content .ui-widget-header .ui-state-active{
  37 + background: #eeeff1;
  38 + color: #212121;
  39 + font-weight: normal;
  40 +}
  41 +
  42 +.action-admin_panel-site_info .main-content .ui-tabs .ui-tabs-panel{
  43 + display: block;
  44 + padding: 1em 1.4em;
  45 + background-color: #eeeff1;
  46 + color: #777;
  47 + border-width: 1px;
  48 + font-size: 13px;
  49 + text-decoration: none;
  50 +}
  51 +
  52 +/* Organizations Settings */
  53 +
  54 +.action-organizations-index .main-block form#manage-profiles,
  55 +.action-organizations-index .main-block form#manage-profiles form{
  56 + background-color: transparent;
  57 +}
  58 +
  59 +.action-organizations-index .main-block form#manage-profiles .search-field{
  60 + margin-bottom: 30px;
  61 +}
  62 +
  63 +.action-organizations-index .main-block form#manage-profiles .search-field .formfield {
  64 + width: 100%;
  65 + margin-right: 0.5em;
  66 + float: left;
  67 +}
  68 +
  69 +.action-organizations-index .main-block form#manage-profiles .search-field .formfield input {
  70 + margin-top: 0px;
  71 + margin-right: 0.5em;
  72 + padding: 6px;
  73 + min-width: 97%;
  74 + height: 19px;
  75 + max-height: 19px;
  76 + background: none;
  77 + border: 1px solid #ccc;
  78 + border-radius: 4px;
  79 +}
  80 +
  81 +.action-organizations-index .main-block form#manage-profiles input.button.submit{
  82 + height: 32px;
  83 + margin-top: 8px;
  84 + padding: 5px 15px;
  85 + background: #3E67B1 none;
  86 + color: #FFF;
  87 + border-radius: 4px;
  88 + border: 1px solid #3E67B1;
  89 + font-size: 14px;
  90 + text-transform: uppercase;
  91 +}
  92 +
  93 +.action-organizations-index .main-block form#manage-profiles input.button.submit:hover{
  94 + background: #5E82C6;
  95 +}
  96 +
  97 +.action-organizations-index .main-block #environment-profiles-filter-title,
  98 +.action-organizations-index .main-block #environment-profiles-filter-filter{
  99 + line-height: 35px;
  100 + font-size: 12px;
  101 +}
  102 +
  103 +.action-organizations-index .main-block table#organizations-list th{
  104 + text-align: left;
  105 + vertical-align: middle;
  106 + padding: 2px 8px;
  107 +}
  108 +
  109 +/*** Features Settings ***/
  110 +
  111 +.controller-features #content form *{
  112 + font-size: 15px;
  113 +}
  114 +
  115 +.controller-features #content th{
  116 + text-align: left;
  117 +}
  118 +
  119 +.controller-features #content h3{
  120 + min-height: 0;
  121 + margin: 20px auto 10px auto;
  122 +}
  123 +
  124 +.controller-features #content hr{
  125 + display: none;
  126 +}
  127 +
  128 +.controller-features #content ul.token-input-list{
  129 + padding: 6px;
  130 + background: none;
  131 + border: 1px solid #ccc;
  132 + border-radius: 4px;
  133 + font-family: Arial, helvetica;
  134 + font-size: 15px;
  135 +}
  136 +
  137 +/*** Community Admin pages ***/
  138 +
  139 +/* Index */
  140 +.action-cms-index .cms-articles th{
  141 + text-align: left;
  142 +}
... ...
css/animate.css 0 → 100644
  Diff comments   View file @fa1524c
... ... @@ -0,0 +1,68 @@
  1 +.animated {
  2 + -webkit-animation-duration: .7s;
  3 + animation-duration: .7s;
  4 + -webkit-animation-fill-mode: both;
  5 + animation-fill-mode: both;
  6 +}
  7 +
  8 +@-webkit-keyframes slideInDown {
  9 + from {
  10 + -webkit-transform: translate3d(0, -100%, 0);
  11 + transform: translate3d(0, -100%, 0);
  12 + visibility: visible;
  13 + }
  14 +
  15 + 100% {
  16 + -webkit-transform: translate3d(0, 0, 0);
  17 + transform: translate3d(0, 0, 0);
  18 + }
  19 +}
  20 +
  21 +@keyframes slideInDown {
  22 + from {
  23 + -webkit-transform: translate3d(0, -100%, 0);
  24 + transform: translate3d(0, -100%, 0);
  25 + visibility: visible;
  26 + }
  27 +
  28 + 100% {
  29 + -webkit-transform: translate3d(0, 0, 0);
  30 + transform: translate3d(0, 0, 0);
  31 + }
  32 +}
  33 +
  34 +.slideInDown {
  35 + -webkit-animation-name: slideInDown;
  36 + animation-name: slideInDown;
  37 +}
  38 +
  39 +@-webkit-keyframes slideOutUp {
  40 + from {
  41 + -webkit-transform: translate3d(0, 0, 0);
  42 + transform: translate3d(0, 0, 0);
  43 + }
  44 +
  45 + 100% {
  46 + visibility: hidden;
  47 + -webkit-transform: translate3d(0, -100%, 0);
  48 + transform: translate3d(0, -100%, 0);
  49 + }
  50 +}
  51 +
  52 +@keyframes slideOutUp {
  53 + from {
  54 + -webkit-transform: translate3d(0, 0, 0);
  55 + transform: translate3d(0, 0, 0);
  56 + }
  57 +
  58 + 100% {
  59 + visibility: hidden;
  60 + -webkit-transform: translate3d(0, -100%, 0);
  61 + transform: translate3d(0, -100%, 0);
  62 + }
  63 +}
  64 +
  65 +.slideOutUp {
  66 + -webkit-animation-name: slideOutUp;
  67 + animation-name: slideOutUp;
  68 +}
... ...
css/article-page.css
  Diff comments   View file @fa1524c
... ... @@ -28,6 +28,15 @@
28 28 line-height: 21px;
29 29 }
30 30  
  31 +#content #article-parent a.button.with-text{
  32 + background-color: #3E67B1;
  33 + color: #FFF;
  34 +}
  35 +
  36 +#content #article-parent a.button.with-text:hover{
  37 + background-color: #5E82C6;
  38 +}
  39 +
31 40 /* Need a dev solution - blog internal pages*/
32 41  
33 42 #article-header .preview{
... ... @@ -76,27 +85,34 @@
76 85 }
77 86  
78 87 #content .main-block .article-body #article-actions:last-child{
79   - padding-top: 10px;
80   - border-top: 4px solid #2C4B6B;
  88 + margin: 0;
  89 + padding: 10px 0;
  90 + border-top: 1px solid #D3D6DE;
81 91 }
82 92  
83 93 /*** Categories ***/
84 94  
  95 +#content .main-block #article-cat{
  96 + border-top: 4px solid #2C4B6B;
  97 + border-bottom: 1px solid #D3D6DE;
  98 +}
  99 +
85 100 #content .main-block #article-cat h4 {
86 101 float: left;
87   - margin: 13px 10px 10px 0;
  102 + margin: 12px 10px 10px 0;
88 103 min-height: 0px;
  104 + color: #5E82C6;
89 105 font-family: Arial;
90   - font-size: 1.3em;
  106 + font-size: 12px;
91 107 font-weight: 300;
92 108 text-decoration: initial;
93 109 }
94 110  
95 111 #content .main-block #article-cat a{
96   - float: left;
  112 + display: inline-block;
97 113 margin: 10px 10px 10px 0;
98 114 padding: 3px 10px;
99   - color: #3E67B1;
  115 + color: #5E82C6;
100 116 background-color: #ECEDF1;
101 117 border: 1px solid #D3D6DE;
102 118 border-radius: 3px;
... ... @@ -104,7 +120,29 @@
104 120 text-decoration: initial;
105 121 }
106 122  
107   -/*** end of categories ***/
  123 +/*** Tags ***/
  124 +
  125 +#content .main-block #article-tags{
  126 + width: 100%;
  127 + color: #5E82C6;
  128 + border-bottom: 1px solid #D3D6DE;
  129 + font-family: Arial;
  130 + font-size: 12px;
  131 + font-weight: 300;
  132 + text-align: left;
  133 +}
  134 +
  135 +#content .main-block #article-tags a{
  136 + display: inline-block;
  137 + margin: 10px 10px 10px 0;
  138 + padding: 3px 10px;
  139 + color: #5E82C6;
  140 + background-color: #ECEDF1;
  141 + border: 1px solid #D3D6DE;
  142 + border-radius: 3px;
  143 + font-size: 12px;
  144 + text-decoration: initial;
  145 +}
108 146  
109 147 /*** Site Map page ***/
110 148  
... ...
css/community-pages.css
  Diff comments   View file @fa1524c
1   -/*** Events ***/
2   -
3   -#content .event-card {
4   - border-top: 1px dotted #D3D6D3;
5   - background-repeat: no-repeat;
6   - width: 494px;
7   - height: 116px;
8   - margin-bottom: 30px;
9   -}
10   -
11   -#content .event-image {
12   - border-right: 1px dotted #D3D6DE;
13   -}
14   -
15   -#content .about-event > span {
16   - font-family: Arial;
17   - line-height: 13px;
18   -}
19   -
20   -#content .about-event .event-date {
21   - font-weight: bold;
22   - letter-spacing: 0.49px;
23   -}
24   -
25   -#content .about-event .event-address {
26   - margin-top: 19px;
27   -}
28   -
29   -#content .about-event .event-address span {
30   - margin-top: 4.4px;
31   - line-height: 14px;
32   - letter-spacing: 0.5px;
33   -}
34   -
35   -#content .event-link {
36   - letter-spacing: 0.48px;
37   -}
38   -
39   -#content .event-link a {
40   - text-decoration: underline;
41   -}
42   -
43   -#content .event-body .event-lead p {
44   - font-size: 16px;
45   - font-family: Arial;
46   - font-weight: bold;
47   - letter-spacing: -0.4px;
48   - line-height: 21px;
49   -}
50   -
51   -#content .event-body .event-content p {
52   - font-size: 15px;
53   - font-family: Arial;
54   - line-height: 22px;
55   -}
56   -
57 1 /*** Profile page ***/
58 2 .action-profile-index #content .main-block h1 {
59 3 color: #172738;
... ... @@ -64,6 +8,20 @@
64 8 font-family: Arial, open_sansbold, Helvetica, sans-serif;
65 9 }
66 10  
  11 +/*** Profile info block ***/
  12 +#content .profile-image-block .admin-link a{
  13 + color: #2c66ce;
  14 +}
  15 +
  16 +#content .profile-image-block .profile-info-options{
  17 + padding-right: 0;
  18 + text-align: center;
  19 +}
  20 +
  21 +#content .profile-image-block .profile-info-options a.button.with-text{
  22 + font-size: 11px;
  23 +}
  24 +
67 25 /* Search form */
68 26  
69 27 .action-profile-index .main-block #public-profile-search,
... ... @@ -99,14 +57,15 @@
99 57  
100 58 .action-profile-index .main-block #public-profile-search form input.button.submit {
101 59 height: 32px;
102   - background: #2B51A8;
103   - font-size: 14px;
104 60 margin-top: 8px;
  61 + padding: 5px 15px;
105 62 color: #ffffff;
106   - text-transform: uppercase;
  63 + background: #2B51A8;
107 64 border-radius: 4px;
108 65 border: 1px solid #2B51A8;
109   - padding: 5px 15px;
  66 + font-size: 14px;
  67 + line-height: 14px;
  68 + text-transform: uppercase;
110 69 }
111 70  
112 71 /* Profile tab */
... ... @@ -149,3 +108,59 @@
149 108 text-decoration: none;
150 109 }
151 110  
  111 +/*** Events ***/
  112 +
  113 +#content .article-body-event .event-card{
  114 + border-top: 1px dotted #D3D6D3;
  115 + background-repeat: no-repeat;
  116 + width: 494px;
  117 + height: 116px;
  118 + margin-bottom: 30px;
  119 +}
  120 +
  121 +#content .article-body-event .event-image{
  122 + border-right: 1px dotted #D3D6DE;
  123 +}
  124 +
  125 +#content .article-body-event .about-event > span{
  126 + font-family: Arial;
  127 + line-height: 13px;
  128 +}
  129 +
  130 +#content .article-body-event .about-event .event-date{
  131 + font-weight: bold;
  132 + letter-spacing: 0.49px;
  133 +}
  134 +
  135 +#content .article-body-event .about-event .event-address{
  136 + margin-top: 19px;
  137 +}
  138 +
  139 +#content .article-body-event .about-event .event-address span{
  140 + margin-top: 4.4px;
  141 + line-height: 14px;
  142 + letter-spacing: 0.5px;
  143 +}
  144 +
  145 +#content .article-body-event .event-link{
  146 + letter-spacing: 0.48px;
  147 +}
  148 +
  149 +#content .article-body-event .event-link a{
  150 + text-decoration: underline;
  151 +}
  152 +
  153 +#content .article-body-event .event-body .event-lead p{
  154 + font-size: 16px;
  155 + font-family: Arial;
  156 + font-weight: bold;
  157 + letter-spacing: -0.4px;
  158 + line-height: 21px;
  159 +}
  160 +
  161 +#content .article-body-event .event-body .event-content p{
  162 + font-size: 15px;
  163 + font-family: Arial;
  164 + line-height: 22px;
  165 +}
  166 +
... ...
css/edition-pages.css
  Diff comments   View file @fa1524c
... ... @@ -2,7 +2,7 @@
2 2  
3 3 /*** Edit Blog and Articles ***/
4 4  
5   -.controller-cms #content .main-block h1{
  5 +.controller-cms #content .main-content h1{
6 6 margin: 0 0 10px 0;
7 7 padding: 0;
8 8 color: #172738;
... ... @@ -13,19 +13,19 @@
13 13 font-variant: normal;
14 14 }
15 15  
16   -.controller-cms #content .main-block form{
  16 +.controller-cms #content .main-content form{
17 17 font-size: 14px;
18 18 font-family: Arial;
19 19 }
20 20  
21   -.controller-cms #content .main-block form .required-field .pseudoformlabel,
22   -.controller-cms #content .main-block form .required-field label.formlabel:after {
  21 +.controller-cms #content .main-content form .required-field .pseudoformlabel,
  22 +.controller-cms #content .main-content form .required-field label.formlabel:after {
23 23 color: #FF0366;
24 24 font-size: 14px;
25 25 font-weight: 500;
26 26 }
27 27  
28   -.controller-cms #content .main-block .formlabel {
  28 +.controller-cms #content .main-content .formlabel{
29 29 display: inline-block;
30 30 max-width: 100%;
31 31 margin-bottom: 5px;
... ... @@ -34,7 +34,7 @@
34 34 font-size: 14px;
35 35 }
36 36  
37   -.controller-cms #content .main-block .formfieldline .formfield code {
  37 +.controller-cms #content .main-content .formfieldline .formfield code{
38 38 display: block;
39 39 width: auto;
40 40 height: 30px;
... ... @@ -45,21 +45,21 @@
45 45 font-family: Arial, helvetica;
46 46 }
47 47  
48   -.controller-cms #content .main-block .formfieldline .formfield code * {
  48 +.controller-cms #content .main-content .formfieldline .formfield code *{
49 49 display: inline;
50 50 }
51 51  
52   -.controller-cms #content .main-block .formfieldline .formfield code input[type="text"] {
  52 +.controller-cms #content .main-content .formfieldline .formfield input[type="text"]{
53 53 padding: 6px;
54 54 color: #585858;
55   - background: none;
  55 + background: #FFF;
56 56 border: 1px solid #ccc;
57 57 border-radius: 4px;
58 58 font-size: 15px;
59 59 font-family: Arial, helvetica;
60 60 }
61 61  
62   -.controller-cms #content .main-block .formfieldline textarea{
  62 +.controller-cms #content .main-content .formfieldline textarea{
63 63 padding: 6px;
64 64 color: #585858;
65 65 background: none;
... ... @@ -69,18 +69,18 @@
69 69 font-size: 15px;
70 70 }
71 71  
72   -.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:hover,
73   -.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:focus,
74   -.controller-cms #content .main-block .formfieldline textarea:hover,
75   -.controller-cms #content .main-block .formfieldline textarea:focus{
  72 +.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:hover,
  73 +.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:focus,
  74 +.controller-cms #content .main-content .formfieldline textarea:hover,
  75 +.controller-cms #content .main-content .formfieldline textarea:focus{
76 76 border: 1px solid #172738;
77 77 }
78 78  
79   -.controller-cms #content .main-block .formfieldline .type-file .type-file .formlabel{
  79 +.controller-cms #content .main-content .formfieldline .type-file .type-file .formlabel{
80 80 display: none;
81 81 }
82 82  
83   -.controller-cms #content .main-block .formfieldline .type-file .type-file .type-text .formlabel{
  83 +.controller-cms #content .main-content .formfieldline .type-file .type-file .type-text .formlabel{
84 84 display: block;
85 85 }
86 86  
... ... @@ -102,25 +102,25 @@
102 102 border: 1px solid #172738;
103 103 }
104 104  
105   -.controller-cms #content .formfield #fetch-external-feed {
  105 +.controller-cms #content .formfield #fetch-external-feed{
106 106 padding-left: 20px;
107 107 border-radius: 4px;
108 108 }
109 109  
110   -.controller-cms #content .formfield #fetch-external-feed > input {
  110 +.controller-cms #content .formfield #fetch-external-feed > input{
111 111 height: 13px;
112 112 margin: 8px 8px 8px 0px;
113 113 vertical-align: middle;
114 114 width: 13px;
115 115 }
116 116  
117   -.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once input {
  117 +.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once input{
118 118 margin-right: 3px;
119 119 width: 13px;
120 120 vertical-align: middle;
121 121 }
122 122  
123   -.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once label {
  123 +.controller-cms #content .formfield #fetch-external-feed #external-feed-options #external-feed-options-only-once label{
124 124 margin-right: 250px;
125 125 }
126 126  
... ... @@ -136,74 +136,76 @@
136 136 margin-bottom: 15px;
137 137 }
138 138  
139   -.controller-cms #content .main-block form .button-bar input{
140   - min-width: 100px;
  139 +.controller-cms #content .main-content form .button-bar input{
  140 + height: 30px;
  141 + padding: 2px 15px;
141 142 margin-right: 10px;
142   - padding: 2px 5px;
143 143 color: #FFF;
144   - background: #2C66CE;
  144 + background: #3E67B1;
145 145 font-size: 15px;
146   - border: none;
147 146 }
148 147  
149   -.controller-cms #content .main-block form .button-bar input:hover {
  148 +.controller-cms #content .main-content form .button-bar input:hover{
150 149 background: #5E82C6;
151 150 border: none;
152 151 }
153 152  
154   -.controller-cms #content .main-block form .button-bar a.button{
155   - height: 29px;
156   - min-width: 100px;
157   - padding: 1px 0 0 0;
158   - color: #2C66CE;
  153 +.controller-cms #content .main-content form .button-bar input.button.with-text{
  154 + height: 36px;
  155 +}
  156 +
  157 +.controller-cms #content .main-content form .button-bar a.button{
  158 + height: 30px;
  159 + padding: 2px 15px;
  160 + color: #3E67B1;
159 161 background: #FFF;
160   - border: 1px solid #2C66CE;
  162 + border: 1px solid #3E67B1;
161 163 font-size: 14px;
162 164 text-align: center;
163 165 }
164 166  
165   -.controller-cms #content .main-block form .button-bar a.button:hover{
  167 +.controller-cms #content .main-content form .button-bar a.button:hover{
166 168 background: none;
167   - color: #5E82C6;
168   - border-color: #5E82C6;
  169 + color: #3E67B1;
  170 + border-color: #3E67B1;
169 171 }
170 172  
171   -.controller-cms #content .main-block form .box-title{
  173 +.controller-cms #content .main-content form .box-title{
172 174 font-size: 15px;
173 175 font-family: Arial, helvetica;
174 176 }
175 177  
176   -.controller-cms #content .main-block #category-ajax-selector{
  178 +.controller-cms #content .main-content #category-ajax-selector{
177 179 border-style: dotted;
178 180 }
179 181  
180   -.controller-cms #content .main-block #category-ajax-selector label{
  182 +.controller-cms #content .main-content #category-ajax-selector label{
181 183 font-size: 14px;
182 184 }
183 185  
184   -.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link{
  186 +.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link{
185 187 background: #FFF;
186 188 border: 1px solid #2C66CE;
187 189 color: #2C66CE;
188 190 padding: 3px;
189 191 }
190 192  
191   -.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link:hover{
  193 +.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link:hover{
192 194 background: #2C66CE;
193 195 color: #FFF;
194 196 }
195 197  
196   -.controller-cms #content .main-block .inputosaurus-required{
  198 +.controller-cms #content .main-content .inputosaurus-required{
197 199 background: none;
198 200 border: 1px solid #ccc;
199 201 }
200 202  
201   -.controller-cms #content .main-block .inputosaurus-required:hover,
202   -.controller-cms #content .main-block .inputosaurus-required:focus{
  203 +.controller-cms #content .main-content .inputosaurus-required:hover,
  204 +.controller-cms #content .main-content .inputosaurus-required:focus{
203 205 border: 1px solid #172738;
204 206 }
205 207  
206   -.controller-cms #content .main-block .inputosaurus-required input:hover{
  208 +.controller-cms #content .main-content .inputosaurus-required input:hover{
207 209 background: none;
208 210 }
209 211  
... ... @@ -217,6 +219,34 @@
217 219 margin-bottom: 13px;
218 220 }
219 221  
  222 +/*** Article's edition page ***/
  223 +
  224 +#content .text-editor-sidebar .header{
  225 + padding: 13px 10px;
  226 + color: #172738;
  227 + background: #D3D6DE;
  228 + border-radius: 4px;
  229 + font-size: 14px;
  230 + font-weight: 300;
  231 + font-family: Arial;
  232 +}
  233 +
  234 +#content .text-editor-sidebar .header a.button.icon-vertical-toggle{
  235 + padding: 0 15px;
  236 + background: #3E67B1;
  237 + color: #FFF;
  238 + font-size: 14px;
  239 + font-weight: 300;
  240 + font-family: Arial;
  241 +}
  242 +
  243 +#content .text-editor-sidebar .header a.button.icon-vertical-toggle:hover{
  244 + background: #5E82C6;
  245 +}
220 246  
221   -/*** Edit Organizations ***/
  247 +#content .text-editor-sidebar-box{
  248 + background: #ECEDF1;
  249 + border-radius: 4px;
  250 + border: 1px solid #D3D6DE;
  251 +}
222 252  
... ...
css/home-page.css
  Diff comments   View file @fa1524c
... ... @@ -12,6 +12,10 @@
12 12  
13 13 /*** Box's patterns ***/
14 14  
  15 +.action-home-index .block-outer{
  16 + margin-bottom: 45px;
  17 +}
  18 +
15 19 /* Read More pattern */
16 20  
17 21 .action-home-index #content .box .block-outer .read-more {
... ... @@ -52,9 +56,9 @@
52 56 /*** Software catalog search block **/
53 57  
54 58 .action-home-index #content #catalogo-software-search {
55   - border-radius: 4px;
56 59 width: 100%;
57 60 background-color: #1A397D;
  61 + border-radius: 4px;
58 62 }
59 63  
60 64 .action-home-index #content #catalogo-software-search h1 {
... ... @@ -144,10 +148,10 @@
144 148 display:none;
145 149 }
146 150  
147   -.action-home-index #content .software-block {
  151 +.action-home-index #content .software-block {
148 152 width: 145px;
149 153 height: 218px;
150   - margin: 0px 9px 14px 9px;
  154 + margin: 0px 18px 14px 0px;
151 155 }
152 156  
153 157 .action-home-index #content .software-block .software-block-logo {
... ... @@ -232,7 +236,7 @@
232 236 /*** News block - display content block **/
233 237  
234 238 .action-home-index #content .display-content-block .block-title {
235   - margin: 0px;
  239 + margin: 0px;
236 240 border-top: 4px solid #643C67;
237 241 background: #eee;
238 242 color: #643C67;
... ... @@ -247,7 +251,6 @@
247 251  
248 252 .action-home-index #content .display-content-block li:first-child {
249 253 border-top: 0px solid #eee;
250   - padding: 36px 0px 0px 0px;
251 254 }
252 255  
253 256 .action-home-index #content .display-content-block .published-at {
... ... @@ -259,7 +262,6 @@
259 262 padding-right: 25px;
260 263 padding: 0px 25px 0px 0px;
261 264 border: 0px solid #c0c1c1;
262   - border-radius: 8px;
263 265 width: 150px;
264 266 display: table-cell;
265 267 }
... ... @@ -291,7 +293,7 @@
291 293 }
292 294  
293 295 .action-home-index #content .display-content-block .lead {
294   - max-height: 56px;
  296 + max-height: 47px;
295 297 overflow: hidden;
296 298 }
297 299  
... ... @@ -300,8 +302,8 @@
300 302 font: 15px/1.3em arial;
301 303 }
302 304  
303   -.action-home-index #content .display-content-block .lead a:visited,
304   -.action-home-index #content .lead a:visited,
  305 +.action-home-index #content .display-content-block .lead a:visited,
  306 +.action-home-index #content .lead a:visited,
305 307 .action-home-index #content .lead dl.portlet a:visited {
306 308 color: #172738;
307 309 }
... ... @@ -329,7 +331,7 @@
329 331  
330 332 /*** What Is block - Article block **/
331 333  
332   -.action-home-index #content .article-block .block-title {
  334 +.template-default .action-home-index #content .box-3 .article-block .block-title {
333 335 border-top: 4px solid #08A649;
334 336 border-bottom: none;
335 337 padding: 6px 8px 22px 10px;
... ... @@ -340,20 +342,20 @@
340 342 text-transform: none;
341 343 }
342 344  
343   -.action-home-index #content .article-block .read-more {
  345 +.template-default .action-home-index #content .box-3 .article-block .read-more {
344 346 margin-top: 30px;
345 347 border-top: 1px solid #08A649;
346 348 }
347 349  
348   -.action-home-index #content .article-block .read-more a::after {
  350 +.template-default .action-home-index #content .box-3 .article-block .read-more a::after {
349 351 background: #08A649;
350 352 }
351 353  
352   -.action-home-index #content .article-block .short-post {
  354 +.template-default .action-home-index #content .box-3 .article-block .short-post {
353 355 padding-top: 23px;
354 356 }
355 357  
356   -.action-home-index #content .article-block p {
  358 +.template-default .action-home-index #content .box-3 .article-block p {
357 359 margin: 0px 0px 14px 0px;
358 360 padding: 0px;
359 361 font: 15px/18px arial, helvetica, sans-serif;
... ... @@ -364,36 +366,33 @@
364 366 /******* See As Well Block - Highlights block *******/
365 367  
366 368 .action-home-index #content .highlights-block .block-title {
367   - margin: 11px 0px 0px;
368   - border: 1px solid #c0c1c1;
369   - border-bottom: 0;
370   - border-radius: 8px 8px 0 0;
371   - padding: 15px 1px 21px 15px;
372   - width: auto;
373   - height: 16px;
374   - background-color: #fff;
375   - color: #172638;
376   - font: bold 16px/1.3em 'open_sansbold', arial, helvetica, sans-serif;
377   - text-transform: uppercase;
  369 + display: none;
378 370 }
379 371  
380 372 .action-home-index #content .highlights-border {
381 373 border: 1px solid #c0c1c1;
382   - border-radius: 0px 0px 8px 8px;
  374 + border-radius: 8px;
383 375 width: auto;
384   - max-height: 230px;
385   - background: #fff;
  376 + height: 248px;
  377 + max-height: 250px;
  378 + background-color: #e8e9ec;
  379 + background-image: linear-gradient(
  380 + 0deg,
  381 + transparent 45%,
  382 + #fff 55%);
  383 + background-size: 100% 100%;
386 384 }
387 385  
388 386 .action-home-index #content .highlights-container {
389   - border-radius: 0px 0px 8px 8px;
  387 + border-radius: 8px;
390 388 border-width: 0px 0px 1px 0px;
391   - padding: 0px 0px 0px 0px;
  389 + border-bottom: none;
  390 + padding: 0;
392 391 width: 100% !important;
393 392 max-height: 230px;
394   - background: #fff;
  393 + background: transparent;
395 394 position: relative;
396   - top: 0px;
  395 + top: 0;
397 396 }
398 397  
399 398 .action-home-index #content .highlights-image-link {
... ... @@ -404,6 +403,10 @@
404 403 background-color: #fff;
405 404 }
406 405  
  406 +.action-home-index #content .highlights-image-link img{
  407 + max-height: 100px;
  408 +}
  409 +
407 410 .action-home-index #content .highlights-label {
408 411 border-top: 4px solid #3b61a7;
409 412 padding: 23px 20px 46px 20px;
... ... @@ -419,13 +422,9 @@
419 422 }
420 423  
421 424 .action-home-index #content .highlights-block-pager {
422   - border: 0;
423   - padding: 14px 0px 0px 0px;
424   - height: 1px;
425   - width: 232px;
426   - background-color: #FFF;
427   - float: left;
428   - position: static;
  425 + float: none;
  426 + display: block;
  427 + text-align: center;
429 428 }
430 429  
431 430 .action-home-index #content .highlights-block-pager a {
... ... @@ -447,6 +446,24 @@
447 446 color: transparent;
448 447 }
449 448  
  449 +/*** software highlights block ***/
  450 +
  451 +.action-home-index #content a.toggle-popover,
  452 +.action-home-index #content a.toggle-popover:hover {
  453 + margin: 0 0 0 55px;
  454 + color: #3867b7;
  455 + cursor: pointer;
  456 +}
  457 +
  458 +.action-home-index #content span.popover-span {
  459 + padding: 1px 6px;
  460 + border-radius: 50%;
  461 + background-color: #3867b7;
  462 + color: #ffffff;
  463 + font-weight: bold;
  464 + cursor: pointer;
  465 +}
  466 +
450 467 /*** mais software block **/
451 468 .action-home-index #content #mais-software-block {
452 469 margin: 11px 0px;
... ...
css/left-bar.css
  Diff comments   View file @fa1524c
1 1 /******************** Box-2 ********************/
2 2  
3   -.box-2{
  3 +/*** WARNING - WITHOUT BOX-4 ***/
  4 +
  5 +.template-default .box-2 {
4 6 width:150px;
5 7 }
6 8  
7   -#content .box-2 .block-outer .block-title {
  9 +.template-default #content .box-2 .block-outer .block-title {
8 10 background: #eee;
9 11 color: #4562b1;
10 12 border-top: 4px solid #4562b1;
... ... @@ -13,14 +15,86 @@
13 15  
14 16 /*** Menus - Link list block ***/
15 17  
16   -#content .box-2 .link-list-block li {
  18 +.template-default #content .box-2 .link-list-block li {
  19 + margin: 0;
  20 + padding: 0;
  21 + border-bottom: 1px solid #ddd;
  22 + border-top: none;
  23 +}
  24 +
  25 +.template-default #content .box-2 .link-list-block li a {
  26 + width: auto;
  27 + padding: 6px 5px 8px 18px;
  28 + background-color: #fff;
  29 + background-position: 0px 50%;
  30 + color: #2C66CE;
  31 + border-right: none;
  32 + border-top: 0px solid #64946E;
  33 + border-radius: 0 0 0 0;
  34 + font-weight: normal;
  35 + font-size: 14px;
  36 + line-height: 17px;
  37 +}
  38 +
  39 +.template-default #content .box-2 .link-list-block h3.empty + ul {
  40 + border-top: 1px solid #ddd;
  41 +}
  42 +
  43 +.template-default #content .box-2 .link-list-block h3.empty + ul li a {
  44 + padding-left: 0px;
  45 + padding-right: 0px;
  46 + background-image: none;
  47 +}
  48 +
  49 +.template-default #content .box-2 .link-list-block li a.link-this-page,
  50 +.template-default #content .box-2 .link-list-block li a.link-this-page:hover {
  51 + border-right: none;
  52 +}
  53 +
  54 +.template-default #content .box-2 .link-list-block li a:hover {
  55 + background-color: #FFFFFF;
  56 + color: #000;
  57 +}
  58 +.template-default #content .box-2 .link-list-block li a.link-this-page {
  59 + width: auto;
  60 + margin-left: 0px;
  61 + background-color: #ffffff;
  62 + font-weight: bold;
  63 +}
  64 +
  65 +/*** END OF WARNING - WITHOUT BOX-4 ***/
  66 +
  67 +/*** WARNING - WITH BOX-4 ***/
  68 +
  69 +/************ DUPLICATE ************
  70 +
  71 + This part of the code is duplicated because, if there is
  72 + a change of layout from template-default to lefttopright
  73 + the CSS fit without many complication.
  74 +
  75 + */
  76 +
  77 +.template-lefttopright .box-3 {
  78 + width:150px;
  79 +}
  80 +
  81 +.template-lefttopright #content .box-3 .block-outer .block-title {
  82 + background: #eee;
  83 + color: #4562b1;
  84 + border-top: 4px solid #4562b1;
  85 + line-height: 15px;
  86 +}
  87 +
  88 +/*** Menus - Link list block ***/
  89 +
  90 +.template-lefttopright #content .box-3 .link-list-block li {
17 91 margin: 0;
18 92 padding: 0;
19 93 border-bottom: 1px solid #ddd;
20 94 border-top: none;
21 95 }
22 96  
23   -#content .box-2 .link-list-block li a {
  97 +.template-lefttopright #content .box-3 .link-list-block li a {
24 98 width: auto;
25 99 padding: 6px 5px 8px 18px;
26 100 background-color: #fff;
... ... @@ -34,33 +108,41 @@
34 108 line-height: 17px;
35 109 }
36 110  
37   -#content .box-2 .link-list-block h3.empty + ul {
  111 +.template-lefttopright #content .box-3 .link-list-block h3.empty + ul {
38 112 border-top: 1px solid #ddd;
39 113 }
40 114  
41   -#content .box-2 .link-list-block h3.empty + ul li a {
  115 +.template-lefttopright #content .box-3 .link-list-block h3.empty + ul li a {
42 116 padding-left: 0px;
43 117 padding-right: 0px;
44 118 background-image: none;
45 119 }
46 120  
47   -#content .box-2 .link-list-block li a.link-this-page,
48   -#content .box-2 .link-list-block li a.link-this-page:hover {
  121 +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page,
  122 +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page:hover {
49 123 border-right: none;
50 124 }
51 125  
52   -#content .box-2 .link-list-block li a:hover {
  126 +.template-lefttopright #content .box-3 .link-list-block li a:hover {
53 127 background-color: #FFFFFF;
54 128 color: #000;
55 129 }
56   -#content .box-2 .link-list-block li a.link-this-page {
  130 +.template-lefttopright #content .box-3 .link-list-block li a.link-this-page {
57 131 width: auto;
58 132 margin-left: 0px;
59 133 background-color: #ffffff;
60 134 font-weight: bold;
61 135 }
62 136  
  137 +/************ END OF DUPLICATE ************
  138 +
  139 +/*** END OF WARNING - WITH BOX-4 ***/
  140 +
63 141 /*** Statistics block **/
  142 +.template-default #content .box-2 .statistics-block {
  143 + padding: 10px 0px 10px 10px
  144 +}
  145 +
64 146 .statistics-block-data ul {
65 147 margin-top: 10px;
66 148 }
... ... @@ -83,6 +165,9 @@ span.amount {
83 165 span.label {
84 166 font-size: 14px;
85 167 }
  168 +
86 169 /*** end of statistics block **/
87 170  
  171 +/*** WARNING - WITH BOX-4 ***/
  172 +
88 173 /******************** end Box-2 ********************/
... ...
css/main-content.css
  Diff comments   View file @fa1524c
1 1 /*** Box ***/
2 2 .box-1 .block,
3 3 .no-boxes .block {
4   - margin-top: 50px;
  4 + margin-top: 50px;
5 5 }
6 6  
7   -.block-outer {
8   - margin-bottom: 45px;
9   - clear: both;
  7 +.box-2 .block-outer,
  8 +.box-3 .block-outer{
  9 + margin-bottom: 45px;
  10 + clear: both;
10 11 }
11 12  
12 13 /*** Block Title ***/
... ... @@ -41,13 +42,13 @@
41 42 #content .pagination a,
42 43 #content .pagination em,
43 44 #content .pagination span{
44   - padding: 7px 11px 7px 11px;
  45 + padding: 5px 9px;
45 46 margin-right: 4px;
46 47 color: #172738;
47 48 border: 1px solid #D3D6DE;
48 49 border-radius: 4px;
49 50 letter-spacing: 0.6px;
50   - font-size: 15px;
  51 + font-size: 12px;
51 52 font-weight: 700;
52 53 text-decoration: none;
53 54 display: inline-table;
... ... @@ -59,13 +60,11 @@
59 60 }
60 61  
61 62 #content .pagination .previous_page{
62   - padding: 7px 11px 10px 11px;
63 63 float: left;
64 64 }
65 65  
66 66 #content .pagination .next_page{
67 67 float: right;
68   - padding: 7px 11px 10px 11px;
69 68 }
70 69  
71 70 #content .pagination .previous_page,
... ... @@ -80,5 +79,50 @@
80 79 opacity: 0.5;
81 80 }
82 81  
  82 +/*** Button ***/
83 83  
  84 +#content a.button.with-text,
  85 +#content #article-actions a.button.with-text{
  86 + height: 32px;
  87 + padding: 5px 15px;
  88 + background: #FFF none;
  89 + color: #3E67B1;
  90 + border-radius: 4px;
  91 + border: 1px solid #3E67B1;
  92 + font-size: 14px;
  93 + line-height: 32px;
  94 + text-transform: uppercase;
  95 +}
84 96  
  97 +#content form input.button.with-text{
  98 + height: 42px;
  99 + max-height: 42px;
  100 + padding: 5px 15px;
  101 + background: #FFF none;
  102 + color: #3E67B1;
  103 + border-radius: 4px;
  104 + border: 1px solid #3E67B1;
  105 + font-size: 14px;
  106 + line-height: 32px;
  107 + text-transform: uppercase;
  108 +}
  109 +
  110 +#content a.button:hover,
  111 +#content #article-actions a.button.with-text:hover,
  112 +#content input.button.with-text:hover{
  113 + background-color: #3E67B1;
  114 + color: #FFF;
  115 +}
  116 +
  117 +/* This is a temporary solution until noosfero deals with logged-out comments in a better manner. */
  118 +.comment-replies .comment-logged-out .comment-text,
  119 +.comment-logged-out .comment-picture,
  120 +.comment-logged-out h4 {
  121 + opacity: 1.0;
  122 +}
  123 +
  124 +.comment-logged-out .comment-text,
  125 +.comment-info {
  126 + color: black;
  127 +}
  128 +/**/
... ...
css/news-page.css
  Diff comments   View file @fa1524c
... ... @@ -2,18 +2,15 @@
2 2  
3 3 /** Header's Block **/
4 4 #content .blog #article-header h1.title {
5   - margin: 0px 0px 10px 0px;
6   - border: none;
7   - padding: 0px 0px 0px 0px;
8   - color: #FF0366;
9   - text-transform: uppercase;
10   - font: normal normal normal 16px/37px 'open_sansregular';
  5 + margin: 20px 0px 10px 0px;
  6 + padding: 0px 0px 10px 0px;
  7 + font: normal normal bold 35px/37px arial;
11 8 }
12 9  
13 10 /* WARNING:
14 11 * This solution is TEMPORARY. This informations shouldn't exist
15 12 * in this area.
16   - *
  13 + *
17 14 * TODO: Remove this informations of the html and, then, from here.
18 15 */
19 16 #content .blog #article-header .publishing-info .date,
... ... @@ -56,10 +53,14 @@
56 53 display: inline-block;
57 54 }
58 55  
  56 +#content .blog .blog-post h1.title a {
  57 + color: black;
  58 +}
  59 +
59 60 /* WARNING:
60 61 * This solution is TEMPORARY. This informations shouldn't exist
61 62 * in this area.
62   - *
  63 + *
63 64 * TODO: Remove this informations of the html and, then, from here.
64 65 */
65 66 #content .blog .blog-post .author {
... ... @@ -96,7 +97,7 @@
96 97 /* WARNING:
97 98 * This solution is TEMPORARY. This informations shouldn't exist
98 99 * in this area.
99   - *
  100 + *
100 101 * TODO: Remove this informations of the html and, then, from here.
101 102 * The correct is the text is sensitive to lead to the complete text.
102 103 */
... ... @@ -138,9 +139,9 @@
138 139 #content .blog .page-1 .position-3,
139 140 #content .blog .page-1 .position-4 {
140 141 margin: 0px 0px 0px 0px;
141   - padding: 20px 30px 45px 0px;
  142 + padding: 20px 21px 45px 0px;
142 143 height: 235px;
143   - width: 30.5%;
  144 + width: 30.5%;
144 145 display: block;
145 146 float: left;
146 147 }
... ...
css/overwriting-base-theme.css
  Diff comments   View file @fa1524c
... ... @@ -54,21 +54,22 @@
54 54 #content .main-block h2,
55 55 #content .main-block h3,
56 56 #content .main-block h4 {
57   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  57 + font-family: Arial, Helvetica, sans-serif;
58 58 }
59 59  
60 60 #content .main-block h1,
61 61 #not-found h1,
62 62 #access-denied h1,
63 63 #content .no-boxes h1 {
64   - color: #444;
65   - font-size: 1.7em;
66   - padding: 7px 0;
67   - margin-left: 0;
68   - padding-left: 0.3em;
69   - border-bottom: 1px solid #CCCCCC;
70   - border-top: 0px solid #172838;
  64 + margin: 20px 0 10px 0;
  65 + padding: 0;
  66 + color: #172738;
  67 + border-bottom: none;
  68 + font-family: Arial;
  69 + font-size: 34px;
71 70 font-weight: bold;
  71 + font-variant: normal;
  72 + line-height: 37px;
72 73 }
73 74  
74 75 #content .title {
... ... @@ -77,8 +78,8 @@
77 78 }
78 79  
79 80 #content .main-block h3 {
80   - font-size: 1.5em;
81   - min-height: 48px;
  81 + font-size:18px;
  82 + line-height: 21px;
82 83 }
83 84  
84 85 /****************************************/
... ...
css/popover.css 0 → 100644
  Diff comments   View file @fa1524c
... ... @@ -0,0 +1,191 @@
  1 +.popover {
  2 + position: absolute;
  3 + top: 0;
  4 + left: 0;
  5 + z-index: 1060;
  6 + display: none;
  7 + max-width: 276px;
  8 + padding: 1px;
  9 + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  10 + font-size: 14px;
  11 + font-style: normal;
  12 + font-weight: normal;
  13 + line-height: 1.42857143;
  14 + text-align: left;
  15 + text-align: start;
  16 + text-decoration: none;
  17 + text-shadow: none;
  18 + text-transform: none;
  19 + letter-spacing: normal;
  20 + word-break: normal;
  21 + word-spacing: normal;
  22 + word-wrap: normal;
  23 + white-space: normal;
  24 + background-color: #fff;
  25 + -webkit-background-clip: padding-box;
  26 + background-clip: padding-box;
  27 + border: 1px solid #ccc;
  28 + border: 1px solid rgba(0, 0, 0, .2);
  29 + border-radius: 6px;
  30 + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  31 + box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  32 +
  33 + line-break: auto;
  34 +}
  35 +.popover.top {
  36 + margin-top: -12px;
  37 +}
  38 +.popover.right {
  39 + margin-left: 10px;
  40 +}
  41 +.popover.bottom {
  42 + margin-top: 10px;
  43 +}
  44 +.popover.left {
  45 + margin-left: -10px;
  46 +}
  47 +.popover-title {
  48 + padding: 8px 14px;
  49 + margin: 0;
  50 + font-size: 14px;
  51 + background-color: #f7f7f7;
  52 + border-bottom: 1px solid #ebebeb;
  53 + border-radius: 5px 5px 0 0;
  54 +}
  55 +.popover-content {
  56 + padding: 9px 14px;
  57 +}
  58 +.popover > .arrow,
  59 +.popover > .arrow:after {
  60 + position: absolute;
  61 + display: block;
  62 + width: 0;
  63 + height: 0;
  64 + border-color: transparent;
  65 + border-style: solid;
  66 +}
  67 +.popover > .arrow {
  68 + border-width: 11px;
  69 +}
  70 +.popover > .arrow:after {
  71 + content: "";
  72 + border-width: 10px;
  73 +}
  74 +.popover.top > .arrow {
  75 + bottom: -11px;
  76 + left: 50%;
  77 + margin-left: -11px;
  78 + border-top-color: #999;
  79 + border-top-color: rgba(0, 0, 0, .25);
  80 + border-bottom-width: 0;
  81 +}
  82 +.popover.top > .arrow:after {
  83 + bottom: 1px;
  84 + margin-left: -10px;
  85 + content: " ";
  86 + border-top-color: #fff;
  87 + border-bottom-width: 0;
  88 +}
  89 +.popover.right > .arrow {
  90 + top: 50%;
  91 + left: -11px;
  92 + margin-top: -11px;
  93 + border-right-color: #999;
  94 + border-right-color: rgba(0, 0, 0, .25);
  95 + border-left-width: 0;
  96 +}
  97 +.popover.right > .arrow:after {
  98 + bottom: -10px;
  99 + left: 1px;
  100 + content: " ";
  101 + border-right-color: #fff;
  102 + border-left-width: 0;
  103 +}
  104 +.popover.bottom > .arrow {
  105 + top: -11px;
  106 + left: 50%;
  107 + margin-left: -11px;
  108 + border-top-width: 0;
  109 + border-bottom-color: #999;
  110 + border-bottom-color: rgba(0, 0, 0, .25);
  111 +}
  112 +.popover.bottom > .arrow:after {
  113 + top: 1px;
  114 + margin-left: -10px;
  115 + content: " ";
  116 + border-top-width: 0;
  117 + border-bottom-color: #fff;
  118 +}
  119 +.popover.left > .arrow {
  120 + top: 50%;
  121 + right: -11px;
  122 + margin-top: -11px;
  123 + border-right-width: 0;
  124 + border-left-color: #999;
  125 + border-left-color: rgba(0, 0, 0, .25);
  126 +}
  127 +.popover.left > .arrow:after {
  128 + right: 1px;
  129 + bottom: -10px;
  130 + content: " ";
  131 + border-right-width: 0;
  132 + border-left-color: #fff;
  133 +}
  134 +
  135 +/*** popover in software highlights block ***/
  136 +
  137 +.highlights-popover {
  138 + max-width: 280px;
  139 + margin: 0 0 0 -75px;
  140 + background: #172638;
  141 + color: #FFFFFF;
  142 +}
  143 +
  144 +.highlights-popover .popover-content {
  145 + padding: 0;
  146 +}
  147 +
  148 +.highlights-popover p {
  149 + padding: 13px 13px 15px;
  150 + margin: 0px;
  151 + font-size: 14px;
  152 + line-height: 20px;
  153 +}
  154 +
  155 +.highlights-popover span {
  156 + font-weight: bold;
  157 + border-bottom: 1px dotted #FFFFFF;
  158 +}
  159 +
  160 +#content .highlights-popover a,
  161 +#content .highlights-popover a:visited,
  162 +#content .highlights-popover a:hover,
  163 +#content .highlights-popover a:link {
  164 + font-weight: bold;
  165 + color: #FFFFFF;
  166 + display: block;
  167 + padding: 8px 15px;
  168 + border-top: 1px dotted rgba(255,255,255,0.1);
  169 +}
  170 +
  171 +.highlights-popover a:before {
  172 + font-family: "FontAwesome";
  173 + content: "\f067";
  174 + vertical-align: middle;
  175 + color: #ff0066;
  176 + padding: 0 5px 0 0;
  177 +}
  178 +
  179 +.highlights-popover.top > .arrow,
  180 +.highlights-popover.right > .arrow,
  181 +.highlights-popover.bottom > .arrow,
  182 +.highlights-popover.left > .arrow {
  183 + margin-left: 64px;
  184 +}
  185 +
  186 +.highlights-popover.top > .arrow:after,
  187 +.highlights-popover.right > .arrow:after,
  188 +.highlights-popover.bottom > .arrow:after,
  189 +.highlights-popover.left > .arrow:after {
  190 + border-top-color: #172638;
  191 +}
... ...
css/search-pages.css 0 → 100644
  Diff comments   View file @fa1524c
... ... @@ -0,0 +1,115 @@
  1 +/*** Search Community ***/
  2 +
  3 +.action-search-index #content form #search-header,
  4 +.action-search-people #content form #search-header,
  5 +.action-search-communities #content form #search-header{
  6 + margin-top: 5px;
  7 + float: right;
  8 + border: none;
  9 +}
  10 +
  11 +.action-search-people #content form #search-header #search-filters .sod_select,
  12 +.action-search-communities #content form #search-header #search-filters .sod_select{
  13 + color: #3E67B1;
  14 + border: 1px solid #3E67B1;
  15 + border-radius: 4px;
  16 + font-family: Arial;
  17 + font-variant: normal;
  18 + font-weight: 300;
  19 + box-shadow: none;
  20 +}
  21 +
  22 +.action-search-people #content form #search-header #search-filters .sod_select .sod_list,
  23 +.action-search-communities #content form #search-header #search-filters .sod_select .sod_list{
  24 + margin: -2px 0 0 -1px;
  25 + color: #3E67B1;
  26 + border: 1px solid #3E67B1;
  27 + border-top: none;
  28 + border-radius: 0px 0px 4px 4px;
  29 + font-family: Arial;
  30 + font-variant: normal;
  31 + font-weight: 300;
  32 +}
  33 +
  34 +.action-search-people #content form #search-header #search-filters .sod_select .sod_list .active,
  35 +.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .active{
  36 + border-radius: 0px 0px 4px 4px;
  37 +}
  38 +
  39 +.action-search-people #content form #search-header #search-filters .sod_select .sod_list .selected,
  40 +.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .selected{
  41 + padding-right: 21px;
  42 +}
  43 +
  44 +.action-search-people #content form #search-subheader .sod_select,
  45 +.action-search-communities #content form #search-subheader .sod_select{
  46 + line-height: 15px;
  47 +}
  48 +
  49 +.action-search-index #content form .search-field,
  50 +.action-search-people #content form .search-field,
  51 +.action-search-communities #content form .search-field{
  52 + margin-bottom: 30px;
  53 +}
  54 +
  55 +.action-search-index #content form .search-field .formfield,
  56 +.action-search-people #content form .search-field .formfield,
  57 +.action-search-communities #content form .search-field .formfield{
  58 + float: left;
  59 + width: 99%;
  60 +}
  61 +.action-search-index #content form .search-field .formfield input,
  62 +.action-search-people #content form .search-field .formfield input,
  63 +.action-search-communities #content form .search-field .formfield input{
  64 + margin-top: 0px;
  65 + padding: 6px;
  66 + height: 19px;
  67 + max-height: 19px;
  68 + max-width: 98%;
  69 + background: none;
  70 + border: 1px solid #ccc;
  71 + border-radius: 4px;
  72 +}
  73 +
  74 +.action-search-index #content form input.button.submit,
  75 +.action-search-people #content form input.button.submit,
  76 +.action-search-communities #content form input.button.submit{
  77 + height: 32px;
  78 + margin-top: 8px;
  79 + padding: 5px 15px;
  80 + background: #3E67B1 none;
  81 + color: #FFF;
  82 + border-radius: 4px;
  83 + border: 1px solid #3E67B1;
  84 + font-size: 14px;
  85 + line-height: 14px;
  86 + text-transform: uppercase;
  87 +}
  88 +
  89 +.action-search-index #content form input.button.submit:hover,
  90 +.action-search-people #content form input.button.submit:hover,
  91 +.action-search-communities #content form input.button.submit:hover{
  92 + background: #5E82C6;
  93 +}
  94 +
  95 +.action-search-people #search-results .search-results-type-people,
  96 +.action-search-communities #search-results .search-results-type-community{
  97 + background: none;
  98 + border: 1px solid #ccc;
  99 + border-radius: 10px;
  100 +}
  101 +
  102 +.action-search-index #search-results h3{
  103 + margin: 20px 0 10px 0;
  104 + color: #172738;
  105 + font-size:18px;
  106 + line-height: 21px;
  107 + font-family: Arial;
  108 + font-weight: 700;
  109 + font-variant: normal;
  110 +}
  111 +
  112 +.action-search-index #search-results .search-results-innerbox{
  113 + background: none;
  114 + border: 1px solid #ccc;
  115 +}
... ...
css/software-catalog-page.css
  Diff comments   View file @fa1524c
... ... @@ -11,14 +11,16 @@
11 11 }
12 12  
13 13 .action-search-software_infos #content .main-content h2{
14   - color: #ff0066;
  14 + color: #FF0366;
15 15 font-size: 16px;
16 16 font-family: "open_sansregular",Arial, Helvetica,sans-serif;
  17 + font-weight: 300;
17 18 text-transform: uppercase;
18 19 }
19 20  
20 21 .action-search-software_infos #content .main-content h1{
21 22 padding: 5px 0 10px 0;
  23 + border-bottom: 1px solid #D3D6DE;
22 24 font-family: Arial, Helvetica, sans-serif;
23 25 font-size: 35px;
24 26 font-variant: normal;
... ... @@ -32,16 +34,57 @@
32 34 padding: 0;
33 35 background: #ecedf1;
34 36 border-radius: 4px;
35   - border: 1px solid #d7d7d7;
  37 + border: 1px solid #D3D6DE;
  38 + background-image:url("catalogo.png");
36 39 }
37 40  
38 41 .action-search-software_infos #software-search-container .search-form h3{
39   - margin: 0;
40   - padding: 16px 0 10px 14px;
  42 + margin: 0px 0px 3px 0px;
  43 + padding: 16px 0 20px 14px;
  44 + color: #2C4B6B;
41 45 font-family:"open_sansregular", Arial, Helvetica, sans-serif;
  46 + color: #2B51A8;
42 47 font-weight: bold;
43 48 font-size: 15px;
  49 + text-transform: uppercase;
  50 +}
  51 +
  52 +/*.action-search-software_infos #content .search-form .project-software {
  53 + margin: 0 0 0 15px;
  54 +}
  55 +
  56 + It's TEMPORARY
  57 +.action-search-software_infos #content .search-form .doubts-catalog-software {
  58 + display: none;
  59 +}*/
  60 +
  61 +/**Radio Buttons***/
  62 +.action-search-software_infos #public_software_radio_button,
  63 +.action-search-software_infos #all_radio_button {
  64 + margin:5px 4px 15px 15px;
  65 + line-height: 20px;
  66 + position:absolute;
  67 +}
  68 +.action-search-software_infos .search-form label,
  69 +.action-search-software_infos .search-form label{
  70 + margin:0px 3px 4px 32px;
  71 + line-height: 22px;
  72 + font-size: 15px;
  73 + font-family: Arial;
  74 +}
  75 +
  76 +.action-search-software_infos #software-search-container .search-form .doubts-catalog-software{
  77 + border:1px solid #3E67B1;
  78 + border-radius:50%;
  79 + padding:0px 3px;
  80 + font-size: 14px;
  81 + font-weight: 900;
  82 + background:#3E67B1;
  83 + color:#fff;
  84 + font-family: Arial;
  85 +
44 86 }
  87 +/******/
45 88  
46 89 .action-search-software_infos #content .search-form .search-field .formfield {
47 90 width: 100%;
... ... @@ -51,115 +94,151 @@
51 94  
52 95 .action-search-software_infos #content .search-form .search-field #search-input {
53 96 width: 96%;
54   - margin: 4px 0px 0px 13px;
55   - padding: 6px;
  97 + margin: 13px 0px 4px 13px;
  98 + padding: 7px;
  99 + background: #FFF;
56 100 border-radius: 4px;
57   - border: 1px solid #d7d7d7;
  101 + border: 1px solid #D3D6DE;
58 102 font-size: 14px;
59 103 }
60 104  
61 105  
62 106 .action-search-software_infos #content .search-form .search-field input.button{
63 107 padding: 0px;
64   - background-color: #2B65cd;
65   - color: #ffffff;
66   - border: 1px solid #2B65cd;
  108 + background-color: #3E67B1;
  109 + color: #FFF;
  110 + border: 1px solid #3E67B1;
67 111 font-family: "open_sansbold",Arial,sans-serif;
68 112 border-radius: 4px;
69 113 }
70 114  
71   -.controller-search #content .search-form .search-field input.button.submit {
  115 +.action-search-software_infos #content .search-form .search-field input.button.submit {
72 116 width: auto;
73 117 height: 30px;
74 118 max-height: 30px;
75 119 margin: 14px;
76 120 padding: 0 14px 0 14px;
77   - background-color: #4562b1;
  121 + background: #3E67B1;
  122 + line-height: 14px;
  123 + border-radius: 4px;
  124 + color: #ffffff;
78 125 text-transform: uppercase;
  126 + font-family: "open_sansbold",Arial,sans-serif;
  127 + font-size: 14px;
79 128 }
80 129  
81 130 /* Filter options */
82 131  
83 132 .action-search-software_infos #filter-catalog-software {
84   - background-color: #d7d7d7;
  133 + background-color: #D3D6DE;
85 134 }
86 135  
87 136 .action-search-software_infos #filter-option-catalog-software {
88 137 padding: 14px;
89   - background-color: #d7d7d7;
90   - border:none;
  138 + background-color: #D3D6DE;
  139 + border: none;
  140 + border-bottom-left-radius: 4px;
  141 + border-bottom-right-radius: 4px;
91 142 font-size: 11px;
  143 + text-align: right;
  144 + text-transform: uppercase;
92 145 }
93 146  
  147 +.action-search-software_infos #filter-option-catalog-close {
  148 + padding: 7px 7px 17px 10px;
  149 + display: none;
  150 +}
94 151 .action-search-software_infos #filter-option-catalog-software:hover {
95 152 background-color: #c7c7c7;
96 153 }
97 154  
98 155 .action-search-software_infos #filter-option-catalog-software:after {
99 156 content: "";
100   - margin-left:5px;
  157 + margin-left: 5px;
101 158 padding: 3px 10.5px;
102   - background:url("../images/bottom-arrow.png") no-repeat center;
103   - background-color:#4562b1;
  159 + background: url("../images/bottom-arrow.png") no-repeat center;
  160 + background-color: #3E67B1;
104 161 border-radius: 4px;
105 162 }
106 163  
107 164 .action-search-software_infos #filter-catalog-software #filter-categories-option {
108   - border:none;
  165 + border: none;
  166 + height: 0;
  167 + max-height: 620px;
  168 + position: relative;
  169 + overflow: hidden;
  170 + padding: 0 15px;
109 171 }
110 172  
111 173 .action-search-software_infos #filter-catalog-software #filter-categories-catalog h4 {
112   - margin: 5px 0 10px 5px;
  174 + margin: 20px 0 10px 5px;
113 175 background: transparent;
114 176 color: black;
115 177 }
116 178  
117 179 .action-search-software_infos #filter-catalog-software input[type="checkbox"]{
118   - vertical-align:sub;
  180 + vertical-align: middle;
  181 + margin: 0 3px 2px 8px;
119 182 }
120 183  
121   -.action-search-software_infos #group-categories #group-catalog-01 {
122   - float: left;
123   - width: 50%;
124   -}
125   -
126   -.action-search-software_infos #group-categories label {
127   - font-family:Arial;
  184 +.action-search-software_infos #group-categories ul {
  185 + font-family: Arial;
128 186 font-size: 14px;
  187 + line-height: 31px;
  188 + columns: 2;
  189 + -webkit-columns: 2;
  190 + -moz-columns: 2;
129 191 }
130 192  
131   -.action-search-software_infos #group-categories label span {
132   - font-family:Arial;
  193 +.action-search-software_infos #group-categories li span {
  194 + font-family: Arial;
133 195 font-size: 14px;
134 196 }
135 197  
136 198 .action-search-software_infos #filter-catalog-software .project-software{
137   - margin: 0 0 30px;
  199 + margin: 20px 0 30px;
138 200 border-top: 1px dotted;
139 201 border-bottom: 1px dotted;
140 202 font-weight: bold;
141 203 font-size: 15px;
142 204 font-family: Arial;
  205 + padding: 10px;
143 206 }
144 207  
  208 +.action-search-software_infos #filter-catalog-software .project-software label {
  209 + font-weight: normal;
  210 +}
145 211  
146   -.action-search-software_infos #filter-catalog-software .project-software span {
  212 +.action-search-software_infos #filter-catalog-software .project-software span {
147 213 padding: 2px 6px;
148   - background: #fff;
149   - color: #3867b7;
  214 + background: #FFF;
  215 + color: #3E67B1;
150 216 border-radius: 50%;
151 217 font-size: 16px;
152 218 }
153 219  
154 220 .action-search-software_infos button#cleanup-filter-catalg {
155 221 cursor: pointer;
156   - background-color: #4562b1;
  222 + background-color: #3E67B1;
157 223 font-size: 14px;
158   - font-family:Arial;
  224 + font-family: Arial;
  225 + color: #ffffff;
  226 + border: 1px solid #2B65CD;
  227 + border-radius: 4px;
  228 + margin: 5px 0 0 5px;
  229 + padding: 5px 10px;
159 230 }
160 231  
161 232 .action-search-software_infos button#close-filter-catalog {
162 233 cursor:pointer;
  234 + float: right;
  235 + border: none;
  236 + background: none;
  237 + font-size: 12px;
  238 + margin-top: 5px;
  239 + color: #000;
  240 + text-transform: uppercase;
  241 + padding: 5px;
163 242 }
164 243  
165 244 .action-search-software_infos button#close-filter-catalog:after {
... ... @@ -167,7 +246,7 @@
167 246 margin-left: 5px;
168 247 padding: 2.5px 10.5px;
169 248 background: url("../images/top-arrow.png") no-repeat center;
170   - background-color: #4562b1;
  249 + background-color: #3E67B1;
171 250 border-radius: 4px;
172 251 }
173 252  
... ... @@ -177,16 +256,27 @@
177 256  
178 257 .action-search-software_infos #catalog-display-options {
179 258 font-size: 14px;
180   - font-family: Arial;
  259 + font-family: Arial;
181 260 }
182 261  
183 262 .action-search-software_infos #catalog-display-options #catalog-display-options-count{
184 263 padding: 45px 0 4px 0;
  264 + float: left;
  265 + width: 50%;
185 266 }
186 267  
187 268 .action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
188 269 padding: 38px 0 5px 0;
189 270 font-weight: bold;
  271 + float: left;
  272 + width: 50%;
  273 +}
  274 +.action-search-software_infos #catalog-display-options #catalog-display-options-sort,
  275 +.action-search-software_infos #catalog-display-options #catalog-display-options-show{
  276 + position: relative;
  277 + float: left;
  278 + width: 50%;
  279 + text-align: right;
190 280 }
191 281  
192 282 /*** Search Results ***/
... ... @@ -234,11 +324,11 @@
234 324 }
235 325  
236 326 .action-search-software_infos #search-results .search-software-item-column-left .vcard a:hover{
237   - color:#2C66CE;
  327 + color: #3E67B1;
238 328 }
239 329  
240 330 .action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{
241   - float:left;
  331 + float:left;
242 332 }
243 333  
244 334 .action-search-software_infos #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger {
... ... @@ -248,7 +338,7 @@
248 338 .action-search-software_infos #search-results .search-software-item-column-left .profile-image{
249 339 width: 130px;
250 340 height: 130px;
251   - margin-left: 130px;
  341 + margin-left: 130px;
252 342 margin-top: 35px;
253 343 }
254 344  
... ... @@ -268,7 +358,7 @@
268 358 padding-right: 20px;
269 359 top: 0px;
270 360 position: absolute;
271   - color: #21376c;
  361 + color: #2C4B6B;
272 362 font-size: 13px;
273 363 font-family: Arial;
274 364 text-align: left;
... ... @@ -298,7 +388,7 @@
298 388 }
299 389  
300 390 .action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block h4 a {
301   - color: #172938;
  391 + color: #172738;
302 392 font-size: 19px;
303 393 }
304 394  
... ... @@ -324,12 +414,12 @@
324 414 width: auto !important; /* force overwritting from base */
325 415 margin-left: 7px !important; /* force overwritting from base */
326 416 float: left;
327   - color: #2B65cd;
  417 + color: #3E67B1;
328 418 font-size: 13px;
329 419 line-height: 18px;
330 420 text-decoration: underline;
331 421 }
332 422  
333 423 .action-search-software_infos #search-results .search-software-content-block #categories-list li a{
334   - color: #2B65cd;
  424 + color: #3E67B1;
335 425 }
... ...
css/software-pages.css
  Diff comments   View file @fa1524c
1 1 /*** Software Header ***/
2   -#content .software-information-block{
3   - margin-bottom: 60px;
  2 +#content .software-information-block {
  3 + margin: 0px 0px 60px 0px;
4 4 }
5 5  
6   -#content #software-information-block-table{
7   - width: auto;
  6 +#content #software-information-block-table {
8 7 margin: 0px 15px;
  8 + width: auto;
9 9 }
10 10  
11   -#content #software-information-block-table td{
  11 +#content #software-information-block-table td {
12 12 display: table-cell;
13 13 }
14 14  
15 15 #content #software-information-block-table #col-software-name {
16   - font-style: normal;
17 16 vertical-align: top;
  17 + font-style: normal;
18 18 }
19 19  
20   -#content #software-information-block-table #col-software-name h1{
21   - line-height: 37px;
22   - font-size: 34px;
23   - font-family: Arial, open_sansbold, Helvetica, sans-serif;
24   - font-weight: 700;
  20 +#content #software-information-block-table #col-software-name h1 {
  21 + font: 700 34px/37px arial, open_sansbold, helvetica, sans-serif;
25 22 text-align: left;
26 23 }
27 24  
28   -#content #software-information-block-table #col-software-name b{
29   - line-height: 21px;
30   - font-weight: normal;
31   - font-family: Arial, open_sansregular, Helvetica, sans-serif;
32   - font-size: 15px;
  25 +#content #software-information-block-table #col-software-name b {
  26 + font: normal normal normal 15px/21px arial, 'open_sansregular', helvetica, sans-serif;
33 27 }
34 28  
35 29 /*** end of Software Header ***/
... ... @@ -38,158 +32,143 @@
38 32  
39 33 /* Software Download Block*/
40 34  
41   -#content .download-block #download-block-2{
  35 +#content .download-block {
42 36 margin: 0px 15px;
43   - border:1px solid #D3D6DE;
  37 + border: 1px solid #D3D6DE;
44 38 border-radius: 10px;
45 39 }
46 40  
47   -#content .download-block #download-block-2 #download_spb-2{
48   - padding: 5px 10px;
  41 +#content .download-block .block-title {
  42 + padding: 11px 10px 7px 20px;
49 43 background-color: #D3D6DE;
50 44 border-top-left-radius: 8px;
51 45 border-top-right-radius: 8px;
52   - font-family: Arial;
53   -}
54   -
55   -#content .download-block #download-block-2 #download_spb-2 h3{
56   - margin: 6px 0px 2px 10px;
  46 + font-family: "open_sansbold", Arial, Helvetica, sans-serif;
  47 + margin: 0;
  48 + color: #172738;
57 49 font-size: 18px;
58 50 }
59 51  
60   -#content .download-block #download-block-2 #download-info-1,
61   -#content .download-block #download-block-2 #download-info-2,
62   -#content .download-block #download-block-2 #download-info-3{
63   - padding: 30px 10px 30px 10px;
64   - clear: both;
  52 +#content .download-block .download-list li {
  53 + padding: 30px 10px 25px 10px;
65 54 border-top: 1px solid #D3D6DE;
  55 + clear: both;
66 56 }
67 57  
68   -#content .download-block #download-block-2 #download-info-2{
  58 +#content .download-block .download-list li:nth-child(even) {
69 59 background: #ECEDF1;
70 60 }
71 61  
72   -#content .download-block #download-block-2 #version01{
  62 +#content .download-block .download-button {
73 63 width: 80px;
74 64 float: left;
75   - margin-right: 20px;
76   - margin-left: 15px;
77 65 clear: both;
78 66 }
79 67  
80   -#content .download-block #download-block-2 #version01 #image-download{
81   - display: block;
82   - height: 18px; /*fix when display file size*/
  68 +#content .download-block .download-button .download-image {
83 69 padding: 50px 0px 8px 0px;
84   - background-color: #2c66ce;
85   - background-image: url("../images/download-icon.png");
86   - background-repeat: no-repeat;
87   - background-position: center;
88 70 border: 1px solid #2c66ce;
89   - border-radius: 8px; /*fix when display file size*/
  71 + border-radius: 8px;
  72 + height: 18px;
  73 + background: #2C66CE url("../images/download-icon.png") center no-repeat;
  74 + display: block;
90 75 }
91 76  
92   -#content .download-block #download-block-2 #version01 #size-download{
93   - display: none; /*fix when display file size*/
94   - color: #ffffff;
95   - background-color: #1a397d;
  77 +#content .download-block .download-button #download-size {
96 78 border: 1px solid #1a397d;
97   - border-bottom-right-radius: 8px;
98   - border-bottom-left-radius: 8px;
  79 + border-radius: 0px 0px 8px 8px;
  80 + background-color: #1a397d;
  81 + color: #ffffff;
99 82 font-size: 12px;
100 83 text-align: center;
  84 + display: none;
101 85 }
102 86  
103   -#content .download-block #download-block-2 #info-software-download{
104   - position: relative;
  87 +#content .download-block .download-info {
105 88 margin: 5px 0px 0px 100px;
  89 + position: relative;
106 90 font-size: 16px;
107 91 }
108 92  
109   -#content .download-block #download-block-2 #info-software-download .download-name{
  93 +#content .download-block .download-info .download-name {
110 94 display: block;
111 95 font-weight: bold;
112 96 }
113 97  
114   -#content .download-block #download-block-2 #info-software-download .download-system{
  98 +#content .download-block .download-info .download-platform {
115 99 display: block;
116 100 font-size: 14px;
117 101 }
118 102  
119   -#content .download-block #download-block-2 #info-software-download .req_min_spb{
  103 +#content .download-block .download-info .min-requirements {
120 104 font-size: 12px;
121 105 }
122 106  
123   -#content .download-block #download-block-2 #info-software-download .req_min_spb a{
124   - color: #3E67B1;
  107 +#content .download-block .download-info .min-requirements a {
125 108 line-height: 40px;
  109 + color: #3E67B1;
126 110 text-decoration: underline;
127 111 }
128 112  
129   -#content .download-block #download-block-2 #licensed-software{
  113 +#content .download-block #licensed-software {
130 114 padding:14px;
131   - background-color: #D3D6DE;
132 115 border-top: 1px solid #D3D6DE;
133   - border-bottom-right-radius: 8px;
134   - border-bottom-left-radius: 8px;
  116 + border-radius: 0px 0px 8px 8px;
  117 + background-color: #D3D6DE;
135 118 font-size: 12px;
136 119 text-align: right;
137 120 }
138 121  
139   -#content .download-block #download-block-2 #licensed-software a{
  122 +#content .download-block #licensed-software a {
140 123 color: #3e67b1;
141 124 text-decoration: underline;
142 125 }
143 126  
144 127 /* About Software - Article on homepage */
145 128  
146   -.profile-homepage #article h1{
147   - padding: 0;
148   - margin: 0 0 10px;
  129 +.profile-homepage #article #article-toolbar #article-header h1 {
  130 + margin: 0px 0px 10px 0px;
  131 + padding: 0px;
149 132 color: #172738;
150   - font-family: Arial, open_sansbold, Helvetica, sans-serif;
151   - font-variant: normal;
152   - font-weight: bold;
153   - font-size: 22px;
154   - line-height: 1.3em;
  133 + font: normal normal bold 22px/1.3em arial, 'open_sansbold', helvetica, sans-serif;
155 134 }
156 135  
157   -.profile-homepage #article #article-header h1.title{
158   - border: none;
  136 +.profile-homepage #article #article-toolbar #article-header h1.title {
  137 + border: none;
159 138 }
160 139  
161   -.profile-homepage #article #article-header .publishing-info{
  140 +.profile-homepage #article #article-header .publishing-info {
162 141 display: none;
163 142 }
164 143  
165   -.profile-homepage #article .article-body h1{
166   - padding-top: 25px;
  144 +.profile-homepage #article .article-body h1 {
167 145 border-top: 1px solid #ECEDF1;
168 146 border-bottom: none;
  147 + padding-top: 25px;
169 148 }
170 149  
171   -.profile-homepage #article .article-body p{
172   - text-align: left;
173   - font-size: 15px;
174   - line-height: 21px;
175   - margin-bottom: 20px;
  150 +.profile-homepage #article .article-body p {
  151 + margin: 0px 0px 20px 0px;
  152 + line-height: 21px;
  153 + text-align: left;
  154 + font-size: 15px;
176 155 }
177 156  
178   -.profile-homepage #article .article-body hr{
  157 +.profile-homepage #article .article-body hr {
179 158 display: none;
180 159 }
181 160  
182 161 .profile-homepage #article .article-body ul {
  162 + background-repeat: no-repeat;
183 163 list-style-position: inside;
184 164 list-style-type: disc;
185   - background-repeat: no-repeat;
186 165 }
187 166  
188   -.profile-homepage #article .article-body ul li{
189   - list-style: inherit;
  167 +.profile-homepage #article .article-body ul li {
  168 + line-height: 21px;
190 169 text-align: left;
191   - font-size: 15px;
192   - line-height: 21px;
  170 + font-size: 15px;
  171 + list-style: inherit;
193 172 }
194 173  
195 174 /*** end of Software Homepage ***/
... ... @@ -197,40 +176,41 @@
197 176 /*** Categories and Tags block ***/
198 177  
199 178 #content .box-1 .categories-and-tags-block {
200   - border-top: 4px solid #4562b1;
  179 + border-top: 4px solid #2C4B6B;
201 180 }
202 181  
203 182 #content .box-1 .categories-and-tags-block .block-title {
  183 + margin: 13px 10px 10px 0;
  184 + padding: 3px 0px;
204 185 background: none;
205   - margin-top: 14px;
  186 + color: #5E82C6;
  187 + font-family: Arial;
  188 + font-size: 12px;
  189 + font-weight: 300;
206 190 float: left;
207   - font-size: 11px;
208   -}
209   -
210   -#content .box-1 .categories-and-tags-block .block-title:last-child {
211   - border-top: 1px solid #8b949b;
212   - border-bottom: 1px solid #8b949b;
213 191 }
214 192  
215 193 #content .box-1 .categories-and-tags-block .category_cloud {
216   - margin: 12px auto 10px 0px;
  194 + margin: 13px 0 10px 0;
217 195 float: left;
  196 + max-width: 87%;
218 197 }
219 198  
220 199 #content .box-1 .categories-and-tags-block .category_cloud a {
221   - padding: 3px 6px;
222   - margin: 10px 3px;
223   - line-height: 28px;
224   - background-color: #e9e8ed;
225   - border: 1px solid #e9e8ed;
226   - border-radius: 8px;
227   - font-size: 11px;
  200 + padding: 3px 10px;
  201 + margin: 5px;
  202 + float: left;
  203 + color: #3E67B1;
  204 + background-color: #ECEDF1;
  205 + border: 1px solid #D3D6DE;
  206 + border-radius: 3px;
  207 + font-size: 12px;
228 208 }
229 209  
230 210 #content .box-1 .categories-and-tags-block .category_cloud a:hover {
  211 + border-color: #3a70d1;
231 212 background: #3a70d1;
232 213 color: white;
233   - border-color: #3a70d1;
234 214 }
235 215  
236 216 #content .box-1 .categories-and-tags-block .category_cloud a:link {
... ... @@ -241,93 +221,198 @@
241 221  
242 222 /*** Right bar ***/
243 223  
  224 +/*** WARNING - WHITOUT BOX-4 ***/
  225 +
244 226 /* Link-list block */
245   -#content .box-3 .block-title {
246   - background: #eee;
247   - color: #4562b1;
248   - border-top: 4px solid #4562b1;
249   - line-height: 15px;
  227 +.template-default #content .box-3 .block-title {
  228 + border-top: 4px solid #4562b1;
  229 + line-height: 15px;
  230 + background: #eee;
  231 + color: #4562b1;
250 232 }
251 233  
252   -#content .box-3 .link-list-block li {
253   - margin: 0;
254   - padding: 0;
  234 +.template-default #content .box-3 .link-list-block li {
  235 + margin: 0px;
  236 + padding: 0px;
255 237 border-bottom: 1px solid #ddd;
256 238 border-top: none;
257 239 }
258 240  
259   -#content .box-3 .link-list-block li a {
260   - width: auto;
  241 +.template-default #content .box-3 .link-list-block li a {
  242 + border-right: none;
  243 + border-top: 0px solid #64946E;
  244 + border-radius: 0px 0px 0px 0px;
261 245 padding: 6px 5px 8px 18px;
  246 + width: auto;
  247 + line-height: 17px;
262 248 background-color: #fff;
263 249 background-position: 0px 50%;
264 250 color: #2C66CE;
  251 + font-weight: normal;
  252 + font-size: 14px;
  253 +}
  254 +
  255 +.template-default #content .box-3 .link-list-block h3.empty + ul {
  256 + border-top: 1px solid #ddd;
  257 +}
  258 +
  259 +.template-default #content .box-3 .link-list-block li a.link-this-page,
  260 +.template-default #content .box-3 .link-list-block li a.link-this-page:hover {
  261 + border-right: none;
  262 +}
  263 +
  264 +.template-default #content .box-3 .link-list-block li a:hover {
  265 + background-color: #FFFFFF;
  266 + color: #000;
  267 +}
  268 +
  269 +.template-default #content .box-3 .link-list-block li a.link-this-page {
  270 + margin-left: 0px;
  271 + width: auto;
  272 + background-color: #ffffff;
  273 + font-weight: bold;
  274 +}
  275 +
  276 +/* Repository block */
  277 +.template-default .box-3 #bt_repositorio,
  278 +.template-default .box-3 #bt_repositorio:active,
  279 +.template-default .box-3 #bt_repositorio:visited {
  280 + border-radius: 4px;
  281 + padding: 12px 10px;
  282 + background: #EAEBEE;
  283 + font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
  284 + text-transform: uppercase;
  285 + display: block;
  286 + position: relative;
  287 +}
  288 +
  289 +.template-default .box-3 #bt_repositorio::after {
  290 + margin-top: -2px;
  291 + padding: 4px 0px 4px 2px;
  292 + border-radius: 4px;
  293 + width: 18px;
  294 + right: 10px;
  295 + line-height: 20px;
  296 + position: absolute;
  297 + background: #2C66CE;
  298 + color: #FFF;
  299 + font-size: 16px;
  300 + text-align: center;
  301 + content: url('../images/right-arrow.png');
  302 +}
  303 +
  304 +.template-default .box-3 #content #bt_repositorio:hover {
  305 + color: #FFF;
  306 + background: #2C66CE;
  307 + text-decoration: none;
  308 +}
  309 +/*** END - WARNING - WHITOUT BOX-4 ***/
  310 +
  311 +/*** end of right bar ***/
  312 +
  313 +/************ DUPLICATE ************/
  314 +
  315 +/*
  316 + This part of the code is duplicated because, if there is
  317 + a change of layout from template-default to lefttopright
  318 + the CSS fit without many complication.
  319 + */
  320 +
  321 +/*** Right bar ***/
  322 +
  323 +/*** WARNING - WITH BOX-4 ***/
  324 +
  325 +/* Link-list block */
  326 +.template-lefttopright #content .box-2 .block-title {
  327 + border-top: 4px solid #4562b1;
  328 + line-height: 15px;
  329 + background: #eee;
  330 + color: #4562b1;
  331 +}
  332 +
  333 +.template-lefttopright #content .box-2 .link-list-block li {
  334 + margin: 0px;
  335 + padding: 0px;
  336 + border-bottom: 1px solid #ddd;
  337 + border-top: none;
  338 +}
  339 +
  340 +.template-lefttopright #content .box-2 .link-list-block li a {
265 341 border-right: none;
266 342 border-top: 0px solid #64946E;
267   - border-radius: 0 0 0 0;
  343 + border-radius: 0px 0px 0px 0px;
  344 + padding: 6px 5px 8px 18px;
  345 + width: auto;
  346 + line-height: 17px;
  347 + background-color: #fff;
  348 + background-position: 0px 50%;
  349 + color: #2C66CE;
268 350 font-weight: normal;
269 351 font-size: 14px;
270   - line-height: 17px;
271 352 }
272 353  
273   -#content .box-3 .link-list-block h3.empty + ul {
  354 +.template-lefttopright #content .box-2 .link-list-block h3.empty + ul {
274 355 border-top: 1px solid #ddd;
275 356 }
276 357  
277   -#content .box-3 .link-list-block li a.link-this-page,
278   -#content .box-3 .link-list-block li a.link-this-page:hover {
  358 +.template-lefttopright #content .box-2 .link-list-block li a.link-this-page,
  359 +.template-lefttopright #content .box-2 .link-list-block li a.link-this-page:hover {
279 360 border-right: none;
280 361 }
281 362  
282   -#content .box-3 .link-list-block li a:hover {
  363 +.template-lefttopright #content .box-2 .link-list-block li a:hover {
283 364 background-color: #FFFFFF;
284 365 color: #000;
285 366 }
286 367  
287   -#content .box-3 .link-list-block li a.link-this-page {
288   - width: auto;
  368 +.template-lefttopright #content .box-2 .link-list-block li a.link-this-page {
289 369 margin-left: 0px;
  370 + width: auto;
290 371 background-color: #ffffff;
291 372 font-weight: bold;
292 373 }
293 374  
294 375 /* Repository block */
295   -.box-3 #bt_repositorio,
296   -.box-3 #bt_repositorio:active,
297   -.box-3 #bt_repositorio:visited{
298   - display: block;
299   - position: relative;
300   - padding: 12px 10px;
301   - background: #EAEBEE;
302   - border-radius: 4px;
303   - font-size: 12px;
304   - font-family: open_sansbold, Arial, Helvetica, sans-serif;
305   - font-weight: bold;
306   - text-transform: uppercase;
307   -}
308   -
309   -.box-3 #bt_repositorio::after{
310   - content: url('../images/right-arrow.png');
311   - position: absolute;
  376 +.template-lefttopright .box-2 #bt_repositorio,
  377 +.template-lefttopright .box-2 #bt_repositorio:active,
  378 +.template-lefttopright .box-2 #bt_repositorio:visited {
  379 + border-radius: 4px;
  380 + padding: 12px 10px;
  381 + background: #EAEBEE;
  382 + font: normal normal bold 12px 'open_sansbold', arial, helvetica, sans-serif;
  383 + text-transform: uppercase;
  384 + display: block;
  385 + position: relative;
  386 +}
  387 +
  388 +.template-lefttopright .box-2 #bt_repositorio::after {
  389 + margin-top: -2px;
  390 + padding: 4px 0px 4px 2px;
  391 + border-radius: 4px;
312 392 width: 18px;
313 393 right: 10px;
314   - padding: 4px 0px 4px 2px;
315   - margin-top: -2px;
316   - background: #2C66CE;
317   - color: #FFF;
318   - border-radius: 4px;
319   - font-size: 16px;
320   - line-height: 20px;
321   - text-align: center;
  394 + line-height: 20px;
  395 + position: absolute;
  396 + background: #2C66CE;
  397 + color: #FFF;
  398 + font-size: 16px;
  399 + text-align: center;
  400 + content: url('../images/right-arrow.png');
322 401 }
323 402  
324   -.box-3 #content #bt_repositorio:hover{
325   - color: #FFF;
326   - background: #2C66CE;
327   - text-decoration: none;
  403 +.template-lefttopright .box-2 #content #bt_repositorio:hover {
  404 + color: #FFF;
  405 + background: #2C66CE;
  406 + text-decoration: none;
328 407 }
  408 +
  409 +/*** WARNING - WITH BOX-4 ***/
  410 +
329 411 /*** end of right bar ***/
330 412  
  413 +/************ END DUPLICATE ************/
  414 +
  415 +
331 416 /*** Software internal pages ***/
332 417  
333 418 /* FAQ page */
... ... @@ -343,15 +428,15 @@
343 428 }
344 429  
345 430 #content .main-block .article-body ul.etapas-publicacao li strong {
346   - padding: 2px 8px;
347 431 margin-right: 6px;
  432 + border-radius: 50%;
  433 + padding: 2px 8px;
348 434 background: #333;
349 435 color: #fff;
350 436 float: left;
351   - border-radius: 50%;
352 437 }
353 438  
354   -#content .main-block .article-body .etapas-publicacao-2{
  439 +#content .main-block .article-body .etapas-publicacao-2 {
355 440 font-weight: bold;
356 441 }
357 442  
... ... @@ -364,44 +449,44 @@
364 449 /* Manual page */
365 450  
366 451 #content .main-block #article .folder-content .item-info {
367   - padding: 30px 20px 32px 0px;
368 452 border-top: 1px solid #ccc;
  453 + padding: 30px 20px 32px 0px;
369 454 }
370 455  
371   -#content .main-block #article .folder-content .folder-item:last-child .item-info{
  456 +#content .main-block #article .folder-content .folder-item:last-child .item-info {
372 457 border-bottom: 1px solid #ccc;
373 458 }
374 459  
375 460 #content .main-block #article .folder-content .item-icon {
376   - display: block;
377   - float: left;
378 461 margin: 2px 0px auto auto;
379 462 padding: 45px 40px 4px 10px;
380   - background: #2C66CE url("../images/download-mini_icon.png") center center no-repeat;
381 463 border: 1px solid #2C66CE;
382 464 border-radius: 4px;
  465 + background: #2C66CE url("../images/download-mini_icon.png") center center no-repeat;
  466 + display: block;
  467 + float: left;
383 468 }
384 469  
385   -#content .main-block #article .folder-content .item-icon a{
  470 +#content .main-block #article .folder-content .item-icon a {
386 471 display: none;
387 472 }
388 473  
389 474  
390   -#content .main-block #article .folder-content .item-description{
391   - padding-left: 0px;
  475 +#content .main-block #article .folder-content .item-description {
392 476 margin-left: 65px;
  477 + padding-left: 0px;
393 478 }
394 479  
395   -#content .main-block #article .folder-content .item-description a{
  480 +#content .main-block #article .folder-content .item-description a {
396 481 color: #172938;
397 482 font-size: 18px;
398 483 font-family: Arial;
399 484 font-weight: 700;
400 485 }
401 486  
402   -#content .main-block #article .folder-content .item-date{
403   - padding-left: 0px;
  487 +#content .main-block #article .folder-content .item-date {
404 488 margin-left: 65px;
  489 + padding-left: 0px;
405 490 }
406 491  
407 492 /*** end fo software internal pages ***/
... ...
css/tooltip.css 0 → 100644
  Diff comments   View file @fa1524c
... ... @@ -0,0 +1,40 @@
  1 +.ui-tooltip {
  2 + position: relative;
  3 + width: -moz-fit-content;
  4 + width: -webkit-fit-content;
  5 + width: fit-content;
  6 + max-width:280px;
  7 + padding: 15px 10px 15px 20px;
  8 + background: #172638;
  9 + color: white;
  10 + font-family: Arial, sans-serif;
  11 + font-size: 13px;
  12 + border: 0px !important;
  13 + z-index: 1070;
  14 +}
  15 +
  16 +.ui-tooltip-bottom:after {
  17 + content: " ";
  18 + height: 0;
  19 + width: 0;
  20 + margin-left: -6px;
  21 + position: absolute;
  22 + bottom: 100%;
  23 + left: 50%;
  24 + border: solid transparent;
  25 + border-bottom-color: #172638;
  26 + border-width: 6px;
  27 +}
  28 +
  29 +.ui-tooltip-top:after {
  30 + content: " ";
  31 + height: 0;
  32 + width: 0;
  33 + margin-left: -6px;
  34 + position: absolute;
  35 + top: 100%;
  36 + left: 50%;
  37 + border: solid transparent;
  38 + border-top-color: #172638;
  39 + border-width: 6px;
  40 +}
... ...
css/use-report.css 0 → 100644
  Diff comments   View file @fa1524c
... ... @@ -0,0 +1,56 @@
  1 +/*** Profile homepage ***/
  2 +
  3 +/* Ratings Header */
  4 +.profile-homepage #content .community-average-rating-container{
  5 + margin-top: 21px;
  6 + overflow: auto;
  7 +}
  8 +
  9 +.profile-homepage #content .community-average-rating-container .star-rate-text{
  10 + font-size: 14px;
  11 + letter-spacing: 0.2px;
  12 + margin-right: 5px;
  13 + padding: 4px 0px 0px 3px;
  14 +}
  15 +
  16 +.profile-homepage #content .community-average-rating-container .star-container{
  17 + margin-top: 2px;
  18 +}
  19 +
  20 +.profile-homepage #content .community-average-rating-container .rate-this-community{
  21 + font-size: 14px;
  22 + text-decoration: underline;
  23 + margin: 4px 0px 0px 6px;
  24 + padding: 0px 0px 0px 15px;
  25 +}
  26 +
  27 +.profile-homepage #content .community-average-rating-container .rate-this-community a{
  28 + color: #2c66ce;
  29 +}
  30 +
  31 +.profile-homepage #content .community-average-rating-container .star-container .medium-star-negative,
  32 +.profile-homepage #content .community-average-rating-container .star-container .medium-star-positive{
  33 + margin-right: 3px;
  34 +}
  35 +
  36 +/* Use report list */
  37 +
  38 +.profile-homepage #content .communities-ratings-block .ratings-title .block-title {
  39 + background: none;
  40 + border-bottom: 1px solid #D3D6DE;
  41 + border-top: none;
  42 + color: #172738;
  43 + font-size: 20px;
  44 + font-weight: 700;
  45 + letter-spacing: 1.8px;
  46 + margin-bottom: 0px;
  47 + padding: 0px 0px 12px 4px;
  48 +}
  49 +
  50 +.profile-homepage #content .communities-ratings-block .ratings-list .make-report-block {
  51 + background-repeat: no-repeat;
  52 + border-bottom: 1px solid #D3D6DE;
  53 + border-top: none;
  54 + margin-top: 0px;
  55 + padding-top: 32px;
  56 +}
... ...
footer.html.erb
  Diff comments   View file @fa1524c
... ... @@ -120,4 +120,4 @@
120 120  
121 121 <!-- Script do portal Brasil deve ficar preferencialmente no rodape para nao atrasar o carregamento da pagina principal -->
122 122 <script src="http://barra.brasil.gov.br/barra.js?cor=verde" type="text/javascript"></script><noscript>&nbsp;<!-- item para fins de acessibilidade --></noscript>
123   -
  123 + <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
... ...
header.html.erb
  Diff comments   View file @fa1524c
1 1 <!-- barra do governo -->
2   - <div id="barra-brasil">
3   - <a href="http://brasil.gov.br" title="Acesse para conhecer todos os serviços e informações do Governo Brasileiro na Internet.">Portal do Governo Brasileiro</a>
4   - </div>
  2 +<div id="barra-brasil">
  3 + <a href="http://brasil.gov.br" title="Acesse para conhecer todos os serviços e informações do Governo Brasileiro na Internet.">Portal do Governo Brasileiro</a>
  4 +</div>
5 5 <!--fim barra do governo -->
6 6  
7   -
8 7 <div class="header-content">
9 8 <div role="banner" id="header">
10 9 <div>
... ... @@ -34,8 +33,6 @@
34 33 </a>
35 34 </li>
36 35 </ul>
37   -
38   -
39 36 <ul id="portal-siteactions">
40 37 <li id="siteaction-accessibility">
41 38 <a href="/software-publico-brasileiro/acessibilidade">Acessibilidade</a>
... ... @@ -46,29 +43,24 @@
46 43 <li id="siteaction-mapadosite">
47 44 <a href="/search">Mapa do Site</a>
48 45 </li>
49   -
50   - <li id="siteaction-languages-pt">
51   - <a href="?lang=pt" title="Português">Português</a>
52   - </li>
53   - <li id="siteaction-languages-en">
  46 + <li id="siteaction-languages-pt">
  47 + <a href="?lang=pt" title="Português">Português</a>
  48 + </li>
  49 + <li id="siteaction-languages-en">
54 50 <a href="?lang=en" title="English">English</a>
55 51 </li>
56 52 </ul>
57   -
58   -
59 53 <div id="logo">
60   -
61   - <a title="Software Público" href="/">
  54 + <a title="Software Público" href="/">
62 55 <span id="portal-title"></span>
63 56 </a>
64 57 </div>
65   -
66 58 <div role="search" id="portal-searchbox">
67 59 <form action="/search">
68 60 <input type="text" autocomplete="off" name="query" size="18" title="Buscar no Site" placeholder="Buscar no Site" accesskey="3" class="searchField" id="searchGadget">
69   - <input type="submit" class="searchButton" value="Buscar"></form>
  61 + <input type="submit" class="searchButton" value="Buscar">
  62 + </form>
70 63 </div>
71   -
72 64 <div id="social-icons">
73 65 <ul>
74 66 <li>
... ... @@ -85,56 +77,21 @@
85 77 </li>
86 78 </ul>
87 79 </div>
  80 + </div>
  81 + <div id="sobre">
  82 + <ul id="links-rapidos">
  83 + <li id="link-faq">
  84 + <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
  85 + </li>
  86 + <li id="link-contact">
  87 + <a href="/contact/portal/new">Contato</a>
  88 + </li>
  89 + </ul>
  90 + </div>
88 91 </div>
89   -
90   - <div id="sobre">
91   - <ul id="links-rapidos">
92   - <li id="link-faq">
93   - <a href="/ajuda/ajuda/duvidas-frequentes">Perguntas frequentes</a>
94   - </li>
95   - <li id="link-contact">
96   - <a href="/contact/portal/new">Contato</a>
97   - </li>
98   - </ul>
  92 + <div id="menucontainer">
99 93 </div>
100   -
101   -</div>
102   -
103   -
104   -<div id="menucontainer">
105   - <!--<ul id="hmenu">
106   - <li class="parent_menu"><a href="/">Software Público</a>
107   -
108   - </li>
109   - <li class="parent_menu"><a href="/">Mercado Público</a>
110   -
111   - </li>
112   - <li class="parent_menu"><a href="/search/communities">Comunidades</a>
113   -
114   - <!-- <ul>
115   - <li class="child_menu"><a href="#">Comunidades de Software</a>
116   -
117   - </li>
118   - <li class="child_menu"><a href="#">Universidades</a>
119   - </li>
120   - </ul>
121   - </li>-->
122   - <!-- <li class="parent_menu"><a href="#">Software</a>
123   -
124   - </li> -->
125   - <!-- <li class="parent_menu"><a href="/search/people">Usuário</a>
126   -
127   - </li>
128   - </ul> -->
129   -
130   -</div>
131   -
132   - <div id="categories_menu">
  94 + <div id="categories_menu">
133 95 <%= theme_include 'categories' %>
134 96 </div>
135   -
136   - <!--
137   -<div id="barra-psocial">
138   -
139   -</div>-->
140   -
  97 +</div>
... ...
images/blog-teste.png
View file @6b94fcc

454 KB
style.css
  Diff comments   View file @fa1524c
  1 +/*** Noosfero Base Theme ***/
1 2 @import url(../profile-base/style.css);
  3 +
  4 +/*** Icon and animation resources***/
2 5 @import url(../../icons/tango/style.css);
  6 +@import url(css/animate.css);
  7 +@import url(font-awesome.min.css);
3 8  
  9 +
  10 +/*** SPB Theme section styles ***/
4 11 @import url(css/overwriting-base-theme.css);
5 12 @import url(css/header.css);
6 13 @import url(css/footer.css);
7 14 @import url(css/left-bar.css);
8 15 @import url(css/home-page.css);
9   -@import url(css/software-pages.css);
10   -@import url(css/software-catalog-page.css);
11 16 @import url(css/main-content.css);
  17 +@import url(css/edition-pages.css);
  18 +@import url(css/administration-panel.css);
12 19 @import url(css/article-page.css);
13   -@import url(css/news-page.css);
  20 +@import url(css/software-pages.css);
14 21 @import url(css/community-pages.css);
15   -@import url(css/edition-pages.css);
  22 +@import url(css/news-page.css);
  23 +@import url(css/search-pages.css);
  24 +@import url(css/software-catalog-page.css);
  25 +@import url(css/tooltip.css);
  26 +@import url(css/popover.css);
16 27 @import url(css/tabs.css);
17   -/*
18   -@import url(css/use-report.css);
19   -@import url(css/tooltips.css);
20   -*/
21 28  
22   -@import url(font-awesome.min.css);
23   -/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
24   -
25   -
26   -@font-face {
27   -font-weight: normal;
28   -font-style: normal;
29   -font-family: "open_sanslight";
30   -src: url("fonts/opensans-300-webfont.eot");
31   -src: url("fonts/opensans-300-webfont.eot?#iefix") format("embedded-opentype"),
32   -url("fonts/opensans-300-webfont.woff") format("woff"),
33   -url("fonts/opensans-300-webfont.ttf") format("truetype"),
34   -url("fonts/opensans-300-webfont.svg#open_sanslight") format("svg");
35   -}
36   -
37   -@font-face {
38   -font-weight: normal;
39   -font-style: normal;
40   -font-family: "open_sansregular";
41   -src: url("fonts/opensans-400-webfont.eot");
42   -src: url("fonts/opensans-400-webfont.eot?#iefix") format("embedded-opentype"),
43   -url("fonts/opensans-400-webfont.woff") format("woff"),
44   -url("fonts/opensans-400-webfont.ttf") format("truetype"),
45   -url("fonts/opensans-400-webfont.svg#open_sansregular") format("svg");
46   -}
47   -
48   -@font-face {
49   -font-weight: normal;
50   -font-style: normal;
51   -font-family: "open_sanssemibold";
52   -src: url("fonts/opensans-600-webfont.eot");
53   -src: url("fonts/opensans-600-webfont.eot?#iefix") format("embedded-opentype"),
54   -url("fonts/opensans-600-webfont.woff") format("woff"),
55   -url("fonts/opensans-600-webfont.ttf") format("truetype"),
56   -url("fonts/opensans-600-webfont.svg#open_sanssemibold") format("svg");
57   -}
58   -@font-face {
59   -font-weight: normal;
60   -font-style: normal;
61   -font-family: "open_sansbold";
62   -src: url("fonts/opensans-700-webfont.eot");
63   -src: url("fonts/opensans-700-webfont.eot?#iefix") format("embedded-opentype"),
64   -url("fonts/opensans-700-webfont.woff") format("woff"),
65   -url("fonts/opensans-700-webfont.ttf") format("truetype"),
66   -url("fonts/opensans-700-webfont.svg#open_sansbold") format("svg");
67   -}
68   -
69   -@font-face {
70   -font-weight: normal;
71   -font-style: normal;
72   -font-family: "open_sansextrabold";
73   -src: url("fonts/opensans-800-webfont.eot");
74   -src: url("fonts/opensans-800-webfont.eot?#iefix") format("embedded-opentype"),
75   -url("fonts/opensans-800-webfont.woff") format("woff"),
76   -url("fonts/opensans-800-webfont.ttf") format("truetype"),
77   -url("fonts/opensans-800-webfont.svg#open_sansextrabold") format("svg");
78   -}
79   -
80   -/***********Regras Gerais ************/
  29 +
  30 +@font-face{
  31 + font-weight: normal;
  32 + font-style: normal;
  33 + font-family: "open_sanslight";
  34 + src: url("fonts/opensans-300-webfont.eot");
  35 + src: url("fonts/opensans-300-webfont.eot?#iefix") format("embedded-opentype"),
  36 + url("fonts/opensans-300-webfont.woff") format("woff"),
  37 + url("fonts/opensans-300-webfont.ttf") format("truetype"),
  38 + url("fonts/opensans-300-webfont.svg#open_sanslight") format("svg");
  39 +}
  40 +
  41 +@font-face{
  42 + font-weight: normal;
  43 + font-style: normal;
  44 + font-family: "open_sansregular";
  45 + src: url("fonts/opensans-400-webfont.eot");
  46 + src: url("fonts/opensans-400-webfont.eot?#iefix") format("embedded-opentype"),
  47 + url("fonts/opensans-400-webfont.woff") format("woff"),
  48 + url("fonts/opensans-400-webfont.ttf") format("truetype"),
  49 + url("fonts/opensans-400-webfont.svg#open_sansregular") format("svg");
  50 +}
  51 +
  52 +@font-face{
  53 + font-weight: normal;
  54 + font-style: normal;
  55 + font-family: "open_sanssemibold";
  56 + src: url("fonts/opensans-600-webfont.eot");
  57 + src: url("fonts/opensans-600-webfont.eot?#iefix") format("embedded-opentype"),
  58 + url("fonts/opensans-600-webfont.woff") format("woff"),
  59 + url("fonts/opensans-600-webfont.ttf") format("truetype"),
  60 + url("fonts/opensans-600-webfont.svg#open_sanssemibold") format("svg");
  61 +}
  62 +
  63 +@font-face{
  64 + font-weight: normal;
  65 + font-style: normal;
  66 + font-family: "open_sansbold";
  67 + src: url("fonts/opensans-700-webfont.eot");
  68 + src: url("fonts/opensans-700-webfont.eot?#iefix") format("embedded-opentype"),
  69 + url("fonts/opensans-700-webfont.woff") format("woff"),
  70 + url("fonts/opensans-700-webfont.ttf") format("truetype"),
  71 + url("fonts/opensans-700-webfont.svg#open_sansbold") format("svg");
  72 +}
  73 +
  74 +@font-face{
  75 + font-weight: normal;
  76 + font-style: normal;
  77 + font-family: "open_sansextrabold";
  78 + src: url("fonts/opensans-800-webfont.eot");
  79 + src: url("fonts/opensans-800-webfont.eot?#iefix") format("embedded-opentype"),
  80 + url("fonts/opensans-800-webfont.woff") format("woff"),
  81 + url("fonts/opensans-800-webfont.ttf") format("truetype"),
  82 + url("fonts/opensans-800-webfont.svg#open_sansextrabold") format("svg");
  83 +}
  84 +
  85 +/*********** General Rules ************/
81 86  
82 87 * {
83   -margin: 0;
84   -padding: 0;
85   -list-style: none;
86   -vertical-align: baseline;
  88 + margin: 0;
  89 + padding: 0;
  90 + list-style: none;
  91 + vertical-align: baseline;
87 92 }
88 93  
89 94 body {
90   - background-color: #fff;
91   - color: #172738;
92   - font-size: 12px;
93   - font-family: "open_sansregular", Arial, Helvetica, sans-serif;
  95 + background-color: #fff;
  96 + color: #172738;
  97 + font-size: 12px;
  98 + font-family: "open_sansregular", Arial, Helvetica, sans-serif;
94 99 }
95 100  
96 101 * :link,:visited {
97   - text-decoration:none;
  102 + text-decoration: none;
98 103 }
99 104  
100 105 * ul,ol {
101   - list-style:none;
  106 + list-style: none;
102 107 }
103 108  
104 109 * h1,h2,h3,h4,h5,h6 {
105   - color:inherit;
106   - font-family: arial;
107   - font-weight: 700;
108   - margin-top:20px;
109   - margin-bottom:10px;
  110 + color: inherit;
  111 + font-family: Arial;
  112 + font-weight: 700;
  113 + margin-top: 20px;
  114 + margin-bottom: 10px;
110 115 }
111 116  
112 117 * h1{
113   - font-size: 34px;
114   - line-height: 37px;
  118 + font-size: 34px;
  119 + line-height: 37px;
115 120 }
116 121  
117 122 * h2{
118   - font-size:22px;
119   - line-height: 21px;
  123 + font-size: 22px;
  124 + line-height: 21px;
120 125 }
121 126  
122 127 * h3{
123   - font-size:18px;
124   - line-height: 21px;
  128 + font-size: 18px;
  129 + line-height: 21px;
125 130 }
126 131  
127 132 * h4,h5,h6 {
128   - font-size: 16px;
129   - line-height: 21px;
  133 + font-size: 16px;
  134 + line-height: 21px;
130 135 }
131 136  
132 137 #content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
133 138 margin-top: 20px;
134   - margin-bottom:10px
  139 + margin-bottom: 10px;
135 140 color: inherit;
136 141 font-family: Arial;
137 142 font-weight: 700;
... ... @@ -153,54 +158,56 @@ body {
153 158 font-weight: 700;
154 159 }
155 160  
156   -#content h4, content h5, #content h6 {
  161 +#content h4, content h5, #content h6{
157 162 font-size: 16px;
158 163 line-height: 21px;
159 164 }
160 165  
161   -p {
  166 +p{
162 167 margin: 0px 0px 10px 0px;
163 168 line-height: 21px;
164 169 font-size: 15px;
165 170 }
166 171  
167 172  
168   -* a img,:link img,:visited img {
169   - border:none
  173 +* a img,:link img,:visited img{
  174 + border: none
170 175 }
171 176  
172   -a {
173   - outline: none;
  177 +a{
  178 + outline: none;
174 179 }
175   -a:link, #content a:link, dl.portlet a:link {
176   - color: #172738;
177   - /*border-bottom: none;*/
  180 +a:link, #content a:link, dl.portlet a:link{
  181 + color: #172738;
178 182 }
179 183  
180   -a:visited, #content a:visited, dl.portlet a:visited {
181   - color:#2c66ce; /*#2c67cd;*/
  184 +a:visited, #content a:visited, dl.portlet a:visited{
  185 + color:#2c66ce;
182 186 }
183 187  
184   -a:focus {
185   - outline: 2px solid #f1ca7f;
  188 +a:focus{
  189 + outline: 2px solid #f1ca7f;
186 190 }
187 191  
188 192 /* Remove in all td gray backgroung hover */
189   -tr:hover td {
190   - background-color: transparent;
  193 +tr:hover td{
  194 + background-color: transparent;
191 195 }
192 196  
193   -#content a:hover, dl.portlet a:hover {
194   - color: #000;
  197 +#content a:hover, dl.portlet a:hover{
  198 + color: #000;
195 199 }
196   -table {
197   - border-spacing: 0;
  200 +
  201 +table{
  202 + border-spacing: 0;
198 203 }
199 204  
200   -img {
201   - vertical-align: text-bottom;
  205 +img{
  206 + vertical-align: text-bottom;
202 207 }
203 208  
204   -iframe {
205   - border-width: 0; border-style:none;
  209 +iframe{
  210 + border-width: 0; border-style:none;
206 211 }
  212 +
  213 +
... ...
theme.js
  Diff comments   View file @fa1524c
... ... @@ -83,16 +83,6 @@ $(&#39;#link-buscar&#39;).click(function(e) {
83 83 //finality.stop().animate({"top" : "100%"}, TRANSITION_TIME);
84 84 }
85 85  
86   - function set_events() {
87   - // Fade css
88   - $('.software-block-finality').css('opacity', 0);
89   - $('.software-block-finality').css('top', 0);
90   - // End Fade CSS
91   -
92   - $(".software-block").mouseover(show_finality);
93   - $(".software-block").mouseout(hide_finality);
94   - }
95   -
96 86 function move_article_buttons(){
97 87 var article_actions = $('#article-actions').clone();
98 88 var report = $('.report-abuse-action').remove();
... ... @@ -131,7 +121,48 @@ $(&#39;#link-buscar&#39;).click(function(e) {
131 121 //$('<div class="notice-item"></div>').wrap($(this).find( '.image', '.title', '.lead', '.read_more'));
132 122 });
133 123  
  124 + }
134 125  
  126 + //toggle filter options in catalog page
  127 + function setFilterCategoriesOptionClass() {
  128 + var filterOptions = $("#filter-categories-option");
  129 + filterOptions.addClass("animated slideInDown");
  130 + }
  131 +
  132 + function toggleFilterOptions(){
  133 + var filterOptions = $("#filter-categories-option");
  134 + var showOptions = $("#filter-option-catalog-software");
  135 + var hideOptions = $("#filter-option-catalog-close");
  136 + if(hideOptions.is(":visible")){
  137 + //filterOptions.slideUp(function() {
  138 + showOptions.show();
  139 + hideOptions.hide();
  140 + //});
  141 + filterOptions.animate({
  142 + height: 0
  143 + },500);
  144 + }
  145 + else {
  146 + showOptions.hide();
  147 + hideOptions.show();
  148 + filterOptions.animate({
  149 + height: 565
  150 + },500);
  151 + }
  152 + }
  153 +
  154 + function setEvents(){
  155 + // Fade css
  156 + $('.software-block-finality').css('opacity', 0);
  157 + $('.software-block-finality').css('top', 0);
  158 + // End Fade CSS
  159 + $(".software-block").mouseover(show_finality);
  160 + $(".software-block").mouseout(hide_finality);
  161 +
  162 + var showOptions = $("#filter-option-catalog-software");
  163 + var hideOptions = $("#filter-option-catalog-close");
  164 + showOptions.click(toggleFilterOptions);
  165 + hideOptions.click(toggleFilterOptions);
135 166 }
136 167  
137 168 /* Finds all uploaded files from manuals page and sets its names on the right format */
... ... @@ -190,6 +221,9 @@ $(&#39;#link-buscar&#39;).click(function(e) {
190 221 $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label').html('Nome do órgão ou empresa');
191 222 $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited label').html('Número de beneficiados');
192 223 $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values label').html('Recursos economizados');
  224 + $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments').addClass("animated slideInDown");
  225 + $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited').addClass("animated slideInDown");
  226 + $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values').addClass("animated slideInDown");
193 227 }
194 228  
195 229 function add_top_tooltips(){
... ... @@ -216,15 +250,36 @@ $(&#39;#link-buscar&#39;).click(function(e) {
216 250 });
217 251 }
218 252  
  253 + function add_popovers() {
  254 + var span = $('span[data-toggle="popover"]');
  255 + var place = span.attr("data-placement");
  256 + var elementClass = span.attr("data-class");
  257 + var popover = span.popover({
  258 + html:true,
  259 + placement: place,
  260 + content: function() {
  261 + return $(this).next().html();
  262 + }
  263 + })
  264 + .data('bs.popover');
  265 + if(popover) {
  266 + popover.tip()
  267 + .addClass(elementClass);
  268 + $('a.toggle-popover').on("click",function() {
  269 + span.trigger("click");
  270 + });
  271 + }
  272 + }
  273 +
219 274 $(document).ready(function(){
  275 + add_popovers();
220 276 add_top_tooltips();
221   - set_events();
222 277 move_article_buttons();
223   - add_link_to_article_div();
224 278 insert_notice_div();
225 279 set_uploaded_files_names();
226 280 set_tooltip_content();
227 281 set_arrow_direction();
228 282 set_use_report_content();
  283 + setEvents();
229 284 });
230 285 })(jQuery);
... ...
theme.yml
  Diff comments   View file @fa1524c
1 1 name: "Software Público"
2 2 layout: "application-ng"
3   -icon_theme: [participabr]
... ...