/* Theme Name: Big City Theme URI: Description: WP Big City theme designed by Searchperience. A simple but very beautiful minimalistic design in blue, grey and white colors. Now also widget ready. Version: 2.24 Author: Searchperience Author URI: http://wordpress.searchperience.com License: GPL License URI: http://www.gnu.org/licenses/gpl-3.0-standalone.html Tags: two-columns, fixed-width, blue, dark, custom-header By downloading and using this theme, you agree to the following terms: - All variations of this theme have to remain GPL - You may use this theme for personal or commercial projects - You may modify, translate or distribute For support requests please contact: wordpress(at)aoemedia.com. Requests through other channels (website etc.) can unfortunately not be responded to. ********************************************************************* ATTENTION If you don't need any logo in your theme, please find #header element and remove last two lines from it's decoration ********************************************************************* ************ CSS CONTENTS ************ * --- reset * --- typography * --- text elements decoration * --- wordpress styles * --- layout * --- header * --- menu * --- navigation * --- content * --- sidebar * --- search form * --- comments * --- footer * * */ /* Reset needed styles *******************************/ html,body,div,span,form,h1,h2,h3,h4,p,blockquote{margin:0;padding:0;border:0;outline: 0;} :focus {outline: 0;} body {line-height: 1;} html {height: 100%;margin-bottom: 1px;} /* Typography *******************************/ body { font:normal 75% Tahoma, Arial, Helvetica, sans-serif; } h1,h2,h3,h4,h5,h6 { font:normal 1em/1 Georgia, "Times New Roman", Times, serif; } pre, var, code { font-family:"Courier New", Courier, monospace; } h3, #sidebar, .postdata, .entry-content { font-family:'helvetica neue',helvetica, arial, sans-serif; } #header h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; } /* Header elements *******************************/ h1 { font-size:2.67em; } h2 { font-size:2.17em; line-height:1.6; color:#152942; font-style: italic; } h3 { font-size:1.5em; color:#152942; } h4 { font-size:1.25em; color:#152942; } h5 { font-size:1em; color:#152942; } h6 { font-size:.92em; color:#152942; } /* Text elements *******************************/ ul,ol,p,dl { line-height:1.8; } ul,ol {margin: 0 0 1em .8em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} p,dl {margin: 0 0 1em 0; text-align: left;} strong {font-weight: bold; } em {font-style: italic; } ins {text-decoration:none;} del {text-decoration:line-through;} img {border:0;outline:0;} blockquote { border-left: 2px solid #D2D6D8; margin:0 0 0 3.2em; padding: 0 0 0 1.6em; font: italic normal 1em georgia, 'times new roman', serif; color: #888; } a:link, a:visited, a:hover, a:active{ color:#3b506b; border-bottom: #3b506b; } /* Wordpress styles *******************************/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin:0 1em 1em 0; } .alignright { float: right; margin:0 0 1em 1em; } .wp-caption { border: 1px solid #ccc; text-align: center; padding-top: 4px; margin-bottom: 1em; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: .92em; color: #444; line-height:1.4; padding: 0 4px 4px; margin: 0; } /* Layout *******************************/ body { color: #565656; background:url(images/bg.gif) 0 0 repeat-x #fff; } #root{ width:900px; margin:0 auto; background:url(images/header.gif) 100% 28px no-repeat; } /* Header *******************************/ #header { height:98px; margin-bottom:1px; color:#fff; /* padding:40px 0 0 40px; */ padding:40px 0 0 0; } #header a { color:#fff; text-decoration:none; } #header h2 { line-height:1.3; font-size:1em; color:#fff; } /* Menu *******************************/ #access { display: block; width: 900px; list-style:none; height: 32px; } #access .menu-header, div.menu { font-size: 13px; width: 900px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; padding:0; } #access .menu-header li, div.menu li { float: left; position: relative; } #access a { margin: 0; float:left; list-style:none; padding:6px 0 0 0; margin-right:18px; height:26px; border-bottom:3px solid #D2D6D8; text-decoration:none; font-size:1em; line-height: 26px; text-decoration: none; } #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 35px; left: 0; float: left; width: 180px; z-index: 99999; background:#eee; margin:0; padding:0; } #access ul ul li { min-width: 180px; margin:0; padding:0; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { line-height: 1em; padding: 10px; width: 160px; height: auto; border:0; margin:0; } #access ul ul a:hover { background:#dadddf } #access li:hover > a, #access ul ul :hover > a { color: #000; border-color: #eee; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #000; border-color: #fff; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #000; } /* Navigation *******************************/ .navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; } .navigation a:link, .navigation a:visited { padding:6px 0 0 0; margin-right:18px; height:26px; border-bottom:3px solid #D2D6D8; text-decoration:none; font-size:1.09em; color: #888; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #ff4b33; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: -18px 0 0 0; } /* Content *******************************/ #content { width:590px; margin:20px 50px 30px 0; float:left; } #content .post { padding-bottom:1.5em; margin-bottom:1.5em; border-bottom:1px solid #bbc2c6; } #content .single { border-bottom:0; } #content h2 a { text-decoration:none; } #content h3 { margin-bottom:20px; line-height:2.1; border-bottom:2px solid #D2D6D8; } #content h2 a:hover { color:#465c79; } .postdata { padding:.67em 0; margin-bottom:.67em; border:1px solid #eee; border-left:0; border-right:0; color:#898989; } .postdata a { color:#354a56; text-decoration:none; font-size: .92em; padding: .1em; } .postdata a:hover { background: #5F747F; color: #fff; } .postdata .vcard, .postdata .published { font-family:georgia, 'times new roman', serif; font-variant: small-caps; text-transform: lowercase; } p.tags { line-height:1.2; margin-bottom: 0; clear:both; font: italic normal 1.17em georgia, 'times new roman', serif; } p.tags a { text-decoration: none; } p.tags a:hover { border-bottom: 1px solid #354a56; } .entry h1{color:#152942} /* Sidebar *******************************/ #sidebar { width:248px; float:left; margin:30px 0; } #sidebar h3 { margin-bottom:12px; padding-bottom:6px; border-bottom:1px solid #D2D6D8; } #sidebar .box { margin-bottom:18px; } #sidebar .box a { color:#465c79; text-decoration:none; } #sidebar .box a:hover { color:#0C225F; } #sidebar .box a:visited { color:#7E929E; } #sidebar .box li li a { padding-left:0px; } #sidebar .box li li li a { padding-left:10px; } #sidebar .box .textwidget { line-height:1.6; font-size:.92em; } #sidebar ul { margin:0; padding:0; list-style:none; } /*rss button*/ #sidebar .rss { height:59px; margin-bottom:2px; } #sidebar .rss a { float:right; width:77px; height:59px; background:url(images/rss-icon.gif) 0 0 no-repeat; text-indent:-9999px; } /*recent comments widget*/ #sidebar #recentcomments { padding-left:20px; } #sidebar #recentcomments li.recentcomments { display:block; } #recentcomments li.recentcomments a { display:inline; border:0; } #wp-calendar { width:100%; } #wp-calendar caption { font: italic 1.17em/1.83em georgia, 'times new roman', serif; text-align:right; } #wp-calendar th, #wp-calendar td { text-align:center; font-size:.92em; } #wp-calendar a { font-weight: bold; } #wp-calendar #today { background:#eee; } #wp-calendar #prev { text-align: left; } #wp-calendar #next { text-align: right; } #sidebar .categories { list-style:none; } /* Search Form *******************************/ #searchform { padding-bottom: 1em; } #searchform label { display: block; padding-bottom: 3px; display: none; } #s { vertical-align:middle; border:1px solid #ccc; font-size:1em; color:#152942; padding: 3px; height: 14px; float: left; width:170px; } #searchsubmit { background:#D2D6D8; border:1px solid #ccc; float: right; height: 22px; font-size: 12px; cursor: pointer; } /* Comments *******************************/ #comments{list-style:none} #commentform { margin-top:12px; } #commentform input.text, #commentform textarea { border:1px solid #7E929E; border-right-color:#E8E8E8; border-bottom-color:#E8E8E8; padding:2px; } #commentform input.text { width:200px; } #commentform textarea { width:400px; } #commentform input.submit { border:1px solid #7E929E; background:#E8E8E8; color:#152942; } .comment { list-style:none; margin: 0 0 20px 0; padding: 20px; background: #f9f9f9; border-left: 2px solid #D2D6D8; } .comment .details img { vertical-align:middle; } /* Footer *******************************/ #footer { clear:both; padding-top:20px; height:40px; background:#E8E8E8; border-top:1px solid #D2D6D8; } #footer .copyright { padding-right:8px; width:900px; margin:0 auto; display:block; } #footer img { vertical-align:middle; margin-right:10px; } #content .post *{ max-width:600px } #comments{clear:both} .comment-form-comment label,.comment-form-author,.comment-form-email,.comment-form-url{display:block;width:100px} .clearfix{clear:both} .gallery-caption {} .sticky{} .bypostauthor{}