/* Theme Name: Bizznik Theme URI: http://www.bizznik.maniacthemes.com Description: A simple wordpress theme that can be used as cms for all type of business, portfolio or product sites. Bizznik supports theme options like custom header and custom slider. Version: 1.0 Author: Maniac Themes Author URI: www.maniacthemes.com Tags: blue, white, two-columns, fixed-width, custom-header, custom-menu License: GPL License URI: http://wordpress.org/about/gpl/ */ /* HTML ELEMENTS --------------------------*/ * { margin: 0; padding: 0; } a:link, a:visited, a:focus { color: #20b5e6; outline: none; text-decoration: none; } a:hover { color: #666; } :focus { outline: none; border: none; } img { border: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-bottom: 15px; line-height: 1.3; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } small { font-size: 11px; } pre { background: #f3f3f3; padding: 10px 20px; margin-bottom: 30px; } blockquote { background: url(images/quote.png) no-repeat; font: italic 17px/1.5 Georgia, "Times New Roman", Times, serif; padding-left: 50px; overflow: hidden; } blockquote cite { float: right; font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; font-weight: bold; margin-bottom: 30px; } dl { margin-bottom: 30px; } dt { font-size: 16px; } dd { margin-bottom: 15px; } address { line-height: 2; margin-bottom: 30px; } table, td, td { vertical-align: middle; } th, td, caption { padding: 6px 10px; } table { margin-bottom: 30px; border: 1px solid #ccc; border-collapse: collapse; } th { background: #f9f9f9; font-weight: bold; padding: 10px 20px; border: 1px solid #eee; } td { border: 1px solid #eee; } input, textarea { font-family: inherit; font-size: inherit; color: inherit; border: none; } input[type="submit"] { cursor: pointer; } fieldset { border: none; } body { background: #f3f3f3; color: #666; font: 13px/1.6 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; border-top: 8px solid #03060d; } .container { width: 960px; margin: 0 auto; } /* HEADER --------------------------*/ #header .container { background: #fff; width: 920px; padding: 20px; border-bottom: 1px solid #eee; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } #header .logo { background: url(images/logo.png) no-repeat; float: left; width : 164px; height: 62px; text-indent: -9999px; } #header .logo a { display: block; height: 100%; } /* TOP MENU --------------------------*/ #top-menu { clear: both; background: #fff; float: left; width: 100%; position: relative; z-index: 20; } #top-menu ul { list-style: none; float: left; width: 100%; } #top-menu a { color: #666; font-size: 12px; font-weight: bold; height: 100%; padding: 10px 20px; letter-spacing: 0.8px; text-transform: uppercase; text-shadow: 0 1px 1px #ccc; position: relative; } /*** DROPDOWN MENU ***/ #top-menu .sf-menu > li { border-right: 1px solid #eee; } #top-menu .sf-menu ul li { border-bottom: 1px solid #eee; } #top-menu .sf-menu ul li.last-child { border-bottom: none; } #top-menu .sf-menu ul li:last-child { border-bottom: none; } #top-menu .sf-menu ul a { background: #fff; } /*** DROPDOWN MENU END ***/ #top-menu a:hover, #top-menu .sf-menu li.current-menu-item > a, #top-menu .sf-menu li.current_page_parent > a { color: #000; } #top-menu .sf-menu li.current-menu-item > a, #top-menu .sf-menu li.current_page_parent > a { background: #f3f3f3; } /* CONTENT --------------------------*/ .content { clear: both; background: #fff url(images/shadow-bg.png) repeat-y 690px top; margin-bottom: 10px; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } .full-width { background-image: none; } .left-sidebar { background-position: 255px top; } .content p { margin-bottom: 30px; } /* MAIN CONTENT --------------------------*/ .main-content { float: left; width: 660px; padding: 20px; overflow: hidden; } .full-width .main-content { width: 920px; } .left-sidebar .main-content { float: right; } .main-content ul { list-style: outside disc; margin: 0 0 30px 30px; } .main-content ol { list-style: outside decimal; margin: 0 0 30px 30px; } .main-content li { margin-bottom: 10px; } .main-content ul ul { margin: 5px 0 20px 25px; } .main-content ol ol { margin: 5px 0 20px 35px; } .main-content ol ol { list-style-type: upper-alpha; margin: 5px 0 20px 35px; } .main-content ol ol ol { list-style-type: lower-roman; } .main-content ol ul { margin: 5px 0 20px 50px; } .main-content label { display: block; margin-bottom: 3px; } .main-content label input { margin: 5px 0 0 !important; } .main-content input[type="text"], .main-content input[type="password"], .main-content text, .main-content select { padding: 5px; margin-bottom: 15px; border: 1px solid #ddd; } .main-content input[type="text"], .main-content input[type="password"] { width: 220px; } .main-content input[type="submit"] { background: #20b5e6; color: #fff; font-size: 12px; font-weight: bold; font-family: inherit; letter-spacing: 0.8px; padding: 7px; border: none !important /* IE7 */; text-transform: uppercase; } .main-content input[type="submit"]:hover { background: #1da0cc; } /* SIDEBAR --------------------------*/ ul.sidebar { list-style: none; float: right; width: 260px; overflow: hidden; } .left-sidebar .sidebar { float: left; } .sidebar li.widget { float: left; width: 100%; padding-bottom: 20px; } .sidebar .widget-title { background: #f3f3f3; font-size: 18px; padding: 8px 20px; text-shadow: 0 1px 1px #fff; } .sidebar .widget ul { list-style: none; padding: 0 20px; } .sidebar .widget li { float: left; width: 100%; border-bottom: 1px solid #f1f1f1; } .sidebar .widget li.last-child { border-bottom: none; } .sidebar .widget li:last-child { border-bottom: none; } .sidebar .widget li a { display: block; padding: 8px 0; line-height: 1.2; } .sidebar .textwidget, .sidebar .tagcloud { padding: 0 20px; } .search-box { background: #fff url(images/subscribe-bg.png) repeat-x; width: 220px; margin-left: 20px; border: 1px solid #ddd; overflow: hidden; } .search-box p { float: left; margin: 0 !important/* .content p */; } .search-box input.search { background: none; color: #666; float: left; width: 160px; padding: 10px; border: none; } .search-box input.search-btn { background: #f3f3f3 url(images/search-icon.png) no-repeat center center; float: right; width: 40px; height: 36px; border: none; text-indent: -9999px; cursor: pointer; } .widget_categories select { color: #666; width: 220px; padding: 5px; margin-left: 20px; border: 1px solid #eee; } #wp-calendar { margin-bottom: 0; } ul#recentcomments li { padding: 8px 0; } /* FOOTER --------------------------*/ #credit { color: #999; font-size: 12px; width: 960px; margin: 0 auto 20px; text-align: right; } /* WORDPRESS --------------------------*/ /*** INDEX ***/ .type-post, .type-page { clear: both; float: left; width: 100%; } .blog .type-post, .search-results .type-page { padding-top: 30px; margin-bottom: 35px; border-top: 1px solid #f3f3f3; } .blog .type-post.first-child, .search-results .type-page.first-child { border-top: none; padding-top: 0; } .blog .type-post:first-child, .search-results .type-page:first-child { border-top: none; padding-top: 0; } .entry { float: left; width: 100%; position: relative; overflow: hidden; } div.excerpt { overflow: hidden; } .excerpt p { margin: 0; } .excerpt cite { margin: 0; } .excerpt .wp-caption { margin: 0 auto; } .post-title, .page-title { font-size: 20px; } .post-title { margin: 0; } .page-title { margin-bottom: 20px; } .single-post-pagination { clear: both; display: inline-block; background: #f3f3f3; font-size: 14px; padding: 7px 20px; } .post-navigation { clear: both; padding: 10px 0; margin-bottom: 30px; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; overflow: hidden; } .meta { font-size: 12px; color: #888; margin: 0 0 20px !important; } .tags { clear: both; } .wp-post-image-link { float: left; width: 150px; height: 150px; border: 5px solid #eee; margin-right: 20px; } .wp-post-image { float: left; } .sticky { } .bypostauthor { } .prev-post { float: left; } .next-post { float: right; } .alignnone { margin-top: 10px; } .alignleft { float: left; margin: 10px 20px 30px 0; } .alignright { float: right; margin: 10px 0 30px 20px; } .aligncenter { display: block; margin: 30px auto; } .wp-caption.alignleft { float: left; margin-top: 0; } .wp-caption.alignright { float: right; margin-top: 0; } .left { float: left !important; } .right { float: right !important; } /*** Gallery ***/ .gallery { float: left; width: 100%; } .gallery-item { margin: 0 0 30px !important; /* Overwrite default css */ } .gallery-icon img { background: #fff; padding: 5px; border: 1px solid #ddd !important; -moz-box-shadow: 0 0 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.15); box-shadow: 0 0 2px rgba(0,0,0,.15); /* Overwrite default css */ } .gallery-caption { display: block; background: #f1f1f1; width: 80%; padding: 5px; margin: 5px auto 0 !important; border: 1px solid #eee; /* Overwrite default css */ } p.gallery-images-count { font-weight: bold; margin-top: 15px; } /*** Post Format ***/ .format-status { font-size: 16px; } .format-aside .excerpt { border-left: 5px solid #f3f3f3; padding-left: 20px; } .format-chat .excerpt { background: #f3f3f3; padding: 10px; } /** Image Post ***/ .size-medium, .size-large, .size-small, .size-full { background: #fff; padding: 5px; border: 1px solid #ddd; } .wp-caption { background: #fff; font-style: italic; border: 1px solid #ddd; margin-bottom: 30px; text-align: center; -moz-box-shadow: 0 0 2px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 2px rgba(0,0,0,.15); box-shadow: 0 0 2px rgba(0,0,0,.15); } .wp-caption a { float: left; } .wp-caption img { border: none; } .wp-caption .wp-caption-text { clear: both; font-style: italic; padding-bottom: 10px; margin: 0; /* Overwrite .content p */ } /* General Classes --------------------------*/ .lastr { margin-right: 0 !important; } .lastb { margin-bottom: 0 !important; } .lastt { margin-top: 0 !important; } .lastl { margin-left: 0 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .preloader { display: block; background: #fff url(images/preloader.gif) center center no-repeat; } /* Threaded Comments --------------------------*/ .nocomments { clear: both; } #comments-count { clear: both; font-weight: bold; } .comments-navigation { clear: both; padding: 10px 0; margin-bottom: 30px; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; overflow: hidden; } ol.commentlist { list-style: none; margin: 0 0 30px 0; } ol.commentlist li.comment, ol.commentlist li.pingback, ol.commentlist li.trackback { padding: 5px 10px 10px 64px; margin-bottom: 10px; border: 1px solid #e5e5e5; position: relative; } ol.commentlist li.pingback comment-author { padding: 0 170px 0 0; } ol.commentlist li div.vcard cite.fn { font-weight: bold; } ol.commentlist li div.vcard cite.fn a.url { } ol.commentlist li div.vcard cite.fn a.url:hover { } ol.commentlist li div.vcard img.avatar { background: #fff; padding: 5px; border: 1px solid #ddd; position: absolute; top: 7px; left: 7px; } ol.commentlist li div.comment-meta { font-size: 10px; text-align: right; position: absolute; right: 10px; top: 5px; } ol.commentlist li div.comment-meta a { color: #999; } ol.commentlist li p { margin: 5px 0 12px; } ol.commentlist li div.reply { margin-bottom: 5px; } ol.commentlist li div.reply a { background: #999; color: #fff; font-size: 10px; padding:4px 5px 4px; text-transform: uppercase; text-align: center; } ol.commentlist li div.reply a:hover { background: #20b5e6; } ol.commentlist li ul.children { list-style: none; margin: 12px 0 0; text-indent:0; } ol.commentlist li ul.children li { list-style: none; } ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4, ol.commentlist li ul.children li.depth-5 { margin: 0; } ol.commentlist ul.children li.odd { background: #fff; } ol.commentlist ul.children li.even { background: #fafafa; } ol.commentlist li.pingback div.vcard { padding: 0 170px 0 0; } #respond { clear: both; background: #f3f3f3; padding: 20px; position: relative; } #reply-title { margin-bottom: 5px; } #cancel-comment-reply-link { position: absolute; top: 20px; right: 20px; } #commentform p { margin-bottom: 20px; } #respond label { display: inline /* main-content label */; font-size: 14px; } #respond .required { font-size: 12px; color: red; } #commentform input[type="text"], #commentform textarea { display: block; background: #fff; color: #666; font-size: inherit; font-family: inherit; border: 1px solid #ddd; box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2); } #commentform input[type="text"] { width: 280px; padding: 10px 5px; margin-right: 5px; } #commentform .comment-form-comment { margin-bottom: 10px; } #commentform textarea { width: 95%; padding: 5px; line-height: 1.5; } #commentform input[type="text"]:focus, #commentform textarea:focus { background: #fdfbeb; color: #333; border: 1px solid #ddd; } #commentform .form-submit { margin-bottom: 0; } #commentform #submit { background: #20b5e6; color: #fff; font-size: 12px; font-weight: bold; font-family: inherit; letter-spacing: 0.8px; padding: 7px; border: none !important /* IE7 */; text-transform: uppercase; } #commentform #submit:hover { background: #1da0cc; } /* Wp Calendar Widget --------------------------*/ #wp-calendar * { background: none; padding: 0; margin: 0; } .widget_calendar h3 { display: none; } #wp-calendar { width: 100%; border: none; } #wp-calendar caption { font-weight: bold; padding: 5px 0; } #wp-calendar th { text-align: center; } #wp-calendar tr { margin: 0 0 5px; } #wp-calendar td { text-align: center; } #wp-calendar a { display: block; height: 100%; } /* Clear Floated Elements --------------------------*/ .clear { clear: both; visibility: hidden; display: block; width: 0; height: 0; overflow: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom:1; }