body{ margin:0px;
padding:0px;
background-image:url('https://rozup.ir/up/forum_4theme/Documents/4theme5/Untitled_7.png');
}
#contect{
text-align:center;
width:1024px;
height:auto;
padding-bottom:20px;
}
#logo{
float:right;
width:auto;
height:auto;
position:relative;
font-size:68px;
right:40px;
top:40px;
color:#ffffff;
-moz-box-shadow:inset 0px 0px 20px #005890;
-webkit-box-shadow:inset 0px 0px 20px #005890;
box-shadow:inset 0px 0px 20px #005890;
background-color:#0083d6;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:10px 10px 10px 10px;
border:2px #ffffff solid;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
-moz-text-shadow: 0px 0px 6px #000000;
-webkit-text-shadow: 0px 0px 6px #000000;
text-shadow: 0px 0px 6px #000000;
}
#menu-top{
float:left;
width:600px;
height:auto;
margin-top:35px;
}
#menu-top ul{
list-style:none;
}
#menu-top ul a{
text-decoration:none;
color:#ffffff;
}
#menu-top ul a li{
background-color:#0097dd;
border:1px #ffffff solid;
font-family:B Yekan,Tahoma,Arial;
font-size:20px;
padding-top:25px;
color:#ffffff;
text-align:center;
float:right;
height:55px;
width:80px;
margin-left:20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: inset 0px 0px 20px #0097dd;
-webkit-box-shadow: inset 0px 0px 20px #0097dd;
box-shadow: inset 0px 0px 20px #0097dd;
/*Inner elements should not cover inner shadows*/
/*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
}
#menu-top ul a:hover li{
text-decoration:none;
background-color:#606060;
-moz-border-radius: 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;/*This is the correct shorthand for webkit*/
border-radius: 15px 0px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#ads468{
background-color:#f9f9f9;
border:1px #aeaeae solid;
padding-left:20px;
padding-right:20px;
padding-bottom:3px;
padding-top:3px;
width:500px;
margin-left:109px;
margin-top:20px;
}
#ads300{
float:right;
color:#ffffff;
font-size:50px;
font-family:B Yekan,Tahoma,Arial;
text-align:center;
padding-top:60px;
height:190px;
width:300px;
border:8px #ffffff solid;
margin-right:40px;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#006ab5', endColorstr = '#007eff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#006ab5', endColorstr = '#007eff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #006ab5, #007eff);
background-image: -ms-linear-gradient(top, #006ab5, #007eff);
background-image: -o-linear-gradient(top, #006ab5, #007eff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#006ab5), to(#007eff));
background-image: -webkit-linear-gradient(top, #006ab5, #007eff);
background-image: linear-gradient(top, #006ab5, #007eff);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
-moz-text-shadow: 0px 0px 6px #000000;
-webkit-text-shadow: 0px 0px 6px #000000;
text-shadow: 0px 0px 6px #000000;
}
#ads300:hover{
border:8px #ffffff solid;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
-moz-border-radius: 0px 23px;
-webkit-border-radius: 0px 23px 0px 23px;/*This is the correct shorthand for webkit*/
border-radius: 0px 23px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: inset 0px 0px 20px #01014c;
-webkit-box-shadow: inset 0px 0px 20px #01014c;
box-shadow: inset 0px 0px 20px #01014c;
/*Inner elements should not cover inner shadows*/
/*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
-moz-text-shadow: 0px 0px 6px #000000;
-webkit-text-shadow: 0px 0px 6px #000000;
text-shadow: 0px 0px 6px #000000;
}
.slideshow{
height:350px;
width:540px;
background-color:#efefef;
margin-left:109px;
border:1px #006ba2 solid;
margin-top:20px;
}
.slideshow ul{
list-style:none;
margin:0px;
padding:0px;
}
.slide{
position:relative;
list-style:none;
overflow:hidden;
}
.slide li{
position:absolute;
display:none;
left:0px;
right:0px;
}
.slide img{
display:block;
float:left;
width:100%;
}
#pagesslide{
margin-right:80px;
}
#pagesslide li{
float:right;
margin-right:20px;
margin-top:15px;
}
.right{
background-color:#efefef;
height:auto;
width:220px;
float:right;
margin-right:130px;
margin-bottom:15px;
padding-bottom:5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
border:1px silver solid;
}
.right:hover{
border:1px #007eff solid;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
}
.title{
background-color:#636363;
padding:9px 8px 9px 10px;
color:#ffffff;
text-align:right;
direction:rtl;
width:auto;
height:auto;
float:right;
font-family:Tahoma,Arial;
font-size:14px;
margin:12px 12px 0px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: inset 0px 0px 20px #000000;
-webkit-box-shadow: inset 0px 0px 20px #000000;
box-shadow: inset 0px 0px 20px #000000;
/*Inner elements should not cover inner shadows*/
/*Chrome renders inset shadows incorrectly with border-radius*/
/*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
}
.left{
background-color:#efefef;
height:auto;
width:540px;
text-align:right;
float:left;
margin-left:109px;
margin-bottom:15px;
margin-top:15px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
border:1px silver solid;
}
.left:hover{
border:1px #ff7200 solid;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
}
#footer{
background-color:#414141;
height:auto;
width:100%;
}
#top{
background-color:#00aac9;
width:100%;
height:5px;
}
#pfooter{
width:1024px;
color:#a3a3a3;
text-align:right;
direction:rtl;
font-family:Tahoma,Arial;
font-size:14px;
padding-top:20px;
padding-bottom:15px;
}
#pfooter a{
text-decoration:none;
color:#a3a3a3;
}
#pfooter a:hover{
text-decoration:none;
color:#ffffff;
}
#bootom{
background-color:#191919;
height:35px;
width:100%;
color:#ffffff;
text-align:right;
direction:rtl;
padding-top:15px;
padding-right:0px;
border-top:2px #747474 solid;
position:relative;
bottom:-12px;
}
#tittle{
width:auto;
padding-right:10px;
text-align:right;
direction:rtl;
font-family:B yekan,Tahoma,Arial;
font-size:16px;
margin:5px px 0px 0px;
color:#3b3b3b;
padding-top:8px;
}
#tittle a{
text-decoration:none;
color:#3b3b3b;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
}
#tittle a:hover{
text-decoration:none;
color:#d508c9;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
-moz-text-shadow: 0px 0px 6px #000000;
-webkit-text-shadow: 0px 0px 6px #000000;
text-shadow: 0px 0px 6px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
.post{
text-align:right;
direction:rtl;
color:#2d2d2d;
font-size:12px;
font-family:Tahoma,Arial;
padding-right:6px;
padding-bottom:8px;
padding-left:3px;
padding-top:3px;
margin-top:8px;
}
.post a{
text-decoration:none;
color:#2d2d2d;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
}
.post a:hover{
text-decoration:none;
color:#009cff;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
}
#form{
margin-right:130px;
margin-bottom:15px;
width:250px;
direction:rtl;
position:relative;
left:-20px;
}
#input1{
background-color:#4f4f4f;
direction:rtl;
color:#ececec;
font-size:16px;
height:32px;
border:0px;
width:214px;
position:relative;
left:-10px;
font-family:b Yekan,Tahoma,Arial;
padding-right:6px;
}
#input2{
background-image:url('https://rozup.ir/up/forum_4theme/Documents/4theme5/4theme_04.jpg');
background-repeat:no-repeat;
height:26px;
width:26px;
border:0px;
position:relative;
right:-20px;
top:-2px;
}
#post-img{
width:528px;
height:auto;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 80);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
}
#post-img:hover{
opacity: 1;
transition:all 0.5s ease 0.3s;
-webkit-transition:all 0.5s ease 0.3s;
-moz-transition:all 0.5s ease 0.3s;
-ms-transition:all 0.5s ease 0.3s;
-o-transition:all 0.5s ease 0.3s;
-khtml-transition:all 0.5s ease 0.3s;
-moz-border-radius: 0px 15px;
-webkit-border-radius: 0px 15px 0px 15px;/*This is the correct shorthand for webkit*/
border-radius: 0px 15px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 13px #000000;
-webkit-box-shadow: 0px 0px 13px #000000;
box-shadow: 0px 0px 13px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
