*{font-family:shabnam,fontawesome !important; margin: 0px;}
html,body{background:#f4f7fb;}
#wrp{max-width:1340px; display: block; margin: auto; padding: 0px 15px 0px 15px;}
header{text-align: center; width:100%; display: block; margin:1rem 0px 1rem 0px; background: #00b2ca url(https://bayanbox.ir/view/3426092795851388885/6f73c7bcd9f17070f3010970a28afe8f.png) repeat 0 0; background-size:contain; border-radius: 1rem; -webkit-animation:slide 20s linear infinite;}
header h1{text-shadow:2px 5px 5px #00bcd4; color:#fff; background: rgba(12,139,167,0.6); font-size:30px; display: inline-block; border-radius:.35em; padding: .35em 1em; margin: 20px 0px 20px 0px;}
header h3{color:rgba(255,255,255,0.89); margin:0px; padding: 0px 0px 1rem 0px; font-size:16px;}
::selection{background: #90e0ef; color:#ffffff;}
.post,.page{box-shadow: 0 4px 7px 0 rgb(0 0 0 / 9%); padding: 20px; border-radius: 1rem; text-align:right; background: #fff; margin: 0px 0px 14px 0px; font-size:16px;}
.posturl,.pageurl{color:#212121; text-decoration: none;}
.postname,.pagename,.pagesub,.pagekeywords{margin: 0px 0px 14px 0px; font-size: 25px;}
.post i,.page i{font-size:18px; margin-left: 3px;}
.box{text-align: right;}
.boxbody{padding:15px; font-size: 17px; text-align:right;}
.boxbody h5{font-weight: normal; font-size: 16px;}
.boxbody h5::before{content:"\f104"; margin-left:4px;}
.boxbody ul{padding: 0px;}
.boxbody ul a{list-style-type: none;}
.boxbody ul a li{margin-bottom:10px;}
.boxbody ul a li::before{content:"\f104"; margin-left:4px;}
.boxbody ul a li.selected{color:#56cfe1;}
.boxheader{padding:15px; font-size: 19px;}
.boxheader h3{font-size: 20px;}
.boxheader h5{font-weight:normal; margin-top: 8px;}
.boxheader h3 i{margin-left: 6px; color:#00b4d8; text-shadow:0 0 7px #00b4d894;}
.keywordname{display: inline-block; padding:9px; border-radius: 9px; margin:0px 1px 5px 0px; text-align: center; background:#56cfe1; box-shadow:0px 1px 13px 0px #90e0ef96; color: #ffffff; font-weight: normal;}
.keywordname:hover{background:#64dfdf; transition: 0.23s;}
.boxheader img {max-width: 100%; border-radius:16px; display: block; margin:auto auto 10px auto;}
#boxinfo{float: right;}
#postimg{max-width:70%; display: block; margin:auto auto 25px auto; min-width: 30%; border-radius: 1.5rem; box-shadow:#343434 0px 7px 20px -6px;}
.postsub,.postkeywords{padding:5px; font-size: 17px; text-align:right;}
.postbody,.pagebody{padding-bottom: 15px;}
.subname,.keywordpost{color:#343a40; border-radius: 3.5px; display: inline-block; margin: 2.5px;}
.subname h5,.keywordpost h5{font-weight:normal;}
.keywordbox{display: block; margin: auto;}
.post-view{display: inline-block; margin-right: 10px; font-size: 16px; font-weight: normal;}
.postauthor{display: inline-block; font-size: 15px; color: #757575;}
.postauthor img{border-radius: 30px; width: 27px; margin: 0px 0px 0px 3px;}
.postime{display: inline-block; margin-right: 10px; font-size: 15px;color: #757575;}
.kwc{display: inline-block; color:#5390d9; background:#6930c3; border-radius:6px; padding:2px 10px;}
.postheader{padding-bottom: 10px;}
.postfooter{padding:0px; color:#353535;}
.postgoe{padding-bottom:4px;}
.post-comment-count{display: inline-block; margin-right: 10px; font-size: 15px; font-weight: normal;}
.postlike{display: inline-block; margin-right: 10px; font-size: 16px; font-weight: normal;}
.postlike.rated{font-weight: bold;}
.postdislike{display: inline-block; margin-right: 10px; font-size: 16px; font-weight: normal;}
.postdislike.rated{font-weight: bold;}
.gotopost h3{color:#ffffff; font-size:17.5px; padding:8px;}
.goa{float: left;}
.post a,{color:#00b4d8;}
.pagination{display:table;; margin:auto; padding-bottom:10px;}
.item_wrn{background:#fcec5d; padding: 15px; border: none; font-size: 18px; font-weight: 900; border-radius: 10px; text-shadow: #fcac5d 2px 2px 0px; line-height: 30px;}
.item_wrn .icon{background:url(https://bayanbox.ir/view/8029297486403370174/messages-1.png);width: 30px; height: 30px; float:right; margin: 0px 0px 0px 6px;}
.item_success{background:#76c893; padding: 15px; border: none; font-size: 18px; font-weight: 900; border-radius: 10px; text-shadow: #34a0a4 2px 2px 0px; line-height: 30px;}
.item_success .icon{background:url(https://bayanbox.ir/view/8029297486403370174/messages-1.png); width: 30px; height: 30px; float:right; margin:0px 0px 0px 6px; background-position: right -60px;}
.item_err{background:#c71f37; padding: 15px; border: none; font-size: 18px; font-weight: 900; border-radius: 10px; text-shadow: #85182a 2px 2px 0px; line-height: 30px;}
.item_err .icon{background:url(https://bayanbox.ir/view/8029297486403370174/messages-1.png); width: 30px; height: 30px; float:right; margin:0px 0px 0px 6px; background-position:right -30px;}
.pagenumber,.previouspage,.nextpage,.spacer{font-size:17px;border-radius: 10px; background:linear-gradient(to left,#00b4d8,#0096c7); display: inline-block; box-shadow:0px 1px 13px 0px #90e0ef96; min-width: 15px; padding: 8px; text-align: center; color:#f2f2f2; margin:0px 0px 5px 5px;}
.follow{background:linear-gradient(to left,#8900f2,#f20089); box-shadow: 0 5px 12px 0 #ff0a5445; width: 100%; height:auto; border-radius: 1rem; margin: 0px 0px 10px 0px;}
.followBx{background: none; padding:25px; margin:0px;}
.followersTitle{display: none;}
#followThis{background: none; font-size:25px; text-align: center; font-weight: 500;}
.footerbody,footer,.footerhead{color: #212529; background: #ffffff; padding:10px 0px 10px 0px; font-size: 17px;}
.footerhead{font-weight:500; text-align: center; border-radius:1rem 1rem 0rem 0rem;}
footer{border-radius:1rem 1rem 0rem 0rem; box-shadow:0 10px 20px hsl(0deg 0% 35% / 5%); margin-top: 16px; width: 100%; float: left;}
.kasrawm h4{font-weight:500;}
.bayan{float: right; padding-right:10px;}
.box img{margin: auto; display: block;}
.kasrawm{float: left; padding-left: 10px;}
.clear{clear: both;}
.gotopost{border-radius: 10px; background:#00b2ca; display: inline-block; box-shadow:0px 1px 13px 0px #90e0ef96;}
#posts{float: left; width:75%; color:#212529;}
a{text-decoration: none; color:#212529;}
.box{box-shadow: 0 4px 7px 0 rgb(0 0 0 / 9%);  border-radius: 1rem;   background: #fff; margin: 0px 0px 14px 0px;}
#sidebar{
  text-align:center;
  float:none;
  width:24%;
  margin: 0px 0px 0px 10px;
  color:#212529;
}
.subname h5,.keywordpage h5{font-weight:normal;}
.page-view{display: inline-block; margin-right: 10px; font-size: 16px; font-weight: normal;}
.pageheader{padding-bottom: 10px;}
.pagefooter{padding:0px; color:#353535;}
.pagegoe{padding-bottom:4px;}
.page-comment-count{display: inline-block; margin-right: 10px; font-size: 15px; font-weight: normal;}
.page a,{color:#00b4d8;}
.comment{
      padding: 20px;
      border-radius: 1rem;
      text-align: right;
      background:#fff;
      margin: 0px 0px 14px 0px;
      font-size: 16px;
      color: #515151;
}
.comment a{color:#414141;}
.comment a img{
  border-radius: 40px;
  box-shadow: 0 4px 7px 0 rgb(174 174 174 / 60%);
}
.comment img{
  border-radius: 40px;
  box-shadow: 0 4px 7px 0 rgb(174 174 174 / 60%);
}
.reply{box-shadow: 0 4px 7px 0 rgb(139 139 139 / 60%);
    padding: 20px;
    border-radius: 1rem;
    text-align: right;
    background: #fafafa;
    margin:14px 0px 0px 0px;
    font-size: 16px;
    color: #515151;
  }
  .commentintro{
    background:#48bfe3;
    border-radius:25px;
    width: 100%;
    text-align: center;
    box-shadow:0 4px 7px 0 rgb(72 191 227 / 73%);
    margin-bottom: 15px;
  }
  .commentintro h2{
    font-size: 30px;
    color: #f4f7fb;
    padding: 25px;
  }
  .comment_date,.reply_date{text-align: left;}
  .bComForm{box-shadow: 0 4px 7px 0 rgb(139 139 139 / 60%);
    padding: 20px;
    border-radius: 1rem;
    text-align: right;
    background:#e9ecef;
    margin: 0px 0px 14px 0px;
    font-size: 16px;
    color: #515151;
}
#pages{float:right; width:1008px; color:#212529; margin: 10px 0px 10px 0px; display: inline-block;}
#main-menu{background:linear-gradient(to left,#3fc1c0,#00b4d8); border-radius: 8px; margin-bottom: 1rem;}
#main-menu ul{font-size: 16px; padding: 0px 10px 0px 0px;}
#main-menu ul li{display: inline-block; padding:6px; border-radius: 5px; margin: 10px 0px 10px 10px; transition: 0.3s;}
#main-menu ul li:hover{background:#90e0ef9c;}
#main-menu ul li a{list-style-type:none; color:#fffffffc;}
@-webkit-keyframes slide{from{background-position:0 0}to{background-position:-590px 0}}
@media only screen and (max-width:1415px){
  #posts{width:75%;}
  #pages{width:75%;}
  #sidebar{width:24%;}
}
@media only screen and (max-width:1370px){
  #posts{width:74%;}
  #pages{width:74%;}
  #sidebar{width:24%;}
}
@media only screen and (max-width:1130px){
  #posts{width:71%;}
  #pages{width:71%;}
  #sidebar{width:27%;}
}
@media only screen and (max-width:1004px){
  #posts{width:68%;}
  #pages{width:68%;}
  #sidebar{width:30%;}
}
@media only screen and (max-width:903px){
  #posts{width:67%;}
  #pages{width:67%;}
  #sidebar{width:31%;}
}
@media only screen and (max-width:870px){
  .box{text-align:center;}
  .boxbody{text-align: center;}
	.follow{margin:0px 0px 15px 0px; display:inline-block;}
  #posts{width:100%;}
  #pages{width:100%;}
  #sidebar{width:100%;}
  .goa{float: none; text-align: center;}
  .gotopost{display: block;}
  .bayan,.kasrawm{float: none;text-align: center; box-shadow:0 10px 20px hsl(0deg 0% 35% / 5%);}
  .boxbody h5::before,.boxbody ul a li::before{content:none;}
  .postfooter{text-align: center;}
  .pagefooter{text-align: center;}
  #main-menu ul li{display: block; text-align: center;}
  #main-menu ul{padding: 0px 20px 0px 10px;}
}
<!--LAST UPDATE:142/3/29-->