رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

تغییر پس زمینه سایت

Hadi00

توسط Hadi00،
در مشکلات دیگر

دنبال‌کننده 0

پست های پیشنهاد شده

Hadi00

Hadi00 75

ارسال شده در
ارسال شده در

سلام

دوستان لطفا کمک کنید که پس زمینه سایتو به چه صورت میشه تغغیر داد؟

فک کنم عکس باشه. اگه عکسه آدرسش چی میشه؟

اگرم بصورت دیگه هستش لطف کنید بگید.

زنده ببنید : persianteb.com

post-8465-0-91691900-1427024259_thumb.jp

لینک به ارسال
Pouya

Pouya 1102

ارسال شده در
ارسال شده در

سلام. در استایل body برای پس‌زمینه رنگ تعریف شده:


background: #F3F0F0;

که میتونید تغییرش بدید به عکس یا...

  • امتیاز 1
لینک به ارسال
Pouya

Pouya 1102

ارسال شده در
ارسال شده در

این رو جایگزین استایل body در خط 82 فایل استایل کنید و تست کنید:


body {
background: #FF0;
direction: rtl !important;
}

  • امتیاز 1
لینک به ارسال
asareza

asareza 111

ارسال شده در
ارسال شده در

شما اگه این استایل رو جایگزین استایل فعلی سایتتون کنید ظاهر سایت به شکل زیر تغییر میکته : (برای تغییر تصویر بکگراند هم آدرس تصویر خودتون رو جایگزین کنید)


@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}
p {
    border: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body a {
    color: #fff;
}
body {
    line-height: 0;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
@font-face {
    font-family: "Byekan";
    src: url("fonts/BYekan.ttf") format("truetype"), url("fonts/BYekan.eot?#") format("eot"), url("fonts/BYekan.woff") format("woff");
}
@font-face {
    font-family: "Helvetica";
    src: url("fonts/Helvetica.ttf") format("truetype"), url("fonts/Helvetica.eot?#") format("eot"), url("fonts/Helvetica.woff") format("woff");
}
body {
    background: url("http://www.wallpaperdirect.com/us/wdimages/093562thumb.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    direction: rtl !important;
    padding: 1px;
}
body a {
    color: #00b0e2;
}
.header {
    background: none repeat scroll 0 0 #fff;
    height: 140px;
    margin: 10px auto;
    position: relative;
    width: 1100px;
}
.logo {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounceInRight;
    background: url("images/logo.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 rgba(250, 250, 250, 0.5) inset;
    float: left;
    height: 140px;
    transition: all 0s ease-in 0s;
    visibility: visible;
    width: 400px;
}
.logo:hover {
    box-shadow: 0 400px rgba(250, 250, 250, 0) inset;
    transition: all 0.3s ease-in 0s;
}
.banner {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounceInLeft;
    border: 3px solid rgba(0, 0, 0, 0.09);
    float: right;
    height: 60px;
    margin-top: 20px;
    visibility: visible;
    width: 468px;
}
.social {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounceInLeft;
    background: none repeat scroll 0 0 #1b1b1b;
    box-shadow: -5px 0 rgba(0, 0, 0, 0.2) inset;
    float: right;
    height: 66px;
    margin-right: 5px;
    margin-top: 20px;
    visibility: visible;
    width: 35px;
}
.fac:hover {
    background: none repeat scroll 0 0 #1f4ab6;
}
.tw:hover {
    background: none repeat scroll 0 0 #2ec8f4;
}
.ins:hover {
    background: none repeat scroll 0 0 #8b6903;
}
.social i:hover {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
.social i {
    box-shadow: 0 -1px rgba(0, 0, 0, 0.3) inset;
    color: #fff;
    float: right;
    font-size: 16px;
    padding: 3px 0;
    text-align: center;
    transition: all 0.3s ease-in 0s;
    width: 100%;
}
.header-nav ul {
    bottom: 4px;
    position: absolute;
}
.header-nav li {
    float: right;
}
.header-nav li a {
    color: black;
    display: block;
    font-family: byekan;
    font-size: 14px;
    padding: 8px;
    position: relative;
    top: -2px;
    transition: all 0.5s ease 0s;
    width: 77px;
}
.header-nav li a i {
    font-size: 18px;
    padding-left: 5px;
}
.header-nav li:hover a {
    color: #cd5c5c;
}
@media only screen and (max-width: 1000px) {
.header-nav {
    display: none;
}
}
.main {
    height: auto;
    margin: 0 auto;
    width: 1100px;
}
.navbar ul li i {
    float: right;
    font-size: 19px;
    margin: 2px;
}
.navbar ul li:hover .ads {
    opacity: 0;
}
.navbar ul li a {
    color: #fff;
}
.navbar ul li:hover {
    background: none repeat scroll 0 0 #66c62c;
    box-shadow: 0 -20px rgba(0, 0, 0, 0.05) inset;
}
.navbar ul li ul li:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: -400px 0 #cb43db inset;
}
.navbar ul li ul li {
    display: inline-block;
    float: none !important;
    padding: 8.4px 5px;
    width: auto !important;
}
.navbar ul li ul {
    background: none repeat scroll 0 0 #1f1f1f;
    display: none;
    height: auto;
    opacity: 1;
    position: absolute;
    right: -10px;
    top: -20px;
    transform: scale(1);
    transition: all 0.3s ease-in 0s;
    width: auto;
    z-index: 1234;
}
.navbar ul li:hover ul {
    opacity: 1;
    transform: scale(1);
    z-index: 9999;
}
.navbar ul li {
    color: #fff;
    float: right;
    font: 14px byekan;
    padding: 8.4px 10px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in 0s;
    z-index: 99993;
}
.navbar {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounceInUp;
    background: none repeat scroll 0 0 #252525;
    border-radius: 2px;
    box-shadow: 0 -20px rgba(0, 0, 0, 0.15) inset;
    float: right;
    height: 40px;
    width: 100%;
}
.home:hover {
    background: none repeat scroll 0 0 #ff6c60 !important;
}
.home {
    background: none repeat scroll 0 0 #ff6c60;
    border-radius: 0 2px 2px 0;
}
.icona i:last-child:hover {
    background: none repeat scroll 0 0 #ff9000;
    box-shadow: 0 -20px rgba(0, 0, 0, 0.05) inset, -3px 0 rgba(0, 0, 0, 0.2) inset;
}
.icona i:first-child:hover {
    background: none repeat scroll 0 0 #66c62c;
    box-shadow: 0 -20px rgba(0, 0, 0, 0.05) inset, -3px 0 rgba(0, 0, 0, 0.2) inset;
}
.icona i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: -3px 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    cursor: pointer;
    float: left;
    padding: 12px 15px;
    transition: all 0.2s ease-in 0s;
}
.icona {
    float: left;
    position: relative;
    z-index: 999;
}
.ttads span i {
    font-size: 19px;
    margin: 6px 5px 5px;
    position: relative;
}
.ttads span {
    color: rgba(0, 0, 0, 0.5);
    float: right;
    font: 14px byekan;
    margin: 0 3px 3px;
    z-index: -999;
}
.ttads {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    float: right;
    height: 35px;
    margin-bottom: 5px;
    padding: 2px 0;
    text-align: right;
    width: 100%;
}
.ads img {
    border: 3px solid rgba(0, 0, 0, 0.05);
    margin: 4px;
    z-index: -999;
}
.ads {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: pulse;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border-radius: 2px;
    float: right;
    margin: 10px 0;
    padding: 4px 0;
    text-align: center;
    width: 100%;
    z-index: 0;
}
.tti {
    float: left;
}
.open {
    background: none repeat scroll 0 0 #85c826;
    border-radius: 3px 0 0 3px;
    box-shadow: -3px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    font-size: 20px;
    padding: 4px 7px;
}
.close {
    background: none repeat scroll 0 0 #f44444;
    border-radius: 0 3px 3px 0;
    color: #fff;
    font-size: 20px;
    padding: 4px 9px;
}
.tti div:first-child {
    margin-left: 10px;
}
.tti div {
    cursor: pointer;
    float: left;
}
.afrasearch {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    color: #fff;
    float: right;
    font: 14px byekan;
    margin-right: 5px;
    margin-top: 6px;
    padding: 8px 10px;
    width: 270px;
}
.search {
    background: none repeat scroll 0 0 #1f1f1f;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 4px rgba(0, 0, 0, 0.1) inset, 0 -25px rgba(0, 0, 0, 0.05) inset;
    display: none;
    float: left;
    height: 50px;
    left: 0;
    max-width: 300px;
    position: relative;
    top: -15px;
    width: 300px;
}
.searchh form input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    color: #fff;
    float: right;
    font: 14px byekan;
    margin-right: 5px;
    margin-top: -5px;
    padding: 8px 10px;
    position: relative;
    width: 270px;
    z-index: 999;
}
.searchh {
    background: none repeat scroll 0 0 #1f1f1f;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 4px rgba(0, 0, 0, 0.1) inset, 0 -25px rgba(0, 0, 0, 0.05) inset;
    display: none;
    float: left;
    height: 50px;
    left: 0;
    max-width: 300px;
    position: relative;
    top: -15px;
    width: 300px;
    z-index: 2147483647;
}
.bartar {
    float: right;
    margin-top: 5px;
    width: 100%;
}
.sidebar {
    margin: 0 0 10px;
    padding: 0 8px;
    position: relative;
}
.sidebar h5 {
    background: none repeat scroll 0 0 #252525;
    box-shadow: 0 20px rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    font: 15px "Byekan",B yekan,Tahoma;
    margin: 5px -8px 13px;
    overflow: hidden;
    padding: 8px 8px 2px 0;
    position: relative;
}
.sidebar h5::before {
    color: #fff;
    content: "";
    float: left;
    font: 21px "FontAwesome";
    margin: 3px 0 7px 5px;
    position: relative;
    z-index: 1;
}
.sidebar h5 span {
    background: none repeat scroll 0 0 #00c7ff;
    float: left;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 27px;
}
.sidebar h5 span::after, .sidebar h5 span::before, .sidebar::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00c7ff #00c7ff;
    border-style: solid;
    border-width: 30px 14px 30px 13px;
    content: "";
    height: 0;
    position: absolute;
    right: -23px;
    top: -5px;
    width: 0;
}
.sidebar h5 span::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f9f9f9 #f9f9f9;
    right: -25px;
}
.sidebar::after {
    border-color: #252525 #252525 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 7px 4px 7px 7px;
    position: absolute;
    right: 6px;
    top: 43px;
}
.bartarbg {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 -100px rgba(0, 0, 0, 0.01) inset;
    float: right;
    height: 200px;
    margin-top: 10px;
    padding-bottom: 5px;
    text-align: right;
    width: 100%;
}
.scrollable {
    position: relative;
}
.scrollable:focus {
    outline: 0 none;
}
.scrollable .viewport {
    overflow: hidden;
    position: relative;
}
.scrollable .viewport .overview {
    position: absolute;
    right: 0;
}
.scrollable .scroll-bar {
    display: none;
}
.scrollable .scroll-bar.vertical {
    height: 100%;
    left: 0;
    position: absolute;
    z-index: 2147483647;
}
.scrollable .scroll-bar.horizontal {
    position: relative;
    width: 100%;
}
.scrollable .scroll-bar .thumb {
    position: absolute;
}
.scrollable .scroll-bar.vertical .thumb {
    min-height: 10px;
    width: 100%;
}
.scrollable .scroll-bar.horizontal .thumb {
    height: 100%;
    left: 0;
    min-width: 10px;
}
.not-selectable {
    -moz-user-select: none;
}
.scrollable.default-skin {
    padding-bottom: 0;
    padding-right: 0;
    width: 100%;
}
.scrollable.default-skin .scroll-bar.vertical {
    width: 6px;
}
.scrollable.default-skin .scroll-bar.horizontal {
    height: 6px;
}
.scrollable.default-skin .scroll-bar .thumb {
    background-color: #404040;
    cursor: pointer;
    margin-right: 2px !important;
}
.scrollable.default-skin .scroll-bar:hover .thumb {
    background: none repeat scroll 0 0 #ff6969;
}
.scrollable.gray-skin {
    padding-right: 17px;
}
.scrollable.gray-skin .scroll-bar {
    background-color: #d3d3d3;
    border: 1px solid gray;
}
.scrollable.gray-skin .scroll-bar .thumb {
    background-color: gray;
}
.scrollable.gray-skin .scroll-bar:hover .thumb {
    background-color: black;
}
.scrollable.gray-skin .scroll-bar.vertical {
    width: 10px;
}
.scrollable.gray-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}
.scrollable.modern-skin {
    padding-right: 17px;
}
.scrollable.modern-skin .scroll-bar {
    border: 1px solid gray;
    border-radius: 4px;
    box-shadow: 0 0 5px #888 inset;
}
.scrollable.modern-skin .scroll-bar .thumb {
    background-color: #95aabf;
    border: 1px solid #536984;
    border-radius: 4px;
}
.scrollable.modern-skin .scroll-bar.vertical .thumb {
    background: linear-gradient(to right, #95aabf 0%, #547092 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 8px;
}
.scrollable.modern-skin .scroll-bar.horizontal .thumb {
    background-image: linear-gradient(#95aabf, #547092);
    height: 8px;
}
.scrollable.modern-skin .scroll-bar.vertical {
    width: 10px;
}
.scrollable.modern-skin .scroll-bar.horizontal {
    height: 10px;
    margin-top: 2px;
}
.viewport {
    height: 200px;
}
.bartarbg ul li a {
    color: rgba(0, 0, 0, 0.5);
}
.bartarbg ul li i {
    float: right;
    font-size: 13px;
    margin: 3px;
}
.bartarbg ul li:hover a {
    color: #ff6969;
}
.bartarbg ul li:hover {
    color: #ff6969;
    transition: all 0.2s ease-in 0s;
}
.bartarbg ul li span {
    background: none repeat scroll 0 0 #00c7ff;
    border-radius: 2px;
    color: #fff;
    float: left;
    margin-left: 15px;
    margin-top: -1px;
    padding: 2px 5px;
}
.akx {
    background: none repeat scroll 0 0 #994683 !important;
}
.bartarbg ul li {
    box-shadow: 0 -1px rgba(0, 0, 0, 0.02);
    color: rgba(0, 0, 0, 0.5);
    float: right;
    font: 14px byekan,ebrima;
    padding: 8px 4px;
    text-align: right;
    transition: all 0.2s ease-in 0s;
    width: 100%;
}
.side-r {
    float: right;
    height: auto;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 240px;
}
.sidebarfix {
    float: right;
    height: auto;
    width: 100%;
}
.sidebarx {
    margin: 0;
    padding: 0 8px;
    position: relative;
}
.sidebarx h5 {
    background: none repeat scroll 0 0 #252525;
    box-shadow: 0 20px rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    font: 15px "Byekan",B yekan,Tahoma;
    margin: 5px -8px 13px;
    overflow: hidden;
    padding: 8px 8px 2px 0;
    position: relative;
}
.akharin h5::before {
    content: "" !important;
}
.sidebarx h5::before {
    color: #fff;
    content: "";
    float: left;
    font: 21px "FontAwesome";
    margin: 3px 0 7px 5px;
    position: relative;
    z-index: 1;
}
.sidebarx h5 span {
    background: none repeat scroll 0 0 #ff6969;
    float: left;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 27px;
}
.sidebarx h5 span::after, .sidebarx h5 span::before, .sidebarx::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff6969 #ff6969;
    border-style: solid;
    border-width: 30px 14px 30px 13px;
    content: "";
    height: 0;
    position: absolute;
    right: -23px;
    top: -5px;
    width: 0;
}
.sidebarx h5 span::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f9f9f9 #f9f9f9;
    right: -25px;
}
.sidebarx::after {
    border-color: #252525 #252525 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 7px 4px 7px 7px;
    position: absolute;
    right: 6px;
    top: 42px;
}
.bgside {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 10%, transparent 100%) repeat scroll 0 0 transparent;
    float: right;
    height: auto;
    margin-top: 3px;
    padding-bottom: 10px;
    width: 100%;
}
.a ul li:last-child {
    border: medium none;
}
.a ul li a {
    color: rgba(0, 0, 0, 0.5);
}
.a ul li:hover::after {
    box-shadow: -100px 0 #ff6969 inset;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
.a ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.5);
    font: 13px byekan;
    padding: 6px 7px 6px 0;
}
.x ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.5);
    font: 13px byekan;
    padding: 6px 7px 6px 0;
}
.x ul li:last-child {
    border: medium none;
}
.x ul li a {
    color: rgba(0, 0, 0, 0.5);
}
.x ul li:hover::after {
    box-shadow: -100px 0 #ff6969 inset;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
.bay h5::before {
    content: "";
}
.vasat {
    float: right;
    height: auto;
    margin-top: 5px;
    width: 600px;
}
.postvasat {
    float: right;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}
.titlepost {
    background: none repeat scroll 0 0 #994683;
    box-shadow: 0 -2px rgba(250, 250, 250, 0.8) inset;
    color: #fff;
    float: right;
    height: 40px;
    line-height: 19px;
    position: relative;
    width: 100%;
}
.titlepost::after {
    border-color: #994683 transparent transparent;
    border-style: solid;
    border-width: 13px 2px 10px 10px;
    bottom: -21px;
    content: "";
    height: 0;
    left: 19px;
    position: absolute;
    width: 0;
}
.titlepost::before {
    bottom: -10px;
}
.titlepost::before {
    bottom: 0;
    color: rgba(0, 0, 0, 0.05);
    content: "";
    font: 37px "FontAwesome";
    left: 0;
    position: absolute;
    top: -1px;
}
.titlepost span a {
    color: #fff;
}
.titlepost span {
    color: #fff;
    float: right;
    font: 15px byekan;
    margin-top: 7px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    width: 70%;
}
.titlepost span::before {
    color: #fff;
    content: "";
    float: right;
    font: 19px "FontAwesome";
    margin: 1px 6px 0 8px;
    transition: all 0.2s ease-in 0s;
}
.bgpost {
    background: none repeat scroll 0 0 #fff;
    color: #4b4b4b;
    float: right;
    font: 14px byekan,ebrima;
    width: 100%;
}
.cover img {
    border: 4px solid rgba(0, 0, 0, 0.1);
    height: auto;
    max-width: 590px;
}
.cover {
    display: table;
    float: left;
    margin: 10px 8px 10px 7px;
}
.coverc img {
    border: 4px solid rgba(0, 0, 0, 0.1);
    height: auto;
    max-width: 590px;
}
.coverc {
    display: table;
    margin: 10px auto;
}
.j {
    padding: 2px 10px;
}
.paa i {
    font-size: 18px;
    margin: 2px;
    position: relative;
    right: -1px;
    top: 3px;
}
.paa a:hover {
    border-radius: 4px;
    box-shadow: 0 520px rgba(250, 250, 250, 0) inset;
    transition: all 0.3s ease-in 0s;
}
.paa a {
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.05) 100%) repeat scroll 0 0 transparent;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 0 rgba(250, 250, 250, 0.9) inset;
    color: rgba(0, 0, 0, 0.5);
    padding: 3px 6px;
    transition: all 0s ease-in 0s;
}
.paa {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.5);
    font: 14px byekan;
    height: auto;
    margin-bottom: 10px;
    padding: 5px;
    position: relative;
    top: 5px;
}
.nazar span {
    background: none repeat scroll 0 0 #575757;
    border: 4px solid #fff;
    border-radius: 2px;
    color: #fff;
    margin-right: -88px;
    margin-top: -15px;
    opacity: 0;
    padding: 3px 35px;
    position: absolute;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    z-index: -999;
}
.adschaptx h5::before {
    content: "" !important;
}
.tarikh:hover span {
    margin-top: -25px;
    opacity: 1;
    z-index: 999;
}
.tarikh span {
    background: none repeat scroll 0 0 #575757;
    border: 4px solid #fff;
    border-radius: 2px;
    color: #fff;
    margin-left: -28px;
    margin-top: -15px;
    opacity: 0;
    padding: 3px 35px;
    position: absolute;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    z-index: -999;
}
.nazar {
    float: left;
}
.nazar:hover span {
    margin-top: -25px;
    opacity: 1;
    z-index: 999;
}
.nazar i {
    background: none repeat scroll 0 0 #00c7ff;
    border: 4px solid #fff;
    border-radius: 100%;
    color: #fff;
    float: left;
    font-size: 17px;
    margin-bottom: -3px;
    margin-left: -10px;
    margin-top: 15px;
    padding: 6px;
    text-align: center;
}
.tarikh i {
    background: none repeat scroll 0 0 #00c7ff;
    border: 4px solid #fff;
    border-radius: 100%;
    color: #fff;
    float: right;
    font-size: 17px;
    margin-bottom: -3px;
    margin-right: -10px;
    margin-top: 15px;
    padding: 6px;
    text-align: center;
}
.more:hover {
    background: none repeat scroll 0 0 #575757;
}
.more {
    background: none repeat scroll 0 0 #fe8383;
    border: 4px solid #fff;
    border-radius: 100%;
    color: #fff;
    font-size: 17px;
    height: 15px;
    margin: 0 auto -3px;
    padding: 6px;
    position: relative;
    text-align: center;
    top: 20px;
    transition: all 0.3s ease-out 0s;
    width: 15px;
}
.side-l {
    float: left;
    height: auto;
    margin-bottom: 20px;
    width: 240px;
}
.adschap img {
    margin-bottom: 10px;
    margin-top: 10px;
}
.adschap {
    text-align: center;
}
.cm ul li a {
    color: rgba(0, 0, 0, 0.5);
}
.cm ul li:last-child {
    border: medium none;
}
.cm ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.5);
    direction: rtl;
    font: 13px byekan,ebrima;
    padding: 6px 7px 6px 0;
    text-align: right;
}
.are h5::before {
    content: "";
}
.wp-pagenavi {
    direction: rtl;
    display: table;
    margin: 0;
    padding: 0 0 0 5px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
.wp-pagenavi ul li {
    list-style: outside none none;
}
.wp-pagenavi h3 {
    font-weight: normal;
}
.wp-pagenavi a, .wp-pagenavi span {
    background: none repeat scroll 0 0 #575757;
    border: medium none !important;
    border-radius: 0;
    color: #fff;
    float: right;
    font: 13px "petitabold",Byekan,B yekan,Tahoma;
    margin: 0 !important;
    padding: 5px 8px !important;
    text-decoration: none;
    transition: all 0.15s ease-in 0s;
}
.wp-pagenavi span.current::after {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #ff6969;
    border-top: 7px solid transparent;
    content: "";
    float: left;
    height: 0;
    margin-left: -15px;
    margin-right: 0;
    margin-top: 4px;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 0;
}
.wp-pagenavi span.current {
    background: none repeat scroll 0 0 #ff6969;
    color: #fff;
    margin-left: 10px;
    position: relative;
}
.wp-pagenavi a:hover {
    background: none repeat scroll 0 0 #ff6969;
    color: #fff;
}
.wp-pagenavi span.current {
    font-weight: normal !important;
}
.footer {
    background: none repeat scroll 0 0 #464646;
    box-shadow: 0 4px rgba(0, 0, 0, 0.1) inset, 0 -110px rgba(0, 0, 0, 0.05) inset;
    clear: both;
    height: 220px;
    position: relative;
    top: 10px;
}
.footerab {
    height: 220px;
    margin: 0 auto;
    width: 1100px;
}
.about::before {
    background: none repeat scroll 0 0 #83ccfe;
    border-radius: 100%;
    color: #fff;
    content: "";
    float: right;
    font: 17px FontAwesome;
    margin-left: 5px;
    margin-right: -20px;
    margin-top: -10px;
    padding: 6px 7px;
    text-align: center;
}
.about {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #fff;
    font: 15px byekan;
    height: 120px;
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    top: 10px;
}
.tagfoo::before {
    background: none repeat scroll 0 0 #83ccfe;
    border-radius: 100%;
    color: #fff;
    content: "";
    float: right;
    font: 17px FontAwesome;
    margin-left: 5px;
    margin-right: -20px;
    margin-top: -10px;
    padding: 7px 6px;
    text-align: center;
}
.tagfoo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #fff;
    font: 15px byekan;
    height: 55px;
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    top: 10px;
}
.ajabxx {
    height: 50%;
    margin-right: 5px;
    overflow: hidden;
    width: 100%;
}
.ajabxx a {
    margin: 0 0 6px 5px;
}
.ajabxx a {
    background: none repeat scroll 0 0 #595959;
    border-radius: 2px;
    color: #c1c1c1;
    float: right;
    font: 11px byekan,ebrima !important;
    height: 20px;
    margin: 0 0 4px 3px;
    padding: 2px 5px;
    transition: all 0.3s ease 0s;
}
.titlepostt a {
    color: #fff;
}
.titlepostt {
    background: none repeat scroll 0 0 #575757;
    border-radius: 4px;
    box-shadow: 0 -2px rgba(50, 50, 50, 0.3) inset;
    color: #fff;
    float: right;
    height: 40px;
    line-height: 19px;
    margin-bottom: 5px;
    position: relative;
    width: 30%;
}
.titlepostt::after {
    border-color: #575757 transparent transparent;
    border-style: solid;
    border-width: 13px 2px 10px 10px;
    bottom: -21px;
    content: "";
    height: 0;
    position: absolute;
    right: 10px;
    width: 0;
}
.titlepostt::before {
    bottom: -10px;
}
.titlepostt::before {
    bottom: 0;
    color: rgba(0, 0, 0, 0.04);
    content: "";
    font: 37px "FontAwesome";
    left: 0;
    position: absolute;
    top: -1px;
}
.titlepost span a {
    color: #fff;
}
.titlepostt span {
    color: #fff;
    float: right;
    font: 15px byekan;
    margin-top: 7px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
.titlepostt span::before {
    color: #fff;
    content: "";
    float: right;
    font: 19px "FontAwesome";
    margin: 1px 6px 0 8px;
    transition: all 0.2s ease-in 0s;
}
.bgpostt {
    background: none repeat scroll 0 0 #fff;
    color: #4b4b4b;
    float: right;
    font: 14px byekan,ebrima;
    height: 430px;
    width: 100%;
}
.cvn img {
    height: 100%;
    width: 100%;
}
.cvn::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.1) transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: "";
    float: left;
    margin: 93px 0 0 -19px;
    transform: rotate(90deg);
}
.cvn {
    border-left: 3px solid rgba(0, 0, 0, 0.1);
    float: right;
    height: 100%;
    width: 300px;
}
.taki {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    float: right;
    height: 200px;
    width: 100%;
}
.cvn span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    font: 15px byekan;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    width: 300px;
}
.taki ul li::before {
    color: #00c7ff;
    content: "";
    float: right;
    font: 17px FontAwesome;
    margin: 2px 5px 0;
}
.taki ul li:last-child::before {
    content: "";
}
.taki ul li:hover {
    box-shadow: 0 -50px rgba(0, 0, 0, 0.05) inset;
}
.taki ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.5);
    float: right;
    padding: 11px 0;
    transition: all 0.2s ease-in 0s;
    width: 297px;
}
.kho {
    color: rgba(0, 0, 0, 0.5);
    float: right;
    font: 14px byekan;
    height: 90px !important;
    margin-top: 18px;
    overflow: hidden;
    padding-left: 7px !important;
    padding-right: 3px !important;
    text-align: right;
    width: 287px !important;
}
.chandi ul li h2 {
    display: inline-block;
    float: right;
}
.chandi ul li:last-child {
    border-bottom: medium none !important;
}
.chandi ul li a {
    color: rgba(0, 0, 0, 0.5);
}
.chandi ul li:hover::before {
    color: #fff;
}
.chandi ul li:hover {
    box-shadow: 0 50px #575757 inset;
    color: #fff;
}
.chandi ul li:hover a {
    color: #fff;
}
.chandi ul li::before {
    color: #575757;
    content: "";
    float: right;
    font: 14px FontAwesome;
    margin-left: 5px;
    margin-top: 5px;
}
.chandi ul li span::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.1) transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: "";
    float: right;
    margin-right: -19px;
    margin-top: 7px;
    transform: rotate(-90deg);
}
.chandi ul li span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    float: left;
    margin-top: 0;
    padding: 3px 7px;
}
.chandi ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.5);
    float: right;
    font: 14px byekan;
    padding: 8px 5px;
    transition: all 0.2s ease-in 0s;
    width: 98.5%;
}
.t ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.5);
    font: 13px byekan;
    padding: 6px 7px 6px 0;
}
.t ul li:last-child {
    border: medium none;
}
.t ul li a {
    color: rgba(0, 0, 0, 0.5);
}
.t ul li:hover::after {
    box-shadow: -100px 0 #ff6969 inset;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
.tasa h5::before {
    content: "";
}
.am ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.5);
    font: 13px byekan;
    padding: 6px 7px 6px 0;
}
.am ul li:last-child {
    border: medium none;
}
.am ul li a {
    color: rgba(0, 0, 0, 0.5);
}
.am ul li:hover::after {
    box-shadow: -100px 0 #ff6969 inset;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
.amar h5::before {
    content: "";
}
.eshs a {
    color: #fff;
}
.eshs i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: -1px 0 rgba(0, 0, 0, 0.06) inset;
    float: left;
    padding: 9px 12px;
    text-align: center;
}
.eshs {
    color: #fff;
    float: left;
    font-size: 19px;
}
.sc {
    float: right;
    height: auto;
    margin-top: 0;
    width: 100%;
}
.bgcs ul li:first-child {
    box-shadow: 1px 0 rgba(0, 0, 0, 0.2) inset;
}
.bgcs ul li span i {
    float: right;
    font-size: 17px;
    margin: 3px 4px;
}
.bgcs ul li span {
    float: right;
    margin-right: 5px;
    margin-top: 8px;
}
.bgcs li {
    color: #fff;
    float: right;
    font: 14px byekan;
    height: 40px;
    max-width: 50%;
    overflow: hidden;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    width: 50%;
}
.bgcs {
    background: none repeat scroll 0 0 #575757;
    border-radius: 3px;
    box-shadow: 0 -20px rgba(0, 0, 0, 0.1) inset;
    float: right;
    height: 40px;
    overflow: hidden;
    width: 100%;
}
.bgxo:hover::before {
    background: none repeat scroll 0 0 transparent;
    box-shadow: 0 0 0 50px rgba(0, 0, 0, 0.3) inset;
}
.bgxo::before {
    background: none repeat scroll 0 0 #db6dff;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.03);
    color: #fff;
    content: "";
    float: right;
    font: 42px FontAwesome;
    height: 56px;
    margin-right: -3px;
    margin-top: -45px;
    padding-top: 14px;
    text-align: center;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in 0s;
    width: 70px;
}
.bgxo {
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    float: right;
    height: auto;
    width: 100%;
}
.dl::before {
    background: none repeat scroll 0 0 #7ee900;
    content: "";
}
.nazarat::before {
    background: none repeat scroll 0 0 #ed7669;
    content: "";
}
.tx {
    margin-top: 55px;
}
#avatarn img {
    height: auto;
    max-width: 680px;
}
#avatarn {
    border: 2px solid rgba(0, 0, 0, 0.05);
    border-radius: 10%;
    float: right;
    height: 85px;
    margin: 7px 8px 10px 30px;
    overflow: hidden;
    width: 85px;
}
.meetauthor span {
    padding-left: 10px;
}
.meetauthor i {
    float: right;
    font-size: 16px;
    margin: 3px;
}
.meetauthor {
    color: rgba(0, 0, 0, 0.5);
    font: 14px byekan,ebrima;
    margin-bottom: 10px;
    margin-top: 40px;
}
.linkdl li i {
    color: #575757;
    float: right;
    font-size: 17px;
    margin: 2px 4px;
}
.linkdl li a {
    color: rgba(0, 0, 0, 0.5);
}
.linkdl li:hover i {
    color: #fff;
}
.linkdl li:hover a {
    color: #fff;
}
.linkdl li:hover {
    box-shadow: 650px 0 #575757 inset;
    color: #fff;
}
.linkdl li span {
    color: #db6dff;
    float: left;
    font: 15px byekan,ebrima;
}
.linkdl li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.5);
    float: right;
    font: 14px byekan,ebrima;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 6px;
    transition: all 0.2s ease-in 0s;
    width: 98%;
}
.bgbarc a {
    color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    font: 14px byekan;
    margin: 1px 2px;
    padding: 1px;
    transition: all 0.2s ease-in 0s;
}
.bgbarc i {
    color: #575757;
    float: right;
    font-size: 17px;
    margin: 12px 4px 0;
}
.bgbarc {
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    float: right;
    height: auto;
    overflow: hidden;
    width: 100%;
}
.barcg {
    margin-top: 10px;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.hinge {
    animation-duration: 2s;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}
.bounce {
    animation-name: bounce;
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
.flash {
    animation-name: flash;
}
@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
.pulse {
    animation-name: pulse;
}
@keyframes shake {
0%, 100% {
    transform: translateX(0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
    transform: translateX(10px);
}
}
.shake {
    animation-name: shake;
}
@keyframes swing {
20% {
    transform: rotate(15deg);
}
40% {
    transform: rotate(-10deg);
}
60% {
    transform: rotate(5deg);
}
80% {
    transform: rotate(-5deg);
}
100% {
    transform: rotate(0deg);
}
}
.swing {
    animation-name: swing;
    transform-origin: center top 0;
}
@keyframes tada {
0% {
    transform: scale(1);
}
10%, 20% {
    transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
}
100% {
    transform: scale(1) rotate(0deg);
}
}
.tada {
    animation-name: tada;
}
@keyframes wobble {
0% {
    transform: translateX(0%);
}
15% {
    transform: translateX(-25%) rotate(-5deg);
}
30% {
    transform: translateX(20%) rotate(3deg);
}
45% {
    transform: translateX(-15%) rotate(-3deg);
}
60% {
    transform: translateX(10%) rotate(2deg);
}
75% {
    transform: translateX(-5%) rotate(-1deg);
}
100% {
    transform: translateX(0%);
}
}
.wobble {
    animation-name: wobble;
}
@keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.3);
}
50% {
    opacity: 1;
    transform: scale(1.05);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes bounceInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
60% {
    opacity: 1;
    transform: translateY(30px);
}
80% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(0px);
}
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
60% {
    opacity: 1;
    transform: translateX(30px);
}
80% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
60% {
    opacity: 1;
    transform: translateX(-30px);
}
80% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
60% {
    opacity: 1;
    transform: translateY(-30px);
}
80% {
    transform: translateY(10px);
}
100% {
    transform: translateY(0px);
}
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
0% {
    transform: scale(1);
}
25% {
    transform: scale(0.95);
}
50% {
    opacity: 1;
    transform: scale(1.1);
}
100% {
    opacity: 0;
    transform: scale(0.3);
}
}
.bounceOut {
    animation-name: bounceOut;
}
@keyframes bounceOutDown {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(-20px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(20px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
0% {
    transform: translateX(0px);
}
20% {
    opacity: 1;
    transform: translateX(-20px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
0% {
    transform: translateY(0px);
}
20% {
    opacity: 1;
    transform: translateY(20px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(20px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translateY(20px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translateY(2000px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(2000px);
}
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-20px);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(20px);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-20px);
}
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(0px) rotateY(0deg) scale(1);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(1);
}
}
.animated.flip {
    animation-name: flip;
    backface-visibility: visible;
}
@keyframes flipInX {
0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
40% {
    transform: perspective(400px) rotateX(-10deg);
}
70% {
    transform: perspective(400px) rotateX(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
}
.flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
}
@keyframes flipInY {
0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
40% {
    transform: perspective(400px) rotateY(-10deg);
}
70% {
    transform: perspective(400px) rotateY(10deg);
}
100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
}
.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}
@keyframes flipOutX {
0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
}
}
.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
}
}
.flipOutY {
    animation-name: flipOutY;
    backface-visibility: visible !important;
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
}
80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
}
100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
}
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center 0;
}
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
}
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
0% {
    opacity: 0;
    transform: translateY(-2000px);
}
100% {
    transform: translateY(0px);
}
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
    opacity: 0;
    transform: translateX(-2000px);
}
100% {
    transform: translateX(0px);
}
}
.slideInLeft {
    animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
100% {
    transform: translateX(0px);
}
}
.slideInRight {
    animation-name: slideInRight;
}
@keyframes slideOutLeft {
0% {
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(-2000px);
}
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
    transform: translateX(0px);
}
100% {
    opacity: 0;
    transform: translateX(2000px);
}
}
.slideOutRight {
    animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-2000px);
}
}
.slideOutUp {
    animation-name: slideOutUp;
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: left top 0;
}
40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: left top 0;
}
80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg) translateY(0px);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translateY(700px);
}
}
.hinge {
    animation-name: hinge;
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
}
100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
}
100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
    animation-name: rollOut;
}
.post-comments h3 {
    display: none !important;
}
.post-comments p {
    font: 14px byekan;
    margin-bottom: 5px;
}
.post-comments {
    direction: rtl;
    height: auto;
    margin-top: 10px;
    padding-top: 32px;
    text-align: right;
}
.post-comments h3 {
    cursor: default;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: -25px -3px 14px 0;
    padding: 0 8px 1px 0;
    position: relative;
}
.post-comments h3::before {
    content: "";
    float: right;
    font: 16px "FontAwesome";
    margin: 6px 5px 0;
}
.says {
    display: none;
}
.comment-body {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: bounceInRight;
    background: none repeat scroll 0 0 #f9f9f9;
    border-radius: 3px;
    color: #808080;
    font: 14px byekan;
    list-style: outside none none;
    margin: 0 5px 5px;
    padding: 10px;
    visibility: visible;
}
.post-comments ul {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.post-comments li {
    list-style: outside none none;
}
.comment-author {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    box-shadow: 0 0 0 2px #f9f9f9, 0 0 0 3px rgba(0, 0, 0, 0.02);
    height: 23px;
    margin: 10px 7px 10px -5px;
    padding: 1px 0 5px 8px;
    position: relative;
}
.comment-author img {
    border: 3px solid #f7f7f7;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    height: 50px;
    margin: -15px -10px 4px 0;
    width: 50px;
}
.fn, .fn a {
    color: #99a3b1;
    float: left;
    padding: 0 5px;
}
.fn::before {
    content: "";
    float: left;
    font: 18px "FontAwesome";
    margin: 4px 2px 0 -3px;
}
.fn::after {
    content: "نوشته شده توسط : ";
    float: right;
    margin: 0 2px 0 0;
}
.comment-meta {
    float: left;
    font: 13px Tahoma;
    margin: 5px;
}
.comment-reply-link {
    background: none repeat scroll 0 0 #994683;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: table;
    margin: 5px -5px -10px 0;
    padding: 0 8px 4px;
}
.comment-reply-link::before {
    content: "";
    float: right;
    font: 16px "FontAwesome";
    margin: 7px 0 0 5px;
}
.post-comments input, .post-comments textarea {
    border: 1px solid #dadada;
    border-radius: 2px;
    color: #d2d2d2;
    font-family: "PetitaLight",Byekan,B yekan,Tahoma;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 15px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal !important;
    line-height: normal;
    max-width: 685px;
    padding: 3px 6px 7px;
    transition: all 0.2s ease-in 0s;
}
.post-comments p {
    display: inline-block;
    margin-right: 4px;
}
.post-comments input {
    clear: right;
    display: inline-block;
    float: right;
    padding: 6px 6px 0.5em;
    width: 170.5px;
}
.post-comments textarea {
    margin-right: 4px;
    margin-top: 4px;
    max-height: 89px;
    max-width: 575px;
    min-height: 89px;
    min-width: 575px;
}
.post-comments input:focus, .post-comments textarea:focus {
    border-color: #994683;
    box-shadow: 0 0 0 !important;
    color: #4e4e4e;
    outline: 0 none;
}
.post-comments .children li {
    margin-left: 24px;
}
.reply {
    text-align: left;
}
.commentlist {
    margin-bottom: 40px;
}
.comment-meta, .commentmetadata, .comment-meta a, .commentmetadata a {
    color: #707070;
    direction: ltr;
    float: left;
    font: 13px "Byekan",B yekan,Tahoma;
}
.commentmetadata a {
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04);
    padding: 1px 5px 5px;
}
.comment-author cite {
    font-style: normal;
}
.post-comments .ldc-cmt-box {
    float: left;
    margin-bottom: -50px;
}
#commentform p label {
    display: none;
}
.submiticon::before {
    content: "";
    font: 50px "FontAwesome";
}
#submit {
    background: none repeat scroll 0 0 #994683;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 10px 2px 5px 1px;
    padding: 25px 21px;
    transition: all 0.2s ease-in 0s;
    width: 99%;
}
#submit:hover {
    background: none repeat scroll 0 0 #85b100;
}
@media only screen and (max-width: 1124px) {
.header, .main, .footerab {
    width: 90%;
}
.social {
    display: none;
}
.side-r {
    width: 300px;
}
.side-l {
    display: none;
}
}
@media only screen and (max-width: 1024px) {
.side-r {
    width: 193px;
}
.banner {
    display: none;
}
}
@media only screen and (max-width: 924px) {
.side-r {
    display: none;
}
.vasat {
    width: 100%;
}
.taki ul li {
    width: 405px;
}
}
@media only screen and (max-width: 824px) {
.taki {
    display: none;
}
.bgpostt {
    height: auto;
}
}
@media only screen and (max-width: 624px) {
.ads {
    display: none;
}
}
.searchh {
    position: relative;
    z-index: 999;
}
.kholf {
    float: left;
    position: relative;
}
.navbar ul {
    float: right;
    position: relative;
    z-index: 99999;
}
.userpanel h5 i {
    cursor: pointer;
    display: inline-block;
}
.ig::before {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    content: "";
    float: right;
    height: 5px;
    margin-left: 5px;
    margin-right: -13px;
    margin-top: 6px;
    padding: 2px;
    width: 5px;
}
.ig {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: -1px;
    margin-right: 10px;
    margin-top: -8px;
    padding: 9px 6px;
}
.borderbottom {
    border-bottom: 5px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 6px;
}
.khoshamadi:hover {
    box-shadow: -700px 0 rgba(250, 250, 250, 0.5) inset;
}
.khoshamadi {
    background: none repeat scroll 0 0 #f6584c;
    box-shadow: -5px 0 rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 10px;
    padding: 5px 0;
    transition: all 0.3s ease-out 0s;
}
#captchaImgDiv {
    color: rgba(0, 0, 0, 0.5);
    font: 14px byekan;
}
input#captcha_code {
    margin: 5px;
    width: 95% !important;
}
#captcha_code_label {
    float: right;
    margin: 5px;
}
.axkhosh div {
    background: url("http://upspeed.ir/uploads/up928891415197055_logokhosh.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 140px;
    margin: 0 auto;
    width: 400px;
}
.axkhosh {
    text-align: center;
    width: 100%;
}
.khoshamadi span {
    color: #fff;
    font: 14px byekan;
    margin-right: 10px;
    padding: 5px 10px 5px 0;
    position: relative;
    right: 10px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}
.zh::after {
    border-color: #b0d32c transparent transparent;
}
.zh {
    background: none repeat scroll 0 0 #b0d32c;
}
.zg::after {
    border-color: #db6dff transparent transparent;
}
.zg {
    background: none repeat scroll 0 0 #db6dff;
}
.zl::after {
    border-color: #f4c82e transparent transparent;
}
.zl {
    background: none repeat scroll 0 0 #f4c82e;
}
.sidebarfargh div::before {
    content: "";
    font: 20px FontAwesome;
    margin: 0 auto;
}
.sidebarfargh div {
    width: 100%;
}
.sidebarfargh span {
    font: 14px byekan;
}
.sidebarfargh {
    background: none repeat scroll 0 0 #35bc7a;
    border-radius: 2px;
    box-shadow: 0 25.5px rgba(0, 0, 0, 0.02) inset;
    color: #fff;
    height: 45px;
    padding: 3px 0;
    text-align: center;
}
.bgjk {
    background: none repeat scroll 0 0 #fff;
    float: right;
    height: auto;
    margin-top: 3px;
    width: 100%;
}
.gozina {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    height: 48px;
    width: 100%;
}
.gozina span:last-child {
    border: medium none;
}
.gozina span {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    float: right;
    height: 100%;
    text-align: center;
    width: 49.5%;
}
.gozina span div::before {
    color: rgba(0, 0, 0, 0.5);
    content: "";
    font: 19px FontAwesome;
    margin: 5px auto;
    position: relative;
    top: 5px;
}
.gozina span p {
    color: rgba(0, 0, 0, 0.5);
    font: 14px byekan;
    margin-top: 5px;
}
.gozina span div {
    width: 100%;
}
.gozina span:hover div::before {
    color: #ff6969;
}
.gozina span:focus div::before {
    color: #ff6969;
}
.maho ul li a {
    color: rgba(0, 0, 0, 0.5);
}
.maho ul li:last-child {
    border: medium none;
}
.maho ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.5);
    direction: rtl;
    font: 13px byekan,ebrima;
    padding: 6px 7px 6px 0;
    text-align: right;
}
.maho ul li:hover::after {
    content: "";
    float: left;
}
.maho ul li::after {
    color: #83ccfe;
    content: "";
    float: right;
    font: 15px FontAwesome;
    margin: 3px;
    transition: all 0.3s ease-out 0s;
}
.abisho {
    background: none repeat scroll 0 0 #00c7ff;
}
#list-categoory {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    direction: rtl;
    display: block;
    font: 13px Byekan,B yekan,Tahoma;
    list-style: outside none none;
    text-align: right;
}
#list-categoory li {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #f9f9f9;
    cursor: pointer;
    list-style: outside none none;
    padding: 1px 8px 3px;
    transition: all 0.2s ease-in 0s;
}
#list-categoory li:last-child {
    box-shadow: 0 0 #fff;
}
#list-categoory li:hover {
}
#list-categoory li::before {
    color: #d9d9d9;
    content: "";
    float: right;
    font: 13px "FontAwesome";
    margin: 5px 0 5px 6px;
    transition: all 0.2s ease-in 0s;
}
#list-categoory li:hover::before {
    color: #2ec8f4;
    content: "";
}
#list-categoory li a {
    color: #8a8a8a;
}
#list-categoory li:hover a {
    color: #8a8a8a;
}
#list-categoory li > ul {
    display: none;
}
.hasChild {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#list-categoory li:hover > .children {
    display: block !important;
}
li.hasChild:hover {
    background: none repeat scroll 0 0 #eeeeee;
    list-style: outside none none;
}
ul.children {
    border: 1px solid #f9f9f9;
    padding: 0;
}
.abisho div::before {
    content: "";
}
.if {
    color: #b0d32c;
}
.bgside ul li {
    transition: all 0.2s ease-in 0s;
}
.bgside ul li:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
}
.wb {
    left: 5px;
    margin-top: -100px;
    opacity: 0.5;
    position: absolute;
}
.crp_related ul li a {
    color: #a4a3a3;
}
.crp_related ul li:hover a {
    color: #fff;
}
.crp_related ul li:hover {
    background-color: #80bb00;
    border-color: #70a400;
    color: #fff;
}
.crp_related ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    border-radius: 2px;
    margin-top: 3px;
    padding: 5px 3px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.04);
    transition: all 0.36s ease-in-out 0s;
}
.crp_related h3::before {
    content: "";
    float: right;
    font: 18px FontAwesome;
    margin-left: 5px;
}
.j li {
    margin-right: 10px !important;
}
strong {
    font-weight: 700;
}
img.centered, .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

post-3374-0-36392100-1427031307_thumb.jp

  • امتیاز 2
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
دنبال‌کننده 0
برو به فهرست موضوع ها
×
×
  • اضافه کردن...