Download as
Browse Code »

Commit c6ac103e5c74d50909845fb44a55c1d68e56a3f0

Authored by Melissa Wen
2 parents f0f4b848 68046e28
Exists in master and in 39 other branches add_sisp_to_chef, add_super_archives_plugin, automates_core_packing, changes_in_buttons_on_content_panel, colab_automated_login, colab_spb_plugin_recipe, colab_widgets_settings, disable_email_dev, fix_breadcrumbs_position, fix_categories_software_link, fix_edit_institution, fix_edit_software_with_another_license, fix_get_license_info, fix_gitlab_assets_permission, fix_list_style_inside_article, fix_list_style_on_folder_elements, fix_merge_request_url, fix_models_translations, fix_no_license, fix_software_communities_translations, fix_software_communities_unit_test, fix_style_create_institution_admin_panel, fix_superarchives_imports, fix_sym_links_noosfero, lxc_settings, margin_fix, mezuro_cookbook, refactor_download_block, remove_broken_theme, remove_sisp_buttons, sisp_catalog_header, software_communities_html_refactor, software_infos_api, spb_to_rails4, stable-4.1, stable-4.2, theme_header, theme_javascript_refactory, update_search_by_categories

Merge branch 'fix_sisp_search_css' into 'master' 

Fix sisp search css

O commit 4266eb25d63fa2f67092e8c47147be25dd46d95a organizou a visualização dos softwares, mas só consertou o css para software_infos. Na busca por sisp a visualização estava diferente: ![xemele-sisp](https://softwarepublico.gov.br/gitlab/uploads/softwarepublico/softwarepublico/4240abfb98/xemele-sisp.png)

Esse commit altera o css do catálogo do sisp para ficar igual ao software_infos.

@melissawen @fabio1079 @arthurjahn : podem olhar, por favor?

See merge request !132
Showing 1 changed file with 83 additions and 533 deletions   Show diff stats
src/noosfero-spb/noosfero-spb-theme/css/software-catalog-page.css
  Diff comments   View file @c6ac103
1 1 /*** Title and subtitle ***/
2 2  
3   -.action-search-software_infos #content {
  3 +.action-search-software_infos #content,
  4 +.action-search-sisp #content{
4 5 margin-top: 10px;
5 6 padding: 0px;
6 7 }
7 8  
8   -.action-search-software_infos .main-content {
  9 +.action-search-software_infos .main-content,
  10 +.action-search-sisp .main-content{
9 11 border: none;
10 12 box-shadow: none;
11 13 }
12 14  
13   -.action-search-software_infos #content .main-content h2{
  15 +.action-search-software_infos #content .main-content h2,
  16 +.action-search-sisp #content .main-content h2{
14 17 color: #FF0366;
15 18 font-size: 16px;
16 19 font-family: "open_sansregular",Arial, Helvetica,sans-serif;
... ... @@ -18,18 +21,19 @@
18 21 text-transform: uppercase;
19 22 }
20 23  
21   -.action-search-software_infos #content .main-content h1{
  24 +.action-search-software_infos #content .main-content h1,
  25 +.action-search-sisp #content .main-content h1{
22 26 padding: 5px 0 10px 0;
23 27 border-bottom: 1px solid #D3D6DE;
24 28 font-family: Arial, Helvetica, sans-serif;
25 29 font-size: 35px;
26 30 font-variant: normal;
27 31 }
28   -
29 32 /*** end of title and subtitle ***/
30 33  
31 34 /*** Search Box ***/
32   -.action-search-software_infos .search-form {
  35 +.action-search-software_infos .search-form,
  36 +.action-search-sisp .search-form {
33 37 margin-top:28px;
34 38 padding: 0;
35 39 background: #ecedf1;
... ... @@ -38,7 +42,7 @@
38 42 background-image:url("catalogo.png");
39 43 }
40 44  
41   -.action-search-software_infos #software-search-container .search-form h3{
  45 +.controller-search #software-search-container .search-form h3{
42 46 margin: 0px 0px 3px 0px;
43 47 padding: 16px 0 20px 14px;
44 48 color: #2C4B6B;
... ... @@ -49,16 +53,7 @@
49 53 text-transform: uppercase;
50 54 }
51 55  
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***/
  56 +/* Radio Buttons */
62 57 .action-search-software_infos #public_software_radio_button,
63 58 .action-search-software_infos #all_radio_button {
64 59 margin:5px 4px 15px 15px;
... ... @@ -87,15 +82,23 @@
87 82 border-radius: 50%;
88 83 }
89 84  
90   -/******/
  85 +.action-search-sisp .radio-buttons {
  86 + display: none;
  87 +}
91 88  
92   -.action-search-software_infos #content .search-form .search-field .formfield {
  89 +/* End of radio buttons */
  90 +
  91 +/* Form field */
  92 +
  93 +.action-search-software_infos #content .search-form .search-field .formfield,
  94 +.action-search-sisp #content .search-form .search-field .formfield {
93 95 width: 100%;
94 96 margin: 0;
95 97 padding: 0;
96 98 }
97 99  
98   -.action-search-software_infos #content .search-form .search-field #search-input {
  100 +.action-search-software_infos #content .search-form .search-field #search-input,
  101 +.action-search-sisp #content .search-form .search-field #search-input {
99 102 width: 95%;
100 103 margin: 13px 0px 4px 13px;
101 104 padding: 7px;
... ... @@ -106,7 +109,8 @@
106 109 }
107 110  
108 111  
109   -.action-search-software_infos #content .search-form .search-field input.button{
  112 +.action-search-software_infos #content .search-form .search-field input.button,
  113 +.action-search-sisp #content .search-form .search-field input.button {
110 114 padding: 0px;
111 115 background-color: #3E67B1;
112 116 color: #FFF;
... ... @@ -115,7 +119,8 @@
115 119 border-radius: 4px;
116 120 }
117 121  
118   -.action-search-software_infos #content .search-form .search-field input.button.submit {
  122 +.action-search-software_infos #content .search-form .search-field input.button.submit,
  123 +.action-search-sisp #content .search-form .search-field input.button.submit {
119 124 width: auto;
120 125 height: 30px;
121 126 max-height: 30px;
... ... @@ -130,13 +135,15 @@
130 135 font-size: 14px;
131 136 }
132 137  
  138 +/* end of form field */
  139 +
133 140 /* Filter options */
134 141  
135   -.action-search-software_infos #filter-catalog-software {
  142 +.controller-search #filter-catalog-software {
136 143 background-color: #D3D6DE;
137 144 }
138 145  
139   -.action-search-software_infos #filter-option-catalog-software {
  146 +.controller-search #filter-option-catalog-software {
140 147 cursor: pointer;
141 148 padding: 14px;
142 149 background-color: #D3D6DE;
... ... @@ -148,15 +155,16 @@
148 155 text-transform: uppercase;
149 156 }
150 157  
151   -.action-search-software_infos #filter-option-catalog-close {
  158 +.controller-search #filter-option-catalog-close {
152 159 padding: 7px 7px 17px 10px;
153 160 display: none;
154 161 }
155   -.action-search-software_infos #filter-option-catalog-software:hover {
  162 +
  163 +.controller-search #filter-option-catalog-software:hover {
156 164 background-color: #c7c7c7;
157 165 }
158 166  
159   -.action-search-software_infos #filter-option-catalog-software:after {
  167 +.controller-search #filter-option-catalog-software:after {
160 168 content: "";
161 169 margin-left: 5px;
162 170 padding: 3px 10.5px;
... ... @@ -165,7 +173,7 @@
165 173 border-radius: 4px;
166 174 }
167 175  
168   -.action-search-software_infos #filter-catalog-software #filter-categories-option {
  176 +.controller-search #filter-catalog-software #filter-categories-option {
169 177 border: none;
170 178 height: 0;
171 179 max-height: 620px;
... ... @@ -174,18 +182,18 @@
174 182 padding: 0 15px;
175 183 }
176 184  
177   -.action-search-software_infos #filter-catalog-software #filter-categories-catalog h4 {
  185 +.controller-search #filter-catalog-software #filter-categories-catalog h4 {
178 186 margin: 20px 0 10px 5px;
179 187 background: transparent;
180 188 color: black;
181 189 }
182 190  
183   -.action-search-software_infos #filter-catalog-software input[type="checkbox"]{
  191 +.controller-search #filter-catalog-software input[type="checkbox"]{
184 192 vertical-align: middle;
185 193 margin: 0 3px 2px 8px;
186 194 }
187 195  
188   -.action-search-software_infos #group-categories ul {
  196 +.controller-search #filter-catalog-software #group-categories ul {
189 197 font-family: Arial;
190 198 font-size: 14px;
191 199 line-height: 31px;
... ... @@ -194,12 +202,12 @@
194 202 -moz-columns: 2;
195 203 }
196 204  
197   -.action-search-software_infos #group-categories li span {
  205 +.controller-search #filter-catalog-software #group-categories li span {
198 206 font-family: Arial;
199 207 font-size: 14px;
200 208 }
201 209  
202   -.action-search-software_infos #filter-catalog-software .project-software{
  210 +.controller-search #filter-catalog-software .project-software{
203 211 margin: 20px 0 30px;
204 212 border-top: 1px dotted;
205 213 border-bottom: 1px dotted;
... ... @@ -209,11 +217,11 @@
209 217 padding: 10px;
210 218 }
211 219  
212   -.action-search-software_infos #filter-catalog-software .project-software label {
  220 +.controller-search #filter-catalog-software .project-software label {
213 221 font-weight: normal;
214 222 }
215 223  
216   -.action-search-software_infos #filter-catalog-software .project-software span {
  224 +.controller-search #filter-catalog-software .project-software span {
217 225 padding: 2px 6px;
218 226 background: #FFF;
219 227 color: #3E67B1;
... ... @@ -221,7 +229,7 @@
221 229 font-size: 16px;
222 230 }
223 231  
224   -.action-search-software_infos button#cleanup-filter-catalg {
  232 +.controller-search button#cleanup-filter-catalg {
225 233 cursor: pointer;
226 234 background-color: #3E67B1;
227 235 font-size: 14px;
... ... @@ -233,7 +241,7 @@
233 241 padding: 5px 10px;
234 242 }
235 243  
236   -.action-search-software_infos button#close-filter-catalog {
  244 +.controller-search button#close-filter-catalog {
237 245 cursor:pointer;
238 246 float: right;
239 247 border: none;
... ... @@ -245,7 +253,7 @@
245 253 padding: 5px;
246 254 }
247 255  
248   -.action-search-software_infos button#close-filter-catalog:after {
  256 +.controller-search button#close-filter-catalog:after {
249 257 content: "";
250 258 margin-left: 5px;
251 259 padding: 2.5px 10.5px;
... ... @@ -258,25 +266,26 @@
258 266  
259 267 /*** Catalog Options ***/
260 268  
261   -.action-search-software_infos #catalog-display-options {
  269 +.controller-search #catalog-display-options {
262 270 font-size: 14px;
263 271 font-family: Arial;
264 272 }
265 273  
266   -.action-search-software_infos #catalog-display-options #catalog-display-options-count{
  274 +.controller-search #catalog-display-options #catalog-display-options-count{
267 275 padding: 45px 0 4px 0;
268 276 float: left;
269 277 width: 50%;
270 278 }
271 279  
272   -.action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
  280 +.controller-search #catalog-display-options #catalog-display-options-show-and-sort{
273 281 padding: 38px 0 5px 0;
274 282 font-weight: bold;
275 283 float: left;
276 284 width: 50%;
277 285 }
278   -.action-search-software_infos #catalog-display-options #catalog-display-options-sort,
279   -.action-search-software_infos #catalog-display-options #catalog-display-options-show{
  286 +
  287 +.controller-search #catalog-display-options #catalog-display-options-sort,
  288 +.controller-search #catalog-display-options #catalog-display-options-show{
280 289 position: relative;
281 290 float: left;
282 291 width: 50%;
... ... @@ -284,18 +293,19 @@
284 293 }
285 294  
286 295 /*** Search Results ***/
287   -.action-search-software_infos #search-results {
  296 +
  297 +.controller-search #software-search-container #search-results {
288 298 border-top: 1px solid #d7d7d7;
289 299 margin-top: 66px;
290 300 }
291 301  
292   -.action-search-software_infos #search-results.only-one-result-box .search-software-item {
  302 +.controller-search #software-search-container #search-results.only-one-result-box .search-software-item {
293 303 padding: 29px 0 31px 0;
294 304 background: #ffffff;
295 305 border-bottom: 1px solid #d7d7d7;
296 306 }
297 307  
298   -.action-search-software_infos #search-results #search-results-empty{
  308 +.controller-search #software-search-container #search-results #search-results-empty{
299 309 padding: 30px 0 15px 0;
300 310 color: #172738;
301 311 font-size: 16px;
... ... @@ -303,55 +313,55 @@
303 313 }
304 314  
305 315  
306   -.action-search-software_infos #search-results .search-results-innerbox {
  316 +.controller-search #software-search-container #search-results .search-results-innerbox {
307 317 background: #ffffff;
308 318 border: none;
309 319 }
310 320  
311 321 /* Column left */
312 322  
313   -.action-search-software_infos #search-results .search-software-item-column-left {
  323 +.controller-search #software-search-container #search-results .search-software-item-column-left {
314 324 width: 140px;
315 325 height: 140px;
316 326 float: left;
317 327 border-right: 1px dotted #ccc;
318 328 }
319 329  
320   -.action-search-software_infos #search-results .search-software-item-column-left .vcard {
  330 +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard {
321 331 display: table;
322 332 margin: 0;
323 333 border: none;
324 334 }
325 335  
326   -.action-search-software_infos #search-results .search-software-item-column-left .vcard:hover {
  336 +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard:hover {
327 337 border: none;
328 338 background: none;
329 339 }
330 340  
331   -.action-search-software_infos #search-results .search-software-item-column-left .vcard a:hover{
  341 +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard a:hover{
332 342 color: #3E67B1;
333 343 }
334 344  
335   -.action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{
  345 +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard a.profile_link{
336 346 float:left;
337 347 }
338 348  
339   -.action-search-software_infos #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger {
  349 +.controller-search #software-search-container #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger {
340 350 display:none;
341 351 }
342 352  
343   -.action-search-software_infos #search-results .search-software-item-column-left .profile-image{
  353 +.controller-search #software-search-container #search-results .search-software-item-column-left .profile-image{
344 354 width: 130px;
345 355 height: 130px;
346 356 margin-left: 130px;
347 357 margin-top: 35px;
348 358 }
349 359  
350   -.action-search-software_infos #search-results .search-software-item-column-left .org {
  360 +.controller-search #software-search-container #search-results .search-software-item-column-left .org {
351 361 display: none;
352 362 }
353 363  
354   -.action-search-software_infos #search-results .search-software-item-column-left .extra_info {
  364 +.controller-search #software-search-container #search-results .search-software-item-column-left .extra_info {
355 365 width: 140px;
356 366 padding-right: 20px;
357 367 top: 0px;
... ... @@ -363,29 +373,29 @@
363 373 opacity: inherit;
364 374 }
365 375  
366   -.action-search-software_infos #search-results .search-software-item-column-left .software-date {
  376 +.controller-search #software-search-container #search-results .search-software-item-column-left .software-date {
367 377 margin-top: 20px;
368 378 width: 130px;
369 379 }
370 380  
371   -.action-search-software_infos #search-results .search-software-item-column-left .software-date::before{
  381 +.controller-search #software-search-container #search-results .search-software-item-column-left .software-date::before{
372 382 content: url("../images/ic-calendar.png");
373 383 margin: 0px 7px 20px 0;
374 384 float: left;
375 385 }
376 386  
377   -.action-search-software_infos #search-results .search-software-item-column-left .star-container.catalog_rating_block {
  387 +.controller-search #software-search-container #search-results .search-software-item-column-left .star-container.catalog_rating_block {
378 388 width: 140px;
379   - margin-left: 0px;
  389 + margin: 0px 0px 10px 0px;
380 390 }
381 391  
382   -.action-search-software_infos #search-results .search-software-item-column-left .software-date-value {
  392 +.controller-search #software-search-container #search-results .search-software-item-column-left .software-date-value {
383 393 margin-left: 23px;
384 394 }
385 395  
386 396 /* Column Right */
387 397  
388   -.action-search-software_infos #search-results .search-software-item-column-right {
  398 +.controller-search #software-search-container #search-results .search-software-item-column-right {
389 399 width: 65%;
390 400 float: left;
391 401 margin-left: 20px;
... ... @@ -394,47 +404,47 @@
394 404 font-family: Arial;
395 405 }
396 406  
397   -.action-search-software_infos #search-results .search-software-item-column-right .search-software-profile-img {
  407 +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-profile-img {
398 408 position: relative;
399 409 float: left;
400 410 width: 20%;
401 411 margin-top: 8px;
402 412 }
403 413  
404   -.action-search-software_infos #search-results .search-software-item-column-right .search-software-profile-img img {
  414 +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-profile-img img {
405 415 max-width: 90px;
406 416 max-height: 130px;
407 417 height: auto;
408 418 }
409 419  
410   -.action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block {
  420 +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-content-block {
411 421 position: relative;
412 422 float: left;
413 423 width: 79%;
414 424 margin-top: 8px;
415 425 }
416 426  
417   -.action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block h4{
  427 +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-content-block h4{
418 428 margin-top: 0;
419 429 }
420 430  
421   -.action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block h4 a {
  431 +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-content-block h4 a {
422 432 color: #172738;
423 433 font-size: 19px;
424 434 }
425 435  
426   -.action-search-software_infos #search-results .search-software-item-column-right .search-software-categories span {
  436 +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-categories span {
427 437 width: auto;
428 438 float: left;
429 439 font-weight: normal;
430 440 font-size: 13px;
431 441 }
432 442  
433   -.action-search-software_infos #search-results .search-software-item-column-right .search-software-categories {
  443 +.controller-search #software-search-container #search-results .search-software-item-column-right .search-software-categories {
434 444 margin-top: 30px;
435 445 }
436 446  
437   -.action-search-software_infos #search-results .search-software-content-block #categories-list li {
  447 +.controller-search #software-search-container #search-results .search-software-content-block #categories-list li {
438 448 width: auto !important; /* force overwritting from base */
439 449 margin-left: 7px !important; /* force overwritting from base */
440 450 float: left;
... ... @@ -444,15 +454,15 @@
444 454 text-decoration: underline;
445 455 }
446 456  
447   -.action-search-software_infos #search-results .search-software-content-block #categories-list li a {
  457 +.controller-search #software-search-container #search-results .search-software-content-block #categories-list li a {
448 458 color: #3E67B1;
449 459 }
450 460  
451   -.action-search-software_infos #search-results #individually-category br {
  461 +.controller-search #software-search-container #search-results #individually-category br {
452 462 display: none;
453 463 }
454 464  
455   -.action-search-software_infos #search-results #individually-category a {
  465 +.controller-search #software-search-container #search-results #individually-category a {
456 466 margin-right: 10px;
457 467 float: left;
458 468 color: #3E67B1;
... ... @@ -460,464 +470,4 @@
460 470 text-decoration: underline;
461 471 }
462 472  
463   -
464   -.action-search-sisp #content {
465   - margin-top: 10px;
466   - padding: 0px;
467   -}
468   -
469   -.action-search-sisp .main-content {
470   - border: none;
471   - box-shadow: none;
472   -}
473   -
474   -.action-search-sisp #content .main-content h2{
475   - color: #FF0366;
476   - font-size: 16px;
477   - font-family: "open_sansregular",Arial, Helvetica,sans-serif;
478   - font-weight: 300;
479   - text-transform: uppercase;
480   -}
481   -
482   -.action-search-sisp #content .main-content h1{
483   - padding: 5px 0 10px 0;
484   - border-bottom: 1px solid #D3D6DE;
485   - font-family: Arial, Helvetica, sans-serif;
486   - font-size: 35px;
487   - font-variant: normal;
488   -}
489   -
490 473 /*** end of title and subtitle ***/
491   -
492   -/*** Search Box ***/
493   -.action-search-sisp .search-form {
494   - margin-top:28px;
495   - padding: 0;
496   - background: #ecedf1;
497   - border-radius: 4px;
498   - border: 1px solid #D3D6DE;
499   - background-image:url("catalogo.png");
500   -}
501   -
502   -.action-search-sisp #software-search-container .search-form h3{
503   - margin: 0px 0px 3px 0px;
504   - padding: 16px 0 20px 14px;
505   - color: #2C4B6B;
506   - font-family:"open_sansregular", Arial, Helvetica, sans-serif;
507   - color: #2B51A8;
508   - font-weight: bold;
509   - font-size: 15px;
510   - text-transform: uppercase;
511   -}
512   -
513   -/*.action-search-sisp #content .search-form .project-software {
514   - margin: 0 0 0 15px;
515   -}
516   -
517   - It's TEMPORARY
518   -.action-search-sisp #content .search-form .doubts-catalog-software {
519   - display: none;
520   -}*/
521   -
522   -/**Radio Buttons***/
523   -.action-search-sisp .radio-buttons {
524   - display: none;
525   -}
526   -
527   -.action-search-sisp #public_software_radio_button,
528   -.action-search-sisp #all_radio_button {
529   - margin:5px 4px 15px 15px;
530   - line-height: 20px;
531   - position:absolute;
532   -}
533   -
534   -.action-search-sisp .search-form label,
535   -.action-search-sisp .search-form label{
536   - margin:0px 3px 4px 32px;
537   - line-height: 22px;
538   - font-size: 15px;
539   - font-family: Arial;
540   -}
541   -
542   -.action-search-sisp #software-search-container .search-form .doubts-catalog-software{
543   - padding-top: 2px;
544   - background-color: #3867b7;
545   - color: #ffffff;
546   - font-weight: bold;
547   - cursor: pointer;
548   - height: 15px;
549   - font-family: arial;
550   - width: 17px;
551   - display: inline-block;
552   - text-align: center;
553   - border-radius: 50%;
554   -}
555   -
556   -/******/
557   -
558   -.action-search-sisp #content .search-form .search-field .formfield {
559   - width: 100%;
560   - margin: 0;
561   - padding: 0;
562   -}
563   -
564   -.action-search-sisp #content .search-form .search-field #search-input {
565   - width: 95%;
566   - margin: 13px 0px 4px 13px;
567   - padding: 7px;
568   - background: #FFF;
569   - border-radius: 4px;
570   - border: 1px solid #D3D6DE;
571   - font-size: 14px;
572   -}
573   -
574   -
575   -.action-search-sisp #content .search-form .search-field input.button{
576   - padding: 0px;
577   - background-color: #3E67B1;
578   - color: #FFF;
579   - border: 1px solid #3E67B1;
580   - font-family: "open_sansbold",Arial,sans-serif;
581   - border-radius: 4px;
582   -}
583   -
584   -.action-search-sisp #content .search-form .search-field input.button.submit {
585   - width: auto;
586   - height: 30px;
587   - max-height: 30px;
588   - margin: 14px;
589   - padding: 0 14px 0 14px;
590   - background: #3E67B1;
591   - line-height: 14px;
592   - border-radius: 4px;
593   - color: #ffffff;
594   - text-transform: uppercase;
595   - font-family: "open_sansbold",Arial,sans-serif;
596   - font-size: 14px;
597   -}
598   -
599   -/* Filter options */
600   -
601   -.action-search-sisp #filter-catalog-software {
602   - background-color: #D3D6DE;
603   -}
604   -
605   -.action-search-sisp #filter-option-catalog-software {
606   - cursor: pointer;
607   - padding: 14px;
608   - background-color: #D3D6DE;
609   - border: none;
610   - border-bottom-left-radius: 4px;
611   - border-bottom-right-radius: 4px;
612   - font-size: 11px;
613   - text-align: right;
614   - text-transform: uppercase;
615   -}
616   -
617   -.action-search-sisp #filter-option-catalog-close {
618   - padding: 7px 7px 17px 10px;
619   - display: none;
620   -}
621   -.action-search-sisp #filter-option-catalog-software:hover {
622   - background-color: #c7c7c7;
623   -}
624   -
625   -.action-search-sisp #filter-option-catalog-software:after {
626   - content: "";
627   - margin-left: 5px;
628   - padding: 3px 10.5px;
629   - background: url("../images/bottom-arrow.png") no-repeat center;
630   - background-color: #3E67B1;
631   - border-radius: 4px;
632   -}
633   -
634   -.action-search-sisp #filter-catalog-software #filter-categories-option {
635   - border: none;
636   - height: 0;
637   - max-height: auto;
638   - position: relative;
639   - overflow: auto;
640   - padding: 0 15px;
641   -}
642   -
643   -.action-search-sisp #filter-catalog-software #filter-categories-catalog h4 {
644   - margin: 20px 0 10px 5px;
645   - background: transparent;
646   - color: black;
647   -}
648   -
649   -.action-search-sisp #filter-catalog-software input[type="checkbox"]{
650   - vertical-align: middle;
651   - margin: 0 3px 2px 8px;
652   -}
653   -
654   -.action-search-sisp #group-categories ul {
655   - font-family: Arial;
656   - font-size: 14px;
657   - line-height: 31px;
658   - columns: 2;
659   - -webkit-columns: 2;
660   - -moz-columns: 2;
661   -}
662   -
663   -.action-search-sisp #group-categories li span {
664   - font-family: Arial;
665   - font-size: 14px;
666   -}
667   -
668   -.action-search-sisp #filter-catalog-software .project-software{
669   - margin: 20px 0 30px;
670   - border-top: 1px dotted;
671   - border-bottom: 1px dotted;
672   - font-weight: bold;
673   - font-size: 15px;
674   - font-family: Arial;
675   - padding: 10px;
676   -}
677   -
678   -.action-search-sisp #filter-catalog-software .project-software label {
679   - font-weight: normal;
680   -}
681   -
682   -.action-search-sisp #filter-catalog-software .project-software span {
683   - padding: 2px 6px;
684   - background: #FFF;
685   - color: #3E67B1;
686   - border-radius: 50%;
687   - font-size: 16px;
688   -}
689   -
690   -.action-search-sisp button#cleanup-filter-catalg {
691   - cursor: pointer;
692   - background-color: #3E67B1;
693   - font-size: 14px;
694   - font-family: Arial;
695   - color: #ffffff;
696   - border: 1px solid #2B65CD;
697   - border-radius: 4px;
698   - margin: 5px 0 0 5px;
699   - padding: 5px 10px;
700   -}
701   -
702   -.action-search-sisp button#close-filter-catalog {
703   - cursor:pointer;
704   - float: right;
705   - border: none;
706   - background: none;
707   - font-size: 12px;
708   - margin-top: 5px;
709   - color: #000;
710   - text-transform: uppercase;
711   - padding: 5px;
712   -}
713   -
714   -.action-search-sisp button#close-filter-catalog:after {
715   - content: "";
716   - margin-left: 5px;
717   - padding: 2.5px 10.5px;
718   - background: url("../images/top-arrow.png") no-repeat center;
719   - background-color: #3E67B1;
720   - border-radius: 4px;
721   -}
722   -
723   -/*** end of search box ***/
724   -
725   -/*** Catalog Options ***/
726   -
727   -.action-search-sisp #catalog-display-options {
728   - font-size: 14px;
729   - font-family: Arial;
730   -}
731   -
732   -.action-search-sisp #catalog-display-options #catalog-display-options-count{
733   - padding: 45px 0 4px 0;
734   - float: left;
735   - width: 50%;
736   -}
737   -
738   -.action-search-sisp #catalog-display-options #catalog-display-options-show-and-sort{
739   - padding: 38px 0 5px 0;
740   - font-weight: bold;
741   - float: left;
742   - width: 50%;
743   -}
744   -.action-search-sisp #catalog-display-options #catalog-display-options-sort,
745   -.action-search-sisp #catalog-display-options #catalog-display-options-show{
746   - position: relative;
747   - float: left;
748   - width: 50%;
749   - text-align: right;
750   -}
751   -
752   -/*** Search Results ***/
753   -.action-search-sisp #search-results {
754   - border-top: 1px solid #d7d7d7;
755   - margin-top: 66px;
756   -}
757   -
758   -.action-search-sisp #search-results.only-one-result-box .search-software-item {
759   - padding: 29px 0 31px 0;
760   - background: #ffffff;
761   - border-bottom: 1px solid #d7d7d7;
762   -}
763   -
764   -.action-search-sisp #search-results #search-results-empty{
765   - padding: 30px 0 15px 0;
766   - color: #172738;
767   - font-size: 16px;
768   - text-align: left;
769   -}
770   -
771   -
772   -.action-search-sisp #search-results .search-results-innerbox {
773   - background: #ffffff;
774   - border: none;
775   -}
776   -
777   -/* Column left */
778   -
779   -.action-search-sisp #search-results .search-software-item-column-left {
780   - width: 140px;
781   - height: 140px;
782   - float: left;
783   - border-right: 1px dotted #ccc;
784   -}
785   -
786   -.action-search-sisp #search-results .search-software-item-column-left .vcard {
787   - display: table;
788   - margin: 0;
789   - border: none;
790   -}
791   -
792   -.action-search-sisp #search-results .search-software-item-column-left .vcard:hover {
793   - border: none;
794   - background: none;
795   -}
796   -
797   -.action-search-sisp #search-results .search-software-item-column-left .vcard a:hover{
798   - color: #3E67B1;
799   -}
800   -
801   -.action-search-sisp #search-results .search-software-item-column-left .vcard a.profile_link{
802   - float:left;
803   -}
804   -
805   -.action-search-sisp #search-results .search-software-item-column-left .vcard:hover .menu-submenu-trigger {
806   - display:none;
807   -}
808   -
809   -.action-search-sisp #search-results .search-software-item-column-left .profile-image{
810   - width: 130px;
811   - height: 130px;
812   - margin-left: 130px;
813   - margin-top: 35px;
814   -}
815   -
816   -.action-search-sisp #search-results .search-software-item-column-left .vcard img {
817   - max-width: 90px;
818   - max-height: 130px;
819   - height: auto;
820   - margin-left:170px;
821   -}
822   -
823   -.action-search-sisp #search-results .search-software-item-column-left .org {
824   - display: none;
825   -}
826   -
827   -.action-search-sisp #search-results .search-software-item-column-left .extra_info {
828   - width: 140px;
829   - padding-right: 20px;
830   - top: 0px;
831   - position: absolute;
832   - color: #172738;
833   - font-size: 13px;
834   - font-family: Arial;
835   - text-align: left;
836   - opacity: inherit;
837   -}
838   -
839   -.action-search-sisp #search-results .search-software-item-column-left .software-date {
840   - margin-top: 20px;
841   - width: 130px;
842   -}
843   -
844   -.action-search-sisp #search-results .search-software-item-column-left .software-date::before{
845   - content: url("../images/ic-calendar.png");
846   - margin: 0px 7px 20px 0;
847   - float: left;
848   -}
849   -
850   -.action-search-sisp #search-results .search-software-item-column-left .star-container.catalog_rating_block {
851   - width: 140px;
852   - margin-left: 0px;
853   -}
854   -
855   -.action-search-sisp #search-results .search-software-item-column-left .software-date-value {
856   - margin-left: 23px;
857   -}
858   -
859   -/* Column Right */
860   -
861   -.action-search-sisp #search-results .search-software-item-column-right {
862   - width: 65%;
863   - float: left;
864   - margin-left: 140px;
865   - padding: 0 0 0 8px;
866   - font-size: 15px;
867   - font-family: Arial;
868   -}
869   -
870   -.action-search-sisp #search-results .search-software-item-column-right .search-software-content-block h4{
871   - margin-top: 0;
872   -}
873   -
874   -.action-search-sisp #search-results .search-software-item-column-right .search-software-content-block h4 a {
875   - color: #172738;
876   - font-size: 19px;
877   -}
878   -
879   -.action-search-sisp #search-results .search-software-item-column-right .search-software-content-block:last-child {
880   - margin-top: 30px;
881   -}
882   -
883   -.action-search-sisp #search-results .search-software-item-column-right span{
884   - width: 100%;
885   -}
886   -
887   -.action-search-sisp #search-results .search-software-item-column-right span b{
888   - font-weight: normal;
889   - font-size: 13px;
890   -}
891   -
892   -.action-search-sisp #search-results .search-software-item-column-right .search-software-content-block:last-child span{
893   - width: auto;
894   - float: left;
895   -}
896   -
897   -.action-search-sisp #search-results .search-software-content-block #categories-list li {
898   - width: auto !important; /* force overwritting from base */
899   - margin-left: 7px !important; /* force overwritting from base */
900   - float: left;
901   - color: #3E67B1;
902   - font-size: 13px;
903   - line-height: 18px;
904   - text-decoration: underline;
905   -}
906   -
907   -.action-search-sisp #search-results .search-software-content-block #categories-list li a {
908   - color: #3E67B1;
909   -}
910   -
911   -.action-search-sisp #search-results #individually-category br {
912   - display: none;
913   -}
914   -
915   -.action-search-sisp #search-results #individually-category a {
916   - margin-right: 10px;
917   - float: left;
918   - color: #3E67B1;
919   - font-size: 13px;
920   - text-decoration: underline;
921   -}
922   -
923   -
... ...