Commit a117235560cb0167cdfb1a43a6a0581311cfc833

Authored by Melissa Wen
2 parents da1e41c7 6177241d

Merge branch 'master' into fix_javascript

images/bottom-arrow.png 0 → 100644

265 Bytes

images/top-arrow.png 0 → 100644

850 Bytes

page-catalog-software.css
1 - /*controller-search action-search-software_infos template-default webkit*/ 1 +/*controller-search action-search-software_infos template-default webkit*/
  2 +
  3 +.action-search-software_infos br {
  4 + display:none;
  5 +}
  6 +
  7 +.action-search-software_infos .org {
  8 + display:none !important;
  9 +}
2 10
3 #catalog-filter{ 11 #catalog-filter{
4 display: none; 12 display: none;
5 } 13 }
6 14
7 -.action-search-software_infos #content #main-content-wrapper-8 h1{  
8 - border-top: 4px solid #3E67B1 !important;  
9 - color: #2B65cd !important; 15 +.action-search-software_infos .main-content {
  16 + border: none;
  17 + box-shadow: none;
  18 +}
  19 +.action-search-software_infos input[type="checkbox"]{
  20 + vertical-align:sub;
  21 +}
  22 +
  23 +.action-search-software_infos #content {
  24 + padding:0px !important;
  25 + margin-top: 10px;
  26 +}
  27 +
  28 +.action-search-software_infos #content .main-content h2{
10 text-transform: uppercase; 29 text-transform: uppercase;
11 - font-size: 16px !important;  
12 - padding: 15px 0px 10px 15px;  
13 - border-bottom:none !important;  
14 - background-color:#eee;  
15 - /*padding-left: 0.8em !important;*/  
16 - /*margin-left: 0px;*/ 30 + font-family: "open_sansregular",Arial, Helvetica,sans-serif;
  31 + color: #ff0066;
  32 + font-size:16px;
17 } 33 }
18 34
19 -.action-search-software_infos #main-content-wrapper-8 .search-form{  
20 - margin-top:-10px; 35 +.action-search-software_infos #content .main-content h1{
  36 + padding:5px 0 10px 0;
  37 + font-family:Arial, Helvetica, sans-serif;
  38 + font-size: 35px !important;
  39 + font-variant: normal;
  40 +}
  41 +
  42 +.action-search-software_infos .search-form {
21 background-color: #eee; /*#f1f1f1;*/ 43 background-color: #eee; /*#f1f1f1;*/
22 } 44 }
23 45
24 .search-form{ 46 .search-form{
25 background: #ecedf1; 47 background: #ecedf1;
26 border-radius: 4px; 48 border-radius: 4px;
  49 + border:1px solid #d7d7d7;
  50 + padding: 0;
  51 + margin-top:28px;
  52 +}
  53 +
  54 +.action-search-software_infos #software-search-container .search-form h3{
  55 + padding:16px 0 10px 14px;
  56 + font-family:"open_sansregular", Arial, Helvetica, sans-serif;
  57 + margin:0;
  58 + font-weight:bold;
  59 + font-size: 15px;
  60 +}
  61 +
  62 +.search-form #search-subheader{
  63 + padding-left: 14px;
  64 +}
  65 +
  66 +.search-form #search-header #search-filters{
  67 + float: left !important;
  68 + padding-left: 14px;
  69 +}
  70 +
  71 +.search-form{
  72 + background: #ecedf1;
  73 + border-radius: 4px;
27 } 74 }
28 75
29 .search-form #search-subheader{ 76 .search-form #search-subheader{
@@ -43,10 +90,13 @@ @@ -43,10 +90,13 @@
43 } 90 }
44 91
45 #search-input { 92 #search-input {
  93 + width:95% !important;
46 font-size:110%; 94 font-size:110%;
47 - margin: 0px 0px 15px 15px; 95 + margin: 4px 0px 0px 13px;
48 border-radius: 4px; 96 border-radius: 4px;
49 - padding: 0.55em; 97 + padding: 6px;
  98 + font-size: 14px;
  99 + border: 1px solid #d7d7d7;
50 } 100 }
51 101
52 #search-input.blur { 102 #search-input.blur {
@@ -58,20 +108,14 @@ @@ -58,20 +108,14 @@
58 padding:0.55em; 108 padding:0.55em;
59 } 109 }
60 110
61 -.controller-search .search-field .formfield {  
62 - width: 80%;  
63 -}  
64 -  
65 .controller-search #content form input.button.submit { 111 .controller-search #content form input.button.submit {
66 height: 30px; 112 height: 30px;
67 max-height: 30px; 113 max-height: 30px;
68 - width: 104px;  
69 - margin-bottom: 22px;  
70 - margin-left: 32px; 114 + width: auto;
  115 + padding: 0 14px 0 14px;
  116 + margin: 14px;
71 text-transform: uppercase; 117 text-transform: uppercase;
72 - font-weight: bold;  
73 - /*border: 1px solid #4562b1;*/  
74 - /*padding:0px;*/ 118 + font-family:"open_sansbold",Arial,sans-serif;
75 color:#ffffff; 119 color:#ffffff;
76 background-color:#4562b1; 120 background-color:#4562b1;
77 } 121 }
@@ -81,8 +125,8 @@ @@ -81,8 +125,8 @@
81 color:#172738; 125 color:#172738;
82 font-size:20px; 126 font-size:20px;
83 padding:5px; 127 padding:5px;
84 -  
85 } 128 }
  129 +
86 .action-search-software_infos #content input.button{ 130 .action-search-software_infos #content input.button{
87 background-color:#2B65cd; 131 background-color:#2B65cd;
88 border: 1px solid #2B65cd; 132 border: 1px solid #2B65cd;
@@ -92,24 +136,128 @@ @@ -92,24 +136,128 @@
92 padding:0px; 136 padding:0px;
93 } 137 }
94 138
95 -.action-search-software_infos .icon-search{  
96 - background-image:none !important; 139 +.action-search-software_infos #filter-option-catalog-software:hover {
  140 + background-color: #c7c7c7;
  141 +}
  142 +
  143 +.action-search-software_infos #filter-option-catalog-software {
  144 + border:none;
  145 + font-size: 11px;
  146 + padding: 14px;
  147 + background-color: #d7d7d7;
  148 +}
  149 +
  150 +.action-search-software_infos #filter-option-catalog-software:after {
  151 + margin-left:5px;
  152 + background:url("/designs/themes/noosfero-spb-theme/images/bottom-arrow.png") no-repeat center;
  153 + background-color:#4562b1;
  154 + padding: 3px 10.5px;
  155 + border-radius: 4px;
  156 + content: "";
  157 +}
  158 +
  159 +.action-search-software_infos #cleanup-filter-catalg {
  160 + background-color:#4562b1;
  161 + font-size: 14px;
  162 + font-family:Arial;
  163 + cursor:pointer;
  164 +}
  165 +
  166 +.action-search-software_infos #close-filter-catalog {
  167 + cursor:pointer;
  168 +}
  169 +
  170 +.action-search-software_infos #close-filter-catalog:after {
  171 + margin-left:5px;
  172 + background:url("/designs/themes/noosfero-spb-theme/images/top-arrow.png") no-repeat center;
  173 + background-color:#4562b1;
  174 + padding: 2.5px 10.5px;
  175 + border-radius: 4px;
  176 + content: "";
  177 +}
  178 +
  179 +.action-search-software_infos #catalog-display-options {
  180 + font-size:14px;
  181 + font-family:Arial;
  182 +}
  183 +
  184 +.action-search-software_infos #catalog-display-options #catalog-display-options-count{
  185 + padding: 45px 0 4px 0;
  186 +}
  187 +
  188 +.action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
  189 + padding: 38px 0 5px 0;
  190 + font-weight:bold;
  191 +}
  192 +
  193 +.action-search-software_infos #filter-catalog-software {
  194 + background-color: #d7d7d7;
  195 +}
  196 +
  197 +.action-search-software_infos #filter-catalog-software #filter-categories-option {
  198 + border:none;
  199 +}
  200 +
  201 +.action-search-software_infos #group-categories #group-catalog-01 {
  202 + float: left;
  203 + width: 50%;
  204 +}
  205 +
  206 +.action-search-software_infos #filter-catalog-software #filter-categories-catalog h4 {
  207 + color: black;
  208 + margin: 5px 0 10px 5px;
  209 + background: transparent;
  210 +}
  211 +
  212 +.project-software{
  213 + font-weight:bold;
  214 + font-size:15px;
  215 + font-family:Arial;
  216 + margin: 0 0 30px;
  217 + border-top: 1px dotted;
  218 + border-bottom: 1px dotted;
  219 +}
  220 +
  221 +.action-search-software_infos #group-categories label {
  222 + font-family:Arial;
  223 + font-size: 14px;
  224 +}
  225 +.action-search-software_infos #group-categories label span {
  226 + font-family:Arial;
  227 + font-size: 14px;
  228 +}
97 229
  230 +.action-search-software_infos #group-categories br {
  231 + display:inline;
  232 +}
  233 +
  234 +.project-software span{
  235 + margin-left: 5px;
  236 + color:transparent;
  237 +}
  238 +.project-software span:before {
  239 + content:"?";
  240 + border-radius: 50%;
  241 + font-size: 16px;
  242 + padding: 2px 6px;
  243 + background:#fff;
  244 + color: #3867b7;
  245 +}
  246 +
  247 +.action-search-software_infos #search-results {
  248 + border-top: 1px solid #d7d7d7;
98 } 249 }
99 -/*  
100 -.search-enterprise-item {  
101 - border-bottom: 1px solid #eee;  
102 -}*/  
103 250
104 .controller-search .action-search-software_infos .search-field .formfield { 251 .controller-search .action-search-software_infos .search-field .formfield {
105 - width: 80%; 252 + width: 100%;
  253 + margin: 0;
  254 + padding: 0;
106 } 255 }
107 256
108 -.action-search-software_infos .only-one-result-box .search-enterprise-item {  
109 - padding-top:35px !important;  
110 - padding-bottom: 35px !important; 257 +.action-search-software_infos .only-one-result-box .search-software-item {
  258 + padding: 29px 0 31px 0 !important;
111 background: #ffffff; 259 background: #ffffff;
112 - /*padding: 50px 0 !important;*/ 260 + border-bottom: 1px solid #d7d7d7;
113 } 261 }
114 262
115 .action-search-software_infos .search-results-innerbox { 263 .action-search-software_infos .search-results-innerbox {
@@ -130,30 +278,22 @@ @@ -130,30 +278,22 @@
130 float:left; 278 float:left;
131 } 279 }
132 280
133 -/*  
134 -.common-profile-list-block .profile-image {  
135 - padding:0px 200px;  
136 -}  
137 -*/  
138 -  
139 -.action-search-software_infos .search-enterprise-item-column-left{  
140 - border-right: 1px solid #ccc;  
141 - width: 143px; 281 +.action-search-software_infos .search-software-item-column-left{
  282 + border-right: 1px dotted #ccc;
  283 + width: 130px;
142 height: 130px; 284 height: 130px;
143 - /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/  
144 - /*margin:none;*/  
145 - /*position:absolute;*/ 285 + float: left;
146 } 286 }
147 287
148 -.action-search-software_infos .search-enterprise-item-column-right{ 288 +.action-search-software_infos .search-software-item-column-right{
149 width:60%; /*440px;*/ 289 width:60%; /*440px;*/
150 float:left; 290 float:left;
151 margin-left: 130px; 291 margin-left: 130px;
152 - /*text-align: justify;*/  
153 } 292 }
154 293
155 #content .search-results-box .vcard { 294 #content .search-results-box .vcard {
156 display: table; 295 display: table;
  296 + margin: 0;
157 } 297 }
158 298
159 #content .vcard a:hover{ 299 #content .vcard a:hover{
@@ -164,19 +304,10 @@ @@ -164,19 +304,10 @@
164 border: none; 304 border: none;
165 } 305 }
166 306
167 -.action-search-software_infos .org {  
168 - display:none !important;  
169 -}  
170 -  
171 -.action-search-software_infos .search-enterprise-item-column-left .vcard img { 307 +.action-search-software_infos .search-software-item-column-left .vcard img {
172 max-width: 90px; 308 max-width: 90px;
173 height: auto; 309 height: auto;
174 - /*margin-left: 15px;  
175 - margin-right: 15px;*/  
176 - /*max-height: 130px; /*90px;*/  
177 - /*margin-left: 60%; /*30%;90px;  
178 - position: absolute;  
179 - float: left;*/ 310 + margin-left:170px;
180 } 311 }
181 312
182 .action-search-software_infos .common-profile-list-block img{ 313 .action-search-software_infos .common-profile-list-block img{
@@ -184,9 +315,8 @@ @@ -184,9 +315,8 @@
184 } 315 }
185 316
186 .action-search-software_infos .common-profile-list-block .profile-image{ 317 .action-search-software_infos .common-profile-list-block .profile-image{
187 - /*padding:20px 40px;*/  
188 - margin-left: 140px; /*85px; TESTANDO*/  
189 - /*margin-top: 10px;*/ 318 + margin-left: 130px;
  319 + margin-top: 35px;
190 width: 130px; 320 width: 130px;
191 height: 130px; 321 height: 130px;
192 } 322 }
@@ -195,64 +325,57 @@ @@ -195,64 +325,57 @@
195 font-size: 13px; 325 font-size: 13px;
196 font-family: Arial; 326 font-family: Arial;
197 opacity: inherit; 327 opacity: inherit;
198 - width:135px; 328 + width:130px;
199 padding-right:20px; 329 padding-right:20px;
200 text-align: left; 330 text-align: left;
201 position:absolute; 331 position:absolute;
202 top:0px; 332 top:0px;
203 - /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/  
204 - 333 + color: #21376c;
205 } 334 }
206 .action-search-software_infos .common-profile-list-block .extra_info::before{ 335 .action-search-software_infos .common-profile-list-block .extra_info::before{
207 content: url("images/ic-calendar.png"); 336 content: url("images/ic-calendar.png");
208 - line-height: 20px;  
209 margin-right:10px; 337 margin-right:10px;
210 margin-top:6px; 338 margin-top:6px;
211 float: left; 339 float: left;
212 - /*padding-top: 10px;*/  
213 - /* position: static; */  
214 - /* overflow: auto; */  
215 } 340 }
216 341
217 -.action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right { 342 +.action-search-software_infos .search-software-item .search-software-item-column-right {
218 font-size: 15px; 343 font-size: 15px;
219 - padding-top: 0px; 344 + padding: 0 0 0 8px;
220 font-family: Arial; 345 font-family: Arial;
221 } 346 }
222 347
223 -.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a { 348 +.action-search-software_infos .search-software-item-column-right .search-software-content-block {
  349 +}
  350 +.action-search-software_infos .search-software-item-column-right .search-software-content-block h4 a {
224 color:#172938 !important; 351 color:#172938 !important;
225 font-size:19px !important; 352 font-size:19px !important;
226 } 353 }
227 -.action-search-software_infos .search-enterprise-item-column-right span b{ 354 +.action-search-software_infos .search-software-item-column-right span b{
228 font-weight: normal; 355 font-weight: normal;
  356 + font-size: 13px;
229 } 357 }
230 358
231 -.action-search-software_infos .search-enterprise-item-column-right span b:last-child { 359 +.action-search-software_infos .search-software-item-column-right span b:last-child {
232 float: left; 360 float: left;
233 - margin-right: 10px;  
234 - /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/  
235 -}  
236 -/* Verificar a melhor maneira de fazer  
237 -.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){  
238 - display: none;  
239 } 361 }
240 362
241 -.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){  
242 - display: none;  
243 -}*/  
244 -  
245 -.action-search-software_infos .search-community-content-block #categories-list{  
246 - margin-top:35px; 363 +.action-search-software_infos .search-software-content-block #categories-list{
  364 + margin-top:30px;
247 margin-bottom: 10px; 365 margin-bottom: 10px;
248 } 366 }
249 -.action-search-software_infos .search-community-content-block #categories-list li{ 367 +
  368 +.action-search-software_infos .search-software-content-block #categories-list li a{
  369 + color:#2B65cd;
  370 +}
  371 +
  372 +.action-search-software_infos .search-software-content-block #categories-list li{
250 text-decoration: underline; 373 text-decoration: underline;
251 font-size: 13px; 374 font-size: 13px;
252 color:#2B65cd; 375 color:#2B65cd;
253 - display:block !important;  
254 float:left; 376 float:left;
255 - margin-right: 10px !important; 377 + line-height:18px;
  378 + margin-left: 7px !important;
256 width: auto !important; 379 width: auto !important;
257 } 380 }
258 381