@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; } @font-face { font-family:'FontAwesome'; src:url('//bayanbox.ir/download/3376674101209512198/fontawesome-webfont.eot'); src:url('//bayanbox.ir/download/3376674101209512198/fontawesome-webfont.eot?#') format('embedded-opentype'), url('//bayanbox.ir/download/563157643849148443/fontawesome-webfont.woff') format('woff'), url('//bayanbox.ir/download/7290627479469205398/fontawesome-webfont.ttf') format('truetype'); font-style:normal; font-weight:normal; } /*--body--*/ body a{ text-decoration: none; } body { background: #f7f7f7; } /*--wrp--*/ #wrp { width: 1024px; margin: auto; } /*--header--*/ .header { background-image: url(//bayanbox.ir/view/2356780413001029780/header-boy-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 130px 25px; line-height: 1.8em; color: #fff; text-align: left; font-family: yekan; border-radius: 2px; margin: 10px 0px; border: 1px solid #ececec; } .header h1{ font-size: 18px; font-weight: normal; font-family: yekan; background: rgba(0,0,0,.3); display: inline-block; padding: 4px 10px; margin: 0; border-radius: 2px; } .header a { color: #fff; } /*--menu--*/ .menu { background: #97c95e; padding: 6px 6px; margin-top: 10px; border-radius: 2px; font-family: yekan; text-align: center; } .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { list-style: none; padding: 0px; margin: 0px; display: inline-block; } .menu a{ padding: 1px 10px; margin: 0px 2px; color: #fff; background: #7bae42; border-radius: 15px; } .menu a:hover{ background: #7eb143; color: #fff; transition-duration: .3s; } .menu a.selected{ background: #74a43d; } /*--all-block--*/ #block-left { float: left; width: 795px; } .block-post { margin-bottom: 10px; width: 565px; float: right; clear: both; } /*--post--*/ .post { background: #fff; margin-bottom: 10px; border-radius: 2px; border: 1px solid #ececec; } .post a{ color: #97c95e; } .post a:hover { color: #81b446; } .post img{ max-width: 100%; height: inherit; } .post-image img{ width: 100%; height: inherit; } .post-title { padding: 0px 10px; background: #97c95e; border-radius: 2px 2px 0px 0px; } .post-title h2 { margin: 0; padding: 0; font-family: yekan; font-weight: normal; font-size: 16px; } .post-title a{ color: #fff; } .post-title a:hover { color: #faf9f9; } .post-matn { padding: 5px 10px 5px 10px; line-height: 1.7; color: #000; } .read-more { text-align: center; padding: 4px 0px 15px 0px; } .read-more a{ background: #97c95e; color: #ffffff; border-radius: 2px; padding: 4px 8px; } .read-more a:hover { background: #83b946; color: #fff; } /*--post-detail-top--*/ .post-detail-top { padding: 4px 0px; background: #f5f5f5; color: #a3a3a3; cursor: default; font-size: 12px; } .post-detail-top a { color: #a3a3a3; cursor: default; } .post-detail-top ul{ list-style: none; padding: 0; margin: 0; } .post-detail-top li{ border-left: 1px solid #dedede; display: inline-block; padding: 0px 5px; } .post-detail-top li:last-child { border-left: 0px; } /*--post-detail--*/ .post-detail { padding: 2px 10px; background: #f5f5f5; overflow: auto; color: #a3a3a3; border-radius: 0px 0px 2px 2px; } .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 { float: right; } .post-detail-left { float: left; } .post-detail li:after { content: "|"; color: #dedede; padding: 0px 4px; } .post-detail li:last-child:after { content: ""; padding: 0; } .post-detail a{ color: #97c95e; } .post-detail a:hover { color: #7eb143; transition-duration: .3s; } .post-author{ cursor: default; } .post-author i{ padding-left: 3px; } .post_date { cursor: default; } .post_date i{ padding-left: 3px; } .post-tags { background: #fff; border: 1px solid #ececec; border-radius: 2px; padding: 5px; } .post-tags-title { background: #f5f5f5; padding: 6px 10px; margin-bottom: 4px; border-radius: 2px; color: #2e2e2e; } /*----comment-----*/ .comment-count-box { text-align: center; margin-top: 10px; padding: 8px 0px; background: #fff; border: 1px solid #ececec; border-radius: 2px; font-family: yekan; } .comment-count-box a{ color: #000; font-size: 20px; } .cm-body { background: #fff; border: 1px solid #ececec; border-radius: 2px; margin-right: 56px; padding-bottom: 1px; } .cm-main { margin-top: 10px; } .cm-avatar { float: right; } .cm-av { width: 50px; border-radius: 50%; } .comment-details { padding: 6px; background: #97c95e; overflow: hidden; border-top-right-radius: 2px; border-top-left-radius: 2px; } .cm-name { margin-right: 5px; float: right; color: #fff; } .cm-name a{ color: #e6eedd; } .cm-name a:hover{ color: #fafbf9; } .comment-matn { padding: 10px; line-height: 1.7; overflow: hidden; color: #000; } .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: #f0f0f0; line-height: 1.7em; color: #000; border-radius: 2px; } .comment-reply-page { padding: 8px; background: #f0f0f0; line-height: 1.7em; color: #000; border-radius: 6px; } .reply-av { width: 35px; float: right; border-radius: 50%; } .comment-add-form { margin-top: 15px; margin-bottom: 15px; padding: 10px; background: #fff; border-radius: 2px; color: #000; border: 1px solid #ececec; } .bComForm .sendbutton.hasCheckbox:hover { background: #e0e0e0; transition-duration: .3s; } input[type=button], input[type=text], input[type=password], input[type=submit], button, textarea, select, .inputBox, input.text, a.btn, a.btn:hover, a.btn:visited { background-color: #e6e6e6; border: 0px; color: #454545; border-radius: 0px; } .htmlbox { border: 1px solid #dedede !important; background: #fff; } .bComForm .sendbutton.hasCheckbox { background: #97c95e; border: 0px; cursor: pointer; margin-top: 0; width: 100px; border-radius: 2px; color: #fff; } .bComForm .sendbutton.hasCheckbox:hover { background: #83bb44; transition-duration: .3s; } /*--pageination--*/ .pagingation { background: #fff; border: 1px solid #ececec; border-radius: 2px; text-align: center; padding: 9px; margin-top: 10px; } .pagesList { display: inline-block; } .pagingation a{ padding: 4px 10px; background: #97c95e; color: #fff; border-radius: 2px; } .pagingation a:hover { background: #86b84c; transition-duration: .3; } /*--left-right--*/ .left { float: left; width: 220px; color: #000; margin-top: 10px; } .right { float: right; width: 220px; margin-top: 10px; } .block-right-left a{ color: #000; } .archive a.selected { color: #000; } .title-left { text-align: center; border-radius: 2px 2px 0px 0px; background: #97c95e; color: #fff; padding: 2px 8px; font-family: yekan; cursor: default; } .left-back { border-radius: 2px; margin-bottom: 10px; background: #fff; border: 1px solid #ececec; } .block-right-left ul { list-style: none; margin: 0; padding: 0; } .block-right-left li{ padding: 0px 5px; margin: 0; border-bottom: 1px solid #e5e5e5; } .block-right-left li:last-child{ border-bottom: 0px; } .block-right-left li:hover { background: #f7f7f7; } .left-input { padding: 8px 5px; } /*--follow-box--*/ .followBx { margin: 10px 8px 5px 8px; } .followThis.followed { background: #97c95e; } .followThis { background: #97c95e; } #followInBx #followersLs .followImg { border-radius: 50%; } /*stat*/ .stat-back { padding: 5px 4px; border-radius: 4px; cursor: default; } .stat-value { float: left; display: inline-block; } /*about-me*/ .left-back-ab { border-radius: 2px; margin-bottom: 10px; background: #fff; border: 1px solid #ececec; } .about-me { margin-bottom: 10px; text-align: center; padding-bottom: 10px; padding-top: 10px; } .blog-image { width: 200px; height: inherit; margin: 5px 0px; border-radius: 2px; } .description-web { line-height: 1.6em; padding: 10px 10px 0px 10px; } /*recent-comment*/ .recent-comment { padding: 2px 0px; clear: both; line-height: 1.7; } .left-input a{ color: #4d4d4d; } .recent-comment img { width: 35px; border-radius: 100%; float: right; margin-top: 3px; } .recent-cm-detail { margin-right: 40px; overflow: hidden; } .recent-cm-name { color: #97c95e; } #block-left li:hover .recent-cm-name{ color: #000; } .recent-comment a{ color: #d7e5c7; } /*مطالب محبوب*/ .block-right-left i{ color: #ebebeb; margin-left: 5px; font-size: 12px; } .block-right-left li:hover i { color: #97c95e; } .rate--post { color: #2b2b2b; padding: 4px; line-height: 1.8em; } .rate--post:hover{ } a.selected .rate--post i { color: #97c95e; } .category-children { margin-right: 10px; } /*--tags--*/ .tagss { display: inline-block; } .tagss a{ padding: 5px 8px; background: #f3f3f3; border-right: 2px solid #dedede; display: table-cell; color: #000; transition-duration: .3s; border-radius: 2px; } .tagss a:hover{ background: #f1f1f1; color: #000; } .tagss a.selected{ background: #f1f1f1; color: #000; } /*----fot----*/ .fotter { background: #fff; border: 1px solid #ececec; margin-bottom: 10px; border-radius: 2px; padding: 8px; clear: both; bottom: 0; left: 0; top: auto; direction: ltr; color: #000; } .fotter .erfan{ transition-duration: .5s; color: #97c95e; text-decoration: none; } .fotter .erfan:hover{ color: #7eb045; } .bayan { float: right; color: #000; } .bayan a { color: #97c95e; } .bayan a:hover{ color: #719b41; } @media only screen and (max-width: 768px) { body { font-size: 90%; } .menu li:after { content: ""; } .header { text-align: center; } .menu li{ padding: 1px 0px; display: block; } #wrp { width: 95%; margin-right: 2.5%; margin-left: 2.5%; } #block-left { width: 100%; } .block-post { width: 100%; border-right: 0px; } .left { width: 100%; margin-top: 0px; } .right { width: 100%; margin-top: 0px; } .menu { text-align: center; } .menu a{ display: block; } .left-back-ab { border-radius: 2px; } .about-me img{ width: 80%; } } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-comment-o:before { content:"\f0e5"; } .fa-calendar-o:before { content:"\f133"; } .fa-comment-o:before { content:"\f0e5"; } .fa-calendar-o:before { content:"\f133"; } .fa-home:before { content:"\f015"; } .fa-comments:before { content:"\f086"; } .fa-paint-brush:before { content:"\f1fc"; } .fa-thumbs-o-up:before { content:"\f087"; } .fa-external-link:before { content:"\f08e"; } .fa-thumbs-o-down:before { content:"\f088"; } .fa-heart-o:before { content: "\f08a"; } .rate-button-box.rated .fa-heart-o:before { content:"\f004"; color: #97c95e; } .fa-comments-o:before { content: "\f0e6"; } .fa-user:before { content: "\f007"; } .fa-angle-double-left:before { content:"\f100"; } .fa-angle-double-right:before { content:"\f101"; } .fa-angle-right:before { content:"\f105"; } .fa-angle-left:before { content:"\f104"; } .fa-sticky-note-o:before { content:"\f24a"; } .fa-clock-o:before { content:"\f017"; } .fa-bars:before { content:"\f0c9"; } .fa-eye:before { content:"\f06e"; } .fa-circle-o:before { content:"\f10c"; }