فراموش نکنید که کش رو خالی کنید بعد تست نمایید .
کد:
/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 150%;
color: #525253;
position: relative;
}
.wrapper { margin: auto; }
#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-height: 100px;
background: #ffffff;
position: relative;
z-index: 10;
clear: both;
}
#top {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #ffffff;
overflow: hidden;
clear: both;
}
#middle {
clear: both;
min-height: 300px;
background: #ffffff;
}
#bottom {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #7A7A81;
text-shadow: 0 1px 0 rgba(0,0,0,1);
overflow: hidden;
clear: both;
}
#ytm h1 {position: absolute;top: 0px; right: -5000px;}
#footer {
position: relative;
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 20px;
clear: both;
color: #5A5C5E;
font-size: 10px;
text-shadow: 0 1px 0 rgba(0,0,0,1);
background: url(../images/footer_bg.png) 0 0 repeat-x;
}
#middle {
width: 100%;
overflow: hidden;
position: relative;
}
#middle-expand { width: 200%; }
#main {
position: relative;
right: 50%;
width: 50%;
float: right;
}
#main-shift {
position: relative;
right: -100%;
overflow: hidden;
}
#left {
position: relative;
right: -50%;
float: right;
overflow:hidden;
}
#right {
position: relative;
float: right;
overflow:hidden;
}
#maintop,
#contenttop {
margin: 0px 0px 0px 0px;
overflow: hidden;
}
#contentbottom,
#mainbottom {
margin: 0px 0px 0px 0px;
overflow: hidden;
}
#mainmiddle {
width: 100%;
overflow: hidden;
position: relative;
}
#mainmiddle-expand {
width: 200%;
}
#content {
position: relative;
right: 50%;
width: 50%;
float: right;
}
#content-shift {
position: relative;
right: -100%;
overflow: hidden;
}
#contentleft {
position: relative;
right: -50%;
float: right;
overflow:hidden;
}
#contentright {
position: relative;
float: right;
overflow:hidden;
}
.floatbox { overflow:hidden; }
.float-left { float: right; overflow: hidden; }
.float-right { float: left; overflow: hidden; }
.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width46 { width: 46%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width67 { width: 67%; }
.width75 { width: 75%; }
.width100 { width: 100%; }
#top > .vertical,
#bottom > .vertical { float: right; }
body.yoopage { background: #E3E3E3 url(../images/page_bg.jpg) 50% 0 repeat; }
#absolute {
position: absolute;
z-index: 15;
top: 0px;
right: 0px;
width: 100%;
}
#toolbar {
height: 40px;
padding: 0px 260px 0px 200px;
overflow: hidden;
color: #535358;
line-height: 40px;
font-size: 11px;
text-shadow: 0 1px 0 rgba(0,0,0,1);
background: #222224 url(../images/toolbar_bg.png) 0 0 repeat-x;
}
#date {
padding: 0px 0px 0px 10px;
float: right;
}
#headerbar {
padding: 0px 0px 0px 0px;
overflow: hidden;
}
div.menubar {
position: absolute;
top: 40px;
right: 0px;
left: 0px;
height: 60px;
padding: 0px 240px 0px 20px;
background: url(../images/menubar_bg.png) 0 0 repeat-x;
}
div.menushadow {
position: absolute;
top: 100px;
right: 0px;
left: 0px;
height: 3px;
background: url(../images/menubar_shadow.png) 0 0 repeat-x;
}
#logo {
position: absolute;
top: 0px;
right: 0px;
}
#search {
position: absolute;
top: 7px;
left: 7px;
z-index: 12;
}
#banner {
position: absolute;
top: 138px;
left: -43px;
width: 0px;
z-index: 3;
}
#socialbookmarks {
position: absolute;
top: 40px;
left: -30px;
z-index: 3;
background: #fff;
background: -moz-linear-gradient(
0% 50%,
#A7A7AD 0,
#FAFAFA 5px
);
background: -webkit-gradient(
linear,
0% 50%,
100% 50%,
color-stop(0%, #A7A7AD),
color-stop(15%, #FAFAFA)
);
-webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 0 3px rgba(0,0,0,0.5);
box-shadow: 1px 0 3px rgba(0,0,0,0.5);
}
#footer a.anchor {
position: absolute;
left: 20px;
top: 15px;
width: 25px;
height: 25px;
background: url(../images/footer_anchor.png) 0 0 no-repeat;
display: block;
text-decoration: none;
}
#footer a.anchor:hover { background-position: 0 -25px; }
#component { padding: 20px; }
#left div.left-1,
#contentleft div.contentleft-1 {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
border-left: 1px solid #E8E8E9;
}
#right div.right-1,
#contentright div.contentright-1 {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
border-right: 1px solid #E8E8E9;
}
div.bottom-1 {
border-bottom: 1px solid #292929;
background: #191919 url(../images/bottom_bg.png) 0 0 repeat-x;
overflow: hidden;
}
#bottom div.vertical {
border-bottom: 1px solid #2F2F2F;
background: #151515 url(../images/bottomblock_bg.png) 0 0 repeat-x;
}
div.wrapper-1,
div.wrapper-2 { background: url(../images/wrapper_bg.png) 0 0 repeat-y; }
div.wrapper-2 {
padding: 0px 30px 0px 30px;
background-position: 100% 0;
}
div.wrapper-3 { background: #1C1C1D; }