سلام ویرایش قالب باشگاه سایت http://broziha.blog.ir/ رو براتون قرار دادم . البته در وبلاگ بروزیها از جاوااسکریپت استفاده شده که من حذفش کردم امیدوارم خوشتون بیاد
css
@charset "utf-8"; /* CSS Document - v3.5.0 */ html { direction: ltr; } @font-face { font-family: "vazir"; src: url('http://bayanbox.ir/download/48295560847419495/Vazir.woff') format('woff'); font-weight: bold; } @font-face { font-family: "iransans"; src: url("http://bayanbox.ir/download/5015139249109467602/IRANSansWeb-Light.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "tanha"; src: url("http://bayanbox.ir/download/3728241269482811396/Tanha.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: 'yekan'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.eot?download'); src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.eot?download#iefix') format('embedded-opentype'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.ttf?download') format('truetype'); font-weight: normal; font-style: normal; } body{ font-family: 'tanha', Verdana, "Times New Roman"; font-size: 11px; color: #333; margin:0px; padding:0px; line-height:1.9em; /*new*/ background:linear-gradient(to right bottom,#e61457 ,#2814e6,#0c0ea1,#0c0ea1 ); } p { margin-bottom: 0.5em; } pre { direction: ltr; background-color: #FAFAEE; border: 1px solid #DADADA; margin: 1em; overflow-x: auto; overflow-y: hidden; padding: 2px; } .clear { clear: both; } .resp { display: none; } ::-webkit-scrollbar { background: #f0f0f0; width: 12px; height: 15px; } ::-webkit-scrollbar-thumb { background: #cdcdcd; } ::-webkit-scrollbar-corner { background: #fff; } ::-webkit-scrollbar-track { background: #f0f0f0; border-left: 1px solid rgba(255, 255, 255, 0.5); } ::-webkit-scrollbar-thumb:hover { background: #a6a6a6; } ::-webkit-scrollbar-thumb:active { background: #606060; } h1, h2, h3 { font-family: "tanha", "tahoma", "arial", "Times New Roman", Times, Arial, serif; font-weight: normal; } img { border: none; border-width: 0px; } a { color: #f3193d; cursor: pointer; text-decoration: none; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; -khtml-transition-duration: .2s; } a:hover { color: #ffffff; text-decoration: none; cursor: pointer; } a:active { outline: hidden; } /*-- Header --*/ .header { height: 60px; background: linear-gradient(to right bottom,#e61457 ,#2814e6,#0c0ea1,#0c0ea1 ); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); position: fixed; width: 100%; top: 0; z-index: 9999; } .header-wrp { position: relative; width: 1000px; margin: auto; direction: rtl; } .header .header-right { position: absolute; right: 0; top: 10px; text-align: right; } .header h1 { font: 29px/1.2em "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; color: #0892cd; margin: 0 0 5px; direction: rtl; } .header h1 a:hover { } .header h2 { font: 17px/1.2em "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; color: #888; margin: 0; cursor: default; } .header .header-left { position: absolute; left: 0; top: 16px; } .main-menu { direction: rtl; cursor: default; } .main-menu-wrp { position: relative; margin: 100px auto 0; text-align: center; display: none; } .main-menu a { font: 17px/1em "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; display: inline-block; padding: 7px 15px 12px; color: #888; border: 2px solid rgba(172, 6, 192, 0.5); cursor: pointer; background: rgba(255, 255, 255, 0.2); border-radius: 3px; margin: 0 4px; } .main-menu a:hover { color: #0892cd; border: 2px solid #c6e2ee; background: #c6e2ee; } .main-menu a.selected { border: 2px solid #c6e2ee; background: #c6e2ee; color: #0892cd; } .main-menu.resp a.selected { color: rgba(255, 255, 255, 0.9); border-top: 3px solid #0892cd; padding: 10px 15px 13px; background: rgba(0, 0, 0, 0.5); } /* MINI ICONS ----- */ .mini_icon{ cursor:default; text-align:center; padding-top:5px; padding-left:9px; width:50px; } .mini_icon span{ display:inline-block; padding-right:2px; *padding-right:3px; cursor:default; } .mini_icon span a{ display:table-cell; *display:inline-block; } .mini_icon .mi_home{ background:url(//cdn.bayan.ir/blog/templates/158/home.png) no-repeat; height:20px; width:20px; display:inline-block; } .mini_icon .mi_rss{ background:url(//cdn.bayan.ir/blog/templates/158/rss.png) no-repeat; height:20px; width:20px; display:inline-block; } /* Main Menu --------------------------------------------- */ .main_menu{ height:31px; background:#2c3634 url(//cdn.bayan.ir/blog/templates/158/bg_menu.png) repeat-x top right; border-bottom:1px dashed #707878; } .main_menu .cnt{ width:100%; margin:auto; padding:0px 0px; } .main_menu .cnt ul{ list-style:none; margin:0px;padding:0px; margin-right:10px; } .main_menu .cnt ul li{ float:right; cursor:default; background:url(//cdn.bayan.ir/blog/templates/158/middle.png) no-repeat center left; } .main_menu .cnt ul li:last-child{ background:none; } .main_menu .cnt ul li a{ display:block; font-family:"b koodak","arial","Times New Roman",Arial,Helvetica; font-size:17px; color:#E5E5E5; padding:6px 10px 5px 10px; } .main_menu .cnt ul li a:hover{ color:#fff; background:url(//cdn.bayan.ir/blog/templates/158/bg_light2.png) repeat; } .main_menu .cnt ul li a.selected{ color:#fff; background:url(//cdn.bayan.ir/blog/templates/158/bg_light2.png) repeat; } /*-- Content --*/ .content-wrp { direction: rtl; width: 1000px; margin: 100px auto 15px; } .block-content { width: 705px; float: right; } .block-content-view { float: right; width: 100%; } .block-content .messages { cursor: default; margin-bottom: 15px; background: rgba(0, 0, 0, 0.5); border-top: 3px solid #f3193d; box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); } .block-content .messages .messages-content { padding: 5px 15px; color: rgba(255, 255, 255, 0.7); } .block-content .messages .messages-content h2 { color: rgba(255, 255, 255, 0.8); font: 21px "tanha", "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: rgba(255, 255, 255, 0.7); } .block-content .messages .messages-content h2 a.comment_count:hover { color: rgba(255, 255, 255, 1); cursor: pointer; } /*-- Content-post --*/ .block-content .post { border: rgba(255, 255, 255, 0.5) 3px solid; position: relative; padding: 0; margin-bottom: 15px; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-family: "tanha", "tahoma", "arial", "Times New Roman", Times, Arial, serif; } .block-content .post .post-image { overflow: hidden; } .block-content .post .post-image img { width: 100%; height: auto; display: block; } .block-content .post .post-image a img { -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .block-content .post .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: rgba(255, 255, 255, 0.9); } .block-content .post h2 a:hover { color: #f3193d; } .post-content { color: rgba(255, 255, 255, 0.7); margin: 0 20px; padding-bottom: 20px; text-align: justify; font: 17px "tanha", "tahoma", "arial", "Times New Roman", Times, Arial, serif; } .post-content a { color: #fff; } .post-content a:hover { color: rgba(255, 255, 255, 0.8); } .post-content ul li { margin-right: 5px; line-height: 1.9em; } .post-content img { max-width: 100%; height: auto; } .post-readmore { margin: 0px 20px 25px; } .post-readmore a { border-radius:11px; font-size: 15px; line-height: 1em; padding: 0 15px 2px; color: rgba(255, 255, 255, 0.7); border: rgba(255, 255, 255, 0.5) 1px solid; background: rgba(0, 0, 0, 0.2); } .post-readmore a:hover { color: rgba(255, 255, 255, 0.9); border: rgba(255, 255, 255, 0.7) 1px solid; background: rgba(0, 0, 0, 0.4); } /*-- Content-post-details --*/ .post-details { font: 14px "tanha", "tahoma", "arial", "Times New Roman", Times, Arial, serif; color: rgba(255, 255, 255, 0.6); cursor: default; position: relative; } .post-details a { color: rgba(255, 255, 255, 0.6) !important; } .post-details a:hover { color: #fff !important; } .post-details.over { position: absolute; z-index: 9; } .post-details.over .post-details-date { margin: 0 0 2px; padding: 1px 10px 5px; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.9); } .post-details.over .post-details-author { margin: 0 0 2px; padding: 1px 10px 5px; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.9); } .post-details.bottom { margin-top: 15px; background: rgba(0, 0, 0, 0.4); padding: 5px 10px; } .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(255, 255, 255, 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(255, 255, 255, 0.1); padding: 0 10px; margin-left: 1px; } img.rateimg, img.rateup, img.ratedn { background: url(//cdn.bayan.ir/blog/templates/28992/pd_ico_rate.png) no-repeat center left; width: 16px; height: 28px; vertical-align: top; } .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; padding: 0 7px; display: inline-block; font: 14px/1.3em "tanha", "tahoma", "arial", "Times New Roman", Helvetica; border: rgba(255, 255, 255, 0.5) 1px solid; } .post-details .post-details-tags h3 a { color: rgba(255, 255, 255, 0.7); padding: 1px 7px 4px; display: inline-block; } .post-details .post-details-tags h3:hover { color: #fff; background: rgba(0, 0, 0, 0.4); border: rgba(255, 255, 255, 0.6) 1px solid; } .post-details .post-details-tags h3:first-child { } .post-details .post-details-tags h3:last-child { margin: 0px; } /*-- Post Comments --*/ .post-comments { font: 14px "tanha", "tahoma", "arial", "Times New Roman", Times, Arial, serif; margin-bottom: 15px; } .post-comment { margin-bottom: 5px; background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); } .comment-details { background: rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(117, 100, 100, 0.1); padding: 0; cursor: default; } .comment-details a { 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: 34px; height: auto; } .comment-name { color: rgba(255, 255, 255, 0.6); cursor: default; padding: 0 5px; } .comment-body { padding: 10px; } .comment-body-content { color: rgba(255, 255, 255, 0.8); } .comment-date { display: inline-block; color: rgba(255, 255, 255, 0.6); } .comment-website { background: url(//cdn.bayan.ir/blog/templates/28992/details_ico_cmt.png) center -102px no-repeat; width: px; height: 23px; display: inline-block; } .comment-website:hover { background-position: center -125px; cursor: pointer; } .comment-email { background: url(//cdn.bayan.ir/blog/templates/28992/details_ico_cmt.png) center -60px no-repeat; width: px; height: 23px; display: inline-block; } .comment-email:hover { background-position: center -79px; cursor: pointer; } /*-- Reply --*/ .comment-reply { margin-bottom: 5px; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); color: rgba(0, 0, 0, 0.7); } .comment-reply-details { padding: 5px 10px 0; } .comment-reply-date { float: left; color: rgba(0, 0, 0, 0.5); cursor: default; } .comment-reply-name { color: rgba(0, 0, 0, 0.5); cursor: default; } .comment-reply-body { padding: 10px; } /*-- add Comment --*/ .comment-add-form { color: rgba(255, 255, 255, 0.7); padding: 10px; margin-bottom: 15px; background: rgba(0, 0, 0, 0.5); border-top: 3px solid #f3193d; box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); font: 14px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; } .comment-add-form input.sendbutton { padding: 0 30px 2px; color: rgba(255, 255, 255, 0.7); border: rgba(255, 255, 255, 0.5) 1px solid; background: rgba(0, 0, 0, 0.5); cursor: pointer; font: 15px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; border-radius: 0; } .comment-add-form input.sendbutton:hover { color: rgba(255, 255, 255, 0.9); border: rgba(255, 255, 255, 0.5) 1px solid; background: rgba(0, 0, 0, 0.1); } .comment-add-form iframe { background: #FFF; } /*-- Pagination --*/ .block-content .pagination { cursor: default; display: block; text-align: center; margin-bottom: 0; } .block-content .pagination .left { margin-left: -3px; } .block-content .pagination a { padding: 2px 12px 2px; margin-left: 3px; cursor: pointer; color: rgba(255, 255, 255, 0.7); border: rgba(255, 255, 255, 0.5) 1px solid; } .block-content .pagination a:hover { color: #eee; background: rgba(0, 0, 0, 0.5); border: rgba(0, 0, 0, 0.1) 1px solid; } .block-content .pagination a.current { color: #eee; background: rgba(0, 0, 0, 0.5); border: rgba(0, 0, 0, 0.1) 1px solid; } .block-content .pagination .spacer { float: right; padding: 1px 8px; color: #999; } .pagination { padding-top: 0px; } /*-- Sidebar --*/ .block-sidebar { float: left; width: 280px; } .block-sidebar .sidebox { border: rgba(255, 255, 255, 0.5) 3px solid; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom: 15px; } .sidebox .sidebox-title { font: 17px/1.2em "tanha", "tahoma", "arial", "Times New Roman", Helvetica; background: rgba(0, 0, 0, 0.7); color: rgba(255, 255, 255, 0.8); padding: 8px 12px 12px; text-align: right; cursor: default; font-weight: normal; margin: 0px; } .sidebox .sidebox-content { direction: rtl; background: rgba(0, 0, 0, 0.5); padding: 10px; font: 14px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; } .sidebox.blank .sidebox-content { } .sidebox.blank .sidebox-content h4 { padding: 8px; color: rgba(255, 255, 255, 0.7); margin: 0px; font: normal 14px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; text-align: right; } .sidebox.blank .sidebox-content .blog-image { text-align: center; } .sidebox.blank .sidebox-content img { text-align: center; max-width: 95%; height: auto; margin: 5px 0; } * html .sidebox.blank .sidebox-content img { width: 200px; height: auto; } /*- sidebar post-list -*/ .sidebox-content ul { list-style: none; margin: 0; padding: 0; } .sidebox-content ul li { padding: 6px 1px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .sidebox-content ul li:last-child { border-bottom: none; } .sidebox-content ul li a { background: url(//cdn.bayan.ir/blog/templates/28992/sidebar-bullet.png) no-repeat right 12px; padding-right: 10px; color: rgba(255, 255, 255, 0.9); font: normal 14px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; } .sidebox-content ul li a:hover { color: #f3193d; } .sidebox-content ul li:hover { background: rgba(0, 0, 0, 0.3); -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } .sidebox-content ul li.selected { padding: 5px 2px; background: rgba(0, 0, 0, 0.3); } .sidebox-content ul li.selected a { color: #fff; } .sidebox-content .post-list-date, .sidebox-content .post-list-count { color: rgba(255, 255, 255, 0.7); cursor: default; } .sidebox-content .post-list-count { padding-right: 5px; } .sidebox-content .post-list-date.none { display: none; } /*-- ADS --*/ .sidebox-content.view-ads { text-align: center; } .sidebox-content.view-ads a { text-align: center; display: block; margin-bottom: 5px; } .sidebox-content.view-ads a:last-child { margin-bottom: 0; } /*-- Stat --*/ .sidebox-content.stat { position: relative; } .sidebox-content.stat .StatTitle { cursor: default; color: rgba(255, 255, 255, 0.7); font-size: 13px; border: none; text-align: right; } .sidebox-content.stat .Value { color: rgba(255, 255, 255, 0.9); cursor: default; float: left; padding-left: 10px; text-align: left; } /*-- Tag-Cloud --*/ .sidebox-content.tag-cloud h3 { margin: 0px; font: normal 11px "tanha", "Times New Roman", Times, Arial, serif; display: inline-block; *display: inline; *margin: 2px; } .sidebox-content.tag-cloud span { display: inline-block; margin: 1px 0px 1px 0px; } .sidebox-content.tag-cloud a { font: 14px/1.3em "tanha", "tahoma", "arial", "Times New Roman", Helvetica; color: rgba(255, 255, 255, 0.7); border: rgba(255, 255, 255, 0.5) 1px solid; padding: 1px 7px 4px; display: inline-block; *display: inline-block; margin-left:1px; /*margin: 2px 0px 2px 0px;*/ } .sidebox-content.tag-cloud a:hover { color: #fff; background: rgba(0, 0, 0, 0.4); border: rgba(255, 255, 255, 0.6) 1px solid; } .sidebox-content.tag-cloud a.selected { color: #fff; background: rgba(0, 0, 0, 0.4); border: rgba(255, 255, 255, 0.6) 1px solid; } /*-- Categories --*/ .sidebox-content.categories ul li { padding: 0; border: none; } .sidebox-content.categories li:hover { background: none; } .sidebox-content ul li.selected a { color: #fff; } .sidebox-content.categories ul li ul.subcats a { padding-right: 10px; padding-top: 1px; display: inline-block; background: url(//cdn.bayan.ir/blog/templates/28992/sub_ico.png) right no-repeat; } .sidebox-content.categories ul li a { padding-bottom: 0px; padding-right: 20px; display: table-cell; *display: inline-block; background: url(//cdn.bayan.ir/blog/templates/28992/folder_ico.png) right 8px no-repeat; } .sidebox-content.categories ul li h3 { color: rgba(255, 255, 255, 0.7); margin: 0px; font: normal 14px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; } .sidebox-content.categories ul li.selected { background: none; } .sidebox-content.categories .subcats li.selected { background: none; } .sidebox-content.categories .subcats { margin-right: 14px; margin-top: -3px; } .sidebox-content.categories ul .post-list-count { cursor: default; display: table-cell; color: rgba(255, 255, 255, 0.5); } .sidebox-content.categories .subcats .post-list-count { cursor: default; display: inline-block; color: rgba(255, 255, 255, 0.5); } .sidebox-content.categories .category_selected { background: rgba(0, 0, 0, 0.3); padding: 2px 5px 2px 5px; display: block; height: 31px; max-height: auto; *height: auto; } .sidebox-content.categories .category_selected a { color: inherit; cursor: default; } /*-- Footer --*/ .footer { color: #bbb; height: 70px; background: rgba(0, 0, 0, 0.6); } .footer a { font:11px; color: #c80909; } .footer a:hover { color: #f3193d; } .footer-wrp { position: relative; width: 1000px; margin: auto; } .footer .footer-copyright { position: absolute; right: 0px; top: 11px; text-align: right; direction: rtl; cursor: default; font: 11px tanha; } .footer .footer-icons { position: absolute; left: 0px; top: 15px; text-align: left; } .footer .footer-icons a { float: left; margin-right: 3px; width: 20px; height: 20px; } .footer-ico-rss { background: url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-crystal.png) no-repeat; } .footer-ico-bayan { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon-crystal.png) no-repeat; } .footer-ico-bayanbox { background: url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon-crystal.png) no-repeat; } .footer-ico-blog { background: url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon-crystal.png) no-repeat; } .footer-ico-templates { background: url(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon-crystal.png) no-repeat; } /*---------- Responsive ----------*/ @media only screen and (max-width: 1015px) { .content-wrp { width: 900px; margin: 100px auto 15px; } .header-wrp { width: 900px; } .footer-wrp { width: 900px; } .block-content { width: 605px; } } @media only screen and (max-width: 915px) { .content-wrp { width: 800px; margin: 100px auto 15px; } .header-wrp { width: 800px; } .footer-wrp { width: 800px; } .block-content { width: 505px; } } @media only screen and (max-width: 820px) { .content-wrp { width: 690px; margin: 100px auto 15px; } .header-wrp { width: 690px; } .footer-wrp { width: 690px; } .block-content { width: 395px; } } @media only screen and (max-width: 700px) { .content-wrp { width: 600px; } .header-wrp { width: 600px; } .footer-wrp { width: 600px; } .block-content { width: 385px; } .block-sidebar { width: 200px; } .main-menu { display: none; } .main-menu.resp { margin: 20px 0 15px; display: block; } .main-menu-wrp { margin: auto; text-align: center; } .header .header-right { position: relative; right: inherit; text-align: center; } .content-wrp { margin-top: 0; } } @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; } } @media only screen and (max-width: 600px) { } @media only screen and (max-width: 550px) { .content-wrp { width: inherit; margin: 100px; } .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%; } } body.color-1 { background: #163169 url(//cdn.bayan.ir/blog/templates/28992/background-1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-1.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-1.jpg', sizingMethod='scale')"; } body.color-1 .header h1 a{ color: #5a8eff; } body.color-1 .header h1 a:hover{ color: #fff; } body.color-1 .main-menu a.selected { border-top: 3px solid #5a8eff; } body.color-1 .main-menu.resp a.selected { border-top: 3px solid #5a8eff; } body.color-1 .block-content .messages { border-top: 3px solid #5a8eff; } body.color-1 .block-content .post h2 a:hover { color: #5a8eff; } body.color-1 .comment-add-form { border-top: 3px solid #5a8eff; } body.color-1 .sidebox-content ul li a:hover { color: #5a8eff; } body.color-1 .footer a:hover { color: #5a8eff; } body.color-2 { background: #762733 url(//cdn.bayan.ir/blog/templates/28992/background-2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-2.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-2.jpg', sizingMethod='scale')"; } body.color-2 .header h1 a{ color: #f3193d; } body.color-2 .header h1 a:hover{ color: #fff; } body.color-2 .main-menu a.selected { border-top: 3px solid #f3193d; } body.color-2 .main-menu.resp a.selected { border-top: 3px solid #f3193d; } body.color-2 .block-content .messages { border-top: 3px solid #f3193d; } body.color-2 .block-content .post h2 a:hover { color: #f3193d; } body.color-2 .comment-add-form { border-top: 3px solid #f3193d; } body.color-2 .sidebox-content ul li a:hover { color: #f3193d; } body.color-2 .footer a:hover { color: #f3193d; } body.color-3 { background: #a9d216 url(//cdn.bayan.ir/blog/templates/28992/background-3.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-3.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-3.jpg', sizingMethod='scale')"; } body.color-3 .header h1 a{ color: #74e81a; } body.color-3 .header h1 a:hover{ color: #fff; } body.color-3 .main-menu a.selected { border-top: 3px solid #74e81a; } body.color-3 .main-menu.resp a.selected { border-top: 3px solid #74e81a; } body.color-3 .block-content .messages { border-top: 3px solid #74e81a; } body.color-3 .block-content .post h2 a:hover { color: #74e81a; } body.color-3 .comment-add-form { border-top: 3px solid #74e81a; } body.color-3 .sidebox-content ul li a:hover { color: #74e81a; } body.color-3 .footer a:hover { color: #74e81a; } body.color-4 { background: #3a909c url(//cdn.bayan.ir/blog/templates/28992/background-4.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-4.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-4.jpg', sizingMethod='scale')"; } body.color-4 .header h1 a{ color: #d0eb; } body.color-4 .header h1 a:hover{ color: #fff; } body.color-4 .main-menu a.selected { border-top: 3px solid #d0eb; } body.color-4 .main-menu.resp a.selected { border-top: 3px solid #d0eb; } body.color-4 .block-content .messages { border-top: 3px solid #d0eb; } body.color-4 .block-content .post h2 a:hover { color: #d0eb; } body.color-4 .comment-add-form { border-top: 3px solid #d0eb; } body.color-4 .sidebox-content ul li a:hover { color: #d0eb; } body.color-4 .footer a:hover { color: #d0eb; } body.color-5 { background: #a9d216 url(//cdn.bayan.ir/blog/templates/28992/background-5.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-5.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.bayan.ir/blog/templates/28992/background-5.jpg', sizingMethod='scale')"; } body.color-5 .header h1 a{ color: #ace511; } body.color-5 .header h1 a:hover{ color: #fff; } body.color-5 .main-menu a.selected { border-top: 3px solid #ace511; } body.color-5 .main-menu.resp a.selected { border-top: 3px solid #ace511; } body.color-5 .block-content .messages { border-top: 3px solid #ace511; } body.color-5 .block-content .post h2 a:hover { color: #ace511; } body.color-5 .comment-add-form { border-top: 3px solid #ace511; } body.color-5 .sidebox-content ul li a:hover { color: #ace511; } body.color-5 .footer a:hover { color: #ace511; }
html
<!DOCTYPE html><html lang="fa"><head> <head:meta></head:meta> <!-- Layout - v4.5.0 - Responsive --> <!-- blog.ir template no. 41199 --> <!-- blog.ir قالب شماره 41199 بلاگ بیان --> <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"> <head:script></head:script> <head:style></head:style></head><body> <div class="header"> <div class="header-wrp"> <div class="header-right"> <h1 class="blog-title"><a rel="nofollow" href="(*blog_link*)">(*blog_title*)</a></h1> </div> <div class="header-left"> <h2 class="blog-short-description">(*blog_short_description*)</h2> </div> </div> </div> <div class="content-wrp"> <box:messages> <view:messages> <div style="padding-top: 15px;"> <div class="item_(*message_type*)"> <div class="icon"></div> (*message*) </div> </div><!-- /align --> </view:messages> </box:messages> <div class="block-content"> <div class="block-content-view"> <!-- شروع شرح مطلب --> <box:post_detail> <div class="post post_detail"> <check:if post_image> <div class="post-details over"> <check:if post_date><span class="post-details-date none">(*post_date*)</span></check:if> <check:if post_author><span class="post-details-author">(*post_author*)</span></check:if> </div> </check:if> <check:if post_image><div class="post-image"><a rel="nofollow" href="(*post_link*)"><img alt="(*post_title*)" src="(*post_image*)"></a></div></check:if> <div class="post-title"><h2><a rel="nofollow" href="(*post_link*)">(*post_title*)</a></h2></div> <div class="post-content">(*post_full_content*)</div> <box:post_tags> <div class="post-details bottom custom nobg"> <div class="post-details-tags"> <view:post_tags> <h3><a rel="nofollow" href="(*tag_link*)">(*tag_name*)</a></h3> </view:post_tags> </div> </div> </box:post_tags> <div class="post-details bottom"> <div class="post-details-left"> <span class="post-details-date">(*post_date format="%y/%m/%d"*)</span> <box:post_rating> <!-- CAUTION: Don't edit these lines unless you know what you are doing DON'T edit rate-* classes: (rate-box rate-counter rate-button-box, rate-button, rete-up, rate-down, rated) --> <span class="rate-box (*user_rated*)"> <span class="rate-button-box rate-up (*user_rated_up*)"> <a class="rate-button" rel="nofollow" href="(*rate_up_link*)" rel="nofollow" title="موافق"> <img alt="موافقین" class="rateimg" src="//blog.ir/media/images/cleardot.gif"> (*up_rates*) </a> </span> <span class="rate-button-box rate-down (*user_rated_down*)"> <a class="rate-button" rel="nofollow" href="(*rate_down_link*)" rel="nofollow" title="مخالف"> <img alt="مخالفین" class="rateimg" src="//blog.ir/media/images/cleardot.gif"> (*down_rates*) </a> </span> </span> </box:post_rating> </div> <div class="post-details-right"> <span class="post-details-author">(*post_author*)</span> </div> <div class="clear"></div> </div> </div><!-- /post --> <!-- #Post_Comments) --> <box:post_comments> <a name="comments"></a> <div class="align"> <div class="messages"> <div class="messages-content"> <h2>نظرات <a class="comment_count" rel="nofollow" href="(*post_link*)#comments"> ((*post_comment_count*))</a></h2> <check:if not post_comment_count> <center>هیچ نظری هنوز ثبت نشده است</center> </check:if> </div> </div> </div><!-- align --> <view:post_comments> <a name="comment-(*comment_id*)"></a> <div class="post-comments align"> <div class="post-comment"> <div class="comment-details"> <div class="comment-details-left"> <check:if comment_website> <a class="comment-website" rel="nofollow" href="(*comment_website*)" rel="nofollow" target="_blank" title="(*comment_website*)"></a> </check:if> <check:if comment_email> <a class="comment-email" rel="nofollow" href="mailto:(*comment_email*)" title="(*comment_email*)"></a> </check:if> <a class="comment-date" rel="nofollow" href="(*comment_link*)">(*comment_date format="%d %B %y ، %H:%M"*)</a> </div> <div class="comment-details-right"> <span class="comment-avatar"><img src="//blog.ir/media/images/guest.png?1"></span> <span class="comment-name">(*comment_fullname*)</span> </div> </div> <div class="comment-body"> <div class="comment-body-content"> (*comment_body*) </div> </div> </div> <check:if comment_reply> <div class="comment-reply"> <div class="comment-reply-details"> <div class="comment-reply-date">(*comment_reply_date*)</div> <div class="comment-reply-name">پاسخ: </div> </div> <div class="comment-reply-body">(*comment_reply*)</div> </div> </check:if> </div> </view:post_comments> </box:post_comments> <check:if post_has_send_comment> <a name="send_comment"></a> <div class="align"> <div class="comment-add-form"> (*comment_add_form*) </div> </div><!-- align --> </check:if> </box:post_detail> <!-- پایان شرح مطلب --> <!-- شروع شرح صفحه --> <box:page_detail> <div class="post post_detail"> <div class="post-title"><h2><a rel="nofollow" href="(*page_link*)">(*page_title*)</a></h2></div> <div class="post-content">(*page_content*)</div> </div><!-- /post --> <!-- #Post_Comments) --> <box:page_comments> <a name="comments"></a> <div class="align"> <div class="messages"> <div class="messages-content"> <h2>نظرات <a class="comment_count" rel="nofollow" href="(*page_link*)#comments"> ((*page_comment_count*))</a></h2> <check:if not page_comment_count> <center>هیچ نظری هنوز ثبت نشده است</center> </check:if> </div> </div> </div><!-- align --> <view:page_comments> <a name="comment-(*comment_id*)"></a> <div class="post-comments align"> <div class="post-comment"> <div class="comment-details"> <div class="comment-details-left"> <check:if comment_website> <a class="comment-website" rel="nofollow" href="(*comment_website*)" rel="nofollow" target="_blank" title="(*comment_website*)"></a> </check:if> <check:if comment_email> <a class="comment-email" rel="nofollow" href="mailto:(*comment_email*)" title="(*comment_email*)"></a> </check:if> <a class="comment-date" rel="nofollow" href="(*comment_link*)">(*comment_date format="%d %B %y ، %H:%M"*)</a> </div> <div class="comment-details-right"> <span class="comment-avatar"><img src="//blog.ir/media/images/guest.png?1"></span> <span class="comment-name">(*comment_fullname*)</span> </div> </div> <div class="comment-body"> <div class="comment-body-content"> (*comment_body*) </div> </div> </div> <check:if comment_reply> <div class="comment-reply"> <div class="comment-reply-details"> <div class="comment-reply-date">(*comment_reply_date*)</div> <div class="comment-reply-name">پاسخ: </div> </div> <div class="comment-reply-body">(*comment_reply*)</div> </div> </check:if> </div> </view:page_comments> </box:page_comments> <check:if page_has_send_comment> <a name="send_comment"></a> <div class="align"> <div class="comment-add-form"> (*comment_add_form*) </div> </div><!-- align --> </check:if> </box:page_detail> <!-- پایان شرح صفحه --> <!-- شروع خلاصه مطلب --> <box:post_list> <check:if post_list_title> <div class="align"> <div class="messages"> <div class="messages-content"> <h2>(*post_list_title*)</h2> </div> </div> </div> </check:if> <view:post_list> <div class="post post_list"> <check:if post_image> <div class="post-details over"> <check:if post_date><span class="post-details-date none">(*post_date*)</span></check:if> <check:if post_author><span class="post-details-author">(*post_author*)</span></check:if> </div> </check:if> <check:if post_image><div class="post-image"><a rel="nofollow" href="(*post_link*)"><img alt="(*post_title*)" src="(*post_image*)"></a></div></check:if> <div class="post-title"><h2><a rel="nofollow" href="(*post_link*)">(*post_title*)</a></h2></div> <div class="post-content">(*post_summary*)</div> <check:if post_has_read_more><div class="post-readmore"><a rel="nofollow" href="(*post_link*)">ادامه مطلب.</a></div></check:if> <div class="post-details bottom"> <div class="post-details-left"> <span class="post-details-date">(*post_date format="%d %B %y ، %H:%M"*)</span> <check:if post_has_comments_section><a class="post-details-comment" rel="nofollow" href="(*post_link*)#comments">(*post_comment_count*) نظر</a></check:if> <box:post_rating> <!-- CAUTION: Don't edit these lines unless you know what you are doing DON'T edit rate-* classes: (rate-box rate-counter rate-button-box, rate-button, rete-up, rate-down, rated) --> <span class="rate-box (*user_rated*)"> <span class="rate-button-box rate-up (*user_rated_up*)"> <a class="rate-button" rel="nofollow" href="(*rate_up_link*)" rel="nofollow" title="موافق"> <img alt="موافقین" class="rateimg" src="//blog.ir/media/images/cleardot.gif"> (*up_rates*) </a> </span> <span class="rate-button-box rate-down (*user_rated_down*)"> <a class="rate-button" rel="nofollow" href="(*rate_down_link*)" rel="nofollow" title="مخالف"> <img alt="مخالفین" class="rateimg" src="//blog.ir/media/images/cleardot.gif"> (*down_rates*) </a> </span> </span> </box:post_rating> </div> <div class="post-details-right"> <check:if post_author><span class="post-details-author">(*post_author*)</span></check:if> </div> <div class="clear"></div> </div> </div><!-- /post --> </view:post_list> </box:post_list> <!-- پایان خلاصه مطلب --> <box:pagination> <div class="pagination"> <check:if page_prev> <a class="pagePrev" rel="nofollow" href="(*page_prev*)">قبلی</a> </check:if> <div class="pagesList"> <view:pages spec="5,2,4,2,3,2"> <check:if page_num> <a class="(*page_current*)" rel="nofollow" href="(*page_link*)">(*page_num*)</a> </check:if> <check:if not page_num> <span class="spacer">. . .</span> </check:if> </view:pages> </div> <check:if page_next> <a class="pageNext" rel="nofollow" href="(*page_next*)">بعدی</a> </check:if> </div> <div class="clear"></div> </box:pagination> </div><!-- /block-content-view --> <div class="clear"></div> </div><!-- /block-content --> <!-- شروع ستون سمت چپ --> <div class="block-sidebar"> <box:blog_info> <div class="sidebox blank"> <div class="sidebox-content"> <check:if blog_image> <div class="blog-image"> <img alt="(*blog_title*)" src="(*blog_image*)"> </div> </check:if> <check:if blog_description> <div class="blog-description"> <h4>(*blog_description*)</h4> </div> </check:if> </div> </div> </box:blog_info> <box:menu> <div class="sidebox menu"> <div class="sidebox-title">منوی اصلی</div> <div class="sidebox-content"> <ul class="menu"> <view:menu> <li class="(*menu_item_selected*)"> <a rel="nofollow" href="(*menu_item_link*)">(*menu_item_title*)</a> </li> </view:menu> </ul> </div> </div> </box:menu> <box:post_list flag="mobile"> <div class="sidebox"> <div class="sidebox-title">پیام های کوتاه</div> <div class="sidebox-content"> <ul> <view:post_list> <li class="(*post_selected*)"> <div class="post-list-date">(*post_date format="%G{%e %B %y , %H:%M}"*)</div> <a rel="nofollow" href="(*post_link*)">(*post_title*)</a> </li> </view:post_list> </ul> </div> </div> </box:post_list> <box:ads> <div class="sidebox"> <div class="sidebox-title">تبلیغات</div> <div class="sidebox-content view-ads"> <view:ads> (*ad*) </view:ads> </div> </div> </box:ads> <box:categories> <div class="sidebox"> <div class="sidebox-title">طبقه بندی موضوعی</div> <div class="sidebox-content categories"> <ul> <view:categories> <li class="(*category_selected*)"> <check:if category_selected> <span class="category_selected"> <a><h3>(*category_name*) </h3></a><span class="post-list-count"> ((*category_post_count*))</span> </span> </check:if> <check:if not category_selected> <a rel="nofollow" href="(*category_link*)"><h3>(*category_name*) </h3></a><span class="post-list-count"> ((*category_post_count*))</span> </check:if> <check:if category_children> <ul class="subcats"> <view:category_children></view:category_children> </ul> </check:if> </li> </view:categories> </ul> </div> </div> </box:categories> <box:stat> <div class="sidebox"> <div class="sidebox-title">خلاصه آمار</div> <div class="sidebox-content stat"> <ul> <view:stat> <li><span class="StatTitle">(*stat_title*)</span><span class="Value">(*stat_value*)</span></li> </view:stat> </ul> </div> </div> </box:stat> <box:tag_cloud> <div class="sidebox"> <div class="sidebox-title">کلمات کلیدی</div> <div class="sidebox-content tag-cloud"> <view:tag_cloud> <h3><a class="(*tag_selected*)" rel="nofollow" href="(*tag_link*)">(*tag_name*)</a></h3> </view:tag_cloud> </div> </div> </box:tag_cloud> <box:archive> <div class="sidebox"> <div class="sidebox-title">بایگانی</div> <div class="sidebox-content"> <ul> <view:archive> <li class="(*archive_selected*)"> <a rel="nofollow" href="(*link_url*)">(*link_name*)</a><span class="post-list-count">((*link_count*))</span> </li> </view:archive> </ul> </div> </div> </box:archive> <box:recent_posts> <div class="sidebox"> <div class="sidebox-title">آخرین مطلب</div> <div class="sidebox-content"> <ul> <view:recent_posts> <li class="(*post_selected*)"> <div class="post-list-date none">(*post_date format="%y/%m/%d"*)</div> <a rel="nofollow" href="(*post_link*)">(*post_title*)</a> </li> </view:recent_posts> </ul> </div> </div> </box:recent_posts> <box:most_visited_posts> <div class="sidebox"> <div class="sidebox-title">پربیننده ترین مطالب</div> <div class="sidebox-content"> <ul> <view:most_visited_posts> <li class="(*post_selected*)"> <div class="post-list-date none">(*post_date format="%y/%m/%d"*)</div> <a rel="nofollow" href="(*post_link*)">(*post_title*)</a> </li> </view:most_visited_posts> </ul> </div> </div> </box:most_visited_posts> <box:popular_posts> <div class="sidebox"> <div class="sidebox-title">محبوب ترین مطالب</div> <div class="sidebox-content"> <ul> <view:popular_posts> <li class="(*post_selected*)"> <div class="post-list-date none">(*post_date format="%y/%m/%d"*)</div> <a rel="nofollow" href="(*post_link*)">(*post_title*)</a> </li> </view:popular_posts> </ul> </div> </div> </box:popular_posts> <box:most_commented_posts> <div class="sidebox"> <div class="sidebox-title">مطالب پربحثتر</div> <div class="sidebox-content"> <ul> <view:most_commented_posts> <li class="(*post_selected*)"> <div class="post-list-date none">(*post_date format="%y/%m/%d"*)</div> <a rel="nofollow" href="(*post_link*)">(*post_title*)</a> </li> </view:most_commented_posts> </ul> </div> </div> </box:most_commented_posts> <box:recent_comments> <div class="sidebox"> <div class="sidebox-title">آخرین نظرات</div> <div class="sidebox-content"> <ul> <view:recent_comments> <li> <div class="post-list-date none">(*comment_date*) - (*comment_fullname*)</div> <a rel="nofollow" href="(*comment_link*)">(*comment_body_text max="25"*)</a> </li> </view:recent_comments> </ul> </div> </div> </box:recent_comments> <box:authors> <div class="sidebox"> <div class="sidebox-title">نویسندگان</div> <div class="sidebox-content"> <ul> <view:authors> <li> <a rel="nofollow" href="(*author_link*)">(*author_name*)</a><span class="post-list-count">((*author_post_count*))</span> </li> </view:authors> </ul> </div> </div> </box:authors> <box:daily_links> <div class="sidebox"> <div class="sidebox-title">پیوندهای روزانه</div> <div class="sidebox-content"> <ul> <view:daily_links> <li> <a alt="(*link_alt*)" rel="nofollow" href="(*link_url*)">(*link_name*)</a> </li> </view:daily_links></ul> </div> </div> </box:daily_links> <box:links> <div class="sidebox"> <div class="sidebox-title">پیوندها</div> <div class="sidebox-content"> <ul> <view:links> <li> <a alt="(*link_alt*)" rel="nofollow" href="(*link_url*)">(*link_name*)</a> </li> </view:links> </ul> </div> </div> </box:links> </div> <!-- پایان ستون سمت چپ --> <div class="clear"></div> </div><!-- /content-wrp --> <div class="footer"> <div class="footer-wrp"> <div class="footer-copyright"> (*copyright_notice style="2"*)- کپی رایت : <a rel="nofollow" href="http://broziha.blog.ir/"> بروزیها </a> و <a rel="nofollow" href="http://rahmathajisaadin.ir/"> راشنو </a> </div> <div class="footer-icons"> <a class="footer-ico-rss" rel="nofollow" href="/rss/" title="RSS"></a> <a class="footer-ico-bayan" rel="nofollow" href="//bayan.ir/" title="bayan : بیان"></a> <a class="footer-ico-bayanbox" rel="nofollow" href="//bayanbox.ir/" title="bayanbox : بیان باکس"></a> <a class="footer-ico-blog" rel="nofollow" href="//blog.ir/" title="blog : وبلاگ"></a> <a class="footer-ico-templates" rel="nofollow" href="http://templates.blog.ir/post/template-41199"></a> </div> </div> </div> </body></html>
درباره این سایت