Commit c6ac103e5c74d50909845fb44a55c1d68e56a3f0

Authored by Melissa Wen
2 parents f0f4b848 68046e28

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
src/noosfero-spb/noosfero-spb-theme/css/software-catalog-page.css
1 /*** Title and subtitle ***/ 1 /*** Title and subtitle ***/
2 2
3 -.action-search-software_infos #content { 3 +.action-search-software_infos #content,
  4 +.action-search-sisp #content{
4 margin-top: 10px; 5 margin-top: 10px;
5 padding: 0px; 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 border: none; 11 border: none;
10 box-shadow: none; 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 color: #FF0366; 17 color: #FF0366;
15 font-size: 16px; 18 font-size: 16px;
16 font-family: "open_sansregular",Arial, Helvetica,sans-serif; 19 font-family: "open_sansregular",Arial, Helvetica,sans-serif;
@@ -18,18 +21,19 @@ @@ -18,18 +21,19 @@
18 text-transform: uppercase; 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 padding: 5px 0 10px 0; 26 padding: 5px 0 10px 0;
23 border-bottom: 1px solid #D3D6DE; 27 border-bottom: 1px solid #D3D6DE;
24 font-family: Arial, Helvetica, sans-serif; 28 font-family: Arial, Helvetica, sans-serif;
25 font-size: 35px; 29 font-size: 35px;
26 font-variant: normal; 30 font-variant: normal;
27 } 31 }
28 -  
29 /*** end of title and subtitle ***/ 32 /*** end of title and subtitle ***/
30 33
31 /*** Search Box ***/ 34 /*** Search Box ***/
32 -.action-search-software_infos .search-form { 35 +.action-search-software_infos .search-form,
  36 +.action-search-sisp .search-form {
33 margin-top:28px; 37 margin-top:28px;
34 padding: 0; 38 padding: 0;
35 background: #ecedf1; 39 background: #ecedf1;
@@ -38,7 +42,7 @@ @@ -38,7 +42,7 @@
38 background-image:url("catalogo.png"); 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 margin: 0px 0px 3px 0px; 46 margin: 0px 0px 3px 0px;
43 padding: 16px 0 20px 14px; 47 padding: 16px 0 20px 14px;
44 color: #2C4B6B; 48 color: #2C4B6B;
@@ -49,16 +53,7 @@ @@ -49,16 +53,7 @@
49 text-transform: uppercase; 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 .action-search-software_infos #public_software_radio_button, 57 .action-search-software_infos #public_software_radio_button,
63 .action-search-software_infos #all_radio_button { 58 .action-search-software_infos #all_radio_button {
64 margin:5px 4px 15px 15px; 59 margin:5px 4px 15px 15px;
@@ -87,15 +82,23 @@ @@ -87,15 +82,23 @@
87 border-radius: 50%; 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 width: 100%; 95 width: 100%;
94 margin: 0; 96 margin: 0;
95 padding: 0; 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 width: 95%; 102 width: 95%;
100 margin: 13px 0px 4px 13px; 103 margin: 13px 0px 4px 13px;
101 padding: 7px; 104 padding: 7px;
@@ -106,7 +109,8 @@ @@ -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 padding: 0px; 114 padding: 0px;
111 background-color: #3E67B1; 115 background-color: #3E67B1;
112 color: #FFF; 116 color: #FFF;
@@ -115,7 +119,8 @@ @@ -115,7 +119,8 @@
115 border-radius: 4px; 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 width: auto; 124 width: auto;
120 height: 30px; 125 height: 30px;
121 max-height: 30px; 126 max-height: 30px;
@@ -130,13 +135,15 @@ @@ -130,13 +135,15 @@
130 font-size: 14px; 135 font-size: 14px;
131 } 136 }
132 137
  138 +/* end of form field */
  139 +
133 /* Filter options */ 140 /* Filter options */
134 141
135 -.action-search-software_infos #filter-catalog-software { 142 +.controller-search #filter-catalog-software {
136 background-color: #D3D6DE; 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 cursor: pointer; 147 cursor: pointer;
141 padding: 14px; 148 padding: 14px;
142 background-color: #D3D6DE; 149 background-color: #D3D6DE;
@@ -148,15 +155,16 @@ @@ -148,15 +155,16 @@
148 text-transform: uppercase; 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 padding: 7px 7px 17px 10px; 159 padding: 7px 7px 17px 10px;
153 display: none; 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 background-color: #c7c7c7; 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 content: ""; 168 content: "";
161 margin-left: 5px; 169 margin-left: 5px;
162 padding: 3px 10.5px; 170 padding: 3px 10.5px;
@@ -165,7 +173,7 @@ @@ -165,7 +173,7 @@
165 border-radius: 4px; 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 border: none; 177 border: none;
170 height: 0; 178 height: 0;
171 max-height: 620px; 179 max-height: 620px;
@@ -174,18 +182,18 @@ @@ -174,18 +182,18 @@
174 padding: 0 15px; 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 margin: 20px 0 10px 5px; 186 margin: 20px 0 10px 5px;
179 background: transparent; 187 background: transparent;
180 color: black; 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 vertical-align: middle; 192 vertical-align: middle;
185 margin: 0 3px 2px 8px; 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 font-family: Arial; 197 font-family: Arial;
190 font-size: 14px; 198 font-size: 14px;
191 line-height: 31px; 199 line-height: 31px;
@@ -194,12 +202,12 @@ @@ -194,12 +202,12 @@
194 -moz-columns: 2; 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 font-family: Arial; 206 font-family: Arial;
199 font-size: 14px; 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 margin: 20px 0 30px; 211 margin: 20px 0 30px;
204 border-top: 1px dotted; 212 border-top: 1px dotted;
205 border-bottom: 1px dotted; 213 border-bottom: 1px dotted;
@@ -209,11 +217,11 @@ @@ -209,11 +217,11 @@
209 padding: 10px; 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 font-weight: normal; 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 padding: 2px 6px; 225 padding: 2px 6px;
218 background: #FFF; 226 background: #FFF;
219 color: #3E67B1; 227 color: #3E67B1;
@@ -221,7 +229,7 @@ @@ -221,7 +229,7 @@
221 font-size: 16px; 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 cursor: pointer; 233 cursor: pointer;
226 background-color: #3E67B1; 234 background-color: #3E67B1;
227 font-size: 14px; 235 font-size: 14px;
@@ -233,7 +241,7 @@ @@ -233,7 +241,7 @@
233 padding: 5px 10px; 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 cursor:pointer; 245 cursor:pointer;
238 float: right; 246 float: right;
239 border: none; 247 border: none;
@@ -245,7 +253,7 @@ @@ -245,7 +253,7 @@
245 padding: 5px; 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 content: ""; 257 content: "";
250 margin-left: 5px; 258 margin-left: 5px;
251 padding: 2.5px 10.5px; 259 padding: 2.5px 10.5px;
@@ -258,25 +266,26 @@ @@ -258,25 +266,26 @@
258 266
259 /*** Catalog Options ***/ 267 /*** Catalog Options ***/
260 268
261 -.action-search-software_infos #catalog-display-options { 269 +.controller-search #catalog-display-options {
262 font-size: 14px; 270 font-size: 14px;
263 font-family: Arial; 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 padding: 45px 0 4px 0; 275 padding: 45px 0 4px 0;
268 float: left; 276 float: left;
269 width: 50%; 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 padding: 38px 0 5px 0; 281 padding: 38px 0 5px 0;
274 font-weight: bold; 282 font-weight: bold;
275 float: left; 283 float: left;
276 width: 50%; 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 position: relative; 289 position: relative;
281 float: left; 290 float: left;
282 width: 50%; 291 width: 50%;
@@ -284,18 +293,19 @@ @@ -284,18 +293,19 @@
284 } 293 }
285 294
286 /*** Search Results ***/ 295 /*** Search Results ***/
287 -.action-search-software_infos #search-results { 296 +
  297 +.controller-search #software-search-container #search-results {
288 border-top: 1px solid #d7d7d7; 298 border-top: 1px solid #d7d7d7;
289 margin-top: 66px; 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 padding: 29px 0 31px 0; 303 padding: 29px 0 31px 0;
294 background: #ffffff; 304 background: #ffffff;
295 border-bottom: 1px solid #d7d7d7; 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 padding: 30px 0 15px 0; 309 padding: 30px 0 15px 0;
300 color: #172738; 310 color: #172738;
301 font-size: 16px; 311 font-size: 16px;
@@ -303,55 +313,55 @@ @@ -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 background: #ffffff; 317 background: #ffffff;
308 border: none; 318 border: none;
309 } 319 }
310 320
311 /* Column left */ 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 width: 140px; 324 width: 140px;
315 height: 140px; 325 height: 140px;
316 float: left; 326 float: left;
317 border-right: 1px dotted #ccc; 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 display: table; 331 display: table;
322 margin: 0; 332 margin: 0;
323 border: none; 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 border: none; 337 border: none;
328 background: none; 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 color: #3E67B1; 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 float:left; 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 display:none; 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 width: 130px; 354 width: 130px;
345 height: 130px; 355 height: 130px;
346 margin-left: 130px; 356 margin-left: 130px;
347 margin-top: 35px; 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 display: none; 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 width: 140px; 365 width: 140px;
356 padding-right: 20px; 366 padding-right: 20px;
357 top: 0px; 367 top: 0px;
@@ -363,29 +373,29 @@ @@ -363,29 +373,29 @@
363 opacity: inherit; 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 margin-top: 20px; 377 margin-top: 20px;
368 width: 130px; 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 content: url("../images/ic-calendar.png"); 382 content: url("../images/ic-calendar.png");
373 margin: 0px 7px 20px 0; 383 margin: 0px 7px 20px 0;
374 float: left; 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 width: 140px; 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 margin-left: 23px; 393 margin-left: 23px;
384 } 394 }
385 395
386 /* Column Right */ 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 width: 65%; 399 width: 65%;
390 float: left; 400 float: left;
391 margin-left: 20px; 401 margin-left: 20px;
@@ -394,47 +404,47 @@ @@ -394,47 +404,47 @@
394 font-family: Arial; 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 position: relative; 408 position: relative;
399 float: left; 409 float: left;
400 width: 20%; 410 width: 20%;
401 margin-top: 8px; 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 max-width: 90px; 415 max-width: 90px;
406 max-height: 130px; 416 max-height: 130px;
407 height: auto; 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 position: relative; 421 position: relative;
412 float: left; 422 float: left;
413 width: 79%; 423 width: 79%;
414 margin-top: 8px; 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 margin-top: 0; 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 color: #172738; 432 color: #172738;
423 font-size: 19px; 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 width: auto; 437 width: auto;
428 float: left; 438 float: left;
429 font-weight: normal; 439 font-weight: normal;
430 font-size: 13px; 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 margin-top: 30px; 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 width: auto !important; /* force overwritting from base */ 448 width: auto !important; /* force overwritting from base */
439 margin-left: 7px !important; /* force overwritting from base */ 449 margin-left: 7px !important; /* force overwritting from base */
440 float: left; 450 float: left;
@@ -444,15 +454,15 @@ @@ -444,15 +454,15 @@
444 text-decoration: underline; 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 color: #3E67B1; 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 display: none; 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 margin-right: 10px; 466 margin-right: 10px;
457 float: left; 467 float: left;
458 color: #3E67B1; 468 color: #3E67B1;
@@ -460,464 +470,4 @@ @@ -460,464 +470,4 @@
460 text-decoration: underline; 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 /*** end of title and subtitle ***/ 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 -