/*--background: -webkit-linear-gradient(45deg, #c50404, #d3390a, #f7420c, #f78f0c,#f7ac0c);--*/ @font-face { font-family: 'yekan'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff'); font-weight: bolder; 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; } @font-face { font-family: "dst"; src:url('http://bayanbox.ir/download/8037987297298106903/ADastNevis.ttf') ; font-weight: normal; font-style: normal; } /*--body--*/ body a{ text-decoration: none; } body { /*--background: #fff;--*/ /*--background-image: url(http://s8.picofile.com/file/8291114042/6967_1.jpg);--*/ /*--background-repeat: no-repeat;--*/ font-family: yekan,tahoma; /*--font-size: 15px;--*/ } h1 { font-family: "dst"; font-size: 35px; } h2,h3,h4,h5,h6 { font-family: yekan,tahoma; } /*--wrp--*/ #wrp { width: 850px; margin: auto; } /*--header--*/ .header { background: url(http://s8.picofile.com/file/8311530726/man4.jpg) left; background-repeat: no-repeat; /*--background-size: cover;--*/ height: 360px; line-height: 1.8em; font-size: 13px; /*--color: #3e0f0f;---*/ color: #5092cc; } .blog-title { font-size:35 px; padding: 160px 5px 0px 0px; text-align: right; text-indent: 20px; } .header a { /*--color: #3e0f0f;---*/ color: #5092cc; text-align: right; background: -webkit-linear-gradient(135deg, #325b7f, #5092cc, #64b7ff ,#b0daff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 800% 800%; animation: AnimationName 25s ease infinite; } @keyframes AnimationName { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } /*--menu--*/ .menu { /*--background: #FFF5D0;--*/ font-size: 14; padding: -20px 20px; margin-bottom: 15px; } .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: #feedaf;--*/ } .menu li:last-child:after { content: ""; } .menu a{ text-align: center; padding: 4px 60px; margin: 0px 2px; color: #000; border-radius: 12px; } .menu a:hover{ color: #5092cc; transition-duration: 0.5s; } /*--all-block--*/ .main-block { } .block-post { margin-bottom: 10px; width: 550px; float: right; /*--background: url(//bayanbox.ir/view/158633934356424900/post-background2.png); background-repeat: repeat-y;--*/ } /*--post--*/ .post { /*--display: table-cell;--*/ margin-bottom: 20px; } .post a{ color: #5092cc; } .post a:hover { color: #5092cc; } .post img{ max-width: 100%; height: inherit; } .post-num{ /*--color: gray; margin-right: -40px; font-size: 12px;--*/ } .post-title { padding: 1px 1px 0px 1px; background-image: url(http://s8.picofile.com/file/8311299276/Snow.png) ; background-repeat: no-repeat; background-position: 100% 80% ; } .post-title h2 { margin-right: 30px; font-size: 18px; } .post-title a{ color: #5092cc; } .post-matn { color:#274763; text-align: justify; text-indent: 10px; margin-top: 5px; font-size: 15px; padding: 0px 10px 5px 20px; line-height: 1.7; } /*--post-detail--*/ .post-detail { padding: 0px 2px; font-size: 13; color: #5092cc; margin-left: 00px; text-align: left; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 220px; background-color: #fff; color: #5092cc; text-align: center; border: 1px solid #5092cc; border-radius: 6px; box-shadow:2px 2px 6px gray; padding: 5px 0; position: absolute; z-index: 1; top: 100%; left: 50%; margin-top: 5px; margin-left: -60px; opacity: 0; transition: opacity 0.5s; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .post-detail ul{ list-style: none; padding: 0; margin: 0; } .post-detail li{ list-style: none; padding: 2px 0px; margin: 0; display: inline; } .post-detail-right { float: right; } .post-detail li:after { content: "|"; color: #CFBE7F; padding: 0px 4px; } .post-detail li:last-child:after { content: ""; padding: 0; } .post-detail a{ text-align: left; color: #5092cc; padding: 6px; } .post-author{ color: #CFBE7F; cursor: default; } .post-author i{ padding-left: 3px; } .post-date { text-align:right; margin-top: 1px; /*--cursor: default; color: gray; font-size: 11; --*/ } .post-date i{ /*--margin-top: 50px; padding-left: 3px;--*/ } .post-tags { /*--background: #fff;--*/ text-align: left; /*--margin-left: 40px;--*/ border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 5px; } .post-tags-title { padding: 6px 10px; margin-bottom: 4px; } /*----comment-----*/ .cm-count { text-align: center; padding: 20px 0px; } .cm-main { padding: 8px; } .cm-count a{ font-size: 25px; color: #999999; cursor: default; } .cm-body { overflow: auto; font-size: 13px; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px dashed #5092cc; padding-bottom: 10px; line-height: 1.7; color:#274763; } .cm-detail { position: relative; margin-right: 60px; margin-top: 11px; } .cm-av { width: 50px; border-radius: 10%; float: right; } .cm-name { color: #fff; background: #5092cc; border-radius:5px; padding: 0px 5px; margin-left: 5px; } .cm-date { color: #858585; } .cm-date .cm-date-a { color: #858585; cursor: default; } .cm-date .cm-date-a:hover { color: #858585; } .cm-detail a{ color: #858585; } .cm-detail a:hover{ color: #000; } .reply-body { margin-top: 10px; background: #e6f0f9; border-radius: 10px; } .reply-av { width: 35px; max-height: 40px; border-radius: 0px 5px 0px 0px; float: right; } .cm-reply-matn { text-align:justify; margin-left: 15px; padding-bottom: 10px; position: relative; margin-right: 50px; overflow: hidden; } .comment-reply { margin-right: 50px; margin-left: auto; padding: 8px; background: #fff; line-height: 1.7em; color: #000; } .comment-reply-page { padding: 8px; background: #fff; line-height: 1.7em; color: #000; } .comment-reply p{ } .comment-add-form { padding: 10px; /*--background: #F4EAC5;--*/ margin: 15px 5px 15px 40px; } .bComForm .sendbutton.hasCheckbox { /*--background: #5092cc;--*/ border: 0px; cursor: pointer; margin-top: 0; width: 100px; /*--color: #fff;--*/ } .bComForm .sendbutton.hasCheckbox:hover { color: #fff; background: #5092cc; transition-duration: 0.5s; } .tooltipf { position: relative; display: inline-block; } .tooltipf .tooltiptextf { visibility: hidden; width: 220px; background-color: #fff; color: #5092cc; text-align: center; padding: 5px 0; position: absolute; z-index: 1; top: 100%; left: 50%; margin-top: 5px; margin-left: -60px; opacity: 0; transition: opacity 0.5s; } .tooltipf:hover .tooltiptextf { visibility: visible; opacity: 1; } /*--pageination--*/ .pagingation { /*--background: #fff;--*/ text-align: center; padding: 9px; margin-top: 10px; } .pagesList { display: inline-block; } .pagingation a{ padding: 4px 10px; /*--background: #fff;--*/ /*--border: 1px solid #eddfab;--*/ color: #274763; } .pagingation a:hover { background: #5092cc; color:#fff; border-radius: 6px; transition-duration: 0.5s; } /*--left--*/ .left { float: left; text-align: center; width: 240px; color: #274763; margin-top: 25px; } .left a{ color: #274763; } .archive a.selected { color: #89CC97; } .title-left { color: #fff; /*--text-shadow: 1px 1px #decaca;--*/ width: 240px; /*--padding: 0px 85px;--*/ font-size: 16px; background: url(http://s8.picofile.com/file/8311464434/cloud2.jpg) center no-repeat; border-radius: 5px; display: inline-block; text-align:center; } .left-back { /*--background: #FFF5D0;--*/ margin-bottom:20px; } .left-back-bottom { height: 42px; background: url(//bayanbox.ir/view/3092976702297931286/left-bottom2.png); margin-bottom: 10px; } .left-top { width: 240px; height: 71px; background: url(//bayanbox.ir/view/8522788872484410730/left-top-2.png); } .left ul { list-style: none; margin: 0; padding: 0; } .left li{ padding: 0px 5px; margin: 0; background: rgba(255, 255, 255, 0.3); border-radius: 5px; } .left li:last-child{ border-bottom: 0px; } .left-input { padding: 8px 5px; } .menu a{ } /*--.flwb { margin: 5px; text-align: center; } .flwb a{ text-decoration: none; background: #e6f0f9; font-size: 16px; padding: 2px 15px; color: #5092cc; border-bottom: 2px solid #5092cc; border-radius: 5px 5px 0px 0px; } .flwb a:hover{ background: #5092cc; color: #fff; border-radius: 5px 5px 0px 0px; transition-duration: 1s; } --*/ /*--follow-box--*/ .followBx { margin: 10px 8px 5px 8px; } .followThis.followed { background: #5092cc; } .followThis { background: #5092cc; } /*stat*/ .stat-back { padding: 5px 4px; margin-bottom: 2px; border-radius: 4px; cursor: default; } .stat-value { float: center; display: inline-block; } /*مطالب محبوب*/ .left i{ color: #707070; margin-left: 5px; display: inline-block; } .rate--post { font-size: 12px; color: #274763; background: #e6f0f9; display:inline-block; padding: 5px; border-right: 3px solid #5092cc; /*--border-radius: 6px;--*/ margin-bottom: 3px; margin-right: 5px; line-height: 2em; transition-duration: 0.5s; } .rate--post:hover{ color: #fff; background: #5092cc; /*--padding: 10px;--*/ } a.selected .rate--post { background: #5092cc; color: #fff; } /*--tags--*/ .tagss { display: inline-block; /*--justify-content: space-between;--*/ } .tagss a{ text-align: justify; padding: 3px 8px; font-size: 12px; background: #e6f0f9; border-right: 3px solid #5092cc; margin-bottom: 3px; margin-right: 5px; display: inline-block; color: #274763; transition-duration: 0.5s; } .tagss a:hover{ rgba(255, 255, 255, 0.42); background: #5092cc; color: #fff; } .tagss a.selected{ background: #5092cc; color: #fff; } /*----fot----*/ .fotter { /**-background: #F4EAC5;--*/ margin-bottom: 10px; float: left; padding: 8px; clear: both; bottom: 0; left: 0; top: auto; direction: ltr; } .fotter .erfan{ transition-duration: 0.5s; color: #5092cc; text-decoration: none; } .fotter .erfan:hover{ background: #5092cc; color: #fff; padding: 5px 5px; border-radius: 5px; } .bayan { float: right; color: #000; } .bayan a { color: #5092cc; } .bayan a:hover{ color: #f88787; } .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: #5092cc; } .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"; } .descript{ padding:10px; width:300px; }