Commit d6fbb742c6b5f4c04fc941dc38f3bb74646bc26c

Authored by Melissa Wen
Committed by Álvaro Fernando Matos de Souza
1 parent 48575ff4

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