@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 a{ text-decoration: none; } body { background: #42b8c6; font-family: yekan,tahoma; } h1,h2,h3,h4,h5,h6 { font-family: yekan,tahoma; } /*--wrp--*/ #wrp { width: 500px; margin: auto; background-image: url(//bayanbox.ir/view/1530876162279097659/background-left.png),url(//bayanbox.ir/view/4162635491885988884/background-right.png); padding: 0px 200px; background-repeat: no-repeat; background-position: top left,top right; } /*--header--*/ .header { background: url(//bayanbox.ir/view/7855546518613795759/header-background.png) center; background-size: cover; padding: 35px 25px; line-height: 1.8em; color: #fff; text-align: center; } .header a { color: #fff; } /*--menu--*/ .menu { border-bottom: 1px solid #2D9DAA; padding: 5px 6px; margin-bottom: 10px; text-align: center; } .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { list-style: none; padding: 0px; margin: 0px; display: inline-block; } .menu li:after { content: "|"; color: #2D9DAA; } .menu li:last-child:after { content: ""; } .menu a{ padding: 4px 10px; margin: 0px 2px; color: #caedf1; border-radius: 12px; } .menu a:hover{ color: #e6f7f9; transition-duration: .3s; } /*--all-block--*/ .main-block { background: url(//bayanbox.ir/view/3419627377956421806/background-bottom.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 200px; } .block-post { margin-bottom: 10px; } /*--post--*/ .post { margin: 40px 0px; color: #EAFDFF; } .post a{ color: #bbf6fc; } .post a:hover { color: #EAFDFF; } .post img{ max-width: 100%; height: inherit; } .post-title { padding: 8px 60px 0px 60px; text-align: center; background-image: url(//bayanbox.ir/view/3927315550184803507/post-title-before.png),url(//bayanbox.ir/view/3927315550184803507/post-title-before.png); background-repeat: no-repeat; background-position: center right,center left; } .post-title h2 { margin: 0; } .post-title a{ color: #EAFDFF; } .post-title a:hover{ color: #EAFDFF; transition-duration: .3s; } .post-matn { padding: 0px 10px 5px 10px; line-height: 1.7; text-align: justify; } /*--post-detail--*/ .post-detail { padding: 2px 10px; color: #96dbe3; overflow: auto; } .post-detail ul{ list-style: none; padding: 0; margin: 0; } .post-detail li{ list-style: none; padding: 4px 0px; margin: 0; display: inline-block; } .post-detail-right { float: right; } .post-detail-left { float: left; } .post-detail li:after { content: "|"; color: #38a1ad; padding: 0px 4px; } .post-detail li:last-child:after { content: ""; padding: 0; } .post-detail a{ color: #96dbe3; } .post-detail a:hover { color: #96dbe3; transition-duration: .3s; } .post-author{ color: #96dbe3; cursor: default; } .post-author i{ padding-left: 3px; } .post_date { cursor: default; } .post_date i{ padding-left: 3px; } .post-tags { padding: 5px; } .post-tags-title { padding: 6px 10px; margin-bottom: 4px; } /*--post-comment--*/ .cm-count { text-align: center; padding: 20px 0px; } .cm-main { color: #EAFDFF; } .cm-count a{ font-size: 25px; color: #EAFDFF; cursor: default; } .cm-body { overflow: auto; margin-bottom: 10px; border-bottom: 1px dotted #0E8A9A; padding-bottom: 10px; line-height: 1.7; } .cm-detail { position: relative; margin-right: 60px; } .cm-av { width: 50px; border-radius: 100%; float: right; } .cm-name { color: #ffffff; } .comment-link { width: 18px; height: 18px; margin-right: 5px; } .cm-date { color: #0E8A9A; } .cm-date .cm-date-a { color: #0E8A9A; cursor: default; } .cm-date .cm-date-a:hover { color: #0E8A9A; } .cm-detail a{ color: #858585; } .cm-detail a:hover{ color: #000; } .reply-body { margin-top: 10px; } .reply-av { width: 40px; max-height: 40px; border-radius: 100%; float: right; } .cm-reply-matn { position: relative; margin-right: 50px; overflow: hidden; } /*cm-form*/ .bComForm .sendbutton.hasCheckbox { margin-top: 10px; text-align: center; } .bComForm .sendbutton { width: 90%; margin-top: 50px; float:none; margin-right: 5%; margin-left:5%; background: #1195a6; border-radius: 0px; border: 0px; color: #fff; } 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: #1195a6; border: 0px; color: #fff; border-radius: 0px; } .bComForm .sendbutton:hover { cursor: pointer; transition-duration: .4s; } .comment-add-form { padding: 10px; } /*--pageination--*/ .pagingation { text-align: center; padding: 9px; margin-top: 10px; } .pagesList { display: inline-block; } .pagingation a{ padding: 4px 10px; background: #0E8A9A; color: #ffffff; border-radius: 20px; } .pagingation a:hover { background: #108e9e; transition-duration: .3; } /*--left--*/ /*--tags--*/ .tagss { display: inline-block; } .tagss a{ padding: 5px 8px; background: #0E8A9A; border-right: 3px solid #0f6a75; display: table-cell; color: #b8e4ea; transition-duration: .3s; } .tagss a:hover{ background: #1195a6; } .tagss a.selected{ background: #0E8A9A; } /*----fot----*/ .fotter { margin-bottom: 10px; padding: 8px; clear: both; bottom: 0; left: 0; top: auto; direction: ltr; color: #96dbe3; } .fotter .erfan { transition-duration: .5s; color: #fff; text-decoration: none; } .fotter .erfan:hover{ color: #96dbe3; } .bayan { float: right; color: #96dbe3; } .bayan a { color: #fff; } .bayan a:hover{ color: #96dbe3; }