/*Theme Name: Nerdy Show RebornTheme URI: http://nerdyshow.comDescription: The totally new Nerdy Show wordpress theme!Version: 3.0Author: boR (Original base theme by Giles Partington)Author URI: http://gilespartington.comTags: *//* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- *//* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ html, body { height: 100%; } html{ background: url(//nerdyshow.com/wp-content/themes/nerdyshow3.0/img/bgs/newbg1.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body { font: 15px/1.5 "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; overflow-y: scroll; } .container{margin:0 auto; min-width: 1440px; max-width: 1440px; } .body_wrap{overflow:auto; padding-bottom: 80px; padding-top: 5px; min-height:1040px;} .main{width: 920px; padding-top: 10px; /* 60.80651%; 752px*/} .side{width: 450px; margin-left: 10px; /* 449px*/ } .main,.side{float: left; display:inline; overflow:hidden;} .box{background: #fff; margin-bottom: 0px; overflow: auto;} .box-header{} .box-footer{} img, object { max-width: 100%; } /* ====== media ====== */ .media {} .media, .bd {overflow:hidden; _overflow:visible; zoom:1;} .media .img {float:left; margin-right: 20px;} .media .img img{display:block;} .media .imgExt{float:right; margin-left: 20px;} .aligncenter { display:block; margin:0 auto } .alignleft { float:left; margin-right:20px; } .alignright { float:right; margin-left:20px; } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 32px; line-height: 1.1; /* -webkit-text-stroke: 1px rgba(0,0,0,0.6);*/ text-shadow: 1px 2px 3px black; color: white; /* text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/} h2 { font-size: 25px; line-height: 1.2; color:black; /* -webkit-text-stroke: 1px rgba(0,0,0,0.6);*/ text-shadow: 1px 2px 3px black; color: white; /* text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/} h3 { font-size: 18px; line-height: 1.3; color:black; /* -webkit-text-stroke: 1px rgba(0,0,0,0.6);*/ text-shadow: 1px 2px 3px black; color: white; /* text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/} h4 { font-size: 16px; line-height: 1.4; } h5 { font-size: 15px; line-height: 1.6; } h6 { font-size: 12px; line-height: 1.6; } p { margin: 0 0 5px 0; color: white; } em { font-style: italic; } strong { font-weight: bold; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== color: #333; color: #000; */ a { text-decoration: none; outline: 0; color: inherit; } a:hover, a:focus {opacity: .6;}/* Header */ .header_wrap{ background-color: hsla(210,48%,30%,.8); margin-bottom: 10px; width:100%; z-index:9999;} .header{color:#fcfcfc; height: 65px; margin-top: 35px; padding: 14px 0 22px 0; position: relative; } .logo{position:absolute; width:260px; margin-left:80px; margin-top:-35px;} .header_wrap .ubermenu{float:right; width:70%; margin-right:42px; z-index:9999;} /* Nav */ .nav{font-size: 18px; font-weight:bold; list-style-type: none;} .nav li{display: inline; margin-right: 20px;} .primary,.secondary{margin-right:89px; text-align: right;} .primary{margin-top: 16px;} .primary a{color: #white; } .secondary a{color: #b5d7f9;} /* Colors */ /* Btns */ .fancy{font-size: 32px; line-height: 1.1; -webkit-text-stroke: 1px rgba(0,0,0,0.6); color: white; text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;} .btn{font-size: 32px; line-height: 1.1; -webkit-text-stroke: 1px rgba(0,0,0,0.6); color: white; text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;} /* Latest News */ .latest{margin-bottom: 10px;} .latest a{color: white;} .latest-header, .latest-footer{ text-align: center;} .latest-header{font-size: 18px; padding: 0px 0px 5px 0; } .news-list{background: hsla(210,48%,30%,.8); height: 300px; overflow: auto; padding: 10px 0 0 0;} .latest-podcasts .news-list{height: 540px;} .news-list li{clear: both; margin: 0 17px 18px 17px; overflow: auto;} .news-list .img {border-left:5px solid #1271cd; margin-right: 10px; padding-left: 7px;} .news-list .Shows .img {border-color: #f45c11;} .news-list .webcomics-features .img {border-color: #41b51c;} .news-list .reviews .img {border-color: #e40031;} /* Main page news */ .news-list2{background: hsla(210,48%,30%,.8); height: auto; padding: 10px 0 0 0;} .news-list2 li{clear: both; margin: 0 17px 18px 17px; overflow: auto;max-width:100%;} .news-list2 .media .bd img { margin-right: 10px; padding-left: 7px; float:left; vertical-align:middle;} .news-list2 .media .bd p {margin-top: 10px; margin-bottom: 0px;} .news-list2 .Shows .img {border-color: #f45c11;} .news-list2 .webcomics-features .img {border-color: #41b51c;} .news-list2 .reviews .img {border-color: #e40031;} .alignright{max-width:200px;} .latest-meta a{color: white;} .latest-footer{background: hsla(210,48%,30%,.8); padding: 5px 13px 5px 13px;} .moretext{font-size:17px; font-weight: bold; float:right; position:relative; top:95%;} .more-link { display: none; } .bignews{ margin-top:-10px;} .bignews h1{ font-size: 30px; margin-bottom:5px; color: white; text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;} .bignews img{max-width:100%; height:auto;} .newslist-2 .media .bd a{color:white;} .box.widget-area{background-color: hsla(210,48%,20%,.00); } /* Content */ .content{background: hsla(210,48%,30%,.8); padding: 15px;} .content a{color: #b5d7f9;} .content img{max-width:100%; height:auto;} .content p{ padding:5px;} .content ol{list-style: decimal; list-style-position: inside;} .content ul {list-style: disc; list-style-position: inside;} .content-meta{border-left: 5px solid #1271cd; color: #fff; margin: 20px 0; padding: 5px 0 5px 5px;} .content-meta p {font-size: 12px; margin-bottom: 8px;} .content-meta a{color: #b5d7f9; border-bottom: 1px solid #fff; margin-right: 5px; padding-bottom: 1px;} .content .podPress_content{background:hsla(210,48%,55%,.60); margin-top:10px; border: 1px solid #000; clear: both; padding-left: 15px;} /* Archives */ .archive-list{margin: 10px 0; padding:10px;} ol.archive-list{list-style:none;} .archive-list li{border-bottom: 0px solid #d7d4d4; margin-bottom: 20px;} .archive-list .meta{margin-bottom: 0;} .archive-header a{color: #fff;} a.archive-read-more {color: #pink; display: block; margin-bottom: 20px;} /* Post Nav */ .newer{float:right;} .older{float: left;} .post-nav a{color: #fff;} /* Comments */ .content.discovery p{color:white !important;} /* BuddyPress tweaks */ div.dir-search {margin: -19px 0 0 0;} .buddypress_content{overflow: hidden;} .buddypress_content a{color: #1A539A;} .buddypress_content a.button{color: #777;} .bbPress .content a{color: #1A539A;} /* Footer */ .footer_wrap{background: hsla(210,48%,30%,.8); clear: both; padding: 10px 0 10px 0; position:absolute; width:100%;} .footer{color: #fcfcfc;} .footer .nav li{margin: 0;} .footer a{color: #b5d7f9;} .footer .nav li:after{content: "|"; padding:0 0 0 8px;} .footer .nav li:last-child:after{content: "";} .mr_social_sharing_wrapper{z-index:0;} .the_champ_sharing_container.the_champ_horizontal_sharing{ height:0px; margin-top:-15px; margin-bottom:80px; padding:0;} #buddypress table tr.alt td {background: hsla(210,48%,30%,.20) !important;} .random-posts{ background: hsla(210,48%,30%,.8); padding:7px;} .random-posts img{ margin: 5 5 10 5px; float:left; max-width:90px; min-width:90px; height:auto;} .arpw-summary{ text-align:center; font-size:11px; color:hsla(210,0%,99%,.90);} .arpw-title{text-align:center;} .widget-title{text-align:center;}/* ---------------------------------------------------------------------------------------------------------- 03 Media queries (using a mobile-first approach) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */@media only screen and (min-width: 960px) and (max-width: 1400px) {.container{margin:32 auto; min-width: 1100px; max-width: 1150px; }.main{width: 680px; /* 60.80651%; 752px*/}.side{max-width: 400px;}.side #theFixed {max-width:400px;}}@media only screen and (max-width: 480px) {.header_wrap{ position:relative ; width:100%; background-color: hsla(210,48%,35%,.00); }.header{ height:auto; position:relative; padding:0; margin-top: 55px;}#wpadminbar{ background-color: hsla(210,48%,35%,.85); width:100%;}#body, .container{min-width:0; width:100%;}.main{width: 100%; /* 60.80651%; 752px*/}.side{width: 96%; /* 449px*/ margin-left:0px;}.side #theFixed {display: none;}.logo{position:relative; margin-left: auto; margin-right: auto; width:527px; max-width:85%;}.header_wrap .ubermenu{background-color: hsla(210,48%,35%,.85); position:relative; width:100%; margin-right:0px; margin-bottom:25px;}.alignright{margin:auto; max-width:100%;}#ubermenu-main-8804{ background-color: hsla(210,48%,30%,.80) ;}#bbpress-forums div.bbp-reply-content { margin-left: 100px;}#bbpress-forums li.bbp-footer .bbp-reply-content { margin-left: 100px;}}@media only screen and (min-width: 481px) and (max-width: 959px) {.header_wrap{ position:relative ; width:100%; background-color: hsla(210,48%,35%,.00); }.header{ height:auto; position:relative; padding:0; margin-top: 55px;}#wpadminbar{ background-color: hsla(210,48%,35%,.85); width:100%;}#body, .container{min-width:0; width:100%;}.main{width: 100%; /* 60.80651%; 752px*/}.side{width: 96%; /* 449px*/margin-left:0px;}.side #theFixed {display: none;}.logo{position:relative; margin-left: auto; margin-right: auto; width:527px; max-width:40%;}.header_wrap .ubermenu{background-color: hsla(210,48%,35%,.85); position:relative; width:100%; margin-right:0px; margin-bottom:25px;}.alignright{margin:auto; max-width:100%;}#ubermenu-main-8804{ background-color: hsla(210,48%,30%,.80) ;}#bbpress-forums div.bbp-reply-content { margin-left: 100px;}#bbpress-forums li.bbp-footer .bbp-reply-content { margin-left: 100px;}/* 400 and up /* 400 and up */}@media only screen and (min-width: 958px) and (max-width: 1240px) {.header_wrap{ position:relative ; width:100%; background-color: hsla(210,48%,30%,.60);}#wpadminbar{ background-color: hsla(210,48%,35%,.85); width:100%; }}@media screen and (min-width:400px) {#wpadminbar{ background-color: hsla(210,48%,35%,.85); } { /* Place your styles here for all widths greater than 400px */ }}/* Retina Display */@media screen and (-webkit-min-device-pixel-ratio:2) {#wpadminbar{ background-color: hsla(210,48%,35%,.85); z-index:999999;} { /* Place your styles here for all 'Retina' screens */ }}