@charset "utf-8"; /* CSS Document - v3.5.0 */ html { direction: ltr; } @font-face { font-family: 'tahoma'; 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: #1e1d1b url(https://www.tarafdari.com/sites/default/files/contents/user131017/content-image/81186198803159700278.jpg); color: #faa317; } 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; } h1, h2, h3 { font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; font-weight: normal; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { border: none; border-width: 0; } a { color: #fff; cursor: pointer; text-decoration: none; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } a:hover { color: #fff; text-decoration: none; cursor: pointer; } a:active { outline: hidden; } /*-- Header --*/ .header { direction: rtl; height: 105px; /*! background: rgba(0, 0, 0, 0.2); */ /*! box-shadow: inset 0 0 15px #111; */ } .head-right a { color: #06045a; } .head-right a:hover { color: #fff; } .head-right h1 { position: relative; margin: 23px 0 0; padding: 10px 55px 10px 0; font-size: 28px; } .head-left h2 { margin: 0; font-size: 16px; cursor: default; color: #adadad; text-align: center; } .head-wrp { position: relative; width: 960px; height: 100%; margin: auto; } .head-right { position: absolute; top: 7px; right: 0; text-align: right; } .head-left { font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; font-size: 14px; position: absolute; top: 38px; left: 0; text-align: left; } .main-menu { height: 41px; background: #faa317; font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; font-size: 15px; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #2b2b2b; border-bottom: 2px solid #fff; border-top: 2px solid #fff; } .main-menu ul { margin: 0 auto; padding: 0; width: 960px; direction: rtl; list-style: none; } .main-menu ul li { float: right; /*! border-top: 1px solid #fff; */ /*! border-right: 1px solid #e89510; */ border-left: 2px solid #fff; /*! border-bottom: 2px solid #fff; */ } .main-menu ul li:first-child { border-right: none; } .main-menu ul li:last-child { border-left: none; } .main-menu ul li a { color: #fff; display: block; padding: 6px 10px 12px; } .main-menu ul li a:hover { background-color: rgb(255, 102, 0); } .main-menu ul li.selected a { color: #fff; background: #faa317; } .readmore { font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; background: #ff4132; padding: 0 17px 2px; color: #fff; font-size: 13px; } .readmore:hover { color: #fff; background: #ff6256; } .readmore:active { background: #ef2f20; } /*-- Pagination --*/ .pagination-box { margin: auto; } .pagination { font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; cursor: default; text-align: center; margin: 40px auto; font-size: 14px; padding: 0; float: none; } .pagination .left { margin-left: -3px; } .pagination a { padding: 0 15px 4px; margin-left: 3px; cursor: pointer; color: #d1d1d1; background: #1d1d1b; float: none; border: 1px solid #575655; } .pagination a:hover { color: #fff; background: #121212; border: 1px solid #696867; } .pagination a.current { color: #fff; background: #121212; border: 1px solid #696867; } .pagination .spacer { float: right; padding: 1px 8px; color: #999; } .pagination .pagesList { display: inline-block; } /*-- Content --*/ .content-wrp { position: relative; direction: rtl; width: 960px; margin: 0 auto; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*! background: rgba(255, 255, 255, 0.2); */ } .block-content { width: 640px; float: right; } .block-content-view { float: right; width: 100%; margin-top: -10px; } .block-content .messages { cursor: default; margin-bottom: 20px; border-top: 1px solid #383838; background: rgba(255, 180, 18, 0.9); box-shadow: 0 0 5px #111; } .block-content .messages .messages-content { padding: 5px 15px; color: #fff; } .block-content .messages .messages-content h2 { color: #fff; font: 21px "tahoma", "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: #fff; } .block-content .messages .messages-content h2 a.comment_count:hover { color: #fff; cursor: pointer; } /*-- Content-post --*/ .block-content .post { position: relative; padding: 0; margin-bottom: 20px; font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; background: rgba(255, 180, 18, 0.9); box-shadow: 0 0 5px #111; } .block-content .post.left-0 { box-shadow: none; background: none; margin: 0 -10px; } .post_list { float: left; padding: 10px; } .post_list_item { position: relative; width: 200px; height: 200px; background: #faa317; box-shadow: 0 0 5px #111; overflow: hidden; } .block-content .post .post_list_item h2 { margin: 5px 8px 10px; } .block-content .post .post_list_item h2 a { font-size: 15px; } .postlist-image { padding: 7px; overflow: hidden; max-height: 163px; } .postlist-image img { width: 100%; height: auto; } .postlist-details { position: absolute; width: 200px; height: 200px; background: #faa317; top: -250px; -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-shadow: inset 0 0 20px #111; } .post_list_item:hover .postlist-details { top: 0; } .postlist-detail-more { position: absolute; background: #ddd; color: #333; text-align: center; font-size: 15px; display: block; bottom: 37px; left: 48px; padding: 5px 15px 8px; } .postlist-detail-more:hover { background: #faa317; } .postlist-details ul { list-style: none; margin: 20px 12px 0 0; padding: 0; font-size: 12px; cursor: default; } .postlist-details ul li { margin-bottom: 7px; } .postlist-detail-date { background: url(//cdn.bayan.ir/blog/templates/54809/pd_ico_date.png) no-repeat right 4px; padding-right: 24px; color: #fff; } .postlist-detail-comment { background: url(//cdn.bayan.ir/blog/templates/54809/pd_ico_cmt.png) no-repeat right 1px; padding-right: 24px; } .postlist-detail-author { background: url(//cdn.bayan.ir/blog/templates/54809/pd_ico_author.png) no-repeat right 1px; padding-right: 24px; color: #fff; } .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.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .block-content .post .post-title { padding: 15px 20px 5px; } .block-content .post h2 { margin: 0; } .block-content .post h2 a { line-height: 1.7em; font-size: 21px; } .block-content .post h2 a:hover { } .post-content { color: #fff; margin: 0 20px 0 0; padding-bottom: 20px; text-align: right; font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; } .post-content a { color: #fff; } .post-content a:hover { color: #d1d1d1; } .post-content ul li { margin-right: 5px; line-height: 1.9em; } .post-content img { max-width: 98%; height: auto; } .post-readmore { margin: 0 20px 25px; } .post-readmore a { font-size: 15px; line-height: 1em; padding: 0 15px 2px; color: #fff; background: #ff4132; } .post-readmore a:hover { color: #fff; background: #ff6256; } .post-readmore a:active { color: #fff; background: #ef2f20; } /*-- Content-post-details --*/ .post-details { font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; color: #fff; cursor: default; position: relative; } .post-details a { color: #fff !important; } .post-details a:hover { color: #d1d1d1 !important; } .post-details.over { position: absolute; z-index: 9; } .post-details.over .post-details-date { margin: 0 0 2px; padding: 1px 10px 5px; background: rgba(255, 180, 18, 0.9); color: #fff; } .post-details.over .post-details-author { margin: 0 0 2px; padding: 1px 10px 5px; background: rgba(255, 180, 18, 0.9); color: rgba(255, 255, 255, 0.9); } .post-details.bottom { margin-top: 15px; padding: 5px 10px; border-top: 1px solid #faa317; background: rgba(255, 180, 18, 0.9); } .post-details.bottom.nobg { background: none; } .post-details.custom { padding: 20px 20px 5px; } .post-details-right { } .post-details-left { float: left; } .post-details-date { border-left: 1px solid rgba(255, 255, 255, 0.1); 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(255, 255, 255, 0.1); padding: 0 15px; margin-left: 1px; } img.rateimg, img.rateup, img.ratedn { background: url(//cdn.bayan.ir/blog/templates/54809/pd_ico_rate.png) no-repeat center left; width: 16px; height: 28px; vertical-align: top; } .rate-down img.rateimg, img.ratedn { background-position: 0 -17px; } .rate-up img.rateimg, img.rateup { background-position: 0 3px; } .rate-up { margin: 0 10px; } /*-- 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: #aaa; background: #1d1d1b; } .post-details .post-details-tags h3 a { color: #fff; padding: 1px 7px 4px; display: inline-block; background-color: rgba(255, 180, 18, 0.9); } .post-details .post-details-tags h3 a:hover { color: #d1d1d1 !important; background: #575655; border: 1px solid #575655; } .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: rgba(255, 180, 18, 0.9); box-shadow: 0 0 5px #111; } .comment-details { /*! border-top: 1px solid #383838; */ background: rgba(245, 205, 118, 0.61); /*! box-shadow: 0 0 5px #111; */ padding: 0; cursor: default; } .comment-details a { color: #fff; cursor: pointer; vertical-align: bottom; margin-right: 5px; -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-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: #fff; cursor: default; padding: 0 5px; } .comment-body { padding: 10px; } .comment-body-content { color: #fff; } .comment-date { display: inline-block; color: rgba(255, 255, 255, 0.6); } .comment-website { background: url(//cdn.bayan.ir/blog/templates/54809/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/54809/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: 5px; border: 1px solid #999; background-color: rgba(255, 255, 255, 0.4); color: #d1d1d1; } .comment-reply-details { padding: 5px 10px 0; } .comment-reply-date { float: left; color: #d1d1d1; cursor: default; } .comment-reply-name { color: #030202; cursor: default; } .comment-reply-body { color: #000; padding: 10px; } /*-- add Comment --*/ .comment-add-form { color: #fff; padding: 10px; margin-bottom: 15px; border-top: 1px solid #383838; background: rgba(255, 180, 18, 0.9); box-shadow: 0 0 5px #111; font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; } .comment-add-form input.sendbutton { padding: 0 30px 2px; cursor: pointer; font: 15px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; -webkit-appearance: button; border-radius:0; color: #fff; background: #faa317; border: 1px solid #fff; } .comment-add-form input.sendbutton:hover { color: #fff; background: rgba(255, 180, 18, 0.9); } .comment-add-form iframe { background: #FFF; } .block-content .pagination { margin: 40px auto 20px; } /*-- Sidebar --*/ .block-sidebar { float: left; width: 260px; } .block-sidebar .sidebox { margin-bottom: 20px; position: relative; box-shadow: 0 0 5px #fff; } .sidebox .sidebox-title { display: block; font: 15px/1.2em "yekan", "tahoma", "arial", "Times New Roman", Helvetica; background: #cf8d24; color: #fff; padding: 5px 0 9px; text-align: center; cursor: default; font-weight: normal; margin: 0; z-index: 5; /*! border-top: 1px solid #363636; */ } .sidebox .sidebox-content { font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; direction: rtl; background: #faa317; padding: 10px 10px; } .sidebox.blank .sidebox-content { padding-top: 12px; } .sidebox.blank .sidebox-content h4 { padding: 8px; color: #888; 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; } /*-post list-*/ .post-content-right { float: right; width: 515px; } .post-image-right { overflow: hidden; width: 140px; /*height: 110px;*/ border: 1px solid #ddd; float: left; margin: 20px 16px 5px 0; } .post-image-right img { width: 100%; height: auto; } .post-content-left { float: left; width: 73px; border-right: 1px solid #ddd; text-align: center; margin: 20px 0 5px; padding: 0 15px; } .post-content-left .post-readmore-left a { display: block; width: 39px; height: 39px; background: #f7d500 url(//cdn.bayan.ir/blog/templates/54809/readmore.png) no-repeat center; margin: 43px auto 0; } .post-content-left .post-readmore-left a:hover { color: #fff; background-color: #efbd00; } .post-content-left .post-readmore-left a:active { background-color: #efbd00; } .post-date-left { cursor: default; } .post-date-left-day { font-size: 40px; color: #215a62; padding: 5px 0 15px; } .post-date-left-month { font-size: 18px; color: #215a62; } /*- sidebar post-list -*/ .sidebox-content ul { list-style: none; margin: 0; padding: 0; } .sidebox-content ul li { padding: 6px 1px; border-bottom: 1px solid #f4bc16; } .sidebox-content ul li:last-child { border-bottom: none; } .sidebox-content ul li a { background: url(//cdn.bayan.ir/blog/templates/54809/sidebar-bullet.png) no-repeat right 12px; padding-right: 10px; color: #fff; font: normal 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; } .sidebox-content ul.menu li a { background: url(//cdn.bayan.ir/blog/templates/54809/sidebar-bullet2.png) no-repeat right 12px; } .sidebox-content ul li a:hover { background: rgba(255, 180, 18, 0.9); } .sidebox-content ul li:hover { color: #fff; background: rgba(255, 180, 18, 0.9); -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } .sidebox-content ul li.selected { padding: 5px 2px; background: #3e3e3e; border-bottom: 1px solid rgba(8, 146, 205, 0.2); } .sidebox-content ul li.selected a { color: #0575a5; } .sidebox-content .post-list-date, .sidebox-content .post-list-count { color: #fff; 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: #fff; font-size: 13px; border: none; text-align: right; } .sidebox-content.stat .Value { color: #fff; cursor: default; float: left; padding-left: 10px; text-align: left; } /*-- Tag-Cloud --*/ .sidebox-content.tag-cloud h3 { margin: 0; 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: #faa317; border: 1px solid #e99815; padding: 1px 7px 4px; display: inline-block; *display: inline-block; margin-left: 1px; /*! margin: 2px 0px 2px 0px; */ /*! color: #fff; */ border-bottom: 2px solid #fff; border-top: 2px solid #fff; } .sidebox-content.tag-cloud a:hover { background: color: #fff; background: rgba(255, 180, 18, 0.9);; } .sidebox-content.tag-cloud a.selected { color: #fff; border: #A4CACF 1px solid; background: #A4CACF; } /*-- Categories --*/ .sidebox-content.categories ul li { padding: 0; border: none; } .sidebox-content.categories li:hover { background: none; } .sidebox-content ul li.selected a { color: #0575a5; } .sidebox-content.categories ul li ul.subcats a { padding-right: 10px; padding-top: 1px; display: inline-block; background: url(//cdn.bayan.ir/blog/templates/54809/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/54809/folder_ico.png) right 8px no-repeat; } .sidebox-content.categories ul li h3 { color: #d1d1d1; 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: #999; } .sidebox-content.categories .subcats .post-list-count { cursor: default; display: inline-block; color: #999; } .sidebox-content.categories .category_selected { background: #3e3e3e; padding: 2px 5px 2px 5px; display: block; height: 31px; max-height: auto; *height: auto; } .sidebox-content.categories .category_selected a { color: inherit; cursor: default; } /* image list */ .sidebox-content.image-item { padding-left: 0; } .sidebox-content.image-item li { padding: 0; border-bottom: none; float: right; } .sidebox-content.image-item li:hover, .sidebox-content.image-item li.selected { padding: 0; background: none; border: none; } .sidebox-content:after { display: block; content: ' '; clear: both; } .sidebox-content.image-item li a { background: none; padding: 0; } .sidebox-content.image-item li .image-list { overflow: hidden; width: 74px; height: 65px; margin: 0 0 6px 6px; border: 1px solid #f8d415; } .sidebox-content.image-item li img { width: 120%; height: auto; -webkit-filter: grayscale(100%); filter: drop-shadow() drop-shadow() grayscale(100%); -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } .sidebox-content.image-item li:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0); } .sidebox-content.image-item li.selected img { -webkit-filter: grayscale(0%); filter: grayscale(0); } /*-- Footer --*/ .footer { color: #fff; height: 50px; background: #faa317; box-shadow: inset 0 0 10px #000; } .footer a { color: #fff; } .footer-wrp { position: relative; width: 960px; margin: auto; } .footer .footer-copyright { position: absolute; right: 0; top: 11px; text-align: right; direction: rtl; cursor: default; font: 13px yekan; } .footer .footer-icons { position: absolute; left: 0; top: 15px; text-align: left; } .footer .footer-icons a { float: left; margin-right: 3px; width: 20px; height: 20px; } .footer-ico-rss { background: url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-crystal.png) no-repeat; } .footer-ico-bayan { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon-crystal.png) no-repeat; } .footer-ico-bayanbox { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon-crystal.png) no-repeat; } .footer-ico-blog { background: url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon-crystal.png) no-repeat; } .footer-ico-templates { background: url(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon-crystal.png) no-repeat; } .smalltip, .smalltip-margin { font-size: smaller; color: #fff; padding: 4px; line-height: 1.4em; } 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: white; color: #000; font-size: 1em; padding: 4px; border: 0px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .search-box input.text { background: #faa317; width: 100%; float: right; } .search-box .submit { border-radius: 2px 0 0 2px; width: 35px; float: left; background: #faa317 url(/media/images/search.png?_2d5FF); } .search-box.light { background: #faa317; background: #f3f3f3\9; } .followBx, .followThis { font-family: tahoma; } .followBx { background: #faa317; border-radius: 5px; padding: 10px 4px 4px; font-size: 16px; } .followBx { font-size: 13px; } /* IE(7) does not support font-family: inherit */ textarea, input, select, body{ font-family: tahoma, Verdana, "Times New Roman", serif; font-size: 12px; } h1, h2 { font-family: "tahoma",Verdana,"Times New Roman", serif; } h3, h4, h5, h6 { font-family: tahoma, "Times New Roman", serif; } /* ! IE6 does not support [type=?]! */