body { margin: 0; padding: 0; font-family: dani; font-size: 16px; direction: rtl; } h1 { font-size: 24px; } h2 { font-size: 20px; } @font-face { font-family: 'dani'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.woff?download') format('woff'); font-weight: normal; font-style: normal; } a:link { text-decoration: none; color:#473939; } a:visited { color:#473939; } /* Main Part */ .body { width: 900px; margin: 20px auto; } /* Header Part */ .header { width: 100%; height: 250px; border-top: 5px solid #923ED7; background: url('http://bayanbox.ir/download/8003798956026103996/headerback1.jpg'); background-size: cover; background-repeat: no-repeat; box-sizing: border-box; box-shadow: 0px 2px 3px gray; } /* Menu */ .header .menu { width: 100%; font-size: 0; } .header .menu .menu-op { padding: 5px 10px; font-size: 18px; background: #923ED7; color: white; display: inline-block; transition: background 0.5s; } .header .menu .menu-op:hover { background: #601F94; transition: background 0.5s; } .mselected { background:#601F94; } /* Title and Description */ .header .title { width: 100%; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; text-align: left; padding-left: 20px; padding-bottom: 70px; padding-top:30px; } .header .title h1,h2 { margin: 0; padding: 0; text-shadow: 2px 2px 3px #923ED7; } /* Right Bar */ .bar { width: 250px; display: inline-block; vertical-align: top; padding: 15px 0; } .bar .detail { width: 100%; margin: 15px 0; border-top: 3px solid #923ED7; } .bar .detail .title { background: #923ED7; color: white; font-size: 18px; font-weight: bold; padding: 0px 10px; margin-bottom: 5px; display: inline-block; } .bar .detail .bottom { width: 100%; box-sizing: border-box; } .bar .detail .bottom-op { width: 100%; color: #3C3C3C; font-size: 18px; transition: background 0.5s; padding: 5px 10px; box-sizing: border-box; } .bar .detail .bottom-op:hover { color:white; background: #923ED7; transition: background 0.5s; } /* Content Bar */ .content { width: 600px; display: inline-block; vertical-align: top; float: left; padding: 15px 0; } .post { width: 100%; margin: 15px 0; box-shadow: 0px 2px 3px gray; box-sizing: border-box; padding: 5px; } .post .title { width: 100%; border-top: 3px solid #923ED7; padding-top: 10px; font-size: 22px; color: #3C3C3C; font-weight: bold; } .post .content { width: 100%; font-size: 18px ; color: #3C3C3C; } .post .content a:link { color: #923ED7; } .post .content a:visited { color: #923ED7; } .post .content a:hover { color: #3C3C3C; } .post .detail { width: 100%; padding: 10px 0; } .post .detail a:link { color: #923ED7; } .post .detail a:visited { color: #923ED7; } .post .detail a:hover { color: #3C3C3C; } .post .detail-op { padding: 5px; display: inline-block; background: #923ED7; color: white; } /* Pagination */ .pagination { width: 100%; font-size: 0; border: 1px solid #923ED7; } .pagination .op { display: inline-block; font-size: 18px; font-weight: bold; color: #3C3C3C; background:white; padding: 5px 10px; transition: background 0.5s; } .pagination .op:hover { background: #923ED7; color: white; transition: background 0.5s; } /* Footer Detail */ .footer-detail { width: 100%; display: inline-block; vertical-align: middle; } .footer-detail .box { width: 48%; box-sizing: border-box; box-shadow: 0px 2px 3px gray; border-top:3px solid #923ED7; text-align: center; } .footer-detail .box .title { color: #3C3C3C; padding: 10px 5px; font-size: 20px; display: inline-block; font-weight: bold; } .footer-detail .box .bottom { width: 100%; } .footer-detail .box .bottom-op { width: 100%; padding: 5px 10px; box-sizing: border-box; font-size: 18px; background:white; color: #3C3C3C; text-align: right; transition: background 0.5s; } .footer-detail .box .bottom-op:hover { background: #923ED7; color: white; transition: background 0.5s; } /* Footer */ .footer { width: 100%; box-sizing: border-box; padding: 5px; box-shadow: 0 2px 3px gray; font-size: 18px; color: #601F94; margin: 10px 0; font-weight: bold; } /* TAGs Box */ .tag { width: 100%; } .tag-op { display: inline-block; font-size: 16px; color: #601F94; border: 1px solid #923ED7; padding: 3px; margin: 5px 0; background: white; transition: background 0.5s; } .tag-op:hover { background: #923ED7; color: white; transition: background 0.5s; } /* SPACERS */ .right { float:right } .left { float:left; } .current { background: #923ED7; color: white; } .selected { background: #923ED7; color: white; } /* comments */ .post-comments { font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; margin-bottom: 15px; } .post-comment { margin-bottom: 10px; background:#ffffff; border-radius: 6px; box-shadow: 0 4px 6px -2px #bbb; } .comment-details { background: #f9f9f9; padding: 0; cursor: default; border-radius: 6px 6px 0 0; } .comment-details a { color: #A4CACF; 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: #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/53176/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/53176/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: 15px; border: 1px solid #923ED7; background-color:#923ED7; color: white; border-radius: 6px; box-shadow: 0 4px 6px -2px #cbe2eb; } .comment-reply-details { padding: 5px 10px 0; } .comment-reply-date { float: left; color: white; cursor: default; } .comment-reply-name { color: white; cursor: default; } .comment-reply-body { color: white; padding: 10px; } /*-- add Comment --*/ .comment-add-form { color: #aaa; padding: 10px; margin-bottom: 30px; font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; background: #fff; border-radius: 6px; box-shadow: 0 4px 6px -2px #bbb; } .comment-add-form input.sendbutton { color: #fff; border: none; background: #3a424a; padding: 0 30px 2px; cursor: pointer; font: 15px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; -webkit-appearance: button; border-radius: 3px; } .comment-add-form input.sendbutton:hover { color: #fff; border: none; background: #923ED7 ; } .comment-add-form iframe { background: #FFF; } .messages { cursor: default; margin-bottom: 30px; background: #fff; border-radius: 6px; box-shadow: 0 4px 6px -2px #bbb; } .messages .messages-content { padding: 5px 15px; color: #999; } .messages .messages-content h2 { color: #923ED7; font-size:28px; text-align: center; cursor: default; margin: 0 0 7px; } .messages .messages-content h2 a.comment_count { color: #923ED7; } .messages .messages-content h2 a.comment_count:hover { color: #9aa1ab; cursor: pointer; }