@charset "utf-8"; @media print { .bx_left { display: none; } .bx_right { display: none; } .footer_contain_bg { display: none; } .footer_contain { display: none; } .footer { display: none; } .content_bg { display: none; } .main_menu { display: none; } .header { display: none; } .post_detail { display: none; } .messages { display: none; } .post_comments { display: none; } .cmt_reply { display: none; } .commentForm { display: none; } .pagination { display: none; } .page_cls { display: none; } .post_cls { display: none; } #body { display: block; width: 650px; margin: 5px auto auto; border: 2px solid #bbb; outline: 1px solid #333; padding: 15px; direction: rtl; font-family: Sahel, sans-serif, Tahoma, Verdana !important; cursor: default; font-size: 13px; } .date_title { font-size: 10px; padding-bottom: 10px; color: #444; } h2 a { font-family: Sahel, sans-serif, Tahoma, Verdana !important; font-size: 18px; color: #333; text-decoration: none; padding-bottom: 0; } .cnt { font-size: 12px; color: #000; text-decoration: none; line-height: 18px; } #print .title h2 { font-family: Sahel, sans-serif, Tahoma, Verdana !important; margin-bottom: 0; display: block; text-align: center; font-size: 17px; color: #333; text-decoration: none; } #print .title span { font-family: Sahel, sans-serif, Tahoma, Verdana !important; display: block; text-align: center; padding-top: 5px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #333; font-size: 11px; color: #333; text-decoration: none; } a { text-decoration: none; padding: 5px; } } @media screen { #print { display: none; } html { direction: ltr; font-size: 15px; } p { margin-top: 0; margin-bottom: 1rem; } * { box-sizing:border-box; } body { font-family: Sahel, sans-serif, Tahoma, Verdana !important; font-size: 1rem; color: #323232; margin: 0; padding: 0; line-height: 1.9rem; background: #d6d3cc url("http://bayanbox.ir/view/7794186030512064749/bud-back-2.jpg"); } code, pre { direction: ltr; text-align: left; background-color: #FAFAEE; border: 1px solid #DADADA; margin: 0; overflow-x: auto; overflow-y: hidden; padding: 2px; } .btn_submit { direction: ltr; } .clear { clear: both; } ::-webkit-scrollbar { background: #d6d3cc; width: 15px; height: 15px; } ::-webkit-scrollbar-track { background: #d6d3cc; } ::-webkit-scrollbar-thumb { background: #b8b3a8; } ::-webkit-scrollbar-thumb:hover { background: #b2ac9f; } ::-webkit-scrollbar-button { background: #a9a293; } ::-webkit-scrollbar-button:hover { background: #b8b3a8; } h1, h2, h3, h4 { font-family: sahel, b roya, b koodak, sans-serif, Tahoma, Verdana; line-height: 2; margin: 0; } img { border: none; border-width: 0; } a { color: #3174a6; cursor: pointer; text-decoration: none; } a:hover { color: #389f00; text-decoration: none; cursor: pointer; } a:active { outline: hidden; } /*-- Wrapper --*/ #wrp { width: 575px; height: auto; margin: auto; direction: rtl; position: relative; } /*-- Header --*/ .header { border-radius: 0 0 15px 15px; margin-bottom: 0; /*-- Title & Description --*/ } .header .hdr_left { float: left; } .header .title { padding: 25px; text-align: center; } .header .title h1 { font-family: sahel, b roya, b koodak, sans-serif, Tahoma, Verdana; font-size: 25px; font-weight: 900; color: #444; margin-bottom: 0; line-height: 1.5; } .header .title h1 a { color: #505c63; } .header .title h1 a:hover { color: #4B7B00; } .header .title .desc h2 { cursor: default; display: block; font-size: 13px; font-weight: normal; margin-bottom: -0.8em; margin-top: -5px; color: #4e4e4e; } .mini_icon { cursor: default; text-align: center; padding-top: 10px; display: none; } .mini_icon .icons { display: inline-block; } .mini_icon ul { list-style: none; margin: 0; padding: 0; } .mini_icon li { float: left; margin: 0 2px; } .mini_icon li a.mi_home { background: url("//cdn.bayan.ir/blog/templates/1/home.png") no-repeat; display: block; height: 20px; width: 20px; } .mini_icon li a.mi_rss { background: url("//cdn.bayan.ir/blog/templates/1/rss.png") no-repeat; display: block; height: 20px; width: 20px; } /*-- Main Menu --*/ .main_menu { height: 40px; display: none; } .main_menu .cnt { padding-top: 5px; } .main_menu .cnt ul { list-style: none; margin: 0; padding: 0; } .main_menu .cnt li { float: right; cursor: default; margin-left: 3px; } .main_menu .cnt a { display: block; color: #fff; background: rgba(43, 50, 3, 0.42) none repeat scroll 0 0; padding: 2px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .main_menu .cnt a:hover { background: rgba(0, 0, 0, 0.54) none repeat scroll 0 0; } .main_menu .cnt a.selected { background: rgba(0, 0, 0, 0.54) none repeat scroll 0 0; } .box1 { margin-top: 0; } .bx_left { /*-- Module-Left --*/ } .bx_left .mod_left_blank, .bx_left .mod_left { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 3px; margin-bottom: 10px; } .bx_left .mod_left.blog_info .cnt { padding: 5px; } .bx_left .mod_left.blog_info .cnt .blogImage { display: inline; float: right; margin-left: 10px; max-width: 150px; text-align: center; } .bx_left .mod_left.blog_info .cnt .blogImage img { width: 100%; } .bx_left .mod_left.blog_info .cnt .blog_description h4 { font-size: 0.85rem; font-weight: normal; } .bx_left .mod_left { /* Categories ----- */ /*-- Links -- */ } .bx_left .mod_left .title, .followersTitle { padding: 10px 10px 0 10px; font-family: sahel, b roya, b koodak, sans-serif, Tahoma, Verdana; color: #625b62; text-align: right; cursor: default; font-weight: bold; font-size: 1.05rem; margin: 0; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .bx_left .mod_left .cnt { font-size: 0.9rem; border-top: none; padding: 5px; border-radius: 0 0 4px 4x; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; /* TAG Cloud ---- */ } .bx_left .mod_left .cnt .tagcloud h3 { margin: 0; font-size: 11px; font-weight: normal; display: inline-block; *display: inline; *margin: 2px; } .bx_left .mod_left .cnt .tagcloud span { display: inline-block; margin: 1px 0; } .bx_left .mod_left .cnt .tagcloud a { padding: 2px 5px; color: #333; border: 1px solid #DDD; background: #EEE url("//cdn.bayan.ir/blog/templates/1/main-area-bg.png"); display: table-cell; *display: inline-block; margin: 2px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .bx_left .mod_left .cnt .tagcloud a:hover { color: #3174a6; } .bx_left .mod_left .cnt .tagcloud a.selected { background: #00B7CB; border: 1px solid #00B7CB; color: #FFF; } .bx_left .mod_left .cnt .list_view li, .bx_left .mod_left .cnt .links li { display: inline-block; background: none; width: 100%; } .bx_left .mod_left .cnt .list_view li a, .bx_left .mod_left .cnt .links li a { display: block; background: none; color: #333; padding: 4px 5px 6px 0; margin-right: -1px; margin-bottom: -1px; line-height: 1.5; border-bottom: 1px dotted #dcdcdc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .bx_left .mod_left .cnt .list_view li a:hover, .bx_left .mod_left .cnt .links li a:hover { color: #006DBA; } .bx_left .mod_left .cnt .list_view li:last-child a, .bx_left .mod_left .cnt .links li:last-child a { border-bottom: none; } .bx_left .mod_left .cnt .list_view .date, .bx_left .mod_left .cnt .links .date { cursor: default; font-size: 9px; color: #666; display: none; } .bx_left .mod_left .cnt .list_view.mobile li a { padding-bottom: 3px; padding-right: 10px; display: table-cell; *display: inline-block; background: url("//cdn.bayan.ir/blog/templates/1/sidebar-bullet.png") right no-repeat; } .bx_left .mod_left .cnt .list_view.mobile .date { display: block; } .bx_left .mod_left ul { padding: 0; margin: 0; } .bx_left .mod_left ul li ul.subcats a { padding-right: 10px; padding-top: 1px; display: inline-block; background: url("//cdn.bayan.ir/blog/templates/1/sub_ico.png") right no-repeat; } .bx_left .mod_left li { margin: 0; list-style: none; } .bx_left .mod_left .cats li a { padding-bottom: 0; padding-right: 20px; display: table-cell; *display: inline-block; background: url("//cdn.bayan.ir/blog/templates/1/folder_ico.png") right no-repeat; } .bx_left .mod_left .cats li h3 { margin: 0; font: 11px; } .bx_left .mod_left .cats li.selected { background: none; } .bx_left .mod_left .cats .count { cursor: default; display: table-cell; color: #666; } .bx_left .mod_left .subcats { margin-right: 14px; margin-top: -3px; } .bx_left .mod_left .subcats li.selected { background: none; } .bx_left .mod_left .subcats .count { cursor: default; display: inline-block; color: #666; } .bx_left .mod_left .category_selected { background: #E5E5E5; padding: 2px 5px; display: block; height: 21px; max-height: auto; *height: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .bx_left .mod_left .category_selected a { color: inherit; cursor: default; } .bx_left .mod_left .links .count { color: #666; } .bx_left .mod_left .cnt.ads { text-align: center; padding-top: 11px; padding-right: 5px; padding-bottom: 2px; } .bx_left .mod_left .cnt.ads .view_ads { margin-bottom: 10px; display: block; } .bx_left .mod_left #stat_summary_div { clear: both; padding: 2px 6px; } .bx_left .mod_left .cnt.stat .row { clear: both; padding-bottom: 23px; border-bottom: 1px dotted #dcdcdc; } .bx_left .mod_left .cnt.stat .row:last-child { background: none; border-bottom: none; } .bx_left .mod_left .cnt.stat .StatTitle { cursor: default; color: #555; font-size: 11px; border: none; font-weight: normal; float: right; text-align: right; } .bx_left .mod_left .cnt.stat .Value { color: #000; cursor: default; float: left; padding-left: 10px; text-align: left; } .bx_center { /*-- Comments --*/ /* -- Reply COMMENT -- */ /*-- Pagination --*/ } .bx_center .mod_center { float: right; width: 100%; } .bx_center .messages { background-color: #f2f1e7; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.09) inset; margin-bottom: 5px; position: relative; } .bx_center .messages .cnt { color: #555; } .bx_center .messages .cnt h2 { color: #c41644; cursor: default; font-size: 1.28rem; font-weight: normal; margin: 5px; text-align: center; text-shadow: 1px 1px 2px #eee; } .bx_center .post { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; margin-bottom: 10px; position: relative; /* -- Post Detail -- */ } .bx_center .post .post-image img { border:1px solid #f5f5f5; width: 100%; } .bx_center .post .title { position: relative; } .bx_center .post .body { overflow: hidden; height: auto; line-height: 2; margin: 0 15px 0 14px; } .bx_center .post .body .cnt { text-align: right; } .bx_center .post .body .cnt img.thumb { bottom: 0; height: 134px; left: 570px; max-width: 200px; position: absolute; height: auto; width: auto; } .bx_center .post .body .cnt a:hover { color: #2A9900; } .bx_center .post .body .cnt ul { margin-top: -4px; } .bx_center .post .body .cnt ul li { margin-right: 5px; line-height: 1.9em; } .bx_center .post .body .cnt img { max-width: 98%; height: auto; margin-right: 1px; border: 0 solid #CCC; padding: 2px; } .bx_center .post .body .post_list img { border: 0 solid #ccc; height: auto; margin: 0; max-width: 100%; padding: 0; } .bx_center .post .body .readmore { margin-top: 10px; margin-bottom: 10px; } .bx_center .post .body .readmore a { background: #eeeeee none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 4px; margin: 1px 1px 1px 3px; padding: 4px 7px 6px; } .bx_center .post .title .date_title { color: #696969; cursor: default; padding: 0 15px 5px 5px; display: none; } .bx_center .post .title h2 { line-height: 1.4em; font-size: 20px; color: #00B7CB; padding-bottom: 3px; font-weight: 900; margin: 0; padding: 15px 15px 10px; } .bx_center .post .title h2 a { color: #54667d; } .bx_center .post .title h2 a:hover { color: #5f8e00; } .bx_center .post .post_detail { font-size: 12px; padding-bottom: 7px; /* -- rating -- */ } .bx_center .post .post_detail .cnt { padding-top: 4px; color: #999; } .bx_center .post .post_detail .cnt .det_left { float: left; margin-left: 5px; } .bx_center .post .post_detail .cnt .det_left li { float: left; padding-right: 7px; padding-left: 7px; list-style: none; } .bx_center .post .post_detail .cnt ul { margin: 0; padding: 0; list-style: none; } .bx_center .post .post_detail .cnt .det_right li { float: right; list-style: none; padding-right: 7px; } .bx_center .post .post_detail .cnt .date { cursor: default; color: #696969; display: block; padding-right: 20px; background: url("//cdn.bayan.ir/blog/templates/1/pd_ico_date.png") right 3px no-repeat; } .bx_center .post .post_detail .cnt .cmt { display: block; cursor: pointer; padding-right: 20px; background: url("//cdn.bayan.ir/blog/templates/1/pd_ico_cmt.png") right 4px no-repeat; } .bx_center .post .post_detail .cnt .rating { display: none; } .bx_center .post .post_detail .cnt .keywords_post { margin-top: 5px; margin-right: 8px; padding-right: 18px; cursor: default; background: url("//cdn.bayan.ir/blog/templates/1/pd_ico_key.png") right top no-repeat; display: block; } .bx_center .post .post_detail .cnt .keywords_post span { display: inline-block; } .bx_center .post .post_detail .cnt .keywords_post span a { border-right: 1px dashed #aaa; padding: 2px 7px; display: table-cell; margin-bottom: 5px; } .bx_center .post .post_detail .cnt .keywords_post span h3 { margin: 0; font-size: 11px; font-weight: normal; } .bx_center .post .post_detail .cnt .keywords_post .first a { border-right: none; } .bx_center .post .post_detail .cnt .author { padding-right: 5px; color: #696969; border-left: 0 solid #e8e8e8; padding-left: 10px; cursor: default; display: block; } .bx_center .post .post_detail .cnt .post_rating { padding-right: 10px; } .bx_center .post .post_detail a { color: #696969; text-shadow: none; cursor: pointer; } .bx_center .post .post_detail a:hover { color: #000; } .bx_center .post .post_detail .rating { padding-right: 0; } .bx_center .post .post_detail .rating a { color: #696969; text-shadow: none; } .bx_center .post .post_detail .rating a:hover { color: #000; } .bx_center .post_comments { background-color: #f7f7f7; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; margin-top: 5px; /*-- Comment Details --*/ } .bx_center .post_comments .title_cmt { height: 20px; width: 100%; } .bx_center .post_comments .body_cmt { height: auto; line-height: 1.9em; padding-top: 5px; padding-bottom: 8px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; overflow-x: auto; } .bx_center .post_comments .body_cmt .cnt { color: #333; padding: 0 10px; } .bx_center .post_comments .body_cmt .cnt .cnt_l { display: inline-block; vertical-align: top; } .bx_center .post_comments .body_cmt .cnt .cnt_r { display: inline-block; min-width: 50px; height: auto; float: right; } .bx_center .post_comments .body_cmt .cnt .cnt_r img { width: 30px; height: auto; } .bx_center .post_comments .body_cmt .cnt a { color: #000; } .bx_center .post_comments .body_cmt .cnt a:hover { color: #766958; } .bx_center .post_comments .body_cmt .cnt ul { margin-top: -4px; } .bx_center .post_comments .body_cmt .cnt ul li { margin-right: 5px; line-height: 1.9em; } .bx_center .post_comments .cmt_details { height: 31px; border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 4px 0 0; margin-right: 0; color: #888; cursor: default; } .bx_center .post_comments .cmt_details ul { margin: 0; padding: 0; } .bx_center .post_comments .cmt_details .avatar img { width: 24px; height: auto; } .bx_center .post_comments .cmt_details .dets_right { float: right; margin-right: 5px; } .bx_center .post_comments .cmt_details .dets_right li { list-style: none; float: right; margin-left: 7px; padding-top: 2px; } .bx_center .post_comments .cmt_details .dets_left { float: left; padding-top: 2px; margin-left: 5px; } .bx_center .post_comments .cmt_details .dets_left li { list-style: none; float: left; margin-left: 7px; } .bx_center .post_comments .cmt_details:hover { color: #666; } .bx_center .post_comments .cmt_details li a { -moz-transition-duration: 0.0s; -webkit-transition-duration: 0.0s; -o-transition-duration: 0.0s; -khtml-transition-duration: 0.0s; } .bx_center .post_comments .cmt_details .author { display: block; } .bx_center .post_comments .cmt_details .website { background: url("//cdn.bayan.ir/blog/templates/1/details_ico_cmt.png") center -102px no-repeat; width: 18px; height: 18px; display: block; } .bx_center .post_comments .cmt_details .website:hover { background-position: center -125px; cursor: pointer; } .bx_center .post_comments .cmt_details .email { background: url("//cdn.bayan.ir/blog/templates/1/details_ico_cmt.png") center -60px no-repeat; width: 18px; height: 18px; display: block; } .bx_center .post_comments .cmt_details .email:hover { background-position: center -79px; cursor: pointer; } .bx_center .post_comments .cmt_details .cmt_date { display: block; } .bx_center .post_comments .cmt_details a { color: #737373; cursor: pointer; } .bx_center .post_comments .cmt_details a:hover { color: #777; } .bx_center .cmt_reply { color: #333; background: #ffc none repeat scroll 0 0; border: 1px solid #fc0; border-radius: 0 0 4px 4px; margin-bottom: 0; margin-top: -4px; padding: 5px 10px; } .bx_center .cmt_reply.color2 { background: #e7ffdb; border: 1px solid #b9dfa7; color: #407825; } .bx_center .cmt_reply.color3 { background: #eeeeee none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.04); } .bx_center .pagination { cursor: default; display: block; text-align: center; margin: 0 0 10px; } .bx_center .pagination .left { margin-left: -3px; } .bx_center .pagination a { padding: 3px 7px; margin-left: 3px; cursor: pointer; background: #f3f3f3; color: #777; border: 1px solid rgba(0, 0, 0, 0.2); text-shadow: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .bx_center .pagination a:hover { color: #3174a6; } .cnt.max { overflow: hidden; white-space: nowrap; } .align { padding-right: 0; padding-left: 0; } .post_break { padding-top: 0; } .rate-button-box.rated { font-weight: bold; } .rate-up { color: #090; margin-left: 5px; } .rate-up img.rateimg { background-position: -3px -5px; } span.rateup { color: #090; margin-left: 5px; } .rate-down { color: #A00; padding: 5px; } .rate-down img.rateimg { background-position: -3px -25px; } span.ratedn { color: #A00; padding: 5px; } img.rateimg { background: url("//cdn.bayan.ir/blog/templates/1/pd_ico_rate.png") no-repeat center left; width: 15px; height: 15px; vertical-align: middle; } img.renew { background: url("//cdn.bayan.ir/blog/templates/1/pd_ico_rate.png") no-repeat center left; width: 15px; height: 15px; background: url("//cdn.bayan.ir/blog/templates/1/details_ico.png") no-repeat 0 -133px; width: 18px; height: 18px; vertical-align: middle; } img.rateup { background: url("//cdn.bayan.ir/blog/templates/1/pd_ico_rate.png") no-repeat center left; width: 15px; height: 15px; vertical-align: middle; background-position: -3px -5px; } img.ratedn { background: url("//cdn.bayan.ir/blog/templates/1/pd_ico_rate.png") no-repeat center left; width: 15px; height: 15px; vertical-align: middle; background-position: -3px -25px; } div.commentForm input.sendbutton { padding: 5px 15px 6px; background: #f3f3f3; color: #777; border: #ccc 1px solid; text-shadow: none; margin: 1px; cursor: pointer; } div.commentForm input.sendbutton:hover { background: #00B7CB; color: rgba(43, 50, 3, 0.42) none repeat scroll 0 0; border: #00B7CB 1px solid; } div.commentForm iframe { background: #FFF; } .comment_add_form { background: #f4f5f8 none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; margin-bottom: 10px; padding: 10px 10px 10px 11px; } .pagination { padding-top: 0; } /* -- Footer -- */ .footer { clear: both; } .footer .cnt { min-height: 40px; margin: auto auto 10px; border: 1px solid rgba(0, 0, 0, 0.1); background: #f2f2f2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .footer .links { float: right; cursor: default; color: #555; padding-top: 7px; padding-right: 7px; } .footer .links a { color: #555; text-decoration: none; } .footer .links a:hover { color: #333; text-decoration: underline; } .footer .icons { padding-top: 10px; padding-left: 9px; } .footer .icons a { float: left; margin-right: 3px; } .footer .icons .bayan { background: url("//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon.png") no-repeat; width: 20px; height: 20px; } .footer .icons .blog { background: url("//cdn.bayan.ir/blog/templates/shared/icon/blog-icon.png") no-repeat; width: 20px; height: 20px; } .footer .icons .bayanbox { background: url("//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon.png") no-repeat; width: 20px; height: 20px; } .footer .icons .rss { background: url("//cdn.bayan.ir/blog/templates/shared/icon/rss-icon.png") no-repeat; width: 20px; height: 20px; } .footer .icons .templates { background: url("//cdn.bayan.ir/blog/templates/shared/icon/templates-icon.png") no-repeat; width: 20px; height: 20px; } } /* More additions */ @keyframes splash-knob { from { opacity: 0; } 100% { opacity: 1; } } .bx_center .post .title::after { content: " "; display: none; height: 130px; left: -56px; position: absolute; top: 10px; width: 56px; opacity: 0.85; z-index: -1; animation: splash-knob 2s normal forwards; animation-iteration-count: 1; } .bx_center .post:nth-child(even) .title::after { right: -56px; transform: scaleX(-1); } html.ft-main-menu .main_menu { display: block; } html.ft-post-knob .bx_center .post .title::after { display: block; } .bx_center a.next { background-color: #F1EDD1; } .footer .cnt a { color: #00AA64; } .cmt_reply a { color: #239100; } @keyframes splash-branch { from { opacity: 0; } 100% { opacity: 1; } } #wrp .branch { right: -150px; top: -10px; width: 120px; height: 310px; position: absolute; transition: transform 0.8s ease 0s, right 0.8s ease 0s; z-index: 1; background: url("") no-repeat left top / contain; display: none; } html.ft-branch-animate #wrp .branch { animation: splash-branch 2s normal forwards; animation-iteration-count: 1; } html.ft-branch-animate #wrp .branch:hover { right: -160px !important; transform: rotate(-1.5deg); } #wrp .bird { display: none; position: absolute; background-size: 70px auto; z-index: 1; } #wrp .bird span { display: none; background-color: #e1dfda; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 10px; color: #555; left: 70px; padding: 5px; position: absolute; top: 30px; font-size: 0.9rem; } html.ft-bird #wrp .bird { display: block; } html.ft-bird-speech #wrp .bird:hover { width: 250px; } html.ft-bird-speech #wrp .bird:hover span { display: block; } html.ft-bird-animate #wrp .bird { animation: splash-bird 1s normal forwards; animation-iteration-count: 1; } html.ft-header-image #wrp .header-image { display: block; } .header-image { width: 100%; text-align: center; display: none; } .header-image img { max-width: 100%; } #s { position: absolute; width: 100px; left: -155px; top: 700px; opacity: 0.2; } #followInBx { margin: 0 auto; max-width: none !important; } .box1 { position: relative; } .followThis { background: #f1edd1 none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 3px; color: #316087 !important; display: block; margin: auto; max-width: 200px; padding: 8px 10px; text-align: center; } #followInBx { margin: 0 auto; max-width: none !important; } .followThis:hover { color: #248903 !important; } .followBx, .followThis { margin-bottom: 5px; } .followBx { clear: both; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0; } .followersTitle { margin: -5px -5px 0; } .followersCount { float: left; font-size: 15px; font-weight: normal; } #followersLs { clear: both; margin: 7px 0 5px; text-align: center; } .followBx { font-size: inherit; } .followShow .followThis { margin-bottom: 0; } .commentForm { margin-top: 10px; } /*- Mobile -*/ @media all and (max-width: 560px) { #wrp { width: 100%; } .bx_center { margin-left: 0; float: none; width: 100%; } .bx_center .post { border-right: none; border-left: none; } .bx_center .post .post-image img { border-radius: 0; } .bx_center .post .body .cnt img.thumb { bottom: auto; left: auto; position: relative; height: auto; width: auto; } .bx_center .post .title::after { display: none; } .bx_left { width: 100%; float: none; } .bx_left .mod_left { border-right: none; border-left: none; } .bx_left .mod_left .cnt .list_view li a, .bx_left .mod_left .cnt .links li a { padding: 10px 5px; } .header { border-radius: 0; } .footer .cnt { margin: auto; font-size: 13px; } } @media all and (max-width: 1300px) { html.ft-2cols-big.ft-branch #wrp .branch { display: none; } } @media all and (max-width: 1100px) { html.ft-2cols.ft-branch #wrp .branch { display: none; } } @media all and (max-width: 760px) { #wrp .bx_center .post .title::after { display: none; } } @media all and (max-width: 959px) { html.ft-2cols-big.ft-post-knob .bx_center .post .title::after, html.ft-2cols.ft-post-knob .bx_center .post .title::after { display: none; } } @media all and (max-width: 1100px) { html.ft-2cols-big.ft-post-knob .bx_center .post .title::after { display: none; } } @media all and (min-width: 761px) { html.ft-2cols-big .bx_left, html.ft-2cols .bx_left { float: left; } html.ft-2cols-big .bx_center, html.ft-2cols .bx_center { float: right; } html.ft-2cols-big .bx_center .post .title::after, html.ft-2cols .bx_center .post .title::after { right: -56px; transform: scaleX(-1); } html.ft-2cols-big .mod_left.blog_info .cnt, html.ft-2cols .mod_left.blog_info .cnt { padding: 0px; } html.ft-2cols-big .mod_left.blog_info .cnt .blogImage, html.ft-2cols .mod_left.blog_info .cnt .blogImage { display: block; float: none; margin: 0; width: 100%; max-width: 100%; border-radius: 3px 3px 0 0; overflow: hidden; } html.ft-2cols-big .mod_left.blog_info .cnt .blog_description, html.ft-2cols .mod_left.blog_info .cnt .blog_description { padding: 10px 10px 0; } html.ft-2cols-big .mod_left.blog_info .cnt .followBx, html.ft-2cols .mod_left.blog_info .cnt .followBx { padding: 5px 5px 0; } html.ft-2cols-big .mod_left.blog_info .cnt .followBx .followersTitle, html.ft-2cols .mod_left.blog_info .cnt .followBx .followersTitle { margin: 0 -5px; } html.ft-2cols #wrp { width: 760px; } html.ft-2cols .bx_left { width: 221px; } html.ft-2cols .bx_center { width: 531px; } } @media all and (min-width: 961px) { html.ft-2cols-big #wrp { width: 960px; } html.ft-2cols-big .bx_left { width: 311px; } html.ft-2cols-big .bx_center { width: 641px; } html.ft-branch #wrp .branch { display: block; } } #wrp .branch { background-image: url("http://bayanbox.ir/view/1012695789040664937/bud-branch-2.png"); } #wrp .bird { left: 25px; top: -56px; min-width: 80px; background: url("http://bayanbox.ir/view/1781431734655193110/light-bird.png") no-repeat left top; background-size: 70px auto; min-height: 80px; } #wrp .bird span { left: 70px; top: 10px; } @keyframes splash-bird { from { opacity: 0; } 100% { opacity: 1; transform: translate(-5px, -5px); } } html.ft-bird-animate #wrp .bird { left: 25px; top: -56px; } @keyframes splash-knob { from { opacity: 0; } 100% { opacity: 0.85; } } .bx_center .post .title::after { background: rgba(0, 0, 0, 0) url("http://bayanbox.ir/view/1581394635662904791/bud-flower.png") no-repeat scroll 0 0 / contain; height: 130px; top: 10px; opacity: 0.85; animation: splash-knob 2s normal forwards; animation-iteration-count: 1; } .followThis { color: #316087 !important; }