@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: #f3f4f6; font-family: tahoma; font-size: 12px; } p{ color: #4a4a4a; font-family:yekan; font-size:14px; display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } li{ color: #4a4a4a; font-family:yekan,tahoma;; font-size:14px; } body a{ text-decoration: none; } body a:hover { text-decoration: none; } ul { list-style: none; margin: 0; padding: 0; } .clear { clear: both; } #wrp { width: 900px; margin: auto; } /*---header---*/ /*---menu---*/ /*---block-post---*/ #block-post { width: 66.666666%; padding: 0px 15px; float: right; margin-top: 40px; } /*---block-message---*/ .align { margin-bottom: 10px; } .messages { background: #fff; border: 1px solid rgba(39,48,57,.08); box-shadow: 0 0 5px rgba(39,48,57,.05); padding: 1px 10px; text-align: center; } .messages h2{ font-family: yekan,tahoma; font-weight: normal; font-size: 16px; } /*---post---*/ .post { background: #fff; border: 1px solid rgba(39,48,57,.08); box-shadow: 0 0 5px rgba(39,48,57,.05); margin-bottom: 40px; } .post img{ max-width: 100%; height: inherit; } .post audio{ max-width: 100%; height: inherit; } .post video{ max-width: 100%; height: inherit; } .post-title { padding: 14px 15px; border-bottom: 2px solid #a9c8de; color:#005691; } .post-title a{ color: #005691!important; } .post-title a:hover{ color: #005691; } .post a{ color: #1E90FF; } .post a:hover{ color: #0000FF; } .post p{ color: #4a4a4a; font-family:yekan,tahoma;; font-size:14px; } .post-title h2{ font-size: 18px; font-family: yekan,tahoma; font-weight: normal; margin: 0; padding: 0; } .post-content { line-height: 1.7; padding: 15px; } .read-more { text-align: center; margin-bottom: 20px; } .read-more a{ padding: 8px 15px; border: 2px solid rgba(39, 48, 57, 0.1); border-radius: 20px;} /*---post-detail---*/ .post-detail { border-top: 1px solid rgba(39,48,57,.06); padding: 14px 15px; } .post-detail li{ display: inline-block; padding: 0px; } .post-detail li:after { content: "|"; color: rgba(39,48,57,.06); } .post-detail li:last-child:after { content: ""; } .post-detail-right { float: right; } .post-detail-right span{ padding: 0px 4px; color: #999999; } .post-detail-left span { color: #999999; } .post-detail-left { float: left; } .post-detail-left a{ color: #1E90FF; padding: 0px 8px; } .post-tags { background: #fff; border: 1px solid rgba(39,48,57,.08); box-shadow: 0 0 5px rgba(39,48,57,.05); padding: 5px 15px 5px 5px; margin-top:-20px; } .post-tags a{ color: #000; } .post-tags a:hover{ border-color: #1E90FF; } .post-tags-title { padding: 6px 15px; margin: -5px -15px 4px -5px; color: #111; background-color:rgb(0,86,145,0.3); font-family:yekan,tahoma; font-size:16px; } /*----comment-----*/ .cm-main-back { border: 1px solid rgba(39,48,57,.08); box-shadow: 0 0 5px rgba(39,48,57,.05); padding: 20px; margin-top: 20px; background: #fff; } .comment-count-box { text-align: center; padding-bottom: 20px; background: #fff; border-bottom: 2px solid #a9c8de; font-family: yekan; } .comment-count-box a{ color:#005691; font-size: 20px; } .cm-body { background: #fff; margin-right: 56px; padding-bottom: 1px; } .cm-main { padding: 20px 0px; border-bottom: 1px solid rgba(39,48,57,.15); } .cm-avatar { float: right; } .cm-av { width: 40px; border-radius: 50%; } .comment-details { padding: 6px; background: #fff; overflow: hidden; border-top-right-radius: 2px; border-top-left-radius: 2px; } .cm-name { margin-right: 5px; float: right; color: #c20035; font-family:yekan,tahoma; font-size:14px; } .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: 40px; margin-left: auto; padding: 8px; line-height: 1.7em; color: #1E90FF; } .comment-reply-page { padding: 8px; line-height: 1.7em; color: #1E90FF; } .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; } .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: 10px !important; } .htmlbox .toolbar a{ margin: 0px 2px !important; padding: 2px !important; border: 1px solid #e5e5e5 !important; border-radius: 2px !important; } .htmlbox { border: 1px solid #e5e5e5 !important; background: #fafafa; border-radius: 2px; } .bComForm .sendbutton.hasCheckbox { background: #1E90FF; border: 0px; cursor: pointer; margin-top: 0; width: 100px; border-radius: 2px; color: #fff; } .bComForm .sendbutton.hasCheckbox:hover { background: #eb8024; transition-duration: .3s; } /*--cm-detail-top--*/ .post-detail-top { padding: 2px 0px; color: #a8a8a8; cursor: default; font-size: 10px!important; } .post-detail-top a { color: #909497; cursor: default; font-size: 11px } .post-detail-top ul{ list-style: none; padding: 0; margin: 0; } .post-detail-top li{ display: inline-block; padding: 0px 12px; } .post-detail-top li:last-child { border-left: 0px; } /*---pagingation---*/ .pagingation { padding: 0px; } .pagesList { display: inline-block; } .pagingation li{ display: inline-block; } .pagingation a{ margin: 0 2px; padding: 8px 12px; border: 1px solid rgba(39,48,57,.1); border-radius: 2px; background: #fff; color: #999; } .pagingation a:hover{ border-color: #1E90FF; color: #1E90FF; } /*---block-left---*/ aside { width: 33.333333%; float: left; padding: 0px 15px; } #block-left { margin-top: 40px; line-height: 1.6em; color: #666; border: 1px solid rgba(39,48,57,.08); box-shadow: 0 0 5px rgba(39,48,57,.05); background: #fff; padding: 20px; } #block-left .left-box { margin-bottom: 10px; cursor: default; } #block-left .left-title { border-bottom: 2px solid #a9c8de; padding: 14px 4px; font-family: yekan,tahoma; color:#005691; font-size: 16px; } #block-left a{ color: #000; } #block-left a:hover { color: #1E90FF; } #block-left .left-detail li{ border-bottom: 1px solid #e5e5e5; padding: 14px 2px; } #block-left .left-detail li:last-child{ border-bottom: 0px; } .left-detail li:hover { } .left-detail a{ display: block; } /*---about-me---*/ .about-me { padding: 0px 10px 10px 10px; } .blog-image { text-align: center; } .about-me img{ width: 95%; margin-top: 10px; } .blog-description { padding-top: 15px; } /*---follow-box---*/ .followBx { margin-top: 10px; background: #fff; border-radius: 0px; border-top: 1px solid #e5e5e5; } .followThis.followed { background: #1E90FF; } .followThis { background: #1E90FF; border-radius: 0px; font-family: yekan,tahoma; font-size: 14px; } #followInBx #followersLs .followImg { border-radius: 50%; } /*---stat---*/ .left-stat li{ padding: 14px 2px; border-bottom: 1px solid #e5e5e5; } .left-stat li:last-child{ border-bottom: 0px; } .stat-value { float: left; } /*---category---*/ .left-category li{ padding: 8px 2px; } .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: #1E90FF; } .recent-cm-matn { color: #000; } /*---recent-post---*/ .left-detail a:hover{ color: #666; } /*---tags---*/ .left-tag { padding: 4px 6px; } .tags a{ background: #f9f9f9; padding: 4px 6px; margin: 2px 0px; display: inline-block; border: 1px solid #e5e5e5; border-radius: 2px; } /*---footer---*/ .footer { padding: 14px 10px; background: #fff; border: 1px solid rgba(39,48,57,.08); box-shadow: 0 0 5px rgba(39,48,57,.05); margin-top: 30px; } .footer a{ color: #aaa; } footer a:hover { color: #aaa; } .bayan { float: right; color:#aaa; } @media only screen and (max-width: 900px) { #wrp { width: 95%; } aside { width: 100%; } #block-post { width: 100%; } } .flag { background: #fff; border: 1px solid rgba(39,48,57,.08); box-shadow: 0 0 5px rgba(39,48,57,.05); margin-bottom: 40px; } .flag img{ max-width: 100%; height: inherit; } .flag li{ display: inline-block; width:23.5%; border: 1px solid #ddd; margin:5px; } .flag-title { padding: 14px 15px; border-bottom: 2px solid #a9c8de; color:#005691; font-size:21px; } .flag-title h3{ display:inline; font-family:yekan; font-size: 18px; } .flag-title a{ background-color: #005691; color: #fff; font-size: 15px; font-family:yekan; padding: 5px 20px; line-height: 25px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; float:left } .flag-title a:hover{ color:#fff; } .flag-post{ margin:5px 0px; } .flag-post-tb{ padding:0px 2px 6px 2px; } .flag-post-title{ padding:5px 2px 8px 2px; text-align:center; font-size:14px; height:65px } .flag-post-btn { text-align:center; } .flag-post-btn a{ background-color: #005691; color: #fff!important; font-size: 12px; font-family:yekan; padding: 5px 20px; line-height: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; } @media only screen and (max-width: 1100px) { .flag li{ width:31.5%; } } @media only screen and (max-width: 600px) { .flag li{ width:46.5%; } } @media only screen and (max-width: 430px) { .flag li{ width:45.5%; } } @media only screen and (max-width: 350px) { .flag li{ width:100%; } } .icon-social { position: relative; display: inline-block; margin: 14px 2px; } .icon-social a { width: 40px; height: 40px; display: block; border-radius: 2px; transition: .3s all linear; border: 1px #E0E0E0 solid } .icon-social .fa { font-style:normal; font-size: 22px !important; line-height: 1.9 !important; color: #d2d2d2; transition: .3s all linear } .icon-social a:hover { transform: rotate(-40deg)scale(1) } .icon-social a.hvr-facebook:hover { background: #3b5999 } .icon-social a.hvr-twitter:hover { background: #55acee } .icon-social a.hvr-linkedin:hover { background: #0077B5 } .icon-social a.hvr-instagram:hover { background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); } .icon-social a:hover i { transform: rotate(40deg); color: #ffffff } /*----comment-----*/ .cm-main-back1 { border: 1px solid rgba(39,48,57,.08); box-shadow: 0 0 5px rgba(39,48,57,.05); padding:5px; margin-top: 20px; background: #fff; } .comment-count-box1 { text-align: right; padding-bottom: 20px; font-family: yekan; margin-top: 30px; margin-bottom: -30px; } .comment-count-box1 a{ color:#111; font-size: 20px; } .cm-body1 { background: #fff; margin-right: 10px; padding-bottom: 1px; } .cm-main1 { padding: 5px 0px; } .cm-avatar1 { float: right; margin-left:10px; } .cm-av1 { width: 40px; border-radius: 50%; } .comment-details1 { padding: 6px; overflow: hidden; border-top-right-radius: 2px; border-top-left-radius: 2px; } .cm-name1 { margin-right: 5px; float: right; color: #c20035; font-family:yekan,tahoma; font-size:14px; } .cm-name1 a{ color: #a3a3a3; } .cm-name1 a:hover{ color: #858585; } .comment-matn1 { padding: 10px; line-height: 1.7; overflow: hidden; color: #000; font-family:yekan,tahoma; font-size:14px; } .comment-link1 { width: 15px; height: 15px; } .cm-reply-main1 { overflow: hidden; padding: 0px 10px 10px 10px; background-color:#eff7f5; margin-right:20px; margin-left:10px; margin-top:5px; padding:15px; } .comment-reply1 { margin-right: 40px; margin-left: auto; padding: 8px; line-height: 1.7em; color: #1E90FF; } .comment-reply-page1 { padding: 8px; line-height: 1.7em; color: #1E90FF; } .reply-av1 { width: 35px; float: right; border-radius: 50%; } .comment-add-form1 { margin-top: 15px; margin-bottom: 15px; padding: 10px; background: #fff; border-radius: 2px; color: #000; } .comment-add-form1 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: 10px !important; } .htmlbox .toolbar a{ margin: 0px 2px !important; padding: 2px !important; border: 1px solid #e5e5e5 !important; border-radius: 2px !important; } .htmlbox { border: 1px solid #e5e5e5 !important; background: #fafafa; border-radius: 2px; } .bComForm .sendbutton.hasCheckbox { background: #1E90FF; border: 0px; cursor: pointer; margin-top: 0; width: 100px; border-radius: 2px; color: #fff; } .bComForm .sendbutton.hasCheckbox:hover { background: #eb8024; transition-duration: .3s; } /*--cm-detail-top--*/ .post-detail-top1 { padding: 2px 0px; color: #a8a8a8; cursor: default; font-size: 10px!important; } .post-detail-top1 a { color: #909497; cursor: default; font-size: 11px } .post-detail-top1 ul{ list-style: none; padding: 0; margin: 0; } .post-detail-top1 li{ display: inline-block; padding: 0px 12px; } .post-detail-top1 li:last-child { border-left: 0px; } .formField2{ font-family:yekan,tahoma; } .inputFix input[value]{ font-family:yekan,tahoma; } h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-family:yekan; margin-bottom: -6px; font-size: 22px; } h3{ font-family:yekan; font-size: 16px; } .AmirReza { float: left; }