/* Theme Name: Biz Wiz Theme URI: http://nischalmaniar.com/bizwiz Author: Nischal Maniar Author URI: http://nischalmaniar.com Description: Retina ready and fully responsive multipurpose theme. Customize layout, fonts and colors with theme options. Light and Dark color options available. Customizable Post Slideshow for front page. Built-in templates for Home page and Contact form. Featured images and custom background available. Shortcode for button feature available. Demo: http://themedemo.nischalmaniar.com/?themedemo=bizwiz Version: 1.0.1 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0-standalone.html Tags: light, dark, white, gray, one-column, two-columns, right-sidebar, fixed-width, custom-background, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: bizwiz */ @import url('css/reset.css'); @import url('css/default.css'); /* == Body == */ body { background-color: #fff; } /* == Layout == */ .wrapper { margin: 0 auto; overflow: hidden; } #primary.widget-area { float: left; padding: 0 20px; } .container { float: left; padding: 0 20px; overflow: hidden; } #content .wrapper { background: #fff url(images/divider_light.png) repeat-y top right; } #content .fullwidth { background-image: none !important; } /* == Header == */ #header { height: 130px; overflow: hidden; } #header .tablayout { height: 130px; } .site-title { line-height: 1; } .site-title, .site-title a, .site-description { color: #fff; } .site-description { font-size: 92.9%; font-family: Helvetica, Arial, sans-serif !important; margin-top: 5px; } .bizwiz-social-profile { min-height: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 1px; } .bizwiz-social-profile { width: 32px; height: 32px; margin-left: 8px; } .bizwiz-social-profile span { visibility: hidden; } #facebook-profile { background: url(images/facebook_profile.png) no-repeat; } #twitter-profile { background: url(images/twitter_profile.png) no-repeat; } #google-profile { background: url(images/google_profile.png) no-repeat; } #rss-profile { background: url(images/rss_profile.png) no-repeat; } /* == Primary Navigation == */ #primary-navigation { overflow: hidden; font-family: Helvetica, Arial, sans-serif !important; } #primary-navigation ul, #primary-navigation ul ul { list-style: none; } #primary-navigation ul li { float: left; } #primary-navigation ul ul { visibility: hidden; width: 160px; position: absolute; z-index: 999; } #primary-navigation ul ul li { width: 160px; top: 0px; left: 0px; position: relative; margin: 0; } #primary-navigation ul ul ul { left: 160px; top: -1px; position: absolute; } #primary-navigation ul li:hover > ul { visibility: visible; } #primary-navigation a { display: block; padding: 11px 9px; color: #fff; font-weight: 700; border-left: 1px #0a41d3 solid; font-size: 13px !important; } #primary-navigation ul li:first-child a { border-left: 0 none; } #primary-navigation ul ul a { background-color: #eee; color: #000; text-shadow: #f5f5f5 1px 1px; border-left: 0 none; } #primary-navigation ul ul { border: 1px #ccc solid; border-top: 0 none; } #primary-navigation ul ul li { border-top: 1px #ccc solid; } #primary-navigation ul li a:hover, #primary-navigation ul li.current-menu-item a, #primary-navigation ul li.current_page_item a { background-color: #fff; color: #000; text-shadow: #fff 1px 1px; } #primary-navigation ul li.current-menu-item li a, #primary-navigation ul li.current_page_item li a { background-color: #eee; } #primary-navigation ul li.current-menu-item li a:hover, #primary-navigation ul li.current_page_item li a:hover { background-color: #fff; color: #000; text-shadow: #fff 1px 1px; } #primary-navigation ul li li a { font-weight: 300; } #primary-navigation ul li a.has-bottom-child { background-image: url(images/arrow_down.png); background-repeat: no-repeat; background-position: right center; padding-right: 24px; } #primary-navigation ul li a.has-right-child { background-image: url(images/arrow_right.png); background-repeat: no-repeat; background-position: right center; padding-right: 21px; } #primary-navigation .responsive-menu { display: none; } /* == Slider == */ .slider-wrapper { text-align: center; background-image: url(images/slider_bg.png); background-repeat: repeat; } #slider { height: 300px !important; } #slider img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .slide-text { width: 100%; height: 100%; } .slide-item .slide-text { color: #fff; } .slide-text { font-size: 20px; font-weight: 700; text-align: left; font-family: Helvetica, Arial, sans-serif !important; } .slide-text h3 { font-size: 32px; margin-bottom: 20px; } #prev-slide { background: url(images/slider_left.png) no-repeat; width: 32px; height: 32px; margin-left: 15px; } #next-slide { background: url(images/slider_right.png) no-repeat; width: 32px; height: 32px; margin-right: 15px; } #prev-slide span, #next-slide span { visibility: hidden; } #slider-container .caption h3 { font-size: 20px !important; } #slider-container .caption { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* == Widget Area == */ .widget { padding: 25px 0; border-top: 1px #ccc dotted; clear: both; } .widget-title { margin-bottom: 16px; } .widget:first-child { border-top: 0 none; } .widget li { line-height: 170%; margin-top: 7px; } .widget li:first-child { margin-top: 0; } .widget li li:first-child { margin-top: 7px; } .widget ul ul { margin-left: 15px; } #wp-calendar { width: 100%; } #wp-calendar td, #wp-calendar th, #wp-calendar caption { padding: 5px; text-align: center; } #wp-calendar td, #wp-calendar th { border: 1px solid; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } .widget_tag_cloud a { min-height: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 1px; font-size: 100% !important; padding-left: 20px; margin-right: 10px; margin-bottom: 8px; background: url(images/tag_light.png) no-repeat left center; } /* == Home Page Sections == */ .home-section { padding: 25px 0; margin-right: 2%; } .home-section.col-1 { width: 100%; margin: 0; } .home-section.col-2 { width: 48%; float: left; } .home-section.col-3 { width: 31%; float: left; } .home-section .home-section-title { padding-bottom: 16px; border-bottom: 1px #ccc dotted; } .home-section .home-section-title img { vertical-align: middle; margin-right: 15px; } .recent-item { width: 31%; clear: none !important; float: left; margin-right: 2%; padding-bottom: 25px; padding-top: 0 !important; border-top: 0 none !important; } .recent-section-title { margin-top: 25px; padding-bottom: 16px; border-bottom: 1px #ccc dotted; } .recent-title { font-size: 100% !important; margin-bottom: 16px; } #mobile-posts { display: none; } /* == Posts == */ article.post, article.page, article.attachment { padding: 25px 0; border-top: 1px #ccc dotted; clear: both; } article.post:first-child, article.page:first-child, article.attachment:first-child { border-top: 0 none; } .entry-title { margin-bottom: 16px; } .entry-meta { margin-bottom: 16px; line-height: 150%; } .entry-meta span { background-repeat: no-repeat; background-position: left center; padding-left: 23px; margin-right: 10px; } .entry-date { background-image: url(images/calendar_light.png); } .entry-author { background-image: url(images/author_light.png); } .entry-comments { margin-right: 10px; background-image: url(images/comment_light.png); background-repeat: no-repeat; background-position: left center; padding-left: 23px; } .entry-edit { background-image: url(images/edit_light.png); } .entry-thumb { margin-bottom: 16px; text-align: center; } .entry-thumb img { max-width: 100%; height: auto; width: auto; } .entry-content { clear: both; overflow: hidden; } .entry-content * { line-height: 170%; margin-bottom: 16px; } .entry-content *:last-child { margin-bottom: 0; } .entry-content table { border: 1px #ccc solid; } .entry-content table td, .entry-content table th { border: 1px solid; padding: 10px; } .entry-content table th { font-weight: 700; } .entry-content li { list-style-position: inside; } .entry-content li li { margin-top: 16px; } .entry-content ul ul, .entry-content ol ol { margin-left: 16px; } .entry-content br { margin-bottom: 0 !important; } .entry-content h1 { font-size: 180%; } .entry-content h2 { font-size: 160%; } .entry-content h3 { font-size: 150%; } .entry-content h4 { font-size: 130%; } .entry-content h5 { font-size: 110%; } .entry-content h6 { font-size: 100%; } blockquote { background-color: #f5f5f5; word-wrap: break-word; } input[type="text"], input[type="password"], textarea { border: 1px #ccc solid; } .entry-utility { padding-top: 16px; border-top: 1px #ccc dotted; margin-top: 16px; } .entry-utility a:hover, .entry-content a:hover, #crumbs a:hover { text-decoration: underline; } .author-avatar, .author-description { min-height: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 1px; } .author-info { border-top: 1px #ccc dotted; } /* == Images == */ .wp-caption { border-color: #ccc; } /* == Breadcrumbs == */ #crumbs { margin-top: 25px; margin-bottom: 25px; } /* == Page Navigation == */ .page-navigation { padding: 25px 0; border-top: 1px #ccc dotted; clear: both; } .page-navigation a { min-height: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 1px; line-height: 1; padding: 7px; border: 1px solid; margin-right: 2px; } /* == Post Navigation == */ .post-navigation { margin-bottom: 25px; } .post-navigation .nav-previous, .post-navigation .nav-next { min-height: 1px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 1px; width: 49%; } .post-navigation span.nav-next { text-align: right; } .post-navigation a:hover { text-decoration: underline; } .comment-navigation a { margin-right: 25px; } /* == Footer == */ #footer { background-color: #111; text-shadow: #222 0 1px 0; background-image: url(images/slider_bg.png); background-repeat: repeat; color: #888; } #footer a { color: #bbb; } #footer a:hover { color: #fff; } #footer-widget-area { border-bottom: 1px #555 dotted; overflow: hidden; } #footer-widget-area.one .widget-area { width: 100%; } #footer-widget-area.two .widget-area { float: left; width: 47%; margin: 0 1.5%; } #footer-widget-area.three .widget-area { float: left; width: 30%; margin: 0 1.5%; } #footer-widget-area .widget-area .widget-title { color: #fff !important; } #footer-widget-area .widget-area .widget { border-color: #555; } #footer-widget-area .widget-area .widget input[type="text"], #footer-widget-area .widget-area .widget input[type="password"], #footer-widget-area .widget-area .widget textarea { background-color: #222; border-color: #444; color: #888; } #footer-credits { clear: both; text-align: center; padding: 25px 0; } #scrollup { position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; } /* == Contact Form == */ #bizwiz-contact-form .error { color: #ff0000; display: none; } #bizwiz-contact-form .contact-form-error { color: #ff0000; margin-bottom: 16px; } #bizwiz-contact-form .contact-form-success { color: #57ae00; margin-bottom: 16px; } #bizwiz-contact-form #bizwiz-confirmation { margin-bottom: 15px } #bizwiz-contact-form input[type="text"], #bizwiz-contact-form textarea { width: 60% !important; display: block; } #bizwiz-contact-form textarea { height: 200px } #bizwiz-contact-form label { font-weight: 700 } /* == Comments == */ #comments-title { margin-bottom: 16px; padding-top: 25px; border-top: 1px #ccc dotted; } .commentlist li { border-top: 1px #ccc dotted; } .commentlist li.odd { background-color: #eee; } .comment-meta a:hover, .comment-content a:hover { text-decoration: underline; } .comment-content { clear: both; overflow: hidden; } .comment-content * { line-height: 170%; margin-bottom: 16px; } .comment-content *:last-child { margin-bottom: 0; } .comment-content table { border: 1px #ccc solid; } .comment-content table td, .comment-content table th { border: 1px solid; padding: 10px; } .comment-content table th { font-weight: 700; } .comment-content li li { margin-top: 16px; } .comment-content ul ul, .comment-content ol ol { margin-left: 16px; } .comment-content br { margin-bottom: 0 !important; } .comment-content h1 { font-size: 180%; } .comment-content h2 { font-size: 160%; } .comment-content h3 { font-size: 150%; } .comment-content h4 { font-size: 130%; } .comment-content h5 { font-size: 110%; } .comment-content h6 { font-size: 100%; } .nocomments, .nopassword { margin-bottom: 25px; } /* == Comment form == */ #respond a:hover { text-decoration: underline; } /* == Shortcodes == */ .button-link { min-height: 1px; display: -moz-inline-stack; text-decoration: none !important; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 1px; line-height: 1; background: url(images/button_bg.png) repeat-x top left; color: #fff; padding: 8px; font-family: Helvetica, Arial, sans-serif !important; font-size: 12px !important; cursor: pointer; padding: 9px; vertical-align: baseline; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 2px; } /* == Retina Ready == */ @media all and (-webkit-min-device-pixel-ratio: 1.5) { .slider-wrapper { background-image: url(images/slider_bg@2x.png); background-size: 90px 90px; } .entry-date { background-image: url(images/calendar_light@2x.png); background-size: 16px 16px; } .entry-author { background-image: url(images/author_light@2x.png); background-size: 16px 16px; } .entry-comments { background-image: url(images/comment_light@2x.png); background-size: 16px 16px; } .entry-edit { background-image: url(images/edit_light@2x.png); background-size: 16px 16px; } #facebook-profile { background-image: url(images/facebook_profile@2x.png); background-size: 32px 32px; } #twitter-profile { background-image: url(images/twitter_profile@2x.png); background-size: 32px 32px; } #google-profile { background-image: url(images/google_profile@2x.png); background-size: 32px 32px; } #rss-profile { background-image: url(images/rss_profile@2x.png); background-size: 32px 32px; } #prev-slide { background-image: url(images/slider_left@2x.png); background-size: 32px 32px; } #next-slide { background-image: url(images/slider_right@2x.png); background-size: 32px 32px; } .widget_tag_cloud a { background-image: url(images/tag_light.png); background-size: 12px 12px; } }