/* Theme Name: Black horse Theme URI: http://www.skinik.name/portfolio/black-horse-wp-theme Description:Simple, easy and powerfull WordPress theme. Based on Cehla framework Version: 2.5.0.2 Author: Jurko Chervony Author URI: http://skinik.name Tags: blue, black, two-columns, right-sidebar, fixed-width, sticky-post, threaded-comments, translation-ready, custom-menu, custom-header, custom-background License URI: http://www.opensource.org/licenses/gpl-license.php The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php Desinged by Jurko Chervony and NotAcat */ @import url("css/reset.css"); @import url("css/base.css"); @import url("css/wp.css"); @import url("css/plugins.css"); /* Container ##############################################################################*/ #container { width:960px; margin:0 auto; } #wrapper { width:920px; padding:20px; margin-top:-125px; float:left; overflow:hidden; background:rgba(255,255,255, .9); border-top-left-radius:15px; -moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; border-top-right-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; } /* Header ##############################################################################*/ #header { width:100%; float:left; } #branding { float:left; width:100%; clear:both; } #site-name { left:0; overflow:hidden; position:absolute; top:25px; width:340px; } #header #site-title { font-size:36px; line-height:1.05; font-family: 'Neucha', Veradna, Tahoma, serif; padding:0; margin:0; text-shadow:1px 1px 1px #A7A5A5; } #header #site-title a { color:#000; text-decoration:none; } #header #site-description { font-size:15px; line-height:1.3; color:#000; margin:10px 0 0 0; } #header img.branding { float:left; width:960px; clear:both; } /*** Search ***/ #s { padding:4px 3px 3px 23px; background:#fff url("i/cehla-sprite.png") no-repeat 2px 4px; } #sidebar #s { width:188px; } #sidebar #searchform label, #sidebar #searchsubmit { display:none; } /*** Navigation ***/ #nav { max-width:600px; height:auto; padding:4px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; box-shadow:0 4px 10px #000; -moz-box-shadow:0 4px 10px #000; -webkit-box-shadow:0 4px 10px #000; -khtml-box-shadow:0 4px 10px #000; background:#000; background:-moz-linear-gradient(bottom,#000,#333); background:-webkit-gradient(linear,left bottom,left top,from(#000),to(#333)); position:absolute; right:0; top:0; } #nav ul { list-style:none; margin:0; } #nav li { float:left; position:relative; margin:0; } #nav a { color:#fafafa; font-size:1.15em; display:block; line-height:26px; padding:3px 10px; text-decoration:none; } #nav ul ul { box-shadow:0px 3px 3px rgba(0,0,0,0.5); -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.5); display:none; position:absolute; top:26px; left:0; float:left; min-width:180px; z-index:666; } #nav ul ul li { min-width:180px; float:none; } #nav ul ul ul { left:100%; top:0; } #nav ul ul a { font-size:0.9em; line-height:1; padding:7px 10px; min-width:160px; height:auto; background:#333; } #nav li:hover > a, #nav li.hover > a { /* 1st level*/ color:#cc0000; } #nav ul ul :hover > a { /* 2nd level */ color:#fff; background:#222; } #nav ul li:hover > ul, #nav ul li.hover > ul { display:block; } #nav ul li.current_page_item > a, #nav ul li.current-menu-ancestor > a, #nav ul li.current_page_ancestor > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a { color:#cc0000; } /* Content ##############################################################################*/ body.error404 #content, body.attachment #content { width:920px; } #content { float:left; overflow:hidden; width:650px; } #content article { display:block; margin-bottom:20px; overflow:hidden; clear:both; } body.single #content article { margin-bottom:5px; } #content article.sticky { /* sticky post */ background:lightYellow; border:1px dashed #E6DB55; padding:7px; } #content h1.page-title { font-weight:bold; margin-bottom:25px; } #content h1.page-title span { /* Category or Author name */ font-size:0.9em; font-weight:normal; font-style:italic; } #content h1.page-title span a { /* Author name */ color:#000; } #content .entry-title, #content .entry-title a { clear:both; color:#000; line-height:1; margin:0; } #content h1.entry-title { font-weight:bold; } #content h2.entry-title { font-size:1.55em; } body.page #content h1.entry-title { margin-bottom:20px; } /* Category description */ #content .archive-meta { font-family:Georgia,serif; font-size:0.9em; line-height:1.2; margin-bottom:20px; } /**/ /*** START info under post title ***/ body.single #content .entry-meta { margin-bottom:15px; } #content .entry-meta { margin:4px 0 7px; color:#666; font-size:0.85em; clear: both; } #content .entry-meta a { color:#666; } #content .entry-meta a:hover { color:#000; } /*** END info under post title ***/ /* More link */ #content a.more-link:hover { color:#fff; background:#52708a; } /**/ /*** START info under post ***/ body.archive #content .entry-utility { margin-top:0; } #content .entry-utility { margin:5px 0 0; color:#666; font-size:0.85em; clear: both; } #content .entry-utility .post-info-item { float:left; padding:2px 3px; margin:3px; } #content .entry-utility a { color:#666; } #content .entry-utility a:hover { color:#000; } /*** END info under post ***/ /* About Author */ #entry-author-info { background:#F0f0f0; border:1px dashed #999; clear:both; font-size:0.9em; line-height:1.2; margin:24px 0; overflow:hidden; padding:10px; } #entry-author-info #author-avatar { background:#FFFFFF; border:1px solid #E7E7E7; float:left; height:60px; margin:0 -104px 0 0; padding:7px; } #entry-author-info #author-description { float:left; margin:0 0 0 104px; } #entry-author-info #author-description h2 { font-weight:bold; font-size:1.1em; margin-bottom:3px; } #entry-author-info #author-description #author-link { margin-top:7px; text-align:right; } /**/ /* Lists */ #content ul, #content ol { margin-left:2.5em; } #content li ul, #content li ol { margin-left:1.5em; } /* Post thumbnails and Images */ #content .thumbnails, #content img.alignleft, #content img.aligncenter, #content img.alignright { padding:2px; border:1px #ccc solid; } /**/ /*** Wp standart Page Navi ***/ #content .navigation { font-size:0.85em; clear:both; float:left; text-align:center; width:100%; margin:15px 0; } #content .navigation .nav-previous { float:left; } #content .navigation .nav-next { float:right; } #content .navigation a { color:#666; } #content .navigation a:hover { color:#fff; background:#52708a; } #content #nav-above, body.single #content #nav-below { margin-top:0; } #content .pager { margin-bottom:0; } /** Post parts nav **/ #content .page-link { font-weight:bold; } #content .page-link a { color:#666; font-weight:normal; padding:2px 4px; } #content .page-link a:hover { color:#fff; background:#52708a; } /* Edit post link */ #content .edit-link a { line-height:16px; padding:0 0 4px 20px; background:url("i/icons/edit.png") no-repeat; } /**/ /* Comment Form ##############################################################################*/ #respond { float: left; width:100%; clear:both; } #commentform { background:#fafafa; border:1px solid #d3d3d3; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } #commentform p.logged-in-as a { color:#000; } #commentform p.logged-in-as a:hover { color:#52708a; } #commentform p.logged-in-as a:first-child { font-weight:bold; } #commentform p.comment-form-url { margin:0 0 17px 0; } #commentform .required { color:#ff0000; font-size:1.3em; } #commentform textarea { display:block; color:#666; height:120px; margin:0 5px 15px 0; padding:2px; width:85%; } #commentform input#author, #commentform input#email, #commentform input#url { width:230px; margin-right:5px; padding:3px 3px 3px 24px; color:#666; float:left; } #commentform input#author { background:#fff url(i/cehla-sprite.png) no-repeat 5px -21px; } #commentform input#email { background:#fff url(i/cehla-sprite.png) no-repeat 5px -46px; } #commentform input#url { background:#fff url(i/cehla-sprite.png) no-repeat 5px -74px; } #commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, #commentform #comment:focus { background-color:#FFFFCC; color:#000; } #commentform p.form-allowed-tags { font-size:0.9em } /* Display comments ##############################################################################*/ #comments { clear:both; float: left; width:100%; } /* Comment nav. */ #comments h3 { clear:both; margin:10px 0; } h3#comments-title em { font-size:0.9em; } #comments .commentlist { clear:both; margin-left:0; } #comments .commentlist ul.children { margin:7px 0 0 7px; } #comments .commentlist ul.children li { margin-bottom:0; } #comments .commentlist li { border:1px solid #ccc; margin:13px 0; padding:5px 5px 10px 10px; list-style:none outside; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #comments .nopassword, #comments .nocomments { display:none; } /* Pingback & Trackback */ #comments .commentlist li.pingback p { margin:0; } /* If comment added post author */ #comments .commentlist .bypostauthor { border-color:#89A1BB; border-width:2px; } /* Odd-Even */ #comments ol.commentlist li.even { /* white */ background:#f3f3f3; } #comments ol.commentlist li.odd { /* grey */ background:#fcfcfc; } #comments .commentlist li .avatar { float:right; border:1px solid #ccc; padding:2px; background:#f3f3f3; } /* Comment author */ #comments .commentlist .fn, #comments .commentlist .fn a { font-weight:bold; font-size:1.1em; color:#333; } #comments .says { font-size:0.9em; } #comments .alt { margin:0; padding:10px; } #comments .commentmetadata a { /* Comment date-time */ color:#52708a; font-size:0.9em; text-decoration:none; } #comments .comment-body { /* Comment text */ margin:17px 10px 0 0; } #comments .nocomments { /* If no comments */ text-align:center; } /* Edit links */ #comments .links { margin-top:10px; } #comments .links a { color:#52708a; } /* Reply link */ #comments .reply a { line-height:16px; padding-left:20px; background:url("i/icons/reply.png") 0 100% no-repeat; } /* Sidebar && Widgets ##############################################################################*/ #sidebar { width:240px; float:right; } /** All Widgets **/ #container .block h3, #container .block h2 { font-size:1.35em; margin-bottom:7px; } #container .block h3 a { color:#000; text-decoration:none; } #container .block h3 a:hover { text-decoration:underline; } #container .block a { color:#222; } #container .block a:hover { color:#52708a; } #container .block { overflow:hidden; word-wrap:break-word; margin-bottom:20px; } #container .widget-area ul { list-style:none outside none; margin-left:0; } #container .widget-area ul ul { margin-left:1.3em; } #container .block ul li { list-style:square outside none; margin-bottom:7px; line-height:1.1em; clear:both; } /**/ /** Widgets in Sidebar **/ #sidebar #primary { margin:0 0 50px 0; } #sidebar .block { font-size:0.9em; } #sidebar .block h3, #sidebar .block h2 { font-size:1.4em } /*** Comments in sidebar ***/ #sidebar #sidebar-comments ul { padding:5px 0 0 0; } #sidebar #sidebar-comments ul li { background-image:none; padding:0; margin-bottom:10px; min-height:29px; } #sidebar #sidebar-comments ul li .user-avatar { float:left; } #sidebar #sidebar-comments ul li .user-avatar img { margin:0 5px 3px 0; border:1px #ccc solid; padding:1px; } /*** Wp-Polls ***/ #sidebar .block .wp-polls-ul { margin:0 0 10px 0; } #sidebar .block .wp-polls ul li, #sidebar .block .wp-polls-ans ul li { list-style:none; padding-left:0; background-image:none; } /*** Calendar ***/ #sidebar .block #calendar_wrap .pad { background:transparent; } #sidebar .block #calendar_wrap #prev { background:transparent; } #sidebar .block #calendar_wrap #next { background:transparent; } #sidebar .block #calendar_wrap table { width:100%; margin:0; padding:0;} #sidebar .block #calendar_wrap table th { width:14.2%; } #sidebar .block #calendar_wrap table td { width:14.2%; background:#f3f3f3; text-align:center; color:#000; } #sidebar .block #calendar_wrap table td a { font-weight:bold; } /* Widgets in Footer ##############################################################################*/ #footer-widget-area .widget-area { float:left; margin-right:20px; width:215px; } #footer-widget-area #fourth { margin-right:0; } #footer-widget-area .widget-area ul.xoxo { margin-bottom:0; } #footer #colophon { border-top:1px dotted #666666; float:left; margin-bottom:10px; padding:10px 20px 0; width:920px; background:rgba(255,255,255, .90); border-bottom-left-radius:15px; -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; border-bottom-right-radius:15px; -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; } #footer #colophon.nb { border:0 none; } /**/ /* Footer ##############################################################################*/ #footer { clear:both; float:left; width:100%; margin:0 0 15px 0; font-size:0.9em; } #footer #site-info { color:#545454; float:left; width:440px; } #footer #site-info span.sep { padding:0 7px; } #footer #site-info a { color:#545454; padding:0 0 3px 25px; background:transparent url("i/wordpress.png") no-repeat 6px 0; } #footer #site-info a:hover { color:#000; } /* Footer menu */ #footer #nav2 { float:right; text-align:right; width:500px; } #footer #nav2 li { display:inline; list-style:none; padding:0 5px; border-left:1px #545454 solid; } #footer #nav2 li:first-child { border-left:0 none; } #footer #nav2 li a { color:#545454; } #footer #nav2 li a:hover { color:#000; } #footer #nav2 ul ul { display:none; } /**/ /* END CSS */