@charset "utf-8"; @font-face { font-family: 'sahel'; src: url('//bayanbox.ir/download/6565260237259601785/Sahel-FD.woff') format('woff'); font-weight: normal; } @font-face { font-family: 'sahel'; src: url('//bayanbox.ir/download/4937696673228667072/Sahel-Bold-FD.woff') format('woff'); font-weight: bold; } @font-face { font-family: 'sahel'; src: url('//bayanbox.ir/download/1474034800726803017/Sahel-Black-FD.woff') format('woff'); font-weight: 900; } ::-moz-selection { color: #fff; background: #67AF78; } ::selection { color: #fff; background: #67AF78; } /*--body--*/ body a{ text-decoration: none; } body { background: #fff url(//bayanbox.ir/view/4610794979453298229/lined-paper-2.png); font-family:Sahel; font-size: 14px; line-height: 1.8em; } h1,h2,h3,h4,h5,h6{font-family:inherit;} /*--wrp--*/ #wrp { max-width: 1024px; margin: 0 auto; width: 96%; } /*--header--*/ .header { background-image: url(//bayanbox.ir/view/2601338850423430588/background-green-1.jpg); background-size: cover; background-repeat: no-repeat; padding: 40px 25px; line-height: 1.8em; color: #fff; text-align: center; font-weight: bold; } .header h1 { font-weight: 900; } .header a { color: #fff; } /*--menu--*/ #nav { background: #67AF78; } .menu { padding: 5px 6px; max-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: #599166; } .menu li:last-child:after { content: ""; } .menu a{ padding: 4px 10px; margin: 0px 2px; color: #fff; border-radius: 12px; } .menu a:hover{ color: #bddbc4; transition-duration: .3s; } /*--all-block--*/ .main-block { margin: 30px 0px; } .block-post { margin-bottom: 10px; width: calc(76% - 18px); float: right; } /*--post--*/ .post { } .post a{ color: #67AF78; } .post a:hover { color: #336c40; } .post-image { /*! float: left; */ margin-bottom: 10px; } .post-image { border: 1px dashed #dedede; padding: 3px; } .post img{ max-width: 100%; height: auto; } .post-title-page { background: #67AF78; margin-top: 7px; } .post-title-page h2 { margin: 0; padding: 2px 8px; font-weight: normal; font-size: 16px; } .post-title-page a{ color: #fff; } .post-title-page a:hover{ color: #e5f0e8; } .post-title { background: #67AF78; float: left; width: 91%; margin-top: 5px; border-radius: 4px; } .post-author-avatar { float: right; width: 7%; } .post-author-avatar img { width: 100%; height: auto; border-radius: 100%; } .post-title-right { background-image: url(//bayanbox.ir/view/4027949570222337970/title-right3.png); background-position: center left; background-repeat: no-repeat; background-size: 8px 18px; height: 16px; width: 2%; float: right; margin-top: 12px; margin-right: 0px; } .post-title h2 { margin: 0; padding: 2px 8px; font-weight: 900; font-size: 16px; } .post-title a{ color: #fff; } .post-title a:hover{ color: #e5f0e8; } .post-matn { padding: 4px 0px; clear: both; text-align: justify; } .post-matn div{margin-bottom: 5px} .post-seperator,.post-seperator-post-detail { /*! background-image: url(//bayanbox.ir/view/2776999840267475810/post-seperator-5.png); */ /*! width: 750px; */ /*! height: 20px; */ /*! background-position: center center; */ /*! background-repeat: no-repeat; */ margin: 0 0 25px; border: 2px solid #67af78; border-radius: 4px; } /* .post-seperator-post-detail { background-image: url(//bayanbox.ir/view/2776999840267475810/post-seperator-5.png); width: 750px; height: 20px; background-position: center center; background-repeat: no-repeat; margin: 0px 0px 20px 0px; }*/ /*--post-detail--*/ .post-detail { padding: 2px 10px; color: #6f6f6f; border-radius: 20px; text-align: center; max-width: 600px; clear: both; font-size: 13px; } .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: #67af78; padding: 0px 4px; } .post-detail li:last-child:after { content: ""; padding: 0; } .post-detail a{ color: #67AF78; } .post-detail a:hover { color: #448d55; transition-duration: .3s; } .post-author{ 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: 5px 0px; background: #67AF78; margin-bottom: 10px; border-radius: 4px; } .cm-main { margin-top: 0; } .cm-count a{ font-size: 25px; color: #fff; cursor: default; } .cm-body { overflow: auto; margin-bottom: 10px; border-bottom: 6px solid #67af78; padding-bottom: 10px; /*! background: #35d0630f; */ padding: 10px; /*! border-radius: 4px; */ /*! border: 2px solid #67AF78; */ } .cm-detail { position: relative; margin-right: 60px; } .cm-av { width: 50px; border-radius: 100%; float: right; } .cm-name { color: #67AF78; } .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: #67AF78; text-align: center; padding: 9px; margin-top: -20px; } .pagesList { display: inline-block; } .pagingation a{ padding: 4px 10px; background: #87ba93; color: #fff; border-radius: 6px; } .pagingation a:hover { background: #50915f; transition-duration: .3; } /*--left--*/ .left { float: left; width: 24%; color: #000; } .left a{ color: #000; } .archive a.selected { color: #89CC97; } .title-left { /*! margin: 6px 6px 0px 6px; */ text-align: center; background: #67AF78; color: #fff; padding: 2px 8px; cursor: default; border-radius: 4px; font-weight: 900; } .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; } .followBx { margin: 10px 8px 5px 8px; border-radius: 0px; } .followThis.followed { background: #67AF78; border-radius: 0px; } .followThis { background: #67AF78; 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: 100%; height: auto; margin-top: 8px; border-radius: 4px; } .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: 16%; border-radius: 100%; } /*مطالب محبوب*/ .rate--post { color: #000; padding: 4px; margin-bottom: 2px; line-height: 1.4em; } .rate--post:hover{ color: #F57171; } a.selected .rate--post { color: #F57171; } .category-children { margin-right: 10px; } /*--tags--*/ .tagss { display: inline-block; } .tagss a{ padding: 3px 8px; background: #fafafa8f; border-right: 2px solid #dedede; 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: #67AF78; 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: #d0e6d5; text-decoration: none; } .fotter .erfan:hover{ color: #fff; } .bayan { float: right; color: #fff; } .bayan a { color: #d0e6d5; } .bayan a:hover{ color: #fff; } 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, .followBx, .followThis { font-family: inherit; } @media screen and (max-width: 768px) { .block-post,.left { width: 100%; float: unset; } } @media screen and (max-width: 476px) { .post-author-avatar,.post-title-right { display: none; } .post-title { float: unset; width: 100%; } .bayan { float: unset; } }