/* Theme Name: NewBar Theme URI: http://gamerpotion.blogspot.co.uk/2014/05/newbar.html Author: GamerPotion Author URI: http://gamerpotion.blogspot.co.uk Description: A simple, light and professional WordPress theme. Perfect for professional bloggers who like using a stylish layout with a left sidebar. Features:- Left sidebar, Full width featured images, Custom background, Custom logo, Footer widgets, and Neat typography. NewBar uses NewTek theme as a base. Version: 1.0.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, light, black, gray, two-columns, left-sidebar, custom-header, custom-background, fixed-layout, full-width-template, featured-images, editor-style Text Domain: newbar This theme, like WordPress, is licensed under the GPL. Font: http://www.google.com/fonts/specimen/Open+Sans NewBar 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 Post formats * 5.3 Content Continue Reading text * 5.4 Content Comments, Categories, Tags area * 5.5 Content Gallery, Captions and Post images * 5.6 Author block * 6.0 Content Comments * 6.1 Content Comments text * 6.2 Content Comments numbers * 7.0 Right 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: 'open sans', sans-serif; background-color:#ffffff; color: #141414; margin: 0 auto; padding:0; font-size:12pt; } body a { font-family: 'open sans', sans-serif; text-decoration:none; color:#808080; font-size:12pt; } body a:hover { font-family: 'open sans', sans-serif; text-decoration:underline; color:#c3b4b4; font-size:12pt; } a:link { text-decoration:none; font-family: 'open sans', sans-serif; } a:visited { text-decoration:none; font-family: 'open sans', sans-serif; } a:hover { text-decoration:underline; font-family: 'open sans', sans-serif; } a:active { text-decoration:underline; font-family: 'open sans', sans-serif; } /** * 2.0 Headings * ------------------ */ h1 { font-family: 'open sans', sans-serif; font-size: 15pt; color:#141414; } h2 { font-family: 'open sans', sans-serif; font-size: 14pt; color:#141414; } h3 { font-family: 'open sans', sans-serif; font-size: 13pt; color:#141414; } h4 { font-family: 'open sans', sans-serif; font-size: 12pt; color:#141414; } h5 { font-family: 'open sans', sans-serif; font-size: 11pt; color:#141414; } h6 { font-family: 'open sans', sans-serif; font-size: 10pt; color:#141414; } /** * 3.0 Layout - Container 1 is logo area, Container 2 is in footer, Container 3 is the navigation menu * ------------------ */ #wrapper { font-family: 'open sans', sans-serif; display: block; width:960px; margin:auto; padding: 0px 0px 5px 0px; clear: both; } #wrapper a { font-family: 'open sans', sans-serif; text-decoration:none; } #header { text-align: center; margin: 0 auto; width: 960px; clear: both; } #container { font-family: 'open sans', sans-serif; text-align:center; width:100%; height: auto; overflow:hidden; clear: both; margin: 0 auto; background-color:#ffffff; padding: 10px 0px 10px 0px; } #container2 { font-family: 'open sans', sans-serif; text-align:center; width:100%; background-color:#ffffff; clear: both; margin: 0 auto; padding: 20px 0px 10px 0px; overflow:hidden; } #container3 { font-family: 'open sans', sans-serif; text-align:center; width:100%; background-color:#000000; margin: 0 auto; display:block; padding: 0px 0px 0px 0px; } #footer { text-align: center; margin: 0 auto; width: 960px; clear: both; padding-bottom:0px; } /** * 4.0 Title and Logo * ------------------ */ .site-title { font-family: 'open sans', sans-serif; color: #000000; font-size: 40pt; float: left; font-weight:300; padding:0px 0px 0px 20px; max-width:100% !important; word-wrap: break-word; clear:both; } .site-title a { font-family: 'open sans', sans-serif; color: #000000; font-size: 40pt; font-weight:300; max-width:100% !important; word-wrap: break-word; } .site-title a:hover { font-family: 'open sans', sans-serif; color: #000000; font-size: 40pt; text-decoration:none; font-weight:300; max-width:100% !important; word-wrap: break-word; } .site-description { font-family: 'open sans', sans-serif; font-size: 11pt; color:#bbbbbb; text-transform: none; padding:0px 0px 10px 20px; word-wrap: break-word; clear:both; float: left; } .site-logo { float:left; padding:10px 0px 10px 0px; } /** * 5.0 Content area * ------------------ */ #content { font-family: 'open sans', sans-serif; width: 70%; float: right; margin:auto; color:#000000; font-size:12pt; clear:both; padding:10px 0px 0px 0px; word-wrap: break-word; } #content a { font-family: 'open sans', sans-serif; text-decoration:none; } #content a:hover { font-family: 'open sans', sans-serif; text-decoration:underline; } #content-wide { font-family: 'open sans', sans-serif; width: 100%; float: left; margin:auto; color:#000000; font-size:12pt; clear:both; padding:10px 0px 0px 0px; word-wrap: break-word; } .postwrapper { background-color:#ffffff; margin: 10px 0px 25px 0px; padding: 10px 20px 20px 20px; box-shadow: 3px 3px 5px #808080; } .sidebarwrapper { background-color:#ffffff; margin: 10px 0px 25px 0px; padding: 10px 20px 20px 20px; box-shadow: 3px 3px 5px #808080; } .footersidebarwrapper { background-color:#ffffff; margin: 10px 0px 25px 0px; padding: 10px 20px 20px 20px; box-shadow: 3px 3px 5px #808080; margin:0 auto; width:920px; } .divwrapper { background-color:#ffffff; margin: 10px 0px 10px 0px; padding: 20px 20px 20px 20px; box-shadow: 3px 3px 5px #808080; } .pagiwrapper { background-color:#ffffff; margin: 10px 0px 25px 0px; padding: 20px 20px 5px 20px; box-shadow: 3px 3px 5px #808080; } .sticky { font-family: 'open sans', 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: #2d2d2d; border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; font-family: 'open sans', sans-serif; outline:none; } blockquote p { margin: 0; border: none; outline:none; } #content iframe { max-width:632px !important; max-height: 360px !important; } .post a { color: #808080; text-decoration: none; font-family: 'open sans', sans-serif; } .post a:hover { color: #c3b4b4; text-decoration: underline; font-family: 'open sans', 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; width:632px; padding: 20px 0px 0px 0px; } .previous-post { float:left; word-wrap: break-word; font-family: 'open sans', sans-serif; max-width:280px; padding:0; margin:0; } .next-post { float:right; word-wrap: break-word; font-family: 'open sans', sans-serif; max-width:280px; padding:0; margin:0; } /** * 5.1 Content Post title * ------------------ */ .post-title { font-weight:400; max-width:632px !important; height:auto; white-space: pre-wrap; word-wrap: break-word; font-family: 'open sans', sans-serif; margin-top:5px; margin-bottom:5px; } .post-title a { font-family: 'open sans', sans-serif; font-size: 20pt; color: #000000; text-transform: none; font-weight:400; } .post-title a:hover { font-family: 'open sans', sans-serif; font-size: 20pt; color: #000000; text-transform: none; font-weight:400; } .post-date { font-family: 'open sans', sans-serif; font-size: 10pt; color: #bbbbbb; } .post-date a { font-family: 'open sans', sans-serif; font-size: 10pt; color: #808080; } .post-date a:hover { font-family: 'open sans', sans-serif; font-size: 10pt; color: #c3b4b4; } /** * 5.2 Content Post formats * ------------------ */ .format-standard .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f100'; } .format-aside .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f443'; } .format-image .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f215'; } .format-video .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f213'; } .format-audio .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f109'; } .format-quote .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f106'; } .format-link .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f107'; } .format-gallery .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f103'; } .format-chat .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f108'; } .format-status .post-title a:before { font: normal 20px Genericons; text-decoration: none; margin-right:5px; content: '\f418'; } /** * 5.3 Content Continue Reading text * ------------------ */ a.more-link { font-family: 'open sans', sans-serif; margin:0px; clear:both; color: #808080; text-decoration:none; } a:hover.more-link { font-family: 'open sans', sans-serif; margin:0px; clear:both; color: #c3b4b4; text-decoration:underline; } .post a.more-link { font-family: 'open sans', sans-serif; margin:0px; clear:both; color: #808080; text-decoration:none; } .post a:hover.more-link { font-family: 'open sans', sans-serif; margin:0px; clear:both; color: #c3b4b4; text-decoration:underline; } /** * 5.4 Content Comments, Categories, Tags area * ------------------ */ .commentstext { text-decoration:none; clear: both; display: block; font-family: 'open sans', sans-serif; font-size: 10pt; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; border-top: 1px solid #eaeaea; padding-top: 10px; } .commentstext a { text-decoration:none; font-family: 'open sans', sans-serif; font-size: 10pt; } .commentstext a:hover { text-decoration:underline; font-family: 'open sans', sans-serif; font-size: 10pt; } .bypostauthor { font-family: 'open sans', sans-serif; text-decoration:none; } /** * 5.5 Content Gallery, Captions and Post images * ------------------ */ .gallery-caption { font-family: 'open sans', sans-serif; text-decoration:none; color:#888888; } a, img { border:none; } #content img { border:none; max-width:632px !important; height:auto; } #content img a { border:none; max-width:632px !important; height:auto; } pre, code { max-width:632px !important; height:auto; white-space: pre-wrap; word-wrap: break-word; font-family: 'open sans', sans-serif; } pre { margin: 1em 3em; padding: .5em; color: #2d2d2d; border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; font-family: 'open sans', sans-serif; outline:none; } .alignnone { margin: 5px 20px 5px 0; max-width:632px !important; height:auto; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; max-width:632px !important; height:auto; } .alignright { float:right; margin: 5px 0 20px 20px; max-width:632px !important; height:auto; } .alignleft { float: left; display: block; margin: 10px 20px 20px 0; max-width:632px !important; height:auto; } .aligncenter { display: block; margin: 5px auto 5px auto; max-width:632px !important; height:auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; max-width:632px !important; height:auto; } a img.alignnone { margin: 5px 20px 5px 0; max-width:632px !important; height:auto; } a img.alignleft { float: left; margin: 10px 20px 20px 0; max-width:632px !important; height:auto; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; max-width:632px !important; height:auto; } .wp-caption { max-width: 96%; /* Image does not overflow the content area */ padding: 0px 0px 0px; text-align: center; font-family: 'open sans', sans-serif; background-color:transparent; border-width:0px; } .wp-caption.alignnone { margin: 0px 0px 0px 0; } .wp-caption.alignleft { margin: 0px 10px 0px 0; } .wp-caption.alignright { margin: 0px 0 0px 10px; } .wp-caption img { border: none; height: auto; max-width:632px !important; height:auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 0px 0px; color:#141414; font-family: 'open sans', sans-serif; } .post img { max-width:632px !important; height:auto; } /** * 5.6 Author block - To hide this block in posts, add 'display:none;' to .authortek * ------------------ */ .authortek { background: #f5f5f5; border: 1px solid #dddddd; padding: 10px; width:610px; overflow:hidden; color: #333333; margin-bottom:20px; } .authortek h3 { font-size: 18px; color:#333333; 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 #dddddd; width: 80px; height: 80px; } .authortek p { color:#333333; margin:0; padding:0px 5px 5px 5px; } .authortek p a { color:#808080; } .authortekinfo { padding-left:120px; } /** * 6.0 Content Comments * ------------------ */ #comment { font-family: 'open sans', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:500px; display:block; clear:both; padding:5px 5px 5px 5px; } #author { font-family: 'open sans', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:500px; display:block; clear:both; padding:5px 5px 5px 5px; } #email { font-family: 'open sans', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:500px; display:block; clear:both; padding:5px 5px 5px 5px; } #url { font-family: 'open sans', sans-serif; background-color: #f5f5f5; color:#141414; border-width:1px; border-color:#bbbbbb; border-style:solid; outline:none; width:500px; display:block; clear:both; padding:5px 5px 5px 5px; } #comment #submit { text-decoration:none; color: #f5f5f5; background: #121111; border: none; font-family: 'open sans', sans-serif; outline:none; } #comment #submit:hover { text-decoration:none; color: #f5f5f5; background: #121111; border: none; font-family: 'open sans', sans-serif; outline:none; text-decoration:underline; } .reply { padding: 0px 0px 40px 0px; border: none; outline:none; } .reply a { text-decoration:none; color: #f5f5f5; background: #676363; border: none; font-family: 'open sans', sans-serif; outline:none; padding: 5px 10px 5px 10px; } .reply a:hover { text-decoration:none; color: #f5f5f5; background: #676363; border: none; font-family: 'open sans', sans-serif; outline:none; padding: 5px 10px 5px 10px; } #submit { text-decoration:none; color: #f5f5f5; background: #121111; border: none; font-family: 'open sans', sans-serif; outline:none; padding: 5px 10px 5px 10px; } #submit:hover { text-decoration:none; color: #f5f5f5; background: #121111; border: none; font-family: 'open sans', sans-serif; outline:none; padding: 5px 10px 5px 10px; text-decoration:underline; } /** * 6.1 Content Comments text - Hides allowed text description under comments text box. Delete display:none to show. * ------------------ */ .form-allowed-tags { font-family: 'open sans', 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; } ol.children { list-style-type:none; margin: 0; } /** * 7.0 Right Sidebar * ------------------ */ #sidebar { font-family: 'open sans', sans-serif; width: 28%; float: left; color:#141414; padding: 10px 0px 0px 0px; } #sidebar ul li a { font-family: 'open sans', sans-serif; text-decoration:none; font-size: 11pt; color:#808080; } #sidebar ul li a:hover { font-family: 'open sans', sans-serif; text-decoration:underline; font-size: 11pt; color:#c3b4b4; } #sidebar ul { font-family: 'open sans', sans-serif; text-decoration:none; clear:both; } #sidebar li { font-family: 'open sans', sans-serif; list-style-type: none; list-style-position:inside; margin:0; padding:0; word-wrap: break-word; } #sidebar .menu li { font-family: 'open sans', 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: 'open sans', sans-serif; text-decoration:none; margin-top:5px; margin-bottom:5px; font-size: 15pt; font-weight: 500; padding: 5px 0px 5px 0px; color: #000000; text-align:left; clear:both; word-wrap: break-word; } .sidebarhd a { font-family: 'open sans', sans-serif; text-decoration:none; color: #c3b4b4; } .sidebarhd a:hover { font-family: 'open sans', sans-serif; text-decoration:none; color: #c3b4b4; } 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: 'open sans', sans-serif; text-decoration:none; color: #808080; } .rssSummary { font-family: 'open sans', sans-serif; text-decoration:none; color: #808080; word-wrap: break-word; margin: 0 auto; padding-right:20px; max-width:90% !important; } .textwidget { font-family: 'open sans', sans-serif; list-style: circle; padding: 0px 10px 5px 0px; max-width:99% !important; word-wrap: break-word; } .textwidget iframe { max-width:99% !important; max-height: 99% !important; } .textwidget img { max-width:99% !important; max-height: 99% !important; } .textwidget img a { max-width:99% !important; max-height: 99% !important; } .textwidget select { width:90%; max-width:98% !important; word-wrap: break-word; margin:0px 10px 0px 0px; padding:0; text-align: left; } select { width:90%; max-width:98% !important; word-wrap: break-word; margin:10px 10px 10px 0px; padding:0; text-align: left; } .tagcloud { font-family: 'open sans', 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: 30%; display: inline-block; vertical-align:top; padding: 0px 0px 20px 0px; margin: 0px 10px 0px 10px; 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: 'open sans', 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: 'open sans', sans-serif; text-decoration:none; color: #c3b4b4; } #footer-sidebar .rssSummary { font-family: 'open sans', 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: 'open sans', sans-serif; list-style: circle; padding: 10px 40px 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; margin:10px 40px 10px 40px; text-align: left; float:left; } #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: 'open sans', 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: 'open sans', sans-serif; text-decoration:none; margin:5px 0px 0px 40px; font-size: 14pt; color: #000000; text-align:left; font-weight:400; word-wrap: break-word; } #footer-sidebar .sidebarhd { font-family: 'open sans', sans-serif; text-decoration:none; margin:5px 0px 0px 40px; font-size: 14pt; color: #000000; text-align:left; font-weight:400; word-wrap: break-word; } /** * 9.0 Delimiter for clearing both * ------------------ */ .delimiter { clear: both; } .breaker { padding-top:20px; padding-bottom:20px; clear:both; } .smallbreaker { padding-top:10px; padding-bottom:10px; clear:both; } /** * 10.0 Pagination * ------------------ */ .pagi { font-family: 'open sans', sans-serif; color: #000000; text-transform: none; background-color:#ffffff; padding:20px; box-shadow: 3px 3px 5px #808080; } .pagi a { font-family: 'open sans', sans-serif; color: #808080; text-transform: none; } .pagi a:hover { font-family: 'open sans', sans-serif; color:#c3b4b4; text-transform: none; } /** * 11.0 Footer Copyright area * ------------------ */ .footer-copyright { font-size:12pt; font-family: 'open sans', sans-serif; color: #000000; float:left; clear:both; word-wrap: break-word; max-width:940px !important; margin-left:10px; } .footer-copyright a { font-size:12pt; font-family: 'open sans', sans-serif; color: #808080; clear:both; word-wrap: break-word; } .footer-copyright a:hover { font-size:12pt; font-family: 'open sans', sans-serif; color: #000000; clear:both; word-wrap: break-word; } .toplink { margin-right:10px; vertical-align:text-top; } .toplink a { font-size:10pt; font-family: 'open sans', sans-serif; color: #808080; float:right; } .toplink a:hover { font-size:10pt; font-family: 'open sans', sans-serif; color: #ffffff; background-color:#dddddd; float:right; text-decoration: none; transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } .toplink a:after { font: normal 30px Genericons; text-decoration: none; margin-left:2px; content: '\f432'; } /** * 12.0 Search form * ------------------ */ #search { float: right; width: 400px; height: auto; padding:10px 0px 10px 0px; } #searchsubmit { text-decoration:none; color: #f5f5f5; background: #2d2d2d; border: none; font-family: 'open sans', sans-serif; outline:none; } #searchform { text-align:center; font-family: 'open sans', sans-serif; outline:none; } #searchform input#s { font-family: 'open sans', sans-serif; background-color: #ffffff; color:#808080; border-width:1px; border-color:#c3c3c3; border-style:solid; outline:none; width:90%; } #s { padding:5px 5px 5px 5px; } /** * 13.0 Navigation menu * ------------------ */ .navtop { width: 960px; margin:0 auto; } .navmenu { padding:0; margin:0 auto; font-family: 'open sans', sans-serif; font-size: 13px; color: #ffffff; } .navmenu ul { padding:0; margin:0 auto; line-height: 1; font-family: 'open sans', sans-serif; font-size: 13px; color: #ffffff; } .navmenu ul li { padding:0; margin:0 auto; line-height: 1; font-family: 'open sans', sans-serif; font-size: 13px; color: #ffffff; } .navmenu ul li a { padding:0; margin:0 auto; line-height: 1; font-family: 'open sans', sans-serif; font-size: 13px; 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: #000000; } .navmenu ul > li { float: left; list-style: none; } .navmenu ul > li > a { display: block; text-decoration: none; padding: 15px 30px 15px 30px; position: relative; } .navmenu ul > li > a:hover { color: #808080; transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; } .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; padding-left:0; } .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; padding-left:0; } .navmenu > ul > li > ul > li > ul > li { float: none; } /** * 14.0 Media queries - Add more things here for mobile friendliness. * ------------------ */ @media screen and (max-width: 768px) { body { background-image:none !important; padding:0; } #container { width:965px; } #container2 { width:965px; } #container3 { width:965px; } } .post-title h1{ font-size:175%; line-height:0; margin-bottom:50px; } .itemcont{ margin-bottom:100px; } .itemcont .harf{ width:620px; height:180px; text-align:center; padding:20px 0; background:#F6FFE8; } .itemcont .harf li{ width:310px; float:left; list-style:none; } .itemcont h2{ line-height:40px; border:1px solid #eee; box-shadow:2px 2px 3px #ddd; text-indent:10px; margin-top:50px; } .itemcont a{ text-decoration:underline !important; } .itemcont p{ color:#555; } .clear{ clear:both; } .authortek{ display:none; } .itemcont .mtb3{ margin:30px 0; } .itemcont .mtb5{ margin:50px 0; } .itemcont .mt5{ margin-top:50px; }