@font-face { font-family: 'yekan'; src:url('http://bayanbox.ir/download/8285233067933709932/Yekan.eot') format('eot'), url('http://bayanbox.ir/download/7148462910903862727/Yekan.woff') format('woff'), url('http://bayanbox.ir/download/4698145376832575746/Yekan.ttf') format('truetype'); } @font-face { font-family: 'nazanin'; src:url('') format('eot'), url('http://bayanbox.ir/download/5062088864610695559/775b712c01cdf4eb7f15d9180567345060f700291901931.otf') format('woff'), url('http://bayanbox.ir/download/8389528079117118981/775b712c01cdf4eb7f15d9180567345060f700291901931.ttf') format('truetype'); } * { font-family: yekan,tahome; } .post img{ max-width: 100%; height: inherit; } body a { text-decoration: none; } body{ text-decoration: none; font-size: 15px; } h1 { margin-bottom: 0px; } audio { max-width: 98%; height: inherit; } video { max-width: 98%; height: inherit; } .wrp { width: 800px; margin: auto; direction: rtl; } /*----header----*/ .header { background: url(http://bayanbox.ir/view/1161035136889233738/1389.png) #56B6B6; height: 200px; text-align: center; } .header .a-title{ color: #fff; font-size: 35px; text-shadow: 0px 0px 4px #000000; } .header .a-description { font-size: 16px; line-height: 2.4em; color: #fff; text-shadow: 0px 0px 4px #000000; } .header .blog-title{ padding-top: 70px; } /*----menu----*/ .menu { background: #56B6B6; padding: 8px 0px; } .menu-item { padding: 0px 0px; } .menu-item a{ color: #fff; padding: 8px 8px; transition-duration: .4s; } .menu-item a:hover { background: #595959; color: #fff; } .menu-item a.selected{ background: #595959; color: #fff; } /*----post-----*/ .block-post { width: 570px; float: right; clear: both; } .post { background: #fcfcfc; margin-top: 10px; border: 1px solid #ededed; } .post-date-top { padding: 10px; background: #56B6B6; color: #fff; border-radius: 3px; margin-top: 10px; cursor: default; float: left; margin-left: 10px; } .post-title h3 { margin-top: 0px; margin-bottom: 0px; font-family: nazanin; } .post-title { padding: 15px 10px 0px 10px;; font-weight: bold; color: #56B6B6; } .post-title a{ color: #525252; } .post-title a:hover{ color: #0f0f0f; } .post-date { margin-left: 10px; float:left; } .det-right .post-date a1{ color: #a6a6a6; background: #f2f2f2; padding: 7.5px; } .post-date1 { margin-left: 10px; float:left; } .det-right .post-date1 a1{ color: #a6a6a6; background: #f2f2f2; padding: 7.5px; } .post-matn { padding: 10px; line-height: 1.6em; } .post-matn a{ color: #56B6B6; } /*----comment-----*/ .comment-count-box { background: #fafafa; border: 1px solid #ededed; text-align: center; margin-top: 10px; padding: 8px 0px; } .comment-count-box a{ color: #454545; font-size: 20px; } .cm-body { background: #fcfcfc; border: 1px solid #ededed; margin-top: 25px; width: 97.5%; margin-right: 2.5%; } .cm-avatar { margin: -14px; float: right; } .cm-av { width: 50px; border-radius: 100%; border: 2px solid #dbdbdb; } .cm-det { background: #f2f2f2; float: left; height: 40px; } .det-left { padding: 7px; float: left; color: #737373; } .det-left a{ color: #737373; } .comment-details { width: ; padding: 7px; background: #fafafa; border-bottom: 1px solid #ededed; margin-right: 20px; } .cm-name { margin-right: 25px; } .comment-matn { padding: 15px; line-height: 1.8em; clear: both; } .comment-reply { width: 85%; margin-right: auto; margin-left: auto; padding: 7px; background: #FBFFE2; margin-bottom: 10px; border: 1px solid #ededed; line-height: 2em; color: #000000; border-radius: 4px; } .comment-reply p{ margin: 0px; max-width: 94%; } .reply-av { width: 40px; border-radius: 100%; border: 1px solid #ebebeb; margin: -20px; float: left; } .comment-add-form { background: #fcfcfc; border: 1px solid #ededed; margin-top: 15px; margin-bottom: 15px; padding: 5px; } /*post-tags*/ .post-tags { margin-top: 5px; } /*----post-detail-----*/ .post-detail { background: #f5f5f5; border-top: 1px solid #ededed; } .det-right { padding: 8px; } .det-right a1{ color: #595959; padding-left: 4px; } .det-right a{ color: #595959; padding-right: 7px; border-right: 1px solid; } /*------post-detail-heart----> /*----post-detail----*/ .post-bottom-det { float: left; } .post-bottom-det a{ border-right: 0px; padding: 5px; background: #56B6B6; color: #fff; border-radius: 3px; transition-duration: .5s; } .post-bottom-det a:hover{ border-right: 0px; padding: 5px; background: #474747; } .rate-box { float: left; } .rate-box a{ padding: 5px; background: #56B6B6; margin-left: 3px; border-radius: 3px; transition-duration: .5s; } .rate-box a:hover{ padding: 5px; background: #474747; } .rate-button-box { } .det-right a { padding: 5px; background: #56B6B6; margin-left: 3px; border-radius: 3px; transition-duration: .5s; border-right: 0px; color: #fff; } .det-right a:hover { background: #474747; color: #fff; } /*----left-----*/ .box-left { width: 220px; float: left; } .archive a.selected { color: #ade03e; } .bx-left { width: 240px; float: left; } .title-left { background: #56B6B6; padding: 10px; margin-bottom: 3px; color: #fff; margin-top: 10px; text-align: center; } .left-back { background: #fafafa; border: 1px solid #ededed; padding: 5px; margin-bottom: 7px; } .left-back a1{ float: right; } .left-back a2{ float: left; } /*stat*/ .left-back3 { background: #f2f2f2; } .stat-back { background: #fff; padding: 10px; margin-bottom: 1px; border: 1px solid #ededed; border-radius: 0px; cursor: default; } .stat-value { float: left; display: inline-block; } /*about-me*/ .about-me { background: #fcfcfc; margin-bottom: 10px; border: 1px solid #ebebeb; text-align: center; margin-top: 10px; padding: 10px 4px; } .blog-titlee { width: 140px; margin-top: -15px; } .my-av { width: 80%; height: inherit; border: 3px solid #ededed; border-radius: 10px; } .description-web { line-height: 1.6em; padding: 10px; } /*recent-comment*/ .recent-comment { direction: ltr; margin-bottom: 6px; clear: both; } .cm-matnn { direction: rtl; line-height: 1.8em; background: #fff; padding: 2%; width: 81.5%; border-radius: 3px; border: 1px solid #ededed; } .recent-comment a{ color: #0f0f0f; } .cm-matnn:hover{ background: #f3f3f3; cursor: pointer; } .recent-comment-av-img { float: right; width: 12%; border: 1px solid #dbdbdb; border-radius: 3px; } /*مطالب محبوب*/ .rate--post { text-align: center; color: #2e2e2e; padding: 2%; background: #fff; border: 1px solid #ebebeb; border-radius: 0px; line-height: 1.8em; margin-bottom: 1px; } .rate--post:hover{ background: #f3f3f3; } a.selected .rate--post { background: #3b3b3b; color: #fff; } /*تگ ها*/ .tagss { display: inline-block; } .tagss a{ padding: 7px; background: #fff; display: table-cell; border-radius: 3px; color: #5e5e5e; border: 1px solid #e3e3e3; transition-duration: .5s; } .tagss a:hover{ background: #56B6B6; color: #fff; } .tagss a.selected{ background: #3b3b3b; color: #fff; } /*------page-----*/ .pagingation { margin-bottom: 10px; margin-top: 10px; } .pagingation a{ background: #fafafa; color: #454545; padding: 3px 8px 3px 8px; transition-duration: .5s; border: 1px solid #ededed; } .pagingation a:hover{ background: #56B6B6; color: #fff; } .pagingation a.current{ background: #3d3d3d; color: #fff; } .pagesList { display: inline; } /*----page----*/ .post-content { padding: 10px; line-height: 1.7em; } /*----fot----*/ .fotter { background: #3A3A3A; padding: 8px; clear: both; bottom: 0; left: 0; margin: 0; top: auto; direction: ltr; } .fotter .erfan{ padding: 4px; transition-duration: .5s; background: #56B6B6; color: #fff; text-decoration: none; border-radius: 4px; } .fotter .erfan:hover{ background: #d84822; } .bayan { float: right; color: #fff; } .bayan a { color: #fff; } .bayan a:hover{ color: #00bcff; } @media only screen and (max-width: 768px) { .wrp { width: 100%; } .menu { text-align: center; padding: 0px; } .menu-item { padding:0; } .menu-item a{ display: block; } .block-post { width: 95%; margin-right: 2.5%; } .post-date-top { display: none; } /*post-date*/ .post-date1 { display: none; } .box-left { width: 95%; margin-right: 2.5%; margin-left: 2.5%; } .comment-reply { width: 80%; } .comment-reply p{ max-width: 85%; } /*recent-comment*/ .cm-matnn { line-height: 2em; } /*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%; } }