/** * Theme Name: Black Paper * Theme URI: http://justpx.com/free-black-paper * Version: 1.2.6 * Author: JustPX * Author URI: http://justpx.com/ * Description: Light, easy-to-use, functional template Black Paper is perfect for personal blogging. It features a laconic design, which makes it appropriate both for a man and a woman and does not limit bloggers to a certain subject. Template creators have decided against using unnecessary graphic elements. The visitors of your blog will be able to focus on content and not be distracted by anything else. No default menu only custom menu. * Tags: black, one-column, fixed-width, custom-menu * Black Paper WordPress Theme, Copyright 2013 justpx.com * Black Paper is distributed under the terms of the GNU GPL * License: GNU General Public License v2.0 * License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @charset "utf-8"; *{ margin:0; padding:0; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* gallery start*/ .gallery { display: block; clear: both; overflow: hidden; margin: 0 auto; } .gallery .gallery-item { overflow: hidden; float: left; margin: 0; text-align: center; list-style: none; padding: 0; } .gallery .gallery-row { display:block; clear: both; overflow: hidden; margin: 0; } .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { max-width: 100%; height: auto; padding: 1%; margin: 0 auto; } .gallery-caption { margin-left: 0; } /* gallery end*/ /* caption start*/ .wp-caption{ background: #232122; border: 1px solid #9D9D9D; max-width: 100%; padding: 4px 4px 4px 4px; text-align: center; margin: 6px; } .wp-caption img { width: auto; } .wp-caption p.wp-caption-text { font-size: 20px; margin: 0; padding: 6px 0 0 0; } .wp-caption.alignnone{ margin: 4px 10px 10px 0px; } .wp-caption.alignleft{ margin: 4px 10px 10px 0px; } .wp-caption.alignright{ margin: 5px 20px 20px 0; } ::-webkit-scrollbar { width: 12px; background: #232122; } ::-webkit-scrollbar-thumb { background: #9D9D9D; } .bypostauthor{ } .sticky { border-bottom: none; border: 1px solid #9D9D9D; padding: 16px; } body{ background:#232122; color: #9D9D9D; word-wrap: break-word; -ms-word-wrap: break-word; } .main{ width:960px; margin:0 auto; } .head{ height:100%; padding: 50px 0 40px 0; } .head a{ font:normal 48px sans-serif; color:#DADADA; text-decoration:none; margin:20px 10px 0 0; } .head2 { font:normal 18px sans-serif; color:#DADADA; text-decoration:none; margin:0px 10px 0 0; } /* menu start*/ .menu { width: 240px; } .menu li a { text-decoration: none; border-bottom:1px solid #9d9d9d; } .menu li a:link{ color: #9d9d9d; display: block; padding: 8px 0 8px 30px; } .menu li a:hover { color: #232122; background: #9D9D9D; padding: 8px 0 8px 30px; } li.current_page_item { /* menu active */ background-color:#9D9D9D; color:#232122; text-decoration:none; } li.current_page_item a{ /* menu active */ text-decoration:none; color:#232122; } /* menu end */ /* search start */ .search-main{ margin: 0 0 0 0; } .serch-txt{ height:23px; background:#DADADA; border:1px solid #9d9d9d; width:180px; margin: 0px 8px 0 0; padding: 0 0 0 6px; } .serch-btn{ position:relative; top:8px; } /* search end */ /* sidebar start*/ .widget { margin: 20px 0 0px 0; } .sidebar-left { float: left; width: 240px; margin-right: 0px; color: #9D9D9D; padding: 0 15px 0 0; font:18px normal sans-serif; } .sidebar-left a{ color: #9d9d9d; font:18px normal sans-serif; } .sidebar-left a:hover{ color: #9d9d9d; text-decoration: none; font:18px normal sans-serif; } .sidebar-left li { list-style: none; } .sidebar-center { float: left; width: 250px; color: #9D9D9D; padding: 0 15px 0 15px; font:18px normal sans-serif; } .sidebar-center a{ color: #9d9d9d; font:18px normal sans-serif; } .sidebar-center a:hover{ color: #9d9d9d; text-decoration: none; font:18px normal sans-serif; } .sidebar-center li { list-style: none; } .sidebar-right { width: 425px; float: left; color: #9D9D9D; font:18px normal sans-serif; } .sidebar-right li { list-style: none; font:18px normal sans-serif; } .sidebar-right a{ color: #9d9d9d; font:18px normal sans-serif; } .sidebar-right a:hover{ color: #9d9d9d; text-decoration: none; font:18px normal sans-serif; } .sidebar-footer { width: 250px; color: #9D9D9D; } .sidebar-footer a{ color: #9d9d9d; } .sidebar-footer a:hover{ color: #9d9d9d; text-decoration: none; } /* sidebar end*/ /* calendar start*/ #wp-calendar { display: block; margin: 0px; padding: 0 0; text-align: center; border:0px; } #wp-calendar td { padding: 2px 2px; color: #9D9D9D; background-color: #232122; text-align: center; border:1px solid #232122; } #wp-calendar th { padding: 2px 4px; color: #232122; background-color: #9d9d9d; text-align: center; border:1px solid #232122; } #wp-calendar a{ padding: 2px 2px; color: #9D9D9D; text-align: center; } #wp-calendar .pad { background: transparent; border:0px; } /* calendar end*/ .content-main{ overflow:hidden; border-bottom:1px solid #9d9d9d; padding-bottom: 20px; } .content{ width:100%; float:left; margin:0 0 0 0px; } /* post start */ .post{ margin: 0 0px 15px; } .post p{ font:20px normal sans-serif; margin: 0 0 15px; color: #9D9D9D; } .post a{ color:#9d9d9d; text-decoration:underline; font:20px normal sans-serif; } .post a:hover{ color:#9d9d9d; text-decoration:none; font:20px normal sans-serif; } .post:after { content: ""; display: block; clear: both; } ::selection { background: #DADADA; color: #232122; } .categories{ font: normal 13px sans-serif; padding: 4px 0 4px 0; } .categories a{ font: normal 13px sans-serif; padding: 4px 0 4px 0; } .categories a:hover{ font: normal 13px sans-serif; padding: 4px 0 4px 0; } .post-main{ border-bottom:1px solid #9d9d9d; margin:0 0 20px 0; } .wp-post-image{ float:left; margin:0 15px 15px 0; } .post-main h1{ font:normal 24px sans-serif; color:#9D9D9D; padding: 5px 0 8px 0px; margin: 0 0 5px 0; } .post-main h1 a{ font:normal 24px sans-serif; color:#DADADA; text-decoration:none; padding: 0 0px 0 0; } .post-main h1 a:hover{ font:normal 24px sans-serif; color:#DADADA; text-decoration:underline; } .post-main h1 span{ font: normal 12px sans-serif; color:#9d9d9d; float: right; padding: 0 0px 0 0; } .post-main h1 span a{ font: normal 12px sans-serif; color:#9d9d9d; float: right; padding: 0 0px 0 0; } .post-main h1 span a:hover{ font: normal 12px sans-serif; color:#9d9d9d; float: right; padding: 0 0px 0 0; } .post-main h2{ font:normal 22px sans-serif; color:#9D9D9D; padding: 5px 0 8px 0px; margin: 0 0 5px 0; } .post-main h2 a{ font:normal 22px sans-serif; color:#DADADA; text-decoration:none; padding: 0 0px 0 0; } .post-main h2 a:hover{ font:normal 22px sans-serif; color:#DADADA; text-decoration:underline; } .post-main h2 span{ font:normal 22px sans-serif; color:#9d9d9d; float: right; padding: 0 0px 0 0; } .post-main h3{ font:normal 20px sans-serif; color:#9D9D9D; padding: 5px 0 8px 0px; margin: 40px 0 5px 0; } .post-main h3 a{ font:normal 20px sans-serif; color:#DADADA; text-decoration:none; padding: 0 0px 0 0; } .post-main h3 a:hover{ font:normal 20px sans-serif; color:#DADADA; text-decoration:underline; } .post-main h3 span{ font:normal 20px sans-serif; color:#9d9d9d; float: right; padding: 0 0px 0 0; } .post-main h4{ font:normal 18px sans-serif; color:#9D9D9D; padding: 5px 0 8px 0px; margin: 0 0 5px 0; } .post-main h4 a{ font:normal 18px sans-serif; color:#DADADA; text-decoration:none; padding: 0 0px 0 0; } .post-main h4 a:hover{ font:normal 18px sans-serif; color:#DADADA; text-decoration:underline; } .post-main h4 span{ font:normal 18px sans-serif; color:#9d9d9d; float: right; padding: 0 0px 0 0; } .post-main h5{ font:normal 16px sans-serif; color:#9D9D9D; padding: 5px 0 8px 0px; margin: 0 0 5px 0; } .post-main h5 a{ font:normal 16px sans-serif; color:#DADADA; text-decoration:none; padding: 0 0px 0 0; } .post-main h5 a:hover{ font:normal 16px sans-serif; color:#DADADA; text-decoration:underline; } .post-main h5 span{ font:normal 16px sans-serif; color:#9d9d9d; float: right; padding: 0 0px 0 0; } .post-main h6{ font:normal 14px sans-serif; color:#9D9D9D; padding: 5px 0 8px 0px; margin: 0 0 5px 0; } .post-main h6 a{ font:normal 14px sans-serif; color:#DADADA; text-decoration:none; padding: 0 0px 0 0; } .post-main h6 a:hover{ font:normal 14px sans-serif; color:#DADADA; text-decoration:underline; } .post-main h6 span{ font:normal 14px sans-serif; color:#9d9d9d; float: right; padding: 0 0px 0 0; } .nav-previous { float: left; width: 50%; height: 100%; margin: 6px 0 6px 0; text-align: left; } .nav-previous a { color: #9D9D9D; text-decoration:none; } .nav-next { float: right; text-align: right; width: 50%; height: 100%; margin: 6px 0 6px 0; overflow: hidden; } .nav-next a { color: #9D9D9D; text-decoration:none; } /* navigation */ .navigation{ text-align:center; border:0px !important; } .navigation a{ color:#9D9D9D; border:0px !important; } .navigation a:hover, .navigation .current{ text-decoration:none; color:#232122; background:#9D9D9D; } .navigation .pages{ color:#9D9D9D; border:0px !important; } .navigation .alignleft{ float: left; } .navigation .alignright{ float: right; } .navigation .alignright a, .navigation .alignleft a{ color:#232122; background:#9D9D9D; text-decoration:none; padding: 10px; } .navigation .alignright a:hover, .navigation .alignleft a:hover{ color:#9D9D9D; background:#232122; text-decoration:underline; padding: 10px; } img{ max-width:100% !important; height:auto; display:block; } ol{ list-style-type:decimal; margin: 0 0 0 22px; } kbd{ color:#9D9D9D; display:inline-block; font-size:11px; line-height:1.4; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; -ms-word-wrap: break-word; color:#232122; background-color: #9d9d9d; padding: 10px; } tt{ color:#9D9D9D; display:inline-block; font-size:11px; line-height:1.4; } img.alignnone { max-width: 100%; } .alignnone { max-width: 100%; } hr { border:1px solid #9d9d9d; } blockquote{ font-size: 20px; margin: 10px; padding: 0px; } table{ border-collapse:collapse; width: 100%; } table, td, th{ font-size: 20px; border:1px solid #9d9d9d; padding: 4px; } dl { font:20px normal sans-serif; padding: 0 10px; } dt{ font:20px normal sans-serif; padding: 10px; font-weight: bold; } dd{ font:20px normal sans-serif; padding: 0 10px; } .post-main ul{ padding-left: 19px; margin: 0px; list-style-type:square; background-repeat: no-repeat; font:20px normal sans-serif; } .post-main ul li{ list-style-type:square; background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; font:20px normal sans-serif; } .post-main tag { font:normal 13px sans-serif; color:#9D9D9D; padding: 0 1px 0 0px; } .post-main tag a{ font:normal 13px sans-serif; color:#9d9d9d; padding: 0 1px 0 0px; } .post-main tag a:hover{ font:normal 13px sans-serif; color:#9d9d9d; padding: 0 1px 0 0px; } /* Comment start*/ .entry-comments{ font:normal 13px sans-serif; color:#9d9d9d; padding: 0px 1px 0 0px; float: right; } .entry-comments a{ font:normal 13px sans-serif; color:#9d9d9d; padding: 4px 1px 0 0px; float: right; } .entry-comments a:hover{ font:normal 13px sans-serif; color:#9d9d9d; padding: 4px 1px 0 0px; float: right; } .avatar{ float: left; padding-right: 6px; width: 42px; height: 42px; } .says{ color: #9D9D9D; font:20px normal sans-serif; } #respond .comment-notes { /* Your email address will not be published. Required fields are marked */ color: #9d9d9d; font-size: 14px; } #respond textarea { border: 1px solid #9d9d9d; margin: 4px 0 4px 0; padding: 8px 8px 8px 8px; } #respond textarea { display: block; width: 98%; background: #DADADA; } #respond input[type=text]{ border: 1px solid #9d9d9d; margin: 4px 0 4px 0; padding: 8px 8px 8px 8px; } #respond input[type=text]{ display: block; width: 98%; background: #DADADA; } #respond .form-allowed-tags { /* HTML tag del */ display: none; color: #fff; } .comment{ position: relative; } .commentlist .comment{ list-style-type: none; margin: 40px 0; padding-left: 20px; } .comment .comment-meta { font: normal 12px sans-serif; color:#9d9d9d; position: absolute; right: 1px; top: 10px; } .comment .comment-meta a{ font: normal 12px sans-serif; color:#9d9d9d; } .comment-reply-link a{ font: normal 12px sans-serif; color:#9d9d9d; } #respond input#submit:hover { /* button */ background: #9D9D9D; color: #232122; font-size: 20px; cursor: pointer; } #respond input#submit { /* button */ border: 0px; font-size: 20px; padding: 6px 6px 6px 6px; color: #232122; background:#DADADA; cursor: pointer; } /* Comment end*/ /* footer start */ .footer{ overflow:hidden; padding: 0px 0px 10px 0px; } .footertext{ font:normal 18px "sans-serif"; float:left; padding: 19px 0 0 0; } .footertext a{ font:normal 18px "sans-serif"; color:#9D9D9D; text-decoration:none; margin:20px 0px 0 0; } .mlogo{ float:right; padding: 19px 0 0 0; } .mlogo a{ font:normal 18px "sans-serif"; color:#9D9D9D; text-decoration:none; margin:20px 0px 0 0; } /* footer end */ .alignleft { display: inline; float: left; margin: 0px 12px 4px 0; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignright { display: inline; float: right; } /* Responsive */ .row { margin-bottom: 0px } [class*="span"]{ float: left; display: inline; } @media only screen and (max-width: 990px) { .main { width: 750px;} .span1 { width: 300px } .span2 { width: 360px } .serch-txt{width: 312px} #wp-calendar{width: 250px} #wp-calendar td { padding: 2px 16px 2px 16px; } .commentmetadata{ display:none; } #respond textarea { width: 90%; } #respond input[type=text]{ width: 90%; } .sidebar-center {padding: 0px 15px 0px 0px;} .menu { width: 360px;} .sidebar-right {width: 752px;} } @media only screen and (max-width: 900px) { .main { width: 600px;} .span1 { width: 300px } .span2 { width: 592px } .serch-txt{width: 544px} #wp-calendar{width: 250px} #wp-calendar td { padding: 2px 32px 2px 32px;} .commentmetadata{ display:none; } #respond textarea { width: 90%; } #respond input[type=text]{ width: 90%; } .menu { width: 600px;} .sidebar-center {padding: 0px 15px 0px 0px;} .nav-previous { display:none;} .nav-next { display:none;} } @media only screen and (max-width: 750px) { .main { width: 440px;} .span1 { width: 300px } .span2 { width: 432px } .serch-txt{width: 384px} #wp-calendar{width: 250px} #wp-calendar td { padding: 2px 21px 2px 21px;} .sidebar-center {padding: 0px 15px 0px 0px;} .commentmetadata{ display:none; } #respond textarea { width: 90%; } #respond input[type=text]{ width: 90%; } .menu { width: 440px; } .nav-previous { display:none;} .nav-next { display:none;} } @media only screen and (max-width: 550px) { .main { width: 300px;} .span1 { width: 300px } .span2 { width: 290px } .serch-txt{width: 242px} #wp-calendar{width: 250px} #wp-calendar td { padding: 2px 11px 2px 11px; } .sidebar-center {padding: 0px 0px 0px 0px;} .commentmetadata{ display:none; } #respond textarea { width: 90%; } #respond input[type=text]{width: 90%;} .nav-previous { display:none;} .nav-next { display:none;} p.comment-form-author,p.comment-form-email,p.comment-form-url { display: block; float: left; margin: 0 10px 0 5px; width: 30%;} }