@charset "utf-8"; /* CSS Document - v3.1.0 */ @import url('https://mosata.ir/cdn/font/Estedad/font.css'); *{font-family:Estedad-Medium !important;} @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: 13px; cursor:default; } .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; } } @font-face { font-family: 'b traffic'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BTraffic.eot?view'), src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BTraffic.eot?view#iefix') format('embedded-opentype'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BTraffic.woff?view') format('woff'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BTraffic.ttf?view') format('truetype'); } @font-face { font-family: 'b nazanin'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.eot?view'), src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.eot?view#iefix') format('embedded-opentype'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.woff?view') format('woff'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.ttf?view') format('truetype'); } @font-face { font-family: 'b yekan'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.eot?view'), src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.eot?view#iefix') format('embedded-opentype'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?view') format('woff'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.ttf?view') format('truetype'); } @font-face { font-family: 'IRANsans'; src: url('http://bayanbox.ir/download/3520359598204487284/iran-sanc.woff') format('woff'), url('http://bayanbox.ir/download/8809018384756036002/iran-sanc.ttf') format('truetype'); } *{ font-family: 'IRANsans'; } /*h1, h2, h3, ul {margin:0;}*/ html { direction:ltr; } body{ font-size: 13px; color: #333; margin:0px; padding:0px; line-height:2em; /*new*/ background: #000000; } 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{ font-family:'IRANsans'; } img{ border:none; border-width:0px;} a{ color: black; cursor:pointer; text-decoration:none; -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s; } a:hover{ color:#e52f41; text-decoration:none; cursor:pointer; } a:active{ outline:hidden; } /*-- Wrapper --*/ #wrp{ width:1000px; height:auto; margin:auto; direction:rtl; } .color-line{ height:6px; background:#171414 url(//cdn.bayan.ir/blog/templates/4103/head-color.png) no-repeat center; } /*-- Header --*/ .header{ height:105px; background:#413736 url(//cdn.bayan.ir/blog/templates/4103/hdr.png) repeat center; border-bottom:1px dashed #554e4d; } .header .hdr-cnt{ width:1000px; margin:auto; } .header .hdr_right { float:right; } .header .hdr_left { float:left; } /*-- Title & Description --*/ .header .title{ padding:10px 0; text-align:right; text-shadow:0 0 5px #1f1716; } .header .title h1{ font-size:30px; font-weight:bold; color:#dddddd; margin-bottom:15px; } .header .title h1 a{ color:#dddddd; } .header .title h1 a:hover{ color:#fff; } .header .title .desc h2{ font-size: 15px; font-weight:bold; cursor:default; color:#888; } /*-- Main Menu --*/ .main_menu{ } .main_menu .cnt ul{ list-style:none; margin:0px;padding:0px; } .main_menu .cnt li{ float:right; cursor:default; margin-right:15px; } .main_menu .cnt a{ display:block; font-size:16px; color:#9a9392; padding-bottom:2px; margin-top:37px; border-bottom:2px solid #5f5352; } .main_menu .cnt a:hover{ color:#fff; border-bottom:2px solid #e52f41; } .main_menu .cnt a.selected{ color:#fff; border-bottom:2px solid #e52f41; } /*-- wrp -> Box1 (Content) --*/ #wrp .box1{ background: #FFFFFF; box-shadow: 0 4px 6px 2px #2d2322; padding: 15px; position: relative; } /*-- wrp -> Boxs-Left --*/ #wrp .box1 .bx_left{ width:250px; float:left; } * html #wrp .box1 .bx_left{margin-left:-10px;} /*-- Module-Left --*/ #wrp .box1 .bx_left .mod_left{ margin-bottom:15px; border: 3px solid black;} #wrp .box1 .bx_left .mod_left .title{ padding:5px 0; background:black; color:#fff; text-align:right; cursor:default; font-size:14px; margin:0px; } #wrp .box1 .bx_left .mod_left .title span{ font-family:'IRANSans'; padding-right:7px; } #wrp .box1 .bx_left .mod_left .cnt{ padding: 5px 8px 12px 9px; box-shadow:0 0 6px 1px #2e2423; background: rgba(255, 255, 255, 0.78); } /*-- mod_left BLANK --*/ #wrp .box1 .bx_left .mod_left_blank{ margin-bottom: 15px; } #wrp .box1 .bx_left .mod_left_blank .cnt{ padding:5px; border: 3px solid black; } #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:black; font-size:11px; margin:0px; font-weight:normal; font-family:'IRANsans'; } /*-- 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; } /* Categories ----- */ .linear_cat { border-bottom: 1px solid #e1e1e1; display: block; position: relative; height: 40px; padding: 0px; margin: 0px; margin-bottom: 15px; } .linear_cat_box { direction: rtl; display: block; position: relative; display: inline-block; } .linear_cat_box .cats{ padding-right: 0; margin: 0; } ul.cats li { float: right; position: relative; display: block; } .linear_cat_box .cats h3 { padding: 0px; margin: 5px; display: inline-block; position: relative; } ul.cats a { position: relative; display: block; background: #fff; padding: 0px 10px; margin: 2px; border: 1px solid black; } ul.cats .category_selected a { background: #911D4D; color: white; display: block; } #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/4103/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/4103/folder_ico.png) right no-repeat; } #wrp .box1 .bx_left .mod_left .cats li h3{ margin:0px; font:11px "tahoma","Times New Roman", Times,Arial,serif; } #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:#a19291; } #wrp .box1 .bx_left .mod_left .category_selected .count{ color:#f5eceb; } #wrp .box1 .bx_left .mod_left .subcats .count{ cursor:default; display:inline-block; color:#a19291; } #wrp .box1 .bx_left .mod_left .category_selected{ background:#b4a9a8; 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/4103/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:url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom; } #wrp .box1 .bx_left .mod_left .links li.selected{ background:url(//cdn.bayan.ir/blog/templates/4103/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/4103/sidebar-bullet.png) right no-repeat; font-family:'IRANSans'; } #wrp .box1 .bx_left .mod_left .links .count{ cursor:default; color:#a19291; } #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 { } #wrp .box1 .bx_left .mod_left ul.links li.selected:last-child { } /* 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{ 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{ background: rgba(255, 255, 255, 0.82); } #wrp .box1 .bx_left .mod_left .cnt.stat .row{ background:url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom; *background:none; clear:both; padding-bottom:23px; } #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: #0C222A; font-size:11px; border:none; font-weight:normal; float:right; text-align:right; font-family:'IRANSans'; } #wrp .box1 .bx_left .mod_left .cnt.stat .Value{ color: #FFF; cursor: default; float: left; background-color: #8E1447; text-align: center; border-radius: 100px; padding: 2px; width: 25px; margin: 2px; font-family:'IRANSans'; } /* 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; border:1px solid #5f5554; background:#e52f41; border:1px solid #d51824; color:#fff; } #wrp .box1 .bx_left .mod_left .cnt .tagcloud a:hover{ background:#e52f41; border:1px solid #d51824; color:#fff; } #wrp .box1 .bx_left .mod_left .cnt .tagcloud a.selected{ background:#e52f41; border:1px solid #d51824; 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; font-family:'IRANSans'; } /*- 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/4103/sidebar-bullet.png) right no-repeat; font-family:'IRANSans'; } #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; box-shadow:none; background:url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom; -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s; } #wrp .box1 .bx_left .mod_left .cnt .list_view li a{ color:black; } #wrp .box1 .bx_left .mod_left .cnt .list_view li a:hover{ color:#e52f41; } #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt:hover{ background:url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom; } #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt.selected{ background:url(//cdn.bayan.ir/blog/templates/4103/line.png) no-repeat center bottom; } #wrp .box1 .bx_left .mod_left .cnt .list_view .cnt.selected a{ color:#e52f41; } #wrp .box1 .bx_left .mod_left .cnt .list_view .date{ cursor:default; font-size:9px; color:#a19291; 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;} .align2{margin:0 15px 15px;} .post_break{ padding-top:0px;} #wrp .box1 .bx_center{ margin-left:265px; } #wrp .box1 .bx_center .mod_center{float: right;width: 100%;} /* POST CENTER / CONTENT -> ------*/ #wrp .box1 .bx_center a{} #wrp .box1 .bx_center .messages{ margin-bottom: 15px; background: #FFFFFF; border-top: #D8246E 3px solid; box-shadow: 0 0 6px 1px #2e2423; display:none; } #wrp .box1 .bx_center .messages .cnt{ padding:8px 15px 7px 15px; color:black; cursor:default; } #wrp .box1 .bx_center .messages .cnt h2{ color:black; font-size: 19px; font-weight:bold; text-align:center; cursor:default; margin:5px; } #wrp .box1 .bx_center .messages .cnt h2 a.comment_count{ color:black;} #wrp .box1 .bx_center .messages .cnt h2 a.comment_count:hover{ color:#fff;} #wrp .box1 .bx_center .post{ margin-bottom: 15px; background: #FFFFFF; box-shadow: 0 0 6px 1px #2e2423; padding-bottom: 1px; border: 3px solid black; } #wrp .box1 .bx_center .post .title .date_title{ color:#a19291; cursor:default; padding:0px 19px 5px; display:none; } #wrp .box1 .bx_center .post .title h2{ line-height:1.4em; font-size:20px; color:#fff; padding-bottom:3px; font-weight:bold; padding:10px 0 0 10px; margin:0; font-family: cursive; } #wrp .box1 .bx_center .post .title h2 span{ background: #A71652; width: 12px; height: 12px; display: inline-block; margin-left: 6px; } #wrp .box1 .bx_center .post .title h2 a{ color:#fff; font-family: 'IRANSans'; } #wrp .box1 .bx_center .post .title h2 a:hover{ color:#e52f41; } #wrp .box1 .bx_center .post .body{ color: #0C0C0C; overflow: hidden; height: auto; line-height: 1.9em; margin: 10px 8px 0px; font-size: 13pt; } #wrp .box1 .bx_center .post .body .cnt{ position:relative;} #wrp .box1 .bx_center .post .body .cnt a{ color: #2497e0; font-family: 'IRANSans'; } #wrp .box1 .bx_center .post .body .cnt a:hover{ color:#1F7EC3; } #wrp .box1 .bx_center .post .body .cnt{ text-align:justify; padding-bottom:5px; font-family:'IRANSans'; } #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; margin-right:1px; border:0px solid #CCC; padding:2px; border-radius:6px; } #wrp .box1 .bx_center .post .body .post_list img{ max-width:98%; height:auto; margin-right:1px; border:0px solid #CCC; padding:2px; } #wrp .box1 .bx_center .post .body .readmore{ margin-top:10px; margin-bottom:10px; } #wrp .box1 .bx_center .post .body .readmore a{ margin: 1px; margin-left: 3px; padding: 2px 6px 5px 6px; background: #E6E4E4; color: black; border: #E6737E 1px solid; } #wrp .box1 .bx_center .post .body .readmore a:hover{ background:#e52f41; color:#fff; border:#e52f41 1px solid; } /*--- Post Detail ---*/ #wrp .box1 .bx_center .post .post_detail{ border-top: 1px solid #e0e0e0; padding-bottom: 5px; margin: 0px 0px -3px 0px; background-color: black; } #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{font-size: 20px; color:#aaaaaa;text-shadow:none;cursor:pointer;} #wrp .box1 .bx_center .post .post_detail a:hover{color:#fff;} #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 #544948; list-style:none; } #wrp .box1 .bx_center .post .post_detail .cnt .det_left li span { color: #e0e0e0; } #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:#aaaaaa; display:block; padding-right:25px; background:url(//cdn.bayan.ir/blog/templates/4103/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/4103/pd_ico_cmt.png) right 5px no-repeat; font-size: 14pt; color: #CACACA; } #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: #CACACA; text-shadow: none; font-size: 15pt; } #wrp .box1 .bx_center .post .post_detail .rating a:hover{ color:#fff; } /* 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{ width:20px; height:20px; vertical-align:middle; } .rate-down img.rateimg, img.ratedn{ background-position: -3px -25px;} /*COMMENT --------------------------------------------- */ #wrp .box1 .bx_center .post_comments{ margin-right: 71px; } #wrp .box1 .bx_center .cmt_break{ margin-bottom:50px; } #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: rgba(255, 255, 255, 0.59); border: 1px solid #979090; border-top: none; font-size: 17px; } #wrp .box1 .bx_center .post_comments .body_cmt .cnt{ color:black; } #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{ 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: 27px; background: rgba(0, 0, 0, 0.87); border: 1px solid #979090; border-bottom: none; padding: 4px 0px 0px 0px; margin-right: 0px; color: #e6e2e1; 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:#fff; } #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: 62px; height: auto; position: absolute; border: 3px solid black; margin-right: -75px; margin-top: -7px; } #wrp .box1 .bx_center .post_comments .cmt_details .author{ /*background:url(//cdn.bayan.ir/blog/templates/4103/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/4103/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/4103/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/4103/details_ico_cmt.png) right 3px no-repeat; padding-right:25px;*/ display:block; } #wrp .box1 .bx_center .post_comments .cmt_details a{ color:#e6e2e1; cursor:pointer; } #wrp .box1 .bx_center .post_comments .cmt_details a:hover{ color:#fff; } /*Reply COMMENT -------- */ #wrp .box1 .bx_center .cmt_reply{ background: #e6d2d2; border: 1px solid #FFFFFF; margin-top: 6px; margin-bottom: 25px; padding: 5px 10px 5px 10px; color: #000000; font-size: 17px; border: 1px solid #b19595; border-radius: 4px; } .comment_add_form{ color:#000; } div.commentForm input.sendbutton{ padding: 5px 15px 6px 15px; background: #E0E0E0; color: black; border: #e52f41 1px solid; text-shadow: none; margin: 1px; cursor: pointer; } div.commentForm input.sendbutton:hover{ background:#e52f41; color:#fff; border:#e52f41 1px solid; } .comment_add_form{ background: #FFFFFF; border-top: #e52f41 3px solid; box-shadow: 0 0 6px 1px #2e2423; margin-bottom: 15px; padding: 10px 10px 10px 11px; } 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/4103/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/4103/pd_ico_author.png) right 0px no-repeat;*/ color:#aaaaaa; border-left:0px solid #544948; 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; width:18px; height:18px; vertical-align:middle; } /*Pagination --------------------------------------------- */ #wrp .box1 .bx_center .pagination{ cursor:default; display:block; text-align:center; margin:0px 0px 5px 0px; } #wrp .box1 .bx_center .pagination .left{ margin-left:-3px; } #wrp .box1 .bx_center .pagination a { padding:3px 11px 3px 11px; margin-left:3px; cursor:pointer; background:#332827; color:#bbbbbb; border:#665e5d 1px solid; text-shadow:none; } #wrp .box1 .bx_center .pagination a:hover { background:#1f1413; color:#c7c4c4; border:#5e5655 1px solid; } #wrp .box1 .bx_center .pagination a.current { background:#1f1413; color:#c7c4c4; border:#5e5655 1px solid; } #wrp .box1 .bx_center .pagination .spacer{ float: right; padding: 1px 8px; color: #999; } .pagination { padding-top:0px; } /* Footer --------------------------------------------- */ .footer_contain_bg{ clear: both; padding-top: 15px; background: #FFFFFF; border-bottom: 1px dashed #000000; } .footer_contain{ height: auto; clear: both; background: white; color: #000; } .footer_contain .content{ height:auto; width:1000px; margin:auto; color: #c987bf; text-align:right; direction:rtl; } .footer_contain .content .cnt{ padding:20px 0px 10px; overflow:hidden; } .footer_contain .content .bx{ width: 30%; display: inline; float: right; margin-left: 2%; margin-right: 2%; } .footer_contain .content .bx:last-child{ margin-left:0; } .footer_contain .content .bx:frist-child{ margin-right: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: #000; text-shadow: 1px 1px 1px #717171; font-size: 17px; cursor: default; padding: 0px; margin: 0px; margin-bottom: 10px; } .footer_contain .content .bx ul li{ color:#c0bcbc; cursor:default; padding:5px 13px; background:url(//cdn.bayan.ir/blog/templates/4103/blt.png) right 12px no-repeat; border-bottom:0px solid #4F4F4F; } .footer_contain .content .bx ul li:hover{ color:#000; cursor:default; } .footer_contain .content .bx ul li a{ color:#000; cursor:pointer; } .footer_contain .content .bx ul li a:hover{ color:#000; } .footer_contain .content .bx ul li.selected{ cursor:default; color:#000f; } .footer_contain .content .bx ul li.selected a{ color:#ff0000; cursor:default; } .footer{ clear:both; background:#171414; box-shadow:0 0 7px 2px #2c2221; } .footer .cnt{ width:1000px; height:40px; margin:auto; } .footer .links{ float:right; cursor:default; color:#685e5d; padding-top:9px; padding-right:9px; direction: rtl; } .footer .links a{ color:#ffffff; text-decoration:none; } .footer .links a:hover{ color:#fff; text-decoration:underline; } .footer .icons{ padding-top:10px; } .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(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon-crystal.png) no-repeat; width:20px; height:20px; } } ------****/ #Granny {width:600px;} ::-webkit-scrollbar {width:10px;} ::-webkit-scrollbar-track {background:white; } ::-webkit-scrollbar-thumb {background:black; border-left:1px solid white; } ::-moz-scrollbar {width:10px;} ::-moz-scrollbar-track {background:white; } ::-moz-scrollbar-thumb {background:black; border-left:1px solid white; } #header{ color:#fff; font-size: 20px; } /* logo */ .logo{ width:218px; height:95px; overflow:hidden; float:left; margin:0 31px 0 0; } .logo .logo-desktop{ display:block; } .logo .logo-mobile{ width:111px; height:48px; margin:0 0 0 35px; z-index:1000; position:relative; display:none; } .logo a{ display:block; height:100%; } .logo-panel { width:26px; height:41px; overflow:hidden; float:left; margin: 12px 31px 0 0; display: none; } .panel.fixed-bar .logo-panel{ display:block; } /* slogan */ .slogan { font: 10px/12px "oswaldregular", Arial, Helvetica, sans-serif; letter-spacing: 5px; text-transform: uppercase; margin: 53px 29px 0px 51px; float: left; max-width: 287px; word-spacing: -1px; position: absolute; } .webkit .slogan, .presto .slogan{margin-top:43px;} /* blockquote-box */ .blockquote-box{ float:right; max-width:500px; padding:0px 23px 0 0; } .blockquote-box blockquote{ margin:0; font-style:normal; } .blockquote-box q{ font:16px/18px "oswaldregular", Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; margin:0 0 12px; letter-spacing:0.1px; } .blockquote-box h1{ text-align: right; display: block; font: 52px/16px cursive,"segoe print", fantasy; position: relative; top: 18px; margin-right: -8px; color: #BB95A5; } .blockquote-box h1:before{ content:''; width:25px; height:1px; display:inline-block; vertical-align:top; margin:8px 19px 0 0; } /* panel */ .panel{ background:#fff; width:100%; position:relative; z-index:1000; margin:0 0 1px; background:url(https://bayanbox.ir/view/3035846042148591359/155502608-1.jpg); } .nav-holder{ max-width:1104px; padding:0 20px; margin:0 auto; background: rgba(245, 245, 245, 0.72); } .panel .opener{ display:none; float:right; width:86px; border-left:1px solid #696969; height:16px; background:#fff; text-align:center; text-transform:uppercase; color:#000; font:12px/16px "oswaldregular", Arial, Helvetica, sans-serif; padding:23px 17px 18px 10px; cursor:pointer; letter-spacing:2px; } .panel .opener span{ display:inline-block; vertical-align:top; padding:0 0 0 17px; position:relative; } .webkit .panel .opener span{padding:1px 0 0 17px;} .panel .opener span:after{ content:''; width:12px; height:11px; background-color: transparent; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position: -112px -61px; position:absolute; left:0; top:2px; } .panel .opener:hover{background:#efeded;} .panel.popup-active .opener{background:#efeded;} .concerts-list .title-row .opener{ float:left; position:relative; padding:2px 0 0 29px; color:#fff; font:24px/28px "oswaldregular", Arial, Helvetica, sans-serif; text-transform:uppercase; left:-9999px; text-decoration:none; } .concerts-list .title-row.hover .opener{left:auto;} .concerts-list .title-row .opener:after, .concerts-list .title-row:after{ content:''; width:18px; height:20px; background-color: transparent; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position: -82px -121px; position:absolute; left:0; top:4px; } .concerts-list .expanded .title-row .opener{display:none;} .panel .nav-holder:after, .heading:after, #header:after, #twocolumns:after, .links-block:after, .two-columns:after, .form .row:after, .info-section:after, .form .box:after{ display:block; clear:both; content:''; } .logo{margin:0 20px 0 0;height: inherit;} .container{padding:36px 13px 6px;} .nav-holder, .fixed-bar .nav-holder{padding:0;} .gallery{ position: relative; z-index: 1; height: 510px; background:white;border-bottom: 3px black solid; } .gallery .text-box, .gallery .rsArrowLeft, .gallery .rsArrowRight{top:16%;} .album-box{padding:0;} .twitter-box{ padding:1px 0 5px; font-size:20px; line-height:24px; } header, footer, article, section, hgroup, nav, figure, aside{display:block;} figure{ margin:0; padding:0; } 05. Navigation -------------------------------*/ #nav{ font:13px/17px "oswaldregular", Arial, Helvetica, sans-serif; text-transform:uppercase; } #nav ul{ margin:0; padding:0; list-style:none; float:right; } #nav > ul > li{ float:right; position:relative; } #nav > ul > li > a{ float:left; padding:27px 22px 24px 21px; color:#000; letter-spacing:1px; font-family: cursive; } .chrome #nav{text-shadow:0 0 1px rgba(0,0,0,.3);} .webkit #nav > ul > li > a, .presto #nav > ul > li > a, .trident #nav > ul > li > a{padding:28px 22px 23px 21px;} #nav > ul > li > a:hover, #nav > ul > li.hover > a{ text-decoration:none; background:#e7e7e7; background: #911D4D; color: white; } } #nav > ul > li.active > a{ background:#911D4D !important; color:#fff; } #nav ul ul{ width:273px; position:absolute; left:0; top:100%; background:#e8e8e8; display:none; } #nav li.hover ul{display:block;} #nav li li{border-bottom:1px solid #fff;} #nav li li a:hover, #nav li li.active a{ background:#F33CA4; text-decoration:none; } #nav ul > li a.selected { background: #911D4D; color: white; } .panel.fixed-bar{ padding:0 0 1px; position:fixed; left:0; top:0; } .fixed-bar #nav ul ul{top:69px;} .fixed-bar #nav > ul > li > .has-drop-down-a:hover, .fixed-bar #nav > ul > li.hover > .has-drop-down-a{ margin:0 0 -1px; border-bottom:1px solid #e7e7e7; } /* social-networks */ .social-networks{ margin:0; padding:0; list-style:none; float:left; } .panel .social-networks{padding:21px 16px 21px 10px;} .social-networks li{ display:inline-block; vertical-align:top; margin:0 0 0 4px; } .social-networks a{ width:26px; height:26px; background-color: transparent; background-image:url(../images/sprite.png); background-repeat:no-repeat; background-position:; text-indent:-9999px; overflow:hidden; display:block; } .social-networks .facebook{background-position:0 0;} .social-networks .twitter{background-position:-34px 0;} .social-networks .facebook:hover{background-position:0 -30px;} .social-networks .twitter:hover{background-position:-34px -30px;} #print { width: 1000px; margin: auto; } .title.align { background-color: black; padding-bottom: 10px; } blockquote { border-right: 3px solid #000; } .img3 { float: right; width: 48%; margin: 8px; border-radius:10px; height:200px !important; } .img3:hover { transform: scale(1.1); transition: 0.3s all cubic-bezier(0.99, -0.43, 0.5, 0.66); box-shadow: inset 0px 0px 10px black; } /* slider*/ .pic { width:1000; align:right; } #slide-css3{ width:7000px; animation:slider-css3 20s infinite; -webkit-animation:slider-css3 20s infinite; -moz-animation:slider-css3 20s infinite; -o-animation:slider-css3 20s infinite; -ms-animation:slider-css3 20s infinite; animation-timing-function: ease-in-out; } @keyframes slider-css3 { 0%{margin-left:0px;} 17%{margin-left:0px;} 20%{margin-left:-1003px;} 37%{margin-left:-1003px;} 40%{margin-left:-2008px;} 57%{margin-left:-2008px;} 60%{margin-left:-3010px;} 77%{margin-left:-3010px;} 80%{margin-left:-4014px;} 99%{margin-left:-4014px;} } @-webkit-keyframes slider-css3 { 0%{margin-left:0px;} 17%{margin-left:0px;} 20%{margin-left:-1003px;} 37%{margin-left:-1003px;} 40%{margin-left:-2008px;} 57%{margin-left:-2008px;} 60%{margin-left:-3010px;} 77%{margin-left:-3010px;} 80%{margin-left:-4014px;} 99%{margin-left:-4014px;} } @-moz-keyframes slider-css3 { 0%{margin-left:0px;} 17%{margin-left:0px;} 20%{margin-left:-1003px;} 37%{margin-left:-1003px;} 40%{margin-left:-2008px;} 57%{margin-left:-2008px;} 60%{margin-left:-3010px;} 77%{margin-left:-3010px;} 80%{margin-left:-4014px;} 99%{margin-left:-4014px;} } @-o-keyframes slider-css3 { 0%{margin-left:0px;} 17%{margin-left:0px;} 20%{margin-left:-1003px;} 37%{margin-left:-1003px;} 40%{margin-left:-2008px;} 57%{margin-left:-2008px;} 60%{margin-left:-3010px;} 77%{margin-left:-3010px;} 80%{margin-left:-4014px;} 99%{margin-left:-4014px;} } @-ms-keyframes slider-css3 { 0%{margin-left:0px;} 17%{margin-left:0px;} 20%{margin-left:-1003px;} 37%{margin-left:-1003px;} 40%{margin-left:-2008px;} 57%{margin-left:-2008px;} 60%{margin-left:-3010px;} 77%{margin-left:-3010px;} 80%{margin-left:-4014px;} 99%{margin-left:-4014px;} } #slider-box { margin:0 auto; width:1000px; height:510px; overflow:hidden; } .followersTitle { padding: 0 4px; margin-bottom: 7px; color: black; } span { } .pccm{ width: 40px; margin-left:2px; border-radius: 8px; filter: grayscale(1); -webkit-filter: grayscale(1); transition: 1s; } .pccm:hover{ filter: none; -webkit-filter:none; } .followThis { display: block; padding: 3px 10px 5px; margin: 2px; background: #911D4D !important; color: #fff !important; border-radius: 3px; text-align: center; } .followThis:hover { background: #E26E14; transition-duration: .3s; } #followInBx #followersLs .followImg { width: 50px; height: 50px; border-radius: 24px; margin: 2px; } #nav > ul >li:first-child a { font-family: 'IRANSans'; } .music-page p{ margin-top: 0 !important; line-height: 1 !important; text-align:center !important; } .music-page p a{ margin-top: 0 !important; line-height: 1 !important; text-align:center !important; } .music-page .audio{ text-align:center; } .music-page audio{ width:90%; } .music-page ul { padding: 0px; } .music-page ul li { margin-right: 5px; line-height: 1.9em; color: #ffffff; list-style: none; background: #a71652; padding: 0px 5px; width: 100%; } .item_wrn, .item_err, .item_success { border: 1px solid #820656; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px; line-height: 18px; margin-bottom: 10px; background: #ffe0eb75; color: #333; } #wrp .box1 .bx_center .post .body .cnt:hover audio{ opacity:1; } audio{ opacity:1; transition:opacity ease-in-out 0.3s; } .imgsmile { position: relative; margin-top: 13px; margin: 7px; min-width: 50px; max-width: 103px } .numsmile { position: absolute; margin-top: 81px; background: black; font-size: 13pt } #wrp .box1 .bx_center .cmt_reply img { max-height: 100px; }