body { background-image: url(//bayanbox.ir/view/4061071643409691278/4760108.png); } body a{ text-decoration: none; } /*--blokcs--*/ main { width: 600px; margin: auto; } .block-top { background: #fff; border-radius: 2px; padding-bottom: 2px; } .clear { clear: both; } /*--header--*/ header { margin-top: 20px; } #header-top { background-color: #df5e8f; height: 50px; border-top-right-radius: 2px; border-top-left-radius: 2px; text-align: center; } #header-top img{ width: 80px; height: 80px; border-radius: 100%; margin-top: 10px; } .blog-title { width: 250px; text-align: center; float: right; } .blog-title h1{ font-family: tahoma; font-size: 16px; font-weight: normal; } .blog-title a{ color: #000; } .blog-title h2{ font-family: tahoma; font-size: 12px; font-weight: normal; } /*--menu--*/ menu { float: left; width: 250px; text-align: center; } menu ul{ list-style: none; margin: 0; padding: 0; } menu li{ display: inline-block; margin: 0px 4px; } menu a{ color: #000; padding: 4px 0px; } menu a:hover{ border-bottom: 2px solid #df5e8f; } menu a.selected { border-bottom: 2px solid #df5e8f; } /*--article--*/ article { margin: 10px; border: 1px solid #eeeeee; background: #fafafa; border-radius: 2px; } article img{ max-width: 100%; height: inherit; } .post-title { background: #df5e8f; border-top-right-radius: 2px; border-top-left-radius: 2px; border-bottom: 1px solid #ebebeb; } .post-title a{ color: #fff; } .post-title h2{ font-size: 14px; font-family: tahoma; font-weight: normal; padding: 5px 10px; margin: 0px 0px; } .post-matn { padding: 2px 10px; } /*--post-detail--*/ .post-detail { text-align: center; background: #f3f3f3; border:1px solid #e5e5e5; margin: 10px; border-radius: 2px; padding: 2px; color: #adadad; } .post-detail a{ color: #df5e8f; } .post-detail ul{ list-style: none; padding: 0; margin: 0; } .post-detail li{ margin: 0px 3px; display: inline-block; } .post-detail li:after{ content: "|"; color: #dedede; } .post-detail li:last-child:after{ content: ""; } /*--post-tags--*/ .post-detail-frame { margin: 10px; } .post-tags { background: #fff; border: 1px solid #e1e3ed; padding: 5px; margin-bottom: 10px; border-radius: 2px; } .post-tags-title { padding-bottom: 5px; border-bottom:1px solid #ededed; } .tag-back { padding-top: 5px; } /*----comment-----*/ .comment-count-box { text-align: center; margin-top: 10px; padding: 8px 0px; background: #fff; border: 1px solid #e1e3ed; border-radius: 2px; font-family: yekan; } .comment-count-box a{ color: #454545; font-size: 20px; } .cm-body { background: #fff; border: 1px solid #e1e8ed; border-radius: 2px; margin-right: 56px; padding-bottom: 1px; } .cm-main { margin-top: 10px; } .cm-avatar { float: right; } .cm-av { width: 50px; border: 1px solid #e5e5e5; border-radius: 100%; } .cm-details { padding: 4px 0px; background: #f5f7fa; color: #787878; cursor: default; } .cm-details a { color: #787878; cursor: default; } .cm-details ul{ list-style: none; padding: 0; margin: 0; } .cm-details li{ border-left: 1px solid #e8e8e8; display: inline-block; padding: 0px 10px; } .cm-details li:last-child{ border-left: 0px; } .comment-details { padding: 7px; background: #df5e8f; color: #fff; overflow: hidden; border-top-right-radius: 2px; border-top-left-radius: 2px; } .cm-name { margin-right: 5px; float: right; } .comment-link { width: 15px; height: 15px; } .cm-name a{ color: #707070; } .cm-name a:hover{ color: #000; } .comment-matn { padding: 10px; line-height: 1.7; 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; } .cm-reply-main { overflow: hidden; padding: 0px 10px 10px 10px; } .comment-reply { margin-right: 40px; margin-left: auto; padding: 8px; background: #f5f5f5; line-height: 1.7em; color: #000; border-radius: 2px; } .comment-reply-page { padding: 8px; background: #f5f5f5; line-height: 1.7em; color: #000; border-radius: 2px; } .comment-reply p{ } .reply-av { width: 35px; border: 1px solid #e5e5e5; float: right; border-radius: 100%; } .comment-add-form { margin-top: 15px; margin-bottom: 15px; padding: 10px; border-radius: 2px; background: #fff; border: 1px solid #e1e3ed; } .bComForm .sendbutton.hasCheckbox { background: #df5e8f; border: 0px; cursor: pointer; margin-top: 0; width: 100px; color: #fff; } .bComForm .sendbutton.hasCheckbox:hover { background: #cf306c; transition-duration: .3s; } /*--pageination--*/ .pagingation { padding: 8px; background: #f3f3f3; border: 1px solid #e1e3ed; text-align: center; border-radius: 2px; margin: 10px; } .pagesList { display: inline-block; } .pagingation a{ padding: 2px 10px; color: #df5e8f; } .pagingation a:hover { transition-duration: .3; color: #d9457d; } /*--blog-statistics--*/ .blog-statistics { margin-top: 10px; } #block-left { float: left; width: 290px; color: #000; } #block-right { float: right; width: 290px; } .left a{ color: #000; } .archive a.selected { color: #89CC97; } .title-left { background: #df5e8f; color: #fff; padding: 5px 8px; font-family: yekan; cursor: default; border-top-right-radius: 2px; border-top-left-radius: 2px; font-size: 14px; } .left-back { margin-bottom: 10px; background: #fff; border-radius: 2px; } #block-left ul { list-style: none; margin: 0; padding: 0; } #block-left li{ padding: 0px 6px; margin: 0; border-bottom: 1px solid #ededed; } #block-left li:last-child{ border-bottom: 0px; } #block-right ul { list-style: none; margin: 0; padding: 0; } #block-right li{ padding: 0px 6px; margin: 0; border-bottom: 1px solid #ededed; } #block-right li:last-child{ border-bottom: 0px; } .left-input { padding: 6px 6px; } /*--follow-box--*/ .followBx { margin: 10px 8px 0px 8px; border-radius: 0px; } .followShow a, #followInBx a { font-family: yekan; } .followThis { padding: 1px 6px; font-size: 14px; font-weight: normal; } .followBx { margin: 5px 8px 5px 8px; border-radius: 0px; } .followThis.followed { background: #df5e8f; border-radius: 0px; padding: 1px 6px; font-size: 14px; font-weight: normal; } .followThis { background: #df5e8f; border-radius: 0px; } #followInBx #followersLs .followImg { border-radius: 0px; } /*stat*/ .stat-back { padding: 5px 4px; margin-bottom: 2px; border-radius: 4px; cursor: default; } .stat-value { float: left; display: inline-block; } /*about-me*/ .about-me { text-align: center; padding-bottom: 5px; padding-top: 10px; } .blog-image { width: 210px; height: inherit; margin: 5px 0px; } .description-web { line-height: 1.6em; padding: 5px 14px 5px 14px; text-align: right; } /*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: #000; } .cm-matnn:hover{ color: #e91e63; cursor: pointer; } .recent-comment-av-img { float: right; width: 12%; border-radius: 100%; } /*مطالب محبوب*/ .rate--post { color: #000; padding: 2px; margin-bottom: 2px; line-height: 1.8em; } .rate--post:hover{ color: #df5e8f; } a.selected .rate--post { color: #df5e8f; } .category-children { margin-right: 10px; } /*--tags--*/ .tagss { display: inline-block; } .tagss a{ padding: 5px 8px; background: #f6f6f6; border-right: 2px solid #ededed; display: table-cell; color: #000; transition-duration: .3s; } .tagss a:hover{ background: #f1f1f1; color: #000; } .tagss a.selected{ background: #f1f1f1; color: #000; } /*----fot----*/ .fotter { background: #fff; margin-bottom: 10px; padding: 8px; clear: both; bottom: 0; left: 0; top: auto; direction: ltr; border: 1px solid #f2f2e8; border-radius: 2px; } .fotter .erfan{ transition-duration: .5s; color: #df5e8f; text-decoration: none; } .fotter .erfan:hover{ color: #bd2e64; } .bayan { float: right; color: #000; } .bayan a { color: #df5e8f; } .bayan a:hover{ color: #aa2c5c; }