@charset "utf-8"; *{ font-family:Samim,Tahoma !important; cursor:url(//bayanbox.ir/view/9020394338244458892/Mouse.png) 0 0 , default; } a:hover, button:hover{ cursor:url(//bayanbox.ir/view/6600890649007368400/Mouse-Hover-1.png) 0 0 , default; } html{ scroll-behavior: smooth; } .followThis{ background-color:#32107B; } /* #GoUp{ right: 10px; bottom: 10px; width: 30px; position: fixed; background-color: rgb(255, 255, 255); border-radius: 50px; padding: 5px; transition-duration: 0.3s !important; background-image: url(//bayanbox.ir/download/950803591353039423/Page.Up.png); height: 30px; background-repeat: no-repeat; background-position: center; } */ #GoUp{ right:10px; bottom:10px; width:30px; height:30px; padding:5px; position:fixed; border-radius:50%; background-color:#6ec2cb; transition-duration:0.3s !important; background-image:url(//bayanbox.ir/view/6671266403628304148/PageUp-1.png); background-repeat: no-repeat; background-position: center; } #GoUp:sticky{ display:block; } #GoUp:hover{ box-shadow: 0px 0px 5px #888888; } .fish{ background:url(//bayanbox.ir/view/1218109354263604546/fish.png) center no-repeat; position:absolute; float:right; height:50px; width:50px; z-index:10000; margin-top:145px; animation:fish 8s linear 0s infinite backwards; } @keyframes fish{ 0%{ right:0%; } 25%{ right:25%; } 50%{ right:50%; } 75%{ right:75%; } 100%{ right:100%; } } @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:auto; margin-top:5px; border:2px solid #bbb; outline:1px solid #333; padding:15px; direction:rtl; font-size:12px; } .date_title{ font-size:10px; padding-bottom:10px; color:#444; } h2 a{ font-size:18px; color:#333; text-decoration:none; padding-bottom:0px; } .cnt{ font-size:12px; color:#000; text-decoration:none; line-height:18px; } #print .title h2{ margin-bottom:0px; display:block; text-align:center; text-decoration:none; font-size:17px; color:#333; text-decoration:none; } #print .title span{ display:block; text-align:center; padding-top:5px; padding-bottom:10px; margin-bottom:20px; text-decoration:none; border-bottom:1px solid #333; font-size:11px; color:#333; text-decoration:none; } a{ text-decoration:none; padding:5px; } } @media screen{ #print{ display:none;} /*h1, h2, h3, ul{margin:0;}*/ html{ direction:ltr; } body{ font-size: 13px; color: #333; margin:0px; padding:0px; line-height:1.9em; /*new*/ background:#E6E6E6; } 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;} ::-webkit-scrollbar{ background:#ddd; width:15px;height:15px; } ::-webkit-scrollbar-thumb{ background:#999; border-radius:0px; } ::-webkit-scrollbar-thumb:hover{ background:#888;} ::-webkit-scrollbar-thumb:active{ background:#777;} ::-webkit-scrollbar-corner{ background:#fff;} ::-webkit-scrollbar-track{ background:#eee;} ::-webkit-scrollbar-button{ background:#777; border-radius:0px; } ::-webkit-scrollbar-button:hover{ background:#666;} ::-webkit-scrollbar-button:active{ background:#555;} /* Link & Button /COLOR --------------------------------------------- */ img{ border:none; border-width:0px;} a{ color: #32107B; 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:url(//bayanbox.ir/view/6600890649007368400/Mouse-Hover-1.png) 0 0 , default; } a:active{ outline:hidden; } a:visited{} /* wrp --------------------------------------------- */ #wrp{ width:900px; height:auto; margin:10px auto auto auto; direction:rtl; background:#FFF; -moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888; } .header{ -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; background:#4ea9bc url(//bayanbox.ir/view/3826132477062345398/head-rep.gif) repeat-x; } .header .content{ margin:auto; height:239px; width:900px; } .header .content .hdr_l{ background:url(//cdn.bayan.ir/blog/templates/100/hdr.png) left no-repeat; height:195px; } .header .content .hdr_r{ background:url(//cdn.bayan.ir/blog/templates/100/hdr.png) right no-repeat; height:195px; } /* Title & Description --------------*/ .header .title_desc{ padding-top:45px; text-align:center; } .header .title_desc h1{ font-size:42px; font-weight:bold; color:#FFF; margin-bottom:25px; text-shadow:0px 0px 7px #666; } .header .title_desc h1 a{ color:#FFF; } .header .title_desc h1 a:hover{ color:#FFF; } .header .title_desc .desc h2{ font-size:19px; font-weight:bold; color:#EEE; text-shadow:0px 0px 4px #666; } /* Main Menu --------------------------------------------- */ .main_menu{} .main_menu .cnt{ padding-top:12px; padding-left:6px; } .main_menu .cnt ul{ list-style:none; margin:0px;padding:0px; } .main_menu .cnt li{ float:right; margin-left:3px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; } .main_menu .cnt a{ display:block; font-weight:bold; font-size:15px; color:#FFF; background:url(//cdn.bayan.ir/blog/templates/100/blacktrans.png); padding:2px 10px 2px 10px; border-radius:3px; } .main_menu .cnt a:hover{ color:#fff; background:#32107B; } .main_menu .cnt a.selected{ color:#fff; background:#32107B; } /* wrp -> Content,Main Box1 --------------------------------------------- */ #wrp .box1{ float:right; *float:initial; width: 100%; height:100%; background:#FFF; } /* wrp -> Content -> bx_right --------------------------------------------- */ #wrp .box1 .bx_right{ width:235px; float:right; padding-right:10px; padding-top:10px; } * html #wrp .box1 .bx_right{margin-left:-10px;} /* mod_right ---- */ #wrp .box1 .bx_right .mod_right{margin-bottom:10px;background:#f2f2f2;padding-top:3px;} #wrp .box1 .bx_right .mod_right .title{ background:#32107B; height:20px; padding:2px 10px 5px 5px; color:#fff; text-align:right; font-weight:bold; font-size:16px; margin:0px; margin-right:10px; margin-left:10px; margin-top:9px; margin-bottom:-5px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } #wrp .box1 .bx_right .mod_right .cnt{ padding:5px 10px 5px 10px; } /* mod_right BLANK ---- */ #wrp .box1 .bx_right .mod_right_blank{ border-top:3px solid #32107B; background:#f2f2f2; margin-bottom:10px; } #wrp .box1 .bx_right .mod_right_blank .cnt{ padding:5px; } #wrp .box1 .bx_right .mod_right_blank .cnt .blogImage{ text-align:center; } #wrp .box1 .bx_right .mod_right_blank .cnt img{ text-align:center; max-width:97%; height:auto; margin-top:5px; margin-bottom:5px; } * html #wrp .box1 .bx_right .mod_right_blank .cnt img{ width:220px; height:auto; } #wrp .box1 .bx_right .mod_right_blank .cnt .blog_description h4{ padding:5px; color:#333; margin:0px; font-weight:normal; font-size:12px; } /* LI & UL - Design ----- */ #wrp .box1 .bx_right .mod_right ul{ padding:0px; margin:0px; } #wrp .box1 .bx_right .mod_right .sideCell{ /*padding-bottom: 5px;*/ } #wrp .box1 .bx_right .mod_right ul li ul.subcats a{ padding-right:10px; padding-top:1px; display:inline-block; background:url(//cdn.bayan.ir/blog/templates/100/sub_ico.png) right no-repeat; } #wrp .box1 .bx_right .mod_right li{ margin:0px; list-style:none; } #wrp .box1 .bx_right .mod_right .cats li h3{ margin:0px; font:11px; } #wrp .box1 .bx_right .mod_right .cats li a{ padding-bottom:0px; padding-right:20px; display:table-cell; *display:inline-block; background:url(//cdn.bayan.ir/blog/templates/100/folder_ico.png) right no-repeat; } #wrp .box1 .bx_right .mod_right .cats li.selected{background:none;} #wrp .box1 .bx_right .mod_right .subcats li.selected{background:none;} #wrp .box1 .bx_right .mod_right .subcats{ margin-right: 14px; margin-top: -3px; } #wrp .box1 .bx_right .mod_right .cats .count{ display:table-cell; color:#666; } #wrp .box1 .bx_right .mod_right .subcats .count{ display:inline-block; color:#666; } /*-LINKs-*/ #wrp .box1 .bx_right .mod_right ul.links li{ padding:2px 5px 0px 5px; background:url(//cdn.bayan.ir/blog/templates/100/line2.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; } #wrp .box1 .bx_right .mod_right ul.links li:hover{ background:#E8E8E8 url(//cdn.bayan.ir/blog/templates/100/line2.png) no-repeat center bottom; } #wrp .box1 .bx_right .mod_right .links li.selected{ background:#E5E5E5 url(//cdn.bayan.ir/blog/templates/100/line2.png) no-repeat center bottom; } #wrp .box1 .bx_right .mod_right .links li a{ padding-bottom:3px; padding-right:10px; display:table-cell; *display:inline-block; background:url(//cdn.bayan.ir/blog/templates/100/sidebar-bullet.png) right no-repeat; } #wrp .box1 .bx_right .mod_right .links .count{ display:table-cell; *display:inline-block; color:#666; } #wrp .box1 .bx_right .mod_right ul.links li:last-child{ border-bottom:0px; background:none; } #wrp .box1 .bx_right .mod_right ul.links li:last-child:hover{ background:#E8E8E8; } #wrp .box1 .bx_right .mod_right ul.links li.selected:last-child{ background:#E5E5E5; } /* Advertising ---- */ #wrp .box1 .bx_right .mod_right .cnt.ads{ text-align: center; padding-top: 11px; padding-bottom: 2px; } #wrp .box1 .bx_right .mod_right .cnt.ads .view_ads{ margin-bottom:10px; display:block; } /* STAT Graph ---- */ #wrp .box1 .bx_right .mod_right #stat_summary_div{ clear:both; padding:2px 6px; } #wrp .box1 .bx_right .mod_right .cnt.stat{} #wrp .box1 .bx_right .mod_right .cnt.stat .all{ display:table; width: 100%; padding-bottom:4px; background:url(//cdn.bayan.ir/blog/templates/100/line2.png) no-repeat center bottom; *background:none; } #wrp .box1 .bx_right .mod_right .cnt.stat .stattitle{ width: 117px; color:#555; font-size:11px; border:none; font-weight:normal; display:table-cell; *display:inline-block; } #wrp .box1 .bx_right .mod_right .cnt.stat .value{ color:#000; padding-right:10px; display:table-cell; *display:inline-block; } /* Category ---- */ #wrp .box1 .bx_right .mod_right .category_selected{ background:#E5E5E5; padding:2px 5px 2px 5px; display:block; height:21px; max-height:auto; *height:auto; } #wrp .box1 .bx_right .mod_right .category_selected a{ color:inherit; } /* TAG Cloud ---- */ #wrp .box1 .bx_right .mod_right .cnt .tagcloud span{ display:inline-block; margin:1px 0px 1px 0px; } #wrp .box1 .bx_right .mod_right .cnt .tagcloud h3{ margin:0px; font-weight:normal; font-size:11px; } #wrp .box1 .bx_right .mod_right .cnt .tagcloud a{ padding:2px 5px 2px 5px; color:#333; border:1px solid #DDD; background:#EEE url(//cdn.bayan.ir/blog/templates/100/main-area-bg.png); display:table-cell; *display:inline-block; margin:2px 0px 2px 0px; } #wrp .box1 .bx_right .mod_right .cnt .tagcloud a:hover{ background:#32107B; border:1px solid #32107B; color:#FFF; } #wrp .box1 .bx_right .mod_right .cnt .tagcloud a.selected{ background:#32107B; border:1px solid #32107B; color:#FFF; } /* Recent Posts ---- */ #wrp .box1 .bx_right .mod_right .cnt .recent_posts li{ display:inline-block; background:none; width:100%; } /*- Mobile -*/ #wrp .box1 .bx_right .mod_right .cnt .recent_posts.mobile li a{ padding-bottom:3px; padding-right:10px; background:url(//cdn.bayan.ir/blog/templates/100/sidebar-bullet.png) right no-repeat; } #wrp .box1 .bx_right .mod_right .cnt .recent_posts li a{ background:none; } #wrp .box1 .bx_right .mod_right .cnt .recent_posts .cnt{ margin-right:-1px; margin-bottom: -1px; padding:4px 5px 6px 0px; line-height: 18px; border-top:1px solid lightgray; -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s; } #wrp .box1 .bx_right .mod_right .cnt .recent_posts li a{ color:#32107B; } #wrp .box1 .bx_right .mod_right .cnt .recent_posts li a:hover{ color:#222; } #wrp .box1 .bx_right .mod_right .cnt .recent_posts .cnt:hover{ background:#E8E8E8 url(//cdn.bayan.ir/blog/templates/100/line2.png) no-repeat center bottom; } #wrp .box1 .bx_right .mod_right .cnt .recent_posts .cnt.selected{ background:#E5E5E5 url(//cdn.bayan.ir/blog/templates/100/line2.png) no-repeat center bottom; } #wrp .box1 .bx_right .mod_right .cnt .recent_posts .date{ font-size:9px; color:#666; display:none; } #wrp .box1 .bx_left .mod_left .cnt .recent_posts.mobile .date{ display:block; } .cnt.max{ overflow: hidden; white-space: nowrap; } /* wrp -> Content -> BX_Center --------------------------------------------- */ .align{padding-right:10px;padding-left:10px;} .post_break{ padding-top:0px;} #wrp .box1 .bx_center{ /*margin-right:255px;*/ /* deleted */ border-right:1px solid #d9d9d9; float:left; width:645px; } #wrp .box1 .bx_center .mod_center{ float: left;width: 100%; padding-top:10px; background:#FFF; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } /* POST CENTER / CONTENT -> ------*/ #wrp .box1 .bx_center a{} #wrp .box1 .bx_center .messages{ border:1px solid #B7BECC; margin-bottom:10px; background:#F9F9F9; border-top:3px solid #32107B; } #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 #DDD; font-size: 19px; font-weight:normal; text-align:center; margin:5px; } #wrp .box1 .bx_center .messages .cnt h2 a.comment_count{ color:#555;text-shadow:1px 1px 2px #DDD;} #wrp .box1 .bx_center .messages .cnt h2 a.comment_count:hover{ color:#222;} #wrp .box1 .bx_center .post{ margin-bottom:10px; background:#fff; } #wrp .box1 .bx_center .post .title .date_title{ color:#696969; padding:0px 0px 5px 5px; } #wrp .box1 .bx_center .post .title h2{ line-height:1.4em; font-size:22px; color:#32107B; padding-bottom:3px; font-weight:bold; margin:0px; padding:15px 0px 5px 15px; } #wrp .box1 .bx_center .post .title h2 a{ color:#32107B; } #wrp .box1 .bx_center .post .title h2 a:hover{ color:#32107B; } #wrp .box1 .bx_center .post .body{ color:#444; height:auto; line-height:1.9em; /*new*/ margin:10px 0px 10px 0px; } #wrp .box1 .bx_center .post .body .cnt a{ color:#32107B; font-weight:bold; } #wrp .box1 .bx_center .post .body .cnt a:hover{ color:#000; } #wrp .box1 .bx_center .post .body .cnt{ /*padding:15px 0px 0 9px;*/ text-align:justify;} #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:99%; height:auto; border:1px solid #CCC; padding:2px; } #wrp .box1 .bx_center .post .title img{ max-width:99%; height:auto; margin-top:7px; border:1px solid #CCC; padding:2px; } #wrp .box1 .bx_center .post .body .readmore{ margin-top:15px; margin-bottom:15px; } #wrp .box1 .bx_center .post .body .readmore a{ margin:1px; margin-left:3px; padding:3px 7px 5px 7px; margin-left: 3px; background:#f3f3f3; color:#777; border:#ccc 1px solid; text-shadow:none; font-weight:normal; } #wrp .box1 .bx_center .post .body .readmore a:hover{ background:#32107B; color:#fff; border:#32107B 1px solid; } /*--- Post Detail ---*/ #wrp .box1 .bx_center .post .post_detail{ min-height:23px; background:#F5F5F5; border:1px solid #E0E0E0; padding-bottom:5px; } #wrp .box1 .bx_center .post .post_detail .cnt{ padding-top:4px; color:#999; font-size:75%; } #wrp .box1 .bx_center .post .post_detail .cnt .det_right{} #wrp .box1 .bx_center .post .post_detail .cnt .det_left{ float:left; padding-bottom:5px; margin-left:5px; } #wrp .box1 .bx_center .post .post_detail a{ color:#696969; text-shadow:none; font-weight:normal; } #wrp .box1 .bx_center .post .post_detail a:hover{color:#000;} #wrp .box1 .bx_center .post .post_detail .cnt .det_left span.inline{ float:left; padding-right:7px; padding-left:7px; border-right:1px solid #e8e8e8; } #wrp .box1 .bx_center .post .post_detail .cnt .author2{ /*padding-right:25px; background:url(//cdn.bayan.ir/blog/templates/100/details_ico.png) right -38px no-repeat;*/ color:#696969; border-left:0px solid #e8e8e8; padding-right:10px; padding-left:10px; display:block; } #wrp .box1 .bx_center .post .post_detail .cnt .date{ color:#696969; display:block; /*padding-right:25px; background:url(//cdn.bayan.ir/blog/templates/100/details_ico.png) right 3px no-repeat;*/ } #wrp .box1 .bx_center .post .post_detail .cnt .cmt{ display:block; padding-right:25px; background:url(//cdn.bayan.ir/blog/templates/100/details_ico.png) right -16px 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;} img.rateimg, img.renew, img.rateup, img.ratedn{ background: url(//cdn.bayan.ir/blog/templates/100/details_ico.png) no-repeat center; width:18px; height:18px; vertical-align:middle; } .rate-down img.rateimg, img.ratedn{ background-position: 0 -81px; } .rate-up img.rateimg, img.rateup{ background-position: 0 -60px; } /*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; margin-right:-70px; 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{ text-align:justify; padding:0 80px 0 20px; } #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:31px; background:#F0F0F0; border:1px solid #B7BECC; border-bottom:none; padding:4px 0px 0px 0px; margin-right:0px; color:#888; } #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 span.inline{ display:table-cell; *display:inline-block; position:relative; padding-left:5px; vertical-align:middle; } #wrp .box1 .bx_center .post_comments .cmt_details span.inline.txt{padding-left:10px;} #wrp .box1 .bx_center .post_comments .cmt_details span.inline 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:24px; height:auto; } #wrp .box1 .bx_center .post_comments .cmt_details .author{ /*background:url(//cdn.bayan.ir/blog/templates/100/details_ico_cmt.png) center -38px no-repeat; width:18px; height:18px;*/ display:table-cell; *display:inline-block; } #wrp .box1 .bx_center .post_comments .cmt_details .website{ background:url(//cdn.bayan.ir/blog/templates/100/details_ico_cmt.png) center -102px no-repeat; display:table-cell; *display:inline-block; width:18px; height:18px; } #wrp .box1 .bx_center .post_comments .cmt_details .website:hover{ background-position: center -125px; } #wrp .box1 .bx_center .post_comments .cmt_details .email{ background:url(//cdn.bayan.ir/blog/templates/100/details_ico_cmt.png) center -60px no-repeat; display:table-cell; *display:inline-block; width:18px; height:18px; } #wrp .box1 .bx_center .post_comments .cmt_details .email:hover{ background-position: center -79px; } #wrp .box1 .bx_center .post_comments .cmt_details .cmt_date{ background:url(//cdn.bayan.ir/blog/templates/100/details_ico_cmt.png) right 3px no-repeat; display:inline-block; padding-right:25px; } #wrp .box1 .bx_center .post_comments .cmt_details a{ color:#444; } #wrp .box1 .bx_center .post_comments .cmt_details a:hover{ color:#777; } /*Reply COMMENT -------- */ #wrp .box1 .bx_center .cmt_reply{ background:#f2f2f2; border:1px solid #aa9cc7; margin-top:4px; margin-bottom:10px; padding:5px 10px 5px 10px; color:#3c256c; } #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; } #wrp .box1 .bx_center .cmt_reply img{ width:100%; } .comment_add_form{ } div.commentForm input.sendbutton{ padding:5px 15px 6px 15px; background:#f3f3f3; color:#777; border:#ccc 1px solid; margin:1px; /*float:left; margin-top:-27px;*/ } div.commentForm input.sendbutton:hover{ background:#32107B; color:#fff; border:#32107B 1px solid; } .comment_add_form{ background:#f7f6f0; margin-bottom:10px; padding:10px 10px 10px 11px; border: 1px solid #B7BECC; } div.commentForm iframe{background:#FFF;} /* KEYWORDS POST TAG ----------------- */ #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post{ margin-top:5px; padding-right:25px; background:url(//cdn.bayan.ir/blog/templates/100/details_ico.png) right -103px 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 h3{ margin:0px; font-weight:normal; font-size:11px; } #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 .first a{ border-right:none; } #wrp .box1 .bx_center .post .post_detail .cnt .author{ height:18px; padding-right:10px; /*background:url(//cdn.bayan.ir/blog/templates/100/details_ico.png) right -38px no-repeat;*/ display:table-cell; *display:inline-block; color:#696969; } #wrp .box1 .bx_center .post .post_detail .cnt .post_rating{ padding-right:10px; } /*-- ReNew Button ------*/ img.renew{ background: url(//cdn.bayan.ir/blog/templates/100/details_ico.png) no-repeat 0px -133px; width:18px; height:18px; vertical-align:middle; } /*Pagination --------------------------------------------- */ #wrp .box1 .bx_center .pagination{ display:block; text-align:center; margin:0px 0px 10px 0px; } #wrp .box1 .bx_center .pagination a{ padding:3px 7px 3px 7px; margin-right:3px; background:#f3f3f3; color:#777; border:#ccc 1px solid; text-shadow:none; } #wrp .box1 .bx_center .pagination a:hover{ background:#32107B; color:#fff; border:#32107B 1px solid; } .pagination{ padding-top:0px; } /* Footer --------------------------------------------- */ .footer{ clear:both; } .footer .cnt{ height:40px; margin:auto; border-top:1px solid #CCC; background:#EEE; } .footer .ftr_right{ height:100%; float:right; direction:rtl; } .footer .ftr_left{ height:100%; float:left; } .footer span.links{ display:table-cell; *display:inline-block; color:#333; padding-top:9px; padding-right:7px; } .footer span.links a{ color:#333; text-decoration:none; } .footer span.links a:hover{ color:#000; text-decoration:underline; } .footer span.icons{ display:table-cell; *display:inline-block; color:#333; padding-top:10px; padding-left:9px; direction:ltr; } .footer span.icons a{*padding-right:2px;} .footer .icons .bayan{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon.png) no-repeat; width:20px; height:20px; display:inline-block; } .footer .icons .blog{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon.png) no-repeat; width:20px; height:20px; display:inline-block; } .footer .icons .bayanbox{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon.png) no-repeat; width:20px; height:20px; display:inline-block; } .footer .icons .rss{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon.png) no-repeat; width:20px; height:20px; display:inline-block; } .footer .icons .templates{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon.png) no-repeat; width:20px; height:20px; display:inline-block; } } /* Responsive --------------------------------------------- */ @media only screen and (max-width : 915px){ .header .content{ width : 100%; } #wrp{ width:99%; } #wrp .box1 .bx_center{ width:100%; } #wrp .box1 .bx_right{ width:97%; } } @media only screen and (max-width : 768px){ #wrp{ width:99%; } } @media only screen and (max-width : 480px){ .header .content .hdr_l{/* margin-left:-50px; display:grid;*/ background:none !important; } .header .content .hdr_r{/* margin-right:-50px; display:grid;*/ background:none !important; } .formField2 .fldcontent{ margin:auto; font-size: 12px !important; } .formField2 label { text-align:center; width:100%; } .formField2 label:before{ content:" "; } .bComForm .commentAvatar{ float:none; } .formField2 input.text, .formField2 textarea{ text-align:center; width: 100%; } #bComSub:after, div.commentForm input.sendbutton:after{ content:" "; } .formField2 .sendbutton.hasCheckbox{ margin-top:auto; } select{ width:100%; padding:4px; } .cke_chrome{ margin-top:25px !important; } .bComForm .hasComment{ margin:auto; } } @media only screen and (max-width : 320px) { #wrp .box1 .bx_center .post_comments .cmt_details span.inline.txt, #wrp .box1 .bx_center .post_comments .cmt_details span.inline a { font-size:10.5px; } }