/* BW woody scheme. Since version 2.1 -----------------------------------------------*/ .site-title { text-shadow: 2px 2px brown; } .site-title a:hover { text-shadow: 2px 2px tan; } #secondary, #show, article { background-color: transparent; } h1.entry-title, .entry-title a, h2.post-type { color: blanchedalmond; } .entry-title, h1.entry-title, h2.post-type, #bw-social, .error-404 { background: linear-gradient(top, rgba(222,184,135,1) 0%, rgba(205,134,63,0.9) 50%, rgba(165,42,42,0.9) 100%); background: -o-linear-gradient(top, rgba(222,184,135,1) 0%, rgba(205,134,63,0.9) 50%, rgba(165,42,42,0.9) 100%); background: -moz-linear-gradient(top, rgba(222,184,135,1) 0%, rgba(205,134,63,0.9) 50%, rgba(165,42,42,0.9) 100%); background: -webkit-linear-gradient(top, rgba(222,184,135,1) 0%, rgba(205,134,63,0.9) 50%, rgba(165,42,42,0.9) 100%); background: -ms-linear-gradient(top, rgba(222,184,135,1) 0%, rgba(205,134,63,0.9) 50%, rgba(165,42,42,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(222,184,135)), color-stop(0.5, rgb(205,134,63)), color-stop(1, rgb(165,42,42))); } .widget-title { background: linear-gradient(top, rgba(139,69,19,1) 0%, rgba(205,134,63,0.9) 50%, rgba(139,69,19,0.8) 100%); background: -o-linear-gradient(top, rgba(139,69,19,1) 0%, rgba(205,134,63,0.9) 50%, rgba(139,69,19,0.8) 100%); background: -moz-linear-gradient(top, rgba(139,69,19,1) 0%, rgba(205,134,63,0.9) 50%, rgba(139,69,19,0.8) 100%); background: -webkit-linear-gradient(top, rgba(139,69,19,1) 0%, rgba(205,134,63,0.9) 50%, rgba(139,69,19,0.8) 100%); background: -ms-linear-gradient(top, rgba(139,69,19,1) 0%, rgba(205,134,63,0.9) 50%, rgba(139,69,19,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(139,69,19,1)), color-stop(0.5, rgba(205,134,63,0.9)), color-stop(1, rgba(139,69,19,0.8)) ); } .entry-title a:hover, .widget-title { color: limegreen; } h3.sticky { background: #4C2E00; } .entry-meta { background: saddlebrown; color: BurlyWood; } .entry-meta a, .entry-meta a:visited { color: lawngreen; } .entry-meta a:hover { color: ; } .entry-content, .entry-summary { background: #530; color: snow; } .entry-content a { color: lightgreen; } .entry-content a:hover { color: burlywood; } .widget { background: #935430; } aside, aside .wp-caption text { color: wheat; } .widget a, .widget a:visited { color: yellow; } .widget a:hover { color: orange; } .site-content [class*="navigation"] a, .site-content [class*="navigation"] a:visited, .site-content [class*="navigation"] a:hover, .navigation a, .navigation a:visited, .navigation a:hover { color: brown; } [class*="navigation"] .nav-previous, [class*="navigation"] .nav-next, .navigation { background: white; } [class*="navigation"] .nav-previous:hover, [class*="navigation"] .nav-next:hover, .navigation:hover { background: lightblue; } .site-footer { background-image: linear-gradient(top, rgb(220,220,220) 0%, rgb(184,135,11) 100%); background-image: -o-linear-gradient(top, rgb(220,220,220) 0%, rgb(184,135,11) 100%); background-image: -moz-linear-gradient(top, rgb(220,220,220) 0%, rgb(184,135,11) 100%); background-image: -webkit-linear-gradient(top, rgb(220,220,220) 0%, rgb(184,135,11) 100%); background-image: -ms-linear-gradient(top, rgb(220,220,220) 0%, rgb(184,135,11) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(220,220,220)), color-stop(1, rgb(184,135,11)) ); border-radius: 10px; color: #630; } .site-footer a, .site-footer a:visited, .site-footer a:hover { color: brown; } #primary p.author-bio { color: #f9a530; } #primary p.the-author { color: #630; background: #d93; } .vcard { color: #lime; } .error-404 { background: #963; color: #310; } #container { background: #a96; color: #310; } .main-navigation { background: brown; border:5px solid burlywood ; } .main-navigation a, .bw-social-links a { color: moccasin ; } .main-navigation a:hover { background: lightgreen; color: brown; } .main-navigation ul ul { box-shadow: 0 3px 3px green; color: lightgreen; background: saddlebrown; } #bw-social { border: 5px solid brown; } @media screen and (max-width: 600px) { .bw-social-links li a span.screen-reader-text:hover { color: red !important; } } @media screen and (max-width: 400px) { body { background: brown !important; background-image: none; } }