body { line-height: 1.7; background: #f2f2f2; font-size: 12px; } body a{ text-decoration: none; } #wrp { margin: auto; margin-top: 30px; width: 800; } /*--header--*/ .header { text-align: center; margin-bottom: 30px; } .back-blog-img { padding: 3px; background: #00BDBF; display: inline-block; border-radius: 100%; margin-top: -13px; } .back-blog-img img{ border-radius: 100%; width: 100px; height: 100px; } .header-back { width: 100%; height: 80px; background: #00BDBF; border-radius: 40px; } .blog-title a,h2{ color: #fff; } .blog-title { width: 320px; display: inline-block; } /*--block-post--*/ .block-post { width: 560px; float: right; } .post { background: #fff; border: 1px solid #e5e5e5; margin-bottom: 10px; border-radius: 4px; } .post img { max-width: 100%; height: inherit; } .post a{ color: #00BDBF; } .post-body { padding: 10px; } .post h2{ margin: 0; padding: 0; } .post-title { color: #000; } .post-date { color: #b3b3b3; } /*--post-detail--*/ .post-detail { background: #f7f7f7; border-top: 1px solid #ededed; padding: 7px 5px; overflow: hidden; } .post-detail a{ color: #fff; background: #00BDBF; padding: 5px 12px; border-radius: 12px; } .post-detail a:hover { background: #04999a; transition-duration: .3s; } .post-detail div{ display: inline-block; margin: 0px 3px; } .post-cm { float: left; } .rate-box { float: left; } /*--post-comment--*/ .cm-count { text-align: center; padding: 15px 0px; background: #fff; border: 1px solid #e5e5e5; margin: 10px 0px; } .cm-count a{ font-size: 15px; color: #707070; } .cm-main { background: #fff; border: 1px solid #e5e5e5; padding: 10px; border-radius: 4px; margin-bottom: 10px; } .cm-body { overflow: auto; padding-bottom: 10px; line-height: 1.7; } .cm-detail { position: relative; margin-right: 60px; } .cm-av { width: 50px; border-radius: 100%; float: right; } .cm-date { color: #858585; } .cm-date .cm-date-a { color: #adadad; cursor: default; } .cm-date .cm-date-a:hover { color: #adadad; } .cm-detail a{ color: #00BDBF; } .cm-detail a:hover{ color: #858585; } .reply-body { margin-top: 10px; } .reply-av { width: 40px; max-height: 40px; border-radius: 100%; float: right; } .cm-reply-matn { position: relative; margin-right: 50px; } /*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: #00BDBF; cursor: pointer; color: #fff; } .comment-add-form { background: #fff; padding: 4px; border: 1px solid #e5e5e5; margin-bottom: 10px; } .item_success { background: #00BDBF; border: 1px solid #00797a; color: #fff; } .item_success a{ color: #fff; background: none; } .post-tags { background: #fff; border: 1px solid #e5e5e5; padding: 5px; } /*--left--*/ .left { float: left; width: 230px; } .archive a.selected { color: #ade03e; } .title-left { text-align: center; padding: 8px 0px; cursor: default; color: #fff; font-weight: bold; background: #00BDBF; border-top-right-radius: 4px; border-top-left-radius: 4px; } .title-center { padding: 8px 10px; } .left-back { margin-bottom: 10px; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; } .left ul { list-style: none; margin: 0; padding: 0; } .left li{ padding: 0; margin: 0; border-bottom: 1px dashed #e5e5e5; } .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; } /*menu*/ .menu { text-align: center; } .menu li{ padding: 7px 0px; } .menu a{ color: #000; } .menu a:hover{ color: #00BDBF; } .menu a.selected { color: #00BDBF; } /*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: 85%; height: inherit; box-shadow: 0px 0px 5px #ededed; margin-bottom: 5px; } .description-web { line-height: 1.6em; padding: 10px 10px 0px 10px; } .followBx { margin-bottom: 10px; background: #fff; border: 1px solid #e5e5e5; } /*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: #00BDBF; } a.selected .rate--post { color: #00BDBF; } /*تگ ها*/ .tagss { display: inline-block; } .tagss a{ padding: 3px 8px; background: #f6f6f6; display: table-cell; color: #5e5e5e; border-radius: 8px; border: 1px solid #ededed; } .tagss a:hover{ background: #00BDBF; color: #fff; transition-duration: .2s; } .tagss a.selected{ background: #00BDBF; color: #fff; } /*----page----*/ .pagingation { margin-bottom: 10px; overflow: auto; } .pagingation a{ color: #000000; } .pagingation a:hover{ background: #f3f3f3; } .pagePrev { float: right; background: #fff; border: 1px solid #e5e5e5; padding: 5px 12px; border-radius: 15px; } .pageNext { float: left; background: #fff; border: 1px solid #e5e5e5; padding: 5px 12px; border-radius: 15px; } /*----fot----*/ .fotter { background: #fff; padding: 8px; clear: both; bottom: 0; left: 0; margin: 0; top: auto; direction: ltr; border-top: 1px solid #e5e5e5; } .fotter .erfan{ padding: 4px; transition-duration: .5s; color: #000; text-decoration: none; } .fotter .erfan:hover{ color: #787878; } .bayan { float: right; color: #000000; } .bayan a { color: #000000; } .bayan a:hover{ color: #00bcff; }