فعال شده عرض صفحه - نسخه‌ی قابل چاپ

کد:
/* 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; }