/* Theme Name: Tankchair Theme URI: http://wordpress.org/themes/tankchair Author: the WordPress team Author URI: http://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: tankchair This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;} body { line-height: 1; margin: 0; padding: 0; border: 0; vertical-align: baseline;} h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both;} ol, ul { list-style: none;} blockquote { quotes: none;} blockquote:before, blockquote:after { content: ''; content: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* =Fonts -------------------------------------------------------------- */ h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} pre { font-family: "Courier 10 Pitch", Courier, monospace;} code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} body, input, textarea { color: #666; font-size: 0.750em; line-height: 18px;} hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;} /* Text elements */ p { margin-bottom: 18px;} ul { list-style: square; margin: 0 0 18px 1.5em;} ol { list-style: decimal; margin: 0 0 18px 1.5em;} ol ol { list-style:upper-alpha;} ol ol ol { list-style:lower-roman;} ol ol ol ol { list-style:lower-alpha;} ul ul, ol ol, ul ol, ol ul { margin-bottom:0;} dl { margin:0 0 24px 0;} dt { font-weight: bold;} dd { margin-bottom: 18px;} strong { font-weight: bold;} cite, em, i { font-style: italic;} big { font-size: 131.25%;} ins { background: #ffc; text-decoration: none;} blockquote { font-style: italic; padding: 0 3em;} blockquote cite, blockquote em, blockquote i { font-style: normal;} pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative;} sup { bottom: 1ex;} sub { top: .5ex;} input[type="text"], textarea { padding: 2px; background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);} table { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%;} tr th, thead th { color: #888; font-size: 0.750em; font-weight: bold; line-height: 18px; padding: 9px 24px;} tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px;} tr.odd td { background: #F2F7FC;} .attachment img { max-width: 900px;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .alignleft, img.alignright, img.aligncenter { margin-bottom: 12px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px;} .wp-caption img { margin: 5px 5px 0;} .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 0.750em;} .wp-smiley { margin:0;} /* =Comments -------------------------------------------------------------- */ #comments { clear: both;} #comments .navigation { padding: 0 0 18px 0;} h3#comments-title, h3#reply-title { color: #000; font-weight: bold; font-size: 1.250em; margin-bottom: 0;} h3#comments-title { padding: 24px 0;} .commentlist { list-style: none; margin: 0;} .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative;} .commentlist li:last-child { border-bottom:none; margin-bottom:0;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px;} #comments .comment-body p:last-child { margin-bottom: 6px;} #comments .comment-body blockquote p:last-child { margin-bottom: 24px;} .commentlist ol { list-style: decimal;} .commentlist .avatar { position: absolute; top: 4px; left: 0;} .comment-author {} .comment-author cite { color: #000; font-style: normal; font-weight: bold;} .comment-author .says { font-style: italic;} .comment-meta { font-size: 0.750em; margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none;} .comment-meta a:active, .comment-meta a:hover {} .commentlist .even {} .commentlist .bypostauthor {} .reply { font-size: 0.750em; padding: 0 0 24px 0;} .reply a, a.comment-edit-link { color: #888;} .reply a:hover, a.comment-edit-link:hover { color: #FF4B33;} .commentlist .children { list-style: none; margin: 0;} .commentlist .children li { border: none; margin: 0;} .nopassword, .nocomments { display: none;} #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback { margin-top: -6px;} #comments .pingback p { color: #888; font-size: 0.750em; line-height: 18px; display:block; margin: 0;} #comments .pingback .url { font-style: italic; font-size: 0.813em;} /* Comments form */ input[type=submit] { color: #333;} #respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative;} #respond p { margin: 0;} #respond .comment-notes { margin-bottom: 1em;} .form-allowed-tags { line-height: 1em;} .children #respond { margin: 0 48px 0 0;} h3#reply-title { margin: 18px 0;} #comments-list #respond { margin: 0 0 18px 0;} #comments-list ul #respond { margin: 0;} #cancel-comment-reply-link { font-size: 0.750em; line-height: 18px; font-weight: normal;} #respond .required { color:#FF4B33; font-weight:bold;} #respond label { color: #888; font-size: 0.750em;} #respond input { margin:0 0 9px; width:98%;} #respond textarea { width:98%;} #respond .form-allowed-tags { color: #888; font-size: 0.750em; line-height: 18px;} #respond .form-allowed-tags code { font-size: 0.688em;} #respond .form-submit { margin: 12px 0;} #respond .form-submit input { width: auto; font-size: 0.875em;} .clear{clear:both; font-size:0px;line-height:0px; display:block;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} ul {margin: 0;} li {list-style: none;} /******Global Elements*******/ a {color:#000; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:48px; line-height: 48px;} h2 {font-size:32px;} h3 {font-size:30px;} h4 {font-size:28px;} h5 {font-size:24px;} h6 {font-size:18px; line-height: 18px;} /* ----------------------- layout ----------*/ html {} body {background: #000000; font-family: 'Varela Round', sans-serif; font-size: 16px; color: #ffffff;} .flt_Lt {float:left; display:inline;} .flt_Rt {float:right; display:inline;} .wrapper {margin:0 auto;} .container {width:1100px; margin:0 auto; /*border:1px solid red; border-top:0 none;*/} a {color: #ffffff;} /* ------------------ HEADER HERE -------------------*/ #header {padding: 10px 0 20px;} #logo {float: left; padding: 10px 0 0 0;} #header .right-header {float: right;} #header .right-header .social ul {float: right;} #header .right-header .social ul li {float: left; margin: 0 3px 0 0;} /* ------------------------- NAVIGATION HERE ---------------*/ #nav {padding: 20px 0 0 0; position: relative; z-index: 1000;} #nav ul {float: right;} #nav ul li {float: left; margin: 0 55px 0 0; position: relative;} #nav ul li a {font-size: 16px; display: block;} #nav ul li a span {} #nav ul li a:hover, #nav ul li.active a {color: #f4b42b;} #nav ul li ul {display: none; position: absolute; top: 100%; left: -10px; width: 150px; background: url(http://www.tankchair.com/wp-content/themes/tankchair/images/black-trans.png) scroll repeat 0 0; padding: 10px 0;} #nav ul li ul li {float: none; margin: 0; padding: 10px 10px;} #nav ul li:hover ul {display: block;} /* ------------------------ MAIN CONTENT HERE --------------*/ .maincontent {background: #ffffff;} .flexslider-one, .flexslider-one li {position: relative;} .flexslider-one .caption {position: absolute; left: 35px; bottom: 45px; z-index: 1000;} .flexslider-one .caption h6 {} .flexslider-one .caption h1 {} .flexslider-one .caption h3 {color: #f4b42b;} .flexslider-one .flex-control-nav {display: none;} .flexslider-one .flex-direction-nav {position: absolute; left: 0; width: 100%; top: 45%;} .flexslider-one .flex-direction-nav li {} .flexslider-one .flex-direction-nav a {display: block; position: absolute; z-index: 10000; text-indent: -9999px; width: 15px; height: 24px;} .flexslider-one .flex-direction-nav a.flex-prev {background: url(http://www.tankchair.com/wp-content/themes/tankchair/images/slider-left.png) scroll no-repeat 0 0; left: 30px;} .flexslider-one .flex-direction-nav a.flex-next {background: url(http://www.tankchair.com/wp-content/themes/tankchair/images/slider-right.png) scroll no-repeat 0 0; right: 30px;} .flexslider-one li {margin-bottom: -5px !important;} h1 {font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px;} .story {background: #f4b42b; padding: 40px 50px;} .story h4 {font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px;} .story h4 span {background: url(http://www.tankchair.com/wp-content/themes/tankchair/images/white-arrow.png) scroll no-repeat center right; padding: 0 50px 0 0;} .services {} .services ul {} .services ul li {float: left; margin: 0 1px 0 0; width: 366px; position: relative;} .services ul li a {display: block;} .services ul li .caption {position: absolute; width: 100%; top: 30%; left: 0; text-align: center;} .services ul li .caption h2 {text-align: center; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; line-height: 38px;} .services ul li .caption p {text-align: center; padding: 5px 0 0 0;} .about {padding: 50px 0; color: #333333;} .about h1 {text-align: center; color: #f4b42b; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700;} .about h1 span {border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;} .about p {padding: 50px 50px; text-align: center; line-height: 25px;} .about ul {padding: 0 105px;} .about ul li {float: left; margin: 0 60px 0 0; border-bottom: 1px solid #d1d1d1;} .about ul li a {display: block;} .about ul li h3 {text-align: center; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; color: #505050; padding: 35px 0 30px 0;} .about ul li h3 span {background: url(http://www.tankchair.com/wp-content/themes/tankchair/images/chair-arrow.png) scroll no-repeat center right; padding: 0 30px 0 0;} .sponsor {position: relative;} .sponsor .sponsor-inner {position: absolute; top: 80px; left: 0; width: 100%;} .sponsor h1 {text-align: center; color: #f4b42b; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700;} .sponsor h1 span {border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;} .sponsor ul {padding: 100px 105px 0 320px;align:center} .sponsor ul li {float: left; margin: 0 75px 0 0;} .sponsor ul li a {display: block;} .sponsor ul li.first a {padding: 10px 0 0 0;} .sponsor ul li.second a {padding: -40px 0 0 0;} .sponsor ul li.third a {padding: 20px 0 0 0;} /* ------------------ FOOTER HERE --------------------------*/ #footer {padding: 40px 45px; background: url(http://www.tankchair.com/wp-content/themes/tankchair/images/footer-back.png) scroll no-repeat 0 0; color: #505050;} #footer a {color: #505050;} .copy {} #footer ul {} #footer ul li {float: left; width: 31%; height: 172px; padding: 0 3% 0 5%;} #footer ul li.first {width: 25%; padding: 0 5% 0 0; background: url(http://www.tankchair.com/wp-content/themes/tankchair/images/footer-sep.png) scroll no-repeat top right;} #footer ul li.first a {display: block; padding: 0 0 15px 0;} #footer ul li.first h5 {font-size: 26px; color: #39516f; padding: 0 0 8px 0;} #footer ul li.first p {font-size: 12px; color: #333333; line-height: 14px;} #footer ul li.last {padding: 0;} #footer ul li.second h5 {font-family: 'Oswald', sans-serif; font-weight: 700; border-bottom: 1px solid #d5d6d6; padding: 0 0 15px 0; margin: 0 0 10px 0;} #footer ul li.second ul {float: left; width: 40%; padding: 0 5% 0 0;} #footer ul li.second ul li {height: auto; background: none; float: none; width: 100% !important; padding: 0 !important; font-size: 12px;} #footer ul li.second ul li.first a {padding: 0;} #footer ul li.second p {float: left; width: 50%; font-size: 12px; line-height: 19px;} #footer ul li.last h5 {font-family: 'Oswald', sans-serif; font-weight: 700; border-bottom: 1px solid #fff; padding: 0 0 15px 0; margin: 0 0 10px 0; text-transform: uppercase;} #footer ul li.last ul {float: right;} #footer ul li.last li {height: auto; background: none; float: left; width: auto !important; padding: 0 3px 0 0 !important; font-size: 12px;} #footer ul li.last ul li.first a {padding: 0;} #footer ul li.last form {background: #4e4e4e; margin: 10px 0 0 0; border-bottom: 1px solid #cacdcd;} #footer .newsletter_head { font-size: 18px; margin-top: 20px; } #footer ul li.last form input {background: none; box-shadow: none; border: 0;} #footer ul li.last form input[type=text] {padding: 0 0 0 15px; font-size: 14px; color: #ffffff; line-height: 14px; font-family: 'Varela Round', sans-serif; width: 80%; padding: 11px 0 11px 15px; border-right: 1px solid #cacdcd; float: left;} #footer ul li.last form input[type=button] {background: url(http://www.tankchair.com/wp-content/themes/tankchair/images/arrow.png) scroll no-repeat 15px 10px; width: 13%; height: 40px; float: left; cursor: pointer;} input {-webkit-appearance: none;} /* ------------------ INNER1 HERE --------------------------*/ .banner {position: relative;} .banner .caption {position: absolute; left: 30px; bottom: 30px; width: 90%; z-index: 10000;} .banner .caption h1 {text-transform: uppercase;} .inner-content {padding: 90px 60px 40px 60px; color: #333333;} .inner-content .left {width: 415px; padding: 0 45px 0 0; float: left;} .inner-content .right {width: 490px; float: left; padding: 30px 0 0 0;} .flexslider .flex-direction-nav, .flexslider .flex-control-nav {display: none;} #carousel {padding: 10px 0 0 0;} .inner-content h5 {padding: 0 0 10px 0;} .inner-content p {font-size: 14px;} .inner-content ul li p {margin: 0;} .inner-content a.start {color: #362809; font-size: 18px; display: block; width: 190px; padding: 5px 0; text-align: center; border: 1px solid #d7d4ce; margin: 25px 0 0 0;} .inner-content a.start span {color: #00731b;} .inner-content .bottom {padding: 40px 0 0 0;} .inner-content .bottom h6 {font-size: 14px;} .mob_title {display: none;} /****************************************************************************************************************/ /****************************************************************************************************************/ .story h4 span a {color:#ffffff; text-decoration:none;} .services ul li .caption h2 a {color:#ffffff; text-decoration:none;} .default a {color: #39516F; text-decoration:none;} .default a:hover {color: #748CAA; text-decoration:none;} .default h1 {padding-bottom:20px;} .default h1.entry-title { font-size: 38px; line-height: 38px;padding-bottom:5px;} .comments-link {display:none;} #footer ul li.last form input[type="email"] { border-right: 1px solid #CACDCD; color: #FFFFFF; float: left; font-family: 'Varela Round',sans-serif; font-size: 13px; line-height: 14px; padding: 20px 3px 19px 10px; width: 82%; } #footer ul li.last form input[type="submit"] { background-image: url("http://www.tankchair.com/wp-content/themes/tankchair/images/footer-arrow.png"); cursor: pointer; float: left; height: 52px; width: 13%; background-repeat: no-repeat; background-position: center center; } #nav ul li.current-menu-item a {color: #f4b42b;} /****************** Dave CSS *************************/ .our_story{} .our_story img{ max-width:100%; } .our_story .our_left{ width:48%; float:left; } .our_story .our_right{ width:48%; float:right; } .our_story .our_text{ margin-top:50px; } .our_story .our_text h2{ margin-bottom:2px; font-size:18px; } .my_gallery_item{ width:32%; margin:20px 0.5% 20px 0.5%; float:left; text-align:center; } .my_gallery_item img{ margin-bottom:5px; max-width:100%; } ol.my-comment-list{ margin-left:0px; margin-top:20px; } ol.my-comment-list li{ margin-bottom:30px; } #my-comments{ margin-top:40px; } #my_comment_author{ font-size:16px; font-weight:bold; } #my_comment_date { color: #888888; font-size: 12px; } .comment-intro{ margin-bottom:5px; } h3#reply-title { font-family: 'Varela Round',sans-serif; font-size: 20px; margin: 18px 0; } .comment-form { max-width: 500px; } #respond label{ color: #888888; font-family: 'Varela Round',sans-serif; font-size: 0.75em; font-weight: normal; } #respond p { font-family: 'Varela Round',sans-serif; } #respond input { height: 25px; line-height: 25px; margin: 0 0 9px; width: 98%; font-size: 16px; font-family: 'Varela Round',sans-serif; box-shadow: none; } input[type="text"], textarea { background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #CCCCCC; box-shadow: none; padding: 2px; } p.form-allowed-tags{ display:none; } #respond .form-submit input, input.button { background-color: #333333; font-size: 14px; width: auto; color: white; border: none; padding: 10px 20px; height: auto; font-family: 'Varela Round',sans-serif; } .gform_body div { font-family: 'Varela Round',sans-serif !important; } #respond input, #respond textarea { border: 1px solid #CCCCCC; max-width: 97%; }