@charset "utf-8"; @import url('https://mosata.ir/cdn/font/Estedad/font.css'); *{font-family: Estedad-Medium;} /* CSS Document - v3.1.0 */ @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;} .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-family:Tahoma, arial,"Times New Roman", Times; cursor:default; font-size:12px; } .date_title{ font-size:10px; padding-bottom:10px; color:#444; } h2 a{ font-family:"Times New Roman", Times, arial; 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{ font-family:"Times New Roman", Times, arial; margin-bottom:0px; display:block; text-align:center; text-decoration:none; font-size:17px; color:#333; text-decoration:none; } #print .title span{ font-family:Tahoma, arial,"Times New Roman", Times; 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; } @font-face { font-family: 'horror'; src: url('http://bayanbox.ir/download/6111760243924271763/persian-kordi.woff') format('woff'), url('http://bayanbox.ir/download/1855632055339066096/persian-kordi.ttf') format('truetype'); } body{ font-family: Tahoma, Verdana, "Times New Roman"; font-size: 11px; color: #333; margin:0px; padding:0px; line-height:1.9em; /*new*/ background:#2e2e2e; } p {margin-bottom: 0.5em; color: black; line-height: 2.5; } 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{ font-family:"b traffic","Times New Roman", Times,Arial,serif; } img{ border:none; border-width:0px;} a{ color: #af2425; cursor:pointer; text-decoration:none; } a:hover{ color:#7B7B7B; text-decoration:none; cursor:pointer; } a:active{ outline:hidden; } /*-- Wrapper --*/ #wrp{ width:800px; direction:rtl; background:rgba(0, 0, 0, 0.6); min-height:100%; margin: 0 auto; position: relative; box-shadow: inset 0px 85px 155px 30px rgba(0, 0, 0, 0.61); } #center_left_border { position: absolute; left: -6px; width: 16px; min-height: 100%; z-index: 5; } #center_right_border { position: absolute; right: -6px; width: 16px; min-height: 100%; z-index: 5; } /*-- Header --*/ #wrp .header{ height: 85px; margin-bottom: 7px; background: url(http://bayanbox.ir/view/547163901336623292/tenor.gif); background-size: 100px; background-repeat: no-repeat; } /*-- Title & Description --*/ #wrp .header .title{ padding-top:20px; text-align:center; } #wrp .header .title h1{ font-family:"b traffic","Times New Roman",Arial,Helvetica; font-size:40px; font-weight:bold; color:#7b7b7b; margin-bottom:20px; } #wrp .header .title h1 a{ color:#7b7b7b; } #wrp .header .title h1 a:hover{ color:#666; } #wrp .header .title .desc h2{ font-family:"b nazanin","Times New Roman",Arial,Helvetica ; font-size: 15px; font-weight:bold; cursor:default; color:#aaaaaa; } /*-- Mini Icons --*/ #wrp .mini_icon{ cursor:default; text-align:center; padding-top:10px; display:none; } #wrp .mini_icon .icons{ display:inline-block; } #wrp .mini_icon ul{ list-style:none; margin:0px; padding:0px; } #wrp .mini_icon li{ float:left; margin:0px 2px 0px 2px; } #wrp .mini_icon li a.mi_home{ background:url(//cdn.bayan.ir/blog/templates/375/home.png) no-repeat; display:block; height:20px; width:20px; } #wrp .mini_icon li a.mi_rss{ background:url(//cdn.bayan.ir/blog/templates/375/rss.png) no-repeat; display:block; height:20px; width:20px; } /*-- Main Menu --*/ #wrp .main_menu{ width: 501px; margin: 7px auto 7px auto; padding: 0; text-align: center; } .br_menu_top{ width:501px; height:8px; margin:0 auto; background:#971f1f; border-radius: 0% 100% 0% 0% ; } .br_menu_down{ width:501px; height:8px; margin:0 auto; background:#971f1f; border-radius: 0% 0% 0% 100%; } #wrp .main_menu .cnt{} #wrp .main_menu .cnt ul{ margin:0; padding:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } #wrp .main_menu .cnt li{ display:inline-block; margin:0 3px 0 3px; } #wrp .main_menu .cnt a{ display: block; font-weight: bold; font-size: 18px; color: #9f6d0c; padding: 0px 10px 1px 10px; } #wrp .main_menu .cnt a:hover{ color:#7b7b7b; } #wrp .main_menu .cnt a.selected{ color:#a74040; } /*-- wrp -> Box1 (Content) --*/ #wrp .box1{ margin-top:40px; } /*-- wrp -> Boxs-Right --*/ #wrp .bx_left{ margin-top:20px; padding:10px 40px 10px 0px; background: rgba(0, 0, 0, 0.75); } * html #wrp .bx_left{margin-right:-10px;} #break_top{ width:561px; height:12px; position:absolute; top:-6px; left:14px; } #break_bottom{ width:561px; height:12px; position:absolute; bottom:-6px; left:14px; } #wrp .bx_left .sidebar{ display:inline; float:right; width:242px; } #wrp .bx_left .sidebar.left{ padding-left: 0px; padding-top: 0px; width: 95%; } #wrp .bx_left .sidebar.right{ padding: 0px 10px 0px 10px; width: 100%; clear: both; } /*-- Module-LEFT --*/ #wrp .bx_left .mod_both{ margin-bottom: 10px; width: 30%; float: right; } #wrp .bx_left .mod_both .title{ padding: 5px 0px 5px 5px; color: #a7a7a7; text-align: right; cursor: default; font-weight: bold; font-size: 14px; margin: 0px; } #wrp .bx_left .middle{ height:5px; margin:0 auto 7px auto; } #wrp .bx_left .mod_both .cnt{ padding:5px 6px 5px 5px; } #wrp .bx_left .mod_both a{ color: #b7774f; } #wrp .bx_left .mod_both a:hover{ color:#7B7B7B; } /*-- mod_both BLANK --*/ #wrp .bx_left .mod_both_blank{ margin-bottom:10px; } #wrp .bx_left .mod_both_blank .cnt{ padding:5px; } #wrp .bx_left .mod_both_blank .cnt .blogImage{ text-align:center; } #wrp .bx_left .mod_both_blank .cnt img{ text-align:center; max-width:95%; height:auto; margin-top:5px; margin-bottom:5px; } * html #wrp .bx_left .mod_both_blank .cnt img{ width:220px; height:auto; } #wrp .bx_left .mod_both_blank .cnt .blog_description h4{ padding: 5px 20px; color: #bcbcbc; font-size: 12px; margin: 0px; font-weight: normal; } /*-- LI & UL --*/ #wrp .bx_left .mod_both ul{ padding:0px; margin:0px; } #wrp .bx_left .mod_both li{ margin:0px; list-style:none; } /* Categories ----- */ #wrp .bx_left .mod_both ul li ul.subcats a{ padding-right:10px; padding-top:1px; display:inline-block; background:url(//cdn.bayan.ir/blog/templates/375/sub_ico.png) right no-repeat; } #wrp .bx_left .mod_both .cats li a{ padding-bottom:0px; padding-right:20px; display:table-cell; *display:inline-block; background:url(//cdn.bayan.ir/blog/templates/375/folder_ico.png) right no-repeat; } #wrp .bx_left .mod_both .cats li h3{ margin:0px; font:11px "tahoma","Times New Roman", Times,Arial,serif; } #wrp .bx_left .mod_both .cats li.selected{background:none;} #wrp .bx_left .mod_both .subcats li.selected{background:none;} #wrp .bx_left .mod_both .subcats{ margin-right: 14px; margin-top: -3px; } #wrp .bx_left .mod_both .cats .count{ cursor:default; display:table-cell; color:#888; } #wrp .bx_left .mod_both .subcats .count{ cursor:default; display:inline-block; color:#888; } #wrp .bx_left .mod_both .category_selected{ background:#E5E5E5; padding:2px 5px 2px 5px; display:block; height:21px; max-height:auto; *height:auto; } #wrp .bx_left .mod_both .category_selected a{ color:inherit; cursor:default; } /*-LINKs-*/ #wrp .bx_left .mod_both ul.links li{ padding:2px 5px 3px 5px; /*white-space:nowrap; overflow:hidden;*/ } #wrp .bx_left .mod_both ul.links li:hover{ } #wrp .bx_left .mod_both .links li.selected{ background:#E5E5E5; } #wrp .bx_left .mod_both .links li a{ padding-bottom:3px; padding-right:10px; background:url(//cdn.bayan.ir/blog/templates/375/sidebar-bullet.png) right no-repeat; } #wrp .bx_left .mod_both .links .count{ cursor:default; color:#666; } #wrp .bx_left .mod_both ul.links li:last-child { border-bottom:0px; background:none; } #wrp .bx_left .mod_both ul.links li:last-child:hover { } #wrp .bx_left .mod_both ul.links li.selected:last-child { background:#E5E5E5; } /* Advertising ---- */ #wrp .bx_left .mod_both .cnt.ads{ text-align: center; padding-top: 11px; padding-right: 5px; padding-bottom: 2px; } #wrp .bx_left .mod_both .cnt.ads .view_ads{ margin-bottom:10px; display:block; } /*-- STAT Graph --*/ #wrp .bx_left .mod_both #stat_summary_div { clear:both; padding:2px 6px; } #wrp .bx_left .mod_both .cnt.stat{} #wrp .bx_left .mod_both .cnt.stat .row{ background:url(//cdn.bayan.ir/blog/templates/375/line.png) no-repeat center bottom; *background:none; clear:both; padding:0px 15px 23px 15px; } #wrp .bx_left .mod_both .cnt.stat .row:last-child{ background:none; } #wrp .bx_left .mod_both .cnt.stat .StatTitle{ cursor:default; color:#7B7B7B; font-size:11px; border:none; font-weight:normal; float:right; text-align:right; } #wrp .bx_left .mod_both .cnt.stat .Value{ color:#9d9d9d; cursor:default; float:left; padding-left:10px; text-align:left; } /* TAG Cloud ---- */ #wrp .bx_left .mod_both .cnt .tagcloud h3{ margin:0px 0px 0px 0px; font-size:11px; font-family:"tahoma","Times New Roman", Times,Arial,serif; font-weight:normal; display:inline-block; *display:inline; *margin:2px; } #wrp .bx_left .mod_both .cnt .tagcloud span{ display:inline-block; margin:1px 0px 1px 0px; } #wrp .bx_left .mod_both .cnt .tagcloud a{ padding:2px 5px 2px 5px; color:#333; border:1px solid #DDD; background:#EEE url(//cdn.bayan.ir/blog/templates/375/main-area-bg.png); display:table-cell; *display:inline-block; margin:2px 0px 2px 0px; } #wrp .bx_left .mod_both .cnt .tagcloud a:hover{ background:#81B2B3; border:1px solid #81B2B3; color:#FFF; } #wrp .bx_left .mod_both .cnt .tagcloud a.selected{ background:#81B2B3; border:1px solid #81B2B3; color:#FFF; } /* Recent Posts ---- */ #wrp .bx_left .mod_both .cnt .list_view li{} #wrp .bx_left .mod_both .cnt .list_view li a{ padding-bottom:3px; padding-right:10px; background:url(//cdn.bayan.ir/blog/templates/375/sidebar-bullet.png) right no-repeat; } /*- Mobile -*/ #wrp .bx_left .mod_both .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/375/sidebar-bullet.png) right no-repeat; } #wrp .bx_left .mod_both .cnt .list_view .cnt{ margin-right: -1px; margin-bottom: 7px; padding: 4px 5px 6px 0px; border: none; height: 20px; overflow: hidden; line-height: 25px; font-size: 13px; } #wrp .bx_left .mod_both .cnt .list_view .cnt:hover{ /*background:url(//cdn.bayan.ir/blog/templates/375/line.png) no-repeat center bottom;*/ } #wrp .bx_left .mod_both .cnt .list_view .cnt.selected{ background:#E5E5E5 url(//cdn.bayan.ir/blog/templates/375/line.png) no-repeat center bottom; } #wrp .bx_left .mod_both .cnt .list_view .date{ cursor:default; font-size:9px; color:#888; display:none; } #wrp .bx_left .mod_both .cnt .list_view.mobile .date{ display:inherit; } .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:40px; margin-right:40px; } #wrp .box1 .bx_center .mod_center{float: right;width: 100%;} /* POST CENTER / CONTENT -> ------*/ #wrp .box1 .bx_center a{} #wrp .box1 .bx_center .messages{ cursor: default; margin-bottom: 10px; border: 1px solid #a54848; background: #242424; } #wrp .box1 .bx_center .messages .cnt{ padding:8px 15px 7px 15px; color:#7b7b7b; } #wrp .box1 .bx_center .messages .cnt h2{ color: #c2c2c2; text-shadow: 1px 1px 2px #727272; font-family: "b traffic","Times New Roman",Arial,Helvetica; font-size: 19px; font-weight: bold; text-align: center; cursor: default; margin: 5px; } #wrp .box1 .bx_center .messages .cnt h2 a.comment_count{ color:#7b7b7b;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; } #wrp .box1 .bx_center div.post_br{ width: 52px; height: 34px; margin: 20px auto 10px auto; background: url(//cdn.bayan.ir/blog/templates/375/post_br.png); visibility: hidden; } #wrp .box1 .bx_center div.post_br:last-child{ display:none; background:none; } #wrp .box1 .bx_center .post .post_info{ margin: 0px; padding: 7px 10px 8px 10px; border: 1px solid #d8d0d0; /* background: black; */ font-family: 'b yekan', arial,Times , sans; font-weight: normal; font-size: 15px; color: #bc2b2b; text-align: center; } #wrp .box1 .bx_center .post .post_info ul{ margin:0; padding:0; outline:0; font-size:18px; vertical-align:baseline; background:transparent; } #wrp .box1 .bx_center .post .post_info li{ display:inline-block; margin:0 10px 0 3px; cursor:default; } #wrp .box1 .bx_center .post .post_info a{ cursor:pointer; } #wrp .box1 .bx_center .post .post_info a:hover{ color:#7b7b7b; } #wrp .box1 .bx_center .post .post_info a.selected{ color:#7b7b7b; } #wrp .box1 .bx_center .post .post_info .date{ background:url(//cdn.bayan.ir/blog/templates/375/date.png) right 1px no-repeat; padding-right:25px; } #wrp .box1 .bx_center .post .post_info .author{ background:url(//cdn.bayan.ir/blog/templates/375/author.png) right 1px no-repeat; padding-right:25px; } #wrp .box1 .bx_center .post .post_info .comment{ background:url(//cdn.bayan.ir/blog/templates/375/comments.png) right 1px no-repeat; padding-right:25px; } #wrp .box1 .bx_center .post .title{ margin-bottom:15px; } #wrp .box1 .bx_center .post .title .date_title{ color:#696969; cursor:default; padding:0px 0px 5px 5px; } #wrp .box1 .bx_center .post .title h2{ font-size: 25px; color: #81b2b3; font-weight: bold; margin: 0px; padding: 15px 37px 15px 15px; } #wrp .box1 .bx_center .post .title h2 a{ color: #db1010; font-family: horror; font-weight: bold; letter-spacing: 1px; font-size: 22px; font-family: 'Estedad-Medium'; } #wrp .box1 .bx_center .post .title h2 a:hover{ color:#7b7b7b; } #wrp .box1 .bx_center .post .body{ font-size: 12px; overflow: hidden; height: auto; line-height: 1.9em; margin: 0px 0px 0px 0px; text-align: justify; background: rgba(255, 255, 255, 0.88); padding: 40px; padding-top: 0px; } #wrp .box1 .bx_center .post .body .cnt a{ color: #0043ff; text-decoration: underlin } #wrp .box1 .bx_center .post .body .cnt a:hover{ color:#000; } #wrp .box1 .bx_center .post .body .cnt{ text-align: justify; position: relative; padding-bottom: 15px; font-size: 14px; font-family: IRANsans; padding-top: 20px; } #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:98%; height:auto; display:block; margin:0 auto; padding:12px 0 12px 0; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; } #wrp .box1 .bx_center .post .body .post_list img{ max-width:98%; height:auto; display:block; margin:0 auto; padding:6px 0 12px 0; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; } #wrp .box1 .bx_center .post .body .readmore{ margin:10px 0px 10px 0px; padding:5px 0 7px 0; text-align:center; border:1px solid #E1E1E1; background:#be4848; } #wrp .box1 .bx_center .post .body .readmore a{ margin:1px; margin-left:3px; font-weight:normal; font-size:15px; color: #e5e1e2;; padding:0px 10px 2px 10px; display: block; } #wrp .box1 .bx_center .post .body .readmore a:hover{ color:#ffffff; } /*--- Post Detail ---*/ #wrp .box1 .bx_center .post .post_detail{ background:#F5F5F5 url(//cdn.bayan.ir/blog/templates/375/d_pattern_2.png); border:1px solid #E1E1E1; padding-bottom:5px; margin-top:10px; } #wrp .box1 .bx_center .post .post_detail .cnt{ padding-top:4px; color:#999; } #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/375/pd_ico_date.png) right 2px 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/375/pd_ico_cmt.png) right 2px 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/375/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; padding-top: 5px; padding-bottom: 8px; background: #F9F9F9 url(//cdn.bayan.ir/blog/templates/375/d_pattern_2.png); border: 1px solid #E1E1E1; border-top: none; font-size: 13px; } #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:-50px; 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: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:#F1F1F1 url(//cdn.bayan.ir/blog/templates/375/d_pattern_2.png); border:1px solid #E1E1E1; border-bottom:none; padding:4px 0px 0px 0px; 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:2px; } #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{} #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/375/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/375/details_ico_cmt.png) center -102px no-repeat; width:18px; height:18px; display:block; } #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/375/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/375/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: #f4ffe5 url(//cdn.bayan.ir/blog/templates/375/d_pattern_2.png); border: 1px solid #6c6c6c; color: #111111; padding: 5px 31px; margin: 8px 22px; min-height: 55px; } .comment_add_form{ } 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:#81B2B3; color:#fff; border:#81B2B3 1px solid; } .comment_add_form{ background:#f7f6f0 url(//cdn.bayan.ir/blog/templates/375/d_pattern_2.png); margin-bottom:10px; padding:10px 10px 10px 11px; border: 1px solid #E1E1E1; } 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/375/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-family:"tahoma","Times New Roman", Times,Arial,serif; 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/375/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/375/details_ico.png) no-repeat 0px -133px; width:18px; height:18px; vertical-align:middle; } /*Pagination --------------------------------------------- */ .pagination { margin: auto; padding: 15px 0px 15px 0px; text-align: center; } .pagination .cnt{ width:145px; margin:auto; padding:5px 0px 5px 0px; height:21px; background:#f0f0f0 url(//cdn.bayan.ir/blog/templates/375/d_pattern_2.png); border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; } .pagination .box{ width:120px; margin:auto; text-align:center; } .pagination a{ cursor: pointer; margin-top: 0px; float: none; background: #d5d5d5; margin: 3px; padding: 6px; font-size: 15px; min-width: 22px; color: #2c2c2c; border: 2px solid #4f4f4f; font-family: sans-serif; font-weight: bold; display: inline-block; } .pagination a.current { background: #787878; pointer-events: none; cursor: default; } .pagination a.pageNext { padding-left: 10px; padding-right: 10px; } .pagination a.last{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_last.png) no-repeat center; } .pagination a.last_dis{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_last_dis.png) no-repeat center; cursor:default; } .pagination a.last:hover{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_last_h.png) no-repeat center; } .pagination a.prev{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_next.png) no-repeat center; } .pagination a.prev_dis{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_next_dis.png) no-repeat center; cursor:default; } .pagination a.prev:hover{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_next_h.png) no-repeat center; } .pagination a.next{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_prev.png) no-repeat center; } .pagination a.next_dis{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_prev_dis.png) no-repeat center; cursor:default; } .pagination a.next:hover{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_prev_h.png) no-repeat center; } .pagination a.first{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_first.png) no-repeat center; } .pagination a.first_dis{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_first_dis.png) no-repeat center; cursor:default; } .pagination a.first:hover{ background:url(//cdn.bayan.ir/blog/templates/375/pagin_first_h.png) no-repeat center; } /* Footer --------------------------------------------- */ .footer{ clear:both; } .footer .cnt{ height: 45px; line-height: 16px; margin: auto; background: #971f1f; } .footer .links{ float:right; cursor:default; color:#7B7B7B; padding-top:16px; padding-right:25px; } .footer .links a{ color:#81b2b3; text-decoration:none; } .footer .links a:hover{ color:#222; text-decoration:underline; } a.cpright { color: #bcbcbc; } .footer .icons{ padding-top:17px; padding-left:25px; } .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; } } .horrortext { color: transparent !important; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); font-family: 'Denk One', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 2em; position: absolute; margin-left: -180px; -webkit-animation: horror-animation 5s infinite; -moz-animation: horror-animation 5s infinite; -o-animation: horror-animation 5s infinite; animation: horror-animation 5s infinite; } @-webkit-keyframes horror-animation { 0% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.1); left: 51%; top: 36%; } 5% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 50%; top: 35%; } 10% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.3); left: 49%; top: 34%; } 15% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; top: 35%; } 16% { text-shadow: 0 0 5px #212121; left: 50%; } 17% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; } 20% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 49%; } 25% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 49%; } 30% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.7); left: 50%; } 35% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 50%; } 36% { text-shadow: 0 0 5px #212121; left: 50%; } 37% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 50%; } 40% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.9); left: 51%; } 45% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 51%; } 50% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.7); left: 51%; } 55% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 50%; } 56% { text-shadow: 0 0 5px #212121; left: 50%; } 57% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 52%; } 60% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 50%; } 65% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; } 70% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.3); left: 49%; } 75% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 49%; } 76% { text-shadow: 0 0 5px #212121; left: 50%; } 77% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 49%; } 80% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.1); left: 49%; } 85% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.2); left: 51%; } 86% { text-shadow: 0 0 5px #212121; left: 50%; } 87% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.2); left: 51%; } 90% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); left: 51%; } 95% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 51%; } 100% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 50%; } } @-moz-keyframes horror-animation { 0% { text-shadow: 0 0 10px rgba(255, 0, 0, 1); left: 51%; top: 36%; } 5% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 50%; top: 35%; } 10% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.3); left: 49%; top: 34%; } 15% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; top: 35%; } 16% { text-shadow: 0 0 5px #212121; left: 50%; } 17% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; } 20% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 49%; } 25% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 49%; } 30% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.7); left: 50%; } 35% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 50%; } 36% { text-shadow: 0 0 5px #212121; left: 50%; } 37% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 50%; } 40% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.9); left: 51%; } 45% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 51%; } 50% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.7); left: 51%; } 55% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 50%; } 56% { text-shadow: 0 0 5px #212121; left: 50%; } 57% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 52%; } 60% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 50%; } 65% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; } 70% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.3); left: 49%; } 75% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 49%; } 76% { text-shadow: 0 0 5px #212121; left: 50%; } 77% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 49%; } 80% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.1); left: 49%; } 85% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.2); left: 51%; } 86% { text-shadow: 0 0 5px #212121; left: 50%; } 87% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.2); left: 51%; } 90% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); left: 51%; } 95% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 51%; } 100% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 50%; } } @-o-keyframes horror-animation { 0% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.1); left: 51%; top: 36%; } 5% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 50%; top: 35%; } 10% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.3); left: 49%; top: 34%; } 15% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; top: 35%; } 16% { text-shadow: 0 0 5px #212121; left: 50%; } 17% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; } 20% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 49%; } 25% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 49%; } 30% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.7); left: 50%; } 35% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 50%; } 36% { text-shadow: 0 0 5px #212121; left: 50%; } 37% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 50%; } 40% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.9); left: 51%; } 45% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 51%; } 50% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.7); left: 51%; } 55% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 50%; } 56% { text-shadow: 0 0 5px #212121; left: 50%; } 57% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 52%; } 60% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 50%; } 65% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; } 70% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.3); left: 49%; } 75% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 49%; } 76% { text-shadow: 0 0 5px #212121; left: 50%; } 77% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 49%; } 80% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.1); left: 49%; } 85% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.2); left: 51%; } 86% { text-shadow: 0 0 5px #212121; left: 50%; } 87% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.2); left: 51%; } 90% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); left: 51%; } 95% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 51%; } 100% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 50%; } } @keyframes horror-animation { 0% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.1); left: 51%; top: 36%; } 5% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 50%; top: 35%; } 10% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.3); left: 49%; top: 34%; } 15% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; top: 35%; } 16% { text-shadow: 0 0 5px #212121; left: 50%; } 17% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; } 20% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 49%; } 25% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 49%; } 30% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.7); left: 50%; } 35% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 50%; } 36% { text-shadow: 0 0 5px #212121; left: 50%; } 37% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 50%; } 40% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.9); left: 51%; } 45% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.8); left: 51%; } 50% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.7); left: 51%; } 55% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 50%; } 56% { text-shadow: 0 0 5px #212121; left: 50%; } 57% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.6); left: 52%; } 60% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 50%; } 65% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 50%; } 70% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.3); left: 49%; } 75% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 49%; } 76% { text-shadow: 0 0 5px #212121; left: 50%; } 77% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.2); left: 49%; } 80% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.1); left: 49%; } 85% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.2); left: 51%; } 86% { text-shadow: 0 0 5px #212121; left: 50%; } 87% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.2); left: 51%; } 90% { text-shadow: 0 0 5px rgba(255, 0, 0, 0.3); left: 51%; } 95% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.4); left: 51%; } 100% { text-shadow: 0 0 10px rgba(255, 0, 0, 0.5); left: 50%; } } .followersTitle { padding: 0 4px; margin-bottom: 7px; color: #c6c6c6; } .mod_both_authors { float: right; clear: both; display: block; width: 100%; margin-bottom: 5px; } .mod_both_authors>div { font-family: 'Estedad-Medium'; } .mod_both_authors li { display: inline-block; color: beige; direction: ltr; background: #7a0f0f; margin: 0 3px; padding: 0px 5px; box-sizing: border-box; } .mod_both_authors li a { color: #c6bcbc; } .au1 { float: right; font-family: horror; color: #c24646; top: 10px; position: relative; } .au2 { float: right; } ul.au3 { padding: 0px; padding-right: 10px; float: right; } .mod_both_authors li span.count { background: black; border-radius: 50%; width: 20px; height: 20px; display: inline-block; text-align: center; margin: 1px; } .hosdar { background: #ce2424; color: white; padding: 19px; top: 19px; position: relative; margin-bottom: 29px; font-size: 15px; line-height: 27px; clear: both; } img.followImg { filter: blur(1px) grayscale(1); transition:all ease-in-out 1s: } img.followImg:hover { filter: blur(0px) grayscale(0); } div#followInBx { background: rgb(118, 118, 118); max-width: 200px; padding: 6px; } a#followThis { background: #ca0101; font-family: 'Estedad-Medium'; } .my-folllow { position: relative; width: auto; display: inline-block; float: left; clear: both; margin: 0 39px; overflow:hidden; } .my-folllow>span { position: absolute; background: rgb(23, 23, 23); transform: rotate(-45deg); color: #c8c8c8; top: 19px; left: -39px; width: 125px; height: 28px; z-index: 1; } .followBx { padding: 0; } span#lang_VIEW_STAT_ONLINE_USER { display: none; } #followersLs { text-align: center; margin: 7px 0 13px; clear: both; width: 200px; } .followersCount { float: left; color: rgb(190 190 190); position: relative; z-index: 1; transform: rotate(-45deg); top: 16px; right: 0px; } /* .followShow .folDetImg { height: 0px; width:0px; } .followerDet:after{ width: 64px; height: 64px; float: right; margin: 5px 5px 10px 10px; height: intial; background:white; } .followShow .body { position: relative; height: 74px; background: url('https://i.pinimg.com/564x/d8/0e/cc/d80eccb789f03a2f541e602ceb6fe3d8.jpg'); background-size: 64px 64px; background-repeat: no-repeat; background-position: right; } .folDetTxt { padding-right: 79px; } .followShow.dark .site{ font-size:0px; } .followShow.dark .site:after { font-size: 12px; content: 'midnight.blog.ir'; } .folDetTxt{ font-size:0px; } .folDetTxt:after { font-size: 12px; content: 'night wolf '; position: absolute; top: 6px; } */ /*****************slider*********************/ .card { position: relative; width: 480px; height: 245px; right: 44px; top: 0px; overflow: hidden; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); filter: grayscale(1); } /*Light blue cover above the slide show*/ .card::after { content: ''; position: absolute; left: 0; top: 0; z-index: 900; display: block; width: 100%; height: 100%; background-color: rgba(140, 22, 115, 0.2); } .card_part { position: absolute; top: 0; left: 0; z-index: 7; display: flex; align-items: center; width: 100%; height: 100%; transform: translateX( 700px ); background-image: url(http://bayanbox.ir/view/6521999940951308637/eKGquV.jpg); animation: opaqTransition 28s cubic-bezier(0, 0, 0, 0.97) infinite; background-size: cover; } .card_part.card_part-two { z-index: 6; background-image: url( http://bayanbox.ir/view/8383198027678824708/m92MKD.jpg ); animation-delay: 7s; } .card_part.card_part-three { z-index: 5; background-image: url( http://bayanbox.ir/view/4548509121737888214/DqWYke.jpg ); animation-delay: 14s; } .card_part.card_part-four { z-index: 4; background-image: url(http://bayanbox.ir/view/7725047599678873536/Inside-A-Cave-Clipart-Clipart-Kid.jpg ); animation-delay: 21s; } @keyframes opaqTransition { 3% { transform: translateX( 0 ); } 25% { transform: translateX( 0 ); } 28% { transform: translateX( -700px ); } 100% { transform: translateX( -700px ); } } /*****************slider*********************/ .lastcomm { background: #000000; height: 266px; overflow: hidden; } .lastcomm .title { padding: 11px 20px; font-size: 13px; font-family: b yekan; color: #3c3b3b; border-bottom: 3px solid #ba0000; display: inline-block; background: #f3f3f3; } .lastcomm a { background: #0f0f0f; display: block; padding: 8px 10px 8px 15px; color: #acacac; border: 1px solid #434343; transition: all ease 0.3s; font-size: 13px; } .lastcomm a:hover { background: #2e2e2e; } .lastcomm .date { color: #ae0303; float: right; padding-left: 7px; font-weight: bold; } .lastcomm ul { padding: 0px; margin:3px; } .afshin .container { position: absolute; top: 0; left: 70%; margin-left: -20px; transition:all ease-in-out 0.3s; animation: inicio 5s ease-in-out forwards; } .afshin .container:hover { transform:scale(10); position: fixed; left: 60%; } .afshin .container::after { background: black url(http://bayanbox.ir/view/3578837850026598229/ezgif-1-1236155a4478.gif); border-radius: 100%; background-repeat: no-repeat; background-size: auto 80%; background-position: center; color: black; font-size: 1.3em; content: ""; position: absolute; margin-top: -5px; margin-left: -2px; width: 25px; height: 25px; z-index: 9; } .afshin .left { position: absolute; } .afshin .right { position: absolute; transform: rotateY(180deg); } .uno, .dos, .tres, .cuatro { background: rgba(0, 0, 0, 0.5); position: relative; width: 20px; height: 3px; } .uno > .uno, .dos > .dos, .tres > .tres, .cuatro > .cuatro { transform-origin: 20px top; transform: rotate(-80deg) translateX(20px); animation: seg 2.5s ease infinite; } .uno > .uno > .uno, .dos > .dos > .dos, .tres > .tres > .tres, .cuatro > .cuatro > .cuatro { transform-origin: 20px top; transform: rotate(10deg) translateX(20px); animation: seg 1.5s ease infinite; } .right > .dos > .dos { animation-delay: 200ms; } .dos > .dos { animation-delay: 400ms; } .dos > .dos > .dos { animation-delay: 200ms; } .right > .tres > .tres { animation-delay: 400ms; } .tres > .tres { animation-delay: 600ms; } .tres > .tres > .tres { animation-delay: 300ms; } .right > .cuatro > .cuatro { animation-delay: 100ms; } .cuatro > .cuatro { animation-delay: 800ms; } .cuatro > .cuatro > .cuatro { animation-delay: 400ms; } @keyframes seg { 50% { transform: rotate(55deg) translateX(20px); } } @keyframes inicio { 100% { top: 50%; } } .mod_both.catbl { margin-bottom: 45px; } ul.cats { text-align: center; display: block; float: none; padding: 0px; font-size: 13px; } ul.cats h3 { font-family: inherit; } ul.cats li { margin: 0 1px; display: inline-block; width: 19%; } ul.cats li:first-child{ margin: 0; } ul.cats li a { display: block; text-align: center; border: 1px solid #434343; transition: all ease-in-out 0.2s; color: #ae0303; background: rgba(255, 255, 255, 0.88); } ul.cats li a:hover { background: white; } ul.cats li a span { position: relative; bottom: 6px; font-size: 15px; font-family: sans-serif; } .cmt_reply.color3 img { max-height: 100px; } .bComForm .sendbutton.hasCheckbox { margin-top: auto; } div.commentForm input.sendbutton { padding: 5px 15px 6px 15px; background: #62975e; color: #fff; border: #ccc 1px solid; text-shadow: none; margin: 1px; cursor: pointer; font-weight: bold; } img.repavr { position: absolute; right: 45px; margin-top: 9px; width: 35px; border-radius: 100px; border: 2px solid #000000; } .right>.dos { background: transparent; } .right>.undo { background: transparent; } .right>.cuatro { background: transparent; } .right>.tres { background: transparent; } img.rooh { height: 31px; position: relative; top: -9px; right: 9px; }