Commit 7daee5c526ea4225f8302b5573d9940e49a71a5b

Authored by Sidney Ricardo
1 parent fdaf6bc4

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;
... ...