Download as
Browse Code »

Commit 28a52b5ab0fd73b304abdc1480baff7ac948d908

Authored by Melissa Wen
1 parent 978971dc
Exists in master and in 54 other branches add_you_are_here_breadcrumbs_label, api_for_colab, backup_not_prod, create_institution_bootstrap_modal, design_validation, dev_env_minimal, disable_email_dev, fix_edit_software_permission, fix_edit_software_with_another_license, fix_hover_button_whitening, fix_members_pagination, fix_models_translations, fix_software_api, fix_software_block_migration, fix_validations_and_tests, focus_search_field_theme, gov-user-refactoring, gov-user-refactoring-rails4, header_fix, institution_modal_on_rating, kalibro-conf-refactoring, kalibro-processor-package, lxc, margin_fix, mezuro_cookbook, organization_rating_style_changes, prezento, refactor_software_communities, refactor_software_for_sisp, register_page, release-process, release-process-v2, remove-unused-images, remove_secondary_email_from_user, removing_super_archives_email, review_message, scope2method, signals_community_noosfero, sisp_colab_config, sisp_dev, sisp_dev_master, sisp_improvements, sisp_simple_version, software_as_organization, software_catalog_style_fix, software_catalog_style_fixes, spb_minimal_env, spec_refactor, stable-4.x, temp_soft_comm_refactoring, thread_dropdown, thread_page, update_software_api, update_softwares_boxes

Insert cursor pointer in catalog buttons

Showing 2 changed files with 70 additions and 67 deletions   Show diff stats
css/home-page.css
  Diff comments   View file @28a52b5
... ... @@ -18,7 +18,7 @@
18 18  
19 19 /* Read More pattern */
20 20  
21   -.action-home-index #content .box .block-outer .read-more {
  21 +.action-home-index #content .box .block-outer .read-more{
22 22 border-bottom: none;
23 23 background: #eee;
24 24 font: normal normal normal 10px 'open_sansregular', arial, helvetica, sans-serif;
... ... @@ -26,18 +26,18 @@
26 26 text-align: right;
27 27 }
28 28  
29   -.action-home-index #content .box .block-outer .read-more a {
  29 +.action-home-index #content .box .block-outer .read-more a{
30 30 padding: 8px;
31 31 line-height: 20px;
32 32 color: #000000;
33 33 display: block;
34 34 }
35 35  
36   -.action-home-index #content .box .block-outer .read-more a:hover {
  36 +.action-home-index #content .box .block-outer .read-more a:hover{
37 37 background: #dedede;
38 38 }
39 39  
40   -.action-home-index #content .box .block-outer .read-more a::after {
  40 +.action-home-index #content .box .block-outer .read-more a::after{
41 41 margin-left: 7px;
42 42 border-radius: 4px;
43 43 padding: 0px 5px 0px 8px;
... ... @@ -55,13 +55,13 @@
55 55  
56 56 /*** Software catalog search block **/
57 57  
58   -.action-home-index #content #catalogo-software-search {
  58 +.action-home-index #content #catalogo-software-search{
59 59 width: 100%;
60 60 background-color: #1A397D;
61 61 border-radius: 4px;
62 62 }
63 63  
64   -.action-home-index #content #catalogo-software-search h1 {
  64 +.action-home-index #content #catalogo-software-search h1{
65 65 margin: 0px 15px 10px 15px;
66 66 border-bottom: none;
67 67 padding: 10px 0px 0px 0px;
... ... @@ -71,7 +71,7 @@
71 71 text-align: left;
72 72 }
73 73  
74   -.action-home-index #content #catalogo-software-search #search-Gadget {
  74 +.action-home-index #content #catalogo-software-search #search-Gadget{
75 75 margin: 0px 15px 9px 15px;
76 76 border: none;
77 77 border-radius: 4px;
... ... @@ -79,7 +79,8 @@
79 79 width: 90%;
80 80 }
81 81  
82   -.action-home-index #content #catalogo-software-search .searchButton-catalog {
  82 +.action-home-index #content #catalogo-software-search .searchButton-catalog{
  83 + cursor: pointer;
83 84 margin: 0px 0px 15px 15px;
84 85 padding: 6px 25px;
85 86 border: 1px solid #FFFFFF;
... ... @@ -91,7 +92,7 @@
91 92 text-transform: uppercase;
92 93 }
93 94  
94   -.action-home-index #content #catalogo-software-search #search-catalog-footer {
  95 +.action-home-index #content #catalogo-software-search #search-catalog-footer{
95 96 border-top: 1px solid;
96 97 border-bottom-left-radius: 4px;
97 98 border-bottom-right-radius: 4px;
... ... @@ -99,24 +100,24 @@
99 100 color: #FFFFFF;
100 101 }
101 102  
102   -.action-home-index #content #catalogo-software-search #search-catalog-footer p {
  103 +.action-home-index #content #catalogo-software-search #search-catalog-footer p{
103 104 margin: 0px;
104 105 font-size: 11px;
105 106 text-align: right;
106 107 text-transform: uppercase;
107 108 }
108 109  
109   -.action-home-index #content #catalogo-software-search #search-catalog-footer a {
  110 +.action-home-index #content #catalogo-software-search #search-catalog-footer a{
110 111 padding: 7px 0px 12px 0px;
111 112 color: #FFF;
112 113 display: block;
113 114 }
114 115  
115   -.action-home-index #content #catalogo-software-search #search-catalog-footer a:hover {
  116 +.action-home-index #content #catalogo-software-search #search-catalog-footer a:hover{
116 117 background-color: #101A38;
117 118 }
118 119  
119   -.action-home-index #content #catalogo-software-search #bt_catalog-search::after {
  120 +.action-home-index #content #catalogo-software-search #bt_catalog-search::after{
120 121 margin: 0px 15px 0 5px;
121 122 border-radius: 4px;
122 123 padding: 0px 4px 0 7px;
... ... @@ -131,12 +132,12 @@
131 132 }
132 133  
133 134 /*** Softwares block **/
134   -.action-home-index #content .softwares-block {
  135 +.action-home-index #content .softwares-block{
135 136 margin: 0px;
136 137 overflow: auto;
137 138 }
138 139  
139   -.action-home-index #content .softwares-block .block-title {
  140 +.action-home-index #content .softwares-block .block-title{
140 141 margin: 0px 0px 25px 0px;
141 142 border-top: 4px solid #2c66ce;
142 143 background: #eee;
... ... @@ -144,17 +145,17 @@
144 145 font-weight: 300;
145 146 }
146 147  
147   -.action-home-index #content .softwares-block .block-footer-content a {
  148 +.action-home-index #content .softwares-block .block-footer-content a{
148 149 display:none;
149 150 }
150 151  
151   -.action-home-index #content .software-block {
  152 +.action-home-index #content .software-block{
152 153 width: 145px;
153 154 height: 218px;
154 155 margin: 0px 18px 14px 0px;
155 156 }
156 157  
157   -.action-home-index #content .software-block .software-block-logo {
  158 +.action-home-index #content .software-block .software-block-logo{
158 159 border: 1px solid #ccc;
159 160 border-radius: 8px;
160 161 width: 140px;
... ... @@ -165,17 +166,17 @@
165 166 display: table-cell;
166 167 }
167 168  
168   -.action-home-index #content .software-block .software-block-logo img {
  169 +.action-home-index #content .software-block .software-block-logo img{
169 170 height: auto;
170 171 max-width: 90px;
171 172 }
172 173  
173   -.action-home-index #content .software-block .software-block-info {
  174 +.action-home-index #content .software-block .software-block-info{
174 175 height: 85px;
175 176 overflow: hidden;
176 177 }
177 178  
178   -.action-home-index #content .software-block .software-block-title {
  179 +.action-home-index #content .software-block .software-block-title{
179 180 height: 50px;
180 181 font-weight: 300;
181 182 font-size: 14px;
... ... @@ -183,22 +184,22 @@
183 184 overflow: hidden;
184 185 }
185 186  
186   -.action-home-index #content .software-block .software-block-title h3 {
  187 +.action-home-index #content .software-block .software-block-title h3{
187 188 margin: 10px 0px 10px 0px;
188 189 color: #2C66CE;
189 190 font: normal normal 300 14px 'open_sansregular', arial, helvetica, sans-serif;
190 191 }
191 192  
192   -.action-home-index #content .software-block-description {
  193 +.action-home-index #content .software-block-description{
193 194 display: none;
194 195 }
195 196  
196 197 .action-home-index #content .software-block .software-block-finality,
197   -.action-home-index #content .software-block .software-block-content {
  198 +.action-home-index #content .software-block .software-block-content{
198 199 text-align: right;
199 200 }
200 201  
201   -.action-home-index #content .software-block .software-block-finality {
  202 +.action-home-index #content .software-block .software-block-finality{
202 203 border: solid 1px #D7D7D7;
203 204 border-radius: 8px;
204 205 width:142px;
... ... @@ -208,7 +209,7 @@
208 209 text-transform: uppercase;
209 210 }
210 211  
211   -.action-home-index #content .software-block .software-block-finality::after {
  212 +.action-home-index #content .software-block .software-block-finality::after{
212 213 margin: 0px 7px 0px 3px;
213 214 border-radius: 4px;
214 215 padding: 0 4px 0 7px;
... ... @@ -221,7 +222,7 @@
221 222 content: url('../images/right-arrow.png');
222 223 }
223 224  
224   -.action-home-index #content .software-block .software-block-finality p {
  225 +.action-home-index #content .software-block .software-block-finality p{
225 226 margin: 0px 0px 7px 0px;
226 227 border-bottom: solid 1px #D7D7D7;
227 228 padding: 12px 12px 0px 12px;
... ... @@ -235,7 +236,7 @@
235 236  
236 237 /*** News block - display content block **/
237 238  
238   -.action-home-index #content .display-content-block .block-title {
  239 +.action-home-index #content .display-content-block .block-title{
239 240 margin: 0px;
240 241 border-top: 4px solid #643C67;
241 242 background: #eee;
... ... @@ -243,22 +244,22 @@
243 244 font-weight: 300;
244 245 }
245 246  
246   -.action-home-index #content .display-content-block li {
  247 +.action-home-index #content .display-content-block li{
247 248 border-top: 1px solid #eee;
248 249 padding: 15px 0px 0px 0px;
249 250 min-height: 150px;
250 251 }
251 252  
252   -.action-home-index #content .display-content-block li:first-child {
  253 +.action-home-index #content .display-content-block li:first-child{
253 254 border-top: 0px solid #eee;
254 255 }
255 256  
256   -.action-home-index #content .display-content-block .published-at {
  257 +.action-home-index #content .display-content-block .published-at{
257 258 padding: 0px 0px 15px 0px;
258 259 color: #643C67;
259 260 }
260 261  
261   -.action-home-index #content .display-content-block .image {
  262 +.action-home-index #content .display-content-block .image{
262 263 padding-right: 25px;
263 264 padding: 0px 25px 0px 0px;
264 265 border: 0px solid #c0c1c1;
... ... @@ -266,19 +267,19 @@
266 267 display: table-cell;
267 268 }
268 269  
269   -.action-home-index #content .display-content-block .image a {
  270 +.action-home-index #content .display-content-block .image a{
270 271 border-radius: 8px;
271 272 height: 90px;
272 273 overflow: hidden;
273 274 display: block;
274 275 }
275 276  
276   -.action-home-index #content .display-content-block .image img {
  277 +.action-home-index #content .display-content-block .image img{
277 278 border: 0px solid #c0c1c1;
278 279 max-width: 150px;
279 280 }
280 281  
281   -.action-home-index #content .display-content-block .title {
  282 +.action-home-index #content .display-content-block .title{
282 283 margin: 2px 0px 4px 0px;
283 284 padding-right: 0px;
284 285 max-height: 40px;
... ... @@ -286,42 +287,42 @@
286 287 overflow: hidden;
287 288 }
288 289  
289   -.action-home-index #content .display-content-block .title a {
  290 +.action-home-index #content .display-content-block .title a{
290 291 padding: 0px;
291 292 color: #172738;
292 293 font: normal normal bold 16px/1.3em arial, helvetica, sans-serif;
293 294 }
294 295  
295   -.action-home-index #content .display-content-block .lead {
  296 +.action-home-index #content .display-content-block .lead{
296 297 max-height: 47px;
297 298 overflow: hidden;
298 299 }
299 300  
300   -.action-home-index #content .display-content-block .lead a {
  301 +.action-home-index #content .display-content-block .lead a{
301 302 color: #000000;
302 303 font: 15px/1.3em arial;
303 304 }
304 305  
305 306 .action-home-index #content .display-content-block .lead a:visited,
306 307 .action-home-index #content .lead a:visited,
307   -.action-home-index #content .lead dl.portlet a:visited {
  308 +.action-home-index #content .lead dl.portlet a:visited{
308 309 color: #172738;
309 310 }
310 311  
311   -.action-home-index #content .display-content-block .notice-info {
  312 +.action-home-index #content .display-content-block .notice-info{
312 313 display: table-cell;
313 314 vertical-align: top;
314 315 }
315 316  
316   -.action-home-index #content .display-content-block .read_more {
  317 +.action-home-index #content .display-content-block .read_more{
317 318 display: none;
318 319 }
319 320  
320   -.action-home-index #content .display-content-block .read-more {
  321 +.action-home-index #content .display-content-block .read-more{
321 322 border-top: 1px solid #643C67;
322 323 }
323 324  
324   -.action-home-index #content .display-content-block .read-more a::after {
  325 +.action-home-index #content .display-content-block .read-more a::after{
325 326 background: #643C67;
326 327 }
327 328  
... ... @@ -331,7 +332,7 @@
331 332  
332 333 /*** What Is block - Article block **/
333 334  
334   -.template-default .action-home-index #content .box-3 .article-block .block-title {
  335 +.template-default .action-home-index #content .box-3 .article-block .block-title{
335 336 border-top: 4px solid #08A649;
336 337 border-bottom: none;
337 338 padding: 6px 8px 22px 10px;
... ... @@ -342,20 +343,20 @@
342 343 text-transform: none;
343 344 }
344 345  
345   -.template-default .action-home-index #content .box-3 .article-block .read-more {
  346 +.template-default .action-home-index #content .box-3 .article-block .read-more{
346 347 margin-top: 30px;
347 348 border-top: 1px solid #08A649;
348 349 }
349 350  
350   -.template-default .action-home-index #content .box-3 .article-block .read-more a::after {
  351 +.template-default .action-home-index #content .box-3 .article-block .read-more a::after{
351 352 background: #08A649;
352 353 }
353 354  
354   -.template-default .action-home-index #content .box-3 .article-block .short-post {
  355 +.template-default .action-home-index #content .box-3 .article-block .short-post{
355 356 padding-top: 23px;
356 357 }
357 358  
358   -.template-default .action-home-index #content .box-3 .article-block p {
  359 +.template-default .action-home-index #content .box-3 .article-block p{
359 360 margin: 0px 0px 14px 0px;
360 361 padding: 0px;
361 362 font: 15px/18px arial, helvetica, sans-serif;
... ... @@ -365,11 +366,11 @@
365 366  
366 367 /******* See As Well Block - Highlights block *******/
367 368  
368   -.action-home-index #content .highlights-block .block-title {
  369 +.action-home-index #content .highlights-block .block-title{
369 370 display: none;
370 371 }
371 372  
372   -.action-home-index #content .highlights-border {
  373 +.action-home-index #content .highlights-border{
373 374 border: 1px solid #c0c1c1;
374 375 border-radius: 8px;
375 376 width: auto;
... ... @@ -383,7 +384,7 @@
383 384 background-size: 100% 100%;
384 385 }
385 386  
386   -.action-home-index #content .highlights-container {
  387 +.action-home-index #content .highlights-container{
387 388 border-radius: 8px;
388 389 border-width: 0px 0px 1px 0px;
389 390 border-bottom: none;
... ... @@ -395,7 +396,7 @@
395 396 top: 0;
396 397 }
397 398  
398   -.action-home-index #content .highlights-image-link {
  399 +.action-home-index #content .highlights-image-link{
399 400 padding: 18px 0px 0px 0px;
400 401 border-radius: 0px 0px 8px 8px;
401 402 width: 220px;
... ... @@ -407,7 +408,7 @@
407 408 max-height: 100px;
408 409 }
409 410  
410   -.action-home-index #content .highlights-label {
  411 +.action-home-index #content .highlights-label{
411 412 border-top: 4px solid #3b61a7;
412 413 padding: 23px 20px 46px 20px;
413 414 max-height: 60px;
... ... @@ -421,13 +422,13 @@
421 422 vertical-align: middle;
422 423 }
423 424  
424   -.action-home-index #content .highlights-block-pager {
  425 +.action-home-index #content .highlights-block-pager{
425 426 float: none;
426 427 display: block;
427 428 text-align: center;
428 429 }
429 430  
430   -.action-home-index #content .highlights-block-pager a {
  431 +.action-home-index #content .highlights-block-pager a{
431 432 margin: 0 4px;
432 433 border-color: transparent;
433 434 border-radius: 50%;
... ... @@ -440,7 +441,8 @@
440 441 overflow: hidden;
441 442 display: inline-block;
442 443 }
443   -.action-home-index #content .highlights-block-pager a.activeSlide {
  444 +
  445 +.action-home-index #content .highlights-block-pager a.activeSlide{
444 446 border-color: transparent;
445 447 background: #3e67b1;
446 448 color: transparent;
... ... @@ -449,13 +451,13 @@
449 451 /*** software highlights block ***/
450 452  
451 453 .action-home-index #content a.toggle-popover,
452   -.action-home-index #content a.toggle-popover:hover {
  454 +.action-home-index #content a.toggle-popover:hover{
453 455 margin: 0 0 0 55px;
454 456 color: #3867b7;
455 457 cursor: pointer;
456 458 }
457 459  
458   -.action-home-index #content span.popover-span {
  460 +.action-home-index #content span.popover-span{
459 461 padding: 1px 6px;
460 462 border-radius: 50%;
461 463 background-color: #3867b7;
... ... @@ -465,7 +467,7 @@
465 467 }
466 468  
467 469 /*** mais software block **/
468   -.action-home-index #content #mais-software-block {
  470 +.action-home-index #content #mais-software-block{
469 471 margin: 11px 0px;
470 472 border: 1px solid #c0c1c1;
471 473 border-radius: 8px;
... ... @@ -475,7 +477,7 @@
475 477 font: 14px arial;
476 478 }
477 479  
478   -.action-home-index #content #mais-software-block #sbp-information-softwares h2 {
  480 +.action-home-index #content #mais-software-block #sbp-information-softwares h2{
479 481 margin: 10px 0px 0px 0px;
480 482 padding: 0px 0px 17px 15px;
481 483 border-bottom: 1px solid #c0c1c1;
... ... @@ -485,29 +487,29 @@
485 487 text-transform: uppercase;
486 488 }
487 489  
488   -.action-home-index #content #mais-software-block #list-categories {
  490 +.action-home-index #content #mais-software-block #list-categories{
489 491 margin: 14px 14px 14px 14px;
490 492 }
491 493  
492   -.action-home-index #content #mais-software-block #list-categories p {
  494 +.action-home-index #content #mais-software-block #list-categories p{
493 495 margin: 0 0 16px 0;
494 496 color: #464A55;
495 497 }
496 498  
497   -.action-home-index #content #mais-software-block #list-categories ul li {
  499 +.action-home-index #content #mais-software-block #list-categories ul li{
498 500 margin: 18px 5px 5px 5px;
499 501 }
500 502  
501   -.action-home-index #content #mais-software-block #list-categories li a {
  503 +.action-home-index #content #mais-software-block #list-categories li a{
502 504 color: #335277;
503 505 font-weight: bold;
504 506 }
505 507  
506   -.action-home-index #content #mais-software-block #list-categories a:hover {
  508 +.action-home-index #content #mais-software-block #list-categories a:hover{
507 509 text-decoration: none;
508 510 }
509 511  
510   -.action-home-index #content #mais-software-block #footer-mais-software {
  512 +.action-home-index #content #mais-software-block #footer-mais-software{
511 513 margin: 0px;
512 514 border-top: 1px solid #c0c1c1;
513 515 padding: 10px 10px 0px 3px;
... ... @@ -516,7 +518,7 @@
516 518 text-transform: uppercase;
517 519 }
518 520  
519   -.action-home-index #content #mais-software-block #footer-mais-software a {
  521 +.action-home-index #content #mais-software-block #footer-mais-software a{
520 522 color: #464A55;
521 523 }
522 524  
... ...
css/software-catalog-page.css
  Diff comments   View file @28a52b5
... ... @@ -134,6 +134,7 @@
134 134 }
135 135  
136 136 .action-search-software_infos #filter-option-catalog-software {
  137 + cursor: pointer;
137 138 padding: 14px;
138 139 background-color: #D3D6DE;
139 140 border: none;
... ...