/** * Theme Name: Black Paper * Theme URI: http://justpx.com/free-black-paper * Version: 1.2.3 * 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. * Tags: black, one-column, fixed-width * 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: 0 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: 0 1px 0 0px; float: right; } .entry-comments a{ font:normal 13px sans-serif; color:#9d9d9d; padding: 0 1px 0 0px; float: right; } .entry-comments a:hover{ font:normal 13px sans-serif; color:#9d9d9d; padding: 0 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%;} }