@charset "utf-8"; @font-face { font-family: 'A GOOGLE'; src: url('http://awebfont.ir/services/fonts/754bba0f218e4740e1ce2e37ebc80ef3c29715161011931.eot'); src: local('☺'), local('A GOOGLE'), url('http://awebfont.ir/services/fonts/754bba0f218e4740e1ce2e37ebc80ef3c29715161011931.woff') format('woff'), url('http://awebfont.ir/services/fonts/754bba0f218e4740e1ce2e37ebc80ef3c29715161011931.ttf') format('truetype'), url('http://awebfont.ir/services/fonts/754bba0f218e4740e1ce2e37ebc80ef3c29715161011931.svg') format('svg'); font-weight: normal; font-style: normal; } body{ font-family: 'A Google', "tahoma", "arial", "Times New Roman", Times, Arial, serif; width:100%; background:#f1f1f1; color:#333 } #content-wrp{ } #left-menu{ width:32%; float:left; background-color:#fff; margin-left:15px; box-shadow:0 0 5px 2px #cecece; margin-top:14px; } #right-box{ width:65%; float:right; background-color:#fff; box-shadow:0 0 11px 2px #cecece; margin-right:5px; margin-top:14px; } /*--menu--*/ #menu{ width:90%; margin:auto; overflow:hidden; border-bottom:1px solid #eeeeee } .menu{ position: relative; right: 12px; font-size: 16px; list-style-type:none; list-style-image:url() } .menu a{ display:inline; line-height:5px; padding:3px } .menu a:visited{ color:#4c4c4c; } .menu a:hover{ background-color:#ff5959; cursor:pointer; border-radius:1px; transition:0.4s ; color:#fff; border-radius:3px } .menu li { display:inline; padding:5px; margin:auto; } .menu li:selected{ color:#009688 } /*-- Post pishnahad --*/ #box-matn-hidde{ width:150px; position: absolute; float:right; padding-right:50px; display:block } .followShow .followThis { width: 145px; position: absolute; bottom: 8px; left: 8px; font-size: 14px; font-weight: bold; } .followThis.followed{ background: #1784d9; } #followInBx #followersLs .followImg { width: 45px; height: 45px; border-radius: 50px; margin:3px; } .followBx{ border-top:1px solid #cccccc; border-radius:0px; background-color:#fff; padding-top:5px } .followThis{ border:0px solid لطفا کد رنگ مورد نظر رو وارد کنید; border-radius:2px; background-color:#3366ff; } .followersTitle{ margin-top:20px } .followThis.followed:hover{ filter:opacity(0.8); text-shadow:1px 1px 1px #000; transition:1s } #main ul{ color:#000; position: absolute; padding:5px; list-style-type:none } #main li { position:relative; float:right; padding:0 15px; border-left:1px solid #aaa; } /*--post-mortabet--*/ #post-motabet{ background:linear-gradient(45deg, #009688 0%, #ffffff 70%, #ffffff 70%, #009688 100%); color:#fff; direction:rtl; margin:20px 20px 0; border-radius:5px; border:2px solid #3366FF; padding: 10px 20px; clear: both; overflow:hidden } .title-mortabet{ font-size:16px ; direction:rtl; font-weight:bold; padding:5px; text-shadow:1px 1px 1px #000; color:#fff } #post-motabet a{ font-size:12px; display:block; color:#3366FF; font-weight:bold; margin-top:10px } #post-motabet a:hover{ transition: cubic-bezier(0.4, 0, 0.2, 1) .8s all; z-index:2; -webkit-transform:scale(1.1); color:#000; } #post-motabet a:visited{ color:none; } .sidebox blank{ width:100%; height:300px; color:#777777;; } .sidebox-box{ width:100%; float:left; margin-right:5px; } .sidebox-content{ width:100%; border-bottom:1px solid #eeeeee; float:left; overflow:hidden; margin-right:5px } .blog-image img{ width:100%; height:300px; background-color:#aaa; float:left; filter:opacity(0.7) } .blog-title{ font-size:30px; font-weight:bold; position: relative; top:-80px; z-index:9999; float:left; color:#333; margin-left:25px } .blog-title:hover{ color:#00962f; font-size:31px; transition:1s; cursor:pointer; text-shadow:1px 1px 1px #333 } .menu-asli{ width:90%; float:left; font-size:16px; direction:ltr; margin-left:15px; padding:5px; border-bottom:1px solid #eeeeee; margin-top:-50px } .menu-asli a{ text-decoration:none; padding-top:5px; color:#4c4c4c } .menu-asli a:visited{ color:#4c4c4c; } .menu-asli a:hover{ color:#009688 } .menu-asli ul{ list-style-type:none; } .menu-asli ul li{ padding-top:10px } .ico-home{ list-style-image:url(http://bayanbox.ir/view/8564554642309043935/ico-home-2.png); } .ico-link{ list-style-image:url(http://bayanbox.ir/view/4323986951528916430/link-1.png); } .ico-buy{ list-style-image:url(http://bayanbox.ir/view/7455310022493258828/mony-1.png); } .ico-tarikh{ list-style-image:url(http://bayanbox.ir/view/3573087329239502672/tarikh.png); font-size:12px; color:#009688; } .sidebox{ width:100%; color:#4c4c4c; background:none; } .view-ads{ width:90%; border-bottom:1px solid #eeeeee; background:none; display:block; padding:5px; float:left; margin-left:10px } .view-ads img { float:left } .sidebox-title{ font-size:15px; font-weight:bold; color:#009688; padding:10px; float:right; direction:rtl } .ico-ads img{ width:22px; height:22px; float:right; margin-right:20px; margin-top:10px } .sidebox-content categories{ width:90%; border-bottom:1px solid #eeeeee; background:none; padding:5px; float:right; margin-right:20px; direction:rtl } #list-categories{ list-style-type:none; list-style-image:url(http://bayanbox.ir/view/6166135324754343183/hand-1.png) } #list-categories span{ float:left; margin-left:10px } #list-categories a{ text-decoration:none; color:#777777; font:11px; margin-top:-13px } #list-categories a:hover{ color:#009688; font-weight:bold; transition:0.1s } #list-categories a:visited{ } .post-list-count{ float:left; direction:ltr; margin-top:-25px; color:#009688 } .StatTitle { font-size:14px; padding-top:5px; direction:rtl; } .Value{ float:left; direction:ltr; font-size:12px; margin-left:35px } .sidebox-content stat{ width:90%; width:90%; border-bottom:1px solid #eeeeee; background:none; padding:5px; float:right; margin-right:20px; direction:rtl } #footer{ width:100%; height:150px; background-color:#009688; position: relative; top:100px; color:#fff; font-size:15px; overflow:hidden; padding-top:25px } .footer-wrp{ position: relative; width: 1000px; margin: auto; } .title-footer{ color:#fff; font-size:16px; margin-top:15px; padding:5px } #footer .footer-icons { position: absolute; left: 450px; top: 50px; text-align: left; } #footer .footer-icons a { float: left; margin-right: 3px; width: 25px; height: 25px; } .footer-ico-rss { background: url(http://bayanbox.ir/view/3105204674590022732/rss-1.png) no-repeat; background-size:20px } .footer-ico-aparat { background: url(http://bayanbox.ir/view/7383221070189038815/aparat-farsgraphic.png) no-repeat; background-size:20px } .footer-ico-telegram { background: url(http://bayanbox.ir/view/631173322710971005/telegram-farsgraphic.png) no-repeat; background-size:20px } .footer-ico-instagram { background: url(http://bayanbox.ir/view/5980750217489995295/instagram-farsgraphic.png) no-repeat; background-size:20px } .footer-ico-templates { background: url(http://bayanbox.ir/view/7474258920604170472/farsgraphic-Twitter.png) no-repeat; background-size:20px } #ico-f-hover:hover{ filter:opacity(0.5); background-size:25px; transition:0.4s; } .tag-cloud a{ margin-right:10px; color:#757575; text-decoration:none; font-size:12px; opacity:0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:calc(100% - 30px); border:1px dashed #009688; display: -webkit-inline-box; } .tag-cloud a:hover{ filter:opacity(.8); color:#fff; background-color:#009688 } .sidebox-content tag-cloud{ } #list-akhar{ list-style-type:none; list-style-image:url(http://bayanbox.ir/view/54228926477759588/214.png) } #list-akhar div{ float:left; margin-left:10px } #list-akhar a{ text-decoration:none; color:#777777; font:11px; margin-top:-3px } #list-akhar a:hover{ color:#009688; font-weight:bold; transition:0.1s } #list-akhar a:visited{ font-weight:bold } #list-nazar{ list-style-type:none; list-style-image:url(http://bayanbox.ir/view/1543692917911870919/112.png) } #list-nazar a{ text-decoration:none; color:#4c4c4c; } #list-nazar a:hover{ color:#009688; } #list-nazar div{ float:left; margin-left:10px; color:#444146; border:1px dashed #009688; border-radius:5px } #list-nevis li{ float:left; margin-left:250px } #list-nevis{ list-style-type:none; list-style-image:url(//blog.ir/media/images/guest.png?1) } #list-nevis a{ text-decoration:none; color:#777777; font:12px; } #list-link{ list-style-type:none; list-style-image:url(http://bayanbox.ir/view/9166225548479231034/hand.png) } a{ text-decoration:none; color:#777777; } a:hover{ color:#009688; } #list-peivand{ list-style-type:none; list-style-image:url(http://bayanbox.ir/view/1694720300843126762/ico-catgory.png) } #list-peivand a:visited{ color:#009688 } #list-amar{ list-style-type:none; list-style-image:url(http://bayanbox.ir/view/1114598881159820127/200.png) } .footer-cyber8{ margin-top:70px } .footer-cyber8 a{ color:#cddc39; } .footer-cyber8 a:hover{ color:#fff } .block-content { width: 99%; padding-top: 40px; margin:auto } .block-content-view { float: right; width: 100%; } .block-content .messages { cursor: default; margin-bottom: 15px; border: 1px solid rgba(172, 186, 192, 0.5); background: #fff; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(244, 244, 244, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); border-top: 2px solid #009688; box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); border-radius: 5px; } .block-content .messages .messages-content { padding: 5px 15px; color: #aaa; } .block-content .messages .messages-content h2 { color: #888; font: 21px "yekan", "Times New Roman", Times, Arial, serif; text-align: center; cursor: default; margin: 0 0 7px; } .block-content .messages .messages-content h2 a.comment_count { color: #aaa; } .block-content .messages .messages-content h2 a.comment_count:hover { color: #0892cd; cursor: pointer; } /*-- Content-post --*/ .block-content .post { position: relative; padding: 0; margin-bottom: 15px; font-family: 'A Google', "tahoma", "arial", "Times New Roman", Times, Arial, serif; } .post-image { overflow: hidden; border-radius: 5px 5px 0 0; width:150px; margin-right:5px; margin-top:5px } .post-image img { width: 100%; height: auto; display: block; border-radius: 5px 5px 0 0; } .post-image a img { -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius: 5px 5px 0 0; } .post-image a:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .block-content .post .post-title { padding: 20px 20px 15px; } .block-content .post h2 { margin: 0; } .block-content .post h2 a { line-height: 1.7em; font-size: 25px; color: #777777; } .block-content .post h2 a:hover { color: #0575a5; } .post-content { color: #444; margin: 0 20px; padding-bottom: 20px; text-align: justify; font: 15px ; } .post-content a { color: #0892cd; } .post-content a:hover { color: #0575a5; } .post-content ul li { margin-right: 5px; line-height: 1.9em; } .post-content img { max-width: 98%; height: auto; } .post-readmore { margin: 0px 20px 25px; } .post-readmore a { font-size: 15px; line-height: 1em; padding: 8px; color: #4c4c4c; border: #009688 1px dashed; border-radius: 3px; } .post-readmore a:hover { color: #fff; border: #fff 1px solid; background: #009688; } /*-- Content-post-details --*/ .post-details { font: 14px ; color: #888; cursor: default; position: relative; border-radius: 0 0 5px 5px; } .post-details a { color: #fff !important; } .post-details a:hover { color: #555 !important; } .post-details.over { position: absolute; z-index: 9; float: left; direction: ltr; left: 0; } .post-details.over .post-details-date { margin: 0 0 2px; padding: 1px 10px 5px; background: #009688; color: rgba(255, 255, 255, 0.9); } .post-details.over .post-details-date:hover{ filter:opacity(0.7) } .post-details.over .post-details-author { margin: 0 0 2px; padding: 1px 10px 5px; background: #009688; color: rgba(255, 255, 255, 0.9); } .post-details.over .post-details-author:hover { filter:opacity(0.7) } .post-details.bottom { margin-top: 15px; padding: 5px 10px; border-top: 1px solid rgba(172, 186, 192, 0.2); background: #009688; color:#fff } .post-details.bottom.nobg { background: none; } .post-details.custom { margin-top: 10px; padding: 10px 20px; } .post-details-right { } .post-details-left { float: left; } .post-details-date { border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin-left: 3px; } .post-details-date.none { padding: 0; margin: 10px 0 0; background: none; border-left: 0; display: block; } .post-details-comment { border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin-left: 1px; } img.rateimg, img.rateup, img.ratedn { background: url(http://bayanbox.ir/view/8338157882810991988/want49706-19zuED1491416229.png) no-repeat center left; width: 20px; height: 30px; vertical-align: top; background-size:18px; margin-top:-5px } .rate-down img.rateimg, img.ratedn { background-position: 0 -17px; } .rate-up img.rateimg, img.rateup { background-position: 0 3px; } .rate-up { margin: 0 10px; } /*-- keywords --*/ .post-details .post-details-tags { cursor: default; } .post-details .post-details-tags h3 { margin: 0; display: inline-block; font: 14px/1.3em "yekan", "tahoma", "arial", "Times New Roman", Helvetica; color: #888; background: #f9f9f9; border-radius: 3px; } .post-details .post-details-tags h3 a { color: #fff; padding: 1px 7px 4px; border: #ddd 1px solid; display: inline-block; border-radius: 3px; background:#009688 } .post-details .post-details-tags h3 a:hover { color: #fff !important; border: #0575a5 1px solid; background: #0892cd; } .post-details .post-details-tags h3:first-child { } .post-details .post-details-tags h3:last-child { margin: 0px; } /*-- Post Comments --*/ .post-comments { font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; margin-bottom: 15px; } .post-comment { margin-bottom: 5px; background: #f3f3f3; border: 1px dashed #009688; box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); border-radius: 5px; } .comment-details { background: #f3f3f3; box-shadow: 0 1px 3px rgba(117, 100, 100, 0.2); padding: 0; cursor: default; border-radius: 5px 5px 0 0; } .comment-details a { color: #0892cd; cursor: pointer; vertical-align: bottom; margin-right: 5px; -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-transition-duration: .0s; -khtml-transition-duration: .0s; } .comment-details-left { padding: 4px 0 0 5px; float: left; } .comment-details-right { } .comment-avatar img { width:50px; height: auto; border-radius: 50%; } .comment-name { color: #888; cursor: default; padding: 0 5px; } .comment-body { padding: 10px; } .comment-body-content { color: #555; } .comment-date { display: inline-block; color: rgba(255, 255, 255, 0.6); } .comment-website { background: url(//cdn.bayan.ir/blog/templates/41199/details_ico_cmt.png) center -102px no-repeat; width: 18px; height: 23px; display: inline-block; } .comment-website:hover { background-position: center -125px; cursor: pointer; } .comment-email { background: url(//cdn.bayan.ir/blog/templates/41199/details_ico_cmt.png) center -60px no-repeat; width: 18px; height: 23px; display: inline-block; } .comment-email:hover { background-position: center -79px; cursor: pointer; } /*-- Reply --*/ .comment-reply { margin-bottom: 5px; border: 1px solid #fff; background-color: #009688; box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); color: #4c4c4c; border-radius: 5px; } .comment-reply-details { padding: 5px 10px 0; } .comment-reply-date { float: left; color: #ffffff; cursor: default; } .comment-reply-name { color: #ffffff; cursor: default; } .comment-reply-body { color: #4c4c4c; padding: 10px; } /*-- add Comment --*/ .comment-add-form { color: #aaa; padding: 10px; margin-bottom: 15px; border: 1px solid rgba(172, 186, 192, 0.5); background: #fff; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(244, 244, 244, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(244, 244, 244, 1) 100%); border-top: 2px solid #009688; box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; border-radius: 5px; } .comment-add-form input.sendbutton { color: #4c4c4c; border: #009688 1px dashed; background: #f8f8f8; border-radius: 3px; padding: 0 30px 2px; cursor: pointer; font: 15px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; -webkit-appearance: button; } .comment-add-form input.sendbutton:hover { color: #fff; border: #fff 1px solid; background: #009688; } .comment-add-form iframe { background: #FFF; } /*-- Pagination --*/ .block-content .pagination { cursor: default; display: block; text-align: center; margin-bottom: 0; font: 13px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; } .block-content .pagination .left { margin-left: -3px; } .block-content .pagination a { padding: 2px 12px 2px; margin-left: 3px; cursor: pointer; color: #888; border: #ddd 1px solid; background: #f9f9f9; border-radius: 3px; } .block-content .pagination a:hover { color: #0892cd; border: #c6e2ee 1px solid; background: #c6e2ee; } .block-content .pagination a.current { color: #0892cd; border: #c6e2ee 1px solid; background: #c6e2ee; } .block-content .pagination .spacer { float: right; padding: 1px 8px; color: #999; } .pagination { padding-top: 0; } .ico-post img { width:30px; height:30px; float:right; margin-top:20px } .ico-post-baz img { width:30px; height:30px; float:right; margin-top:22px; padding-left:5px } /*---------- Responsive ----------*/ @media only screen and (max-width: 1335px) { .club-content { width: inherit; } ul.club { width: 50%; } .block-side-right, .block-side-left { display: none; } .main-menu-wrp { display: block; } } @media only screen and (max-width: 1015px) { .content-wrp { width: 900px; } .header-wrp { width: 900px; } .footer-wrp { width: 900px; } .block-content { width: 605px; } } @media only screen and (max-width: 915px) { .content-wrp { width: 800px; } .header-wrp { width: 800px; } .footer-wrp { width: 800px; } .block-content { width: 505px; } } @media only screen and (max-width: 820px) { .content-wrp { width: 690px; } .header-wrp { width: 690px; } .footer-wrp { width: 690px; } .block-content { width: 395px; } #footer .footer-icons { position: absolute; left: 210px; top: 40px; text-align: left; } @media only screen and (max-width: 700px) { .content-wrp { width: 600px; } .header { height: 90px; } .header-wrp { width: 600px; } .footer-wrp { width: 600px; } .block-content { width: 385px; } .block-sidebar { width: 200px; } .main-menu.resp { margin: 20px 0 15px; display: block; } .main-menu-wrp { margin: 130px auto 0; } .header .header-right { position: relative; right: inherit; text-align: center; } .header .header-left { position: inherit; text-align: center; } .content-wrp { margin-top: 0; } #footer .footer-icons { position: absolute; left: 270px; top: 40px; text-align: left; } @media only screen and (max-width: 650px) { .content-wrp { width: 550px; } .header-wrp { width: 550px; } .footer-wrp { width: 550px; } .block-content { width: 345px; } .block-sidebar { width: 190px; } }#left-menu{ width:100%; float:left; background-color:#fff; margin-left:15px; box-shadow:0 0 5px 2px #cecece; margin-top:14px; } #right-box { width:90%; margin:auto; margin-top:10px ; } #footer .footer-icons { position: absolute; left: 210px; top: 40px; text-align: left; } } @media only screen and (max-width: 600px) { #left-menu{ width:100%; float:left; background-color:#fff; margin-left:15px; box-shadow:0 0 5px 2px #cecece; margin-top:14px; } #right-box { width:90%; margin:auto; margin-top:10px ; } #footer .footer-icons { position: absolute; left: 200px; top: 40px; text-align: left; } } @media only screen and (max-width: 550px) { .content-wrp { width: inherit; margin: 15px; } .header-wrp { width: inherit; margin: 0 15px; } .footer-wrp { width: inherit; margin: 0 15px; } .block-sidebar { margin-top: 15px; width: 100%; } .block-content { width: 100%; } #left-menu{ width:100%; float:left; background-color:#fff; margin-left:15px; box-shadow:0 0 5px 2px #cecece; margin-top:14px; } #right-box { width:92%; margin:auto; margin-top:10px ; } #footer .footer-icons { position: absolute; left:120px; top: 40px; text-align: left; } #footer{ width:100% } .singer{ margin-top:0; margin-right:0; float:right; font:2px } #pishnahad { width: 43%; } }