Alterar cor de letras e bg de ‘box’ no CSS
-
Olá 😀
Queria ajuda para mudar a cor da ‘caixinha’ (veja no site http://www.papodecamarim.com). Na laterl, onde tem “Postagens Comentários Arquivo” e também a cor da fonte do menu (logo a baixo da logomarca) onde tem as categoria, aí está o CSS 😀
/** Theme Name: Infinity Author URI: http://wpjunction.com Version: 1.0 Author: hpa Description: Magazine Theme */ /* -------------------------------------- */ .clearfix:after { /* FF, O, etc. */ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; /* IE7xhtml*/ } html[xmlns] .clearfix { /* O */ display: block; } * html .clearfix { height: 1%; /* IE5-6 */ } html { background:#202020 url(images/background.png) 1px 0; colo:#fff; } body { background:url(images/background.gif) repeat-x 0 0; font:normal 12px Georgia,"Times New Roman","Bitstream Charter",Times,serif,verdana; color:#ffffff; } a { color:#ac8ec0; text-decoration:none; } a:hover { color:#5E3F72; } #wrap { width:1154px; margin:0 auto; } /* header */ #header { font-style:italic; margin-bottom:26px; } #banner { background: url("images/banner.png") no-repeat; height:300px; } #navigation { float:right; background:5E3F72; color:#fff; margin:5px 0; height:43px; overflow:hidden; } #navigation ul li { line-height:40px; display:inline; margin:0 25px; font-size:14px; color:#fff; } #navigation a{ color:#5E3F72; } #navigation a:hover, #navigation .current_page_item a { color:#8B61A7; } #site-title { clear:both; font-size:31px; font-weight:normal; padding-top:27px; } #site-title a { color:#ffffff; } #site-title a:hover { color:#ffffff; } #site-description { font-size:16px; font-weight:normal; color:#ffffff; margin-bottom:36px; } #top-container { margin-bottom:9px; } #c-recent-entries { font-size:17px; float:left; width:318px; } #c-recent-entries h2 { font-style:italic; font-weight:normal; color:#fff; margin-bottom:5px; } #c-recent-entries ul li { background:transparent url(images/icon-note.gif) no-repeat 2px 7px; line-height:28px; border-bottom:1px solid #ac8ec0; padding-left:20px; font-size:13px; } #c-recent-entries a { color:#5E3F72; } #c-recent-entries a:hover { color:#ac8ec0; } #featured-post { background:#2b2b2b url(images/inner-bg.png); border:1px solid #8B61A7; float:right; width:824px; } #featured-post .read-more { background:#5E3F72; float:right; line-height:34px; padding:0 18px; color:#fff; } #featured-post a.read-more:hover { color:#000; } #featured-post .title { font-size:22px; color:#fff; font-weight:normal; font-style:italic; padding:8px; } #featured-post .title a { color:#ac8ec0; } #featured-post .title a:hover { color:#ac8ec0; } #featured-post .entry { padding:0 8px 8px; } .meta { background:#5E3F72; color:#ac8ec0; line-height:35px; border-top:1px solid #5E3F72; padding:0 8px; text-align:right; font-size:14px; font-style:italic; } .meta a { color:#ac8ec0; } .meta a:hover { color:#ac8ec0; } #featured-post .meta, #featured-post .meta a { color:#ac8ec0; } #featured-post .meta a:hover { color:#ac8ec0; } /* content */ #content { float:left; width:614px; } .pagetitle { font-weight:normal; font-size:16px; color:#fff; margin-bottom:9px; } .post { background:#2b2b2b url(images/inner-bg.png) 4px 0; border:1px solid #8B61A7; padding:7px 7px 0; margin-bottom:9px; } .post .title, .title-404 { font-size:24px; font-weight:normal; font-style:italic; color:#ac8ec0; padding:0 2px; margin-bottom:8px; } .title-404 { border-bottom:none !important; } .thumbnail { background:#fff; float:left; padding:5px; border:1px solid #8B61A7; display:inline; } .post .entry { margin-left:105px; font:normal 11px Tahoma,Verdana,Arial; } .no-image { margin:0 !important; } #post-pages { margin-bottom:8px; font-size:14px; } .post .meta { line-height:35px; font-style:italic; margin:0 -7px; padding:0 8px; text-align:left; } .meta .inner, .date-post, .categories-post, .read-more { position:relative; } .meta .inner { height:35px; } .date-post, .categories-post, .read-more { z-index:2; } .post .meta a.read-more { font-size:14px; color:#fff; float:right; margin-left:5px; } .p-404 { margin-bottom:9px; } /* wp-pagenavi */ #wp-pagenavi-wrapper { background:#5E3F72 url(images/inner-bg.png); clear:both; height:51px; position:relative; padding:0 8px; margin-bottom:5px; border:1px solid #8B61A7; } .wp-pagenavi { padding-top:19px; font:normal 11px Tahoma,Verdana, Arial; } .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend { background:#5E3F72 !important; color:#fff !important; text-transform:uppercase; padding:7px 9px !important; border-color:#8B61A7 !important; } .wp-pagenavi span.pages, .wp-pagenavi a:hover { background:#5E3F72 !important; border-color:#8B61A7 !important; } /* sidebar */ #sidebar { float:right; width:312px; overflow:hidden; display:inline; } .widget { margin-bottom:9px; color:#fff; } #sidebar .widget { background:#5E3F72 url(images/inner-bg.png) 3px 0; color:#ffffff; width:296px; padding:0 8px 8px; border:1px solid #5E3F72; position:relative; } .widget-title { font-style:italic; color:#ffffff; font-weight:normal; } #sidebar .widget-title { background:#5E3F72 url(images/grey-bg.gif) repeat-x 0 0; font-size:21px; color:#fff; border:1px solid #5E3F72; height:35px; line-height:35px; overflow:hidden; padding:0 30px 0 10px; margin:0 -8px; } .widget ul li { line-height:28px; color:#8B61A7; } .widget ul ul { padding-left:10px; } .widget a { color:#fff; } .widget a:hover { color:#fff; } .toggle { background:transparent url(images/widget-toggle.gif) no-repeat 0 0; color:#fff; width:20px; height:23px; position:absolute; right:0; top:0; z-index:3; } .pointer { cursor:pointer; } .widget .toggle-down { background:transparent url(images/widget-toggle.gif) no-repeat 0 -23px !important; } .compact { height:29px; overflow:hidden; } /* second-sidebar */ #second-sidebar { float:right; width:206px; padding:0 9px 9px; font-style:italic; overflow:hidden; display:inline; } #second-sidebar .widget-title { margin-bottom:5px; font-size:22px; color:#5E3F72; } #second-sidebar .widget ul li { border-bottom:1px solid #5E3F72; } #second-sidebar .widget ul li li { border-bottom:none; border-top:1px solid #5E3F72; } #second-sidebar a { color:#fff; } #second-sidebar a:hover { color:#fff; } /* footer */ #footer { padding:18px 0; color:#fff; font-style:italic; line-height:18px; }
Visualizando 1 resposta (de um total de 1)
Visualizando 1 resposta (de um total de 1)
- O tópico ‘Alterar cor de letras e bg de ‘box’ no CSS’ está fechado para novas respostas.