/********************************************************************************************* Theme Name: Videozoom - Customized by tEkk3 Theme URI: http://www.tekk3.com/ Version: 10.1.6 Author: WPZOOM Author URI: http://www.tekk3.com License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html The PHP code portions of this WPZOOM theme are subject to the GNU General Public License, version 2. All images, cascading style sheets, and JavaScript elements are released under the WPZOOM Proprietary Use License below. These theme has been forked by tEkk3 and should not be auto-updated from Videozoom. ********************************************************************************************** WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. ********************************************************************************************** 0. CSS Reset ------------------------- All Theme Files 1. Header ---------------------------- header.php 2. Navigation ------------------------ header.php 3. Featured Slider ------------------- wpzoom-slider.php 4. Homepage --------------------------- index.php 5. Posts & Pages ---------------------- page.php, single.php 6. Comments -------------------------- comments.php 7. Sidebar & Widgets ------------------ sidebar.php 8. Footer ---------------------------- footer.php 9. Toolbox CSS ----------------------- All Theme Files **********************************************************************************************/ /********************************************************************************************* 0. CSS Reset ------------------------- All Theme Files *********************************************************************************************/ html{background:#000000;} html, body, div, h1, h2, h3, ul, ol, li, form, fieldset, input, textarea {margin: 0; padding: 0; font-size: 100%; } ul {list-style: none;} img, fieldset {border: 0;} em {font-style: italic;} strong {font-weight: bold;} /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .clear, .cleaner { clear: both; height: 0; overflow: hidden; } hr { display: none; } a img { border: none; } /* End Various Tags & Classes*/ a {text-decoration:none; color: #55cc55; outline:none; border:none;} a:hover {text-decoration:underline; } h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #fff; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; color: #fff; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; color: #55cc55; } p {margin: 0 0 16px; } input { padding:5px; } .sticky { } /********************************************************************************************* 1. Header & Page Structure ------------------------- header.php *********************************************************************************************/ body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; text-align:center; background-color: #171717; color: #888; } #container {width:100%; width: 960px; min-height: 200px; margin: 0 auto; text-align:left;} #container div.wrapper {margin: 0 auto; text-align: left;} #container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; } #container div.sep {font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 1px 0; border-bottom: solid 1px #333; } #container div.sepMenu {margin-bottom: 20px; } #header { padding: 15px 5px; border-top: solid 1px #333; border-bottom: solid 1px #333;} #logo {float: left; display: inline; font-family:"Ropa Sans", Arial, sans-serif; text-transform:uppercase; } #logo h1 a {color:#fff; font-size:82px; font-weight:bold; letter-spacing:-4px; } #logo a:hover { text-decoration:none; color:#fefefe;} #bannerHead {float: right; display: inline; } /********************************************************************************************* 2. Navigation ------------------------- header.php *********************************************************************************************/ #topNav { line-height: 1.5; float:left; width:100%; border-bottom: solid 1px #333; margin:3px 0 21px; padding-bottom:5px; position:relative; z-index:600; } #topNav a {color: #999; text-decoration: none; text-shadow: #111 1px 1px 0; } #topNav a:hover {color: #ddd;} #topNav li.current-menu-item, #topNav li.current_page_item, #topNav li.current-menu-ancestor, #topNav li.current-menu-parent, #topNav li.current_page_parent { background-color: #333; background-image:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #topMenu { display: block; margin: 3px 2px 0; width: 680px; } #topMenu li { font-size: 11px; } #menuSocial {float: right; display: inline; margin-top: 6px; font-size: 11px; } #menuSocial li {float: left; display: inline; margin-left: 5px; line-height: 20px; } #menuSocial img { float: left; display: inline; margin-right: 5px; } #menu { line-height: 29px; margin: 9px 0; } #nav { background: #cdcdcd url(images/back_menu.png) repeat-x top left; display: block; margin: 0 2px; position:relative; z-index:99; } #nav li li { margin-right: 0; border-left: none; } .dropdown { margin: 0; list-style-type: none;} .dropdown a { float: left; color: #fff; text-decoration: none; text-shadow: #000 1px 1px 0; padding:0 10px; font-weight: bold; } .dropdown a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; background: #fff; color: #55CC55; } .dropdown li { float: left; display: inline; font-size: 13px; font-weight: normal; padding: 0; margin: 0 3px 0 0; position: relative;} .dropdown li:hover a { color: #55CC55; text-shadow: none; background: #fff; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;} * html .dropdown li a { display: inline-block; /*IE6 hack to get sub menu links to behave correctly*/ } .dropdown li ul { position: absolute; left: 0; display: block; visibility: hidden; z-index: 100; background: #fff; text-align: left; margin: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; margin-top: -4px; padding: 3px 0; -moz-box-shadow: 0 4px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 4px 3px rgba(0,0,0,0.5); box-shadow: 0 4px 3px rgba(0,0,0,0.5);} .dropdown li ul li { margin: 0;} .dropdown li ul li a { width: 140px; padding: 3px 10px; margin: 0; border-top-width: 0; text-shadow: none; border-bottom: 1px solid #EAEAEA; text-transform: none; display: block; color: #333; line-height: 1.9; } .dropdown li ul li ul { top: 0; } .dropdown li ul li:last-child a, .dropdown li ul li:last-child a:hover { border: none; } .dropdown li ul li a:hover { color: #000; } .dropdown li:hover ul li a { color: #444; } .dropdown li:hover ul li:hover a:hover { background: #2f2f2f; color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .downarrowclass { background: url(images/downh.png) no-repeat center; width:5px; height:3px; display:inline-block; padding:3px 3px 3px 0; margin-left:5px;} .dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown li.current_page_item a .downarrowclass, .dropdown li.current-cat a .downarrowclass { background: url(images/down.png) no-repeat center; } .rightarrowclass { background: url(images/right.png) no-repeat center right; padding: 10px; position: absolute; right: 10px; } li.current-menu-item, li.current_page_item, li.current-menu-ancestor, li.current-menu-parent, li.current_page_parent { background: #2e2e2e url(images/back_menu.png) repeat-x top left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #topNav .dropdown a { padding: 4px 7px; } #topNav .dropdown a:hover { background: #333; color: #fff; } #topNav .dropdown li:hover a { color: #fff; background: #333; } #topNav .dropdown li ul { position: absolute; z-index: 650; background: #333; margin-top: -3px; } #topNav .dropdown li ul li a { border-bottom: 1px solid #444; color: #fff; line-height: 1.7; } #topNav .dropdown li:hover ul li:hover a:hover { background: #444; color: #fff; } /********************************************************************************************* 3. Featured Slider ------------------------- wpzoom_featured_posts.php *********************************************************************************************/ #featPosts { margin-bottom: 30px; position:relative; font-size: 12px; line-height: 18px; background: #1f1f1f url(images/back_feat_posts.png) repeat-x top left; min-height: 250px; padding: 15px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 450px; } #slider { padding:0 15px; height: 262px;} #slider li div.cover, #slider li div.cover_jw { float:left; display: block; margin-right: 15px; } #slider li p {color: #aaa; } #slider li p.postmetadata, div.singlepost p.postmetadata {font-size: 11px; line-height: 16px; color: #888; margin:0 0 5px;} #slider li h2 {font-size: 31px; line-height: 36px; margin-bottom: 10px; } p.more {font-size: 13px; font-weight: bold;} p.more a {color: #fff; padding: 5px 10px; background: #2e2e2e url(images/back_menu.png) repeat-x top left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} p.more a:hover {text-decoration: none; color: #55cc55;} #carousel {background: #252525 url(images/back_posts_small.png) repeat-x top left; padding: 15px 40px 5px 44px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #carousel .flex-viewport li { position:relative; height:98px; filter:alpha(opacity=45); opacity:.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";} #carousel .flex-viewport span {position:absolute; background:url(images/overlay.png) no-repeat; width:135px; height:98px; display:block; top:0; left:0;} #carousel .flex-viewport li.flex-active-slide, #carousel .flex-viewport li:hover {filter:alpha(opacity=100); opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #slider img { float:left; margin:0 15px 0 0;} #carousel .slides img {width: 135px; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 0 15px; position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ #slider .flex-direction-nav a {width: 20px; height: 40px; margin: -20px 0 0; display: block; background: url(images/arrows.png) no-repeat 0 0; position: absolute; top: 130px; cursor: pointer; text-indent: -9999px; opacity: 0.6; -webkit-transition: all .3s ease;} #slider .flex-direction-nav .flex-next {background-position: -21px 0; right: -20px; } #slider .flex-direction-nav .flex-prev {left: -20px;} #slider .flexslider:hover .flex-next {opacity: 0.8; right: 5px; background-position: -21px -41px;} #slider .flexslider:hover .flex-prev {opacity: 0.8; left: 5px; background-position: 0 -41px;} #slider .flex-next:hover, #slider .flex-prev:hover {opacity: 1;} #slider .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #carousel .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0.6; -webkit-transition: all .3s ease;} #carousel .flex-direction-nav .flex-next {right: 8px; background-position: 100% 0;} #carousel .flex-direction-nav .flex-prev {left: 8px;} #carousel .flexslider:hover .flex-next {opacity: 0.5; right: 5px;} #carousel .flexslider:hover .flex-prev {opacity: 0.5; left: 5px;} #carousel .flex-next:hover, #carousel .flex-prev:hover {opacity: 1;} #carousel .flex-direction-nav .flex-disabled {opacity: .3!important; cursor: default;} .flex-control-nav {width: 100%; margin:10px 0 5px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 8px; height: 8px; display: block; background: #666; background: rgba(0,0,0,0.2); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.7); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;} #slider li .postcontent { height:100%; overflow:hidden;} /********************************************************************************************* 4. Homepage (Recent articles) ---------------- index.php, archive.php, *********************************************************************************************/ /* Title */ #postFuncs {margin: 0 0 15px; background: #2e2e2e url(images/back_funcs.png) repeat-x top left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 33px; padding-left: 10px; } #funcStyler {float: right; position:relative; display: inline; margin: 10px 20px 0;} #funcStyler a {margin-left: 8px; } #postFuncs h2 {font-size: 15px; font-weight: bold; color: #fff; line-height: 33px; } #content ul.posts div.cover {margin-bottom: 5px; } #content ul.posts h2 {font-size: 14px; font-weight: bold; line-height: 20px; } #content ul.posts p {font-size: 11px; line-height: 16px; margin-bottom: 0; } p.postmetadata {color: #888 !important; } p.postmetadata a {color: #55cc55;} #content ul.posts li {float: left; display: inline; margin-bottom: 10px; } #content ul.posts li:hover {background-color: #2f2f2f;} #content ul.posts-3 li {width: 228px; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;*display: inline; } #content ul.posts li.last {margin-right: 0;} #content ul.grid p {display: none;} #content ul.grid p.postmetadata {display: block;} #content ul.list p {display: block; color: #aaa;} #content ul.list p.postmetadata {margin: 6px 0 10px; } #content ul.list h2 {font-size: 21px; font-weight: bold; line-height: 26px; } #content ul.list li {width: 100%; float: left; display: block; clear: both; margin-bottom:20px; padding:0 0 15px 0; border-bottom:1px solid #333; } #content ul.list li:last-child {border-bottom:none; } #content ul.list li:hover {background:none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none;} #content ul.list li div.cover {float: left; display: inline; margin-right: 15px; } #content ul.list p.more {margin: 12px 0 4px;} #content ul.grid li.cleaner {clear: left; display: block; visibility: hidden; float: none; font-size: 1px; line-height: 1px; height: 1px; padding:0; margin-bottom: 3px; } #content ul.list li.cleaner {display: none;} #content {float: left; display: inline; width: 715px; margin-right: 20px; } div.full #content {float: none; display: block; width: 960px; margin-right: 0; } div.full #sidebar {display: none; } div.invert #content {float: right; margin-right: 0; margin-left: 20px; } div.invert #sidebar {float: right; } #content div.postmetadata, #content div.singlepost {float: left; display: inline; } #content div.postmetadata {width: 125px; margin-right: 20px; font-size: 12px; line-height: 18px; } #content div.postmetadata .section { margin: 0 0 15px; border-bottom: 1px solid #333333; padding-bottom:10px; } #content div.postmetadata .tags a { background:#333; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:2px 5px; margin:0 3px 5px 0; float:left; } #content div.postmetadata .tags a:hover { background:#5E5E5E; color:#fff; text-decoration:none; } #content div.postmetadata h3 {font-size: 13px; font-weight: bold; color: #fff; margin: 0 0 10px; } #content div.postmetadata a {color: #888;} #content div.postmetadata a:hover {color: #55cc55;} #content div.singlepost {width: 570px; font-size: 13px; line-height: 18px; } #content div.single-page {float: none; display: block; width: 715px; } #content div.no_meta div.singlepost {width: 695px; } div.full #content div.no_meta div.singlepost {width: 960px; } div.full #content #loop li {margin-right:2px;} div.full #content div.singlepost {width: 815px; } div.full #content div.single-page {width: 960px; } div.invert #content div.postmetadata {float: right; margin-right: 0; margin-left: 20px; } /********************************************************************************************* 5. Posts & Pages Styling ------------------------- single.php, page.php *********************************************************************************************/ .singlepost {color: #ccc; font-size: 13px; line-height: 20px; overflow:hidden; } .singlepost blockquote {font-family: Georgia,serif; font-size: 24px; line-height: 32px; font-style: italic; color: #bbb; font-weight: normal; border-left: solid 3px #333; margin-left: 15px; padding-left: 15px; } .singlepost h1 {font-size: 34px; font-weight: bold; line-height: 40px; margin: 0 0 10px; border-bottom:1px solid #333; padding-bottom:10px;} div.zoomVideo {margin: 0 0 20px; } div.zoomVideoBig {width:945px;margin-top: 10px; margin-bottom: 30px; text-align: center; background: #222322 url(images/back_video_big.png) repeat-x top left; min-height: 300px; padding: 15px 0 15px 15px; border-bottom: solid 1px #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; } .gallery { margin: auto; text-align: center; clear: both; } .gallery img { border: 4px solid #111111; } .gallery-caption { margin-left: 0; } .entry { line-height: 1.5; font-size: 13px; margin-bottom:10px; } .entry ul { margin: 0 0 20px; padding: 0 0 0 30px; } .entry ul li { list-style-type: square; } .entry ol { margin: 0 0 20px; padding: 0 0 0 30px; } .entry ol li { list-style-type: decimal; } .entry h1 { font-size:26px; margin:0; line-height:1.5; border-bottom:none; padding:0; } .entry .alignleft { float:left; margin:10px 15px 10px 0; } .entry .alignright { float:right; margin:10px 0px 10px 15px; } .entry .alignnone { margin:10x 0; } .entry .shortcode-unorderedlist ul { padding:0;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-weight: bold; margin-bottom: 12px; line-height:1.3; } ul.wpzoomSocial li {float: left; display: inline; width: 130px; margin-right: 5px; line-height: 16px; margin-bottom: 8px; font-size: 11px; } ul.wpzoomSocial li img {float: left; display: inline; margin-right: 5px; } /* Begin Images */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 0 0 5px 10px; display: inline; } img.alignleft { margin: 0 10px 5px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright { margin-bottom: 10px; max-width: 570px; width:auto; height:auto; } .no_meta .entry img.alignnone, .no_meta .entry img.aligncenter, .no_meta .entry img.alignleft, .no_meta .entry img.alignright { margin-bottom: 10px; max-width: 715px; width:auto; height:auto; } .full .entry img.alignnone, .full .entry img.aligncenter, .full .entry img.alignleft, .full .entry img.alignright { margin-bottom: 10px; max-width: 815px; width:auto; height:auto; } .full .no_meta .entry img.alignnone, .full .no_meta .entry img.aligncenter, .full .no_meta .entry img.alignleft, .full .no_meta .entry img.alignright { margin-bottom: 10px; max-width: 960px; width:auto; height:auto; } #funcStyler a {display: block; width: 37px; height: 14px; background-image: url(images/switch.png); background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; position:absolute; right:0; } #funcStyler a:hover {filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } #funcStyler a.flip { background-position: left top; } /* Attachments gallery */ .thumbnails { clear:both; float:left; padding:10px 10px 5px; margin:10px 0 20px; font-size:11px; line-height:1.6em; } .thumbnails img { margin:0 5px 10px; width:144px; height:144px; border:3px solid transparent; } .thumbnails .active img { border:3px solid #FFCB65; } /********************************************************************************************* 6. Comments ------------------------- comments.php *********************************************************************************************/ #main ol.normalComments {clear: left; padding: 1em 0; margin:0; } #main ol.normalComments a:hover {color: #55cc55;} #main ol.normalComments div.comment-body {position: relative; } #main ol.normalComments div.reply {position: absolute; top: 0; right: 0; } #main ol.normalComments li {list-style-type: none; margin: 0 0 20px; padding: 15px; font-size: 12px; line-height: 18px; min-height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #main ol.normalComments li ul.children {padding: 10px 0 0; } #main ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; } #main ol.normalComments li p {margin-bottom: 0; overflow:hidden;} #main ol.normalComments img.avatar { float: left; margin: 0 15px 15px 0; } #main ol.normalComments cite {font-size: 14px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 25px; } #main ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; } #main ol.normalComments blockquote {font-size: 12px; line-height: 18px; } #main ol.normalComments span.says {display: none; } .afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; } .afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; } .afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;} #commentform {margin-top: 15px; clear: left; font-size: 12px; } #commentform code {font-size: 11px; } #commentform p {margin: 0 0 5px; font-size: 12px;} #commentform div.column {float: left; display: inline; width: 31%; margin-right: 21px; } #commentform div.last {margin-right: 0;} #commentform input {width: 100%; padding: 5px 0 5px 5px; margin-bottom: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #commentform textarea { width: 99%; height: 130px; padding: 2px; margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #respond div.sep {margin-top: 10px; border-bottom: solid 2px #333;} #formContent {clear: left; padding-top:7px; } #commentform label {font-weight:bold; line-height: 2.0em; font-size: 12px; color: #fff; margin-bottom: 5px; } #main #submit, #commentform #submit {background:none; font-size: 12px; text-transform: lowercase; padding: 5px 7px; width: auto; cursor: pointer; } #main ol.normalComments img.avatar {border: solid 4px #222; } #main #submit, #commentform #submit { background: #2e2e2e url(images/back_menu.png) repeat-x top left; color: #fff; border: none; text-transform:uppercase; font-weight:bold; font-family:Arial; font-size:11px; text-shadow:1px 1px 0 #000000; } #main #submit:hover, #commentform #submit:hover { color: #55cc55; } .afterpost .navigation .alignleft a, #single .reply a, .afterpost .navigation .alignright a, #single .cancel-comment-reply a { background-color: #d52c2c; text-shadow: #b62424 1px 1px 1px; color: #fff; } .afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, #single .reply a:hover, #single .cancel-comment-reply a:hover {color: #333; background-color: #ddd; text-shadow: #fff 1px 1px 1px; } .afterpost .navigation {background:none;} #main .normalComments li.comment {background-color: #222; border-top: solid 1px #111; } #main .normalComments li.bypostauthor, #main .normalComments ul.children li.comment { background-color: #333; } #main .normalComments cite.author {color: #333; } #main .normalComments div.gravatar img {border: solid 5px #333;} #main .normalComments div.gravatar-author img {border: solid 5px #333;} #main input, #main textarea, #commentform input, #commentform textarea {font-size: 12px; background-color: #292929; border-left: none; border-right:none; border-bottom:1px solid #343434; border-top:1px solid #0b0b0b; color: #ccc;} .trackblist { margin:10px 0; list-style-type:decimal; list-style-position:inside; font-size:12px;} .trackblist li { padding:4px 0;} #respond { clear:both;} #content h2.title {font-size: 18px; font-weight: bold; line-height: 22px;} #content h2.sep {padding: 15px 0; border-top: solid 1px #333; border-bottom: solid 1px #333;} /********************************************************************************************* 7. Sidebar & Footer Widgets ------------------------- sidebar.php, footer.php *********************************************************************************************/ #sidebar {float: left; display: inline; width: 225px; } .widget h3 {color: #fff; font-weight: bold; font-size: 16px; line-height: 22px; padding-bottom: 4px; margin: 0 0 15px; border-bottom: solid 2px #333; } .widget {font-size: 12px; line-height: 18px; margin-bottom: 20px; } .widget ul li.current-menu-item {font-weight: bold; background-color: #333; } .widget ul li.current-menu-item hover a {color: #fff; } .banner {margin:0 0 10px; } /* Category Widget */ .widget_categories ul li { text-align:right; font-weight:bold; padding:2px 0; clear:both;} .widget_categories ul li li { padding-left:12px; } .widget_categories ul li a { text-align:left; float:left; font-weight:normal;} .widget_categories ul li a:hover { text-decoration:underline; } /* Featured Category Widget */ .widget ul.posts div.cover {float: left; display: inline; margin-right: 7px; } .widget ul.posts a { font-weight:bold; } .widget ul.posts a:hover { text-decoration:none; } .widget ul.posts li {margin-bottom: 5px; padding: 4px; } .widget ul.posts li:hover {background-color: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .widget ul.posts li:hover a {color: #fff;} .widget ul.posts p {margin:0;} .widget ul.posts .postmetadata a {color:#888; font-weight:normal; font-size:11px;} /* WPZOOM Social Widget */ .widget .social li { display: inline; width: 46%; float: left; padding: 10px 0; margin-right: 6px; line-height: 16px; } .widget .social li a { font-size: 12px; font-weight: bold; } .widget .social li a span { font-size: 11px; display: block; font-weight: normal; } .widget .social img { float: left; margin-right: 7px; } /* WPZOOM Video Widget */ .wpzoom_media .open .description { margin: 10px 0 5px; font-size: 12px; line-height: 16px; } .wpzoom_media .hide { display: none; } .wpzoom_media li { border-bottom: 1px dotted #4D4C4C; list-style-type: none; font-size: 14px; padding: 8px 0; line-height: 20px; } .wpzoom_media li a { font-weight: normal; } .wpzoom_media li a.active { font-weight: bold; } /* WPZOOM: Recent Comments */ .recent-comments-list .avatar { margin-right: 12px; float: left;} .recent-comments-list li { padding: 6px 0 10px; margin:0 0 5px; } /* WPZOOM: Recent Posts */ .widget .feature-posts-list br {display: none;} .widget .feature-posts-list img {margin: 4px 12px 5px 0;float: left;} .widget .feature-posts-list small { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display: block; margin: 0 0 3px; } .widget .feature-posts-list .post-excerpt { display: block;} .widget .feature-posts-list li { padding: 6px 0; margin:0 0 5px; } .widget .feature-posts-list li a { font-weight:bold; } /* Flickr widget */ .widget .flickr_badge_image {margin-right: 9px; margin-bottom: 12px; float: left; } .widget .flickr_badge_image img { border: 3px solid #191919; width: 60px; height: 60px; } .widget .flickr_badge_image img:hover { border:3px solid #333; } #footer .widget .flickr_badge_image img { width: 62px; height: 62px; } ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; } /* Twitter widget */ .widget .twitter-list li { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 0 0 7px; margin: 0 0 7px; } .widget .twitter-list li a { font-weight: normal; } .widget .twitter-list .twitter-timestamp { display: block; color: #727272; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; text-align: right; } .widget .follow-user { margin: 0; padding: 5px 0; } #footWidgets {margin: 40px 0 20px; font-size: 12px; line-height: 18px; } #footWidgets div.column {float: left; display: inline; margin-right: 20px; width: 225px; } #footWidgets div.last {margin-right: 0;} #footWidgets a:hover {color: #55cc55;} /********************************************************************************************* 8. Footer ------------------------- footer.php *********************************************************************************************/ #footer {margin-top: 20px; text-align: left; padding: 20px 0; border-top: solid 1px #333; color: #999; } #footer p {margin:0; line-height: 18px; font-size: 11px; } #footer a {color: #55cc55; } #footer a:hover {color: #55cc55; text-decoration: underline; } #footer p.copy {font-size: 10px; text-transform: uppercase; } #footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 212px; margin-right: 5px; } #footer p.wpzoom img {float: right; display: inline; margin: 0;} #footer p.wpzoom a {color: #999; text-decoration: none;} #footer p.wpzoom a:hover {color: #55cc55; } /********************************************************************************************* 9. Toolbox CSS ------------------------- All Theme Files *********************************************************************************************/ /* Navigation */ div.navigation { position:relative; float:left; width:100%; border-top: solid 1px #333; border-bottom: solid 1px #333; text-align: center; margin-bottom:15px; font-size: 11px; } div.navigation p { font-size: 11px; margin: 0;} div.navigation a, div.navigation .current {color: #fff; padding: 8px 12px; line-height: 50px; margin-right: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; border:none;} div.navigation a:hover {background-color: #333; color: #fff; text-decoration: none; } div.navigation .current { padding: 8px 12px; background-color: #55cc55; color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border:none; margin-right: 10px;} div.navigation .prev {position:absolute; left:0; padding-right:5px;} div.navigation .next {position:absolute; right:0; padding-left:10px;} div.navigation a.next, div.navigation a.prev {line-height:35px;} div.navigation a.next:hover, div.navigation a.prev:hover {background:none; color:#55CC55;} .floatleft { float: left; } .floatright { float: right; } div.navigation {text-align: center; } div.navsep {margin-top: 20px; } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption { text-align: center; background-color: #3E3E3E; margin: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wp-caption img { margin: 0; padding: 4px 0; border: 0 none;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} img#wpstats{display:none} /* Search Form */ #searchform label {font-weight: bold; font-size: 11px; display: none; } #searchform input {float: left; display: inline; height: 18px; padding: 4px; } #searchform input#s {width: 152px;} #searchform input#searchsubmit {font-size: 12px; font-family:Arial, sans-serif; font-weight: bold; height: 28px; width: 60px; padding:0; margin-left: 4px; cursor: pointer; background: url("images/back_funcs.png") repeat-x left top #2E2E2E; position:relative; } #searchform input#searchsubmit:hover { background: url("images/back_funcs.png") repeat-x left bottom #2E2E2E;} #searchform input#searchsubmit:focus { top:1px;} /* Gravity Forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; margin: 5px 0px 4px !important; font: normal normal normal 14px Arial, sans-serif; font-weight: bold; } .gform_wrapper input.button { padding: 5px 10px 6px !important; font-size: 12px !important; } .gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-size: 12px !important; } .gform_footer { font-size: 13px !important;} .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { letter-spacing: 0px; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { } img.ui-datepicker-trigger { border: 0px; padding: 0px; } .gform_wrapper li.gfield, .gform_wrapper form li.gfield { background:#252525; -webkit-border-radius: 3px; border-radius: 3px; padding:20px; border:1px solid #383535; } .gform_wrapper .top_label .gfield_label {font-size:16px !important; font-weight:normal; color:#fff;} #main .gform_wrapper li.gfield.gfield_error, #main .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color:#252525; padding:20px !important; border-color:#720F0F; } .gform_wrapper .top_label .gfield_error { width:auto !important; } #main input[type="file"] { background:none; border:none; } .gform_wrapper .gfield_error .gfield_label { color:#A31B1B !important; } .gform_wrapper li.gfield.gfield_error .gfield_description { color:#A31B1B !important; } .gform_wrapper .validation_error{ color:#A31B1B !important; } /********************************************************************************************* 10. Media Queries *********************************************************************************************/ /* Tablet Landscape */ @media screen and (max-width: 980px) { #container { width:92%; } #logo img { max-width:100%; height:auto; } #featPosts { width:100%; } #content { width:73%; margin-right:0; } #content ul.posts-3 li { width:31%; padding:1%; } #content ul.list li { width:100%; } #content ul.posts div.cover img { width:100%; height:auto; max-width:100%; } #sidebar { width: 23%; float:right; } #sidebar .widget { width:100%; } #sidebar iframe { max-width:100%; width:100%; } #footWidgets div.column { width: 24%; padding:0; margin-right:1%; } #footWidgets .column .widget { width:100%; } #content div.postmetadata { width: 20%; margin-right:2%; } #content div.singlepost { width: 78%; } div.zoomVideoBig { width:96% !important; max-width: 100%; padding:2%; position:relative; } #jw_video { width: 100% !important; } #jw_video_video { width: 100% !important; } #jw_video_displayarea { width: 100% !important; } #jw_video_jwplayer_controlbar { bottom:10px !important; } #jw_video_jwplayer_display { width: 100% !important; } #jw_video_jwplayer_display_iconBackground { top:48% !important; left:45% !important; } .zoomVideo object { width:100%; height:50%; max-width:100%; } /* Template: Full-width */ .full-width #content { width: 100%; } .full-width h1.archive_title { width:100%; } .full-width .entry img { max-width: 100%; } .full-width .entry .wp-caption { max-width:100%; } .entry img.alignnone, .entry img.aligncenter, .entry img.alignleft, .entry img.alignright, .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width:auto; height:auto; } .full-width .entry img.alignnone, .full-width .entry img.aligncenter, .full-width .entry img.alignleft, .full-width .entry img.alignright, .full-width .entry img.attachment-fullsize { margin-bottom: 10px; max-width: 100%; width:auto; height:auto; } #content div.single-page { width:100% !important; } div.full #content {width:100%; } #content div.no_meta div.singlepost {width: 100%; } div.full #content div.no_meta div.singlepost {width: 100%; } div.full #content div.singlepost {width: 78%; } div.full #content div.single-page {width: 100%; } } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* Tabled Portrait */ @media screen and (max-width: 768px) { #logo h1 a {font-size:62px; } #bannerHead {display:none;} #featPosts .cover { width:50% !important; } #featPosts .cover_jw { width:50% !important; max-width: 100%; } #slider img { width:50% !important; height:auto; max-width:50%; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { #menuSocial { float:left; width:100%; margin-bottom:15px; } #topMenu { width:98%; } #bannerHead {display:none; } #featPosts .cover { width:100% !important; margin-bottom:15px; } #featPosts .cover_jw { width:100% !important; margin-bottom:15px; } #slider img { width:100% !important; height:auto; max-width:100%; margin-bottom:15px; } #featPosts .postcontent { width:100% !important; clear:both; float:left; } #content { width:100%; margin-right:0; } #content ul.posts-3 li { width:31%; padding:1%; } #content ul.list li { width:100%; } #content ul.posts div.cover img { width:100%; height:auto; max-width:100%; } #content div.postmetadata { display:none; } #content div.singlepost { width: 100%; } #sidebar { width: 100%; float:right; } #sidebar .widget { width:100%; } #footWidgets div.column { width: 100%; padding:0 1% 0 0; } #footWidgets .column .widget { width:100%; } } #homepage_left { float: left; width: 205px; padding-right: 10px; } #homepage_center { float: left; width: 205px; padding-right: 10px; } #homepage_right { float: left; width: 205px; } #homepage_left h4 { padding: 5px; background: #2D2D2D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; } #homepage_center h4 { padding: 5px; background: #2D2D2D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; } #homepage_right h4 { padding: 5px; background: #2D2D2D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; } #homepage_left_bot { float: left; width: 205px; padding-right: 10px; clear: both; } #homepage_center_bot { float: left; width: 205px; padding-right: 10px; } #homepage_right_bot { float: left; width: 205px; } #homepage_left_bot h4 { padding: 5px; background: #2D2D2D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; } #homepage_center_bot h4 { padding: 5px; background: #2D2D2D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; } #homepage_right_bot h4 { padding: 5px; background: #2D2D2D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: white; }