@charset "utf-8"; @import url('https://mosata.ir/cdn/font/Estedad/font.css'); /******************** تنظيمات تم وبلاگ ********************/ :root { /* رنگ اصلي سايت */ --main-color:#a8c2d6; /*رنگ عناوين و کامنت ها*/ --titles-color:#4d90c5; /* تصوير بالا */ --head-background:white url("https://bayanbox.ir/view/6842057788072097632/download-Copy.jpg"); /*960x260*/ /*بکگراند اصلي*/ --main-background: #f1f2f6 url("https://bayanbox.ir/view/8870830373721528612/transparent.png"); /*تصاوير دسته بندي ها */ --cat-picture1: url("https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png"); --cat-picture2: url("https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png"); --cat-picture3: url("https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png"); --cat-picture4: url("https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png"); --cat-picture5: url("https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png"); --cat-picture6: url("https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png"); --cat-picture7: url("https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png"); --cat-picture8: url("https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png"); } /******************** ********************/ @font-face { font-family:'Mikhak'; src: url('https://bayanbox.ir/download/6976120866159618907/Mikhak-Medium.ttf') format('truetype'); 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'); font-weight: normal; font-style: normal; } @-webkit-keyframes Animation1{0%,100%{background-position:0 50%}50%{background-position:100% 50%}} @-moz-keyframes Animation1{0%,100%{background-position:0 50%}50%{background-position:100% 50%}} @-o-keyframes Animation1{0%,100%{background-position:0 50%}50%{background-position:100% 50%}} @keyframes Animation1{0%,100%{background-position:0 50%}50%{background-position:100% 50%}} .sidebox-title{ font-family:Estedad-Medium; } *:not(.sidebox-title) { font-family: Mikhak; } ::-webkit-scrollbar { background: #f0f0f0; width: 12px; height: 15px; } ::-webkit-scrollbar-thumb { background: var(--main-color); } ::-webkit-scrollbar-corner { background: #fff; } ::-webkit-scrollbar-track { background: #f0f0f0; border-left: 1px solid rgba(255, 255, 255, 0.5); } ::-webkit-scrollbar-thumb:hover { background: #a6a6a6; } ::-webkit-scrollbar-thumb:active { background: #606060; } ::selection { background: var(--main-color); color: black; text-shadow: none; } ::-moz-selection { background: var(--main-color); color: #EEE; text-shadow: none; } ::-webkit-media-controls-enclosure { border-radius: 5px; background-color: transparent; } body { font-size: 11px; margin: 0; padding: 0; line-height: 1.9em; background:var(--main-background) ; background-size: 400px; } 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; } .clear { clear: both; } .allcontent { width: 960px; margin: auto; position: relative; background: #f2eded; box-sizing: border-box; border: 1px solid #cecece; border-bottom: 0; background: linear-gradient(181deg, rgb(242 237 237) 92%, rgb(255 255 255) 100%); overflow:hidden; } .content-indent { padding: 24px; background: linear-gradient(181deg, rgb(242 237 237) 92%, rgb(255 255 255) 100%); } h1, h2, h3 { font-weight: normal; } img { border: none; border-width: 0; } a { color: #4087bc; cursor: pointer; text-decoration: none; } a:hover { color: #4087bc; text-decoration: none; cursor: pointer; } a:active { outline: hidden; } /*-- Header --*/ .header { position: relative; margin: auto; direction: rtl; height: 262px; text-align: center; background: var(--head-background); background-size: cover; border-radius: 7px; text-align: right; padding-right: 30px; } .header h1 { margin: 0 0 9px; padding-top: 40px; direction: rtl; font-size: 29px; } .header h1 a{ color: aliceblue; font-size: 33px; font-weight: bold; font-family: 'Estedad-Medium'; background: rgb(255 255 255); background: linear-gradient(131deg, rgb(74 142 219) 0%, rgb(255 255 255) 14%, rgb(51 165 248) 32%, rgb(255 255 255) 35%, rgb(33 168 255) 40%, rgb(159 200 222) 59%, rgb(77 153 226) 65%, rgb(234 244 255) 74%, rgb(255 255 255) 95%, rgb(63 153 226) 100%); background: linear-gradient(131deg, var(--titles-color) 0%, rgb(255 255 255) 14%, var(--titles-color) 32%, rgb(255 255 255) 35%, var(--titles-color) 40%, var(--main-color) 59%, var(--titles-color) 65%, rgb(234 244 255) 74%, rgb(255 255 255) 95%, var(--titles-color) 100%); background-size: 800% 800%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 21px 0px 0px; -webkit-animation: Animation1 5s ease infinite; -moz-animation: Animation1 5s ease infinite; -o-animation: Animation1 5s ease infinite; animation: Animation1 5s ease infinite; filter: saturate(3); } .header h2 { color: white; text-shadow: 0px 3px 2px rgb(0 0 0 / 24%); } .main-menu { position: relative; direction: rtl; cursor: default; margin: auto; text-align: right; background: #e4e2e2; border-bottom: 5px solid var(--main-color); border-radius: 0; box-shadow: 0 4px 6px -2px #bbb; height: 40px; } .main-menu ul { list-style: none; margin: 0; padding: 0; } .main-menu ul li { display: inline-block; } .main-menu a { font-size: 13px; display: inline-block; color: #6c6b6b; cursor: pointer; padding: 13px 35px 6px; } .main-menu a:hover { color: #708094; background: #d9d9d9; } .main-menu li.selected a { color: #ffffff; background: var(--main-color); margin: 0; display: inline-block; } .middle-posts { position: relative; margin: 30px auto; height: 150px; direction: rtl; } .middle-posts ul { margin: 0; padding: 0; list-style: none; } .middle-post-item { position: absolute; top: 0; width: 266px; height: 150px; border-radius: 6px; box-shadow: 0 4px 6px -2px #bbb; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; text-align: center; } .middle-post-readmore{ position: absolute; display: block; width: 31px; height: 31px; background: url(//cdn.bayan.ir/blog/templates/53176/readmore.png) no-repeat center; opacity: 0.7; bottom: 25px; left: 45%; } .middle-post-readmore:hover{ opacity: 1; } .middle-posts ul li:nth-child(1) { left: 0; background: #4fc0e8; } .middle-posts ul li:nth-child(2) { right: 0; background: #ac92ec; } .middle-post-item:hover { box-shadow: 0 4px 6px -2px #777; } .middle-post-item h2 { margin: 18px 15px; } .middle-post-item h2 a { margin: 0; color: #fff; font-size: 19px; line-height: 1.6em; } .middle-post-item h2 a:hover { color: #eee; } /*-- Content --*/ .content-wrp { direction: rtl; margin: 20px auto 15px; } .block-content { margin-top: 40px; } .block-content-view { width: calc(100% - 480px); display: inline-block; } .sidebar-right { width: 240px; float: right; min-height: 10px; } .block-content .messages { cursor: default; margin-bottom: 30px; } .block-content .messages .messages-content { color: #898989; } .block-content .messages .messages-content h2 { color: #7386a0; text-align: center; cursor: default; margin: 0px 0 13px; padding: 8px; border-radius: 30px; background: white; border: 1px solid lightgrey; } .block-content .messages .messages-content h2 a.comment_count { color:#4d90c5; } .block-content .messages .messages-content h2 a.comment_count:hover { color: #9aa1ab; cursor: pointer; } /*-- Content-post --*/ .block-content .post { position: relative; padding: 0; margin-bottom: 40px; border-radius: 6px; box-shadow: 0 5px 6px -2px #bbb; background:white; } .post-list-home-right { float: right; } .post-list-home-right .post-image { overflow: hidden; width: 140px; border: 1px solid #78858a; margin: 20px 20px 5px; } .post-image { overflow: hidden; border-bottom: 5px solid var(--main-color); border-radius: 4px; } .post-image img { width: 100%; height: auto; display: block; } .post-image a img { -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .post.post_detail.complete_post .post-image a img { margin-bottom: 10px; } .complete_post .post-image { height: auto; width: 100%; border: none; margin-bottom: 10px; } .block-content .post .post-title { padding: 6px 12px 0px; border-bottom: 2px solid #d0d0d0; position: relative; } .complete_post.post .post-title{ border-bottom: 3px solid var(--main-color); } .block-content .post h2 { margin: 0; display: block; padding-left: 50px; } .block-content .post h2 a { line-height: 2.1em; font-size: 17px; color: var(--titles-color); } .block-content .post h2 a:hover { color: var(--titles-color);; } .post-content { color: #373737; margin: 0 20px; padding-bottom: 20px; padding-top: 20px; text-align: justify; font-size: 14px; } .post-content p{ margin: 5px 0px; line-height: 28px; cursor: default; margin-bottom: 0; } .post-content a { color: #2b5bb0; } .post-content ul li { margin-right: 5px; line-height: 1.9em; } .post-content img { max-width: 98%; height: auto; } .post-content p img { /*margin: 10px 0px;*/ border-radius: 4px; } .post-readmore { margin: 0; position: absolute; bottom: 3px; right: 1px; } .post-readmore a { font-size: 14px; line-height: 1em; padding: 0px 32px 2px; color: #fff; background: var(--titles-color); border-radius: 3px; } .post-readmore a:hover { color: #fff; background: var(--titles-color); } /*-- Content-post-details --*/ .post-details { font-size: 14px; color: #b0c5cd; cursor: default; position: relative; } span.post-details-author { color: #6d6d6d; } span.post-details-author img{ opacity: 0.8; } .post-details.over { position: absolute; z-index: 9; line-height: 23px; left: 10px; bottom: -13px; background: white; padding: 0 7px; height: 22px; } .post-details.over .post-details-date { margin: 0; padding: 0; color: #4087bc; font-size: 10px; } .post-details.over .post-details-author { margin: 0 0 2px; padding: 1px 10px 5px; color: #868585; float: left; } .post-details.bottom { padding: 5px 10px; } .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 rgb(0 0 0 / 30%); padding: 0 10px; margin-left: 3px; color: #8a8a8a; font-size: 13px; } .post-details-date.none { padding: 0; margin: 10px 0 0; background: none; border-left: 0; display: block; } .post-details-comment { border-left: 1px solid rgb(214 214 214); padding: 0 10px; margin-left: 1px; color: #4b4b4b; line-height: 28px; } a.post-details-comment img { padding-right: 3px; padding-top: 2px; } img.rateimg, img.rateup, img.ratedn { background: url(//cdn.bayan.ir/blog/templates/53176/pd_ico_rate.png) no-repeat center left; width: 16px; height: 28px; vertical-align: top; } .rate-down img.rateimg, img.ratedn { background-position: 0 -17px; } .rate-up img.rateimg, img.rateup { background-position: 0 3px; } .rate-up { margin-left: 10px; } /*-- keywords --*/ .post-details .post-details-tags { cursor: default; } .post-details .post-details-tags h3 { margin: 0; display: inline-block; font-size: 14px; color: #fff; background: var(--main-color); border-radius: 3px; } .post-details .post-details-tags h3 a { color: #fff !important; padding: 1px 7px 4px; display: inline-block; border-radius: 3px; } .post-details .post-details-tags h3:first-child { } .post-details .post-details-tags h3:last-child { margin: 0; } /*-- Post Comments --*/ .post-comments { margin-bottom: 30px; margin-top: 40px; } .post-comment { margin-bottom: 10px; background: #fff; border-radius: 6px; box-shadow: 0 4px 10px -2px #9b9b9b; position: relative; width: calc(100% - 91px); right: 60px; } .comment-details { background: var(--titles-color); padding: 4px 2px 0px; cursor: default; border-radius: 6px 6px 0 0; } .comment-details a { color: #ffffff; cursor: pointer; vertical-align: bottom; font-size: 12px; margin-right: 5px; } .comment-details-left { padding: 0px 0 0 12px; float: left; } .comment-details-right { } .comment-avatar img { width: 50px; height: auto; position: absolute; right: -50px; top: -6px; border-radius: 50%; border: 2px solid #ffffff; box-shadow: 0px 5px 6px rgb(0 0 0 / 27%); } span.comment-avatar { width: 0; height: 0; border-bottom: 9px rgba(255, 0, 0, 0) solid; border-left: 16px var(--titles-color) solid; border-right: 0 rgba(228, 28, 28, 0) solid; position: absolute; right: -14px; top: 4px; } .comment-name { color: #fff; cursor: default; padding: 0 5px; } .comment-body { padding: 9px 15px; font-size: 13px; cursor: default; } .comment-body-content { color: #555; word-break: break-word; } .comment-date { display: inline-block; color: rgba(255, 255, 255, 0.6); } .comment-website { background: url(//cdn.bayan.ir/blog/templates/53176/details_ico_cmt.png) center -102px no-repeat; width: 18px; height: 23px; display: inline-block; background-position: center -125px; cursor: pointer; opacity: 0.7; } .comment-website:hover { background-position: center -125px; cursor: pointer; } .comment-email { background: url(//cdn.bayan.ir/blog/templates/53176/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: 15px; border: 1px solid #e7e7e7; background-color: var(--titles-color); color: rgba(0, 0, 0, 0.7); border-radius: 6px; box-shadow: 0 4px 10px -2px #9b9b9b; width: calc(100% - 170px); position: relative; right: 123px; } .comment-reply img.comment-reply-avatar { width: 45px; height: auto; position: absolute; left: -63px; bottom: -10px; border-radius: 50%; border: 2px solid #ffffff; box-shadow: 0px 4px 2px rgb(142 142 142 / 68%); } .comment-reply-details { padding: 5px 10px 0; } .comment-reply-date { float: left; color: #e3e3e3; cursor: default; line-height: 15px; } .comment-reply-name { color: #31ace0; cursor: default; width: 0; height: 0; border-bottom: 10px var(--titles-color) solid; border-left: 20px rgba(210, 210, 210, 0) solid; border-right: 11px rgba(255, 0, 0, 0) solid; position: absolute; left: -12px; bottom: 2px; } .comment-reply-body { color: #ffffff; padding: 20px 15px 16px; font-size: 13px; cursor: default; word-break: break-word; } /*-- add Comment --*/ .comment-add-form { color: #aaa; padding: 10px; margin-bottom: 30px; font-size: 14px; background: #fff; border-radius: 6px; box-shadow: 0 4px 6px -2px #bbb; } .comment-add-form input.sendbutton { color: #fff; border: none; background: var(--titles-color); cursor: pointer; -webkit-appearance: button; border-radius: 3px; clear: both; z-index: 99; position: relative; padding: 6px 20px; } .comment-add-form input.sendbutton:hover { color: #fff; border: none; background: #4fc0e8; } .comment-add-form iframe { background: #FFF; } /*-- Pagination --*/ .block-content .pagination { cursor: default; display: block; text-align: center; margin-bottom: 0; font-size: 14px; padding: 20px 0px 50px; } .block-content .pagination .left { margin-left: -3px; } .block-content .pagination a { padding: 5px 13px 5px; margin-left: 2px; font-size: 15px; cursor: pointer; color: #fff; background: var(--main-color); border-radius: 3px; float: unset; } .block-content .pagination a.current { background: var(--titles-color); } .pagesList { margin: 20px 0px; display: inline-block; } .block-content .pagination .spacer { float: right; padding: 1px 8px; color: #999; } .pagination { padding-top: 0; } /*-- Sidebar --*/ .sb-left { float: left; } .sb-right { float: right; } .sb-left, .sb-right { width: 265px; } .block-sidebar .sidebox { margin-bottom: 20px; background: #fff; border-radius: 6px; box-shadow: 0 4px 6px -2px #bbb; } .sidebox .sidebox-title { font-size: 13px; background: var(--main-color); color: #ffffff; border-bottom: none; padding: 15px 12px 12px; text-align: right; cursor: default; font-weight: normal; margin: 0; border-radius: 2px 2px 0px 0px; } .sidebox .sidebox-content { font-size: 14px; direction: rtl; padding: 10px; } .sidebox.blank .sidebox-content { background: #fff; border-radius: 6px; box-shadow: 0 4px 6px -2px #bbb; } .sidebox.blank .sidebox-content h4 { padding: 8px; color: #acb2ba; 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; } /*- sidebar post-list -*/ .sidebox-content ul { list-style: none; margin: 0; padding: 0; } .sidebox-content ul li { padding: 5px 0px; max-height: 43px; overflow: hidden; } .sidebox-content ul li:last-child { border-bottom: none; } .sidebox-content.stat li { padding-top: 5px; } .sidebox-content ul li a { background: url(//cdn.bayan.ir/blog/templates/53176/sidebar-bullet.png) no-repeat right 12px; display: inline-block; padding: 5px; padding-right: 10px; color: #868585; font-size: 12px; } .sidebox-content ul.menu li a { background: url(//cdn.bayan.ir/blog/templates/53176/sidebar-bullet2.png) no-repeat right 12px; } .sidebox-content ul li a:hover { } .sidebox-content ul li a.no-icon{ background: none; padding-right: 5px; width: 144px; overflow: hidden; height: 28px; line-height: 33px; } .sidebox-content ul li:hover { background: #edf2f6; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } .sidebox-content ul li.selected { background: #eaeaea; border-bottom: 1px solid #eeeeee; } .sidebox-content ul li.selected a { color: #868585; } .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: #868585; font-size: 13px; border: none; text-align: right; } .sidebox-content.stat .Value { color: #85a4cb; cursor: default; float: left; padding-left: 10px; text-align: left; } /*-- Tag-Cloud --*/ .sidebox-content.tag-cloud h3 { margin: 2px; 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 0 1px 0; } .sidebox-content.tag-cloud a { font-size: 14px; color: #fff; background: var(--main-color); padding: 1px 7px 4px; display: inline-block; *display: inline-block; margin-left: 1px; border-radius: 3px; } .sidebox-content.tag-cloud a:hover { color: #fff; background: #4fc0e8; } .sidebox-content.tag-cloud a.selected { color: #fff; background: #4fc0e8; } /*-- Categories --*/ .sidebox-content.categories ul li { padding: 0; border: none; } .sidebox-content.categories li:hover { background: none; } .sidebox-content.categories ul li ul.subcats a { padding-right: 10px; padding-top: 1px; display: inline-block; background: url(//cdn.bayan.ir/blog/templates/53176/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/53176/folder_ico.png) right 8px no-repeat; } .sidebox-content.categories ul li h3 { color: #967adc; 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: #f0edf6; 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 { direction: rtl; cursor: default; color: #6b828e; width: 100%; margin: auto; position: relative; background: rgb(240, 240, 240); padding: 6px; box-sizing: border-box; border-top: 1px solid #dddddd; } .footer a { color: #4087bc; } .footer .footer-copyright { position: absolute; right: 0px; bottom: 0px; text-align: right; direction: rtl; cursor: default; font-size: 13px; width: 100%; background: #f1f1f1; padding: 12px; box-sizing: border-box; border-top: 3px solid var(--main-color); color: #454545; margin: 0; } .footer .footer-icons { position: absolute; left: 15px; bottom: 12px; text-align: left; padding: 0; margin: 0; } .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.png) no-repeat; } .footer-ico-bayan { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon.png) no-repeat; } .footer-ico-bayanbox { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon.png) no-repeat; } .footer-ico-blog { background: url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon.png) no-repeat; } .footer-ico-templates { background: url(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon.png) no-repeat; } #followInBx #followersLs .followImg { width: 40px; height: 40px; margin: 3px 1px; border-radius: 50%; box-shadow: 1px 2px 2px rgb(0 0 0 / 36%); border: 1px solid #ffffff; max-width: 500px !important; } .followShow .followThis { font-size: 13px; width: 160px; } .followThis { background: var(--main-color); padding: 8px 0px; } .followThis.followed { background: var(--main-color); } .follower { float: none; border-radius: 50%; display: inline-block; } #followersLs { text-align: center; margin: 7px 0px 13px; clear: both; } .followersTitle { color: #4f4f4f; padding: 4px 6px 0px; margin-bottom: 10px; font-size: 14px; } .followBx { border-radius: 5px; padding: 10px 4px 4px; font-size: 16px; margin-bottom: 20px; box-shadow: 0 4px 6px -2px #bbb; border: 1px solid #c6c6c6; background: #ffffff url(https://bayanbox.ir/view/57212537833674901/106-1063690-transparent-textures-triangle.png); background-size: 180px; } span#lang_VIEW_STAT_ONLINE_USER { display: inline-block; position: absolute; top: 210px; right: 40px; background: var(--main-color); color: white; padding: 1px 10px; } span#value_VIEW_STAT_ONLINE_USER{ display: inline-block; position: absolute; top: 210px; left: 920px; background: white; color: var(--main-color); padding: 0px 10px; } .blog-image { width: 200px; height: 270px; overflow: hidden; float: left; position: relative; z-index: 1; border: 3px solid #e4e2e2; border-radius: 9px; background-position: center !important; top: 15px; left: 15px; } .blog-image img{ width: 200px; } .blog-description { position: absolute; background: rgb(29 70 100 / 35%); color: white; text-align: right; width: 210px; height: 270px; top: 230px; transition: all ease-in-out 0.8s; overflow-y: scroll; pointer-events: none; } .blog-image:hover .blog-description { top: 0px; background: rgb(0 0 0 / 64%); } .blog-description h4 { margin: 9px; font-family: Mikhak; font-weight: 100; font-size: 14px; line-height: 26px; } .allcats { position: relative; } .allcats ul { padding: 0; margin: 0; border-right: 3px solid var(--main-color); } .allcats ul li { list-style: none; display: inline-block; width: 200px; margin-right: 24px; height: 100px; border-radius: 3px; position: relative; overflow: hidden; background-position: center !important; box-shadow: 0 4px 6px -2px #bbb; } .mscimg { width: 200px; height: 200px; background-size: cover !important; position: relative; border-radius: 100%; } .music-side>h3 { margin-top: 0; } .music-side ul { padding: 0; } .music-side ul li { list-style: none; width: 200px; height: 200px; display: inline-block; margin-bottom: 25px; } .music-side img { width: 25px; padding-left: 8px; } .titlemusic { text-align: center; color: #ffffff; background: var(--titles-color); border: 1px solid #d8d8d8; position: absolute; width: 100%; bottom: 0px; padding: 8px 0px; display: inline-block; font-size: 12px; border-radius: 6px; box-shadow: 0 4px 6px -2px #bbb; } .mscimg audio { width: 100px; max-width: 100px; height: 30px; position: absolute; left: 6px; transform: scale(1.5); opacity: 0.6; top: 6px; } span.mcbox { position: absolute; width: 40px; height: 40px; overflow: hidden; border-radius: 100px; top: 10px; left: 10px; margin: 0; font-size: 0px; border: 4px inset rgb(227 226 226); } span.mcboxcolor { position: absolute; width: 70px; height: 70px; top: -20px; left: -20px; margin: 0px; filter: saturate(4) blur(4px) brightness(1.2); background-size: 4px !important; } .sb-left, .sb-right { width: 210px; } .catfoot { padding: 20px 20px 0px; } .catfoot:last-child { padding-bottom: 70px; } .catfoot h3 { border-right: 3px solid var(--main-color); padding-right: 10px; margin-top: 20px; font-size: 16px; direction: ltr; cursor: default; } .catfoot h3 img { width: 13px; padding-right: 5px; opacity: 0.7; } .allcats ul li, .catfoot ul li{ background-size: cover !important; background:url('https://bayanbox.ir/view/383904410577876902/Screenshot-2022-07-23-190404.png'); } .allcats ul li:nth-child(1), .allcats ul li:nth-child(1) .blurimage{ background: var(--cat-picture1); } .allcats ul li:nth-child(2), .allcats ul li:nth-child(2) .blurimage { background: var(--cat-picture2); } .allcats ul li:nth-child(3), .allcats ul li:nth-child(3) .blurimage { background: var(--cat-picture3); } .allcats ul li:nth-child(4), .allcats ul li:nth-child(4) .blurimage{ background: var(--cat-picture4); } .allcats ul li:nth-child(5), .allcats ul li:nth-child(5) .blurimage { background: var(--cat-picture5); } .allcats ul li:nth-child(6), .allcats ul li:nth-child(6) .blurimage { background: var(--cat-picture6); } .allcats ul li:nth-child(7), .allcats ul li:nth-child(7) .blurimage { background: var(--cat-picture7); } .allcats ul li:nth-child(8), .allcats ul li:nth-child(8) .blurimage { background: var(--cat-picture8); } .catfoot ul { list-style: none; padding: 0; max-height: 290px; overflow: hidden; } .allcats ul li a { width: 100%; bottom: 0px; height: 100%; font-size: 26px; line-height: 166px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; display: inline-block; color: rgba(255, 255, 255, 0.7); text-decoration: none; border: 1px dotted transparent; letter-spacing: 0.98pt; text-transform: uppercase; -webkit-transition: background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms; transition: background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms; position: relative; background-attachment: fixed, scroll; background-size: 100vw 100vh, cover; background-position: center center, 0 0; background-image: -webkit-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110%); background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110%); } .allcats ul li a:hover, .catfoot ul li a:hover { background-color: rgb(0 175 255 / 41%); background-position: -100vw 0, 0 0; } .allcats ul li.selected a { background-color: rgb(0 125 182 / 79%); background-position: -110vw 0, 0 0; } .allcats h3 { margin: 0; font-size: 23px; background: linear-gradient(0deg, rgb(255 255 255 / 0%) 30%, rgb(0 0 0 / 25%) 30%, rgb(255 255 255 / 0%) 70%); color: rgb(255 255 255); text-shadow: 2px 3px 5px #000000; } .catfoot ul li a { width: 100%; bottom: 0px; height: 100%; font-size: 26px; line-height: 150px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; display: inline-block; color: rgba(255, 255, 255, 0.7); text-decoration: none; border: 1px dotted transparent; letter-spacing: 0.98pt; text-transform: uppercase; -webkit-transition: background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms; transition: background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms; position: relative; background-attachment: fixed, scroll; background-size: 100vw 100vh, cover; background-position: center center, 0 0; background-image: -webkit-repeating-linear-gradient(135deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%), -webkit-radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110%); background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%), radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110%); } .catfoot ul li { list-style: none; display: inline-block; width: 200px; margin-right: 20px; height: 270px; border-radius: 10px; position: relative; overflow: hidden; background-position: center !important; box-shadow: 0 5px 6px 0px #bbb; border: 1px solid #bbb9b9; } .catfoot ul li a span { text-align: right; font-size: 16px; line-height: 23px; position: absolute; bottom: 0; right: -1px; width: 101%; box-sizing: border-box; padding: 10px; padding-top: 0; background: rgb(255 255 255 / 90%); color: #5984a5; min-height: 54px; max-height: 73px; } .catfoot ul li a span:before { content(" "); width: 0; height: 0; border: solid 30px; border-color: transparent transparent black transparent; position: relative; display: inline-block; } .footer-contents { background: linear-gradient(181deg, rgb(241 241 241) 0%, rgb(255 255 255) 50%); width: 100%; margin: auto; box-sizing: border-box; border-top: 0; border-bottom: 0; text-align: right; position: relative; } .footer-content { width: 100%; text-align: right; padding-bottom: 35px; } .footer-content>div { margin: 10px 0px; display: inline-block; overflow: hidden; color: #a7a7a7; padding: 0 25px; padding-bottom: 0px; box-sizing: border-box; } .litfoot { width: 24%; height: 102px; } .midfoot { width: 47%; height: 102px; } .footer-content h3 { font-size: 11px; padding: 10px; border-radius: 5px; margin-bottom: 5px; color: #0f648cd1; margin-top: 6px; letter-spacing: 2px; } .last-messages { font-size: 12px; padding: 10px 13px; border-radius: 5px; margin-bottom: 2px; text-align: right; color: #868585; direction: rtl; transition: all ease 0.5s; } .last-messages:hover { background: #ffffff; } .last-messages span { color: #ffffff; float: right; margin-left: 4px; padding: 0px 2px; background: var(--main-color); border-radius: 7px; } .last-messages img { border-radius: 50%; width: 29px; float: right; margin-left: 10px; } h2.blog-short-description { border-right: 2px solid rgb(255 255 255 / 61%); display: inline-block; padding: 0px 10px; position: relative; margin-top: 10px; cursor: default; } section.trg-shape { position: absolute; top: -34px; right: 0; width: 0; height: 0; border-bottom: 35px solid rgb(255 255 255 / 90%); border-left: 237px solid transparent; } .social { font-size: 12px; padding: 11px 17px; text-align: right; color: #868585; direction: rtl; overflow: hidden; } .social img { width: 19px; float: left; } img.rateimg, img.rateup, img.ratedn { background: url(https://bayanbox.ir/view/887553918043019777/165875973443112166.png) no-repeat center left; width: 28px; height: 28px; vertical-align: top; background-size: 22px; } span.rate-button-box.rate-down { display: none; } .footer-links { font-size: 12px; padding: 0; text-align: center; color: #868585; direction: rtl; transition: all ease 0.5s; overflow: hidden; } .footer-links:hover { background: rgb(0 0 0 / 4%); } div#srchBx { margin: 0; margin-top: 30px; } span.rate-counter { color: #4b4b4b; font-size: 12px; } h3.footer-title { width: 100%; top: -17px; text-align: center; position: absolute; letter-spacing: 3px; font-size: 25px; line-height: 20px; margin: 0px; z-index: 1; } h3.footer-title a { font-weight: bold; color: var(--titles-color); letter-spacing: 1px; border-radius: 9%; padding: 1px 17px; } h3.footer-title.copyright-style{top: -24px;} h3.footer-title.copyright-style a{ font-family:'Scriptina';} .allcats ul li a,.catfoot ul li a { -webkit-transition: background-position 1s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms; transition: background-position 1s cubic-bezier(0, 0.93, 0.04, 1.1), border-color 500ms, background-color 500ms; background-attachment: scroll; background-size: 500px 500px, cover; background-position: center center, 0 0; background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.075) 10%, rgba(255, 255, 255, 0.075) 14%, rgba(255, 255, 255, 0.15) 14%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.075) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.075) 40%, rgba(255, 255, 255, 0.15) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.075) 60%, rgba(255, 255, 255, 0.075) 66%, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0.075) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); } .audio { text-align: center; } audio { width: 100%; } .video { text-align: center; } video { width: 100%; border-radius: 10px; max-width: 320px; border: 2px solid var(--main-color); } .footer-new-style { width: 100%; } .footer-new-style { text-align: center; } .footer-new-style img { width: 16px; } .footer-new-style h3 img{ width: 30px; } .footer-new-style a { margin: 0px; display: inline-block; position: relative; padding: 6px 9px; text-align: right; } .footer-new-style .midfoot a { border-radius: 32px; margin: 0px 5px; border: 1px solid #c7c7c7; transition: all ease-in-out 0.2s; } .footer-new-style .midfoot a:hover{ background: #fbfbfb;} .litfoot.no-br a { color: gray; width: 100%; text-decoration: underline; } .footer-new-style>div { margin: 10px 0px 0px; display: inline-block; overflow: hidden; color: #a7a7a7; padding: 0 25px; padding-bottom: 0px; box-sizing: border-box; position: relative; } .footer-new-style .no-br { border:0px; } .litfoot.no-br h3{ position: relative; } .litfoot.no-br h3 img { width: 18px; position: absolute; right: 30px; top: 10px; } span.gray-line { border-right: 2px solid #d1d1d1; width: 1px; height: 58px; display: inline-block; position: absolute; right: 0; bottom: 0; } .side-avatar{ width: 30px; border-radius: 5px; border: 1px solid #eaeaea; position: relative; top: -12px; } span.post-details-author img { float: right; display: none; } .formField2 .fldcontent label { float: none; width: auto; text-align: inherit; padding-left: 0; font-size: 11px; color: #484848; } span.lastpost-image { background-size: cover !important; width: 30px; height: 30px; display: inline-block; position: relative; top: 3px; float: right; border-radius: 4px; margin-left: 10px; } /* .allcats ul li { overflow: inherit;} span.blurbox { position: absolute; bottom: -36px; right: 0; height: 30px; display: block; width: 100%; overflow: hidden; background: #ffffff; text-align: center; } span.blurimage { position: absolute; width: 100%; display: inline-block; top: 10px; height: 10px; right: 0px; background-size: cover !important; background-position: bottom !important; filter: blur(15px) saturate(5) brightness(0.8); opacity: 0.9; } .allcats h3 { font-size: 18px; background: none; color: rgb(0 0 0 / 70%); line-height: 240px; z-index: 1; position: relative; } */ .mscimg audio { width: 100px; max-width: 100px; height: 30px; position: absolute; transform: scale(1.3); opacity: 0.7; top: 8px; left: 4px; } span.mcboxcolor { position: absolute; width: 35px; height: 35px; top: -20px; left: -20px; margin: 0px; background: none !important; } span.mcbox { position: absolute; width: 45px; height: 45px; overflow: hidden; border-radius: 100px; top: 10px; left: 10px; margin: 0px; font-size: 0px; background: url(https://bayanbox.ir/view/1206541536892346116/p1g9qf5hkt18rv1p7p1khh136e6ja4-10.png); background-size: 100% 100%;border:none; } .post-image.video { display: none; } span.pts-cat { position: absolute; background: var(--titles-color); left: -9px; top: 10px; padding: 0px 10px; border-radius: 4px; } span.pts-cat a{ color: white; } span.pts-cat:before { content: ""; width: 0; height: 0; border-right: 7px solid var(--titles-color); border-left: 0px solid rgba(255, 0, 0, 0); border-top: 0 solid rgba(255, 0, 0, 0); border-bottom: 7px solid rgba(255, 0, 0, 0); position: absolute; top: 19px; left: 1px; }