Sunday, 20 October 2013

http://tympanus.net/Development/ParallaxContentSlider/index.html

@charset "utf-8";
#main-wrapper{ width:100%; height:auto; margin:0px; padding:0px;}
#header-wrapper-contener{background:url(../images/bg_header.jpg) no-repeat scroll 50% 0 rgba(0, 0, 0, 0); width:auto; height:760px;}
#header-wrapper-bottom-contener{background: url(../images/header_bottom.png) repeat-x scroll 50% 100% rgba(0, 0, 0, 0); width:auto; height:760px;}
.logo { width:300px; height:90px; padding-top:30px;
}
#container {
    margin-left: auto;
    margin-right: auto;
    width: 1170px;
}
.header {
    padding: 54px 0 32px;
    position: relative;
}
.nav-container {
    background: url(../images/bg_nav_tile.png) no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
    margin-bottom: 24px;
    padding: 2px 0 0;
    position: relative;
    z-index: 2;
}
.sf-menu {
    background: url(../images/bg_nav.gif) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 12px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    height:72px;
}
.sf-menu li {
    background: url(../images/nav_sp.gif) no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
    float: left;
    padding: 0 2px 0 0;
    position: relative;
    text-align: left;

}
ul, ol {
    list-style: none outside none;
}

.sf-menu li a {
    color: #796509;
    display: block;
    font-family: 'Bitter';
    font-size: 12px;
    min-width: 85px;
    padding: 29px 20px 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.sf-menu > li > a > span {
    cursor: pointer;
    display: block;
    white-space: nowrap;
}
.sf-menu li li a, .sf-menu li a{
    transition: all 0.3s ease 0s;
}
.main-container {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 30px 0 27px;
    position: relative;
    z-index: 1;
}
.footer-container {
    background: url(../images/bg_footer.gif) repeat-x scroll 50% 0 rgba(0, 0, 0, 0);
    padding: 4px 0 0;
}
.footer-container-tile {
    background: url(../images/bg_footer_tile.gif) repeat-x scroll 50% 0 #F3F3F3;
}
..........................................................................................

0 comments:

Post a Comment