Download as
Browse Code »

Commit d6fbb742c6b5f4c04fc941dc38f3bb74646bc26c

Authored by Melissa Wen
Committed by Álvaro Fernando Matos de Souza
1 parent 48575ff4
Exists in master_with_pkg_fixes and in 2 other branches bug_fix_40, code_block

Apply style on edit env homepage design

Showing 1 changed file with 65 additions and 7 deletions   Show diff stats
src/noosfero-spb-theme/css/home-page.css
  Diff comments   View file @d6fbb74
... ... @@ -18,6 +18,7 @@
18 18  
19 19 /* Read More pattern */
20 20  
  21 +.controller-environment_design .box .block-outer .read-more,
21 22 .action-home-index #content .box .block-outer .read-more{
22 23 border-bottom: none;
23 24 background: #eee;
... ... @@ -26,6 +27,7 @@
26 27 text-align: right;
27 28 }
28 29  
  30 +.controller-environment_design #content .box .block-outer .read-more a,
29 31 .action-home-index #content .box .block-outer .read-more a{
30 32 padding: 8px;
31 33 line-height: 20px;
... ... @@ -33,10 +35,12 @@
33 35 display: block;
34 36 }
35 37  
  38 +.controller-environment_design #content .box .block-outer .read-more a:hover,
36 39 .action-home-index #content .box .block-outer .read-more a:hover{
37 40 background: #dedede;
38 41 }
39 42  
  43 +.controller-environment_design #content .box .block-outer .read-more a::after,
40 44 .action-home-index #content .box .block-outer .read-more a::after{
41 45 margin-left: 7px;
42 46 border-radius: 4px;
... ... @@ -55,12 +59,14 @@
55 59  
56 60 /*** Software catalog search block **/
57 61  
  62 +.controller-environment_design #content #catalogo-software-search,
58 63 .action-home-index #content #catalogo-software-search{
59 64 width: 100%;
60 65 background-color: #1A397D;
61 66 border-radius: 4px;
62 67 }
63 68  
  69 +.controller-environment_design #content #catalogo-software-search h1,
64 70 .action-home-index #content #catalogo-software-search h1{
65 71 margin: 0px 15px 10px 15px;
66 72 border-bottom: none;
... ... @@ -71,6 +77,7 @@
71 77 text-align: left;
72 78 }
73 79  
  80 +.controller-environment_design #content #catalogo-software-search #search-Gadget,
74 81 .action-home-index #content #catalogo-software-search #search-Gadget{
75 82 margin: 0px 15px 9px 15px;
76 83 border: none;
... ... @@ -79,6 +86,7 @@
79 86 width: 90%;
80 87 }
81 88  
  89 +.controller-environment_design #content #catalogo-software-search .searchButton-catalog,
82 90 .action-home-index #content #catalogo-software-search .searchButton-catalog{
83 91 cursor: pointer;
84 92 margin: 0px 0px 15px 15px;
... ... @@ -92,7 +100,8 @@
92 100 text-transform: uppercase;
93 101 }
94 102  
95   -.action-home-index #content #catalogo-software-search #search-catalog-footer{
  103 +.controller-environment_design #content #catalogo-software-search #search-catalog-footer,
  104 +.action-home-index #content #catalogo-software-search #search-catalog-footer{
96 105 border-top: 1px solid;
97 106 border-bottom-left-radius: 4px;
98 107 border-bottom-right-radius: 4px;
... ... @@ -100,24 +109,28 @@
100 109 color: #FFFFFF;
101 110 }
102 111  
103   -.action-home-index #content #catalogo-software-search #search-catalog-footer p{
  112 +.controller-environment_design #content #catalogo-software-search #search-catalog-footer p,
  113 +.action-home-index #content #catalogo-software-search #search-catalog-footer p{
104 114 margin: 0px;
105 115 font-size: 11px;
106 116 text-align: right;
107 117 text-transform: uppercase;
108 118 }
109 119  
110   -.action-home-index #content #catalogo-software-search #search-catalog-footer a{
  120 +.controller-environment_design #content #catalogo-software-search #search-catalog-footer a,
  121 +.action-home-index #content #catalogo-software-search #search-catalog-footer a{
111 122 padding: 7px 0px 12px 0px;
112 123 color: #FFF;
113 124 display: block;
114 125 }
115 126  
  127 +.controller-environment_design #content #catalogo-software-search #search-catalog-footer a:hover,
116 128 .action-home-index #content #catalogo-software-search #search-catalog-footer a:hover{
117 129 background-color: #101A38;
118 130 }
119 131  
120   -.action-home-index #content #catalogo-software-search #bt_catalog-search::after{
  132 +.controller-environment_design #content #catalogo-software-search #bt_catalog-search::after,
  133 +.action-home-index #content #catalogo-software-search #bt_catalog-search::after{
121 134 margin: 0px 15px 0 5px;
122 135 border-radius: 4px;
123 136 padding: 0px 4px 0 7px;
... ... @@ -132,11 +145,13 @@
132 145 }
133 146  
134 147 /*** Softwares block **/
  148 +.controller-environment_design #content .softwares-block,
135 149 .action-home-index #content .softwares-block{
136 150 margin: 0px;
137 151 overflow: auto;
138 152 }
139 153  
  154 +.controller-environment_design #content .softwares-block .block-title,
140 155 .action-home-index #content .softwares-block .block-title{
141 156 margin: 0px 0px 25px 0px;
142 157 border-top: 4px solid #2c66ce;
... ... @@ -145,6 +160,7 @@
145 160 font-weight: 300;
146 161 }
147 162  
  163 +.controller-environment_design #content .softwares-block .block-footer-content a,
148 164 .action-home-index #content .softwares-block .block-footer-content a{
149 165 display:none;
150 166 }
... ... @@ -236,6 +252,7 @@
236 252  
237 253 /*** News block - display content block **/
238 254  
  255 +.controller-environment_design #content .display-content-block .block-title,
239 256 .action-home-index #content .display-content-block .block-title{
240 257 margin: 0px;
241 258 border-top: 4px solid #643C67;
... ... @@ -244,21 +261,25 @@
244 261 font-weight: 300;
245 262 }
246 263  
  264 +.controller-environment_design #content .display-content-block li,
247 265 .action-home-index #content .display-content-block li{
248 266 border-top: 1px solid #eee;
249 267 padding: 15px 0px 0px 0px;
250 268 min-height: 150px;
251 269 }
252 270  
  271 +.controller-environment_design #content .display-content-block li:first-child,
253 272 .action-home-index #content .display-content-block li:first-child{
254 273 border-top: 0px solid #eee;
255 274 }
256 275  
  276 +.controller-environment_design #content .display-content-block .published-at,
257 277 .action-home-index #content .display-content-block .published-at{
258 278 padding: 0px 0px 15px 0px;
259 279 color: #643C67;
260 280 }
261 281  
  282 +.controller-environment_design #content .display-content-block .image,
262 283 .action-home-index #content .display-content-block .image{
263 284 padding-right: 25px;
264 285 padding: 0px 25px 0px 0px;
... ... @@ -267,6 +288,7 @@
267 288 display: table-cell;
268 289 }
269 290  
  291 +.controller-environment_design #content .display-content-block .image a,
270 292 .action-home-index #content .display-content-block .image a{
271 293 border-radius: 8px;
272 294 height: 90px;
... ... @@ -274,11 +296,13 @@
274 296 display: block;
275 297 }
276 298  
  299 +.controller-environment_design #content .display-content-block .image img,
277 300 .action-home-index #content .display-content-block .image img{
278 301 border: 0px solid #c0c1c1;
279 302 max-width: 150px;
280 303 }
281 304  
  305 +.controller-environment_design #content .display-content-block .title,
282 306 .action-home-index #content .display-content-block .title{
283 307 margin: 2px 0px 4px 0px;
284 308 padding-right: 0px;
... ... @@ -287,41 +311,51 @@
287 311 overflow: hidden;
288 312 }
289 313  
  314 +.controller-environment_design #content .display-content-block .title a,
290 315 .action-home-index #content .display-content-block .title a{
291 316 padding: 0px;
292 317 color: #172738;
293 318 font: normal normal bold 16px/1.3em arial, helvetica, sans-serif;
294 319 }
295 320  
  321 +.controller-environment_design #content .display-content-block .lead,
296 322 .action-home-index #content .display-content-block .lead{
297 323 max-height: 47px;
298 324 overflow: hidden;
299 325 }
300 326  
  327 +.controller-environment_design #content .display-content-block .lead a,
301 328 .action-home-index #content .display-content-block .lead a{
302 329 color: #000000;
303 330 font: 15px/1.3em arial;
304 331 }
305 332  
  333 +.controller-environment_design #content .display-content-block .lead a:visited,
  334 +.controller-environment_design #content .lead a:visited,
  335 +.controller-environment_design #content .lead dl.portlet a:visited
306 336 .action-home-index #content .display-content-block .lead a:visited,
307 337 .action-home-index #content .lead a:visited,
308 338 .action-home-index #content .lead dl.portlet a:visited{
309 339 color: #172738;
310 340 }
311 341  
  342 +.controller-environment_design #content .display-content-block .notice-info,
312 343 .action-home-index #content .display-content-block .notice-info{
313 344 display: table-cell;
314 345 vertical-align: top;
315 346 }
316 347  
  348 +.controller-environment_design #content .display-content-block .read_more,
317 349 .action-home-index #content .display-content-block .read_more{
318 350 display: none;
319 351 }
320 352  
  353 +.controller-environment_design #content .display-content-block .read-more,
321 354 .action-home-index #content .display-content-block .read-more{
322 355 border-top: 1px solid #643C67;
323 356 }
324 357  
  358 +.controller-environment_design #content .display-content-block .read-more a::after,
325 359 .action-home-index #content .display-content-block .read-more a::after{
326 360 background: #643C67;
327 361 }
... ... @@ -332,6 +366,7 @@
332 366  
333 367 /*** What Is block - Article block **/
334 368  
  369 +.template-default .controller-environment_design #content .box-3 .article-block .block-title,
335 370 .template-default .action-home-index #content .box-3 .article-block .block-title{
336 371 border-top: 4px solid #08A649;
337 372 border-bottom: none;
... ... @@ -343,19 +378,23 @@
343 378 text-transform: none;
344 379 }
345 380  
  381 +.template-default .controller-environment_design #content .box-3 .article-block .read-more,
346 382 .template-default .action-home-index #content .box-3 .article-block .read-more{
347 383 margin-top: 30px;
348 384 border-top: 1px solid #08A649;
349 385 }
350 386  
  387 +.template-default .controller-environment_design #content .box-3 .article-block .read-more a::after,
351 388 .template-default .action-home-index #content .box-3 .article-block .read-more a::after{
352 389 background: #08A649;
353 390 }
354 391  
  392 +.template-default .controller-environment_design #content .box-3 .article-block .short-post,
355 393 .template-default .action-home-index #content .box-3 .article-block .short-post{
356 394 padding-top: 23px;
357 395 }
358 396  
  397 +.template-default .controller-environment_design #content .box-3 .article-block p,
359 398 .template-default .action-home-index #content .box-3 .article-block p{
360 399 margin: 0px 0px 14px 0px;
361 400 padding: 0px;
... ... @@ -364,12 +403,14 @@
364 403 text-transform: none;
365 404 }
366 405  
367   -/******* See As Well Block - Highlights block *******/
  406 +/******* Software Highlights block *******/
368 407  
  408 +.controller-environment_design #content .highlights-block .block-title,
369 409 .action-home-index #content .highlights-block .block-title{
370 410 display: none;
371 411 }
372 412  
  413 +.controller-environment_design #content .highlights-border,
373 414 .action-home-index #content .highlights-border{
374 415 border: 1px solid #c0c1c1;
375 416 border-radius: 8px;
... ... @@ -384,6 +425,7 @@
384 425 background-size: 100% 100%;
385 426 }
386 427  
  428 +.controller-environment_design #content .highlights-container,
387 429 .action-home-index #content .highlights-container {
388 430 border-radius: 8px 8px 0px 0px;
389 431 border-width: 0px 0px 1px 0px;
... ... @@ -396,6 +438,7 @@
396 438 top: 0;
397 439 }
398 440  
  441 +.controller-environment_design #content .highlights-image-link,
399 442 .action-home-index #content .highlights-image-link {
400 443 display: block;
401 444 padding: 0px;
... ... @@ -405,6 +448,7 @@
405 448 opacity: 1.0 !important;
406 449 }
407 450  
  451 +.controller-environment_design #content .highlights-image-link img,
408 452 .action-home-index #content .highlights-image-link img {
409 453 height: 80px;
410 454 max-width: 160px;
... ... @@ -412,6 +456,7 @@
412 456 background: #FFF;
413 457 }
414 458  
  459 +.controller-environment_design #content .highlights-label,
415 460 .action-home-index #content .highlights-label {
416 461 border-top: 4px solid #3b61a7;
417 462 padding: 20px;
... ... @@ -425,6 +470,7 @@
425 470 vertical-align: middle;
426 471 }
427 472  
  473 +.controller-environment_design #content .highlights-block-pager,
428 474 .action-home-index #content .highlights-block-pager {
429 475 float: none;
430 476 display: block;
... ... @@ -432,6 +478,7 @@
432 478 padding: 10px 0px;
433 479 }
434 480  
  481 +.controller-environment_design #content .highlights-block-pager a,
435 482 .action-home-index #content .highlights-block-pager a {
436 483 margin: 0 4px;
437 484 border-color: transparent;
... ... @@ -446,14 +493,15 @@
446 493 display: inline-block;
447 494 }
448 495  
  496 +.controller-environment_design #content .highlights-block-pager a.activeSlide,
449 497 .action-home-index #content .highlights-block-pager a.activeSlide {
450 498 border-color: transparent;
451 499 background: #3e67b1;
452 500 color: transparent;
453 501 }
454 502  
455   -/*** software highlights block ***/
456   -
  503 +.controller-environment_design #content a.toggle-popover,
  504 +.controller-environment_design #content a.toggle-popover:hover,
457 505 .action-home-index #content a.toggle-popover,
458 506 .action-home-index #content a.toggle-popover:hover{
459 507 margin: 0 0 0 55px;
... ... @@ -462,6 +510,7 @@
462 510 font-family: Arial, helvetica, sans-serif;
463 511 }
464 512  
  513 +.controller-environment_design #content span.popover-span,
465 514 .action-home-index #content span.popover-span {
466 515 padding-top: 2px;
467 516 background-color: #3867b7;
... ... @@ -477,6 +526,7 @@
477 526 }
478 527  
479 528 /*** mais software block **/
  529 +.controller-environment_design #content #mais-software-block,
480 530 .action-home-index #content #mais-software-block {
481 531 margin: 11px 0px;
482 532 border: 1px solid #c0c1c1;
... ... @@ -487,6 +537,7 @@
487 537 font: 14px arial;
488 538 }
489 539  
  540 +.controller-environment_design #content #mais-software-block #sbp-information-softwares h2,
490 541 .action-home-index #content #mais-software-block #sbp-information-softwares h2{
491 542 margin: 10px 0px 0px 0px;
492 543 padding: 0px 0px 17px 15px;
... ... @@ -497,28 +548,34 @@
497 548 text-transform: uppercase;
498 549 }
499 550  
  551 +.controller-environment_design #content #mais-software-block #list-categories,
500 552 .action-home-index #content #mais-software-block #list-categories{
501 553 margin: 14px 14px 14px 14px;
502 554 }
503 555  
  556 +.controller-environment_design #content #mais-software-block #list-categories p,
504 557 .action-home-index #content #mais-software-block #list-categories p{
505 558 margin: 0 0 16px 0;
506 559 color: #464A55;
507 560 }
508 561  
  562 +.controller-environment_design #content #mais-software-block #list-categories ul li,
509 563 .action-home-index #content #mais-software-block #list-categories ul li{
510 564 margin: 18px 5px 5px 5px;
511 565 }
512 566  
  567 +.controller-environment_design #content #mais-software-block #list-categories li a,
513 568 .action-home-index #content #mais-software-block #list-categories li a{
514 569 color: #335277;
515 570 font-weight: bold;
516 571 }
517 572  
  573 +.controller-environment_design #content #mais-software-block #list-categories a:hover,
518 574 .action-home-index #content #mais-software-block #list-categories a:hover{
519 575 text-decoration: none;
520 576 }
521 577  
  578 +.controller-environment_design #content #mais-software-block #footer-mais-software,
522 579 .action-home-index #content #mais-software-block #footer-mais-software{
523 580 margin: 0px;
524 581 border-top: 1px solid #c0c1c1;
... ... @@ -528,6 +585,7 @@
528 585 text-transform: uppercase;
529 586 }
530 587  
  588 +.controller-environment_design #content #mais-software-block #footer-mais-software a,
531 589 .action-home-index #content #mais-software-block #footer-mais-software a{
532 590 color: #464A55;
533 591 }
... ...