/* BW red scheme. Since version 1.1 -----------------------------------------------*/ .site-title { text-shadow: 2px 2px darkred; } .site-title a:hover { text-shadow: 2px 2px red; } #secondary, #show, article { background-color: transparent; } h1.entry-title, .entry-title a, h2.post-type { color: #300; } .entry-title, h1.entry-title, h2.post-type, #bw-social, .error-404 { background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(204,0,0,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(204,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,0.9) 100%); background: -o-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,0.9) 100%); background: -ms-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(204,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(204,0,0,1) 0%,rgba(204,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cccc0000',GradientType=0 ); } .widget-title { background: -moz-linear-gradient(top, rgba(255,0,132,1) 0%, rgba(255,0,132,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,132,1)), color-stop(100%,rgba(255,0,132,0.8))); background: -webkit-linear-gradient(top, rgba(255,0,132,1) 0%,rgba(255,0,132,0.8) 100%); background: -o-linear-gradient(top, rgba(255,0,132,1) 0%,rgba(255,0,132,0.8) 100%); background: -ms-linear-gradient(top, rgba(255,0,132,1) 0%,rgba(255,0,132,0.8) 100%); background: linear-gradient(to bottom, rgba(255,0,132,1) 0%,rgba(255,0,132,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#ccff0084',GradientType=0 ); } .entry-title a:hover, .widget-title { color: #600; } h3.sticky { background: #fff0f0; } h3.sticky:hover { background: #f97593; } .entry-meta { background: darkred; color: hotpink; } .entry-meta a, .entry-meta a:visited { color: deeppink; } .entry-meta a:hover { color: pink; } .entry-content, .entry-summary { background: #951400; color: #fbf3f3; } .entry-content a { color: #d9a19a; } .entry-content a:hover { color: #f5e5e5; } .widget { background: #cf3333; } aside, aside .wp-caption text { color: black; } .widget a, .widget a:visited { color: lightcyan; } .widget a:hover { color: black; } .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: #e9c0c0; } [class*="navigation"] .nav-previous, [class*="navigation"] .nav-next, .navigation { background: blue; } [class*="navigation"] .nav-previous:hover, [class*="navigation"] .nav-next:hover, .navigation:hover { background: brown; } .site-footer { background-image: linear-gradient(top, rgb(225,0,0) 0%, rgb(124,0,0) 100%); background-image: -o-linear-gradient(top, rgb(225,0,0) 0%, rgb(124,0,0) 100%); background-image: -moz-linear-gradient(top, rgb(225,0,0) 0%, rgb(124,0,0) 100%); background-image: -webkit-linear-gradient(top, rgb(225,0,0) 0%, rgb(124,0,0) 100%); background-image: -ms-linear-gradient(top, rgb(225,0,0) 0%, rgb(124,0,0) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(225,0,0)), color-stop(1, rgb(124,0,0)) ); border-radius: 10px; color: lavender; } .site-footer a, .site-footer a:visited, .site-footer a:hover { color: ivory; } #primary p.author-bio { color: #ee9a9a; } #primary p.the-author { color: #951400; background: #ead1d1; } .vcard { color: #99ff88; } .error-404 { color: bisque; } #container { background: #fdd; color: #300; } .main-navigation { background: darkred; border:5px solid pink; } .main-navigation a, .bw-social-links a { color: yellow; } .main-navigation a:hover { background: darkred; color: pink; } .main-navigation ul ul { box-shadow: 0 3px 3px hotpink; color: pink; background: red; } #bw-social { border: 5px solid pink; } @media screen and (max-width: 600px) { .bw-social-links li a span.screen-reader-text:hover { color: red !important; } } @media handheld and (max-width: 400px) { body { background: darkred !important; background-image: none; } }