@charset "utf-8"; /* CSS Document - v3.1.0 */ /* Edit By Naghl.blog.ir **/ @import url('//cdn.rawgit.com/rastikerdar/gandom-font/v0.8/dist/font-face.css'); body { font-family: Gandom; font-size: 15px; color: #333; margin: 0px; padding: 0px; line-height: 1.9em; /*new*/ background: #f0f0f0 url('//bayanbox.ir/view/1488116544113069248/tile.png'); } 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; } .btn_submit { direction: ltr; } .clear { clear: both; } ::-webkit-scrollbar { background: #ddd; width: 15px; height: 15px; } ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; box-shadow: inset 0 0 10px #333; } ::-webkit-scrollbar-corner { background: #fff; } ::-webkit-scrollbar-track { background: #eee; border-radius: 0px; box-shadow: inset 0 0 10px #aaa; } ::-webkit-scrollbar-thumb:hover { background: #888; } ::-webkit-scrollbar-thumb:active { background: #777; } /*-- Link & Button --*/ h1, h2, h3, h4, h5, h6 { font-family: Gandom; } img { border: none; border-width: 0px; max-width: 98%; } a { color: #3b86bd; cursor: pointer; text-decoration: none; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -khtml-transition-duration: .3s; } a:hover { color: #222; text-decoration: none; cursor: pointer; } a:active { outline: hidden; } /*-- Wrapper --*/ #wrp { width: 96%; height: auto; margin: auto; direction: rtl; max-width: 960px; } /*-- Header --*/ .header { background: url(//cdn.bayan.ir/blog/templates/1767/bk_header.jpg) no-repeat center top; background-size: cover; } .header .content { text-align: center; } .header .hdr_right { text-align: center; } .header .hdr_left { float: left; text-align: center; } /*-- Title & Description --*/ .header .title { padding: 20px 0; } .header .title h1 { font-size: 35px; font-weight: bold; color: #444; margin-bottom: 15px; text-shadow: 1px 1px #FFF; } .header .title h1 a { color: #444; } .header .title h1 a:hover { color: #0e4779; } .header .title .desc h2 { font-size: 15px; font-weight: normal; cursor: default; color: #0e4779; } /*-- Main Menu --*/ .main_menu { background: #297b9e; box-shadow: 0 0 0 3px #297b9e; border: 1px dashed #55a9c9; } .main_menu .cnt { text-align: center; } .main_menu .cnt ul { direction: rtl; list-style: none; margin: 0px; padding: 0px; } .main_menu .cnt li { direction: rtl; display: inline-block; cursor: default; margin-right: 3px; line-height: 1.4em; } .main_menu .cnt a { display: block; font-weight: bold; font-size: 15px; color: #fff; background: url(//cdn.bayan.ir/blog/templates/1767/bk_top_hover.png) no-repeat center -20px; padding: 8px 10px; } .main_menu .cnt a:hover { color: #fff; background: url(//cdn.bayan.ir/blog/templates/1767/bk_top_hover.png) no-repeat center top; } .main_menu .cnt a.selected { color: #fff; background: url(//cdn.bayan.ir/blog/templates/1767/bk_top_hover.png) no-repeat center top; } /*-- wrp -> Box1 (Content) --*/ #wrp .box1 { margin-top: 22px; } /*-- wrp -> Boxs-Left --*/ #wrp .box1 .bx_left { width: 28%; float: left; } * html #wrp .box1 .bx_left { margin-left: -10px; } /*-- Module-Left --*/ #wrp .box1 .bx_left .mod_left { margin-bottom: 10px; box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb; position: relative; padding: 7px 0; } #wrp .box1 .bx_left .mod_left .title { font-size: 14px; font-weight: bold; letter-spacing: 0; color: white; display: block; background: #297b9e; padding: 2px 10px; cursor: default; box-shadow: 0 0 0 3px #297b9e; border: 1px dashed #55a9c9; width: calc(100% - 28px); margin: auto; } #wrp .box1 .bx_left .mod_left .cnt { background: #fff; padding: 10px 6px 5px 5px; margin-top: 3px; } /*-- mod_left BLANK --*/ #wrp .box1 .bx_left .mod_left_blank { background: #fff; margin-bottom: 10px; box-shadow: 0 0 6px #bbb; } #wrp .box1 .bx_left .mod_left_blank .cnt { padding: 5px; } #wrp .box1 .bx_left .mod_left_blank .cnt .blogImage { text-align: center; } #wrp .box1 .bx_left .mod_left_blank .cnt img { text-align: center; max-width: 95%; height: auto; margin-top: 5px; margin-bottom: 5px; } * html #wrp .box1 .bx_left .mod_left_blank .cnt img { width: 220px; height: auto; } #wrp .box1 .bx_left .mod_left_blank .cnt .blog_description h4 { padding: 5px; color: #333; font-size: 13px; margin: 0px; font-weight: 300; } /*-- LI & UL --*/ #wrp .box1 .bx_left .mod_left ul { padding: 0px; margin: 0px; } #wrp .box1 .bx_left .mod_left li { margin: 0px; list-style: none; font-size: 14px; } /* Categories ----- */ #wrp .box1 .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/1767/sub_ico.png) right no-repeat; } #wrp .box1 .bx_left .mod_left .cats li a { padding-bottom: 0px; padding-right: 20px; display: table-cell; *display: inline-block; background: url(//cdn.bayan.ir/blog/templates/1767/folder_ico.png) right no-repeat; } #wrp .box1 .bx_left .mod_left .cats li h3 { margin: 0px; font-size: 11px; } #wrp .box1 .bx_left .mod_left .cats li.selected { background: none; } #wrp .box1 .bx_left .mod_left .subcats li.selected { background: none; } #wrp .box1 .bx_left .mod_left .subcats { margin-right: 14px; margin-top: -3px; } #wrp .box1 .bx_left .mod_left .cats .count { cursor: default; display: table-cell; color: #666; } #wrp .box1 .bx_left .mod_left .subcats .count { cursor: default; display: inline-block; color: #666; } #wrp .box1 .bx_left .mod_left .category_selected { background: #E5E5E5; padding: 2px 5px 2px 5px; display: block; height: 21px; max-height: auto; *height: auto; } #wrp .box1 .bx_left .mod_left .category_selected a { color: inherit; cursor: default; } /*-LINKs-*/ #wrp .box1 .bx_left .mod_left ul.links li { padding: 2px 5px 3px 5px; background: url(//cdn.bayan.ir/blog/templates/1767/line.png) no-repeat center bottom; *background: none; *border-bottom: 1px solid #F5F5F5; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -khtml-transition-duration: .3s; /*white-space:nowrap; overflow:hidden;*/ } #wrp .box1 .bx_left .mod_left ul.links li:hover { background: #E8E8E8 url(//cdn.bayan.ir/blog/templates/1767/line.png) no-repeat center bottom; } #wrp .box1 .bx_left .mod_left .links li.selected { background: #E5E5E5 url(//cdn.bayan.ir/blog/templates/1767/line.png) no-repeat center bottom; } #wrp .box1 .bx_left .mod_left .links li a { padding-bottom: 3px; padding-right: 10px; background: url(//cdn.bayan.ir/blog/templates/1767/sidebar-bullet.png) right no-repeat; } #wrp .box1 .bx_left .mod_left .links .count { cursor: default; color: #666; } #wrp .box1 .bx_left .mod_left ul.links li:last-child { border-bottom: 0px; background: none; } #wrp .box1 .bx_left .mod_left ul.links li:last-child:hover { background: #E8E8E8; } #wrp .box1 .bx_left .mod_left ul.links li.selected:last-child { background: #E5E5E5; } /* Advertising ---- */ #wrp .box1 .bx_left .mod_left .cnt.ads { text-align: center; padding-top: 11px; padding-right: 5px; padding-bottom: 2px; } #wrp .box1 .bx_left .mod_left .cnt.ads .view_ads:first-child { /*! margin-top: 45px */ } #wrp .box1 .bx_left .mod_left .cnt.ads .view_ads { margin-bottom: 10px; display: block; } /*-- STAT Graph --*/ #wrp .box1 .bx_left .mod_left #stat_summary_div { clear: both; padding: 2px 6px; } #wrp .box1 .bx_left .mod_left .cnt.stat { } #wrp .box1 .bx_left .mod_left .cnt.stat .row { background: url(//cdn.bayan.ir/blog/templates/1767/line.png) no-repeat center bottom; *background: none; clear: both; padding-bottom: 27px; } #wrp .box1 .bx_left .mod_left .cnt.stat .row:last-child { background: none; } #wrp .box1 .bx_left .mod_left .cnt.stat .StatTitle { cursor: default; color: #555; font-size: 11px; border: none; font-weight: normal; float: right; text-align: right; } #wrp .box1 .bx_left .mod_left .cnt.stat .Value { color: #000; cursor: default; float: left; padding-left: 10px; text-align: left; font-size: 13px; } /* TAG Cloud ---- */ #wrp .box1 .bx_left .mod_left .cnt .tagcloud h3 { margin: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; display: inline-block; *display: inline; *margin: 2px; } #wrp .box1 .bx_left .mod_left .cnt .tagcloud span { display: inline-block; margin: 1px 0px 1px 0px; } #wrp .box1 .bx_left .mod_left .cnt .tagcloud a { padding: 2px 5px 2px 5px; color: #333; border: 1px solid #DDD; background: #EEE url(//cdn.bayan.ir/blog/templates/1767/main-area-bg.png); display: table-cell; *display: inline-block; margin: 2px 0px 2px 0px; } #wrp .box1 .bx_left .mod_left .cnt .tagcloud a:hover { background: #18AEF5; border: 1px solid #18AEF5; color: #FFF; } #wrp .box1 .bx_left .mod_left .cnt .tagcloud a.selected { background: #18AEF5; border: 1px solid #18AEF5; color: #FFF; } /* Recent Posts ---- */ #wrp .box1 .bx_left .mod_left .cnt .list_view li { display: inline-block; background: none; width: 100%; } #wrp .box1 .bx_left .mod_left .cnt .list_view li a { background: none; } /*- Mobile -*/ #wrp .box1 .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/1767/sidebar-bullet.png) right no-repeat; } #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt { margin-right: -1px; margin-bottom: -1px; padding: 4px 5px 6px 0px; line-height: 18px; border: none; background: url(//cdn.bayan.ir/blog/templates/1767/line.png) no-repeat center bottom; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -khtml-transition-duration: .3s; font-size: 14px; } #wrp .box1 .bx_left .mod_left .cnt .list_view li a { color: #222; } #wrp .box1 .bx_left .mod_left .cnt .list_view li a:hover { color: #3b86bd /*#cc0f00*/; } #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt:hover { background: #E8E8E8 url(//cdn.bayan.ir/blog/templates/1767/line.png) no-repeat center bottom; } #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt.selected { background: #E5E5E5 url(//cdn.bayan.ir/blog/templates/1767/line.png) no-repeat center bottom; } #wrp .box1 .bx_left .mod_left .cnt .list_view .date { cursor: default; font-size: 9px; color: #666; display: none; } #wrp .box1 .bx_left .mod_left .cnt .list_view.mobile .date { display: block; } .cnt.max { overflow: hidden; white-space: nowrap; } /* wrp -> Content -> BX_Center --------------------------------------------- */ .align { padding-right: 0px; padding-left: 0px; } .post_break { padding-top: 0px; } #wrp .box1 .bx_center { /*! margin-left:300px; */ } #wrp .box1 .bx_center .mod_center { float: right; width: calc(72% - 10px); } /* POST CENTER / CONTENT -> ------*/ #wrp .box1 .bx_center a { } #wrp .box1 .bx_center .messages { margin-bottom: 10px; border: 1px solid #fff; background: #f3f3f3; box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb; } #wrp .box1 .bx_center .messages .cnt { padding: 8px 15px 7px 15px; color: #555; } #wrp .box1 .bx_center .messages .cnt h2 { color: #666; text-shadow: 1px 1px 2px #EEE; font-size: 19px; font-weight: bold; text-align: center; cursor: default; margin: 5px; } #wrp .box1 .bx_center .messages .cnt h2 a.comment_count { color: #555; text-shadow: 1px 1px 2px #EEE; } #wrp .box1 .bx_center .messages .cnt h2 a.comment_count:hover { color: #222; } #wrp .box1 .bx_center .post { margin-bottom: 10px; background: #fff url(//cdn.bayan.ir/blog/templates/1767/bk_box_mid_inner.jpg) no-repeat center top; border: 1px solid #fff; box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb; width: 100%; } #wrp .box1 .bx_center .post .date_r { cursor: default; text-align: center; width: 62px; height: 89px; background: url(//cdn.bayan.ir/blog/templates/1767/bk_date.png) no-repeat left top; margin-right: -45px; margin-top: -35px; position: absolute; display: none; } #wrp .box1 .bx_center .post .date_r .cnt { /*width:80px; margin-right:47px;*/ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } #wrp .box1 .bx_center .post .date_r .day { color: white; padding-top: 28px; padding-right: 3px; font-size: 27px; line-height: .6em; } #wrp .box1 .bx_center .post .date_r .month { color: #fff; font-size: 12px; font-weight: bold; } #wrp .box1 .bx_center .post .title .date_title { color: #696969; cursor: default; padding: 0px 15px 5px 5px; } #wrp .box1 .bx_center .post .title h2 { line-height: 1.4em; font-size: 20px; color: #222; padding-bottom: 3px; font-weight: bold; margin: 0px; padding: 15px 30px 5px 15px; } #wrp .box1 .bx_center .post .title h2 a { color: #222; } #wrp .box1 .bx_center .post .title h2 a:hover { color: #18AEF5; } #wrp .box1 .bx_center .post .body { height: auto; line-height: 1.9em; /*new*/ margin: 10px; } #wrp .box1 .bx_center .post .body .cnt a { color: #18AEF5; } #wrp .box1 .bx_center .post .body .cnt a:hover { color: #000; } #wrp .box1 .bx_center .post .body .cnt { text-align: justify; padding-bottom: 15px; } #wrp .box1 .bx_center .post .body .cnt div { margin-bottom: 10px; } #wrp .box1 .bx_center .post .body .cnt ul { margin-top: -4px; } #wrp .box1 .bx_center .post .body .cnt ul li { margin-right: 5px; line-height: 1.9em; /*new*/ } #wrp .box1 .bx_center .post .body .cnt img { max-width: 100%; height: auto; border: 0px solid #CCC; border-radius: 6px; padding-bottom: 15px; } #wrp .box1 .bx_center .post .body .post_list img { max-width: 100%; height: auto; border: 0px solid #CCC; padding-bottom: 15px; border-radius: 5px; } #wrp .box1 .bx_center .post .body .readmore { margin-top: 10px; margin-bottom: 10px; text-align: left; } #wrp .box1 .bx_center .post .body .readmore a { margin: 1px; margin-left: 3px; padding: 7px; background: #f3f3f3 url(//cdn.bayan.ir/blog/templates/1767/bk_pagenavi.jpg) repeat-x top; color: #777; border: #ccc 1px solid; } #wrp .box1 .bx_center .post .body .readmore a:hover { background: #18AEF5; color: #fff; border: #0A95D8 1px solid; } /*--- Post Detail ---*/ #wrp .box1 .bx_center .post .post_detail { background: #EEE; border-top: 1px solid #E0E0E0; padding-bottom: 5px; } #wrp .box1 .bx_center .post .post_detail .cnt { padding-top: 7px; color: dimGray; font-size: 13px; } #wrp .box1 .bx_center .post .post_detail .cnt .det_right { } #wrp .box1 .bx_center .post .post_detail .cnt .det_left { float: left; margin-left: 5px; } #wrp .box1 .bx_center .post .post_detail a { color: #696969; text-shadow: none; cursor: pointer; } #wrp .box1 .bx_center .post .post_detail a:hover { color: #000; } #wrp .box1 .bx_center .post .post_detail .cnt ul { margin: 0px; padding: 0px; list-style: none; } #wrp .box1 .bx_center .post .post_detail .cnt .det_left li { float: left; padding-right: 7px; padding-left: 7px; border-right: 1px solid #E0E0E0; list-style: none; } #wrp .box1 .bx_center .post .post_detail .cnt .det_right li { float: right; list-style: none; padding-right: 7px; } #wrp .box1 .bx_center .post .post_detail .cnt .date { cursor: default; color: #696969; display: block; padding-right: 25px; background: url(//cdn.bayan.ir/blog/templates/1767/pd_ico_date.png) right 5px no-repeat; } #wrp .box1 .bx_center .post .post_detail .cnt .cmt { display: block; cursor: pointer; padding-right: 25px; background: url(//cdn.bayan.ir/blog/templates/1767/pd_ico_cmt.png) right 5px no-repeat; } #wrp .box1 .bx_center .post .post_detail .rating { padding-right: 0px; } #wrp .box1 .bx_center .post .post_detail .cnt .rating { display: block; } #wrp .box1 .bx_center .post .post_detail .rating a { color: #696969; text-shadow: none; } #wrp .box1 .bx_center .post .post_detail .rating a:hover { color: #000; } /* rating */ .rate-button-box.rated { font-weight: bold; } .rate-up, span.rateup { color: #090; margin-left: 5px; } .rate-down, span.ratedn { color: #A00; padding: 5px; } img.rateimg, img.renew, img.rateup, img.ratedn { background: url(//cdn.bayan.ir/blog/templates/1767/pd_ico_rate.png) no-repeat center left; width: 15px; height: 15px; vertical-align: middle; } .rate-down img.rateimg, img.ratedn { background-position: -3px -25px; } .rate-up img.rateimg, img.rateup { background-position: -3px -5px; } /*COMMENT --------------------------------------------- */ #wrp .box1 .bx_center .post_comments { } #wrp .box1 .bx_center .cmt_break { margin-bottom: 10px; } #wrp .box1 .bx_center .post_comments .title_cmt { height: 20px; width: 100%; } #wrp .box1 .bx_center .post_comments .body_cmt { height: auto; line-height: 1.9em; /*new*/ padding-top: 5px; padding-bottom: 8px; background: #F9F9F9; border: 1px solid #b7becc; border-top: none; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt { color: #333; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_l { display: inline-block; vertical-align: top; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_r { display: inline-block; margin-right: -70px; min-width: 50px; height: auto; float: right; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt .cnt_r img { width: 30px; height: auto; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt a { color: #000; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt a:hover { color: #766958; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt { padding: 10px; text-align: justify; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt ul { margin-top: -4px; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt ul li { margin-right: 5px; line-height: 1.9em; /*new*/ } /*-- Comment Details --*/ #wrp .box1 .bx_center .post_comments .cmt_details { height: 33px; background: #F1F1F1; border: 1px solid #b7becc; border-bottom: none; padding: 10px; margin-right: 0px; color: #888; cursor: default; } #wrp .box1 .bx_center .post_comments .cmt_details ul { margin: 0px; padding: 0px; } #wrp .box1 .bx_center .post_comments .cmt_details .dets_right li { list-style: none; float: right; margin-left: 7px; padding-top: 0px; } #wrp .box1 .bx_center .post_comments .cmt_details .dets_left li { list-style: none; float: left; margin-left: 7px; } #wrp .box1 .bx_center .post_comments .cmt_details:hover { color: #666; } #wrp .box1 .bx_center .post_comments .cmt_details .dets_right { float: right; margin-right: 5px; } #wrp .box1 .bx_center .post_comments .cmt_details .dets_left { float: left; padding-top: 2px; margin-left: 5px; } #wrp .box1 .bx_center .post_comments .cmt_details li a { -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-transition-duration: .0s; -khtml-transition-duration: .0s; } #wrp .box1 .bx_center .cmt_details .avatar img { width: 35px; height: auto; } #wrp .box1 .bx_center .post_comments .cmt_details .author { /*background:url(//cdn.bayan.ir/blog/templates/1767/details_ico_cmt.png) center -38px no-repeat; width:18px; height:18px;*/ display: block; } #wrp .box1 .bx_center .post_comments .cmt_details .website { background: url(//cdn.bayan.ir/blog/templates/1767/details_ico_cmt.png) center -102px no-repeat; width: 18px; height: 18px; display: block; margin-top: 4px; } #wrp .box1 .bx_center .post_comments .cmt_details .website:hover { background-position: center -125px; cursor: pointer; } #wrp .box1 .bx_center .post_comments .cmt_details .email { background: url(//cdn.bayan.ir/blog/templates/1767/details_ico_cmt.png) center -60px no-repeat; width: 18px; height: 18px; display: block; } #wrp .box1 .bx_center .post_comments .cmt_details .email:hover { background-position: center -79px; cursor: pointer; } #wrp .box1 .bx_center .post_comments .cmt_details .cmt_date { /*background:url(//cdn.bayan.ir/blog/templates/1767/details_ico_cmt.png) right 3px no-repeat; padding-right:25px;*/ display: block; } #wrp .box1 .bx_center .post_comments .cmt_details a { color: #444; cursor: pointer; } #wrp .box1 .bx_center .post_comments .cmt_details a:hover { color: #777; } /*Reply COMMENT -------- */ #wrp .box1 .bx_center .cmt_reply { background: #FFC; border: 1px solid #FC0; margin-top: 4px; margin-bottom: 10px; padding: 5px 10px 5px 10px; color: #333; } #wrp .box1 .bx_center .cmt_reply.color2 { background: #e7ffdb; border: 1px solid #b9dfa7; color: #407825; } #wrp .box1 .bx_center .cmt_reply.color3 { background: #e5f7ff; border: 1px solid #87cbff; color: #006491; text-align: justify; } div.commentForm input.sendbutton { padding: 5px 15px 6px 15px; background: #f3f3f3; color: #777; border: #ccc 1px solid; text-shadow: none; margin: 1px; cursor: pointer; /*float:left; margin-top:-27px;*/ } div.commentForm input.sendbutton:hover { background: #18AEF5; color: #fff; border: #0A95D8 1px solid; } .commentForm { clear: both; } .comment_add_form { margin-bottom: 5px; padding: 10px 10px 10px 11px; border: 1px solid #fff; background: #f3f3f3; box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb; } div.commentForm iframe { background: #FFF; } /* KEYWORDS POST TAG ----------------- */ #wrp .box1 .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/1767/pd_ico_key.png) right top no-repeat; display: block; } #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span { display: inline-block; } #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span a { border-right: 1px dashed #aaa; padding: 2px 7px 2px 7px; display: table-cell; margin-bottom: 5px; } #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span h3 { margin: 0px; font-size: 11px; font-weight: normal; } #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post .first a { border-right: none; } #wrp .box1 .bx_center .post .post_detail .cnt .author { padding-right: 5px; /*background:url(//cdn.bayan.ir/blog/templates/1767/pd_ico_author.png) right 0px no-repeat;*/ color: #696969; border-left: 0px solid #e8e8e8; padding-left: 10px; cursor: default; display: block; } #wrp .box1 .bx_center .post .post_detail .cnt .post_rating { padding-right: 10px; } /*-- ReNew Button ------*/ img.renew { background: url(//cdn.bayan.ir/blog/templates/525/pd_ico_renew.png) no-repeat; height: 18px; vertical-align: middle; } /*Pagination --------------------------------------------- */ #wrp .box1 .bx_center .pagination { cursor: default; display: block; text-align: center; margin: 0px 0px 10px 0px; } #wrp .box1 .bx_center .pagination .left { margin-left: -3px; } #wrp .box1 .bx_center .pagination a { padding: 3px 7px 3px 7px; margin-left: 3px; cursor: pointer; background: #f3f3f3 url(//cdn.bayan.ir/blog/templates/1767/bk_pagenavi.jpg) repeat-x top; color: #777; border: #ccc 1px solid; text-shadow: none; } #wrp .box1 .bx_center .pagination a:hover { background: #18AEF5; color: #fff; border: #0A95D8 1px solid; } .pagination { padding-top: 0px; } /* Footer Container --------------------------------------------- */ .footer_contain { margin-top: 10px; clear: both; color: #fff; background: black url(//cdn.bayan.ir/blog/templates/1767/bk_footer.jpg) 0 0 repeat-x; } .footer_contain .content { width: 96%; margin: auto; color: #CCC; text-align: right; direction: rtl; max-width: 960px; } .footer_contain .content .cnt { padding: 20px 0px; overflow: hidden; } .footer_contain .content .bx { width: calc(33% - 28px); display: inline; float: right; margin-left: 40px; } .footer_contain .content .bx.BLast { margin-left: 0; } .footer_contain .content .bx ul { list-style: none; padding: 0px; margin: 0px; margin-bottom: 10px; font-size: 11px; } .footer_contain .content .bx h4 { color: #CCC; font-weight: bold; font-size: 15px; cursor: default; padding: 0px; margin: 0px; margin-bottom: 10px; } .footer_contain .content .bx ul li { color: #515151; cursor: default; padding: 5px 18px 5px 1px; border-bottom: 1px solid #292929; background: url(//cdn.bayan.ir/blog/templates/1767/star.png) no-repeat right 9px; } .footer_contain .content .bx ul li a { color: #ccc; cursor: pointer; } .footer_contain .content .bx ul li a:hover { color: #fff; } .footer_contain .content .bx ul li.selected { cursor: default; color: #CCC; } /* Footer --------------------------------------------- */ .footer { clear: both; border-top: 1px solid #1E1E1E; background: #111; padding-bottom: 18px; } .footer .cnt { max-width: 980px; padding: 5px 0 15px; margin: auto; width: 96%; } .footer .links { float: right; cursor: default; color: #515151; } .footer .links a { color: #1FA2E1; text-decoration: none; } .footer .links a:hover { color: #EEE; text-decoration: underline; } .footer .icons { padding-top: 5px; } .footer .icons a { float: left; margin-right: 3px; } .footer .icons .bayan { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon-crystal.png) no-repeat; width: 20px; height: 20px; } .footer .icons .blog { background: url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon-crystal.png) no-repeat; width: 20px; height: 20px; } .footer .icons .bayanbox { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon-crystal.png) no-repeat; width: 20px; height: 20px; } .footer .icons .rss { background: url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-crystal.png) no-repeat; width: 20px; height: 20px; } .footer .icons .templates { background: url(//bayanbox.ir/view/7051350144008649011/ngh-footer.png) no-repeat; width: 20px; height: 20px; } 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, .followBx, .followThis { font-family: inherit; } @media screen and (max-width: 768px) { #wrp .box1 .bx_center .mod_center, #wrp .box1 .bx_left { width: 100%; float: unset; } } @media screen and (max-width: 576px) { .footer_contain .content .bx { width: calc(100%); float: unset; } .footer .links { float: unset; } .bComForm .sendbutton.hasCheckbox { margin-top: 0; } }