@charset "utf-8"; /* CSS Document */ /* Theme Name: blackWhitePoetry Theme URI:http://www.wpart.org/wordpress-themes-black-white-poetry%e2%80%94-white-volume/ Description: "Black and White Poetry" is a set of simple and delicate WordPress template. It has developed customisable ad/image setting sidebar. Its post areas includes latest post slideshow on the top of the page, hottest post display and post list. Post adopts thumbnail and summary display which has kept the homepage rich and clean. What is more, all of these functions do not require any plug-in. All you need to do is to download the theme and you can enjoy them easily! Version: 1.3 Author:WPart.org Author URI: http://www.wpart.org tags:black, white,brown,two-columns,right-sidebar,custom-menu,threaded-comments,editor-style,translation-ready, rtl-language-support License: GNU GENERAL PUBLIC LICENSE Version 3, 29 June 2007 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ body { background: url(images/body_bg01.jpg) repeat #000; color:#717171; font:12px Arial, Helvetica, sans-serif; padding:0; margin:0; } p{ line-height:22px; } .clearfix { display: inline-block; } .clearboth{clear:both;} a, a:link, a:visited { color: #717171; text-decoration: none; } a:hover { color: #9e825a; text-decoration:underline; } .a2, .a2:link, .a2:visited { color: #9e825a; text-decoration: none; } input[type=text], input[type=password], textarea { background: url(images/form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 5px 3px; } input[type=submit] { font-family: Arial, Helvetica, sans-serif; background: url(images/submit_03.jpg) no-repeat #9e825a; font-size: 12px; vertical-align:middle; padding-left:15px; color: #fff; font-weight: 700; border-radius: 3px; border:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:24px; } input[type=submit]:hover { color:#333333; } .floatright{ float:right; } .floatleft{ float:left; } .alignright{ float:right; margin:15px; margin-right:0; } .alignleft{ float:left; margin:15px; margin-left:0; } .aligncenter { display:block; margin:15px auto; } .apDiv1 { height:100%; width:100%; position:absolute; top:0; left:0; margin:0px; padding:0; background: url(images/body_bg02.jpg) repeat-x; z-index:-100; } .logged-in .apDiv1{top:28px;} #wrapper{ width:960px; margin:0 auto; padding:0; clear:both; } #nav { padding-top:10px; display: block; margin: 0 auto; width: 960px; height:40px; position:relative; } #nav .menu-header, div.menu { font-size: 13px; width: 900px; } #nav .menu-header ul, div.menu ul { list-style: none; margin:0; padding:0; } #nav .menu-header li, div.menu li { float: left; position: relative; } #nav a { color:#837052; display: block; line-height: 38px; padding: 0 10px; text-decoration: none; } #nav 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: 38px; left: 0; float: left; width: 180px; z-index: 99999; } #nav ul ul li { min-width: 180px; } #nav ul ul ul { left: 100%; top: 0; } #nav ul ul a { background: #333; line-height: 1em; padding:5px; height: auto; } #nav li:hover > a, #nav ul ul :hover > a { color: #fff; } #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-menu-item > a, #nav ul li.current-menu-parent > a { color: #fff; } * html #nav ul li.current_page_item a, * html #nav ul li.current-menu-ancestor a, * html #nav ul li.current-menu-item a, * html #nav ul li.current-menu-parent a, * html #nav ul li a:hover { color: #fff; } .sub-nav { width:100px; position:absolute; top:20px; right:0; } .sub-nav a:link, .sub-nav a:visited { display: block; text-indent: -9000px; width:16px; height:16px; float:right; opacity: 0.6; } .sub-nav a:hover { opacity: 1; } .sub-nav #rss { background: url(images/rss.png) no-repeat; float:right; padding:0; margin:0; } .sub-nav #switchWhite { background: url(images/white.png) no-repeat; float:right; padding:0; margin-right:10px; } .sub-nav #switchBlack { background: url(images/black.png) no-repeat; float:right; padding:0; margin-right:10px; } /* header */ #header { clear:both; margin:0 auto; height: 100px; width:960px; } .logo { max-width:590px; float: left; font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; padding:0; } .blog-name { font-size:28px; letter-spacing: 1px; margin-top:15px; } .blog-name a:link, .blog-name a:visited { color: #FFF; text-decoration: none; } .blog-description { font-size: 12px; color: #7d716d; padding:0 0 8px 0; } #sidebar .searchform .s { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 14px; background-color: #D2CBBF; color:#FFF; border:1px solid #BA9E78; padding:3px 5px; margin: 0 8px 0 0; float: left; width:220px; } #sidebar .searchform .searchsubmit { background: url(images/searchsubmit.gif) no-repeat; text-indent: -9000px; width:24px; height:24px; border: none; float: left; cursor: pointer; opacity: 0.7; text-transform: capitalize; padding: 0; margin: 0; } #sidebar .searchform .searchsubmit:hover { opacity: 1; background: url(images/searchsubmit.gif) no-repeat; } #header .searchform { width: 280px; margin:25px 0 0 0; float:right; } #header .searchform .s { font-family:Arial, Helvetica, sans-serif; font-size: 14px; background: #837f72; color:#d8c8b2; border:1px solid #5d4f3a; padding:3px 5px; margin: 0 8px 0 0; float: left; width: 180px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; } #header .searchform .searchsubmit { background: url(images/search_submit.jpg) no-repeat; text-indent: -9000px; width: 74px; height: 24px; border: none; float: left; cursor: pointer; opacity: 0.7; text-transform: capitalize; padding: 0; margin: 0; } #header .searchform .searchsubmit:hover { opacity: 1; background: url(images/search_submit.jpg) no-repeat; } /* main start */ .mainTop { height:57px; background:url(images/content_top.jpg) repeat-x left; width:100%; clear: both; } #main { background: url(images/main_bg.jpg) repeat-y center #eee7cd; margin:0 auto; width:960px; margin-top: 10px; } #content { margin:0; width:588px; _width:575px; padding:0 20px 0 30px; float:left; overflow:hidden; word-break:break-all; } #container01 { width:920px; float:left; padding:20px; } /*-----posts start-----*/ .home-title { text-transform: uppercase; font-weight:bold; font-size:14px; padding: 0 3px 8px; border-bottom: 1px solid #c3b198; margin: 15px 0px 15px 0; color: #9e825a; clear:both; } .home-title a { font-size:14px; color: #9e825a; clear:both; } .home-title ul{ list-style:none; margin:0; padding:0; } .posts-default .entry-title { font-weight: 700; font-size: 14px; } .posts-default, .posts-quick { display:block; list-style:none; padding:0; margin:0; } .posts-default li { margin: 0 15px 10px 0; font-size: 12px; height:225px; width:180px; float:left; display:block; overflow:hidden; } .posts-default img { height:110px; width:170px; border:none; } .posts-default .entry-thumbnails { height:110px; width:170px; background:#fff; padding:5px; border:1px solid #ccc; position:relative; } .posts-default .entry-thumbnails-link { height:90px; width:260px; } .posts-default .entry-meta, .posts-quick .entry-meta { color: #CCC; background:url(images/75-black.png); height:25px; width:170px; font-weight: 700; float: left; display: block; position:absolute; top:90px; left:5px; _padding:5px 0 0 10px; _height:20px; _width:160px; } .posts-default .entry-comments, .posts-quick .entry-comments { float: right; margin: 5px 5px 0 0; _margin-top:0;background: url(images/comments.gif) no-repeat left center; padding: 0 0 0 12px; } .posts-default .published { text-transform: uppercase; font-size: 11px; color: #999; line-height:25px; border-bottom: none; padding-left:8px; } .posts-default .entry-meta a:link, .posts-default .entry-meta a:visited, .posts-quick .entry-meta a:link, .posts-quick .entry-meta a:visited { color: #FFF; text-decoration: none; } .posts-default .entry-summary { margin: 0 5px; padding-bottom: 10px; line-height: 1.4em; } .posts-default .entry-summary p{margin:0; padding:0; width:170px;overflow: hidden;} .posts-quick .entry-thumbnails { height:130px; width:130px; background:#fff; padding:4px; border:1px solid #c3b198; } .posts-quick li { background:url(images/line_x.jpg) repeat-x bottom; margin:0 0 40px 0; padding:0 0 15px 0; _padding:0 0 45px 0; } .posts-quick .entry-thumbnails img { height:130px; width:130px; border:none; } .posts-quick .entry-title { font-weight: 700; font-size: 16px; margin: 0; padding: 0; } .posts-quick .entry-summary { font-size: 12px; overflow:hidden; } .posts-quick .entry-thumbnails { border: 1px solid #CCC; background: #FFF; float: left; margin: 0 15px 20px 0; } .posts-quick .entry-info { font-size: 11px; margin: 8px 0; height: 27px; border-bottom:1px solid #c3b198; overflow:hidden; position:relative; } .posts-quick .comment a{ font-size: 14px; color:#fff; background:url(images/comments.jpg) no-repeat top; right:0; top:0; width:26px; height:25px; text-align:center; padding-top:3px; position:absolute; } .posts-quick .entry-info abbr { text-decoration: none; border: none; } .posts-quick .quick-read-more a:link, .posts-quick .quick-read-more a:visited { padding: 5px 10px; margin: 3px 0; font-size: 12px; color: #9e825a; text-decoration: none; font-weight:bold; float:right; } .posts-quick .quick-read-more a:hover { color:#FFF; background:#9e825a; } .posts-line { border: 1px solid #c3b198; display:block; list-style:none; padding:10px; margin-bottom: 0 0 0 15px; } .posts-line li { padding:7px 0; border-bottom: 1px solid #c3b198; width:100%; height:30px; clear: both; } .posts-line .entry-cat { font-size: 12px; float:left; } .posts-line .entry-title{ font-size: 12px; color:#9e825a; float:left; line-height:20px; margin:0 0 0 15px; } .posts-line .entry-title a{ color:#9e825a; } .posts-line .entry-comments { font-size: 12px; float:right; } /*-----posts end-----*/ /*-----sidebar start-----*/ #sidebar { width:270px; float:left; padding:0 21px 31px 31px; _padding:22px 11px 31px 41px; } #sidebar ul{ list-style: none; padding: 0; margin: 0; line-height:25px; } #sidebar li ul li{ padding-left:20px; } #sidebar li ul li ul li{ padding-left:30px; } #sidebar h2{ text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 2px 0 10px 0; _padding: 0px 0 5px 0; border-bottom: 1px solid #c3b198; margin: 15px 0px 15px 0; color: #9e825a; clear:both; } #advertblock { width:270px; margin:20px 0 30px 0; float:left; } #advertblock img { margin:0px 0px 3px 3px; border:1px solid #c3b198; background:#d8d5cd; width: 130px; height:130px; float:left; } .widgetcontainer { display: block; padding:0px 0 25px 0; } .widgetcontainer a { color:#848484 } .widgetcontainer a:hover { color:#9e825a; text-decoration: underline; } .widgetcontainer .excerpt { font-size: 11px; margin: 5px 0; } .multi-sidebar .thumb, .multi-sidebar .recentcomments .avatar, .featured-stories .thumb { float: left; border: 1px solid #CCC; margin: 0 10px 0 0; background: #FFF; padding: 2px; } .sidebar-read-more:link, .sidebar-read-more:visited { text-transform: uppercase; font-weight: normal; font-size: 10px; padding: 2px 4px; margin: 5px 0 0; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #FFF; background: #333; } .sidebar-read-more:hover { background: #CC0000; } #wp-calendar { width:100%; } #wp-calendar a:link, #wp-calendar a:visited { text-decoration: none; background-color: #9e825a; color:#FFFFFF; padding: 2px; } #wp-calendar a:hover, #wp-calendar a:active { text-decoration: underline; } #wp-calendar th { text-align: center; color:#9e825a; margin: 0px; padding: 0px; } #wp-calendar tr td { text-align: center; margin: 0px; padding: 0px; } #wp-calendar caption { color: #9e825a; font-size: 12px; font-weight: 700; margin: 0; padding: 5px 9px; text-align: center; } .search-results-content .searchform, .sidebar .searchform { width: 250px; } #sidebar .searchform .s { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 14px; background-color: #D2CBBF; color:#FFF; border:1px solid #BA9E78; padding:3px 5px; margin: 0 8px 0 0; float: left; width:220px; } #sidebar .searchform .searchsubmit { background: url(images/searchsubmit.gif) no-repeat; text-indent: -9000px; width:24px; height:24px; border: none; float: left; cursor: pointer; opacity: 0.7; text-transform: capitalize; padding: 0; margin: 0; } #sidebar .searchform .searchsubmit:hover { opacity: 1; background: url(images/searchsubmit.gif) no-repeat; } /*-----sidebar end-----*/ /* footer */ #footer { background:url(images/footer_bg.jpg) repeat-x top; width:960px; margin:0 auto; margin-top:6px; min-height:100px; } .footer-sidebar { overflow: hidden; margin:0 60px; padding:0; } #footer .widgetcontainer { background: none; border: none; float:left; margin: 0 30px 0 30px; } #footer h2 { background: none; border: none; font-size: 14px; color: #9e825a; letter-spacing: -1px; margin: 0; } #footer .widgetcontent { font-size: 12px; background: none; padding: 0; border: none; } #footer .widgetcontainer ul { margin:0; padding:0; } #footer .widgetcontainer ul li { margin:10px 0; line-height:20px; height:20px; border-bottom:1px solid #312a20; color:#5c4d3a; list-style:none; width:100px; overflow:hidden; } #footer .widgetcontainer ul li ul{ margin:0; padding:0; } #footer .widgetcontainer ul li a { color:#5c4d3a; } #footer .widgetcontainer ul li li{ float:left; } #footer .footer-message { font-size: 11px; clear:both; padding:15px; text-transform:capitalize; } #footer .footer-message a{ color:#eee7cd; } .footer-sidebar-container { padding-top:30px; } /* single post */ .single-post a{ color:#9e825a; } .single-post img{ border:none; _width:100%; } .single .post, #main .single-post { background: #eee7cd; overflow:hidden; } .single .post .entry-title, .single-post .entry-title { text-transform: uppercase; font-weight: 700; font-size: 16px; padding: 0 3px 8px; margin: 15px 0px 15px 0; color: #9e825a; clear:both; } .single .post .entry-info, .single-post .entry-info { font-size: 11px; margin: 8px 0; height: 27px; border-bottom:1px solid #c3b198; overflow:hidden; position:relative; } .single .post .entry-info .published, .single-post .entry-info .published { border: none; float: left; margin-left: 10px; } .single .post .entry-cat, .single-post .entry-cat { color: #848485; line-height: 1.5em; margin-left: 10px; } .single-post .entry-info a:link, .single-post .entry-info a:visited { color: #9e825a; text-decoration: none; } .single-post .entry-info a:hover { color: #9e825a; text-decoration:underline; } .single .post .entry-author, .single-post .entry-author { font-weight: 700; float: left; } .single .post .entry-author address, .single-post .entry-author address { font-style: normal; } .single .post .tags, #main .single-post .tags { color: #848485; border-top: 1px dotted #CCC; line-height: 1.5em; } #main .single .post .tags strong, #main .single-post .tags strong { text-transform: uppercase; font-size: 11px; } .single .post .entry-photo img, .single-post .entry-photo img { border:none; } .single .post .entry-comments, .single-post .entry-comments { float: right; padding: 3px 3px 3px 17px; margin-top: 20px; background: url(images/comments.gif) no-repeat 3px 6px #383331; display: inline-block; color: #FFF; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } h4,#reply-title { text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 2px 0 10px 0; _padding: 0px 0 5px 0; border-bottom: 1px solid #c3b198; margin: 15px 0px 15px 0; color: #9e825a; clear:both; } h4,#reply-title a { color: #9e825a; } /* comments */ #comments { clear: both; } .commentlist { list-style:none; margin:0; padding:0; } .comment{ margin-bottom:20px; } h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist .avatar { border: 1px solid #c3b198; padding: 2px; float: left; margin: 0 15px 10px 0; } .bypostauthor { } .commentlist cite { font-weight: 700; font-style: normal; line-height: 20px; font-size: 14px; color:#9e825a; } .commentlist li { border-bottom: 1px dashed #c3b198; padding-bottom:35px; } .commentlist li ul li{ border:none; padding:0; } .commentlist li ul{ list-style:none; } .commentlist p { font-size: 12px; } .commentlist .comment-meta, .commentlist .comment-meta abbr { border: none; text-decoration: none; font-size: 11px; } .commentlist .reply a, .comments-navigation a, .read-more, .navigation a { color:#9e825a; float:right; text-decoration: none; padding:3px 8px; margin: 0; border: 1px solid #9e825a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; } .commentlist .reply a:hover, .comments-navigation a:hover, .navigation a:hover, .read-more:hover { background-color: #9e825a; color: #FFF; } .comments-navigation { padding: 0 10px 10px; } .comments-navigation a { display: inline-block; } .nocomments { display:none; } #respond{ padding-top:20px; } #commentform { margin-right: 10px; padding: 10px; } #commentform label { color: #9E825A; } #commentform label.error { margin: 5px 0; color: #A80009; font-weight: bold; padding: 5px; } #commentform span.required { color: #A80009; } #commentform input[type=text] { display: block; width: 300px; border:1px solid #C3B198; font: 12px 'Lucida Grande', Arial, Helvetica, sans-serif; margin: 5px 0; } #commentform textarea { display: block; font: 14px 'Lucida Grande', Arial, Helvetica, sans-serif; border:1px solid #C3B198; width: 90%; margin-bottom: 5px; } #cancel-comment-reply-link { font-size: 11px; } .navigation { height:20px; margin:10px; list-style:none; text-align:center; color:#9e825a; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } .navigation a { color:#9e825a; float:none; text-decoration: none; padding:3px 5px; margin-right:10px; border: 1px solid #9e825a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; } .navigation a:hover { background-color: #9e825a; color: #FFF; } .wp-caption { line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; } .wp-caption-text { color:#666666; font-size: 12px; margin: 5px; } .home .sticky { border-top: 4px solid #9e825a; margin:0 -20px; padding: 18px 20px; } .gallery-caption { color: #666666; font-size: 12px; margin: 0 0 12px; } .bypostauthor { }