body{background: #252422; color:#F8F9FA; max-width:1400px; margin: auto;} a{color:#F8F9FA; text-decoration: none; transition: 0.3s;} a:hover{color:#C9184A;} *{font-family: Shabnam !important; font-weight: 400;} ::selection{background:#ef1e59d6; color:#F8F9FA;} .clear{clear: both;} header{background-color:#FF4D6D; border-radius: 0px 0px 20px 20px; margin: 0px 15px 0px 15px;} header .tobb{padding: 40px; text-align: center;} header .tobb a:hover{color:#F8F9FA;} header .tobb a h1{margin-top: 0px; text-shadow:3px 3px 0px #c9184a; font-size: 30px; font-weight: 600;} header .tobb a h1:hover{color:#F8F9FA;} header .tobb h2{margin: 0px; font-size: 20px; font-weight: bold;} #menu {border-radius: 15px; margin: -20px 30px 20px 30px; background:#2f2d2a; box-shadow:0px 10px 15px #1d1c1a8a;} #menu ul {list-style-type: none; margin: 0; padding: 0; font-size: 13.5px;} #menu ul li {display:inline-block; padding: 15px; margin: 0px 0px 0px -4px; text-align: left;} #menu ul li a.selected{color:#C9184A;} .mess{padding: 10px; margin-left: 15px; text-align:right;} .messages-content{text-align:center;} #container{margin: 0px 30px 0px 30px;} #container #content{float: right; width:70%;} #container #content .Post{display:block; box-shadow:0 6px 15px #181715; background: #2f2d2a; border-radius: 15px; padding: 20px; margin:6px 0px 15px 15px;} #container #content .Post a .PostTitle{margin: 0px 0px 20px 0px; font-size: 16px;} #container #content .Post a .postimage{max-width:20pc;border-radius:15px; width: 100%;} .Postgoe{font-size: 13px; margin-top: 15px;} .Postgoe .comment{display: inline-block;} .Postgoe .view{display: inline-block;} .goe {padding: 10px; border-radius: 10px; background:linear-gradient(to bottom,#c9184a,#FF4D6D); float: left; font-size: 14px;} .goe:hover{transition: 0.3s; background:linear-gradient(to bottom,#fff,#f4f6f9);} .author{float: right;} .payams{background:linear-gradient(to bottom,#c9184a,#FF4D6D); padding: 10px; border-radius: 10px; text-align: center; margin:15px 0px 15px 15px;} .combody{ border-radius: 10px; background: #2f2d2a; box-shadow: 0 6px 15px #18171599; padding: 10px; margin: 0px 0px 15px 15px; } .combody a img,.comreply img{border-radius: 10px; box-shadow: 0 6px 15px #18171599; margin-bottom: 10px;} .namecom{display: block; font-weight: bold;} .comreply{ border-radius: 10px; background: #413e3a; box-shadow: 0 6px 15px #18171599; padding: 10px; margin: 0px 0px 15px 15px; } .bComForm{margin-left: 15px; padding: 10px;} #boxs{float: left; width:30%;} .box{background: #2f2d2a; box-shadow:0 6px 15px #181715; margin: 0px 0px 15px 0px; border-radius: 15px; padding: 15px;} .boxhead{text-align:right; font-size: 20px; margin-bottom: 5px;} .boxbody{text-align: right; font-size: 13px;} .boxbody ul{list-style-type: none; padding: 0px;} .boxbody ul li a.selected{color:#C9184A;} .boxbody ul li{margin-bottom: 5px;} .boxbody img{max-width: 270px; border-radius: 10px;} .boxbody .prof{display: block; margin: auto; width: 100%;} .boxbody p{text-align: right;} .tagli{display: inline-block; background: #ef1e59; color: #F8F9FA; border-radius: 10px; padding: 10px; margin-right: 5px; margin-bottom: 10px;} .tagli:hover{background:#F8F9FA; color:#ef1e59; transition: 0.3s;} .imgrecentcomment{border-radius: 10px; width: 20px; margin: 2px; box-shadow: 0 6px 15px #181715;} .pagination a{font-size: 13px; background:#ef1e59; color: #F8F9FA; border-radius: 10px; text-align: left; padding: 10px; display: inline-block; margin-right: 10px; margin-bottom: 10px;} .pagination a:hover{background:#F8F9FA; color:#ef1e59;} .comment-add-form{background: #413e3a; border-radius: 10px; box-shadow: 0 6px 15px #18171599; margin-left: 15px;} footer{ background-color: #FF4D6D; border-radius: 20px; padding: 15px; margin-left: 15px; margin-right: 15px; } .copyright{float: left; font-size: 13px;} .kasrawm{float: right; font-size: 13px;} @media screen and (max-width:1070px) { #container #content{width: 100%;} #boxs{width: 100%;} #menu ul li{display: block; text-align: center;} .boxhead,.boxbody{text-align: center;} .kasrawm,.copyright{text-align: center; float: none;} #container #content .Post a .postimage{margin: auto; display: block;} .Postgoe{text-align: center; margin-top: 25px;} .author{float: none;} .goe{display: block; margin: auto; float: none; text-align: center;} }