@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; } .followBx { margin: 5px; } .post audio { max-width: 100%; height: inherit; } .post video { max-width: 100%; height: inherit; } body a { text-decoration: none; } body { font-size: 12px; } .wrp { width: 800px; margin: auto; } /*----header----*/ .header img{ width: 99.5%; height: inherit; margin: 5px 0px; border-radius: 4px; border: 2px solid #B061AA; } .blog-title h1,h3{ margin: 0; padding: 0; } .header .a-title{ color: #ffffff; } .header .a-description { color: #ffffff; } .header .blog-title{ top: 90px; position: absolute; margin-right: 50px; } /*----menu----*/ .menu { background: #B061AA; padding: 12px 7px; margin-top: 2px; border-radius: 4px; } .menu-item { padding: 0px 1px; } .menu-item a{ background: #fff; color: #2e2e2e; border-radius: 4px; padding: 6px 10px; transition-duration: .4s; } .menu-item a:hover { background: #595959; color: #fff; } .menu-item a.selected{ background: #595959; color: #fff; } /*----post----*/ .block-post { width: 570px; margin-top: 25px; float: right; } .post { background: #fcfcfc; border: 1px solid #ededed; border-radius: 4px; margin-bottom: 25px; } .post img { max-width: 100%; height: inherit; } .post-date-box { text-align: center; margin-top: -10px; } .post-date { background: #B061AA; padding: 5px 8px; border-radius: 4px; cursor: default; color: #fff; } .post-title h3{ margin: 0; padding: 15px 10px 0px 10px; } .post-title a{ color: #B061AA; font-size: 20px; } .post-time { margin-right: 5px; } .post-date- { border-left: 1px solid #fcfcfc; padding-left: 6px; } .post-matn { padding: 0px 10px 10px; line-height: 1.7; } .post-matn a{ color: #B061AA; } /*-----post-detail-----*/ .post-detail { background: #f5f5f5; padding: 10px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top: 1px solid #ededed; overflow; hidden; } .comment-bottom-post { float: left; } .rate-box { float: left; margin-left: 7px; display: inline-block; } .post-detail a{ background: #B061AA; padding:5px 8px; border-radius: 4px; color: #fff; cursor: pointer; } .post-detail a:hover{ background: #3b3b3b; color: #fff; } .edame-matlab-back { text-align: center; margin-bottom: 10px; } .edame-matlab { margin-right: 10px; } .edame-matlab a{ background: #B061AA; padding:5px 8px; border-radius: 4px; color: #fff; cursor: pointer; } .edame-matlab a:hover{ background: #3b3b3b; color: #fff; } /*post-tags*/ .post-tags { margin-top: -15px; } .tag-back { background: #fcfcfc; border: 1px solid #ededed; padding: 5px; border-radius: 4px; } /*----comment-----*/ .comment-count-box { background: #fafafa; border: 1px solid #ededed; text-align: center; margin-top: 10px; padding: 10px 0px; font-size: 20px; border-radius: 4px; } .comment-count-box a{ color: #454545; } .cm-body { background: #fcfcfc; border: 1px solid #ededed; margin-top: 25px; width: 97.5%; margin-right: 2.5%; border-radius: 4px; } .cm-avatar { margin: -14px; margin-top: -10px; float: right; } .cm-av { width: 50px; border-radius: 4px; border: 2px solid #dbdbdb; } .cm-det { background: #f2f2f2; float: left; height: 40px; } .det-left { padding: 6px; float: left; color: #737373; padding-top: 5px; } .det-left a{ color: #737373; } .comment-details { padding: 7px; background: #fafafa; border-bottom: 1px solid #ededed; margin-right: 20px; } .cm-name { margin-right: 20px; } .comment-matn { padding: 15px; line-height: 1.7; clear: both; } .comment-reply { width: 85%; margin-right: auto; margin-left: auto; padding: 7px; background: #f2e9f1; margin-bottom: 10px; border: 1px solid #ededed; line-height: 1.7; border-radius: 10px; color: #000000; } .comment-reply p{ margin: 0px; max-width: 94%; } .reply-av { width: 40px; border-radius: 4px; 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; } /*----left-----*/ .box-left { width: 220px; float: left; margin-top: 25px; } .archive a.selected { color: #ade03e; } .title-left { margin-top: -20px; text-align: center; background: #B061AA; width: 90%; margin-right: 5%; padding: 10px 0px; border-radius: 4px; cursor: default; color: #fff; } .title-center { } .left-back { background: #fcfcfc; border: 1px solid #ededed; margin-bottom: 7px; margin-top: 30px; border-radius: 4px; } .left-input { padding: 8px 5px 5px; } .left-back a1{ float: right; } .left-back a2{ float: left; } /*stat*/ .left-back3 { background: #f2f2f2; } .stat-back { background: #fff; padding: 10px; margin-bottom: 2px; border: 1px solid #ededed; border-radius: 4px; 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; padding-bottom: 10px; padding-top: 10px; border-radius: 4px; } .blog-titlee { width: 140px; margin-top: -15px; } .my-av { width: 70%; height: inherit; border: 3px solid #ededed; border-radius: 10px; } .description-web { line-height: 1.7; padding: 10px; } /*recent-comment*/ .recent-comment { direction: ltr; margin-bottom: 4px; clear: both; overflow: hidden; } .cm-matnn { direction: rtl; 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: 4px; margin-bottom: 2px; line-height: 1.8em; } .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: #B061AA; color: #fff; } .tagss a.selected{ background: #3b3b3b; color: #fff; } /*------page-----*/ .pagingation { margin-bottom: 10px; } .pagingation a{ background: #fafafa; color: #454545; padding: 3px 8px 3px 8px; transition-duration: .5s; border: 1px solid #ededed; border-radius: 4px; } .pagingation a:hover{ background: #B061AA; color: #000000; } .pagingation a.current{ background: #3d3d3d; color: #fff; } .pagesList { display: inline; } /*----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: #B061AA; color: #000; text-decoration: none; border-radius: 4px; } .fotter .erfan:hover{ background: #8a4c85; } .bayan { float: right; color: #fff; } .bayan a { color: #fff; } .bayan a:hover{ color: #00bcff; } @media only screen and (max-width: 768px) { .wrp { width: 96%; margin-right: 2%; margin-left: 2%; } .header { } .header .blog-title { top: 30px; margin-right: 20px; } .header .blog-title h1,h3{ font-size: 60%; } body { font-size: 90%; } .menu { text-align: center; } .menu-item { padding:0; } .menu-item a{ display: block; margin: 3px; } .block-post { width: 100%; } .comment-reply { width: 80%; } .comment-reply p{ max-width: 85%; } .post-date { } .box-left { width: 100%; } /*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%; } } /*! * 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-clock-o:before { content:"\f017"; } .fa-heart-o:before { content:"\f08a"; }