@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; } */ /* theme 3 */ body { background: #EBF5F6; } #header { background: #EBF5F6 url("http://bayanbox.ir/view/8257457407922510254/bg-come-31.jpg") no-repeat; height: 552px; } a,.footer a,.rate-button-box.rated .fa-heart, .rate-button-box.rated .rate-counter,.post-content a,.block-content .post h2 a,.sidebox .sidebox-title,.sidebox-content.stat .Value,.sidebox-content ul li:hover a,.post-details a:hover,.sidebox-content.tag-cloud a:hover,.comment-add-form input.sendbutton:hover,.sidebox-content ul li.selected a,.align .messages-top-page h4 a, .align .messages-top-main-page h4 a,.post-readmore a:hover { color: #F07498; } .block-content .pagination a,.sidebox-content.tag-cloud a,.comment-add-form input.sendbutton,.post-readmore a { background: #F07498; } .main-menu li.selected a,.main-menu a:hover{ border-bottom: 2px solid rgba(255, 0, 74, 0.34); } a:hover { color: #CC0045; } .sidebox-content ul li.selected { background: #FFF7FA; } .sidebox-content.categories ul li a { background: url(http://bayanbox.ir/view/6289503020670656481/folder-ico-copy.png) right 8px no-repeat; } .block-content { padding-left: 10px; } .sb-left, .sb-right { width: 46% !important; }