@charset "utf-8";
html {
scroll-behavior: smooth;
}
@font-face {
font-family: 'tanha';
src: url('//bayanbox.ir/download/6569803721922940607/Tanha.woff') format('woff');
font-weight: normal;
}
@font-face {
font-family: 'lale';
src: url('//bayanbox.ir/download/6943001789619612027/Lalezar-Regular.woff') format('woff');
font-weight: bold;
}
::-moz-selection {
color: #fff;
background: #000;
}
::selection {
color: #fff;
background: #000;
}
body {
font-family: tanha, tahoma;
font-size: 15px;
direction: rtl;
line-height: 2em;
color: #000;
word-wrap: break-word !important;
background-color: #412b57; /* برای تغییر رنگ زمینه، کد رنگ را تغییر دهید */
background-image: url("//bayanbox.ir/view/1941502382524971581/br.png"); /* برای تغییر زمینه قالب، لینک را تغییر دهید */
}
a {
text-decoration: none;
color: #006ad4;
}
a:hover {
color: #353535;
}
h1, h2, h3, h4, h5, h6, .followBx, .followThis {
font-family: lale;
}
header {
width: 100%;
text-align: center;
padding: 30px 0 1px;
}
header h1 a {
font-size: 2.5em;
font-weight: bold;
color: #fff;
line-height: 1em;
}
header h1 a:hover {
color: #eee;
}
header h2 {
font-size: 1em;
color: #fff;
}
#wrp {
width: 96%;
margin: 0 auto;
max-width: 750px; /*برای تغییر اندازه ی پهنای قالب عدد را تغییر دهید*/
}
nav {
width: 100%;
font-size: 14px;
text-align: center;
margin-bottom: 15px;
}
nav ul {
list-style-type: none;
margin: -4px 0 0;
padding: 4px 0;
overflow: hidden;
background: #fff;
border-radius: 30px;
}
nav li {
display: inline-block;
font-family: lale;
}
nav li a {
display: block;
color: black;
text-align: center;
padding: 5px 10px;
text-decoration: none;
font-size: 20px;
}
nav li a:hover {
font-weight: bold;
}
.mt {
margin-top: 15px;
}
.message {
background: #FFF;
text-align: center;
color: #123456;
padding: 12px 5px;
border-radius: 20px;
}
.message h3 {
margin: 0
}
main {
width: 100%;
}
.post {
background: #fff;
margin-bottom: 15px;
border-radius: 30px;
padding: 15px;
}
.toppost {
text-align: center;
}
.toppost .date {
padding-top: 12px;
}
.toppost h3 a {
font-size: 40px;
color: #000;
font-weight: bold;
line-height: 1.3em;
}
.toppost h3 a:hover {
color: #36597c;
}
.toppost .thumb {
overflow: hidden;
}
.toppost .thumb img {
width: 100%;
height: auto;
padding: 0;
border-radius: 14px;
}
.post .toppost h3 {
padding: 0;
margin: 10px 0 0;
}
.toppost .title- {
display: none;
}
.post .text {
padding: 0 5px 5px;
text-align: justify;
font-size: 16.2px;
line-height: 2em;
margin-top: 18px;
}
.pun, .opn, .clo {
color: #000;
}
.post .text ul {
list-style-image: url('//bayanbox.ir/view/5946397774044841151/tick.png');
}
.post .text img, video {
max-width: 100%;
height: auto;
border-radius: 15px;
}
.post .redcom {
text-align: left;
padding-top: 5px;
}
.post .text .more {
padding: 30px 0;
}
.post .text .more a {
color: #000;
padding: 6px 12px;
border: 2px dashed;
border-color: #d2d2d2;
border-radius: 30px;
display: inline-block;
}
.post .text .more a:hover {
border-color: #ff6347;
color: #ff6347;
}
.post .text .commentpost a {
color: #000;
padding: 6px 12px;
border: 2px dashed;
border-color: #d2d2d2;
border-radius: 30px;
display: inline-block;
}
.post .text .commentpost a:hover {
border-color: #ff6347;
color: #ff6347;
}
.post .tags {
display: inline-block;
padding-right: 15px;
}
.post .tags h3 {
}
.post .tags a {
background: #39424b;
color: #fff;
padding: 1px 6px;
font-size: 12px;
font-weight: normal;
}
.post .tags a:hover {
background: #5b6167;
}
.rate-box {
display: block;
text-align: left;
}
.rate-button-box {
font-size: 13px;
padding: 0 20px;
}
.rate-up a:after {
content: "پسندیدم";
color: #4B4B4B;
}
.rate-up.rated a, .rate-down.rated a {
background: url(//bayanbox.ir/view/390913878236021869/tick-rate.png) no-repeat right;
background-size: 16px;
padding-right: 20px;
transition: .5s;
}
.rate-down a:after {
content: "نپسندیدم";
color: #4B4B4B;
}
.pagin {
text-align: center;
padding: 40px 0;
clear: both;
}
.pagin a {
background: #fff;
color: #000;
padding: 9px 30px;
font-size: 20px;
border-radius: 20px;
font-weight: bold;
font-family: lale;
}
.pagin a:hover {
color: #14d253;
}
input, textarea, select {
font-family: inherit;
}
.comment {
padding: 15px;
}
.comment .avatar img {
border-radius: 50%;
width: 64px;
height: 64px;
}
.comment .myavatar img {
width: 32px;
height: 32px;
border-radius: 16px;
}
.comment-form {
font-size: 14px;
padding: 15px;
margin-bottom: 7px;
border-radius: 4px;
}
.rep-pic img {
float: right;
padding-top: 10px;
width: 50px;
height: 50px;
}
.comment-details {
font-size: 15px;
padding: 2px 5px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.comment-details a {
color: #3d8296;
font-size: 15px;
display: inline-block;
}
.cmtname a {
color: #c0aaaa;
padding: 2px 10px;
}
.cmttext {
padding: 5px 5px 15px;
text-align: justify;
font-size: 16px;
line-height: 2em;
}
.cmtreplay {
margin: 0 50px 10px 0;
padding: 15px;
font-size: 16px;
text-align: justify;
box-shadow: 0 0 15px rgba(6, 6, 6, 0.09) inset;
line-height: 2em;
border-radius: 30px;
}
.cmtreplay img {
max-width: 100%;
height: auto
}
.cmtdate {
float: left;
}
.cmtdate a {
background: #fb1347;
padding: 2px 10px;
color: #fff;
border-radius: 4px;
}
#bComSub {
cursor: pointer;
margin-top: auto;
padding: 9px 30px;
border-radius: 15px;
background: #412b57;
color: #fff;
font-weight: bold;
border: 0;
font-size: ;
}
#bComSub:hover {
background: #000;
}
.formField2 textarea {
height: 150px;
}
.item_wrn, .item_err, .item_success, input[type="button"], input[type="text"], input[type="password"], input[type="submit"], button, textarea, .inputBox, input.text, a.btn, a.btn:hover, a.btn:visited {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
footer {
background: #fff;
text-align: center;
clear: both;
padding: 10px;
border-radius: 30px 30px 0 0;
}
footer a {
color: #000;
font-family: lale;
font-size: 20px;
display: block;
}
.post .text div {
margin-bottom: 10px;
}
.ngh-cmtimage {
width: 35px;
height: 35px;
margin: 5px 0;
border-radius: 50%;
}
.formField2 input.text, .formField2 textarea {
line-height: 1.4rem;
color: #412b57;
font-size: 15px;
border-radius: 0;
}
.cmt-bg {
text-align: center;
background: #412b57;
color: #fff;
padding: 6px;
font-size: 25px;
font-weight: bold;
border-radius: 20px;
margin-bottom: 15px;
border: 7px solid #fff;
font-family: lale;
}
.cmt-bg a {
color: #fff
}
.cmt-bg a:hover {
color: #eee
}
blockquote {
border-right: 6px solid #10d000;
margin: 5px 30px 10px;
padding: 5px 15px;
font-style: normal;
background: transparent;
border-radius: 30px 6px 6px 30px;
box-shadow: 0 0 15px rgba(6, 6, 6, 0.09) inset;
}