/* Theme Name: NewGamer Theme URI: http://gamerpotion.blogspot.co.uk/2014/05/newgamer.html Author: GamerPotion Author URI: http://gamerpotion.blogspot.co.uk Description: A Gaming focused WordPress theme, styled in dark and neat colors. Perfect for Video Game and Entertainment websites. Features:- Large featured images, Custom logo, Custom background, Footer widgets, and Neat typography. NewGamer uses NewTek theme as a base. Version: 1.0.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: dark, black, gray, red, two-columns, right-sidebar, full-width-template, custom-header, custom-background, fixed-layout, featured-images, editor-style Text Domain: newgamer This theme, like WordPress, is licensed under the GPL. Font: http://www.google.com/fonts/specimen/Roboto NewGamer Wordpress Theme Copyright (c) 2014 GamerPotion. */ /** * Table of Contents * * 1.0 Body * 2.0 Headings * 3.0 Layout * 4.0 Title and Logo * 5.0 Content area * 5.1 Content Post title * 5.2 Content Continue Reading text * 5.3 Content Comments, Categories, Tags area * 5.4 Content Gallery, Captions and Post images * 5.5 Author block * 6.0 Content Comments * 6.1 Content Comments text * 6.2 Content Comments numbers * 7.0 Sidebar * 7.1 Sidebar Widget titles * 7.2 Additional Sidebar items * 8.0 Footer Widgets * 8.1 Footer Widgets title * 9.0 Delimiter for clearing both * 10.0 Pagination * 11.0 Footer Copyright area * 12.0 Search form * 13.0 Navigation menu * 14.0 Media queries * ------------------ */ /** * 1.0 Body * ------------------ */ body { font-family: 'Roboto', sans-serif; color: #f5f5f5; margin: 0 auto; padding:0; font-size:12pt; padding-top:20px; padding-bottom:20px; background: #111 url(/wp-content/uploads/2015/03/12.jpg); background-position: left bottom; background-attachment: fixed; } body a { font-family: 'Roboto', sans-serif; text-decoration:none; color:#808080; font-size:12pt; } body a:hover { text-decoration:none; font-family: 'Roboto', sans-serif; color:#e90000; font-size:12pt; } a:link { text-decoration:none; font-family: 'Roboto', sans-serif; } a:visited { text-decoration:none; font-family: 'Roboto', sans-serif; } a:hover { text-decoration:none; font-family: 'Roboto', sans-serif; } a:active { text-decoration:none; font-family: 'Roboto', sans-serif; } /** * 2.0 Headings * ------------------ */ h1 { font-family: Tahoma, Arial, sans-serif; color: #000; line-height: 1.3em; margin: 14px 0 10px 0; font-weight: bold; font-size: 21pt; } h2 { font-family: Tahoma, Arial, sans-serif; color: #000; line-height: 1.5em; margin: 14px 0 10px 0; font-weight: bold; } h3 { font-family: 'Roboto', sans-serif; color: #000000; line-height: 1.2em; margin: 17px 0 15px 0; font-weight: bold; font-size: 15pt; } h4 { font-family: 'Roboto', sans-serif; font-size: 12pt; color:#f5f5f5; } h5 { font-family: 'Roboto', sans-serif; font-size: 11pt; color:#f5f5f5; } h6 { margin: 0 0 10px; text-shadow: 1px 1px 0 #FFFFFF; color: #C00; font-size: 22px; font-weight: bold; } h7 { margin: 0 0 20px; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; color: #000; text-transform: uppercase; font-size: 23px; font-weight: bold; } h8 { margin: 0 0 20px; text-align: center; text-shadow: 1px 1px 0 #FFFFFF; color: #C00; text-transform: uppercase; font-size: 23px; font-weight: bold; } h9 { font-weight: 500; margin: 0 0 20px; text-align: center; text-shadow: 1px 1px 0 #E8E8E8; color: #000; text-transform: uppercase; } /** * 3.0 Layout - Container 1 is logo area, Container 2 is in footer, Container 3 is the navigation menu * ------------------ */ #wrapper { font-family: 'Roboto', sans-serif; display: block; width:1039px; margin:auto; background-color:#E8E5E5; padding: 0px 0px 0px 0px; clear: both; -webkit-box-shadow: 0px 3px 23px 6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 23px 6px rgba(0,0,0,0.75); box-shadow: 0px 3px 23px 6px rgba(0,0,0,0.75); border: 4px solid #fff; } #wrapper a { font-family: 'Roboto', sans-serif; text-decoration:none; } #header { text-align: center; margin: 0 auto; width: 960px; clear: both; } #container { font-family: 'Roboto', sans-serif; text-align:center; width:960px; height: auto; overflow:hidden; clear: both; margin: 0 auto; padding: 10px 0px 10px 0px; display:none;} #container2 { font-family: 'Roboto', sans-serif; text-align:center; width:1039px; background-color:#000000; clear: both; border-top: 1px solid #050505; padding: 20px 0px 20px 0px; overflow:hidden; } #container3 { font-family: 'Roboto', sans-serif; width:960px; background-color:#2d2d2d; margin: 0 auto; display:block; padding: 0px 0px 0px 0px; } #footer { text-align: center; margin: 0 auto; width: 1039px; clear: both; padding-bottom:20px; } div.footer-copyright1 a{ color:#FFE114; } /** * 4.0 Title and Logo * ------------------ */ .site-title { font-family: 'Roboto', sans-serif; color: #ffffff; float:left; margin:0; font-size: 40pt; padding:0px 0px 0px 15px; max-width:100% !important; word-wrap: break-word; text-shadow: 2px 2px #000000; text-transform: none; } .site-title a { font-family: 'Roboto', sans-serif; color: #ffffff; font-size: 40pt; max-width:100% !important; word-wrap: break-word; text-transform: none; } .site-title a:hover { font-family: 'Roboto', sans-serif; color: #ffffff; font-size: 40pt; text-decoration:none; max-width:100% !important; word-wrap: break-word; text-transform: none; } .site-description { font-family: 'Roboto', sans-serif; margin:0; font-size: 11pt; color:#ffffff; text-transform: none; padding:0px 0px 10px 10px; word-wrap: break-word; float:left; text-shadow: 1px 1px #111111; text-transform: none; } .site-logo { float:left; margin:0; padding:0px 0px 0px 0px; } /** * 5.0 Content area * ------------------ */ /* ----- Menutop ----- */ /* top level --------------------------------------------*/ .menuTemplate1 { margin: 0 auto; width: auto; position:relative; z-index:4; height: 36px; /* background: #D4D4D4 url(/wp-content/uploads/2015/03/bg.gif);*/ background: -webkit-gradient(linear, left top, left bottom, from(#FFF100), to(#FFF100)); background: -webkit-linear-gradient(top, #FFF100, #FFF100); background: -moz-linear-gradient(top, #FFF100, #FFF100); background: -ms-linear-gradient(top, #FFF100, #FFF100); background: -o-linear-gradient(top, #FFF100, #FFF100); font-family: Arial, Helvetica, sans-serif; list-style: none; padding: 0; width:773px; margin-left: -1px; } .menuTemplate1 div { box-sizing:content-box; } .menuTemplate1 li { padding: 0; float: left; height: 36px; position: relative; color: black; z-index:5; border-left: 1px solid #000; } .menuTemplate1 a { padding: 0 26px; line-height: 36px; /*Note: keep this value the same as the height of .menuTemplate1 li */ font-size: 14px; text-shadow: 1px 1px 0px #F4FF4C; TEXT-TRANSFORM: uppercase; font-weight: bold; display: inline-block; outline: 0; text-decoration: none; color: black; position: relative; } .menuTemplate1 li:hover a, .menuTemplate1 li.onhover a { background: white url(/wp-content/uploads/2015/03/bg.gif) repeat-x 0 -48px; color: #000; z-index: 9; font-size: 14px; text-shadow: 1px 1px 0px #fff; } /*Used to align a top-level item to the right*/ .menuTemplate1 li.menuRight { float: right; margin-right: 0px; } /*for the top-level separators*/ .menuTemplate1 li.separator { font-size:0; overflow:hidden; border-left:1px solid #F7F7F7; border-right:1px solid #BBBBBB; z-index:4; } /* CSS3 effects --------------------------------------------*/ /*for top-level*/ .decor1_1 { -moz-border-radius: px; -webkit-border-radius: px; border-radius: px; -moz-box-shadow: 0px 1px 4px #000; -webkit-box-shadow: 0px 1px 4px #000; box-shadow: 0px 1px 4px #000; } /* ----- Menutop ----- */ /* ----- PDF Buttons ----- */ .pdfbuttons { width:; margin-top:30px; } .pdfbuttons li { display: inline-block; margin-left: 20px; margin-bottom: 20px; } /* ----- PDF Buttons ----- */ /* ----- PartyStationery Slider ----- */ div.metaslider.metaslider-flex.metaslider-860.ml-slider.partyslider{ margin-left:40px; } /* ----- PartyStationery Slider ----- */ #respond { display:none; } /* =menusimple -------------------------------------------------------------- */ .menu_simple { width: 265px; float: left; BORDER-TOP: 2PX SOLID #000; MARGIN-TOP: -1PX; margin-bottom: 4px; } .menu_simple ul { margin: 0; padding: 0; width:265px; list-style-type: none; } .menu_simple ul li a:hover, .menu_simple ul li .current { color: white; background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) !important; background: -webkit-linear-gradient(top, #000, #000) !important; background: -moz-linear-gradient(top, #000, #000) !important; background: -ms-linear-gradient(top, #000, #000) !important; background: -o-linear-gradient(top, #000, #000) !important; } .menu_simple ul li a { text-decoration: none; color: white; padding: 13.5px 11px; display: block; border-bottom: 2px #000 SOLID; text-shadow: 1px 1px 0px #000000; TEXT-TRANSFORM: uppercase; font-size: 18px !important; background: #FF0E1C ; background: -webkit-gradient(linear, left top, left bottom, from(#FF0E1C), to(#A60019)) !important; background: -webkit-linear-gradient(top, #E31D1A, #BF1111) !important; background: -moz-linear-gradient(top, #FF0E1C, #A60019) !important; background: -ms-linear-gradient(top, #FF0E1C, #A60019) !important; background: -o-linear-gradient(top, #FF0E1C, #A60019) !important; /* O L D M E N U D E S I G N text-decoration: none; color: white; padding: 10.5px 11px; background-color: #E31D1A; display: block; border-bottom: 1px #ccc dotted; text-shadow: 1px 1px 0px #000000; TEXT-TRANSFORM: uppercase; font-size: 15px !important;*/ } .menu_simple ul li a:visited { color: white; } .call { padding: 10px; background-color: #000; width: 753px; } .call p{ display: inline; font-size: 24px; text-shadow: 1px 1px 0px #000; margin-right: 11px; color:#F2F907; } .call a{ } .call a:hover{ } .headimg { padding: 0px; margin-left:-15px; } .quote a img{ margin-top: 110px; margin-left: 525px; height: 160px!important; position: absolute; } .quote img{ margin-top: 68px; margin-left: 490px; position: absolute; } .quote2 img{ margin-top: 68px; margin-left: 491px; position: absolute; } .quote3 img{ margin-top: 32px; margin-left: 493px; position: absolute; } .quote4 img { margin-top: 97px; margin-left: 520px; position: absolute; } .quote5 img { margin-top: 68px; margin-left: 506px; position: absolute; } .scroll img{ margin-top: 26px; margin-left: 608px; position: absolute; } /* =services -------------------------------------------------------------- */ /*---------PHOTO GALLERY------------- */ div[id^="bwg_container"] a { font-size: 0 !important; cursor: pointer; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun2_0 { border: 5px SOLID #EEE5D9 !important; box-shadow: 1px 1px 4px #2D2D2D !important; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0 { margin: 11px !important; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 { max-width: 800px !important; } /*---------PHOTO GALLERY------------- */ /*---------ORDER------------- */ #order{ cursor: pointer!important; display: block!important; text-decoration: none!important; font: bold 11px 'Georgia', sans-serif !important; width: auto!important; display: inline-block!important; margin: 0px 0px 1px 0 !important; border-top: 0px solid #ffcb0f !important; background: #FF0E1C !important; background: -webkit-gradient(linear, left top, left bottom, from(#FF0E1C), to(#A60019)) !important; background: -webkit-linear-gradient(top, #FF0E1C, #A60019) !important; background: -moz-linear-gradient(top, #FF0E1C, #A60019) !important; background: -ms-linear-gradient(top, #FF0E1C, #A60019) !important; background: -o-linear-gradient(top, #FF0E1C, #A60019) !important; padding: 5px 6px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 6px !important; -webkit-box-shadow: rgba(0,0,0,1) 1px 1px 4px !important; -moz-box-shadow: rgba(0,0,0,1) 1px 1px 4px !important; box-shadow: rgba(0,0,0,1) 1px 1px 4px; text-shadow: rgba(0,0,0,.4) 0 1px 0 !important; color: #fff !important; /* font-family: Georgia, Serif !important; */ float: right!important; } /*---------ORDER------------- */ /*---------CONTACT------------- */ input#fscf_submit3 , input#fscf_submit1 { cursor: pointer!important; display: block!important; text-decoration: none!important; font: bold 18px Arial!important; width: auto!important; display: inline-block!important; margin: 0px 0px 20px 0 !important; border-top: 0px solid #ffcb0f !important; background: #FF0E1C !important; background: -webkit-gradient(linear, left top, left bottom, from(#FF0E1C), to(#A60019)) !important; background: -webkit-linear-gradient(top, #FF0E1C, #A60019) !important; background: -moz-linear-gradient(top, #FF0E1C, #A60019) !important; background: -ms-linear-gradient(top, #FF0E1C, #A60019) !important; background: -o-linear-gradient(top, #FF0E1C, #A60019) !important; padding: 9px 30px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 6px !important; -webkit-box-shadow: rgba(0,0,0,1) 1px 1px 4px !important; -moz-box-shadow: rgba(0,0,0,1) 1px 1px 4px !important; box-shadow: rgba(0,0,0,1) 1px 1px 4px; text-shadow: rgba(0,0,0,.4) 0 1px 0 !important; color: #fff !important; font-family: Georgia, Serif !important; float: none !important; } #FSContact3, #FSContact1 { width: 99%; max-width: 555px; padding: 20px; background-color: #F0F0F0; } input#fscf{ text-align: left; margin: 10px; width: 55%; height: 27px; } /*---------CONTACT------------- */ /*---------GOOGLE MAP------------ */ #wpgmza_map{ border: 11px solid #F7F5F5; margin-right: 25px; } /*---------GOOGLE MAP------------ */ #postwidth { width: px; } #homewidth { width: 500px; } #textwrap{ width: 700px; } .centered { text-align: center; } .drapper { width: 100%; padding: 8px 0; background-color: #; } .dontainer { margin: 0 auto; } .grid-container { display: none; } /* ----- Image grids ----- */ ul.rig { list-style: none; font-size: 0px; margin-left: -3.5%; /* should match li left margin */ } ul.rig li { display: inline-block; padding: 10px; margin: 0 1% 2.5% 0; background: #fff; border: 1px solid #ddd; font-size: 16px; font-size: 1rem; vertical-align: top; box-shadow: 0 0 5px #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.rig li img { width: 208px !important; height: 135px !important; margin: 0 0 4px; } ul.rig.columns-3 li:hover { border: 1px solid #FA1515 !important; cursor: pointer!important; } ul.rig li h3 { margin: 0 0 5px; } ul.rig li p { font-size: .9em; line-height: 1.5em; color: #999; } /* class for 2 columns */ ul.rig.columns-2 li { width: 47.5%; /* this value + 2.5 should = 50% */ } /* class for 3 columns */ ul.rig.columns-3 li { width: 231px; /* this value + 2.5 should = 33% */ height: 275px; overflow: hidden; margin-RIGHT: 12px; } /* class for 4 columns */ ul.rig.columns-4 li { width: 231px; height: 239px; overflow: hidden; margin: 3px; } /* ----- services ----- */ /* ----- TABLE ----- */ .tablepress { width: 77% !important; margin-bottom: 1em!important; border-collapse: separate!important; border-spacing: 1px!important; background-color: #D0CECE!important; font-size: 11pt!important; text-align: left!important; } .tablepress thead th { background-color: #FFCE1A !important; } .tablepress tbody td, .tablepress tfoot th, .tablepress thead th { border:none !important; } td.column-1{ width: 190px !important; } td.column-2{ width: 90px !important; } /* ----- TABLE ----- */ #featured-products-header { font-size: 18px; margin: 0 0 10px; padding: 0 0 5px; font-weight:BOLD; color: #000; border-bottom: 1px dotted #A3A3A2; clear:both; } .cf { zoom: 1; } #main { display:block; height: auto; font-family: 'Roboto', sans-serif; } #content { font-family: 'Roboto', sans-serif; width:73%; margin:0; padding: 0px 0px 0px 15px; float:right; background-color:#fff; color:#2c2c2c; font-size:12pt; word-wrap: break-word;min-height: 1208px; } #content-wide { font-family: 'Roboto', sans-serif; width: 95%; margin: 0 auto; padding: 20px 28px 0px 20px; float: left; background-color: #FFFFFF; color: #000000; font-size: 12pt; word-wrap: break-word; } #content a { font-family: 'Roboto', sans-serif; text-decoration:none; } #content a:hover { font-family: 'Roboto', sans-serif; text-decoration:none; } .sticky { font-family: 'Roboto', sans-serif; text-decoration:none; margin: auto; padding: 5px 10px 5px 10px; border-width:1px; border-style:dotted; border-color:#353535; } blockquote { margin: 1em 3em; padding: .5em; color: #f5f5f5; background-color: #1d1d1d; font-family: 'Roboto', sans-serif; border: none; outline:none; } blockquote p { margin: 0; border: none; outline:none; } #content iframe { max-width:585px !important; max-height: 300px !important; } .post a { color: #0B5AC3; text-decoration: none; font-family: 'Roboto', sans-serif; } .post a:hover { color: #e90000; text-decoration:none; font-family: 'Roboto', sans-serif; } hr { border: 0; width: 80%; background-color: #2d2d2d; height: 2px; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } table, th, td { border: 1px solid #bbbbbb; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 20px; width: 100%; } .post-navigation { display:block; padding: 20px 0px 0px 0px; display: none;} .previous-post { float:left; word-wrap: break-word; font-family: 'Roboto', sans-serif; max-width:250px; padding:0; margin:0; } .next-post { float:right; word-wrap: break-word; font-family: 'Roboto', sans-serif; max-width:250px; padding:0; margin:0; } .archivetek { background-color: #1d1d1d; font-size:11pt; padding:0px 0px 0px 5px; color: #fff;} /** * 5.1 Content Post title * ------------------ */ .post-title { font-weight:200; max-width:585px !important; height:auto; white-space: pre-wrap; word-wrap: break-word; font-family: 'Roboto', sans-serif; text-transform: uppercase; display:none; } .post-title a { font-family: 'Roboto', sans-serif; font-size: 17pt; color: #000; text-transform: uppercase; } .post-title a:hover { font-family: 'Roboto', sans-serif; font-size: 17pt; color: #333; text-transform: uppercase; } .post-date { font-family: 'Roboto', sans-serif; font-size: 10pt; color: #bbbbbb; display:none;} .post-date a { font-family: 'Roboto', sans-serif; font-size: 10pt; color: #808080; } .post-date a:hover { font-family: 'Roboto', sans-serif; font-size: 10pt; color: #e90000; } /** * 5.2 Content Continue Reading text * ------------------ */ .more-link { text-transform:none; text-decoration:none; float:right; background-color:#444444; color:#ffffff; width:90px; padding:1px 0px 1px 10px; } .more-link a { text-transform:none; text-decoration:none; float:right; background-color:#444444; color:#ffffff; width:90px; padding:1px 0px 1px 10px; } .more-link a:hover { text-transform:none; text-decoration:none; float:right; background-color:#ffffff; color:#444444; width:90px; padding:1px 0px 1px 10px; } .comm-link { text-transform:none; text-decoration:none; float:left; padding:5px 0px 0px 0px; } /** * 5.3 Content Comments, Categories, Tags area * ------------------ */ .commentstext { text-decoration:none; clear: both; display: block; font-family: 'Roboto', sans-serif; font-size: 10pt; border-bottom: 1px solid #999999; padding-bottom: 10px; border-top: 1px solid #999999; padding-top: 10px; display:none; } .commentstext a { text-decoration:none; font-family: 'Roboto', sans-serif; font-size: 10pt;display:none; } .commentstext a:hover { text-decoration:none; font-family: 'Roboto', sans-serif; font-size: 10pt; display:none;} .g-a-m-e-r-p-o-t-i-o-n { color: #f5f5f5; } .bypostauthor { font-family: 'Roboto', sans-serif; text-decoration:none; } /** * 5.4 Content Gallery, Captions and Post images * ------------------ */ .gallery-caption { font-family: 'Roboto', sans-serif; text-decoration:none; color:#888888; } a, img { border:none; } #content img { border:none; height:auto; } #content img a { border:none; height:auto; } pre, code { max-width:585px !important; height:auto; white-space: pre-wrap; word-wrap: break-word; font-family: 'Roboto', sans-serif; } pre { margin: 1em 3em; padding: .5em; color: #f5f5f5; background-color: #1d1d1d; font-family: 'Roboto', sans-serif; border: none; outline:none; } .alignnone { margin: 10px 20px 5px 0; height:auto; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; max-width:585px !important; height:auto; } .alignright { float:right; margin: 5px 0 20px 20px; max-width:585px !important; height:auto; } .alignleft { float: left; display: block; margin: 5px 20px 20px 0; max-width:585px !important; height:auto; } .aligncenter { display: block; margin: 5px auto 5px auto; max-width:585px !important; height:auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; max-width:585px !important; height:auto; } a img.alignnone { margin: 10px 20px 5px 0; max-width:585px !important; height:auto; display : none; } a img.alignleft { float: left; margin: 10px 20px 20px 0; max-width:585px !important; height:auto; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width:585px !important; height:auto; } .wp-caption { max-width: 96%; /* Image does not overflow the content area */ padding: 0px 0px 0px; text-align: center; font-family: 'Roboto', sans-serif; background-color:transparent; border-width:0px; } .wp-caption.alignnone { margin: 0px 0px 0px 0; } .wp-caption.alignleft { margin: 0px 10px 0px 0; } .gamerpotion { color: #f5f5f5; } .wp-caption.alignright { margin: 0px 0 0px 10px; } .wp-caption img { border: none; height: auto; max-width:585px !important; height:auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 0px 0px; color:#f5f5f5; font-family: 'Roboto', sans-serif; } .post img { max-width:auto; height:auto; } /** * 5.5 Author block - To hide this block in posts, add 'display:none;' to .authortek * ------------------ */ .authortek { background: #1d1d1d; border: 1px solid #222222; padding: 10px; width:565px; overflow:hidden; color: #f5f5f5; margin-bottom:20px; display: none; } .authortek h3 { font-size: 15px; color:#f5f5f5; margin:0; padding:5px 5px 5px 5px; } .authortek h3 a { text-decoration:none; color: #808080; font-weight: bold; } .authortek img { margin:0; padding:5px; float:left; border: 1px solid #222222; width: 80px; height: 80px; } .authortek p { color:#f5f5f5; margin:0; padding:0px 5px 5px 5px; } .authortek p a { color:#808080; } .authortekinfo { padding-left:120px; } /** * 6.0 Content Comments * ------------------ */ #comment { font-family: 'Roboto', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:470px; display:block; clear:both; padding:5px 5px 5px 5px; border-radius:10px; } #author { font-family: 'Roboto', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:470px; display:block; clear:both; padding:5px 5px 5px 5px; border-radius:10px; } #email { font-family: 'Roboto', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:470px; display:block; clear:both; padding:5px 5px 5px 5px; border-radius:10px; } #url { font-family: 'Roboto', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:470px; display:block; clear:both; padding:5px 5px 5px 5px; border-radius:10px; } #comment #submit { text-decoration:none; color: #f5f5f5; background: #000000; border: none; font-family: 'Roboto', sans-serif; outline:none; } #comment #submit:hover { text-decoration:none; color: #e90000; background: #000000; border: none; font-family: 'Roboto', sans-serif; outline:none; text-decoration:none; } .reply { padding: 0px 0px 40px 0px; border: none; outline:none; } .reply a { text-decoration:none; color: #f5f5f5; background: #1d1d1d; border: none; font-family: 'Roboto', sans-serif; outline:none; padding: 5px 10px 5px 10px; } .reply a:hover { text-decoration:none; color: #1d1d1d; background: #f5f5f5; border: none; font-family: 'Roboto', sans-serif; outline:none; padding: 5px 10px 5px 10px; } #submit { text-decoration:none; color: #f5f5f5; background: #000000; border: none; font-family: 'Roboto', sans-serif; outline:none; padding: 5px 10px 5px 10px; } #submit:hover { text-decoration:none; color: #e90000; background: #000000; border: none; font-family: 'Roboto', sans-serif; outline:none; padding: 5px 10px 5px 10px; text-decoration:none; } /** * 6.1 Content Comments text - Hides allowed text description under comments text box. Delete display:none to show. * ------------------ */ .form-allowed-tags { font-family: 'Roboto', sans-serif; font-size:12pt; display:none; } /** * 6.2 Content Comments numbers - Hides comment list numbers. Delete below section to show list numbers. * ------------------ */ ol.comment-list { list-style-type:none; margin: 0; display:none; } ol.children { list-style-type:none; margin: 0; } /** * 7.0 Sidebars * ------------------ */ #sidebar { font-family: 'Roboto', sans-serif; width: 265px; float: left; background-color:#; color: #f5f5f5; padding: 0px 0px 0px 0px; margin-bottom: -21px; } #sidebar ul li a { font-family: 'Roboto', sans-serif; text-decoration:none; font-size: 13pt; color:#f7f7f7; } #sidebar ul li a:hover { font-family: 'Roboto', sans-serif; text-decoration:none; color:#f7f7f7; } #sidebar ul { font-family: 'Roboto', sans-serif; text-decoration:none; clear:both; } #sidebar li { font-family: 'Roboto', sans-serif; list-style-type: none; list-style-position:inside; margin:0; padding:0; word-wrap: break-word; border:none; } #sidebar .menu li { font-family: 'Roboto', sans-serif; list-style-type: none; } #sidebar ul .sub-menu { list-style-type: none; } #sidebar li ul { list-style-type: none; padding-left:5px; } #sidebar li ul li { list-style-type: none; } #sidebar li ul .sub-menu { list-style-type: none; } #sidebar ul .sub-menu li { list-style-type: none; } /** * 7.1 Sidebar Widget titles * ------------------ */ .sidebarhd { font-family: 'Roboto', sans-serif; text-decoration:none; text-transform: uppercase; margin-top:0px; margin-bottom:1px; font-size: 13pt; text-shadow: 1px 1px 0px #000000; padding: 8px 0px 8px 9px; background-color: #000000; color: #f5f5f5; font-weight:400; text-align:left; clear:both; word-wrap: break-word; } .sidebarhd a { font-family: 'Roboto', sans-serif; text-decoration:none; color: #f5f5f5; } .sidebarhd a:hover { font-family: 'Roboto', sans-serif; text-decoration:none; color: #2d2d2d; } sidebar.sidebarhd { width:100%; max-width:100% !important; height:auto; white-space: pre-wrap; word-wrap: break-word; } /** * 7.2 Additional Sidebar items * ------------------ */ .rsswidget { font-family: 'Roboto', sans-serif; text-decoration:none; color: #808080; } .rssSummary { font-family: 'Roboto', sans-serif; text-decoration:none; color: #808080; word-wrap: break-word; margin: 0 auto; padding-right:20px; max-width:90% !important; } .textwidget { font-family: 'Roboto', sans-serif; list-style: circle; padding: 0px 0px 0px 0px; max-width:100% !important; word-wrap: break-word; } .textwidget iframe { max-width:100% !important; max-height: 100% !important; } .textwidget img { max-width:100% !important; max-height: 100% !important; } .textwidget img a { max-width:100% !important; max-height: 100% !important; } .textwidget select { width:90%; max-width:98% !important; word-wrap: break-word; margin:0px 10px 0px 10px; padding:0; text-align: left; } select { width:90%; max-width:98% !important; word-wrap: break-word; margin:10px 10px 20px 10px; padding:0; text-align: left; } .tagcloud { font-family: 'Roboto', sans-serif; list-style: circle; padding: 0px 5px 0px 0px; } #calendar_wrap table { margin: 0 auto; width:95%; padding:0; text-align: center; } table#wp-calendar { margin:0 auto; } #sidebar ul { list-style-type: none; list-style-position:inside; margin:0; padding:0; word-wrap: break-word; } #sidebar li { list-style-type: none; list-style-position:inside; margin:0; padding:0; word-wrap: break-word; } #sidebar ul li { list-style-type: none; list-style-position:inside; margin:0; padding:0; word-wrap: break-word; } /** * 8.0 Footer Widgets * ------------------ */ #footer-sidebar aside { width: 24%; display: inline-block; vertical-align: top; padding: 0px 0px 20px 0px; margin: 0px 1px 0px 1px; text-align: left; clear: both; } #footer-sidebar li { list-style-type: none; list-style-position:inside; margin:0; padding:0; word-wrap: break-word; } #footer-sidebar ul .sub-menu { list-style-type: none; } #footer-sidebar li ul { list-style-type: none; padding-left:10px; } #footer-sidebar li ul li { list-style-type: none; } #footer-sidebar li ul .sub-menu { list-style-type: none; } #footer-sidebar ul .sub-menu li { list-style-type: none; } #footer-sidebar .tagcloud { font-family: 'Roboto', sans-serif; list-style: circle; padding: 10px 40px 10px 40px; } li { word-wrap: break-word; } ul li { word-wrap: break-word; } #footer-sidebar .rsswidget { font-family: 'Roboto', sans-serif; text-decoration:none; color: #808080; } #footer-sidebar .rssSummary { font-family: 'Roboto', sans-serif; text-decoration:none; color: #808080; word-wrap: break-word; margin: 0 auto; padding:0px 40px 0px 40px; max-width:90% !important; } #footer-sidebar .textwidget { font-family: 'Roboto', sans-serif; list-style: circle; padding: 10px 14px 10px 40px; max-width:99% !important; word-wrap: break-word; } #footer-sidebar .textwidget iframe { max-width:99% !important; max-height: 99% !important; padding: 10px 40px 10px 40px; } #footer-sidebar .textwidget img { max-width:99% !important; max-height: 99% !important; } #footer-sidebar .textwidget img a { max-width:99% !important; max-height: 99% !important; } #footer-sidebar .textwidget select { width:80%; max-width:80% !important; word-wrap: break-word; } #footer-sidebar select { width:80%; max-width:80% !important; word-wrap: break-word; margin:10px 40px 10px 40px; padding:0; text-align: left; float:left; } #footer-sidebar .tagcloud { font-family: 'Roboto', sans-serif; list-style: circle; padding: 10px 40px 10px 40px; } #footer-sidebar #calendar_wrap table { margin: 0 auto; width:95%; padding: 10px 40px 10px 40px; text-align: center; border:none; } #footer-sidebar table#wp-calendar { margin:0 auto; } #footer-sidebar #search { max-width:90%; padding: 10px 40px 10px 40px; } #footer-sidebar #searchform { max-width:90%; padding: 10px 40px 10px 40px; } #footer-sidebar #recentcomments { text-align:left; width:80%; } #footer-sidebar .recentcomments { text-align:left; width:80%; } /** * 8.1 Footer Widgets title * ------------------ */ .sidebarhd2 { font-family: 'Roboto', sans-serif; text-decoration:none; margin:5px 0px 0px 40px; font-size: 14pt; color: #F2F903; text-align:left; font-weight:400; word-wrap: break-word; text-transform: uppercase; } #footer-sidebar .sidebarhd { font-family: 'Roboto', sans-serif; text-decoration:none; margin:5px 0px 0px 40px; font-size: 14pt; width: 250px; background-color:#000000; color: #a90000; text-align:left; font-weight:400; word-wrap: break-word; text-transform: uppercase; } /** * 9.0 Delimiter for clearing both * ------------------ */ .delimiter { clear: both; } .breaker { padding-top:20px; padding-bottom:20px; clear:both; display:none; } .linebreaker { border: 1px solid #999999; padding:0; margin-top:20px; margin-bottom:20px; clear:both; } /** * 10.0 Pagination * ------------------ */ .pagi { font-family: 'Roboto', sans-serif; color: #808080; text-transform: uppercase; } .pagi a { font-family: 'Roboto', sans-serif; color: #808080; text-transform: uppercase; } .pagi a:hover { font-family: 'Roboto', sans-serif; color:#e90000; text-transform: uppercase; } /** * 11.0 Footer Copyright area * ------------------ */ .footer-copyright { font-size:11pt; font-family: 'Roboto', sans-serif; color: #ffffff; float:left; clear:both; max-width:900px; word-wrap: break-word; margin: 0px 0px 0px 20px; } .footer-copyright a { font-size:11pt; font-family: 'Roboto', sans-serif; color: #808080; clear:both; } .footer-copyright a:hover { font-size:11pt; font-family: 'Roboto', sans-serif; color: #e90000; clear:both; } .toplink a { font-size:10pt; font-family: 'Roboto', sans-serif; color: #f5f5f5; float:right; margin:0px 20px 0px 0px; font-weight:400; background-color: #a90000; border-radius:20px; padding: 1px 5px 1px 5px; } .toplink a:hover { font-size:10pt; font-family: 'Roboto', sans-serif; color: #f5f5f5; float:right; margin:0px 20px 0px 0px; font-weight:400; background-color: #a90000; border-radius:20px; padding: 1px 5px 1px 5px; } /** * 12.0 Search form * ------------------ */ #search { float:right; width: 310px; height:auto; padding: 25px 20px 10px 0px; } #searchsubmit { text-decoration:none; color: #f5f5f5; background: #2d2d2d; border: none; font-family: 'Roboto', sans-serif; outline:none; } #searchform { text-align:center; font-family: 'Roboto', sans-serif; outline:none; } #searchform input#s { font-family: 'Roboto', sans-serif; background-color: #ffffff; color:#808080; border-width:1px; border-color:#c3c3c3; border-style:solid; outline:none; width:95%; border-radius:10px; } #s { padding:5px 5px 5px 5px; } /** * 13.0 Navigation menu * ------------------ */ .navtop { border-top: 2px solid #a90000; display:none;} .navmenu { width: 960px; margin:0 auto; font-family: 'Roboto', sans-serif; font-size: 11pt; color: #ffffff; text-transform: uppercase;display:none; } .navmenu ul { padding:0; margin:0 auto; line-height: 1; font-family: 'Roboto', sans-serif; font-size: 11pt; color: #ffffff; } .navmenu ul li { padding:0; margin:0 auto; line-height: 1; font-family: 'Roboto', sans-serif; font-size: 11pt; color: #ffffff; } .navmenu ul li a { padding:0; margin:0 auto; line-height: 1; font-family: 'Roboto', sans-serif; font-size: 11pt; color: #ffffff; } .navmenu:before { content: ''; display: table; } .navmenu:after { content: ''; display: table; } .navmenu > ul:before { content: ''; display: table; } .navmenu > ul:after { content: ''; display: table; } .navmenu:after { clear: both; } .navmenu > ul:after { clear: both; } .navmenu ul { background: -webkit-linear-gradient(#2d2d2d, #000000); /* For Safari */ background: -o-linear-gradient(#2d2d2d, #000000); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#2d2d2d, #000000); /* For Firefox 3.6 to 15 */ background: linear-gradient(#2d2d2d, #000000); /* Standard syntax */ } .navmenu ul > li { float: left; list-style: none; } .navmenu ul > li > a { display: block; text-decoration: none; padding: 15px 20px 15px 20px; position: relative; } .navmenu ul > li > a:hover { color: #ffffff; background-color:#a90000; } .navmenu ul > li > a:hover:before { content: ''; z-index: 2; position: absolute; border-top: 0; border-bottom: 0; border-right: 0; width: 100%; height: 100%; top: 0; left: -1px; } .navmenu ul > li > a:hover:after { content: ''; z-index: 2; position: absolute; border-top: 0; border-bottom: 0; border-left: 0; width: 100%; height: 100%; top: 0; right: -1px; } .navmenu > ul > li > ul { opacity: 0; visibility: hidden; position: absolute; } .navmenu > ul > li:hover > ul { opacity: 1; visibility: visible; position: absolute; box-shadow: none; z-index: 2; } .navmenu > ul > li > ul { width: 150px; position: absolute; text-align:left; } .navmenu > ul > li > ul > li { float: none; position: relative; } .navmenu > ul > li > ul > li > ul { opacity: 0; visibility: hidden; position: absolute; } .navmenu > ul > li > ul > li:hover > ul { opacity: 1; visibility: visible; position: absolute; z-index: 2; } .navmenu > ul > li > ul > li > ul { left: 150px; top: 0px; width: 150px; text-align:left; } .navmenu > ul > li > ul > li > ul > li { float: none; } .navmenu .current_page_item > a, .navmenu .current_page_ancestor > a, .navmenu .current-menu-item > a, .navmenu .current-menu-ancestor > a { color: #ffffff; background-color: #a90000; } /** * 14.0 Media queries - Add more things here for mobile friendliness. * ------------------ */ @media screen and (max-width: 768px) { body { padding:0; background-image: none !important; } }