@charset "utf-8"; /* CSS Document - v3.5.0 */ @font-face { font-family: 'Estedad-Medium'; src: url('https://bayanbox.ir/download/5747159497330965360/Estedad-Medium.eot'); src: url('https://bayanbox.ir/download/5747159497330965360/Estedad-Medium.eot?#iefix') format('embedded-opentype'), url('https://bayanbox.ir/download/8489614073638660239/Estedad-Medium.ttf') format('truetype'), url('https://bayanbox.ir/download/7833011162802655263/Estedad-Medium.woff') format('woff'), url('https://bayanbox.ir/download/1677081294815547018/Estedad-Medium.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Scriptina'; src: url('https://bayanbox.ir/download/2669975515226925761/Scriptina.eot?#iefix') format('embedded-opentype'), url('https://bayanbox.ir/download/363634823476972120/Scriptina.woff') format('woff'), url('https://bayanbox.ir/download/1647466049734183001/Scriptina.ttf') format('truetype'), url('https://bayanbox.ir/download/8822436242253818113/Scriptina.svg#Scriptina') format('svg'); font-weight: normal; font-style: normal; } *{font-family:Estedad-Medium;} .cats *,.search-box *{font-family:Estedad-Medium;} .post-content-right{font-family:Estedad-Medium;} .blog_description h4 { color: rgb(0 0 0 / 13%); } .contentbox { max-width: 1300px; min-width: 80%; margin: auto; box-shadow: 0px 0px 5px #b4b4b4; } body.selected .contentbox { } body { font-family: IRANsans; font-size: 11px; color: #333; margin: 0; padding: 0; line-height: 1.9em; background: #f6f6f6 url(''); background-size: 100px; overflow-x: hidden; } .blogImage { width: 195px; max-height: 200px; position: absolute; display: inline-block; overflow: hidden; border-radius: 50%; border: 2px solid white; top: 53px; left: 25px; } .blogImage img { width: 100%; display: inline-block; } p { margin-bottom: 0.5em; } .rts-wall { width: calc(100% - 250px); height: 380px; background: url("https://bayanbox.ir/view/6145057333360849147/b9eb426b4730a7879105395af257ffaf.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; animation-name: top_down; animation-duration: 200s; } /* @keyframes top_down { 0%{ background-position: center 0%;} 50%{ background-position: center 100%;} 100%{ background-position: center 0%;} } */ pre { direction: ltr; background-color: #f4f4e2; overflow-x: auto; overflow-y: hidden; line-height:1.3em; padding:25px 0px !important; margin: auto; max-width: 600px; text-align: left; direction: ltr; } pre.prettyprint{ padding-left: 20px !important; } pre.prettyprint.prettyprint * { color: #606; font-family: auto; } .clear { clear: both; } h1, h2, h3 { font-weight: normal; } img { border: none; border-width: 0; } a { color: #1e1e14; cursor: pointer; text-decoration: none; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } a:hover { color: #bd6507; text-decoration: none; cursor: pointer; } a:active { outline: hidden; } /*-- Header --*/ .header { direction: rtl; background: #f0f0f0; border-bottom: 1px solid #c3c3c3; box-shadow: 0px 3px 5px #d1d1d1; top: 0px; position: relative; z-index:999; } .head-right a { color: rgb(3 3 3 / 68%); font-family: 'Scriptina'; font-weight: bold; text-align: center; } .head-right a:hover { color: #eb1c4d; } .head-right h1 { font-size: 40px; } .head-left h2 { margin: 0; font-size: 16px; cursor: default; color: #a3cfd4; float: right; position: relative; color: rgb(240 248 255 / 7%); } .head-wrp { position: relative; height: 380px; margin: auto; background: #e5e5e5; } .head-right { position: absolute; bottom: 5px; left: 20px; text-align: right; z-index: 2; } .head-left { font-size: 14px; position: absolute; top: 38px; left: 0; text-align: left; } .cashbag{width: 180px;left: 0px;position: absolute; top: 78px;} .requestcash { height: 75px; overflow: hidden; float: right; width: 100%; display: block; background: rgb(0 0 0 / 21%);; border-top: 3px solid white; } .requestcash span { position: absolute; bottom: 32px; right: 10px; z-index: 1; } .requestcash p{ top: 22px; font-size: 15px; position: relative; padding: 0 125px 0 25px; float: right; } .requestcash img{ width: 120px;left: 0px; } .main-menu { height: 41px; background: #f7d500; font-size: 15px; } .main-menu ul { margin: 0 auto; padding: 0; width: 960px; direction: rtl; list-style: none; } .main-menu ul li { float: right; margin-left: 5px; } .main-menu ul li a { color: #1e1e14; display: block; padding: 10px 10px 11px; } .main-menu ul li a:hover { color: #1e1e14; background: #efbd00; } .main-menu ul li.selected a { background: #efbd00; } .readmore { background: #ff4132; padding: 0 17px 2px; color: #fff; font-size: 13px; } .readmore:hover { color: #fff; background: #ff6256; } .readmore:active { background: #ef2f20; } .middle-posts .inline-readmore { color: #ff4132; padding-right: 7px; } .head-post .readmore { padding: 2px 35px 5px; font-size: 15px; } .middle-posts .inline-readmore { color: #0575a5; padding-right: 7px; } .middle-posts .inline-readmore:hover { color: #efbd00; padding-right: 7px; } .head-post .readmore { padding: 2px 35px 5px; font-size: 15px; } .middle-posts { background: #fff; padding: 1px 0; border-bottom: 1px solid #ddd; } .middle-posts-wrp { direction: rtl; width: 960px; margin: 25px auto; } .middle-posts h2 { margin: 0 0 10px; font-size: 18px; } .middle-posts .post-content, .latest-posts .post-content { font-size: 14px; text-align: justify; line-height: 1.8em; margin: 0; } .middle-posts ul { margin: 0; padding: 0; list-style: none; } .middle-posts ul li { float: right; width: 300px; margin-left: 30px; } .middle-posts ul li:last-child { margin-left: 0; } .middle-posts ul:after { display: block; content: ' '; clear: both; } .ffl { position: absolute; left: 20px; z-index: 9; width: 215px; height: 255px; } /*-- Pagination --*/ .pagination-box { margin: auto; } .pagination { cursor: default; text-align: center; margin: 40px auto; font-size: 14px; padding: 0; float: none; } .pagination .left { margin-left: -3px; } .pagination a { padding: 0 15px 4px; margin-left: 3px; cursor: pointer; color: #465e6a; background: #cfe0e2; float: none; height: 27px; display: inline-block; line-height: 28px; } .pagination a:hover { color: #465e6a; background: rgba(8, 146, 205, 0.1); } .pagination a.current { color: #f6f6f6; background: #3d87bc; } .pagination .spacer { float: right; padding: 1px 8px; color: #999; } .pagination .pagesList { display: inline-block; } /*-- Content --*/ .content-wrp { direction: rtl; padding: 48px 20px; position: relative; } .block-content { text-align:center; } .block-content-view { display: block; text-align: center; } .block-content .messages { cursor: default; border-bottom: 3px solid #43acb2; width: 553px; margin: auto; margin-bottom: 45px; } .block-content .messages .messages-content { padding: 5px 15px; color: #aaa; } .block-content .messages .messages-content h2 { color: #555555; font-size: 17px; cursor: default; margin: 12px; font-family: inherit; } .block-content .messages .messages-content h2 a.comment_count { padding: 0px; color: #7c7a7a; } .block-content .messages .messages-content h2 a.comment_count:hover { color: #A4CACF; cursor: pointer; } /*-- Content-post --*/ .block-content .post { position: relative; padding: 0; margin-bottom: 30px; box-shadow: 0px 0px 10px #333333; background: #f2f2f2; display: inline-block; margin-left: 11px; border-radius: 4px; min-height: 270px; overflow:hidden; } .block-content .post.post_detail.big-page{ position: relative; padding: 0; font-family: "IRANsans"; box-shadow: none; background: transparent; display: block; margin-left: 0; border-radius: 4px; } .big-page .post-image { width: 30vw; height: 30vw; max-height: 30vw; min-height: 28vw; right: calc(50% - 15vw); position: relative; border-radius: 5%; padding: 2px; } @media screen and (max-width:1000px) { .big-page .post-image { width: 50vw; height: 50vw; max-height: 30vw; min-height: 30vw; right: calc(50% - 15vw); position: relative; border-radius: 5%; } } .big-page audio#play_audio_box { position: absolute; right: calc(50% - 15vw); top: 31vw; width: 30vw; border: 1px solid #c6c6c6; margin: 0 auto; border-radius: 33px; } .big-page .audio { text-align: center; display: block; position: absolute; top: 0; width: 100%; margin: 0 auto; left: 0; float: left; } .big-page .under-title { position: absolute; top: 35px; text-align: right; padding-right: 9px; } .post-image { overflow: hidden; } .comment-form25 { max-width: 800px; margin: 0 auto; } .post-image img { width: 100%; min-height: 328px; display: block; top: 45px; position: relative; border-radius: 5%; border: 1px solid #d1d1d1; } .post-image a img { -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .block-content .post .post-title { float: left; width: 30%; position: relative; z-index: 1; top: 33px; } .block-content .post .post-title.pagetitle_spec { float: none; width: 100%; padding-bottom: 20px; } .block-content .post .post-title.pagetitle_spec h2 a { font-size: 24px; color: #eb1c4d; top: 10px; right: 10px; position: relative; display: inline-block; } .block-content .post .post-title.pagetitle_spec h2 { margin: 0; position: relative; padding: 0; padding-right: 25px; padding-top: 25px; z-index: 0; float: right; } .block-content .post.big-page .post-title { float: right; width: 100%; padding-bottom: 20px; } .post-jsong { position: relative; display: block; padding-right: 5px; } .post-jsong .post-title a { font-family: Estedad-Medium; font-size: 25px; color: #000000; line-height: 40px; } .block-content .post h2 { margin: 0; position: absolute; padding: 10px; z-index: 0; } .block-content .post.big-page h2 { position: relative; } .block-content .post h2 a { font-size: 24px; color: #DC744B; top: 10px; right: 10px; position: absolute; } .post-content { color: #000; margin: 0px; text-align: justify; font-size: 14px ; direction: ltr; width: 60%; float: right; margin-top: 30px; } .post-content.m3 { color: #000; margin: 0px; font-size: 14px ; direction: ltr; width: 100%; margin-top: 90px; text-align: center; margin-bottom:50px; } .post-content.m3 img { max-width: 500px; height: auto !important; position: relative; border-radius: 5px; border: 1px solid #bebebe; } .post-content.m3 { font-size: 15px; } .post-content a:not(.all_of_box) { color: #2b2b2b; position: absolute; top: 150px; right: 0; background: #f98f1f; padding: 1px 8px; border-radius: 1px; } .post-content.m3 a:not(.all_of_box) { background: #1a8e2a; color: rgb(255 255 255 / 98%); font-family: 'Estedad-Medium'; position: relative; padding: 7px 45px; top: 16px; margin: auto; font-size: 16px; text-align: left; border-radius: 5px; border: 1px solid rgb(2 141 125); box-shadow: 0px 6px 5px #b8b8b8; line-height: 3; } .post-content ul li { left: 41px; line-height: 0.5em; list-style-image: url(http://bayanbox.ir/view/592982127029746525/Ecommerce-Gift-icon2.png); color: #CC8E3E; position: absolute; top: 367px; } .post-content img { max-width: 98%; height: auto; } .post-readmore { margin: 0px 20px 25px; } .post-readmore a { font-size: 15px; line-height: 1em; padding: 0 15px 2px; color: #fff; background: #ff4132; } .post-readmore a:hover { color: #fff; background: #ff6256; } .post-readmore a:active { color: #fff; background: #ef2f20; } /*-- Content-post-details --*/ .post-details { font-size: 14px ; color: #888; cursor: default; position: relative; } .post-details a { color: #888; } .post-details a:hover { color: #555; } .post-details.over { position: absolute; z-index: 9; } .post-details.over .post-details-date { margin: 0 0 2px; padding: 1px 10px 5px; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.9); } .post-details.over .post-details-author { margin: 0 0 2px; padding: 1px 10px 5px; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.9); } .post-details.bottom { margin-top: 15px; padding: 5px 10px; border-top: 1px solid rgba(172, 186, 192, 0.2); background: #fcfcfc; display:none; } .post-details.bottom.nobg { background: none; } .post-details.custom { margin-top: 10px; padding: 10px 20px; } .post-details-right { } .post-details-left { float: left; } .post-details-date { border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin-left: 3px; } .post-details-date.none { padding: 0; margin: 2px 0 0; background: none; border-left: 0; display: block; color: gray; position: relative; top: -3px; } .post-details-comment { border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin-left: 1px; } img.rateimg, img.rateup, img.ratedn { background: url(//cdn.bayan.ir/blog/templates/52722/pd_ico_rate.png) no-repeat center left; width: 16px; height: 28px; vertical-align: top; } .rate-down, span.ratedn { color: #A00; display: none; } .rate-down img.rateimg, img.ratedn { background-position: 0 -17px; } .rate-up img.rateimg, img.rateup { background-position: 0 3px; } .rate-up { margin: 9px 13px; position: absolute; right: -2px; top: 0px; font-size: 1px; z-index: 1; } span.rate-counter { display: inline-block; position: absolute; top: 5px; right: 0; color: white; font-size: 14px; font-weight: 100; width: 100%; text-align: center; } .rate-up i.fa.fa-heart { font-size: 33px; color: #979797; } span.rate-button-box.rate-up.rated i { color: #e15676; } .post.post_list:hover i.fa.fa-heart { color: #e15180; } .big-page span.rate-box { position: absolute; top: 55px; left: 70px; z-index: 1; } .big-page .rate-up i.fa.fa-heart { font-size: 40px; color: hsl(0deg 6% 47% / 67%); } .big-page span.rate-counter { top: 10px; font-size: 17px; } .rate-up img.rateimg, img.rateup { background-position: 0 3px; width: 26px; } .block-content .post.post_detail.big-page li { list-style: none; } /*-- keywords --*/ .post-details .post-details-tags { cursor: default; } .post-details .post-details-tags h3 { margin: 0; display: inline-block; font-size: 14px/1.3em ; color: #888; background: #f9f9f9; } .post-details .post-details-tags h3 a { color: #888; padding: 1px 7px 4px; border: #ddd 1px solid; display: inline-block; } .post-details .post-details-tags h3 a:hover { color: #fff ; border: #A4CACF 1px solid; background: #A4CACF; } .post-details .post-details-tags h3:first-child { } .post-details .post-details-tags h3:last-child { margin: 0px; } .search-box { background: rgb(255, 255, 255); border: 1px solid #a5a5a5; line-height: 30px; height: 30px; margin: 10px auto; position: relative; width: 45%; max-width: 600px; min-width: 400px; margin-bottom: 30px; border-radius: 5px; padding: 5px; padding-right: 12px; font-size: 14px; bottom: 20px; } .search-box .submit { border-radius: 2px 0 0 2px; width: 44px; height: 41px; background: #df4678 url(/media/images/search.png?_2d5FF); background-position: center; cursor: pointer; margin: 0px; position: absolute; left: 0px; top: 0px; } /*-- Post Comments --*/ .post-comment { margin-bottom: 5px; border: 1px solid rgba(172, 186, 192, 0.5); font-family: 'Estedad-Medium'; background: #ffffff; border-radius: 13px; padding: 0 20px 5px 20px; position: relative; margin-top: 30px; font-size: 14px; word-break: break-word; } .comment-details { padding: 0; cursor: default; } .comment-details a { color: #019db2; cursor: pointer; vertical-align: bottom; margin-right: 5px; -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-transition-duration: .0s; -khtml-transition-duration: .0s; } .comment-details-left { padding: 18px 0px 0px 25px; float: left; } .comment-details-right { text-align: right; font-size: 13px; border-bottom: 1px dotted #b6b6b6; } .comment-avatar img { width: 53px; height: auto; position: relative; left: 18px; top: 20px; border: 2px solid #efefef; border-radius: 50%; } .comment-name { color: #000000; cursor: default; padding: 0 5px; position: relative; left: 20px; top: 6px; } .comment-body { padding: 10px; } .comment-body-content { color: #303030; text-align: right; position: relative; right: 20px; margin-left:25px; } .formField2 .fldcontent { text-align: right; } .comment-date { display: inline-block; color: rgba(255, 255, 255, 0.6); } .align.cmt-big-box { max-width: 550px; margin: auto; } .post-comments.align { max-width: 580px; margin: auto; } .comment-website { background: url(//cdn.bayan.ir/blog/templates/52722/details_ico_cmt.png) center -102px no-repeat; width: 18px; height: 23px; display: inline-block; } .comment-website:hover { background-position: center -125px; cursor: pointer; } .comment-email { background: url(//cdn.bayan.ir/blog/templates/52722/details_ico_cmt.png) center -60px no-repeat; width: 18px; height: 23px; display: inline-block; } .comment-email:hover { background-position: center -79px; cursor: pointer; } /*-- Reply --*/ .comment-reply { margin-bottom: 5px; border: 1px solid #6ee5ac; color: rgba(0, 0, 0, 0.7); background: #aff8ea; margin: 10px 0px 20px 65px; border-radius: 20px; padding: 10px 20px; font-size: 13px; position: relative; } .comment-reply-avatar{ width: 53px; height: auto; position: absolute; left: -70px; top: 20px; border: 2px solid #efefef; border-radius: 50%; } .comment-reply-details { padding: 5px 10px 0; } .comment-reply-date { float: left; color: #31ace0; cursor: default; } .comment-reply-name { color: #000000; cursor: default; text-align: right; font-family: 'Estedad-Medium'; } .comment-reply-body { color: #000000; padding: 10px; text-align: right; line-height: 24px; font-family: 'Estedad-Medium'; } .comment-reply-body a { color: #107ad7; text-decoration: underline; } /*-- add Comment --*/ .comment-add-form { border-radius: 15px; color: #202020; padding: 15px; margin-bottom: 15px; border: 1px solid #b4b4b4; background: #fcfcfc; } .formField2 .fldcontent { text-align: right; padding: 1px; } .comment-add-form input.sendbutton { color: #ffffff; border: #A4CACF 1px solid; background: #0cb3ce; padding: 8px 30px; cursor: pointer; font-size: 14px; font-family: inherit; -webkit-appearance: button; float: left; top: 4px; position: relative; left: 3px; z-index: 1; } .comment-add-form input.sendbutton:hover { color: #fff; border: #A4CACF 1px solid; background: #A4CACF; } .comment-add-form iframe { background: #FFF; } .block-content .pagination { margin: 40px auto 20px; clear: both; position: relative; z-index: 1;ive; } /*-- Sidebar --*/ .block-sidebar { float: left; width: 220px; } .block-sidebar .sidebox { margin-bottom: 30px; position: relative; } .sidebox .sidebox-title { position: absolute; top: -5px; left: -5px; display: inline-block; font-size: 17px/1.2em; background: #f7d500; color: #1e1e14; padding: 8px 0 10px; text-align: center; cursor: default; font-weight: normal; margin: 0; width: 155px; z-index: 5; } .sidebox .sidebox-content { font-size: 14px ; direction: rtl; border: 1px solid #ddd; background: #fff; padding: 38px 10px 10px; } .sidebox.menu .sidebox-title { background: #e94620; } .sidebox.menu .sidebox-content ul li:hover { background: rgba(233, 70, 32, 0.2); } .sidebox.menu .sidebox-content ul li.selected { background: rgba(233, 70, 32, 0.2); border-bottom: 1px solid rgba(233, 70, 32, 0.2); } .sidebox.menu .sidebox-content ul li a { color: #e94620; } .sidebox.menu .sidebox-content ul li.selected a { color: #e94620; } .sidebox.blank .sidebox-content { padding-top: 12px; border: 1px solid #ddd; } .sidebox.blank .sidebox-content h4 { padding: 8px; color: #888; margin: 0; font-size: 14px ; text-align: right; } .sidebox.blank .sidebox-content .blog-image { text-align: center; } .sidebox.blank .sidebox-content img { text-align: center; max-width: 95%; height: auto; margin: 5px 0; } * html .sidebox.blank .sidebox-content img { width: 200px; height: auto; } nav#nav { position: absolute; bottom: -40px; right: 0px; width: 100%; display: block; text-align: center; overflow:hidden; } nav#nav ul { list-style: none; float: right; position: relative; right: -60px; } nav#nav ul li { display: inline-block; padding: 0px; height: 72px; position: relative; } nav#nav ul li:first-child a { padding-right: 50px; } nav#nav ul li.selected a { background: #2a82b6; color: #ffffff; } nav#nav ul li:hover a { background: #ffffff; color: #004ba9; } nav#nav ul li.selected:hover a { background: #2a82b6; color: #ffffff; } nav#nav li a { color:#004ba9; float: left; line-height: 50px; padding: 0 35px; transform: skew(-40deg); background: #f3f3f3; margin: 1px -2px; border-right: 1px solid #bcbcbc; font-size: 14px; } nav#nav li a span { transform: skew(40deg); position: relative; display: inline-block; } .post-content.m12 { padding-right: 5px; overflow: hidden; height: 100px; margin-top: 65px; } .post-content.m12 p { line-height: 18px; } /*-post list-*/ .post-content-right { float: right; width: 400px; padding-bottom: 55px; } .post-image-right { overflow: hidden; width: 130px; height: 130px; float: left; margin: 15px; border-radius: 100%; } .post-image-right img { width: 100%; height: 150px; } .post-image-back { position: absolute; width: 100%; height: 100%; opacity: 0.2; z-index: 1; background-position: center; } .post-image-blur { position: fixed; width: 100%; height: 100%; opacity: 0.1; z-index: 0; top: 0px; background-size: cover; max-width: 1300px; min-width: 80%; margin: auto; } li.homelink { height: 49px; } .post.post_list:hover .post-image-back{ z-index:0; } .post-content-left { float: left; width: 73px; border-right: 1px solid #ddd; text-align: center; margin: 20px 0 5px; padding: 0 15px; display: none; } .post-content-left .post-readmore-left a { display: block; width: 39px; height: 39px; background: #f7d500 url(//cdn.bayan.ir/blog/templates/52722/readmore.png) no-repeat center; margin: 43px auto 0; } .post-content-left .post-readmore-left a:hover { color: #fff; background-color: #efbd00; } .post-content-left .post-readmore-left a:active { background-color: #efbd00; } .post-date-left { cursor: default; } .post-date-left-day { font-size: 40px; color: #215a62; padding: 5px 0 15px; } .post-date-left-month { font-size: 18px; color: #215a62; } .cntcats { position: relative; padding-top: 70px; background: white; background: url(http://bayanbox.ir/view/1791976192870618493/46d5.jpg); background-size: 39%; } .cntcats ul { text-align: right; direction: rtl; margin: 0px; height: auto; border-bottom: 2px solid #eb1c4d; overflow: hidden; } .cntcats ul li { display: inline-block; background: #fff; border-radius: 10px 0 0 0px; border: 1px solid #c5c5c5; border-bottom: 0; position: relative; height: 43px; margin-bottom: 0px; top: 9px; } .cntcats ul li.selected { background: #d7d7d7; } .cntcats ul li:hover { background: #d7d7d7; } .cntcats ul li span { display: inline-block; float: right; line-height: 4.5; margin-right: 4px; } .cntcats ul li a { float: right; line-height: 1.5; font-weight: bold; padding: 0 20px; } .cntcats ul li h3 { font-weight: 100; font-size: 14px; margin: 0; } li.homelink a { height: 34px; margin-top: 13px; } .cntcats ul li h3 a { padding: 14px 15px;} ul.cats h3 { float: right; } ul.cats li:hover{ /*background: #d7d7d7;*/ } ul.cats li:hover a{ color:#1e1e14; } /*- sidebar post-list -*/ .sidebox-content ul { list-style: none; margin: 0; padding: 0; } .sidebox-content ul li { padding: 6px 1px; border-bottom: 1px solid #f1f1f1; } .sidebox-content ul li:last-child { border-bottom: none; } .sidebox-content ul li a { background: url(//cdn.bayan.ir/blog/templates/52722/sidebar-bullet.png) no-repeat right 12px; padding-right: 10px; color: #254252; font-size: 14px ; } .sidebox-content ul.menu li a { background: url(//cdn.bayan.ir/blog/templates/52722/sidebar-bullet2.png) no-repeat right 12px; } .sidebox-content ul li a:hover { color: #0575a5; } .sidebox-content ul li:hover { background: rgba(8, 146, 205, 0.1); -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } .sidebox-content ul li.selected { padding: 5px 2px; background: rgba(8, 146, 205, 0.2); border-bottom: 1px solid rgba(8, 146, 205, 0.2); } .sidebox-content ul li.selected a { color: #0575a5; } .sidebox-content .post-list-date, .sidebox-content .post-list-count { color: #aaa; cursor: default; } .sidebox-content .post-list-count { padding-right: 5px; } .sidebox-content .post-list-date.none { display: none; } /*-- ADS --*/ .sidebox-content.view-ads { text-align: center; } .sidebox-content.view-ads a { text-align: center; display: block; margin-bottom: 5px; } .sidebox-content.view-ads a:last-child { margin-bottom: 0; } /*-- Stat --*/ .sidebox-content.stat { position: relative; } .sidebox-content.stat .StatTitle { cursor: default; color: #aaa; font-size: 13px; border: none; text-align: right; } .sidebox-content.stat .Value { color: #A4CACF; cursor: default; float: left; padding-left: 10px; text-align: left; } /*-- Tag-Cloud --*/ .sidebox-content.tag-cloud h3 { margin: 0px; font: normal 11px "tahoma", "Times New Roman", Times, Arial, serif; display: inline-block; *display: inline; *margin: 2px; } .sidebox-content.tag-cloud span { display: inline-block; margin: 1px 0px 1px 0px; } .sidebox-content.tag-cloud a { font-size: 14px/1.3em; color: #888; border: #ddd 1px solid; background: #f9f9f9; padding: 1px 7px 4px; display: inline-block; *display: inline-block; margin-left: 1px; /*margin: 2px 0px 2px 0px;*/ } .sidebox-content.tag-cloud a:hover { color: #fff; border: #A4CACF 1px solid; background: #A4CACF; } .sidebox-content.tag-cloud a.selected { color: #fff; border: #A4CACF 1px solid; background: #A4CACF; } /*-- Categories --*/ .sidebox-content.categories ul li { padding: 0; border: none; } .sidebox-content.categories li:hover { background: none; } .sidebox-content ul li.selected a { color: #0575a5; } .sidebox-content.categories ul li ul.subcats a { padding-right: 10px; padding-top: 1px; display: inline-block; background: url(//cdn.bayan.ir/blog/templates/52722/sub_ico.png) right no-repeat; } .sidebox-content.categories ul li a { padding-bottom: 0; padding-right: 20px; display: table-cell; *display: inline-block; background: url(//cdn.bayan.ir/blog/templates/52722/folder_ico.png) right 8px no-repeat; } .sidebox-content.categories ul li h3 { color: #0575a5; margin: 0; font-size: 14px ; } .sidebox-content.categories ul li.selected { background: none; } .sidebox-content.categories .subcats li.selected { background: none; } .sidebox-content.categories .subcats { margin-right: 14px; margin-top: -3px; } .sidebox-content.categories ul .post-list-count { cursor: default; display: table-cell; color: #aaa; } .sidebox-content.categories .subcats .post-list-count { cursor: default; display: inline-block; color: #aaa; } .sidebox-content.categories .category_selected { background: rgba(8, 146, 205, 0.2); padding: 2px 5px 2px 5px; display: block; height: 31px; max-height: auto; *height: auto; } .sidebox-content.categories .category_selected a { color: inherit; cursor: default; } /*-- Footer --*/ .footer { color: #f4f4f4; height: 300px; background: #4fc0c6; } .footer a { color: #ebebeb; } .footer-wrp { position: relative; width: 960px; margin: auto; } .footer .footer-copyright { position: absolute; right: 0; top: 11px; text-align: right; direction: rtl; cursor: default; font-size: 13px ; } .footer .footer-icons { position: absolute; left: 0; top: 15px; text-align: left; } .footer .footer-icons a { float: left; margin-right: 3px; width: 20px; height: 20px; } .footer-ico-rss { background: url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-crystal.png) no-repeat; } .footer-ico-bayan { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon-crystal.png) no-repeat; } .footer-ico-bayanbox { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon-crystal.png) no-repeat; } .footer-ico-blog { background: url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon-crystal.png) no-repeat; } .footer-ico-templates { background: url(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon-crystal.png) no-repeat; } audio#play_audio_box { position: absolute; top: 213px; width: 100%; right: 0px; } p{ line-height: 1.5; } #wrp .box1 .bx_left { float: left; position: absolute; } #wrp .box1 .bx_left .mod_left { border: 3px solid black; width: 194px; float: right; margin: 0px 5px 22px; height: 32px; overflow: hidden; border-radius: 20px; border-bottom: 5px solid #73051A; } #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 { padding-right: 7px; } .mod_left { float: right; direction: rtl; } .bx_left { width: 100%; margin: auto; position: absolute; z-index: 9999; bottom: 0; } .mod_left { float: right; direction: rtl; overflow: hidden; font-size: 13px; width: 200px; text-align: center; background: #dbdbdb; padding: 0px; margin: 5px 6px; border-right: 3px solid #f7ab00; height: auto; position: relative; overflow: visible; } .mod_left:hover .cnt{ width: 100%; display: block; opacity: 1; } .mod_left .cnt { display: none; position: absolute; opacity: 0; border-top: 6px solid #ececec00; top: 20px; right: 4px; transition: 0.5s; } .mod_left ul { padding: 0; list-style: none; display: inline-block; direction: rtl; text-align: right; float: right; width: 100%; margin-top: 0px; padding-top: 0px; box-shadow: -1px 0px 5px #a6a6a6; } .stat .row { color: white; } .mod_left ul li,.mod_left .row,.mod_left .tagcloud { width: 100%; display: block; padding: 4px 0px; border-right: 3px solid #43acb2; margin: 0px; background: #dbdbdb; float: right; } .mod_left ul li:hover { background: #d1d1d1; } .mod_left ul li a{ float: right; display: block; width: 100%; } .mod_left ul li h3 { margin: 2px 9px 0 0; } .mod_left ul li span { margin-left: 10px; position: absolute; left: 0px; } .title { color: black; font-size: 15px; font-family: sans-serif; } ul.links { list-style: none; text-align: right; line-height: 2; } .row { color: black; } .align { clear: both; } span.ezaf { background: #F6D417; color: black; padding: 38px 40px; border-radius: 72px; position: absolute; top: 21px; left: 163px; font-size: 20px; font-family: cursive; background-image: url(http://icons.iconarchive.com/icons/custom-icon-design/mono-general-1/64/back-icon.png); background-repeat: no-repeat; background-position: center; } #stat_summary_div { margin-right: 12px; position: absolute; margin: 0 auto; right: 30px; top: 0px; width: 100px; height: 50px; background: #5d5d5d; border: 1px solid #aeadad; color: white; text-align: center; line-height: 27px; z-index: 1; font-size: 14px; border-radius: 0px 0px 5px 5px; } #followersLs{ text-align: center; margin: 25px 0 13px; clear: both; height: auto; overflow: hidden; opacity: 0; background: #e5e5e5; height: 200px; } .followThis { display: block; padding: 7px 5px; margin: 2px; background: rgb(63, 63, 63); color: rgb(255, 255, 255); border-radius: 3px; text-align: center; position: absolute; font-family: inherit; bottom: 0px; width: 200px; } .followShow .followThis { font-size: 12px;} a#followThis { position: relative; top: -40px; } .followBx { background: rgba(240, 249, 255, 0); } .cmc{ position: absolute; z-index: 999; top: 9px; left: -54px; width: 160px; padding: 4px 3px; height: 27px; line-height: 1.9; color: black; font-size: 15px; border-top-left-radius: 0px; text-align: center; transform: rotate(-37deg); background: rgb(255 255 255 / 53%); } .footer_contain .content { height: auto; margin: auto; color: #fff; text-align: right; direction: rtl; } .footer_contain .content .cnt { } .footer_contain .content .bx { width: 32.5%; display: inline-block; float: right; margin-left: 0%; margin-right: 0%; } .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: 0; margin: 0; margin-bottom: 10px; font-size: 11px; height: 670px; overflow: hidden; } .footer_contain .content .bx h4 { color: #d6b100; font-family: "IRANsans", "Times New Roman", Helvetica; text-shadow: 1px 1px 1px #000; font-size: 17px; cursor: default; padding: 0; margin: 0; margin-bottom: 10px; } .post-content.m4 { width: 95%; text-align: justify; padding: 30px; direction: rtl; } .post-content.m4 p { line-height: 30px; } .footer_contain .content .bx ul li { color: #ffffff; transition: all ease-in-out 0.1s; padding: 8px 13px; background-origin: content-box; right: 6%; position: relative; background-color: rgb(0 0 0 / 16%); margin-bottom: 4px; font-size: 13px; font-family: Estedad-Medium; font-weight: 100; list-style-type: none; border-right: 3px solid #2e2e2e; overflow: hidden; height: 38px; text-align: right; text-indent: 21px; line-height: 40px; } img.little-pic { width: 40px; height: 40px; float: right; } .sitename{ font-family: 'Scriptina'; font-weight: bold; text-align: center; font-size: 50px; position: relative; top: -30px; margin: 0; color: #eb1c4d; text-shadow: -2px 3px 1px white; } .footer_contain .content .bx ul li:hover { background:rgb(255 255 255 / 28%); color: #030303; } .cpright { float: right; width: 100%; text-align: center; color: white; } .footer_contain .content .bx ul li a { color: #fff; cursor: pointer; } .footer_contain .content .bx ul li.selected { text-shadow:0 0 5px rgb(0 0 0 / 39%); background: rgb(255 255 255 / 64%); color: #030303; } .footer .cnt { width: 100%; height: 40px; margin: auto; text-align: center; position: relative; } .footer .links { padding: 6px 0; text-align: center; background: #3e6f9a; border-top: 3px solid white; position: relative; width: 100%; letter-spacing: 2px; } .footer .links a { color: #dadada; text-decoration: none; float: left; padding-left: 15px; line-height: 24px; } .footer .links a:hover { color: #fff; text-decoration: underline; } .footer .icons { position: absolute; float: right; bottom: 2px; font-size: 17px; right: 2%; } .footer .icons a { color: #ede9e9; text-decoration: none; } .footer { color: #f4f4f4; height: auto; background: rgb(73 139 186 / 70%); position: relative; display: block; float: right; width: 100%; } /* .post-content.m3 a:not(.all_of_box):before { content: ' دالفند ? '; position: absolute; width: 100px; display: inline-block; color: white; z-index: 1; } */ .post-content.m12 a:not(.all_of_box) { background: transparent; } .post-content.m12 a:not(.all_of_box):before { content: ' دالفند '; position: absolute; width: 100px; display: inline-block; color: #ffffff; right: -50px; padding: 8px 0px 6px 15px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; line-height: 20px; font-family: 'Estedad-Medium'; background: #43acb2; } .footer_contain .content .bx h3 { font-family: inherit; font-size: 16px; display: inline-block; padding-bottom: 7px; } @media screen and (max-width:1000px) { .big-page .post-image { width: 60vw; height: 60vw; max-height: initial; right: calc(50% - 30vw); position: relative; border-radius: 5%; } .big-page audio#play_audio_box { position: absolute; right: calc(50% - 23vw); top: 63vw; width: 46vw; margin: 0 auto; transform: scale(1.5); } { background: #2dbc41; color: white; text-align: center; font-family: iransans; position: relative; padding: 7px 19px; top: 16px; margin: auto; font-size: 30px; } .post-content.m3 { margin-top:100px; font-size: 26px; } .head-right { top: 5px; right: 20px; height: 100px; } .head-right a { color: #eb1c4d; text-shadow: -2px 3px 3px white; font-size: 45px; } .stat .row { padding-top: 2px; } #stat_summary_div { left: 75px; bottom: 0px; top: auto; right: auto; } nav#nav { bottom: 0px; right: 0px; } nav#nav li a { color: #b74908; float: left; line-height: 50px; padding: 11px; transform: none; background: white; margin: 1px -2px; border-right: none; font-size: 12px; border-radius: 50%; text-align: center; min-width: 50px; margin-right: 9px; font-family: 'Estedad-Medium'; transform: none; border: 1px solid #c5c5c5; } nav#nav li a span { transform:none; } nav#nav ul li.selected a { background: #eb1c4d; color: #ffffff; } nav#nav ul li:first-child a { margin-right: 50px; padding-right: 10px; } .footer_contain .content .bx ul li { font-size: 14px; } .post-content.m3 a:not(.all_of_box):before { line-height: 47px; } .slider { display: none; } .cashbag{ width: 170px; left: 0px; position: absolute; top: 359px; } } a.tagpostname { color: #e10269; left: 8px; top: 6px; font-size: 15px; position: absolute; width: 100%; } a.tagpostname span { color: black; margin-left: 3px; } .slider { max-width: 100%; height: 100%; margin: 0; position: relative; } .slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide8 { position: absolute; width: 100%; height: 100%; } .slide1 { background: url(http://bayanbox.ir/view/3928335423423134256/anime-cityscape-landscape-scenery-4k-1541975011.jpg)no-repeat center; background-size: cover; animation:fade 120s infinite; -webkit-animation:fade 120s infinite; } .slide2 { background: url(http://bayanbox.ir/view/806195975596909572/1587136697.jpg)no-repeat center; background-size: cover; animation:fade2 120s infinite; -webkit-animation:fade2 120s infinite; } .slide3 { background: url(http://bayanbox.ir/view/6082022578574749167/1935956473.jpg)no-repeat center; background-size: cover; animation:fade3 120s infinite; -webkit-animation:fade3 120s infinite; } .slide4 { background: url(http://bayanbox.ir/view/2440072302736712910/wp5073942.jpg)no-repeat center; background-size: cover; animation:fade4 120s infinite; -webkit-animation:fade4 120s infinite; } .slide5 { background: url(http://bayanbox.ir/view/7608145796568590186/15995492096580%DB%8C79346.jpg)no-repeat center; background-size: cover; animation:fade5 120s infinite; -webkit-animation:fade5 120s infinite; } .slide6 { background: url(http://bayanbox.ir/view/2545374808472281013/b3c00s09743cf3f55d3a4de938ceff7ed.jpg)no-repeat center; background-size: cover; animation:fade6 120s infinite; -webkit-animation:fade6 120s infinite; } .slide7 { background: url(http://bayanbox.ir/view/8677965505392152597/anime-girl-standings-at-height-4k-ct.jpg)no-repeat center; background-size: cover; animation:fade7 120s infinite; -webkit-animation:fade7 120s infinite; } .slide8 { background: url('http://bayanbox.ir/view/2545374808472281013/b3c00s09743cf3f55d3a4de938ceff7ed.jpg')no-repeat center; background-size: cover; animation:fade8 120s infinite; -webkit-animation:fade8 120s infinite; } @keyframes fade { 0% {opacity:1} 10% { opacity: 1} 12% { opacity: 0} 22% { opacity: 0} 24% { opacity: 0} 34% { opacity: 0} 36% { opacity: 0} 46% { opacity: 0} 48% { opacity: 0} 58% { opacity: 0} 60% { opacity: 0} 70% { opacity: 0} 72% { opacity: 0} 82% { opacity: 0} 84% { opacity: 0} 94% { opacity: 0} 100% { opacity: 1} } @keyframes fade2 { 0% {opacity:0} 10% { opacity: 0} 12% { opacity: 1} 22% { opacity: 1} 24% { opacity: 0} 34% { opacity: 0} 36% { opacity: 0} 46% { opacity: 0} 48% { opacity: 0} 58% { opacity: 0} 60% { opacity: 0} 70% { opacity: 0} 72% { opacity: 0} 82% { opacity: 0} 84% { opacity: 0} 94% { opacity: 0} 100% { opacity: 0} } @keyframes fade3 { 0% {opacity:0} 10% { opacity: 0} 12% { opacity: 0} 22% { opacity: 0} 24% { opacity: 1} 34% { opacity: 1} 36% { opacity: 0} 46% { opacity: 0} 48% { opacity: 0} 58% { opacity: 0} 60% { opacity: 0} 70% { opacity: 0} 72% { opacity: 0} 82% { opacity: 0} 84% { opacity: 0} 94% { opacity: 0} 100% { opacity: 0} } @keyframes fade4 { 0% {opacity:0} 10% { opacity: 0} 12% { opacity: 0} 22% { opacity: 0} 24% { opacity: 0} 34% { opacity: 0} 36% { opacity: 1} 46% { opacity: 1} 48% { opacity: 0} 58% { opacity: 0} 60% { opacity: 0} 70% { opacity: 0} 72% { opacity: 0} 82% { opacity: 0} 84% { opacity: 0} 94% { opacity: 0} 100% { opacity: 0} } @keyframes fade5 { 0% {opacity:0} 10% { opacity: 0} 12% { opacity: 0} 22% { opacity: 0} 24% { opacity: 0} 34% { opacity: 0} 36% { opacity: 0} 46% { opacity: 0} 48% { opacity: 1} 58% { opacity: 1} 60% { opacity: 0} 70% { opacity: 0} 72% { opacity: 0} 82% { opacity: 0} 84% { opacity: 0} 94% { opacity: 0} 100% { opacity: 0} } @keyframes fade6 { 0% {opacity:0} 10% { opacity: 0} 12% { opacity: 0} 22% { opacity: 0} 24% { opacity: 0} 34% { opacity: 0} 36% { opacity: 0} 46% { opacity: 0} 48% { opacity: 0} 58% { opacity: 0} 60% { opacity: 1} 70% { opacity: 1} 72% { opacity: 0} 82% { opacity: 0} 84% { opacity: 0} 94% { opacity: 0} 100% { opacity: 0} } @keyframes fade7 { 0% {opacity:0} 10% { opacity: 0} 12% { opacity: 0} 22% { opacity: 0} 24% { opacity: 0} 34% { opacity: 0} 36% { opacity: 0} 46% { opacity: 0} 48% { opacity: 0} 58% { opacity: 0} 60% { opacity: 0} 70% { opacity: 0} 72% { opacity: 1} 82% { opacity: 1} 84% { opacity: 0} 94% { opacity: 0} 100% { opacity: 0} } @keyframes fade8 { 0% {opacity:0} 10% { opacity: 0} 12% { opacity: 0} 22% { opacity: 0} 24% { opacity: 0} 34% { opacity: 0} 36% { opacity: 0} 46% { opacity: 0} 48% { opacity: 0} 58% { opacity: 0} 60% { opacity: 0} 70% { opacity: 0} 72% { opacity: 0} 82% { opacity: 0} 84% { opacity: 1} 94% { opacity: 1} 100% { opacity: 0} } .slider { display: none; } .post.post_list.Album { height: 270px; } .post.post_list.Album .post-image-right { display: none; } .post.post_list.Album .post-image-back { opacity: 0.9; } .litpost-title{ display:none; } .post.post_list.Album .litpost-title{ display:block; } .post.post_list.Album .litpost-title { display: block; position: absolute; z-index: 9; /*background: rgb(134 0 68 / 77%);*/ background: rgb(37 83 116 / 82%); color: #ffffff; width: 100%; text-align: right; padding: 11px; box-sizing: border-box; bottom: 0px; border-radius: 0px 0px 6px 6px; font-size: 17px; } .post.post_list.Album .post-content.m12 { display:none; } .post.post_detail.big-page.Album .post-content.m3 { margin-top: 20px; direction:rtl; } ul.cats li.selected { background: #d3d7da; border: 1px solid #8baae0; } ffl:hover #followersLs { text-align: center; margin: 7px 0 13px; clear: both; height: auto; overflow: hidden; opacity: 1; background: white; padding: 5px 0px; } .cntcats ul li.Album { display: none; } .infoflc{ background: #d9f1ff; border: 1px solid #4175fa; max-width: 850px; margin: auto; padding: 2px 10px; border-radius: 7px; text-align: right; box-sizing: border-box; font-size: 14px; } .ffl:hover #followersLs { opacity: 1; transition: all ease-in-out 0.4s; } .ffl:hover .blogImage img{ opacity: 0; transition: all ease-in-out 0.4s; }