@font-face {font-family: 'yekan';src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff');font-weight: normal;font-style: normal;}body {
background-color: #FFB5B5;
background-image: url();
background-repeat: ;
background-size: ;
background-position: ;
background-attachment: ;
font-family: ;
font-size: 12px;
font-color: 000000;
}
body a{
text-decoration: none;
}
body ul{
list-style: none;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
#wrp {
width: 800px;
margin: auto;
}
#block-post {
width: 580px;
float: right;
}
#block-left {
width: 200px;
float: left;
}
/*--------------------------header--------------------------*/
#header {
height: px;
background-color: #FFB5B5;
background-image: url(https://www.google.com/webhp?oq=);
background-repeat: ;
background-size: ;
background-position: ;
background-attachment: ;
margin: 2px 2px 2px 2px;
border-width: 2px 2px 2px 2px;
border-style: double;
border-color: #000000;
}
#header #blog-title {
padding: 2px 2px 2px 2px;
text-align: center;
}
#header h1{
font-family: yekan,tahoma;
font-size: 30px;
font-weight: bold;
padding: px px;
margin: 0;
}
#header a{
color: #000000;
}
#header h2{
font-family: tahoma;
font-size: 20px;
font-weight: normal;
padding: px px;
color: #000000;
margin: 0;
}/*--------------------------menu--------------------------*/
#menu {
padding: 4px 20px;
background: #FF9191;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
text-align: center;
}#menu li{
margin: 0;
padding: 0;
display: inline-block;
}
#menu a{
color: #000000;
background: #FF9191;
padding: 2px 15px;
border-radius: 0px 0px 0px 0px;
font-size: 12px;
font-family: yekan,tahoma;
}
#menu a:hover{
color: #FFFFFF;
background: #CE7575;
}
/*---block-message---*/
.align {
margin: 2px 2px 2px 2px;
}
.messages {
background: #000000;
box-shadow: 1px 1px 1px 1px #FFB1B7;
padding: 1px 10px;
text-align: center;
}
.messages h2{
font-family: yekan,tahoma;
font-weight: bold;
font-size: 16px;
}
/*--------------------------block-post--------------------------*/
.post {
margin: 2px 2px 2px 2px;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px 0px 0px 0px;
box-shadow: 1px 1px 1px 1px #FFB1B7;
}
.post img{
max-width: 100%;
height: inherit;
}
.post audio{
max-width: 100%;
height: inherit;
}
.post video{
max-width: 100%;
height: inherit;
}
.post-title {
background: #000000;
padding: 0px 0px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000000;
text-align: right;
border-radius: 0px 0px 0px 0px;
}
.post-title a{
color: #FFB1B7 !important;
}
.post-title a:hover{
color: #FFFFFF !important;
}
.post-title h2{
font-size: 20px;
font-family: yekan,tahoma;
font-weight: bold;
margin: 0;
padding: 0;
}
.post-content a{
color: #000000;
}
.post-content a:hover{
color: #000000;
}
.post-content {
line-height: 1.5;
background: #000000;
color: #FFB1B7;
font-size: 13px;
font-family: yekan,tahoma;
padding: 2px 2px 2px 2px;
margin: 1px 1px 1px 1px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #FFFFFF;
border-radius: 0px 0px 0px 0px;
}
/*--------------------------post-detail--------------------------*/
.post-detail {
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px;
padding: 2px 6px;
margin: 0px 0px;
background: #FFB1B7;
font-family: yekan,tahoma;
font-size: px;
}
.post-detail li{
display: inline-block;
padding: 0px;
}
.post-detail li:after {
content: "|";
color: #000000;
}
.post-detail li:last-child:after {
content: "";
}.post-detail-right {
float: right;
}
.post-detail-right span{
padding: 0px 4px;
color: #000000;
}
.post-detail-left span {
color: #999999;
}
.post-detail-left {
float: left;
}
.post-detail-left a{
color: #000000;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #000000;
border-radius: 0px;
padding: 0px 0px;
margin: 0px 0px;
background: #FFB1B7;
}
.post-tags {
background: #fff;
box-shadow: 0px 0px 4px 2px #ededed;
border-radius: 2px;
padding: 5px;
}.post-tags a{
color: #000;
}
.post-tags a:hover{
color: #f29340;
}
.post-tags-title {
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px 0px 0px 0px;
box-shadow: 1px 1px 1px 1px #FFB1B7;
padding: 6px 10px;
margin-bottom: 4px;
color: #7d7d7d;
}
/*----comment-----*/
.comment-count-box {
text-align: center;
margin-top: 10px;
padding: 8px 0px;
background: #fff;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px 0px 0px 0px;
box-shadow: 1px 1px 1px 1px #FFB1B7;
border-radius: 2px;
font-family: yekan,tahoma;
}
.comment-count-box a{
color: #000;
font-size: 20px;
}
.cm-body {
background: #fff;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px 0px 0px 0px;
box-shadow: 1px 1px 1px 1px #FFB1B7;
margin-right: 56px;
padding-bottom: 1px;
}
.cm-main {
margin-top: 10px;
}
.cm-avatar {
float: right;
}
.cm-av {
width: 50px;
border-radius: 50%;
}
.comment-details {
padding: 6px;
background: #fff;
border-bottom:1px solid #ebebeb;
overflow: hidden;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.cm-name {
margin-right: 5px;
float: right;
color: #636363;
}
.cm-name a{
color: #a3a3a3;
}
.cm-name a:hover{
color: #858585;
}
.comment-matn {
padding: 10px;
line-height: 1.7;
overflow: hidden;
color: #000;
}
.comment-link {
width: 15px;
height: 15px;
}
.cm-reply-main {
overflow: hidden;
padding: 0px 10px 10px 10px;
}
.comment-reply {
margin-right: 40px;
margin-left: auto;
padding: 8px;
background: #fafafa;
border:1px solid #e5e5e5;
line-height: 1.7em;
color: #000;
border-radius: 2px;
}
.comment-reply-page {
padding: 8px;
background: #fafafa;
border:1px solid #e5e5e5;
line-height: 1.7em;
color: #000;
border-radius: 6px;
}
.reply-av {
width: 35px;
float: right;
border-radius: 50%;
}
.comment-add-form {
margin-top: 15px;
margin-bottom: 15px;
padding: 10px;
background: #fff;
border-radius: 2px;
color: #000;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px 0px 0px 0px;
box-shadow: 1px 1px 1px 1px #FFB1B7;
}
.bComForm .sendbutton.hasCheckbox:hover {
background: #e0e0e0;
transition-duration: .3s;
}input[type=button], input[type=text], input[type=password], input[type=submit], button, textarea, select, .inputBox, input.text, a.btn, a.btn:hover, a.btn:visited {background-color: #e6e6e6;
border: 0px;
color: #454545;
border-radius: 0px;
}
.htmlbox {
border: 1px solid #dedede !important;
background: #fff;
}.bComForm .sendbutton.hasCheckbox {
background: #f29340;
border: 0px;
cursor: pointer;
margin-top: 0;
width: 100px;
border-radius: 2px;
color: #fff;
}

.bComForm .sendbutton.hasCheckbox:hover {

background: #eb8024;

transition-duration: .3s;

}

/*--cm-detail-top--*/

.post-detail-top {

padding: 2px 0px;

background: #fafafa;

border-bottom: 1px solid #ebebeb;

color: #707070;

cursor: default;

font-size: 12px;

}
.post-detail-top a {
color: #787878;
cursor: default;
}.post-detail-top ul{
list-style: none;
padding: 0;
margin: 0;
}
.post-detail-top li{
border-left: 1px solid #e0e0e0;
display: inline-block;
padding: 0px 5px;
}.post-detail-top li:last-child {
border-left: 0px;
}
/*---pagingation---*/
.pagingation {
background: #fff;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px 0px 0px 0px;
box-shadow: 1px 1px 1px 1px #FFB1B7;
text-align: center;
padding: 4px 6px;
}
.pagesList {
display: inline-block;
}
.pagingation li{
display: inline-block;
}
.pagingation li:after{
content: "|";
color: #e5e5e5;
}.pagingation li:last-child:after{
content: "";
}
.pagingation a{
padding: 0px 4px;
color: #f29340;
}
.pagingation a:hover{

}
/*---block-left---*/
#block-left {
width: 200px;
float:left;
line-height: 1.6em;
color: #666;
}
#block-left .left-box {
background: #fff;
margin: 2px 2px 2px 2px;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px 0px 0px 0px;
box-shadow: 1px 1px 1px 1px #FFB1B7;
cursor: default;
}
#block-left .left-title {
border-bottom: 1px solid #e5e5e5;
padding: 4px 6px;
font-family: yekan,tahoma;
color: #f29340;
}
#block-left a{
color: #000;
}
#block-left a:hover {
color: #f29340;
}
#block-left .left-detail li{
border-bottom: 1px solid #e5e5e5;
padding: 4px 6px;
}
#block-left .left-detail li:last-child{
border-bottom: 0px;
}
.left-detail li:hover {
background: #fafafa;
}
.left-detail a{
display: block;
}
/*---about-me---*/
.about-me {
padding: 0px 10px 10px 10px;
}
.blog-image {
text-align: center;
}
.about-me img{
width: 180px;
margin-top: 10px;
}
.blog-description {
padding-top: 10px;
}
/*---follow-box---*/
.followBx {
margin-top: 10px;
background: #fff;
border-radius: 0px;
border-top: 1px solid #e5e5e5;
}
.followThis.followed {
background: #f29340;
}
.followThis {
background: #f29340;
border-radius: 0px;
font-family: yekan,tahoma;
font-size: 14px;
}
#followInBx #followersLs .followImg {
border-radius: 50%;
}
/*---stat---*/
.left-stat li{
padding: 4px 6px;
border-bottom: 1px solid #e5e5e5;
}
.left-stat li:last-child{
border-bottom: 0px;
}
.stat-value {
float: left;
}
/*---category---*/
.left-category li{
padding: 4px 6px;
}
.count {
color: #bdbdbd;
}
.left-category li a{
padding-right: 12px;
background-image: url(//bayanbox.ir/view/8661660237688751606/category-right.png);
background-repeat: no-repeat;
background-position: right center;
display: inline-block;
}
.left-category .category-child a{
padding-right: 12px;
background-image: url(//bayanbox.ir/view/4955324527815090542/category-child-right.png);
background-repeat: no-repeat;
background-position: right center;
display: inline-block;
}
/*---recent-comments---*/
.recent-cm-main {
overflow: hidden;
}
.recent-cm-main img{
width: 30px;
float: right;
border-radius: 50%;
margin-top: 3px;
}
.recent-cm-detail {
margin-right: 35px;
}
.recent-cm-name {
color: #f29340;
}
.recent-cm-matn {
color: #000;
}
/*---recent-post---*/
.left-detail a:hover{
color: #666;
}
/*---tags---*/
.left-tag {
padding: 4px 6px;
}
.tags a{
background: #f9f9f9;
border: 1px solid #e5e5e5;
padding: 4px 6px;
margin: 2px 0px;
display: inline-block;
}
/*---footer---*/
.footer {
padding: 6px 6px;
margin: 10px 0px;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #000000;
border-radius: 0px 0px 0px 0px;
box-shadow: 1px 1px 1px 1px #FFB1B7;
}
.footer a{
color: #000000;
}
footer a:hover {
color: #000000;
}
.erfan {
float: left;
}
.bayan {
float: right;
}