@font-face { font-family: 'yekan'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff'); font-weight: normal; font-style: normal; } /*--body--*/ body a{ text-decoration: none; } body { background: #fff; } /*--wrp--*/ #wrp { width: 1024px; margin-right: auto; margin-left: auto; } /*--header--*/ .header { background-image: url(//bayanbox.ir/view/7554612598625127588/boy-shoes.jpg); background-size: cover; background-repeat: no-repeat; padding: 50px 25px; line-height: 1.8em; color: #fff; text-align: center; font-family: yekan; } .header h1 { font-family: yekan; font-weight: normal; } .header a { color: #fff; } /*--menu--*/ #nav { background: #183a7a; } .menu { padding: 5px 6px; font-family: yekan; width: 1024px; margin: auto; } .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { list-style: none; padding: 0px; margin: 0px; display: inline-block; } .menu li:after { content: "|"; color: #787878; } .menu li:last-child:after { content: ""; } .menu a{ padding: 4px 10px; margin: 0px 2px; color: #fff; border-radius: 12px; } .menu a:hover{ color: #e3e3e3; transition-duration: .3s; } /*--all-block--*/ .main-block { margin: 30px 0px; } .block-post { margin-bottom: 10px; width: 750px; float: right; } /*--post--*/ .post { } .post a{ color: #3769c8; } .post a:hover { color: #1b489d; } .post-image img { float: left; width: 300px; height: 200px; margin-right: 10px; border: 1px dashed #dedede; padding: 2px; } .post img{ max-width: 100%; height: inherit; } .post-title-page { background: #183a7a; margin-top: 7px; } .post-title-page h2 { margin: 0; padding: 2px 8px; font-family: yekan; font-weight: normal; font-size: 16px; } .post-title-page a{ color: #fff; } .post-title-page a:hover{ color: #ededed; } .post-title { background: #183a7a; float: right; } .post-author-avatar { float: right; } .post-author-avatar img { width: 36px; height: 36px; } .post-title-right { background-image: url(//bayanbox.ir/view/233034609050381957/title-right2.png); background-position: center left; background-repeat: no-repeat; background-size: 10px 20px; height: 20px; width: 10px; float: right; margin-top: 15px; margin-right: 5px; } .post-title h2 { margin: 0; padding: 2px 8px; font-family: yekan; font-weight: normal; font-size: 16px; } .post-title a{ color: #fff; } .post-title a:hover{ color: #ededed; } .post-matn { padding: 4px 0px; line-height: 1.7; clear: both; } .post-seperator { background-image: url(//bayanbox.ir/view/5882526088485078256/post-seperator-4.png); height: 20px; background-position: center center; background-repeat: no-repeat; margin: 0px 0px 60px 0px; background-size: contain; } .post-seperator-post-detail { background-image: url(//bayanbox.ir/view/5882526088485078256/post-seperator-4.png); height: 20px; background-position: center center; background-repeat: no-repeat; margin: 0px 0px 60px 0px; background-size: contain; } /*--post-detail--*/ .post-detail { padding: 2px 10px; color: #adadad; border-radius: 20px; text-align: center; max-width: 600px; clear: both; } .post-detail ul{ list-style: none; padding: 0; margin: 0; } .post-detail li{ list-style: none; padding: 4px 0px; margin: 0; display: inline-block; } .post-detail-right { } .post-detail-left { } .post-detail li:after { content: "|"; color: #e0e0e0; padding: 0px 4px; } .post-detail li:last-child:after { content: ""; padding: 0; } .post-detail a{ color: #183a7a; } .post-detail a:hover { color: #2050ac; transition-duration: .3s; } .post-author{ color: #adadad; cursor: default; } .post_date { cursor: default; } .post-tags { padding: 5px; } .post-tags-title { background: #535353; color: #fff; padding: 5px 10px; margin-bottom: 4px; float: right; margin-left: 5px; } .seprator-rate { color: #e0e0e0; margin: 0px 4px; } /*--post-comment--*/ .cm-count { text-align: center; padding: 20px 0px; } .cm-main { } .cm-count a{ font-size: 25px; color: #999999; cursor: default; } .cm-body { overflow: auto; margin-bottom: 10px; border-bottom: 1px solid #dedede; padding-bottom: 10px; line-height: 1.7; } .cm-detail { position: relative; margin-right: 60px; } .cm-av { width: 50px; border-radius: 100%; float: right; } .cm-name { color: #245bc2; } .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: #858585; } .cm-detail a:hover{ color: #000; } .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; } .comment-link { width: 15px; height: 15px; } /*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%; } .bComForm .sendbutton:hover { cursor: pointer; transition-duration: .4s; } .item_success { background: #FFF6E7; border: 1px solid #fee6be; } /*--pageination--*/ .pagingation { background: #183a7a; text-align: center; padding: 9px; margin-top: -30px; } .pagesList { display: inline-block; } .pagingation a{ padding: 4px 10px; background: #18408b; color: #fff; } .pagingation a:hover { background: #2157c0; transition-duration: .3; } /*--left--*/ .left { float: left; width: 240px; color: #000; } .left a{ color: #000; } .archive a.selected { color: #89CC97; } .title-left { margin: 6px 6px 0px 6px; text-align: center; background: #183a7a; color: #fff; padding: 2px 8px; font-family: yekan; } .left-back { margin-bottom: 10px; } .left ul { list-style: none; margin: 0; padding: 0; } .left li{ padding: 0; margin: 0; border-bottom: 1px solid #ededed; } .left li:after { border-bottom: 1px solid #f3f3f3; } .left li:last-child{ border-bottom: 0px; } .left-input { padding: 8px 5px; } /*--follow-box--*/ .followBx { margin: 10px 8px 5px 8px; border-radius: 0px; } .followThis.followed { background: #183a7a; border-radius: 0px; } .followThis { background: #183a7a; 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 { margin-bottom: 10px; text-align: center; padding-bottom: 10px; } .blog-image { width: 220px; height: 220px; } .description-web { line-height: 1.6em; padding: 10px 10px 0px 10px; 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: #F57171; cursor: pointer; } .recent-comment-av-img { float: right; width: 12%; border-radius: 100%; } /*مطالب محبوب*/ .rate--post { color: #000; padding: 4px; margin-bottom: 2px; line-height: 1.8em; } .rate--post:hover{ color: #F57171; } a.selected .rate--post { color: #F57171; } .category-children { margin-right: 10px; } /*--tags--*/ .tagss { display: inline-block; } .tagss a{ padding: 5px 8px; background: #fafafa; border-right: 2px solid #183a7a; 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: #183a7a; margin-bottom: 10px; padding: 8px; clear: both; bottom: 0; left: 0; top: auto; direction: ltr; border: 1px solid #ebebeb; color: #fff; } .fotter .erfan{ transition-duration: .5s; color: #c4cfe4; text-decoration: none; } .fotter .erfan:hover{ color: #f2f4f8; } .bayan { float: right; color: #fff; } .bayan a { color: #c4cfe4; } .bayan a:hover{ color: #f2f4f8; } @media only screen and (max-width: 780px) { body { font-size: 90%; } #wrp { width: 100%; } #nav { width: 100%; } .menu { width: 95%; } .main-block { width: 95%; margin-right: 2.5%; } .block-post { width: 100%; } .left { width: 100%; } .post-image img { width: 99%; height: inherit; } }