/*---Hidden-follower-avatar---*/ #followersLs { position: absolute; visibility: hidden; } } @font-face { font-family: Tanha; src: url('Tanha.eot'); src: url('Tanha.eot?#iefix') format('embedded-opentype'), url('Tanha.woff') format('woff'), url('Tanha.ttf') format('truetype'); font-weight: normal; } /*---body---*/ body { background-image: url(https://bayanbox.ir/view/6249491087330845608/f3317f273a4112b310befcabad2cf48b.jpg); background-attachment:; background-size: ; background-repeat: ; font-family:; font-size: 13px; } body a{ text-decoration: none; } ul { list-style: none; margin: 0; padding: 0; } .clear { clear: both; } #wrp { width: 930px; margin: auto; } /*---header---*/ #header { background: rgba( 248,248,248,.90)url()center; padding: 40px; text-align: center; margin: 10px px; } #header a{ color: #492762; } #header h1{ font-weight: normal; font-family:sahel ; font-size: 25px; margin: 7; } #header h2{ font-weight: normal; font-family:sahel ; font-size: 12px; margin: ; } /*---menu---*/ #menu { background-color: rgba(255, 255, 255, 0.90); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); text-align: center; padding: 8px 0px; margin-bottom: 15px; font-size:13px; } #menu li{ display: inline-block; } #menu li:after{ content: "|"; color: #000000; } #menu li:last-child:after{ content: ""; } #menu a{ color: #000; padding: 0px 6px; } #menu a:hover{ color: #802da4; } #menu a.selected{ color: #5b1aa0; } /*---block-post---*/ #block-post { width: 690px; float: right; } /*---block-message---*/ .align { margin-bottom: 10px; } .messages { background: rgba(248,248,248,.90); padding: 1px 10px; text-align: center; } .messages h2{ font-family:sahel; font-weight: normal; font-size: 16px; } /*---post---*/ .post { background: rgba(248,248,248,.90); box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); margin-bottom: 15px; padding-bottom: 10px; font-size:13.5px; color: #1f1f1f; } .post img{ max-width: 100%; height: inherit; } .post audio{ max-width: 100%; height: inherit; } .post video{ max-width: 100%; height: inherit; } .post-title { padding: 10px 10px; border-radius: 2px 2px 0px 0px; } .post-title a{ color: #6f1aa0; } .post-title a:hover{ color: #6819ae; } .post a{ color: #541773; } .post a:hover{ color: #8d12e2; } .post-title h2{ background: rgba(248,248,248,.90); margin-bottom: 15px; padding-bottom: 10px; font-size: 15px; font-family: sahel; font-weight:bold; margin: 0; padding: 5px 4px; } .post-content { line-height: 1.7; padding: 5px 10px 5px 10px; } .read-more { text-align: center; margin-bottom: 10px; } /*---post-detail---*/ .post-detail { box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); margin-bottom: 6px; border-radius: 0px; padding-bottom: 0px; font-size:13px; background:#a27fb5; border-top: 0px solid #ffffff; padding: 6px 6px; } .post-detail li{ display: inline-block; padding: 5px; } .post-detail li:after { content: "|"; color: #fff; } .post-detail li:last-child:after { content: ""; } .post-detail-right { float: right; } .post-detail-right span{ padding: 0px 2px; color: #ffffff; } .post-detail-left span { color: #ffffff; } .post-detail-left { float: left; } .post-detail-left a{ color: #ffffff; } .rate-box:hover .fa-heart-o:before { content:"\f004"; transition-duration: .5s; } .rate-box.rated .fa-heart-o:before { content:"\f004"; transition-duration: .5s; } .post-tags { background: rgba(255,255,255,.8); border-radius: 2px; padding: 5px; } .post-tags a{ color: #000; } .post-tags a:hover{ color: #9247d1; } .post-tags-title { background: rgba(255,255,255,.8); padding: 6px 10px; margin-bottom: 4px; border-radius: 2px; color: #7d7d7d; } /*----comment-----*/ .comment-count-box { text-align: center; margin-top: 10px; padding: 8px 0px; background: rgba(255,255,255,.8); border-radius: 2px; font-family:sahel; } .comment-count-box a{ color: #000; font-size: 20px; } .cm-body { background: rgba(255,255,255,.8); border-radius: 2px; margin-right: 56px; padding-bottom: 1px; } .cm-main { margin-top: 10px; } .cm-avatar { float: right; } .cm-av { width: 50px; border-radius: 50%; } .comment-details { background: #a27fb5; padding: 6px; overflow: hidden; border-top-right-radius: 2px; border-top-left-radius: 2px; } .cm-name { margin-right: 5px; float: right; color: #ffffff; } .cm-name a{ color: #ffffff; } .cm-name a:hover{ color: #ffffff; } .comment-matn { padding: 10px; line-height: 1.7; overflow: hidden; color: #000; } .comment-link { width: 15px; height: 15px; } .cm-reply-main { overflow: hidden; padding: 0px 10px 10px 10px; } .comment-reply { margin-right: 40px; margin-left: auto; padding: 8px; background: rgba(255,255,255,.8); line-height: 1.7em; color: #000; } .comment-reply-page { padding: 8px; background: #a27fb5; line-height: 1.7em; color: #000; border-radius: 6px; } .reply-av { width: 35px; float: right; border-radius: 50%; } .comment-add-form { margin-top: 15px; margin-bottom: 15px; padding: 10px; background: rgba(255,255,255,.8); border-radius: 2px; color: #000; } .bComForm .sendbutton.hasCheckbox:hover { background: #e0e0e0; transition-duration: .3s; } input[type=button], input[type=text], input[type=password], input[type=submit], button, textarea, select, .inputBox, input.text, a.btn, a.btn:hover, a.btn:visited { background-color: #fafafa; border: 0px; color: #454545; border-radius: 0px; } .htmlbox { border: 1px solid #dedede !important; background: #fff; } .bComForm .sendbutton.hasCheckbox { background: #1a62a0; border: 0px; cursor: pointer; margin-top: 0; width: 100px; border-radius: 2px; color: #fff; } .bComForm .sendbutton.hasCheckbox:hover { background: #a27fb5; transition-duration: .3s; } /*--cm-detail-top--*/ .post-detail-top { padding: 2px 0px; background: rgba(255,255,255,.2); border-bottom: 1px solid #cca3dc; color: #000000; cursor: default; font-size: 12px; } .post-detail-top a { color: #000000; cursor: default; } .post-detail-top ul{ list-style: none; padding: 0; margin: 0; } .post-detail-top li{ border-left: 1px solid #e0e0e0; display: inline-block; padding: 0px 5px; } .post-detail-top li:last-child { border-left: 0px; } /*---pagingation---*/ .pagingation { background-color: rgba(255, 255, 255, 0.90); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); text-align: center; padding: 8px 0px; margin-bottom: 15px; font-size:13px; } .pagesList { display: inline-block; } .pagingation li{ display: inline-block; } .pagingation li:after{ content: "|"; color: #fff; } .pagingation li:last-child:after{ content: ""; } .pagingation a{ padding: 0px 4px; color: #a27fb5; } .pagingation a:hover{ } /*---block-left---*/ #block-left { width: 230px; float:left; line-height: 1.6em; color: #000; } #block-left .left-box { background-color: rgba(255, 255, 255, 0.90); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); text-align: center; padding: 8px 0px; margin-bottom: 15px; font-size:12px; } #block-left .left-title { background:#a27fb5; padding: 4px 6px; font-family:sahel; color: #ffffff; border-radius: 2px 2px 0px 0px; } #block-left a{ color: #000; } #block-left a:hover { color: #5b1aa0; } #block-left .left-detail li{ border-bottom: 1px solid #fff; padding: 4px 6px; } #block-left .left-detail li:last-child{ border-bottom: 0px; } .left-detail li:hover { background: rgba(255,255,255,.2); } .left-detail a{ display: block; } /*---about-me---*/ .about-me { padding: 0px 10px 10px 10px; } .blog-image { text-align: center; } .about-me img{ width: 180px; margin-top: 10px; } .blog-description { padding-top: 10px; } /*---follow-box---*/ .followBx { margin-top: 10px; background: none; border-radius: 0px; border-top: 1px solid #fff; } .followThis.followed { background: #a27fb5; } .followThis { background: #6b1aa0; border-radius: 0px; font-family:sahel; font-size: 14px; } #followInBx #followersLs .followImg { border-radius: 50%; } /*---stat---*/ .left-stat li{ padding: 4px 6px; border-bottom: 1px solid #fff; } .left-stat li:last-child{ border-bottom: 0px; } .stat-value { float: left; } /*---category---*/ .left-category li{ padding: 4px 6px; } .count { color: #bdbdbd; } .left-category li a{ padding-right: 12px; background-image: url(//bayanbox.ir/view/8661660237688751606/category-right.png); background-repeat: no-repeat; background-position: right center; display: inline-block; } .left-category .category-child a{ padding-right: 12px; background-image: url(//bayanbox.ir/view/4955324527815090542/category-child-right.png); background-repeat: no-repeat; background-position: right center; display: inline-block; } /*---recent-comments---*/ .recent-cm-main { overflow: hidden; } .recent-cm-main img{ width: 30px; float: right; border-radius: 50%; margin-top: 3px; } .recent-cm-detail { margin-right: 35px; } .recent-cm-name { color: #a27fb5; } .recent-cm-matn { color: #000; } /*---recent-post---*/ .left-detail a:hover{ color: #666; } /*---tags---*/ .left-tag { padding: 4px 6px; } .tags a{ background: #f9f9f9; padding: 4px 6px; margin: 2px 0px; display: inline-block; } /*---footer---*/ .footer { padding: 6px 6px; margin: 10px 0px; background: rgba(255,255,255,.8); border-radius: 2px; } .footer a{ color: #661aa0; } footer a:hover { color: #391881; } .erfan { float: left; } .bayan { float: right; } @media only screen and (max-width: 768px) { #wrp { width: 95%; } #block-post { width: 100%; } #block-left { width: 100%; margin-top: 10px; } } @media only screen and (max-width: 450px) { .post-detail { text-align: center; line-height: 20px; } .post-detail-left{ float: none; } .post-detail-right{ float: none; } } *:not(.fa) { font-family:Tanha!important; }