/***** /***** Theme Name: Wotking Dii Theme URI: Author: PC Invasion Author URI: Description: PC Invasion Jab 2016 License: PC Invasion License URI: PC Invasion Text Domain: Domain Path: /languages/ Tags: Custom *****/ /***** CSS Reset based on the work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 *****/ /* =Reset -------------------------------------------------------------- */ @font-face { font-family: 'exocetlight'; src: url('/exl__-webfont.eot'); src: url('/exl__-webfont.eot?#iefix') format('embedded-opentype'), url('/exl__-webfont.woff') format('woff'), url('/exl__-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1.5}caption{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:none}* :focus{outline: 0} 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; } /***** Animation *****/ #mh-wrapper, h1, h2, h3, h4, h5, h6, .search-form input, .widget-list li, .cat-item, .page_item, .sb-widget .menu-item, .button span, .main-nav li { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /********PCInvasion Sticky Bar**********/ .sticky { position: fixed!important; width: 100%; margin:auto!important; margin:auto!important; top: 0; z-index: 200!important; border-top: 0; } .sticky_links { border-top: 0 none; float: left; #margin-top: -80px!important; position: fixed !important; z-index: 6!important; width: 640px!important; } /***** Structure *****/ html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; } body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; #line-height: 1.6; word-wrap: break-word;color: #c0c0c0!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#170606+0,000000+17,000000+82,170606+100 */ background: url(http://diablo.incgamers.com/images/background-dii.jpg) no-repeat #000000; background-position: top; padding:0px;margin:0px !important; #background: #170606; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ #background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3MDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzA2MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); #background: -moz-linear-gradient(left, #170606 0%, #000000 17%, #000000 82%, #170606 100%); /* FF3.6-15 */ #background: -webkit-gradient(linear, left top, right top, color-stop(0%,#170606), color-stop(17%,#000000), color-stop(82%,#000000), color-stop(100%,#170606)); /* Chrome4-9,Safari4-5 */ #background: -webkit-linear-gradient(left, #170606 0%,#000000 17%,#000000 82%,#170606 100%); /* Chrome10-25,Safari5.1-6 */ #background: -o-linear-gradient(left, #170606 0%,#000000 17%,#000000 82%,#170606 100%); /* Opera 11.10-11.50 */ #background: -ms-linear-gradient(left, #170606 0%,#000000 17%,#000000 82%,#170606 100%); /* IE10 preview */ #background: linear-gradient(to right, #170606 0%,#000000 17%,#000000 82%,#170606 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ #filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#170606', endColorstr='#170606',GradientType=1 ); /* IE6-8 */ } body.custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #mh-wrapper { position: relative; #width: 90%; margin: 0 auto; overflow: hidden; width:1200px;} .mh-wrapper-content { background: #fff; max-width: 1170px; margin: 0 auto; } #-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.31); #-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.31); #box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.31);} .wrapper-inner { width: 90%; max-width: 1280px; margin: 0 auto; } #main-content { display: block; max-width: 850px; overflow: hidden; float: left; } #main-content-front { display: block; overflow: hidden; } .mh-sidebar, .home-sidebar { display: block; float: left; #width: 31.66%; max-width: 300px; padding-left: 5px;} .mh-right-sb #main-content { float: left; margin-right: 10px; } .mh-left-sb #main-content { float: right; margin-left: 1.5%; } .content-lead-excerpt {line-height: normal; font-size: 1.5rem; font-size: 15px; margin-top: 3px; max-width: 640px;} .mh-section { clear: both; padding: 16px; margin: 0; background:#0b0000; max-width: 1170px; margin: 0 auto; position: relative; border: 1px solid #3b1c09;} .mh-separator { margin-bottom: 20px; #padding-bottom: 10px; border: 0; } .clear { clear: both; } .clearfix { display: block; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0; } .top-feature-wrapper { max-width: 1200px; background: #000000; height: 550px; background: -moz-linear-gradient(-45deg, #000000 0%, #3a3434 25%, #3a3434 46%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #000000 0%,#3a3434 25%,#3a3434 46%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #000000 0%,#3a3434 25%,#3a3434 46%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ margin: auto; position: relative; box-shadow: 0px 3px 4px #888888;} .top-page-wrapper {padding:20px;} .post-thumnail {max-width:100%; max-height:100%;} } /***** Typography *****/ h1 { font-size: 18px; margin: 5px 0 0 0; padding-bottom: 0; line-height: 1.1; font-weight: bold; color: #FFFFFF; margin-bottom: 10px; } .content-blocks h2 { font-size:20px; color:#f3be62; font-weight:bold; margin-top: 30px; } .content-blocks h2: a:link { color: #FEE795; } .content-blocks h2 a:visited { .content-blocks color: #f3be62; } .content-blocks h2 a:hover { color: #FEE795; text-decoration: underline; } h3 { font-size: 24px; font-size: 1.2rem; font-family:'exocetlight', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 20px; color:#913000; font-weight: bold; margin-bottom: 0px; margin-top:0px;} h4 { font-size: 20px; font-size: 1.1rem; font-family:'exocetlight', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 20px; color:#913000; font-weight: bold; margin-bottom: 0px; margin-top:0px;} h5 { font-size: 16px; font-size: 1.0rem; } h6 { font-size: 14px; font-size: 0.875rem; } b, strong { font-weight: 900; } i, em { font-style: italic; } small { font-size: 8px; font-size: 0.5rem; } big { font-size: 20px; font-size: 1.25rem; } pre, code { font-family: "Consolas", Courier New, Courier, monospace; margin-bottom: 30px; margin-bottom: 1.875rem; background: #f7f7f7; border: 1px solid #ebebeb; } pre { padding: 20px; padding: 1.25rem; white-space: pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; } kbd { padding: 0px 6px; padding: 0rem 0.375rem; background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 0.1875em; -moz-border-radius: 0.1875em; -moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; -webkit-border-radius: 0.1875em; -webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset; text-shadow: 0 0.0625em 0 #fff; } blockquote { background: #140204; font-style: normal; color:#c0c0c0!important; margin: 0 0px 10px 0px; padding: 10px; border-radius: 5px; border: 1px solid #48220B; box-shadow: 0 2px 10px 3px #000000, -5px 0 10px -10px #000000; 0px #000000; } sup { vertical-align: super; font-size: 10px; font-size: 0.625rem; } sub { vertical-align: sub; font-size: 10px; font-size: 0.625rem; } abbr, acronym { border-bottom: 1px dashed; cursor: help; } cite { color: #9a9b97; } address { font-family: "Courier new"; line-height: 1.5; margin-bottom: 20px; margin-bottom: 1.25rem; } a { text-decoration: none; color: #feaf00; } a:hover { color: #FFFFFF; } .page-title {margin-bottom:15px; font-weight: 400; border-bottom: 1px dotted #cdcdcd; padding-bottom:4px;} #main-content h1 { color: #ffffff; font-size: 18px; font-weight: bold; line-height: 1.1; margin-left: 0; margin-right: 0; margin-top: 5px; padding-bottom: 0;} /***** Default Google Fonts *****/ h1, h2, h3, h4, h5, h6, .mh-footer, .widget-list li, .cat-item, .page_item, .menu-item, .button, .commentlist .vcard, .pagination { #font-family: 'Oswald', Helvetica, Arial, sans-serif; } /***** Columns *****/ .mh-col { display: block; float: left; margin-left: 2.5%; } .mh-col:first-child { margin-left: 0; } .mh-group:before, .mh-group:after { content: ""; display: table; } .mh-group:after { clear: both; } .mh-1-2 { width: 48.75%; } .mh-2-3 { width: 65.83%; } .mh-1-3 { width: 31.66%; } .mh-3-4 { width: 74.375%; } .mh-1-4 { width: 23.125%; } .home-2, .home-3 { width: 48.07%; } .home-3 { margin-left: 3.86%; } /***** Header *****/ .mh-header { color: #FFFFFF; z-index: 5; background: #130001;} .header-wrap { padding: 0px 0; max-width: 1200px; margin: auto;} #.logo-title { font-size: 42px; font-size: 2.625rem; color: #005a8c; font-weight: 700; text-transform: uppercase; } #.logo-tagline { font-size: 16px; font-size: 1.0rem; text-trahttp://www.pcinvasion.com/features/nsform: uppercase; } .logo {max-width: 100%; height: auto; } .header-menu {width: 100%; margin: auto; background: #1f1e1c;} .header-menu-background {width: 100%; margin: auto; background: #000000;} /***** Navigation *****/ .main-nav { background: #1f1e1e; text-transform: uppercase; width: 1200px; margin: auto; } .main-nav li { float: left; position: relative; border-left: 1px solid #424242; } .main-nav li:first-child { border: none; } .main-nav li:hover { background: #b42c00; } .main-nav li a { display: block; color: #fff; padding: 10px 15px; padding: 0.525rem 0.8375rem;; text-decoration: none; } .main-nav ul li:hover > ul { display: block; background: #000000; z-index: 9999; } .main-nav ul ul { display: none; position: absolute; font-size: 12px; font-size: 0.75rem; } .main-nav ul ul li { width: 13em; border: none; } .main-nav ul ul ul { left: 100%; top: 0; } /*****Login Restyling***************/ /***** SlickNav Mobile Menu Core Style *****/ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438rem 0.625rem; line-height: 1.125rem; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.125rem; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188rem 0 0 0.438rem; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125rem; height: 0.125rem; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188rem } .slicknav_nav { clear: both; } .slicknav_nav ul, .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8rem; margin: 0 0 0 0.4rem; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both; } .slicknav_menu { *zoom: 1; display: none; } /***** SlickNav User Default Style *****/ .slicknav_btn { padding: 0.625rem 1.25rem; text-decoration: none; } .slicknav_menu { font-size: 13px; font-size: 0.8125rem; } .slicknav_menu .slicknav_menutxt { display: none; } .slicknav_menu .slicknav_icon-bar { width: 1.5625rem; height: 0.25rem; background: #fff; } .slicknav_menu { background: #000000; border-bottom: 0px solid #fff; } .slicknav_nav { font-size: 16px; font-size: 1rem; font-weight: 400; color: #fff; margin: 0; padding: 0; margin-bottom: 20px; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav ul { padding: 20px 0 0 15px; border-top: 1px solid #fff; } .slicknav_nav ul ul { border: 0; padding: 0 0 0 15px; } .slicknav_nav .slicknav_item { padding: 5px 10px; margin: 2px 5px; } .slicknav_nav a, .slicknav_nav a:hover { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_item:hover { color: #fff; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } /***** Posts/Pages *****/ .entry-content { font-size: 13px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content p, .entry-content blockquote, .entry-content table, .entry-content .mh-video-container { margin-bottom: 20px; margin-bottom: 1.25rem; } .entry-thumbnail { margin-bottom: 20px; text-align: center; float: right; margin-left: 10px; border: 3px solid #aa0000; background:#000000; max-width: 326px;} .entry-meta { font-size: 12px; font-size: 0.75rem; mfmediaargin-bottom: 5px; } .entry-meta a:hover { text-decoration: underline; } .entry-meta .entry-meta-author, .entry-meta a { color: #feaf00; font-weight: 700; } .entry-meta-cats, .entry-meta-author { margin-right: 3px; } .entry-tags { display: block; overflow: hidden; font-size: 15px; font-size: 0.9375rem; } .entry-tags span { font-weight: 900; margin-right: 15px; } .entry-tags a { display: inline-block; margin: 0 15px 5px 0; text-transform: capitalize; } .entry-tags a:hover { text-decoration: underline; color: #1f1e1e; } .no-content-found { margin-bottom: 30px; } .tldr-contentbox {width: 100%; font-weight: bold; padding: 20px; background: #f4f4f4; margin-bottom: 10px;} .entry-content .tldr-contentbox ul {margin-left: 10px; margin-right: 10px; margin-bottom: 0px;} .newsitem_front_feature_line { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(45deg, #0b0000 0%, #a51202 10%, #b57e26 31%, #d4a253 50%, #b57e26 73%, #a51202 87%, #0b0000 100%); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 2px; margin-bottom: 10px; width: 100%; } /**********Login Pages************/ #login { width:686px !important; padding-top: 1%!important; } .login h1 {height: 110px;} .login h1 a { background-position: center top; background-repeat: no-repeat; background-size: 686px auto; color: #999; display: block; font-size: 20px; font-weight: 400; height: 110px; line-height: 1.3em; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; overflow-x: hidden; overflow-y: hidden; padding:0px; margin:0px; width: 686px;} .login #nav { text-align:center; } #backtoblog { text-align:center; width: 686px!important; } /***** Top Feasture Styling *****/ .feature-wrapper { min-width: 648px; margin-bottom:10px; min-height: 360px; } .feature-thumb { width:100%; height: 100%; min-height: 360px; max-width: 648px; background-size:100% 100%!important; position: relative; overflow: hidden; } .feature-thumb-sml-wrapper { float: left; #max-height: 177px; # max-width: 321px; #min-width: 314px; #min-height: 177px; border: 1px solid #000000; margin-bottom:2px; margin-right:1px; } .feature-thumb-sml { max-height: 177px; max-width: 321px; min-width: 321px; min-height: 177px; background-size:100% 100%!important; position: relative; overflow: hidden; } .feature-thumb-sml .feature-title-sml { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 12px; font-size: 1.0rem; background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; padding: 10px; margin-top: 117px; min-height: 40px; line-height: 18px; } .feature-thumb-sml .feature-title-sml a:link { color: #FFFFFF; text-shadow: 1px 1px 1px #000000; line-height: 10px; } .feature-thumb-sml .feature-title-sml a:hover { color: #dfdfdf; } .feature-thumb-sml .feature-title-sml a:visited { color: #FFFFFF; } .feature-thumb .feature-title { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 24px; font-size: 1.50rem; background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; padding: 10px; #margin-top: 230px; #min-height: 110px; #float: right; #max-height: 110px; margin-top: 272px; max-width:100%; line-height: 1.2; } .feature-image-top-link { position: absolute; width: 648px; height: 272px; top: 12px; left: 12px; z-index: 1; } .feature-excerpt { font-size:16px; color: #e3e3e3; } .feature-title a:link { color: #FFFFFF!important; text-shadow: 1px 1px 1px #000000; } .feature-title a:hover{ color: #dfdfdf!important; text-shadow: 1px 1px 1px #000000; } .feature-title a:active{ color: #FFFFFF!important; text-shadow: 1px 1px 1px #000000; } .feature-title a:visited { color: #FFFFFF!important; text-shadow: 1px 1px 1px #000000; } /***** Loop / Archives / Search Results *****/ .content-lead-title { font-size: 38px; font-size: 2.375rem; margin-bottom: 10px; text-transform: capitalize; } .content-list-title { font-size: 16px; margin-bottom: 3px; #text-transform: capitalize; line-height: 26px!important; font-weight: bold;} .content-thumb { margin-bottom: 5px; } .content-list { margin-top: 0px; margin-bottom:10px;} .content-blocks { background: #180304; padding: 10px; border: 1px solid #48220b; box-shadow: 0 2px 10px 3px #000000, -5px 0 10px -10px #000000; -moz-border-radius: 10px 10px 10px 10px; font-size: 13px; margin-bottom: 45px; } .content-blocks-first-post {width: 100%; margin-right:10px; display:inline-block; vertical-align: top; margin-bottom: 15px; width: 310px!important; margin-right: 0px; } .archive-list .content-list:first-child { margin-top: 10px; } .content-list-thumb { min-width: 100%; max-height:100%; min-height: 100%; max-width: 100%; margin-right: 20px; overflow:hidden; position: relative; margin-bottom:10px; border: 2px solid #aa0000; } .content-listpage-thumb { margin-bottom: 12px; overflow:hidden; position: relative; border: 1px solid #000000;} /* changed .content-list-thumb { float: left; max-width: 260px; margin: 0 20px 10px 0; }*/ .content-list-excerpt { overflow: hidden; line-height: normal; margin-bottom:15px;} .sticky { } /***** Author Box *****/ .author-box { padding: 20px; margin-bottom: 30px; margin-bottom: 1.875rem; background: #efefef; } .author-box-avatar { float: left; width: 100px; height: 100px; margin-right: 20px; } .author-box-name { font-size: 18px; font-size: 1.125rem; margin-bottom: 10px; } .author-box-desc { font-size: 15px; font-size: 0.9375rem; overflow: hidden; } /***** Lists *****/ .related-list ul { margin: 0px;} .widget-element-container-wide .widget-list ul {margin: 0px;} .widget-element-container-wide .widget-list li:hover { background: #aa0000; } .entry-content ul, .commentlist ul { list-style: square; } .entry-content ol, .commentlist ol { list-style: decimal; } .entry-content ul, .commentlist ul, .entry-content ol, .commentlist ol { margin: 0 0 0px 0px; } .entry-content ul ul, .commentlist ul ul, .entry-content ol ol, .commentlist ol ol { margin: 0 0 0 40px; margin: 0 0 0 2.5rem; } dl { margin: 0 0 30px 40px; margin: 0 0 1.875rem 2.5rem; } dt, dd { display: list-item; } dt { list-style-type: square; font-weight: bold; } dd { list-style-type: circle; margin-left: 30px; margin-left: 1.875rem; } select { max-width: 100%; } /***** Comments *****/ .comment-section-title { display: block; font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #fff; background: #ccdee8; padding: 0; margin-bottom: 20px; margin-bottom: 1.25rem; text-transform: uppercase; overflow: hidden; } .comment-section-title span { padding: 20px; background: #005a8c; } .comment-section-title .comment-count { float: left; color: #fff; } .comment-section-title .comment-count-more { float: left; color: #1f1e1e; background: #5b0b0f; } .commentlist { padding: 5px; margin-bottom: 20px; list-style: none; background: #280406; } .commentlist .depth-1 { margin-bottom: 20px; border-bottom: 5px solid #0b0000; background: #fff; } .commentlist .children { list-style: none; margin: 0 0 0px 20px; #border-left: 1px dashed #0b0000;} .commentlist .children li { #padding: 2px; margin-top: 6px; } .commentlist .children .depth-2 {#padding: 20px; } .commentlist .comment { background: none repeat scroll 0 0 #210406; border: 1px solid #48220B; -moz-border-radius: 10px 10px 10px 10px; padding:6px; list-style: none; } .commentlist .comment .vcard { position: relative; margin-bottom: 20px; margin-bottom: 1.25rem; } .oomment-name{ font-size: 16px;} .commentlist .comment .avatar { width: 70px; height: 70px; margin-right: 20px; } .commentlist h1, .commentlist h2, .commentlist h3, .commentlist h4, .commentlist h5, .commentlist h6 { margin-bottom: 20px; margin-bottom: 1.25rem; } .comment-text p, .comment-text blockquote { margin-bottom: 20px; margin-bottom: 1.25rem; font-size: 13px; padding: 10px;} .comment-text blockquote p:last-child { margin: 0; } .commentlist .bypostauthor .avatar { border: 5px solid #ccdee8; } .comment-author { font-weight: 700; } .comment-body {padding: 8px; background: #fafafa;} .comment-info { color: #005a8c; margin: 20px 0px; margin: 1.25rem 0rem; } .comment-reply .comment-edit-link { font-size: 13px; font-size: 0.8125rem; background: #ccc; color: #fff; padding: 5px 10px; } .comment-reply-link:hover{color: #ffcc00!important; background: #000000;} .comment-reply-link, .comment-reply-link a:link {padding: 7px; border: 1px solid #48220b; background: url("http://diablo.incgamers.com/images/button.png") repeat-y scroll 0 0 transparent; -moz-border-radius: 10px 10px 10px 10px; font-weight: bold; float: right; } .comment_container { background: none repeat scroll 0 0 #210406; border: 1px solid #48220B; -moz-border-radius: 10px 10px 10px 10px; padding:6px; } a.comment-reply-login:hover{color: #414141!important; background: #dfdfdf;} a.comment-reply-login, .comment-reply-link a:link { padding: 7px; border: 1px solid #48220b; background: url("http://diablo.incgamers.com/images/button.png") repeat-y scroll 0 0 transparent; -moz-border-radius: 10px 10px 10px 10px; font-weight: bold; } .pinglist { background: #efefef; padding: 20px; margin-bottom: 20px; list-style: none; } .pinglist .pings:first-child { border-top: 1px dotted #cdcdcd; } .pinglist .pings { line-height: 2.5; padding: 5px 0; padding: 0.3125rem 0; border-bottom: 1px dotted #cdcdcd; } .pinglist .fa-link { margin-right: 10px; margin-right: 0.625rem; } .no-comments { padding: 10px; padding: 0.625rem; margin-bottom: 20px; margin-bottom: 1.25rem; background: #efefef; } /***** Comment Form *****/ #respond { padding: 10px 10px 10px; padding: 1.25rem 1.25rem 0.625rem; margin-bottom: 30px; margin-bottom: 1.875rem; background: #0b0000; } #respond h3 { margin-bottom: 10px; margin-bottom: 1.25rem!important; } #commentform p { margin-bottom: 10px; margin-bottom: 0.625rem; } #cancel-comment-reply-link { } #cancel-comment-reply-link:hover { background: #aa0000; } .required { color: #be2844; } /***** Forms *****/ input { font-size: 12px; font-size: 0.75rem; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-bottom:2px;} input[type=text], input[type=email], input[type=tel], input[type=url] { #width: 100%; } input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=url]:hover, textarea:hover { border: 0px solid #000000; color: #000000; } input[type=submit] { padding: 7px; border: 1px solid #48220b; background: url("http://diablo.incgamers.com/images/button.png") repeat-y scroll 0 0 transparent; -moz-border-radius: 10px 10px 10px 10px; font-weight: bold; color: #feaf00; } input[type=submit]:hover { padding: 7px; border: 1px solid #48220b; background: #000000; -moz-border-radius: 10px 10px 10px 10px; font-weight: bold; } textarea { width: 96%; line-height: 1.5; padding: 5px; padding: 0.3125rem; border: 1px solid #d7d8d8; } .tml {width: 100%; margin-top:20px;} /***** Pagination *****/ .pagination { margin-bottom: 15px; overflow: hidden; text-align:center;} .pagination .page-numbers { display: inline-block; padding: 10px 20px; background: #5b0b0f; } .pagination .current { color: #fff; background: #000000; } .pagination a.page-numbers:hover, .dots:hover { background: #ccdee8; } .pagination .pagelink { display: inline-block; color: #fff; padding: 10px 20px; background: #aa0000; } .pagination a .pagelink { color: #000; font-weight: 400; background: #efefef; } .pagination a:hover .pagelink { color: #005a8c; background: #000000; } .post-nav-wrap { text-align: center; margin: 10px auto 10px; } .post-nav-wrap li { display: inline-block; font-weight: bold; margin: 0 10px; } .post-nav-wrap li a { margin: 0 6px; padding: 10px 20px!important; background: #efefef!important; width:250px; font-family: 'Oswald', Helvetica, Arial, sans-serif; text-transform: uppercase;} .post-nav-wrap li .fa { margin: 0 ; #background: #000000; padding:5px; #color: #FFFFFF;} .dotted-line { border:none; border-top:1px dotted #cdcdcd; height: 1px; margin-bottom:25px;} .entry-content a.outlinks { display: inline-block; padding: 10px 20px; background: #efefef; } /***** Images / Video *****/ img { max-width: 100%; width: auto\9; /* ie8 */ vertical-align: bottom; } iframe, embed, object, video { max-width: 100%; } .mh-video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .mh-video-container iframe, .mh-video-container object, .mh-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .alignnone { display: block; margin: 20px 0; margin: 1.25rem 0; } .aligncenter { display: block; margin: 20px auto 20px; margin: 1.25rem auto 1.25rem; } .alignleft { display: inline; float: left; margin: 5px 20px 20px 0; margin: 0.3125rem 1.25rem 1.25rem 0; } .alignright { display: inline; float: right; margin: 5px 0 20px 20px; margin: 0.3125rem 0 1.25rem 1.25rem; } .wp-caption { max-width: 100%; } .wp-caption-text { font-size: 14px; font-size: 0.875rem; color: #454545; line-height: 1.4; margin: 5px 0 20px; margin: 0.3125rem 0 1.25rem; display: block; color: #FFFFFF; text-align: center; background: #000000; margin:0px; padding: 4px; #max-width: 629px; margin-right: 10px;} .alignnone .wp-caption-text, .aligncenter .wp-caption-text, .alignleft .wp-caption-text, .alignright .wp-caption-text { margin-bottom: 0; } .alignright .wp-caption-text {#width:93.7%;} /***** Comment Tabs *****/ .ajax-comments {margin-bottom: 15px; width: 100%; #background: #000000; height: 42px;} .ajax-comments li { display: inline-block; position: relative; } .ajax-comments li a { background: #8d0101; color: #FFFFFF; margin: 0 2px 0 0; padding:10px; display: block; font-family: 'Oswald', Helvetica, Arial, sans-serif; text-transform: uppercase; } .ajax-comments li a:active { background: #cc0000; } .ajax-comments li a:hover { background: #cc0000; } .current { background: #811016!important; } #loading { margin: auto; width: 100%; text-align:center; } /***** Gallery *****/ .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; font-size: 0.75rem; line-height: 1.5; margin: 0; max-height: 50%; opacity: 10; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; width: 100%; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; } .gallery-item:hover .gallery-caption { opacity: 10; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /***** Tables *****/ table { width: 100%; } table th { color: #fff; background: #000000; padding: 10px; padding: 0.625rem; color:#FFFFFF; } table tr:nth-child(odd) { background-color: #53130e!important; } table tr:nth-child(even) { background-color: #5e150f; } table td { font-size: 12px; font-size: 0.75rem; border: 1px solid #000000; border-top: 0; text-align: left; vertical-align: middle; padding: 10px; padding: 0.625rem; } /***** Search *****/ .search-form { float: right; padding-top:4px;} .entry-content .search-form { float: left; } .search-form input { min-width: 166px; font-size: 11px; line-height: 1; color: #1f1e1e; text-transform: uppercase; max-width: 166px;} .search-form input:hover { min-width: 166px; } .search-form .search-submit { display: none; } .search-form .screen-reader-text { position: absolute; left: -9999px; overflow: hidden; } .search-form .search-field { background: #fff; border: 1px solid #FFFFFF; cursor: pointer; margin: 0; padding: 10px; position: relative; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } .search-form .search-field:active, .search-form .search-field:focus { cursor: text; width: 100px;} .sb-widget .search-form { margin: 0 auto; padding: 5%; background: #efefef; width: 90%; } .sb-widget .search-form .search-field { max-width: none; width: 92%; } /***** Supprter****/ .supporter{float: left; padding-top:4px; width:133px; background:#000000; padding: 10px; font-size:12px; margin-left: 10px; font-family: 'Oswald', Helvetica, Arial, sans-serif;} .supporter-txt a {float: left; color: #f9f6b1; } .supporter-icon {float: left;} /***** Contact Form 7 *****/ .wpcf7-form { font-size: 14px; font-size: 0.875rem; padding: 20px; padding: 1.25rem; background: #efefef; } .wpcf7-form input, .wpcf7-form textarea { font-size: 14px; font-size: 0.875rem; } .wpcf7-form input[type="submit"] { min-width: 100px; } .wpcf7-form p { margin-bottom: 10px; margin-bottom: 0.625rem; } .wpcf7-response-output { background: #fff; } /***** Buttons *****/ .button { display: block; } .button span { font-size: 14px; font-size: 0.875rem; color: #fff; background: #005a8c; padding: 15px; margin: 15px 0 10px 0; text-transform: uppercase; display: inline-block; } .button span:hover { background: #1f1e1e; } .button-comment-front {float: right; background-color:#aa0000;color:#FFFFFF; padding: 10px; margin-right: 30px; margin-bottom:10px;} .button-comment-front a {color: #FFFFFF;} /***** Footer *****/ .mh-footer { font-size: 12px; font-size: 0.75rem; color: #fff; padding: 10px 0; padding: 0.625rem 0; background: #000000; text-transform: uppercase; overflow: hidden; } .mh-footer a { color: #a3a3a3; } .mh-footer a:hover { text-decoration: underline; } .footer_header { font-size:15px; font-family: Arial, sans-serif; margin-top:10px; line-height: normal; color: #bb4f19;; border-bottom: 1px dotted #3d3d3d; } .copyright {color: #a3a3a3; text-align: center; } #footer_links {margin: auto; width:100%; } .footer-boxes {float: left; text-align: left; margin-right:10px; width: 22%; } .advertise { padding: 5px; border: 1px solid #ffa800; text-align:center; font-weight:bold; background: rgb(69,72,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ height: 200px; width: 240px; } /***** Sidebars/Widgets *****/ .sb-widget { margin-bottom: 30px; margin-bottom: 1rem; } .widget-title { font-family:'exocetlight', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 22px; color:#bb4f19; font-weight: bold; margin-bottom: 5px; margin-top:10px; } .widget-title a, .widget-title a:hover { | } .widget-title span { } .widget-list li { list-style-type: none; display: block; } .widget-list > li { padding: 0 4px 0 4px; border-bottom: 1px dotted #dcdcdc; margin-bottom:3px;} .widget-list li:hover { background: #fffafa; word-wrap: none; margin-top: 6px; margin-bottom:3px; margin-top: 0px; -webkit-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.35); -moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.35); box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.35); } .widget-list .children li { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #dcdcdc; } .widget-text {font-family: Arial,Helvetica,freesans,sans-serif; line-height: normal; margin-top:3px;} /************Trending**************/ .trending .widget-list > li {padding: 10px;} /***** MH Custom Posts Widget *****/ .mh-cp-widget .mh-separator:last-child { margin-bottom: 0; } .cp-small { padding-bottom: 4px; } .cp-thumb-small { float: left; max-width: 120px; margin: 0 20px 0 0; } .cp-title-small { font-size: 16px; font-size: 1.0rem; } /***** MH Posts Large Widget *****/ .home-columns .mh-fp-large-widget { margin-bottom: -20px; } /***** Default WordPress Widgets *****/ .sb-widget ul > .cat-item, .sb-widget ul > .menu-item, .sb-widget ul > .page_item { padding: 10px 0; border-bottom: 1px dotted #dcdcdc; } .sb-widget ul .cat-item:hover, .sb-widget ul .menu-item:hover, .sb-widget ul .page_item:hover { background: #fdfdfd; padding-left: 10px; } .sb-widget ul .children .cat-item, .sb-widget ul .sub-menu .menu-item, .sb-widget ul .children .page_item { margin-top: 10px; padding-top: 10px; padding-bottom: 0; border-top: 1px dotted #dcdcdc; border-bottom: none; } #wp-calendar caption { text-align: left; padding: 10px; padding: 0.625rem; background: #f7f7f7; } #wp-calendar th, #wp-calendar td { padding: 5px 10px; padding: 0.3125rem 0.625rem; text-align: center; } #wp-calendar th { font-weight: 300; } #wp-calendar #prev { text-align: left; } /***** Advertisements *****/ .ad-spot { text-align: center; padding: 19px; background: #efefef; } /***** Media Queries *****/ /***** Media Queries *****/ @media only screen and (max-width: 920px) { #mh-wrapper, .wrapper-inner { position: relative;} .logo-wrap { text-align: center; } .mh-right-sb #main-content, .mh-left-sb #main-content, .mh-col { margin: 0; } #main-content, .mh-sidebar, .home-sidebar, .mh-1-2, .mh-2-3, .mh-1-3, .mh-3-4, .mh-1-4 { width: 100%; } .home-2, .home-3 { width:`100%; } .home-3 { margin-left: 3.86%; } .search-form input:hover { min-width: 200px; } .js .main-nav { display: none; } .js .slicknav_menu { display: block; } .top_feature {display:none;} h1.widget-title.newstitle { width: 56%;} .widget-title { font-family:'exocetlight', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 22px; color:#bb4f19; font-weight: bold; margin-bottom: 5px; margin-top:10px; } .content-list-thumb { width: 100%;} .content-blocks {width: 100%;} .content-list-thumb {width: 100%;} .video-home {width: 100%!important;} .content-footer-boxes .sb-widget { width: 46%!important;} .social-icons {display: -webkit-box} h1.widget-title.newstitle { display:none;} .feature-thumb-sml-wrapper {display:none;} .mh-sidebar { margin-left:0px; border-left: 0px; padding-left:0px;} } @media only screen and (max-width: 960px) { #mh-wrapper, .wrapper-inner { position: relative;} .logo-wrap { text-align: center; } .mh-right-sb #main-content, .mh-left-sb #main-content, .mh-col { margin: 0; } .mh-sidebar, .home-sidebar { padding-left: 0px;} #main-content, .mh-sidebar, .home-sidebar, .mh-1-2, .mh-2-3, .mh-1-3, .mh-3-4, .mh-1-4 { width: 100%; } .home-2, .home-3 { width: 100%; } .home-3 { margin-left: 3.86%; } .search-form input:hover { min-width: 200px; } .js .main-nav { display: none; } .js .slicknav_menu { display: block; } .top_feature {display:none;} h1.widget-title.newstitle { width: 56%;} .widget-title { font-family:'exocetlight', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 22px; color:#bb4f19; font-weight: bold; margin-bottom: 5px; margin-top:10px; } .content-list-thumb { width: 100%;} .content-blocks {width: 100%;} .content-list-thumb {width: 100%;} .video-home {width: 100%!important;} .content-footer-boxes .sb-widget { width: 46%!important;} .social-icons {display: -webkit-box} h1.widget-title.newstitle { display:none;} .feature-thumb-sml-wrapper {display:none;} .feature-thumb { max-width:100%;} .single_featurescontainer {width: 31.7%!important;} } @media only screen and (max-width: 800px) { #mh-wrapper, .wrapper-inner { min-width: 100%; max-width: 100%; position: relative;} .mh-right-sb #main-content, .mh-left-sb #main-content, .mh-col {width:100%!important;} #mainPage {# margin-top: 100px!important;} #toolbar .toolbar-container {width: 100%!important;} #main-content { width: 94%!important;} .mh-sidebar, .home-sidebar {max-width: 100%!important; float: none;} .mh-section { max-width: 100%;} .logo-title { font-size: 28px; font-size: 1.75rem; } .logo-tagline { font-size: 12px; font-size: 0.75rem; margin-bottom: 10px; } .sb-widget .search-form .search-field { width: 86%; } .banner_mpu {float: left!important; margin-bottom: 10px!important;} .top_feature {display: none;} .btn-slide {margin-top:20px;} .profile-button {display: none;} #.leaderboard {display:none;} .feature-thumb {max-width: 323px; margin-bottom:5px;} #.extra-widgets{display: none;} .btn-slide:link, .btn-slide:visited { margin-top: -40px;} .lists-right {width: 90%!important;} .social-icons {display:none;} #.sb-widget {display:none;} #.content-list-title {width: 100%;} .content-list-thumb {width:100%; max-width: 100%; min-width:100%; } .image-float {float: none!important;} .content-blocks {width: 100%;} .mh-sidebar { margin-left:0px; border-left: 0px; padding-left:0px;} .mh-footer {margin: 10px;} .footer-column {float: left; text-align: left; margin-right: 3px;} .content-blocks {width: 100%;} .video-home {display:none;} #footer_links {margin: auto; width: 100%!important; padding: 10px;} #single_features {width: 100%;#padding: 1px;margin-left: auto;margin:auto;#background: #000000;padding-bottom: 10px;} #single_features .single_featurescontainer {float: left; height: 124px;overflow: hidden;margin-right: 1px;background: #aa0000; width: 29%!important;} #single_features .single_featurescontainer a {color: #FFFFFF;} #single_features .single_featuresimage {float: left;width: 100px;} #single_features .single_featureslink {} #single_features .single_featureslink h4 {font-size: 13px; padding: 2px;} #single_features .single_featurescontainer a {line-height: 1!important;} #footer_links {margin: auto; width:100%!important; } .footer-boxes {float: left; text-align: left; margin-right:10px; max-width: 180px;} .trc_related_container {display: none;} .widget-element-container-wide-home {width: 100%!important;} .widget-element-container-wide-home img {width:100%!important} .feature-thumb .feature-title { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 24px; font-size: 1.50rem; background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; padding: 10px; /* float: right; */ /* max-width: 30%; */ line-height: 1.2; margin-top: 159px; max-width:100%!important; float: none!important; } .entry-thumbnail { margin-bottom: 20px; text-align: center; float: right; margin-left: 10px; border: 3px solid #aa0000; width: 50%; max-height: 50%; } .entry-thumbnail img { width: 100%; height: 100%; } .search-form { margin-bottom:20px; } .feature-rop-thumb-sml-wrapper { float: none!important; margin: auto; max-width:100%!important; } .feature-top-thumb-sml { min-height:160px!important; min-width:100%!important; max-width:100%!important; } .top-feature-wrapper {max-height: 530px;} .top-feature-wrapper-content { width: 100%; padding:10px; } .feature-top-mid h2 a:link, .feature-top-right h2 a:visited, .feature-top-right h2 a:active, .feature-top-right h2 a:hover{ font-size: 26px!important; } .eature-top-mid-excerpt{ font-weight: bold; font-size: 16x; padding-top: 5px; color: #e7e7e7; float: none!important; } .feature-top-mid { display:none; } .feature-top-left { width: 95%!important; } .feature-top-left img {width:90%;} .top-feature-wrapper {max-height: 530px!important;} #mh-wrapper, .wrapper-inner { position: inherit; } .lists-left { width:100%; } } @media only screen and (max-width: 610px) { #mh-wrapper, .wrapper-inner { min-width: 100%; max-width: 100%; position: relative;} #mainPage {# margin-top: 100px!important;} #toolbar .toolbar-container {width: 100%!important;} #main-content { width: 94%!important;} .mh-section { max-width: 100%;} .logo-title { font-size: 28px; font-size: 1.75rem; } .logo-tagline { font-size: 12px; font-size: 0.75rem; margin-bottom: 10px; } .sb-widget .search-form .search-field { width: 86%; } .banner_mpu {float: left!important; margin-bottom: 10px!important;} .top_feature {display: none;} .btn-slide {margin-top:20px;} .profile-button {display: none;} .leaderboard {display:none;} .feature-thumb {max-width: 323px; margin-bottom:5px;} #.extra-widgets{display: none;} .btn-slide:link, .btn-slide:visited { margin-top: -40px;} .lists-right {width: 90%!important;} .social-icons {display:none;} #.sb-widget {display:none;} #.content-list-title {width: 100%;} .content-list-thumb {width:100%; max-width: 100%; min-width:100%; } .image-float {float: none!important;} .content-blocks {width: 100%;} .mh-sidebar { margin-left:0px; border-left: 0px; padding-left:0px;} .mh-footer {margin: 10px;} .footer-column {float: left; width: 123px!important; text-align: left; margin-right: 3px;} #footer_links {margin: auto; width: 100%!important; padding: 10px;} #single_features {width: 100%;#padding: 1px;margin-left: auto;margin:auto;#background: #000000;padding-bottom: 10px;} #single_features .single_featurescontainer {float: left; height: 124px;overflow: hidden;margin-right: 1px;background: #aa0000; width: 29%!important;} #single_features .single_featurescontainer a {color: #FFFFFF;} #single_features .single_featuresimage {float: left;width: 100px;} #single_features .single_featureslink {} #single_features .single_featureslink h4 {font-size: 13px; padding: 2px;} #single_features .single_featurescontainer a {line-height: 1!important;} .top_feature_boxes { width: 100%!important;} #footer_links {margin: auto; width:100%!important; } .footer-boxes {float: left; text-align: left; margin-right:10px; max-width: 180px;} .trc_related_container {display: none;} .widget-element-container-wide-home {width: 100%!important;} .widget-element-container-wide-home img {width:100%!important} .feature-thumb .feature-title { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 24px; font-size: 1.50rem; background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; padding: 10px; /* float: right; */ /* max-width: 30%; */ line-height: 1.2; margin-top: 159px; max-width:100%!important; float: none!important; } .entry-thumbnail { margin-bottom: 20px; text-align: center; float: right; margin-left: 10px; border: 3px solid #aa0000; width: 50%; max-height: 50%; } .entry-thumbnail img { width: 100%; height: 100%; } .search-form { margin-bottom:20px; } .feature-rop-thumb-sml-wrapper { float: none!important; margin: auto; max-width:100%!important; } .feature-top-thumb-sml { min-height:160px!important; min-width:100%!important; max-width:100%!important; } .in-content-hot { width:100% important; } .top-feature-wrapper {max-height: 470px;} .top-feature-wrapper-content { width: 100%; padding:10px; } .feature-top-mid h2 a:link, .feature-top-right h2 a:visited, .feature-top-right h2 a:active, .feature-top-right h2 a:hover{ font-size: 26px!important; } .eature-top-mid-excerpt{ font-weight: bold; font-size: 16x; padding-top: 5px; color: #e7e7e7; float: none!important; } .feature-top-mid { display:none; } .feature-top-left { width: 94%!important; } #mh-wrapper, .wrapper-inner { position: inherit; } .lists-left { width:100%; } } @media only screen and (max-width: 420px) { #mh-wrapper, .wrapper-inner { min-width: 160px; position: relative;} #mainPage {width:100%; position: relative;} #toolbar .toolbar-container {width: 100%!important;} .logo {max-width:25%} .logo-title { font-size: 28px; font-size: 1.75rem; } .logo-tagline { font-size: 12px; font-size: 0.75rem; margin-bottom: 10px; } .sb-widget .search-form .search-field { width: 86%; } .comment-name a {font-size: 12px!important;} .comment-date{font-size: 10px; float: left;} .banner_mpu {float: left!important; margin-bottom: 10px!important;} .top_feature {display: none;} .btn-slide {margin-top:20px;} .profile-button {display: none;} .tabberlive {margin-left: 6px;} .leaderboard {display:none;} .feature-thumb {max-width: 323px; margin-bottom:5px;} #.extra-widgets{display: none;} .btn-slide:link, .btn-slide:visited { margin-top: -40px;} .lists-right {width: 90%!important;} .social-icons {display:none;} #.sb-widget {display:none;} #.content-list-title {width: 100%;} .content-list-thumb {width:100%; max-width: 100%; min-width:100%; } .image-float {float: none!important;} .content-blocks {width: 100%;} .mh-sidebar { margin-left:0px; border-left: 0px; padding-left:0px;} .mh-footer {padding: 10px;} .footer-column {float: left; width: 25%!important; text-align: left; margin-right: 3px;} .footer_header {font-size: 12px;} #footer_links {margin: auto; width:100%!important; } .footer-boxes {float: left; text-align: left; margin-right:10px; width: 156px;} #single_features {width: 100%;#padding: 1px;margin-left: auto;margin:auto;#background: #000000;padding-bottom: 10px;} #single_features .single_featurescontainer {float: left; height: 124px;overflow: hidden;margin-right: 1px;background: #aa0000; width: 29%!important;} #single_features .single_featurescontainer a {color: #FFFFFF;} #single_features .single_featuresimage {float: left;width: 98px;} #single_features .single_featureslink {} #single_features .single_featureslink h4 {font-size: 13px; padding: 2px;} #single_features .single_featurescontainer a {line-height: 1!important;} .top_feature_boxes {width: 100%!important;} .trc_related_container {display: none;} .widget-element-container-wide-home {width: 100%!important;} .widget-element-container-wide-home img {width:100%!important} .top-feature-wrapper {max-height: 450px;} .feature-top-left img {width:100%;} .feature-thumb .feature-title { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 24px; font-size: 1.50rem; background-color: rgba(0, 0, 0, 0.6); color: #FFFFFF; padding: 10px; /* float: right; */ /* max-width: 30%; */ line-height: 1.2; margin-top: 159px; max-width:100%!important; float: none!important; } .search-form { margin-bottom:20px; } .in-content-hot { width:100%!important; } .feature-rop-thumb-sml-wrapper { float: none!important; margin: auto; max-width:100%!important; } .feature-top-thumb-sml { min-height:160px!important; min-width:100%!important; max-width:100%!important; } .top-feature-wrapper { max-width: 420px } .top-feature-wrapper-content { max-width: 100%; padding:10px; } .feature-top-mid h2 a:link, .feature-top-right h2 a:visited, .feature-top-right h2 a:active, .feature-top-right h2 a:hover{ font-size: 26px!important; } .feature-top-mid-excerpt{ font-weight: bold; font-size: 16x; padding-top: 5px; color: #e7e7e7; } .feature-top-mid { max-width: 100%!important; float: none!important; clear: both; margin-left: 5px!important; padding-right: 10px; } .feature-top-left { width: 94!important; } #mh-wrapper, .wrapper-inner { position: inherit; } } /*** PCInvasion CSS *****/ .clr { clear: both; height: 0px; width: 100%; } .extra-widgets { float: left; width: 300px; margin-top:20px; margin-right: 10px; } .widget-element-container{ padding: 10px 2px; #border-bottom: 1px dotted #dcdcdc; font-family: 'Oswald', Helvetica, Arial, sans-serif; } /*** Widget CSS *****/ .widget-element-container-right {display: block; } .widget-element-container-right li {list-style-type: none; } .widget-element-container-right a:link { font-size: 1.9rem; font-size: 19px; line-height: 0px; color:#aa0000;} .widget-element-container-right a:visited { font-size: 1.9rem; font-size: 19px; line-height: 0px; color:#aa0000;} .widget-element-container-right a:active { font-size: 1.9rem; font-size: 19px; line-height: 0px; color:#aa0000;} .widget-element-container-right p {font-family: Arial,Helvetica,freesans,sans-serif; font-size: 1.4rem; font-size: 14px; line-height: normal; word-wrap: normal;} .widget-element-container-left {margin-right: 10px; float: left; } .widget-element-container-content {display: block; padding:7px; height: 60px; overflow: hidden;} .widget-element-container-content li {list-style-type: none; } .widget-element-container-content a:link { line-height: 0px; color:#000000; font-size:18px;} .widget-element-container-content a:visited { line-height: 0px; color:#000000;} .widget-element-container-content a:active { line-height: 0px; color:#000000;} .widget-element-container-content p {font-family: Arial,Helvetica,freesans,sans-serif; font-size: 1.4rem; font-size: 14px; line-height: normal; word-wrap: normal;} .extra-widgets-wide { color: #FFFFFF; margin-top: 0px;} .extra-widgets-wide-container{ background: #FFFFFF; height: 240px; } .extra-widgets-wide-container_page { background: #FFFFFF; } .extra-widgets-wide-container_tags { background: #FFFFFF; #height: 226px; } .widget-element-container-wide-home { #background: #000000; #width: 213.3px; width: 25%; display: block; float: left; #word-wrap: break-word; #height: 180px; #padding-top:20px; margin-top: -15px; } .widget-element-container-wide-home img { vertical-align: top; } .widget-element-container-wide-home .entry-content a{ font-size: 14px; font-size: 12px; font-family: Arial,Helvetica,freesans,sans-serif; } .widget-element-container-wide-home a { color: #FFFFFF; font-size: 14px; #font-family: Arial,Helvetica,freesans,sans-serif; } .widget-element-container-wide-home .widget-list ul { line-height: 2px; } .widget-element-container-wide-home .widget-list li { border-bottom:0px; padding: 10px; background: #000000; line-height: 15px; min-height: 160px; } .widget-element-container-wide-home .widget-list li:hover { background: #aa0000; word-wrap: none; } .widget-element-container-wide { #background: #000000; #width: 213.3px; width: 33.32%; display: block; float: left; word-wrap: break-word; #height: 180px; margin-top: -20px; } .widget-element-container-wide img { vertical-align: top; } .widget-element-container-wide .entry-content a{ font-size: 1.4rem; font-size: 14px; } .widget-element-container-wide a { color: #FFFFFF; font-size: 1.4rem; font-size: 14px; } .widget-element-container-wide .widget-list li { border-bottom:0px; padding: 10px; height: 170px; background: #000000 } #.entry-content ul, .commentlist ul, .entry-content ol, .commentlist ol { margin:0!important;} -webkit-box-shadow: 1px 12px 8px -8px rgba(0,0,0,0.42); -moz-box-shadow: 1px 12px 8px -8px rgba(0,0,0,0.42); box-shadow: 1px 12px 8px -8px rgba(0,0,0,0.42);} /********PCInvasion News Date**********/ .date { font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #7f7f7f; font-size: 1.7rem;font-size: 17px; } .execphpwidget .date {font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #7f7f7f; font-size: 1.7rem;font-size: 17px;font-weight: bold;} p.date {padding-bottom: 10px;} .feature-date { color: #FFFFFF; float: left; padding-left:4px; } /********PCInvasion Slide Panel**********/ #slide-panel{ border-bottom-style:solid;border-bottom-width:2px;display:none;height:150px;margin:auto; background: #000000; position: relative; z-index:10; } .slide { margin-top: 4px; } .btn-slide:link, .btn-slide:visited{ color:#FFFFFF; float:left; font-size: 100%; text-transform:uppercase; font-weight:bold;height:24px; padding:3px 0 3px 0;line-height:22px;text-align:center;text-decoration:none;width:80px; background-color:#5c1313; top:0; } #slide-panel2{ ;border-bottom-width:2px;#display:none;height:150px;margin:auto; background: #efefef; z-index:10; padding:5px; margin-bottom: 5px; } .slide { margin-top: 4px; } .btn-slide:link, .btn-slide:visited{ text-transform:uppercase; color:#FFFFFF; float:left; font-size: 100%; font-weight:bold;height:24px; padding:3px 0 3px 0;line-height:22px;text-align:center;text-decoration:none;width:80px; background-color:#5c1313; top:0; } #slide-panel2 .loginform .formdetails {color: #000000!important; font-weight: bold; } #slide-panel2 .loginform .loginregister {color: #000000!important; font-weight: bold; } .loginform {width:670px; color:#999; margin: auto; font-family:Arial, Helvetica, sans-serif; padding-top: 10px; padding-left:5px; padding-bottom: 10px; z-index:200!important} #slide-panel .formdetails {color:#FFF; font-size:14px;padding:1px; font-weight: bold; } .formdetails input{border:none; padding:2px 5px 2px 5px; background-color:#FFFFF; padding: 5px;} .loginregister {color:#FFFFFF; padding:5px; float: left; # width: 192px;} .loginregister a:link, .loginregister a:visited, .loginregister a:active , .loginregister a:hover {color:#ff0400; font-size:12px!important;font-weight: bold; text-decoration:none!important;;} .loginform ul li {display:inline;} .loginform ul li a:link, .loginform ul li a:visited {color:#ff0400; font-size:12px;} .login-recover { color: #ff0400;} .button-login {font-size: 14px; font-size: 0.875rem; color: #fff; background: #005a8c; padding: 15px; margin: 15px 0 10px 0; text-transform: uppercase; display: inline-block; width: 70px;} .button-login span:hover { background: #1f1e1e; } } .login-form-field-cont-input { float: left; } .login-form-field-cont { float: left; width: 80px; } .single-block .loginform { width:670px; color:#999; font-family:Arial,Helvetica, sans-serif; padding-top: 10px; padding-left:5px; margin-left:0px; } .loginform-post{ padding: 10px;font-family:Arial,Helvetica, sans-serif; line-height: normal; background: #fefcf6; text-align: center; font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #7f7f7f;} #wp-social-login-connect-with { margin-top: 5px; float: left; padding-right: 2px;} #wp-social-login-connect-options { margin-left: 0; padding: 10px; width: 284px;} #login_slide_back{ background: #000000; } #log {#width:100px;} /********PCInvasion Sign-in / Registration / Profile Pages**********/ .sign-in-button{width: 110px; float: left; margin-left: 0px;} .profile-button {float: left; margin-left: 1px;margin-top: 4px;} #pass_strength_msg {margin-top:0px!important;} .avatar_avatar { width: 180px; display: inline-block; margin-top: 0px; } .avatar_text{ color: #969696; display: inline-block; text-transform: uppercase; font-family: 'Oswald', Helvetica, Arial, sans-serif;} #avatar_profile_box { margin-bottom:15px;} #avatars_manage_button {background: #000000; padding: 5px; text-align:center; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.31); color: #FFFFFF;} /********PCInvasion Banners**********/ .banner_mpu {width: 315px; min-height: 250px; margin: 0px 00px 0px 0px; float: right; #background: #aa0000; min-height: 250px; } .leaderboard {margin:auto; max-width: 1200px; padding: 5px; margin-bottom:10px;} /********PCInvasion Review Scores**********/ #reviews {font-family: 'Oswald', Helvetica, Arial, sans-serif; } #reviews .reviewScore {width:26%;float: left; text-transform:uppercase; color: #000000; font-size: 28px; font-size: 4.75rem;} #reviews .reviewSummary {width:70%; float: left; padding: 13px; margin-top:10px; background: #aa0000; color: #FFFFFF;} #reviews .review_policy {font-size: 0.75rem; margin-top: 12px; } #reviews .review_policy a {color: #dbdbdb; } } /***********News Styling***************/ .newslink { color: #aa0000; } h2.newslink { line-height: normal; line-height: 20px!important; margin-bottom:12px; } p.news-excerpt {font-weight: normal;} /*********List Pages **********************/ .lists-left {} .lists-right {float: left; } /**************Feauture Type Styling **********************/ .article_type_pod { font-weight: bold; font-size: 11px; background: #004b91; text-transform: uppercase; color: #FFFFFF; #width: 245px; text-align:right; padding-right: 4px; padding-top:2px; height: 16px; width:79.3%; #margin-top: 136px; text-shadow: 1px 1px 1px #000000; margin-left:20%; } .article_type_feature { font-weight: bold; font-size: 11px; background: #fe4200; text-transform: uppercase; color: #FFFFFF; text-align:right; padding-right: 10px; padding-top:2px; height: 16px; #margin-top: 136px; text-shadow: 1px 1px 1px #000000; #margin-left:20%; } .article_type_review { font-weight: bold; font-size: 11px; background: #000000; text-transform: uppercase; color: #FFFFFF; #width: 245px; text-align:right; padding-right: 4px; padding-top:2px; height: 16px; width:79.3%; #margin-top: 136px; text-shadow: 1px 1px 1px #000000; margin-left:20%; } .article_type_guides{ font-weight: bold; font-size: 11px; background: #006c0d; text-transform: uppercase; color: #FFFFFF; #width: 245px; text-align:right; padding-right: 4px; padding-top:2px; height: 16px; width:79.3%; #margin-top: 136px; text-shadow: 1px 1px 1px #000000; margin-left:20%; } .article_type_preview { font-weight: bold; font-size: 11px; background: #91004b; text-transform: uppercase; color: #FFFFFF; #width: 245px; text-align:right; padding-right: 4px; padding-top:2px; height: 16px; width:79.3%; #margin-top: 136px; text-shadow: 1px 1px 1px #000000; margin-left:20%; } .article_type_interview { font-weight: bold; font-size: 11px; background: #220091; text-transform: uppercase; color: #FFFFFF; #width: 245px; text-align:right; padding-right: 4px; padding-top:2px; height: 16px; width:79.3%; #margin-top: 136px; text-shadow: 1px 1px 1px #000000; margin-left:20%; } .article_type_news { font-weight: bold; font-size: 11px; background: #ffae00; text-transform: uppercase; color: #FFFFFF; #width: 245px; text-align:right; padding-right: 4px; padding-top:2px; height: 16px; width:79.3%; #margin-top: 136px; text-shadow: 1px 1px 1px #000000; margin-left:20%; } .article_type_video { font-weight: bold; font-size: 11px; background: #b60404; text-transform: uppercase; color: #FFFFFF; #width: 245px; text-align:right; padding-right: 4px; padding-top:2px; height: 16px; width:79.3%; #margin-top: 136px; text-shadow: 1px 1px 1px #000000; margin-left:20%; text-shadow: 1px 1px 1px #000000; } /**************Feauture Type Styling For Pages **********************/ .article_type_page { font-weight: bold; font-size: 11px; background: #eeeeee; opacity: 0.9; color: #737373; text-transform: uppercase; text-align:right; padding-right: 5px; padding: 10px; margin-bottom: 10px; } /**************Review Details *******/ #review_details { font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 1.7rem;font-size: 17px; float: right; padding:10px; background: #aa0000; width: 250px; margin-left: 10px; margin-bottom: 10px; } #review_details a { color: #FF9101; } #review_details .entry-thumbnail{ width: 100%; margin-left: 5px; } .white{ color: #ffffff; } /******* Search Box Fotmatting******/ #search-box { position: relative; float: right; font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 12px; margin-left: 6px; margin-right: 4px; margin-top: 6px; text-align: center; background: #aa0000; padding: 2px; padding-right:14px; border-radius: 10px; } #search-box input[type=text], input[type=email], input[type=tel], input[type=url] {width: 100%; color: #000000; border-radius: 0px;} #search { width: 100% } /******* Top Page Feature Fotmatting******/ .top_feature {width: 40%; float: right; margin-top: 10px;} .top_feature .sb-widget { word-wrap: break-word; float: right; display: inline-block; margin:3px 3px 0px 0px; font-size: 18px; line-height: normal; font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 1.7rem;font-size: 17px;} .top_feature .sb-widget a {color: #FFFFFF ; } .top_feature img.alignnone { margin: 0px; } .top_feature_imgcontainer {display: inline-block; background: #000000; padding: 1px;} /****************Youtube Subs**********/ .video-container { width: 100%;} .youtube-subs-message {color: #FFFFFF; background:#aa0000; height: 35px; padding-top: 10px; margin-top: -10px; margin-right: 6px;} /************Decent comments********/ .comment-link { font-size: 16px; font-family: 'Oswald', Helvetica, Arial, sans-serif; line-height: 16px; } .comment-link a:link { color: #FEAF00;; } .comment-linka:visited { color: #FEAF00;; } .comment-link a:hover { color: #FEAF00;; } .comment-excerpt { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 13px !important; line-height: normal; background: none repeat scroll 0 0 #f3f2f2; border-bottom: 1px solid #f0efef; margin-bottom: 3px!important; border-radius: 10px; overflow: hidden; padding: 10px 5px 10px 8px; color: #424242; } /********Polls******************/ .wp-polls { #background: linear-gradient(45deg, #0A0000 0%, #230000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding-bottom: 10px; padding-left: 10px; padding-right: 10px; #border: 1px solid #48220B; padding-top:5px; } .wp-polls-form p{ text-align: left; } .wp-polls-ul { font-size: 11px; margin-left: -12px; } .wp-polls-ul li {margin-bottom:5px; font-weight: bold;} .poll-question { text-align: center; font-size: 12px; font-size: 1.2rem; line-height: 22px; margin-bottom:10px; } /*****************Discssion Page Styling**********/ .comment_number_page { font-family: Arial,Verdana,Helvetica,sans-serif; font-weight: bold; font-size: 16px; line-height: 16px; background: none repeat scroll 0 0 #999999; padding-top: 15px; padding-bottom: 13px; margin: auto; margin-top: 0px; text-align:center; color:#FFFFFF; width:35px; } .comment-name {font-size: 18px;} .comment-name a {color: #cd0000; font-size: 18px;} .comment_number_page_discussion { font-family: Arial,Verdana,Helvetica,sans-serif; font-weight: bold; font-size: 16px; line-height: 16px; background: none repeat scroll 0 0 #aa0000; padding-top: 15px; padding-bottom: 13px; margin: auto; margin-top: 0px; text-align:center; color:#FFFFFF; width:35px; margin-left:0px; } .comment_page_title { padding: 5px; font-family: Arial,Verdana,Helvetica,sans-serif; line-height: 1.6em; margin-right: 2px; background: #fbfbfb; margin-bottom:4px; margin-left:12%; min-height: 38px; font-size: 14px; } .viewall { background: #f6f6f6; line-height: 1.6em; margin-right: 2px; text-align:center; font-weight: bold; padding: 5px; text-transform: uppercase; } .comment_page_title_discussion { padding: 5px; font-family: Arial,Verdana,Helvetica,sans-serif; line-height: 1.6em; margin-right: 2px; background: #f8f8f8; margin-bottom:4px; margin-left:4px; min-height: 38px; } .comment_entry-title{ font-size:16px; font-weight: bold; } .entry-title{ line-height: 38px; margin-bottom:14px; } /***********POdcast*************/ .powerpress_links { background: #000000; padding:4px; margin-bottom:4px!important; font-size: 12px; } /********Tag Page ************/ .tagpage-left-column {float: left; width: 66%; border-right: 1px dotted #cdcdcd; margin-right: 4px;} .tagpage-right-column {float: left; width: 33%;} .extra-widgets-wide-container_tags {background: #FFFFFF;} .extra-widgets-wide-black-container-tags {background: #000000; position: relative; padding-bottom:16px; height: 170px; margin-top: -20px; position: relative; margin-bottom:10px;} /********=Generated Lists **********/ .list_background { width: 640px; background: #eeeeee; /* Old browsers */ padding: 5px; background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(45deg, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #eeeeee 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(45deg, #eeeeee 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .list_image { float: right; width:120px; background:#000000; padding:2px; margin-left: 5px; height: 67px; margin-right: 15px; margin-top:5px; } .list_floatedtxt { font-size: 13px; padding-top: 4px; text-align:left; } .list_title { font-family: 'Oswald', Helvetica, Arial, sans-serif; } /********* Recent Comments CSS ******/ .recent-comment-text { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 13px !important; line-height: normal; background: none repeat scroll 0 0 #f3f2f2; border-bottom: 1px solid #f0efef; margin-bottom: 3px!important; border-radius: 10px; overflow: hidden; padding: 8px 8px 8px 8px; width: 290px; color: #424242; } .recent-comment-header a { color: #aa0000!important; } .recent-comment-header { list-style: none; margin-top: 10px; } .recent-comment-single { font-size: 18px; font-family: 'Oswald', Helvetica, Arial, sans-serif; line-height: 16px; padding: 5px 0px 2px 0px; color: #FFFFFFF; } .comment_header-container{ width: 310px; } .recent-comment-text a{ color: #000000!important; } .recent-comment { list-style: none; margin-top: 2px; } .comment-container { float: right; width:315px; } /*beta key styling */ .betalogin { background: #aa0000; padding: 10px; text-align: center; color:#FFFFFF; } .betalogin a {color:#ffce57; } /*Added Stuff */ .smallboxcount{ margin:0px 0px 0px 0px; display: inline-block; vertical-align: top; } .smallboxbigbox{ height:5px; } .bigBoxFlip{ height:5px; } .bigBox{ height:5px; } .front_date { background: none repeat scroll 0 0 #000000; color: #FFFFFF; float: left; font-size: 12px !important; line-height: normal; padding: 2px; text-align: center; text-decoration: none; width: 19%; #border-radius: 0 0px 5px 0px; } .post-date { #font-weight: bold; } .content-footer-boxes .sb-widget { width: 300px; display: inline-block; margin-right: 20px; vertical-align: top; } .in-content-hot { float: left; width: 48%; margin-right:17px; clear: both; } .video-home { width: 98%; margin-right:30px; } /*Soocial Header Stuff */ .social-icons { float: right; margin-top: 1px; width: 140px; margin-right:15px; margin-left: 15px; } .social-icons-img img{ float: left; margin-left: 1px; margin-top: 2px; } .comment_number{ text-align: center; float: right; margin-bottom: 2px; margin:5px 5px 4px 12px; width: 37px; height: 37px; font-size: 18px; background: url(/images/speechlrg.png) no-repeat scroll 50% 0; color: #FFFFFF; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; padding-right: 2px; } .comment_numbers_side { text-align: center; float: right; margin-bottom: 2px; margin:5px 5px 4px 12px; width: 37px; height: 37px; font-size:14px; background: url(/images/speechlrg.png) no-repeat scroll 50% 0; color: #c0c0c0; padding-top: 2px; padding-right: 3px; font-weight: normal; } .widget-element-container-right .comment_number{ color: #FFFFFF!important; font-size:14px!important; font-family: Arial,Verdana,Helvetica,sans-serif!important; } .comment_number_link{ color: #feaf00!important; font-size:14px!important; font-weight: bold; font-family: Arial,Verdana,Helvetica,sans-serif!important; } .image-float { float: left; } /**** F2P Ad Container */ .f2p-container { width:100%; background: #f2f2f2; padding: 3px; text-align: center; font-size: 11px; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; color: #a3a3a3; } .f2p-block{ display: inline-block; margin-right: 2px; } http://www.pcinvasion.com/ div.juxtapose { margin-bottom:10px; } /***********************Top page single Featured */ #single_features { width: 100%; #padding: 1px; margin-left: auto; margin: auto; #background: #000000; padding-bottom: 10px; } #single_features .single_featurescontainer { float: left; #height: 120px; overflow: hidden; margin-right: 2px; background: #aa0000; width: 32%; padding: 5px; } #single_features .single_featurescontainer a { color: #FFFFFF; font-size: 22px; line-height: 1.4; font-family: 'Oswald', Helvetica, Arial, sans-serif; } .wpp-list { margin-top:-13px; } .wpp-list li { font-size: 16px; font-family: 'Oswald', Helvetica, Arial, sans-serif; overflow: hidden; background: #aa0000; margin-bottom: 2px; padding: 5px; line-height: 1; } .wpp-list li a { color: #FFFFFF; } .news-stories .wpp-list li { float: left; width:206px; clear: none; display: block; margin-bottom: 20px; min-height: 150px; } .news-stories-title { border-bottom: 4px solid #000000; font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #FFFFFF; background: #; padding: 10px 0px; margin-bottom: 15px; text-transform: uppercase; overflow: hidden; background: #aa0000; padding-left: 10px;} .qa { background: #f2f2f2; padding: 5px; margin-bottom: 10px; font-family: 'Oswald', Helvetica, Arial, sans-serif } .qa ul{ list-style-type: square!important; font-size: 16px; margin-left: 20px; } .wp-pagenavi { text-align: center; margin-bottom:10px; } .wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding: 10px 20px; background: #5b0b0f; font-weight: bold; border: 0px; } .wp-pagenavi span.current { font-weight: bold; background: #811016; color: #FFFFFF; border: 0px; } /* New Feature Boxes */ .feature-top { background: #000000; color: #FFFFFF; padding:10px; margin-bottom:10px; z-index:1000!important; } .feature-top-mid .feature-top-mid-date a:link, .feature-top-right h2 a:visited , .feature-top-right h2 a:active , .feature-top-right h2 a:hover { color: #FFFFFF!important; } .feature-top-mid h2 a:link, .feature-top-right h2 a:visited , .feature-top-right h2 a:active , .feature-top-right h2 a:hover { color: #FFFFFF!important; font-size: 40px; line-height: 1.2em; } .feature-top-mid { float: left; max-width:44%; margin-left: 20px; margin-bottom: 10px; } .feature-top-mid-inside { float: left; max-width:54%; margin-left: 20px; margin-bottom: 10px; } .feature-top-mid-inside h2 a:link, .feature-top-mid-inside h2 a:visited , .feature-top-mid-inside h2 a:active , .feature-top-mid-inside h2 a:hover { font-size: 40px; line-height: 1.2em; } .feature-top-left { float: left; width: 54%; margin-bottom: 20px; #border: 5px solid #000000; #box-shadow: 2px 2px 2px #888888; } .feature-top-left img {margin-bottom: 10px;} .feature-top-left-inside { float: left; width: 58%; margin-bottom: 20px; #border: 1px solid #000000; #box-shadow: 2px 2px 2px #888888; } .feature-top-mid .sb-widget .widget-title { margin-bottom:0px; } .feature-top-mid-excerpt { font-weight: bold; font-size:20px; padding-top:5px; color: #e7e7e7; } .feature-top-mid-date{ color: #e7e7e7; font-style: italic; margin-top: 10px; } .feature-bottom-left { float: left; width: 300px; } .feature-bottom-right { float: left; width: 320px; } .feature-top-thumb {max-width: 100%; margin-bottom:5px; } .feature-rop-thumb-sml-wrapper { float: left; max-width: 244px; margin-bottom: 2px; display: block; margin-right: 16px; font-size: 14px; line-height: normal; min-height: 290px; padding-bottom: 16px; overflow: hidden; } .feature-top-thumb-sml { position: relative; overflow: hidden; border: 2px solid #000000; margin-bottom: 10px; } .feature-top-thumb-sml img { } .feature-top-title-sml { max-height: 177px; max-width: 210px; min-width: 210px; min-height: 110px; background-size:100% 100%!important; position: relative; overflow: hidden; } .feature-rop-thumb-sml-wrapper h2 { font-size: 22px; padding: 2px 0px 4px 0px; line-height: 22px; } .blockinsert { background: #f5f5f5; width: 100%; display: block; padding: 10px; min-height: 120px; font-size: 11px; color: #d0d0d0; } .entry-content .blockinsert .aboxleft h2 { margin-bottom:0px; } .entry-content .listingpr-title a { #font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 28px; color: #aa0000; } .entry-content .blockinsert .aboxleft { float:left; width: 60%; font-size: 14px; color: #000000; margin-right: 5px; } .entry-content .blockinsert .aboxright { float:right; font-size: 14px; color: #000000; width: 30%; } .sb-widget .execphpwidget .listingpr{ background: #f5f5f5; #width: 213.3px; width: 100%; display: block; #word-wrap: break-word; padding: 10px; min-height: 100px; font-size: 11px; color: #d0d0d0; } .sb-widget .execphpwidget .listingpr .aboxleft { float:left; width: 70%; font-size: 14px; color: #000000; margin-right: 5px; } .sb-widget .execphpwidget.listingpr .aboxright { float:right; font-size: 14px; color: #000000; width: 30%; } /* * Customize 'Connect with:' label */ .wp-social-login-connect-with { text-align: center; font-size: 18px; #margin-bottom: 5px; font-weight: bold; } .wp-social-login-provider-list { text-align: center; #margin-bottom: 15px; } /* * Customize the providers buttons */ .facebook { background-color: #3b5998; color :#FFFFFF; width: 42%; float: left; margin-left: 10px; padding: 8px; text-align: center;font-size: 16px;} .twitter { background-color: #00acee; color :#FFFFFF; float: left; width: 42%; padding: 8px; text-align: center;font-size: 16px;} /* * kmeberships */ #pmpro_account .pmpro_box h3 { margin-bottom: 10px;} .pmpro_checkout thead th {color: #FFFFFF;} .pmpro_thead-msg {color: #fff6df!important; font-style: normal;} .pmpro_thead-name {width: auto;} .pmpro_checkout tbody td { background: #f8f7f7; font-family: Arial,Helvetica,freesans,sans-serif; font-size: 16px;} /* * Comment voting */ /* * Toolbar */ #toolbar { width: 100%; background: #000000; height: 30px; } #toolbar .toolbar-container { padding: 4px; width: 1200px; margin: auto; } /* * Edit Comments */ .sce-edit-button a{ float: left; padding: 4px; background: #aa0000; color: #FFFFFF; margin-right: 5px; margin-bottom: 3px; font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #FFFFFF; } .sce-edit-comment{ float: left; padding-top:6px; font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #939393; } /* * Supporter front page features */ .supporter-wrapper { background:#000000; margin-bottom: 10px; max-width: 752px;} .supporter-title { border-bottom: 4px solid #000000; font-weight: 400; color: #FFFFFF; background: #000000; padding: 5px 0px; margin-bottom: 5px; text-transform: uppercase; overflow: hidden; background: #aa0000; } .supporter-title span { padding: 10px; #background: #aa0000; color: #FFFFFF; } .supporter-feature { float: left; #height: 120px; overflow: hidden; margin-right: 2px; margin-left: 3px; background: #000000; width: 31%; padding: 6px; margin-bottom: 5px; } .supporter-feature a { color: #FFFFFF; font-size: 16px; line-height: 1.4; font-family: 'Oswald', Helvetica, Arial, sans-serif; } .supporter-feature_read { float: right; margin-bottom:10px; background: #000000; padding: 5px; font-family: 'Oswald', Helvetica, Arial, sans-serif; } .supporter-feature_read a{ color: #f9f6b1; font-weight: bold; } .suporter-msg { font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 14px; padding: 10px; background: #fffbe9; border: 1px solid #eeeeee; margin-bottom: 10px;} .overtoyou { padding: 10px; background: #000000; border: 1px dotted #cdcdcd; color: #c0c0c0; margin-bottom: 8px; line-height:normal; } .entry-content .overtoyou h3 { color: #FFFFFF; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 22px; margin-bottom: 5px!important; } .steamfeed { font-size:14px; margin-bottom:10px; } .steamfeedtitle h2{ font-size:18px; margin-bottom:0px; } .steamfeed img { #float: right; #margin-left: 10px; } .footer-column { float: left; width: 240px; text-align: left; } #footer_links {width: 996px; margin:auto;} /*Game Store */ .gamesBox__listGame ul { overflow: hidden; width: 100%; padding: 0 0 20px; margin: 0; list-style: none; border-bottom: 1px solid #fff; } .gamesBox__listGame ul li:nth-child(2n+1) { background-color: #fafafa; } .gamesBox__listGame ul li { position: relative; clear: both; float: left; width: 100%; height: 60px; margin-bottom: 5px; } .gamesBox__listGame ul { overflow: hidden; width: 100%; padding: 0 0 20px; margin: 0; list-style: none; border-bottom: 1px solid #fff; } .gamesBox__listGame img{ width: 100px; margin-right: 10px; float:left; } .gamesBox__listGame .preOrder { padding: 5px; } .gamesBox__listGame .promotion { color: #FFFFFF; background: #eb173e; /* margin-left: 5px; */ padding: 1px 2px 1px 0px; float: right; } .gamesBox__listGame .price { background: #000000; padding: 3.5px; margin-right: 4px; } #block-adb-enabled { background: #ff0000; padding: 10px, border-radius: 10px; padding: 20px; border-radius: 5px; color:#FFFFFF; font-size: 16px; font-weight: bold;} #block-adb-enabled a {color: #ffe400;} .gameinfo-single { background: #ffcc00; color: #000000; padding: 6px; font-weight: bold;} /*ADDED CSS */ div.updown-down-count, div.updown-count-sign { width: 33px; } .trending { font-family: Arial,Helvetica,sans-serif; height: 38px; margin-bottom: 3px; overflow: hidden; padding: 5px 5px 10px 8px; border-bottom: 1px; #width: 290px; color: #c0c0c0; font-weight: bold; font-size: 14px; background: #300105; } .trending a { color: #FEAF00; } .blue_post { font-size:12px; padding: 10px 10px 16px 10px!important; border: 1px solid #022442; color: #8AC7FF; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 4px 2px #000000, -20px 0 10px -20px #000000; background:url(http://diablo.incgamers.com/images/blue_back.jpg) no-repeat #011425; background-position: top left; padding:0px;margin:0px !important; text-shadow: 3px 2px 1px #000000; margin-bottom: 15px!important; } .blue_post_source a:link{ float: right; background: url(http://diablo.incgamers.com/images/source_link.png) no-repeat transparent; background-position: top left; padding:0px;margin:0px !important; border: medium none; height: 25px; padding: 0; width: 50px; margin-top: -15px!important; } .blue_post_source a:hover{ float: right; background: url(http://diablo.incgamers.com/images/source_link.png) no-repeat transparent; background-position: top left; padding:0px;margin:0px !important; border: medium none; background-position: 0 -25px; height: 25px; margin-top: -15px!important; padding: 0; width: 50px; } .datamining { background: none repeat scroll 0 0 #130101; border-color: #250303 #250303 #250303 #250303; border-style: solid; border-width: 1px; padding: 4px; font-size:11px; } .datamining th { text-align: left; } .datamining td { background: #0b0000; text-align: left; padding: 4px; } .read_more_comment { float: right; padding-bottom: 10px; padding: 10px; font-weight: bold; border-radius: 5px; margin-bottom: 10px; background: #59011c; /* Old browsers */ background: -moz-linear-gradient(top, #59011c 0%, #2b0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59011c), color-stop(100%,#2b0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #59011c 0%,#2b0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #59011c 0%,#2b0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #59011c 0%,#2b0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #59011c 0%,#2b0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59011c', endColorstr='#2b0000',GradientType=0 ); /* IE6-9 */ } .read_more_comment a:hover { color: #FFFFFF; } .filed { background: none repeat scroll 0 0 #2e0608; border: 1px solid #6b1010; color: #C0C0C0; font-size: 10px; margin-bottom: 20px; margin-top: 5px; padding: 4px; margin-top: 5px; clear:both; } .filed a:link { color: #c0c0c0; } .wp-polls { #background: linear-gradient(45deg, #0A0000 0%, #230000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding-bottom: 10px; padding-left: 10px; padding-right: 10px; #border: 1px solid #48220B; padding-top:5px; } .wp-polls ul, .wp-polls-ul, .wp-polls-ans ul { font-size: 11px; margin-left: -12px; } hr { height: 2px; width: 100%; background: #0b0000; /* Old browsers */ background: -moz-linear-gradient(45deg, #0b0000 0%, #a51202 10%, #b57e26 31%, #d4a253 50%, #b57e26 73%, #a51202 87%, #0b0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#0b0000), color-stop(10%,#a51202), color-stop(31%,#b57e26), color-stop(50%,#d4a253), color-stop(73%,#b57e26), color-stop(87%,#a51202), color-stop(100%,#0b0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #0b0000 0%,#a51202 10%,#b57e26 31%,#d4a253 50%,#b57e26 73%,#a51202 87%,#0b0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #0b0000 0%,#a51202 10%,#b57e26 31%,#d4a253 50%,#b57e26 73%,#a51202 87%,#0b0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #0b0000 0%,#a51202 10%,#b57e26 31%,#d4a253 50%,#b57e26 73%,#a51202 87%,#0b0000 100%); /* IE10+ */ background: linear-gradient(45deg, #0b0000 0%,#a51202 10%,#b57e26 31%,#d4a253 50%,#b57e26 73%,#a51202 87%,#0b0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0000', endColorstr='#0b0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ margin-top: 20px; margin-bottom: 20px; border:0px; } .more-link { float: right; padding-bottom: 10px; padding: 10px; font-weight: bold; border-radius: 5px; margin-bottom: 10px; background: #59011c; /* Old browsers */ background: -moz-linear-gradient(top, #59011c 0%, #2b0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59011c), color-stop(100%,#2b0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #59011c 0%,#2b0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #59011c 0%,#2b0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #59011c 0%,#2b0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #59011c 0%,#2b0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59011c', endColorstr='#2b0000',GradientType=0 ); /* IE6-9 */ } #top_container { margin-bottom: 10px; } .top_feature_boxes { width:33.3%; float: left; } .top_feature_boxes h4{ padding-left:10px; } .feedlist { font-size: 11px; list-style: none outside none; } a .bluelink { color: #0699ff; } #bluelink a { color: #0699ff; } #bluelink .feedlist ul li a{ color: #0699ff; } .tabbertab li { margin: 0px; } .footer-container {max-width: 1200px; margin: auto;} .polls_archive_box { text-align: center; } .comment_unregged_msg {background:#830000; color: #FFFFFF; text-align: center; padding: 5px; font-size: 14px; font-weight:bold; margin-bottom:2px;} .incontentad { background:#000000; padding: 10px; margin-top: 5px; margin-bottom: 5px; text-align: center; color: #c0c0c0;} .post ul { font-size: 13px; margin: 0 0 7px 20px; list-style: square; } .entry-content .blue_post ul { font-size: 13px; margin: 0 0 7px 20px; list-style: square; } .entry-content clearfix ul { font-size: 13px; margin: 0 0 7px 20px; list-style: square; } .entry-content li { margin-bottom: 10px; } .post li { margin-bottom: 10px; }