/* Theme Name: Booster Theme URI: http://fasterthemes.com/themes/Booster Author: Faster Themes Author URI: http://fasterthemes.com/ Description: Booster is a clean minimal and responsive WordPress theme well suited for small businesses like Plumbing, Carpentry, Hair Salons , Individual Consultants and any other creative websites and blogs. Developed using Bootstrap 3 that makes it mobile and tablets friendly. social icon integration etc. Booster incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly. It has loads of Theme Options to manage home page content, Social media pages etc. Booster is a free WordPress theme with premium functionality and design. Version: 1.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: Blue, right-sidebar, one-column, two-columns, fluid-layout, responsive-layout, theme-options Text Domain: booster This theme, like WordPress, is licensed under the Faster Themes. Use it to make something cool, have fun, and share what you've learned with others. Booster is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. */ .custom-header-img { max-width:100%; } /* menu css */ .booster-menu, .booster-menu ul { margin: 0; padding: 0; list-style: none; } .booster-menu { max-width:960px; margin: 0px auto; } .booster-menu:before, .booster-menu:after { content: ""; display: table; } .booster-menu:after { clear: both; } .booster-menu { zoom: 1; } .booster-menu li { float: left !important; position: relative; } .booster-menu a { float: left; padding: 12px 30px; color: rgb(126, 126, 126); text-transform: uppercase; font: bold 12px Arial, Helvetica; text-decoration: none; } .booster-menu a:hover, .booster-menu a:focus { color: #FFF !important; } .booster-menu li:hover > a { color: rgb(126, 126, 126); text-decoration: none; } *html .booster-menu li a:hover { /* IE6 only */ color: #fafafa; } .booster-menu ul { opacity: 0; visibility: hidden; position: absolute; top: 38px; left: 0; z-index: 99; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .booster-menu li:hover > ul { opacity: 1; visibility: visible; margin: 0; } .booster-menu ul ul { top: 0; margin: 0 0 0 0px; _margin: 0; /*IE6 only*/ -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); box-shadow: -1px 0 0 rgba(255,255,255,.3); left:-100%; width:100%; } .booster-menu ul li a { color: rgb(38, 133, 182) !important; text-decoration: none; } .booster-menu ul li a:hover, .booster-menu ul li a:focus, .booster-menu ul li a:active { color: #FFF !important; } .booster-menu ul li { background-color: #FFFFFF; float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ } .booster-menu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .booster-menu ul a { padding: 10px; width: 140px; _height: 10px; /*IE6 only*/ display: block; float: none; text-transform: none; text-align: left; } .booster-menu ul a:hover { } .booster-menu ul li:first-child > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .booster-menu ul li:first-child > a:after { content: ''; position: absolute; left: 46%; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; } .booster-menu ul ul li:first-child a:after { border-bottom: 4px dotted rgba(0, 0, 0, 0); border-right: 4px solid rgb(38, 133, 182); border-style: solid solid dotted none; border-top: 4px solid rgba(0, 0, 0, 0); border-width: 4px 4px 4px 0; margin-top: -6px; right: 0; top: 50%; } .booster-menu ul li:first-child a:hover:after { border-bottom-color: #fff; } .booster-menu ul ul li:first-child a:hover:after { border-right-color: rgb(38, 133, 182); border-bottom-color: transparent; } .booster-menu ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .main-sidebar { font-style:normal; font-weight:normal; } .header-logo { max-width:225px; } .footer .sub-menu { display:none; } .nav > li > a:hover, .nav > li > a:focus { background-color: rgb(38, 133, 182) !important; } .navbar-nav > li > a { padding-bottom: 10px; padding-top: 10px; } @media screen and (max-width: 767px) { /* nav-wrap */ .menu-wrap { position: relative; } .menu-wrap * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* menu icon */ #menu-trigger { cursor: pointer; display: block; height: 40px; } /* main nav */ .booster-menu { margin: 0 0 0 -15px; padding: 10px; position: relative; top: 15px; width: 100%; z-index: 1; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0.96; } .booster-menu:after { content: ''; position: absolute; left: 25px; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; } .booster-menu a:hover, .booster-menu a:focus { color: #666 !important; } .booster-menu li:hover > a { color: rgb(38, 133, 182); text-decoration: none; } .booster-menu ul { position: static; visibility: visible; opacity: 1; margin: 0; background: none; border: none; padding: 4px 3px 2px 4px; } .booster-menu ul ul { margin: 0 0 0 20px !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .booster-menu li { position: static; display: block; float: none; border: 0; margin: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 90%; text-align: left; } .booster-menu ul li { margin-left: 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .booster-menu a { display: block; float: none; padding: 0; color: rgb(38, 133, 182); } .booster-menu a:hover, .booster-menu a:focus { color: #fafafa; } .booster-menu ul a { padding: 0; width: auto; } .booster-menu ul a:hover { background: none; } .booster-menu ul li:first-child a:after, .booster-menu ul ul li:first-child a:after { border: 0; } .booster-menu li { float: left !important; position: relative; } .booster-menu ul li a { text-align: left; } .booster-menu ul li { background: none; } .booster-menu li> a { color: rgb(38, 133, 182); } .booster-menu li> a:hover { color: #666 !important; } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent !important; } .booster-menu ul li a:hover, .booster-menu ul li a:focus, .booster-menu ul li a:active { color: #666 !important; } .booster-menu li a:hover { background: transparent !important; } }