/* Theme Name: Black Queen Theme URI: http://www.themesfromrobin.com/2010/11/black-queen-wp-theme/ Description: A new black and white theme from the Queen. Stylish, minimalistic design with customizable logo and widgets. Perfect for smart blogs with a refined taste. Version: 1.2 Author: Themes From Robin Author URI: http://www.themesfromrobin.com Tags: white, 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 */ @import url("css/reset.css"); @import url("css/base.css"); @import url("css/wp.css"); @import url("css/plugins.css"); /* Container ##############################################################################*/ #container { width:900px; margin:0 auto; } #wrapper { width:900px; padding:20px 0 30px 0; float:left; overflow:hidden; } /* Header ##############################################################################*/ #header { border-bottom:1px solid #D5D5D5; float:left; height:auto; padding:15px 0 15px; width:100%; } #branding { clear:both; float:left; height:59px; overflow:hidden; width:850px; } #header #site-title { border-right:1px solid #919191; font-family:Palatino Linotype,Georgia,serif; font-size:32px; line-height:1.05; padding:0 15px 0 0; margin-top:15px; text-shadow:1px 1px 1px #A7A5A5; max-width:550px; } #header #site-title a { color:#fafafa; text-decoration:none; } #header #site-description { font-size:15px; line-height:1.3; color:#919191; margin:15px 0 0 15px; text-transform:uppercase; font-family:Trebuchet MS,Helvetica,Arial,sans-serif; float:left; max-width:265px; } #header #site-title, #header img.branding { float:left; } /**/ #nav-search { float:left; clear:both; width:100%; margin-top:35px; } /*** Search ***/ #header form#searchform { float:right; } #s { padding:4px 20px 3px 6px; background:#f3f3f3 url("i/black-queen-sprite.png") 99% 3px no-repeat; font-size:12px; } #header #s { width:150px; color:#9C9C9C; } #header #searchsubmit { display:none; } /*** Navigation ***/ #nav { max-width:670px; height:auto; float:left; } #nav ul { list-style:none; margin:0; } #nav li { float:left; position:relative; margin:0 4px; } #nav a { color:#919191; font-size:1.15em; display:block; text-decoration:none; line-height:25px; padding:0 3px; } #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:25px; left:0; float:left; min-width:180px; z-index:666; } #nav ul ul li { min-width:180px; float:none; margin:0; } #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; color:#000; background:#f9f9f9; } #nav li:hover > a, #nav li.hover > a { /* 1st level*/ color:#A79852; } #nav ul ul :hover > a { /* 2nd level */ background:#f3f3f3; } #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:#A79852; text-decoration:underline; } /**/ /** RSS **/ #header a.rss-link { display:block; position:absolute; right:0; top:36px; width:28px; height:28px; background:url("i/icons/rss.png"); } /* Content ##############################################################################*/ body.error404 #content, body.attachment #content, body.page-template-onecolumn-page-php #content { width:876px; } #content { float:left; overflow:hidden; width:588px; margin-left:12px; } #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-top:2px solid #E6DB55; border-bottom:1px dashed #E6DB55; padding:7px 0; } #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.1; margin:0; text-decoration:none; } #content .entry-title a:hover { text-decoration:underline; } #content h1.entry-title { font-weight:bold; } #content h2.entry-title { background:url("i/post-bg.png") no-repeat scroll 50% 7px transparent; float:right; font-size:30px; margin-bottom:5px; padding:40px 0 4px; text-align:center; width:434px; } body.page #content h1.entry-title { margin-bottom:20px; } body.page #content h2.entry-title { width:100%; } /* More link */ #content a.more-link { color:#B0895F; font-size:14px; display:block; text-align:right; } /* Category description */ #content .archive-meta { font-size:14; line-height:1.3; font-style:italic; color:#5E5E5E; margin-bottom:20px; } /**/ /*** START info under post title ***/ body.home #content .entry-meta, body.archive #content .entry-meta, body.search #content .entry-meta { padding:3px 0 0 150px; border-top:1px solid #EAEAEA; } body.single #content .entry-meta { margin-bottom:15px; } #content .entry-meta { clear:both; color:#5E5E5E; font-size:14px; font-style:italic; margin:4px 0 7px; } #content .entry-meta a { color:#5E5E5E; } #content .entry-meta a:hover { color:#000; } /*** END info under post title ***/ body.home #content .entry-content, body.archive #content .entry-content, body.search #content .entry-content, #content .ga { float:right; width:434px; } body.page #content .entry-content { width:100%; } #content .entry-content { line-height:1.8; } /*** START info under post ***/ body.home #content .entry-utility, body.archive #content .entry-utility, body.search #content .entry-utility { padding-left:150px; width:437px; float:left; border-top:1px solid #EAEAEA; } #content .entry-utility { clear:both; color:#5E5E5E; font-size:14px; margin-top:7px; padding-top:4px; } #content .entry-utility .post-info-item { float:left; padding:2px 3px; margin:3px; } body.single #content .entry-utility a { color:#666; } body.single #content .entry-utility a:hover { color:#000; } /*** END info under post ***/ /* About Author */ #entry-author-info { background:#eee; border:1px dashed #919191; clear:both; font-size:0.9em; line-height:1.2; margin:24px 0; overflow:hidden; padding:10px; font-family:Trebuchet MS,Helvetica,Arial,"Lucida Grande",Verdana,Geneva,sans-serif; } #entry-author-info #author-avatar { background:#FFFFFF; border:1px solid #A79852; 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 .bq-thumb, #content .gallery-thumb img, #content .thumbnails, #content img.alignleft, #content img.aligncenter, #content img.alignright { padding:2px; border:1px #7F7F7F solid; } #content img { height: auto; margin: 0px; max-width: 100%; width: auto; } /**/ /* Post thumbnails on front page */ #content .bq-thumb, #content .gallery-thumb { float:left; } /*** Wp standart Page Navi ***/ #content .navigation { font-size:0.9em; font-family:Trebuchet MS, Helvetica, Arial, "Lucida Grande", Verdana, Geneva, sans-serif; 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:#5E5E5E; } #content .navigation a:hover { color:#fff; background:#919191; } #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; clear:both; margin-top:5px; } #content .page-link a { color:#666; font-weight:normal; padding:2px 4px; } #content .page-link a:hover { color:#fff; background:#999; } /* Edit post link */ #content .edit-link { padding-left:5px; } #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; } #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%; background:#fff; } #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/black-queen-sprite.png) no-repeat 5px -21px; } #commentform input#email { background:#fff url(i/black-queen-sprite.png) no-repeat 5px -46px; } #commentform input#url { background:#fff url(i/black-queen-sprite.png) no-repeat 5px -74px; } #commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, #commentform #comment:focus, #commentform textarea: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; } #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:#666; 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:200px; float:right; } /** All Widgets **/ #container .block h3, #container .block h2 { font-size:14px; font-family:Georgia,serif; text-transform:uppercase; text-align:center; line-height:1.1; color:#A79852; margin-bottom:17px; } #container .block h3 a { color:#A79852; text-decoration:none; } #container .block h3 a:hover { text-decoration:underline; } #container .block a { color:#025E9F; text-decoration:none; } #container .block a:hover { text-decoration:underline; } #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; } /**/ /*** 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 caption { background:#eee; color:#A79885; text-transform:uppercase; } #sidebar .block #wp-calendar { border:0 none; font-family:Trebuchet MS, Helvetica, Arial, "Lucida Grande", Verdana, Geneva, sans-serif; } #sidebar .block #calendar_wrap .pad { background:none transparent; } #sidebar .block #calendar_wrap #prev a, #sidebar .block #calendar_wrap #next a { font-weight:bold; background:none transparent; border:0 none; } #sidebar .block #calendar_wrap table { width:100%; margin:0; padding:0;} #sidebar .block #calendar_wrap table th { width:14.2%; color:#A79852; background:#E1E1E1; border:0 none; } #sidebar .block #calendar_wrap table td { width:14.2%; text-align:center; color:#A79852; border:0 none; } #sidebar .block #calendar_wrap table td a { background:#F7F7F7; border:1px #DCDCDC solid; color:#A79852; padding:1px 4px; text-decoration:none; } #sidebar .block #calendar_wrap table td a:hover { text-decoration:underline; } /* Footer ##############################################################################*/ #footer { background:#000; clear:both; float:left; width:100%; font-family:Trebuchet MS, Helvetica, Arial, "Lucida Grande", Verdana, Geneva, sans-serif; } #footer #site-info { text-align:center; height:78px; line-height:36px; } #footer #site-info span.sep { padding:0 7px; } #footer #site-info, #footer #site-info a { color:#fff; } /**/ /* END CSS */