Commit 7daee5c526ea4225f8302b5573d9940e49a71a5b
1 parent
fdaf6bc4
Exists in
master
and in
54 other branches
Changing box color and design
Showing
2 changed files
with
102 additions
and
10 deletions
Show diff stats
cabecalho-cinza-theme.css
| ... | ... | @@ -718,6 +718,73 @@ color:#000000; |
| 718 | 718 | height: 100%; |
| 719 | 719 | display: block; |
| 720 | 720 | } |
| 721 | + | |
| 722 | +/* Cores dos sideboxs */ | |
| 723 | + | |
| 724 | + | |
| 725 | +/* Cor padrao do box */ | |
| 726 | +#content .box .block-title { | |
| 727 | + border-top: 4px solid #2c66ce; | |
| 728 | + background: #eee; | |
| 729 | + color:#2c66ce; | |
| 730 | +} | |
| 731 | + | |
| 732 | +#content .box .read-more { | |
| 733 | + border-top: 1px solid #2c66ce; | |
| 734 | + background: #eee; | |
| 735 | +} | |
| 736 | + | |
| 737 | +#content .read-more a { | |
| 738 | + color: #000000; | |
| 739 | +} | |
| 740 | + | |
| 741 | +#content .box .read-more a::after { | |
| 742 | + background: #2c66ce; | |
| 743 | +} | |
| 744 | + | |
| 745 | +/* Todos os blocos da coluna da esquerda da mesma cor */ | |
| 746 | +#content .box-2 .block-outer .block-title { | |
| 747 | + border-top: 4px solid #4562b1; | |
| 748 | + background: #eee; | |
| 749 | + color: #4562b1; | |
| 750 | +} | |
| 751 | + | |
| 752 | +#content .box-2 .block-outer .read-more { | |
| 753 | + border-top: 1px solid #4562b1; | |
| 754 | + background: #eee; | |
| 755 | +} | |
| 756 | + | |
| 757 | +#content .box-2 .block-outer .read-more a { | |
| 758 | + color: #000000; | |
| 759 | +} | |
| 760 | + | |
| 761 | +#content .box-2 .block-outer .read-more a::after { | |
| 762 | + color: #FFFFFF; | |
| 763 | + background: #4562b1; | |
| 764 | +} | |
| 765 | + | |
| 766 | +/* Bloco de artigo sempre da mesma cor */ | |
| 767 | + | |
| 768 | +#content .box .article-block .block-title { | |
| 769 | + border-top: 4px solid #08A649; | |
| 770 | + background: #eee; | |
| 771 | + color: #08A649; | |
| 772 | +} | |
| 773 | + | |
| 774 | +#content .box .block-outer .article-block .read-more { | |
| 775 | + border-top: 1px solid #08A649; | |
| 776 | + background: #eee; | |
| 777 | +} | |
| 778 | + | |
| 779 | +#content .box .block-outer .article-block .read-more a { | |
| 780 | + color: #000000; | |
| 781 | +} | |
| 782 | + | |
| 783 | +#content .box .block-outer .article-block .read-more a::after { | |
| 784 | + color: #FFFFFF; | |
| 785 | + background: #08A649; | |
| 786 | +} | |
| 787 | + | |
| 721 | 788 | /************* FIM Bar Psocial Style - Menu Horizontal**************/ |
| 722 | 789 | |
| 723 | 790 | |
| ... | ... | @@ -809,7 +876,7 @@ margin-left:0!important |
| 809 | 876 | } |
| 810 | 877 | |
| 811 | 878 | footer { |
| 812 | -background:#d5d5d5;/#ecedf1*/ | |
| 879 | +background:#d5d5d5; | |
| 813 | 880 | } |
| 814 | 881 | footer .footer-atalhos { |
| 815 | 882 | background:#fff; | ... | ... |
style.css
| ... | ... | @@ -408,21 +408,46 @@ p { |
| 408 | 408 | padding: 0 0 1em; |
| 409 | 409 | } |
| 410 | 410 | |
| 411 | +/* padrao do box */ | |
| 411 | 412 | #content .box .block-title { |
| 412 | 413 | font-size: 12px; |
| 413 | 414 | text-align: left; |
| 414 | - border-top: 4px solid #2c66ce;/*#757575;*/ | |
| 415 | - background: #eee; /*#eeefff;*/ | |
| 416 | 415 | border-bottom: none; |
| 417 | - color:#2c66ce; /*#757575;*/ | |
| 418 | 416 | padding: 8px 8px 24px 10px; |
| 419 | 417 | text-transform: uppercase; |
| 420 | - | |
| 421 | 418 | font-family: "open_sansbold", Arial, Helvetica, sans-serif; |
| 422 | 419 | font-variant: normal; |
| 423 | - /*margin: 0*/; | |
| 424 | 420 | } |
| 425 | 421 | |
| 422 | +#content .box .read-more { | |
| 423 | + font-size: 10px; | |
| 424 | + text-align: right; | |
| 425 | + border-bottom: none; | |
| 426 | + padding: 10px 8px 8px 8px; | |
| 427 | + text-transform: uppercase; | |
| 428 | + font-family: "open_sans", Arial, Helvetica, sans-serif; | |
| 429 | + font-variant: normal; | |
| 430 | +} | |
| 431 | + | |
| 432 | +#content .read-more a { | |
| 433 | + line-height: 20px; | |
| 434 | + margin-left: 15px; | |
| 435 | +} | |
| 436 | + | |
| 437 | +#content .box .read-more a::after { | |
| 438 | + content:'>'; | |
| 439 | + padding-left: 8px; | |
| 440 | + padding-right: 5px; | |
| 441 | + margin-left: 5px; | |
| 442 | + border-radius: 4px; | |
| 443 | + font-size: 16px; | |
| 444 | + line-height: 20px; | |
| 445 | + text-align: center; | |
| 446 | + font-family: "open_sansbold", Arial, Helvetica, sans-serif; | |
| 447 | +} | |
| 448 | + | |
| 449 | + | |
| 450 | + | |
| 426 | 451 | #content .box-1 .block-title { |
| 427 | 452 | font-size: 20px; |
| 428 | 453 | text-transform: none; |
| ... | ... | @@ -430,7 +455,6 @@ p { |
| 430 | 455 | } |
| 431 | 456 | |
| 432 | 457 | #content .box-1 .block-title span{ |
| 433 | - /* background-color: #fff;*/ | |
| 434 | 458 | background-image: none; |
| 435 | 459 | padding: 0 1em 0 0; |
| 436 | 460 | } |
| ... | ... | @@ -732,9 +756,10 @@ p { |
| 732 | 756 | |
| 733 | 757 | } |
| 734 | 758 | |
| 735 | -#content .read-more a { | |
| 736 | - margin-right: 10px; | |
| 737 | -} | |
| 759 | +/* nao mostrar seta neste tipo de box */ | |
| 760 | +#content .blog-post .short-post .read-more a::after { | |
| 761 | + content: none; | |
| 762 | + } | |
| 738 | 763 | |
| 739 | 764 | .comment-info { |
| 740 | 765 | line-height: 1em; | ... | ... |