body { line-height: 1.7; } body a{ text-decoration: none; } #wrp { width: 500px; margin: auto; background: url(//bayanbox.ir/view/3469079991636822407/2229480.png); padding: 20px 20px 0px 20px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,.60); } /*----header----*/ .header { background: rgba(255, 255, 255, 0.80); background-size: cover; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); border-radius: 20px; margin-bottom: 15px; } .blog-title { padding: 20px 10px; text-align: center; line-height: 1.2; color: #000; } .blog-title a{ color: #000; } /*--menu--*/ .menu { background-color: rgba(255, 255, 255, 0.80); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); text-align: center; padding: 8px 0px; margin-bottom: 15px; border-radius: 20px; } .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { display: inline-block; } .menu li:after { content: "|"; color: #d1d1d1; padding: 8px; font-weight: 10px; } .menu li:last-child:after{ content: ""; } .menu a{ color: #000; } .menu a:hover { color: #f56954; } .menu a.selected { color: #f56954; } /*----post----*/ .block-post { } .post { background: rgba(248,248,248,.90); box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); margin-bottom: 15px; border-radius: 20px; padding-bottom: 10px; } .post img{ max-width: 100%; height: inherit; } .post-title h2{ margin: 0; padding: 10px 15px 1px 15px; } .post-title a{ color: #E27E62; } .post-date { padding: 0px 15px; color: #8f8f8f; } .post-matn { padding: 0px 15px 5px 15px; } /*----post-detail----*/ .post-detail { background: #E27E62; padding: 5px 10px; margin: 0px 10px; border-radius: 20px; overflow: auto; } .post-author { color: #fff; padding: 0px 4px; } .post-cm { float: left; } .post-cm a{ color: #fff; padding: 0px 8px; } .rate-box{ float: left; } .rate-button-box a{ color: #fff; padding: 0px 8px; border-left: 1px solid #fff; } .read-more a{ color: #fff; padding: 0px 6px; border-right: 1px solid #fff; } .post-tags { background: #f8f8f8; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); border-radius: 20px; padding: 8px 8px 8px 8px; } /*----comment-----*/ .comment-count-box { background: #f8f8f8; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); border-radius: 20px; text-align: center; margin-top: 10px; padding: 8px 0px; } .comment-count-box a{ color: #454545; font-size: 20px; } .cm-body { background: #f8f8f8; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); border-radius: 20px; margin-top: 25px; width: 97.5%; margin-right: 2.5%; padding-bottom: 1px; } .cm-avatar { margin: -14px; float: right; } .cm-av { width: 50px; border-radius: 100%; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); } .comment-details { padding: 7px; background: #fafafa; border-bottom: 1px solid #ededed; margin-right: 20px; overflow: hidden; border-top-left-radius: 20px; } .comment-details a{ color: #E27E62; } .cm-name { margin-right: 15px; float: right; } .cm-name a{ color: #707070; } .cm-name a:hover{ color: #000; } .comment-matn { padding: 15px; line-height: 1.7; clear: both; overflow: hidden; } .cm-date { float: left; } .cm-date a{ color: #808080; } .web_comment { float: left; display: inline-block; width: 19px; height: inherit; margin-left: 5px; } .comment-reply { width: 85%; margin-right: auto; margin-left: auto; padding: 7px; background: #fff; margin-bottom: 10px; border: 1px solid #ededed; line-height: 2em; color: #E27E62; border-radius: 4px; } .comment-reply p{ margin: 0px; max-width: 94%; } .reply-av { width: 40px; border-radius: 100%; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); margin: -20px; float: left; } .comment-add-form { background: #f8f8f8; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); border-radius: 20px; margin-top: 15px; margin-bottom: 15px; padding: 10px; } /*cm-form*/ .bComForm .sendbutton.hasCheckbox { margin-top: 10px; text-align: center; } .bComForm .sendbutton { width: 90%; margin-top: 50px; float:none; margin-right: 5%; margin-left:5%; background: #E27E62; border: 1px solid #dedede; color: #fff; } .bComForm .sendbutton:hover { background: #dd6b4b; border: 1px solid #8f8f8f; cursor: pointer; transition-duration: .4s; color: #fff; } .item_success { background: #FFF6E7; border: 1px solid #fee6be; } /*--left--*/ .followBx { background: 0px 0px 2px 0px rgba(0,0,0,0.40); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.125); } .followThis.followed { background: #E27E62; } .followThis { background: #E27E62; } .left { float: none; } .archive a.selected { color: #ade03e; } .title-left { text-align: center; padding: 5px 0px; cursor: default; color: #fff; font-weight: 500; background: #E27E62; margin: 0px 10px; border-radius: 20px; } .left-back { background: #f8f8f8; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); margin-bottom: 15px; border-radius: 20px; padding-top: 10px; } .left ul { list-style: none; margin: 0; padding: 0; } .left li{ padding: 0; margin: 0; } .left li:last-child{ border-bottom: 0px; } .left-input { padding: 8px 5px 5px; } .left-back a1{ float: right; } .left-back a2{ float: left; } /*stat*/ .stat-back { padding: 5px 8px; margin-bottom: 2px; border-radius: 4px; cursor: default; } .stat-value { float: left; display: inline-block; } /*about-me*/ .about-me { margin-bottom: 10px; text-align: center; padding-bottom: 10px; padding-top: 10px; } .blog-titlee { width: 140px; margin-top: -15px; } .my-av { width: 40%; height: inherit; margin: 5px 0px; border-radius: 20px; } .description-web { line-height: 1.6em; padding: 10px 10px 0px 10px; } .followBx { margin: 10px 8px 5px 8px; } /*recent-comment*/ .recent-comment { direction: ltr; margin-bottom: 6px; clear: both; overflow: hidden; } .cm-matnn { direction: rtl; padding: 2%; width: 81.5%; } .recent-comment a{ color: #0f0f0f; } .cm-matnn:hover{ background: #f3f3f3; cursor: pointer; } .recent-comment-av-img { float: right; width: 12%; border-radius: 100%; } /*مطالب محبوب*/ .rate--post { text-align: center; color: #2e2e2e; padding: 2px; border-radius: 4px; margin-bottom: 2px; line-height: 1.8em; } .rate--post:hover{ color: #E27E62; } a.selected .rate--post { color: #E27E62; } /*تگ ها*/ .tagss { display: inline-block; } .tagss a{ padding: 3px 8px; background: #fff; display: table-cell; color: #5e5e5e; transition-duration: .3s; border: 1px solid #e5e5e5; border-radius: 10px; } .tagss a:hover{ background: #f3f3f3; color: #000; } .tagss a.selected{ background: #f3f3f3; color: #000; } /*----page----*/ .pagingation { margin-bottom: 10px; overflow: auto; } .pagingation a{ color: #000000; } .pagingation a:hover{ background: #f3f3f3; } .pagePrev { float: right; background: #f8f8f8; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); border-radius: 20px; padding: 5px 12px; } .pageNext { float: left; background: #f8f8f8; box-shadow: 0px 2px 2px 0px rgba(0,0,0,.22); border-radius: 20px; padding: 5px 12px; } /*----fot----*/ .fotter { background: #E27E62; padding: 8px; clear: both; bottom: 0; left: 0; margin: 0; top: auto; direction: ltr; border-top-right-radius: 20px; border-top-left-radius: 20px; } .fotter .erfan{ padding: 4px; transition-duration: .5s; color: #fff; text-decoration: none; } .fotter .erfan:hover{ color: #fff; } .bayan { float: right; color: #fff; } .bayan a { color: #fff; } .bayan a:hover{ color: #fff; }