/*---Hidden-follower-avatar---*/ #followersLs { position: absolute; visibility: hidden; } @font-face { font-family: Parastoo-FD; src: url('https://bayanbox.ir/download/6118486034549828850/Parastoo.woff') format('woff'); font-weight: normal; } @font-face { font-family: Parastoo-FD; src: url('https://bayanbox.ir/download/2460969336931314285/Parastoo.woff2') format('woff'); font-weight: bold; } @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; } /*---body---*/ body { background: #eceff1; font-family: tahoma; font-size: 12px; } body a{ text-decoration: none; } h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; line-height: 1.1; } ul{ list-style: none; margin: 0; padding: 0; line-height: 1.1; } li{ line-height: 1.6em; } .clear { clear: both; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wrp { width: 800px; margin: auto; background: #fff; } /*---header---*/ #header { background-image: url(https://bayanbox.ir/view/4651689858899974786/51.png); background-size:; padding: 105px; text-align: right; } #header a{ color: #409ef2; } #header h1{ font-weight: bold; font-family: yekan,tahoma; font-size: 20px; margin: 0; padding: 5px 20px 10px 25px; } #header h2{ font-weight: normal; font-family: yekan,tahoma; font-size: 12px; margin: 0; padding: 20px 20px 10px 25px; } /*---menu---*/ #menu { background: #fafafa; padding: 4px 6px; font-family: yekan,tahoma; border-width: 1px 0px 1px 0px; border-color: rgba(221, 221, 221, 0.3); border-style: solid; } #menu li{ display: inline-block; } #menu li:after{ content: "|"; color: #e8e8e8; } #menu li:last-child:after{ content: ""; } #menu a{ color: #000; padding: 0px 6px; } #menu a:hover{ color: #409ef2; } #menu a.selected{ color: #409ef2; } /*---block-post---*/ #block-post { width: 73.33333%; float: right; border-left: 1px solid rgba(221, 221, 221, 0.6); padding: 15px; } /*---block-message---*/ .align { margin-bottom: 10px; } .messages { background: #fafafa; border: 1px solid rgba(221, 221, 221, 0.3); padding: 12px 10px; text-align: center; } .messages h2{ font-family: yekan,tahoma; font-weight: normal; font-size: 16px; } /*---post---*/ .post { background: #fff; margin-bottom: 10px; } .post img{ max-width: 100%; height: inherit; } .post audio{ max-width: 100%; height: inherit; } .post video{ max-width: 100%; height: inherit; } .post-title { padding: 6px 0px; } .post-title a{ color: #409ef2; } .post-title a:hover{ color: #248deb; } .post a{ color: #409ef2; } .post a:hover{ color: #1888ec; } .post-title h2{ font-size: 14px; font-family: yekan,tahoma; font-weight: normal; margin: 0; padding: 0; } .post-content { line-height: 1.7; padding: 5px 0px; } .read-more { padding: 5px 0px 10px 0px; text-align: center; } .read-more a{ background: #fafafa; padding: 4px 10px; border: 1px solid #f0f0f0; border-radius: 2px; color: #696969; } .read-more a:hover { border: 1px solid #409ef2; color: #696969; } .seppost { border-top: 1px solid rgba(221, 221, 221, 0.6); margin: 15px 0px; } /*---post-detail---*/ .post-detail li{ display: inline-block; padding: 0px; } .post-detail li:after { content: "|"; color: #f0f0f0; } .post-detail li:last-child:after { content: ""; } .post-detail-right { float: right; } .post-detail-right span{ padding: 0px 1px; color: #b8b8b8; } .post-detail-left { float: left; } .post-detail a{ color: #b8b8b8; } .post-tags { background: #fff; border-radius: 2px; padding: 5px; } .post-tags a{ color: #000; } .post-tags a:hover{ color: #409ef2; } .post-tags-title { padding: 6px 0px; margin-bottom: 4px; border-radius: 2px; color: #7d7d7d; } /*----comment-----*/ .comment-count-box { text-align: center; background: #fff; border-radius: 2px; font-family: yekan; } .comment-count-box a{ color: #000; font-size: 20px; line-height: 1.1; } .cm-body { margin-right: 56px; padding-bottom: 1px; } .cm-avatar { float: right; } .cm-av { width: 50px; border-radius: 50%; } .comment-details { overflow: hidden; padding-top: 7px; } .cm-name { margin-right: 5px; float: right; color: #636363; } .cm-name a{ color: #a3a3a3; } .cm-name a:hover{ color: #858585; } .comment-matn { padding: 10px; line-height: 1.7; overflow: hidden; color: #000; } .comment-link { width: 15px; height: 15px; } .cm-reply-main { overflow: hidden; padding: 0px 10px 10px 10px; } .comment-reply { margin-right: 45px; margin-left: auto; padding: 8px; line-height: 1.7em; color: #409ef2; border-radius: 2px; } .comment-reply-page { padding: 8px; line-height: 1.7em; color: #409ef2; border-radius: 6px; } .reply-av { width: 40px; float: right; border-radius: 50%; } .comment-add-form { margin-top: 15px; margin-bottom: 15px; padding: 10px; background: #fff; border-radius: 2px; color: #000; } .comment-add-form label{ font-weight: normal; } .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: #fafafa; border: 1px solid #e5e5e5; color: #454545; border-radius: 2px; } .htmlbox .toolbar { background: #f5f5f5 !important; border-bottom: 1px solid #e5e5e5 !important; padding: 5px !important; } .htmlbox .toolbar a{ margin: 0px 1px !important; padding: 2px !important; border: 1px solid #ebebeb !important; border-radius: 2px !important; } .htmlbox { border: 1px solid #e5e5e5 !important; background: #fafafa; border-radius: 2px; } .bComForm .sendbutton.hasCheckbox { background: #409ef2; border: 0px; cursor: pointer; margin-top: 0; width: 100px; border-radius: 2px; color: #fff; } .bComForm .sendbutton.hasCheckbox:hover { background: #2892f0; transition-duration: .3s; } /*--cm-detail-top--*/ .post-detail-top { padding: 2px 0px; color: #b0b0b0; cursor: default; font-size: 12px; } .post-detail-top a { color: #b0b0b0; cursor: default; } .post-detail-top ul{ list-style: none; padding: 0; margin: 0; } .post-detail-top li{ border-left: 1px solid #f0f0f0; display: inline-block; padding: 0px 5px; } .post-detail-top li:last-child { border-left: 0px; } /*---pagingation---*/ .pagingation { background: #fff; padding: 4px 6px; } .pagesList { display: inline-block; } .pagingation li{ display: inline-block; } .pagingation a{ padding: 4px 10px; color: #000; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px; } .pagingation a:hover{ border: 1px solid #409ef2; } /*---block-left---*/ #block-left { width: 26.666666%; float:left; line-height: 1.6em; color: #666; padding: 15px; } #block-left .left-box { background: #fff; margin-bottom: 10px; cursor: default; } #block-left .left-title { border-bottom: 1px solid rgba(221,221,221,.6); padding: 4px 0px; font-family: yekan,tahoma; color: #409ef2; } #block-left a{ color: #000; } #block-left a:hover { color: #409ef2; } #block-left .left-detail li{ border-bottom: 1px solid rgba(221,221,221,.5); padding: 4px 0px; } #block-left .left-detail li:last-child{ border-bottom: 0px; } .left-detail a{ display: block; } /*---about-me---*/ .blog-image { text-align: center; margin-bottom: 10px; } .about-me img{ width: 100%; } /*---follow-box---*/ .followBx { margin-top: 10px; background: #fff; border-radius: 0px; border-top: 1px solid rgba(221,221,221,.5); } .followThis.followed { background: #409ef2; } .followThis { background: #409ef2; border-radius: 0px; font-family: yekan,tahoma; font-size: 14px; } #followInBx #followersLs .followImg { border-radius: 50%; } /*---stat---*/ .left-stat li{ padding: 4px 0px; border-bottom: 1px solid rgba(221,221,221,.5); } .left-stat li:last-child{ border-bottom: 0px; } .stat-value { float: left; } /*---category---*/ .left-category li{ padding: 4px 0px; } .count { color: #bdbdbd; } .left-category li a{ padding-right: 12px; background-image: url(//bayanbox.ir/view/8661660237688751606/category-right.png); background-repeat: no-repeat; background-position: right center; display: inline-block; } .left-category .category-child a{ padding-right: 12px; background-image: url(//bayanbox.ir/view/4955324527815090542/category-child-right.png); background-repeat: no-repeat; background-position: right center; display: inline-block; } /*---recent-comments---*/ .recent-cm-main { overflow: hidden; } .recent-cm-main img{ width: 30px; float: right; border-radius: 50%; margin-top: 3px; } .recent-cm-detail { margin-right: 35px; } .recent-cm-name { color: #409ef2; } .recent-cm-matn { color: #000; } /*---recent-post---*/ .left-detail a:hover{ color: #666; } /*---tags---*/ .left-tag { padding: 4px 0px; } .tags a{ background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px; padding: 4px 6px; margin: 2px 0px; display: inline-block; } .tags a:hover { color: #000 !important; border: 1px solid #409ef2; } /*---footer---*/ .footer { padding: 8px 6px; background: #fff; border-top: 1px solid rgba(221, 221, 221, 0.4); } .footer a{ color: #409ef2; } footer a:hover { color: #1788ee; } .erfan { float: left; } .bayan { float: right; } @media only screen and (max-width: 768px) { body { font-size: 90%; } .post-title h2{ font-size: 16px; } #wrp { width: 100%; } #menu { text-align: center; } #menu li{ display: block; padding: 3px 0px; } #menu li:after{ content: ""; } #block-post { width: 100%; } #block-left { width: 100%; margin-top: 10px; } } * { font-family: Parastoo-FD !important; }