@charset "utf-8";
html {
direction: ltr;
}
@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 {
font-family: "tahoma", "arial", "Times New Roman", Times, Arial, serif;
font-size: 11px;
margin: 0;
padding: 0;
line-height: 1.9em;
background: #EAE6E3;
}
p {
margin-bottom: 0.5em;
}
pre {
direction: ltr;
background-color: #FAFAEE;
border: 1px solid #DADADA;
margin: 1em;
overflow-x: auto;
overflow-y: hidden;
padding: 2px;
}
.clear {
clear: both;
}
::-webkit-scrollbar {
background: #f0f0f0;
width: 12px;
height: 15px;
}
::-webkit-scrollbar-thumb {
background: #cdcdcd;
}
::-webkit-scrollbar-corner {
background: #fff;
}
::-webkit-scrollbar-track {
background: #f0f0f0;
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
::-webkit-scrollbar-thumb:hover {
background: #a6a6a6;
}
::-webkit-scrollbar-thumb:active {
background: #606060;
}
h1, h2, h3 {
font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
font-weight: normal;
}
img {
border: none;
border-width: 0;
}
a {
color: #967adc;
cursor: pointer;
text-decoration: none;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
a:hover {
color: #c5b2f2;
text-decoration: none;
cursor: pointer;
}
a:active {
outline: hidden;
}
html,body{
height:95%;
min-height: 91vh;
height: 91vh;
}
.wrp,.content-wrp,.wrp2 {
height:100%;
min-height: 100%;
}
/*-- Content --*/
.wrp {
width: 1000px;
margin: 10px auto 8px auto;
min-height: 800px;
}
.content-wrp {
direction: rtl;
position: relative;
width: 500px;
float: right;
overflow-y: auto;
margin-right: 3%;
}
.block-content {
}
.block-content-view {
width: 100%;
}
.block-content .messages {
cursor: default;
margin-bottom: 30px;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 6px -2px #bbb;
}
.block-content .messages .messages-content {
padding: 5px 15px;
color: #999;
}
.block-content .messages .messages-content h2 {
color: #9aa1ab;
font: 17px "yekan", "Times New Roman", Times, Arial, serif;
text-align: center;
cursor: default;
margin: 0 0 7px;
}
.block-content .messages .messages-content h2 a.comment_count {
color: #967adc;
}
.block-content .messages .messages-content h2 a.comment_count:hover {
color: #9aa1ab;
cursor: pointer;
}
/*-- Content-post --*/
.block-content .post {
position: relative;
padding: 0;
margin-bottom: 30px;
font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 6px -2px #bbb;
}
.post-list-home-right {
float: right;
}
.post-list-home-right .post-image {
overflow: hidden;
width: 140px;
border: 1px solid #78858a;
margin: 20px 20px 5px;
}
.post-image {
overflow: hidden;
}
.post-image img {
width: 100%;
height: auto;
display: block;
}
.post-image a img {
-ms-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.post-image a:hover img {
-ms-transform: scale(1.04);
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
.block-content .post .post-title {
padding: 20px 20px 15px;
}
.block-content .post h2 {
margin: 0;
}
.block-content .post h2 a {
line-height: 1.7em;
font-size: 20px;
color: #967adc;
}
.block-content .post h2 a:hover {
color: #4fc0e8;
}
.post-content {
color: #6b828e;
margin: 0 20px;
padding-bottom: 20px;
text-align: justify;
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
}
.post-content a {
color: #967adc;
}
.post-content a:hover {
color: #47A4EF;
}
.post-content ul li {
margin-right: 5px;
line-height: 1.9em;
}
.post-content img {
max-width: 98%;
height: auto;
}
.post-readmore {
margin: 0px 20px 25px;
}
.post-readmore a {
font-size: 14px;
line-height: 1em;
color: #fff;
background: #967adc;
border-radius: 11px 0 0 0px;
float: left;
padding: 5px 10px;
margin-bottom: 2px;
}
.post-readmore a:hover {
color: #9B84DC;
background: #E2E2E2;
}
/*-- Content-post-details --*/
.post-details {
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
color: #b0c5cd;
cursor: default;
position: relative;
}
.post-details a {
color: #b0c5cd;
}
.post-details a:hover {
color: #967adc;
}
.post-details.over {
position: absolute;
z-index: 9;
}
.post-details.over .post-details-date {
margin: 0 0 2px;
padding: 1px 10px 5px;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
}
.post-details.over .post-details-author {
margin: 0 0 2px;
padding: 1px 10px 5px;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.9);
}
.post-details.bottom {
margin-top: 15px;
padding: 2px 10px 0px 5px;
border-top: 1px solid rgba(172, 186, 192, 0.2);
}
.post-details.bottom.nobg {
background: none;
}
.post-details.custom {
margin-top: 10px;
padding: 10px 20px;
}
.post-details-right {
}
.post-details-left {
float: left;
}
.post-details-date {
border-left: 1px solid rgba(172, 186, 192, 0.2);
padding: 0 10px;
margin-left: 3px;
}
.post-details-date.none {
padding: 0;
margin: 10px 0 0;
background: none;
border-left: 0;
display: block;
}
.post-details-comment {
border-left: 1px solid rgba(172, 186, 192, 0.2);
padding: 0 10px;
margin-left: 1px;
}
.rate-button-box.rated .fa-heart, .rate-button-box.rated .rate-counter {
color: #967adc;
font-size: 18px;
}
a.rate-button {
font-size: 18px;
}
/*-- keywords --*/
.post-details .post-details-tags {
cursor: default;
}
.post-details .post-details-tags h3 {
margin: 0;
display: inline-block;
font: 14px/1.3em "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
color: #fff;
background: #b9a5ed;
border-radius: 3px;
}
.post-details .post-details-tags h3 a {
color: #fff !important;
padding: 1px 7px 4px;
display: inline-block;
border-radius: 3px;
}
.post-details .post-details-tags h3 a:hover {
color: #fff !important;
background: #4fc0e8;
}
.post-details .post-details-tags h3:first-child {
}
.post-details .post-details-tags h3:last-child {
margin: 0;
}
/*-- Post Comments --
.post-comments {
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
margin-bottom: 15px;
}
.post-comment {
margin-bottom: 10px;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 6px -2px #bbb;
}
.comment-details {
background: #f9f9f9;
padding: 0;
cursor: default;
border-radius: 6px 6px 0 0;
}
.comment-details a {
color: #A4CACF;
cursor: pointer;
vertical-align: bottom;
margin-right: 5px;
-moz-transition-duration: .0s;
-webkit-transition-duration: .0s;
-o-transition-duration: .0s;
-khtml-transition-duration: .0s;
}
.comment-details-left {
padding: 4px 0 0 5px;
float: left;
}
.comment-details-right {
}
.comment-avatar img {
width: 34px;
height: auto;
}
.comment-name {
color: #888;
cursor: default;
padding: 0 5px;
}
.comment-body {
padding: 10px;
}
.comment-body-content {
color: #555;
}
.comment-date {
display: inline-block;
color: rgba(255, 255, 255, 0.6);
}
.comment-website {
background: url(//cdn.bayan.ir/blog/templates/53176/details_ico_cmt.png) center -102px no-repeat;
width: 18px;
height: 23px;
display: inline-block;
}
.comment-website:hover {
background-position: center -125px;
cursor: pointer;
}
.comment-email {
background: url(//cdn.bayan.ir/blog/templates/53176/details_ico_cmt.png) center -60px no-repeat;
width: 18px;
height: 23px;
display: inline-block;
}
.comment-email:hover {
background-position: center -79px;
cursor: pointer;
}
*/
/*-- Reply --
.comment-reply {
margin-bottom: 15px;
border: 1px solid #6ec2e5;
background-color: #e5f7ff;
color: rgba(0, 0, 0, 0.7);
border-radius: 6px;
box-shadow: 0 4px 6px -2px #cbe2eb;
}
.comment-reply-details {
padding: 5px 10px 0;
}
.comment-reply-date {
float: left;
color: #31ace0;
cursor: default;
}
.comment-reply-name {
color: #31ace0;
cursor: default;
}
.comment-reply-body {
color: #31ace0;
padding: 10px;
}
*/
/* -------------------- کامنت -------------------- */
.align .messages-top-page h4,.align .messages-top-main-page h4 {
font-size: 15px;
font-family: "yekan", tahoma;
line-height: 1.5em;
background: white;
text-align: center;
color: #9C9C9C;
padding: 10px;
border-radius: 5px;
box-shadow: 0 10px 7px -8px #777;
}
.noti-none {
font-size: 11px;
text-shadow: none;
}
.align .messages-top-page h4 a,.align .messages-top-main-page h4 a {
color: #A484DC;
}
.body-comments {
margin-bottom: 25px;
background: white;
border: 1px solid rgb(228, 228, 228);
box-shadow: 0 10px 3px -8px rgb(169, 169, 169);
font-family: yekan;
}
.body-comments .cmt_details {
color: #737373;
background: #E0E0E0;
position: relative;
padding: 3px 10px 7px 10px;
font-size: 14px;
}
.body-comments .cmt_details img {
width: 35px;
border-radius: 50%;
border: 1px solid rgba(105, 105, 105, 0.85);
padding: 2px;
float: right;
}
.body-comments .cmt_details .txt {
display: inline-block;
float: right;
line-height: 46px;
margin-right: 10px;
}
.body-comments .cmt_details .cmt_date {
border-right: 1px #aaa;
border-right-style: dashed;
padding: 5px 8px 3px 0;
display: inline-block;
margin: 7px 10px 5px 0;
}
.body-comments .cmt_details a.website {
position: absolute;
top: 13px;
left: 18px;
font-size: 19px;
color: #868686;
}
.body-comments .cmt_details a.website:hover {
color: #9C27B0;
}
.body-comments .cmt_details li {
list-style-type: none;
}
.body-comments .body_cmt {
font-family: yekan;
font-size: 12px;
line-height: 20px;
padding: 10px;
text-align: justify;
word-wrap: break-word;
}
.cmt_reply.color3 {
background: #F4F4F4;
border-bottom: 2px solid rgba(132, 132, 132, 0.43);
border-right: 2px solid rgba(132, 132, 132, 0.45);
margin: 0px 15px 10px;
padding: 9px;
text-align: justify;
font-family: yekan;
font-size: 12px;
line-height: 20px;
min-height: 52px;
word-wrap: break-word;
}
.avatar-reply img {
width: 35px;
border-radius: 50%;
border: 1px solid rgba(105, 105, 105, 0.85);
padding: 2px;
float: right;
display: inline-block;
}
.text-reply-body {
padding: 13px 48px 0 0;
}
.cmt_date a {
color: #737373;
}
.cmt_date a:hover {
color: #D40D00;
}
.body-comments .cmt_details img:hover,.avatar-reply img:hover {
opacity: 0.8;
}
/*-- add Comment --*/
.comment-add-form {
color: #aaa;
padding: 10px;
margin-bottom: 30px;
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 6px -2px #bbb;
}
.comment-add-form input.sendbutton {
color: #fff;
border: none;
background: #b9a5ed;
padding: 0 35px 0px;
cursor: pointer;
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
-webkit-appearance: button;
border-radius: 3px;
margin-top: 0px !important;
-webkit-transition: all 0.3s ease,color 0.15s ease;
-moz-transition: all 0.3s ease,color 0.15s ease;
transition: all 0.3s ease,color 0.15s ease;
}
.comment-add-form input.sendbutton:hover {
color: #B9A5ED;
border: none;
background: #FFFFFF;
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.comment-add-form iframe {
background: #FFF;
}
/*-- Pagination --*/
.block-content .pagination {
cursor: default;
display: block;
text-align: center;
margin-bottom: 0;
font: 13px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
}
.block-content .pagination .left {
margin-left: -3px;
}
.block-content .pagination a {
padding: 2px 12px 2px;
margin-left: 3px;
cursor: pointer;
color: #fff;
background: #b9a5ed;
border-radius: 3px;
}
.block-content .pagination a:hover {
background: #4fc0e8;
}
.block-content .pagination a.current {
background: #4fc0e8;
}
.block-content .pagination .spacer {
float: right;
padding: 1px 8px;
color: #999;
}
.pagination {
padding-top: 0;
}
/*-- Sidebar --*/
.block-sidebar {
margin-top: 30px;
}
.sb-left {
float: left;
}
.sb-right {
float: right;
}
.sb-left, .sb-right {
width: 47%;
}
.block-sidebar.sb-right {
margin-left: 13px;
}
.block-sidebar .sidebox {
margin-bottom: 20px;
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 6px -2px #bbb;
}
.sidebox .sidebox-title {
font: 16px/1.2em "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
background: #f9f9f9;
color: #967adc;
border-bottom: none;
padding: 8px 12px 11px;
text-align: right;
cursor: default;
font-weight: normal;
margin: 0;
border-radius: 6px 6px 0 0;
}
.sidebox .sidebox-content {
font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
direction: rtl;
padding: 5px;
}
.sidebox.blank .sidebox-content {
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 6px -2px #bbb;
}
.sidebox.blank .sidebox-content h4 {
padding: 8px;
color: #acb2ba;
margin: 0;
font: normal 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
text-align: right;
}
.sidebox.blank .sidebox-content .blog-image {
text-align: center;
}
.sidebox.blank .sidebox-content img {
text-align: center;
max-width: 95%;
height: auto;
margin: 5px 0;
}
* html .sidebox.blank .sidebox-content img {
width: 200px;
height: auto;
}
/*- sidebar post-list -*/
.sidebox-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebox-content ul li {
padding: 6px 1px;
border-bottom: 1px solid #eeeeee;
}
.sidebox-content ul li:last-child {
border-bottom: none;
}
.sidebox-content ul li a {
background: url(//cdn.bayan.ir/blog/templates/53176/sidebar-bullet.png) no-repeat right 12px;
padding-right: 10px;
color: #8eabb0;
font: normal 13px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
display:block;
}
.sidebox-content ul.menu li a {
background: url(//cdn.bayan.ir/blog/templates/53176/sidebar-bullet2.png) no-repeat right 12px;
}
.sidebox-content ul li:hover a {
color: #967adc;
padding-right: 7px;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
}
.sidebox-content ul li.selected {
padding: 5px 2px;
background: #f0edf6;
border-bottom: 1px solid #eeeeee;
}
.sidebox-content ul li.selected a {
color: #967adc;
}
.sidebox-content .post-list-date, .sidebox-content .post-list-count {
color: #aaa;
cursor: default;
}
.sidebox-content .post-list-count {
padding-right: 5px;
}
.sidebox-content .post-list-date.none {
display: none;
}
/*-- ADS --*/
.sidebox-content.view-ads {
text-align: center;
}
.sidebox-content.view-ads a {
text-align: center;
display: block;
margin-bottom: 5px;
}
.sidebox-content.view-ads a:last-child {
margin-bottom: 0;
}
/*-- Stat --*/
.sidebox-content.stat {
position: relative;
}
.sidebox-content.stat .StatTitle {
cursor: default;
color: #aaa;
font-size: 13px;
border: none;
text-align: right;
}
.sidebox-content.stat .Value {
color: #967adc;
cursor: default;
float: left;
padding-left: 10px;
text-align: left;
}
/*-- Tag-Cloud --*/
.sidebox-content.tag-cloud h3 {
margin: 0px;
font: normal 11px "tahoma", "Times New Roman", Times, Arial, serif;
display: inline-block;
*display: inline;
*margin: 2px;
}
.sidebox-content.tag-cloud span {
display: inline-block;
margin: 1px 0 1px 0;
}
.sidebox-content.tag-cloud a {
font: 14px/1.3em "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
color: #fff;
background: #b9a5ed;
padding: 1px 7px 4px;
display: inline-block;
*display: inline-block;
margin-left: 1px;
border-radius: 6px 1px 1px;
}
.sidebox-content.tag-cloud a:hover {
color: #B9A5ED;
background: rgba(236, 236, 236, 0.86);
}
.sidebox-content.tag-cloud a.selected {
color: #fff;
background: #4fc0e8;
}
/*-- Categories --*/
.sidebox-content.categories ul li {
padding: 0;
border: none;
}
.sidebox-content.categories li:hover {
background: none;
}
.sidebox-content ul li.selected a {
color: #967adc;
}
.sidebox-content.categories ul li ul.subcats a {
padding-right: 10px;
padding-top: 1px;
display: inline-block;
background: url(//cdn.bayan.ir/blog/templates/53176/sub_ico.png) right no-repeat;
}
.sidebox-content.categories ul li a {
padding-bottom: 0;
padding-right: 20px;
display: table-cell;
*display: inline-block;
background: url(//cdn.bayan.ir/blog/templates/53176/folder_ico.png) right 8px no-repeat;
}
.sidebox-content.categories ul li h3 {
margin: 0;
font: normal 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica;
}
.sidebox-content.categories ul li.selected {
background: none;
}
.sidebox-content.categories .subcats li.selected {
background: none;
}
.sidebox-content.categories .subcats {
margin-right: 14px;
margin-top: -3px;
}
.sidebox-content.categories ul .post-list-count {
cursor: default;
display: table-cell;
color: #aaa;
}
.sidebox-content.categories .subcats .post-list-count {
cursor: default;
display: inline-block;
color: #aaa;
}
.sidebox-content.categories .category_selected {
background: #f0edf6;
padding: 2px 5px 2px 5px;
display: block;
height: 31px;
max-height: auto;
*height: auto;
}
.sidebox-content.categories .category_selected a {
color: inherit;
cursor: default;
}
/*------------------------- ستون سمت چپ اصلی */
.wrp2 {
width: 450px;
float: left;
margin-left: 10px;
direction: rtl;
position: relative;
overflow-y: auto;
}
/* -- pic #header --*/
#header {
background: #EAE6E3 url("http://bayanbox.ir/view/6983982151896448600/bg-comp.jpg") no-repeat;
height: 552px;
margin-bottom: 5px;
}
/*-- Header --*/
.header {
position: relative;
margin: auto;
direction: rtl;
height: 100px;
text-align: center;
}
.header h1 {
font: 29px/1.2em "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
color: #967adc;
margin: 0 0 9px;
padding-top: 21px;
direction: rtl;
}
.header h2 {
font: 15px/1.2em "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
color: #9aa1ab;
margin: 0;
cursor: default;
}
.main-menu {
position: relative;
direction: rtl;
cursor: default;
width: 450px;
margin: auto;
text-align: center;
border-radius: 6px;
}
.main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-menu ul li {
display: inline-block;
}
.main-menu a {
font: 15px/1em "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
display: inline-block;
padding: 4px 0;
color: #424a55;
cursor: pointer;
margin: 11px 6px;
border-bottom: 2px solid transparent;
}
.main-menu a:hover {
color: #4f5f74;
border-bottom: 2px solid #d5c8f5;
}
.main-menu li.selected a {
color: #4f5f74;
border-bottom: 2px solid #d5c8f5;
}
/*-- Footer --*/
.footer {
position: relative;
direction: rtl;
cursor: default;
height: 50px;
margin: 10px auto 10px;
text-align: center;
color: #6b828e;
width: 1000px;
margin: 10px auto 8px auto;
}
.main-foot{
width: 916px;
margin: 10px auto 8px auto;
background: #fff;
margin-right: 3%;
border-radius: 3px;
height: 28px;
padding: 6px 22px;
}
.footer a {
color: #967adc;
}
.footer .footer-copyright {
text-align: right;
direction: rtl;
cursor: default;
font: 13px yekan;
float:right;
}
.footer .design {
text-align: right;
direction: rtl;
cursor: default;
font: 13px yekan;
float:left;
}
/* theme 2 */
#header{
background: #DDDDDD url("http://bayanbox.ir/view/6917948047308419983/bg-come-2.jpg") no-repeat;
height: 552px;
}
body {
background: #DDDDDD;
}
.block-content {
padding-left: 10px;
}
.sb-left, .sb-right {
width: 46% !important;
}