/* * Simple - Theme * * WARNING: This file is a core part of the * BNE HTML Framework & Simple Theme. This theme * is designed around this file NEVER being altered. * It is advised that any edits to the way this file * displays its content be done with the custom.css file * already provided for you in /assets/css/custom.css * then add that file into your page * * @author Kerry Kline * @copyright Copyright (c) 2013, Kerry Kline * @link http://www.bluenotesentertainment.com * @package BNE HTML Framework * @package Simple * * @updated: 04/13/2013 * * * === Table of Content === * * 1) General Page & Typography Styles * 2) Header Section * 3) Primary Menu * 4) Featured Section * 5) Main Content Section * 6) Footer Section * 7) Blog Loop / Single Post * 8) Buttons * 9) Images * 10) Forms * 11) Flexslider * 12) Tabs and Toggles * 13) Tables * 14) Additional Responsive Settings/Overrides * */ /* ============================================================ * 1) General Page & Typography Styles * ========================================================= */ /* == Page Body == */ body { /* More texture options are available in /framework/images/textures. These are translucent images so add a color hex to the background to give it a totally new look. */ background: #fff; } /* == Headings == */ h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif;} .entry-title { border-top: solid 0px #ccc; border-bottom: solid 0px #ccc; padding: 5px 0px; } .error-page {font-size: 4em;} /* == Links == */ a, a:hover, a:visited, #footer-copy a, #footer-copy a:hover, #footer-navigation li a, #footer-navigation li a:hover, .sidebar .widget .menu ul li a:hover, .sidebar .widget .menu ul li a.active {color: #006699;} /* == Dropcaps == */ .dropcap.round, .dropcap.square { background-color: #842B18; } /* ============================================================ * 2) Header Section * ========================================================= */ #logo {text-align:center; display:block;} /* ============================================================ * 3) Primary Menu * ========================================================= */ /* Menu Background and Wrapper */ #access { background-color: transparent; background-image: none; filter: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* Level 1 Only */ #primary-menu {text-align: center;} #primary-menu > li { border-right: none; float: none; text-align: center; display: inline-block; } #primary-menu > li > a { font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; } #primary-menu > li > a.sf-with-ul:after { font-size: .4em;} #primary-menu li a:hover { background: #EEE; color: #555; } #primary-menu li a.active { background: #EEE; color: #555; } /* Level 2 + */ #primary-menu ul li a { color: #999; text-align: left; font-size:14px; border:thin #EEE solid; } #primary-menu > li > ul { margin-left: 25px; } #primary-menu ul { -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5); background: #FFF; } #primary-menu li li a:hover, #primary-menu li li a.active { background: #EEE; color:#000; border:thin #CCC solid; } /* Level 2 First Child Arrow */ #primary-menu ul li:first-child > a:after { content: ''; position: absolute; left: 10%; top: -4px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #666; } /* Level 3+ First Child Arrow */ #primary-menu ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #444; } /* ============================================================ * 4) Featured Section * ========================================================= */ #featured-wrapper { margin:20px 0px; } /* Full width container for the featured-wrapper */ #featured-wrapper .container.full { max-width:100%; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px rgba(0, 0, 0, .5); } #featured-wrapper .container.full .inner-content { padding: 0px; } #featured-wrapper .flexslider { margin: 0px 0px 30px 0px; background: transparent; padding: 0px; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #featured-wrapper .flexslider .flex-control-nav { left: 0px; } #featured-wrapper .flexslider .flex-control-nav li { float: none; text-align: center; display: inline-block; } /* ============================================================ * 5) Main Content Section * ========================================================= */ .canvas { padding: 20px 10px; line-height:35px; background: transparent; border-radius: 0px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ============================================================ * 6) Footer Section * ========================================================= */ /* ============================================================ * 7) Blog Loop / Single Post * ========================================================= */ .blog-post:first-child { margin: 0px; } .entry-meta { color: #777; } /* ============================================================ * 8) Buttons * ========================================================= */ /* Default Button Font Color */ .button, a.button { color: #333 !important; } /* ============================================================ * 9) Images * ========================================================= */ .pretty, .gallery li img, .post-featured-image img, #comments .avatar { border: 1px solid #bbb; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #ddd; -webkit-box-shadow: 0px 0px 3px #CCC, inset 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 3px #CCC, inset 0 0 4px rgba(0, 0, 0, .2); box-shadow: 0px 0px 3px #CCC, inset 0 0 4px rgba(0, 0, 0, .2); } /* ============================================================ * 10) Forms * ========================================================= */ /* ============================================================ * 11) Flexslider * ========================================================= */ .flexslider, .testimonial-flexslider.flexslider { border: 1px solid #bbb; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #ddd; -webkit-box-shadow: 0px 0px 3px #CCC, inset 0 0 4px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 3px #CCC, inset 0 0 4px rgba(0, 0, 0, .2); box-shadow: 0px 0px 3px #CCC, inset 0 0 4px rgba(0, 0, 0, .2); } .flex-direction-nav a { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 40px; color: #ccc; /* IE Fallback */ color: rgba(219,219,219,0.7); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } /* ============================================================ * 12) Tabs and Toggles * ========================================================= */ .toggle-content { padding: 30px; border: 1px solid #ddd; background: #eee; } /* ============================================================ * 13) Tables * ========================================================= */ /* ============================================================ * 14) Additional Responsive Settings/Overrides * ========================================================= */ @media only screen and (max-width: 768px) { #primary-menu > li > a { font-size: 1.7em; } }