/* Theme Name: Black Paper Theme URI: http://justpx.com/free-black-paper Version: 1.2 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. License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, one-column, fixed-width */ @charset "utf-8"; *{ margin:0; padding:0; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .bypostauthor{ } .sticky { color:red; } .wp-caption{ } .wp-caption-text { margin: 0 0 6px; } /* 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*/ body{ background:#232122; color: #9D9D9D; } .main{ width:960px; margin:0 auto; } .head{ height:100px; 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: 20px 10px 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; } .sidebar-left a{ color: #9d9d9d; } .sidebar-left a:hover{ color: #9d9d9d; text-decoration: none; } .sidebar-left li { list-style: none; } .sidebar-center { float: left; width: 250px; color: #9D9D9D; padding: 0 15px 0 15px; } .sidebar-center a{ color: #9d9d9d; } .sidebar-center a:hover{ color: #9d9d9d; text-decoration: none; } .sidebar-center li { list-style: none; } .sidebar-right { width: 425px; float: left; color: #9D9D9D; font:20px normal sans-serif; } .sidebar-right li { list-style: none; font:20px normal sans-serif; } .sidebar-right a{ color: #9d9d9d; font:20px normal sans-serif; } .sidebar-right a:hover{ color: #9d9d9d; text-decoration: none; font:20px 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-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 6px 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: 44%; margin: 6px 0 6px 0; } .nav-previous a { color: #9D9D9D; text-decoration:none; } .nav-next { float: right; text-align: right; width: 44%; margin: 6px 0 6px 0; } .nav-next a { color: #9D9D9D; text-decoration:none; } 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; 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; } .navigation { margin: 10px 0 0 0; } .navigation a{ color:#232122; text-decoration:none; background:#9D9D9D; padding: 10px; } .navigation a:hover{ color:#9D9D9D; text-decoration:underline; background:#232122; } /* 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; } .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; } .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;} } @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; } } @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%;} }