Team:OUC-China

From 2012.igem.org

(Difference between revisions)
Line 12: Line 12:
.right-menu li a { background:transparent;}
.right-menu li a { background:transparent;}
#content { display:none; }
#content { display:none; }
 +
                                                    /*demo.css*/
 +
body{
 +
background: #fff;
 +
color: #000;
 +
font-family: 'Open Sans Condensed', sans-serif;
 +
font-size: 13px;
 +
}
 +
a{
 +
color: #555;
 +
text-decoration: none;
 +
}
 +
.wrapper{
 +
position: relative;
 +
width: 100%;
 +
}
 +
.wrapper p{
 +
clear: both;
 +
font-size: 24px;
 +
line-height: 40px;
 +
text-align: center;
 +
}
 +
.reference{
 +
padding-top: 40px;
 +
}
 +
h1{
 +
font-size: 34px;
 +
position:relative;
 +
color: #000;
 +
font-weight: 400;
 +
text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
 +
    padding: 20px;
 +
z-index:1000;
 +
text-transform: uppercase;
 +
text-align: center;
 +
}
 +
h1 span{
 +
font-family: 'Playfair Display', serif;
 +
font-style: italic;
 +
text-transform: none;
 +
font-size: 20px;
 +
}
 +
.index_header_wrp {
 +
    padding: 4px 0px 0px 0px;
 +
    background: url("https://static.igem.org/mediawiki/igem.org/1/1b/OUC-China-home_header_backgroundimg.png")  repeat-x scroll 0% 0% transparent;
 +
    border-bottom: 1px solid #ffffff;
 +
}
 +
.index_header {
 +
height: 50px;
 +
    margin: 13px auto;
 +
    position: relative;
 +
}
 +
                                                        /* nav-top Style */
 +
#nav{
 +
margin:0;
 +
padding:0 0 0 1px;
 +
list-style:none;
 +
position:absolute;
 +
top:0;
 +
right:120px;
 +
background:url(https://static.igem.org/mediawiki/2012/b/b2/Ouc-China-home-sep.gif) no-repeat;
 +
}
 +
#nav li {
 +
padding:0 1px 0 0;
 +
float:left;
 +
width:100px;
 +
display:inline;
 +
background:url(https://static.igem.org/mediawiki/2012/b/b2/Ouc-China-home-sep.gif) no-repeat 100% 0;
 +
}
 +
#nav a{
 +
color: #000000;
 +
display:block;
 +
text-decoration: none;
 +
font-weight: bold;
 +
font-size:17px;
 +
font-family: 'Playfair Display', serif;
 +
font-style:italic;
 +
background:url(https://static.igem.org/mediawiki/2012/2/2a/Ouc-China-home-btn-nav_.png) no-repeat 0 -9999px;
 +
padding:46px 5px 15px 16px;
 +
}
 +
#nav a:hover{/* 鼠标悬停的样式 */
 +
background-position:0 0; /* 背景图被放到了 看得见的地方。 */
 +
text-decoration:none;
 +
color:#777777;
 +
}
   </style>
   </style>
</head>
</head>
 +
<body>
 +
<div class="index_header_wrp">
 +
    <div class="index_header">
 +
        <a href="" class="login_logo"></a>
 +
    </div>
 +
</div>
 +
<div class="index_bg">
 +
<ul id="nav">
 +
<li><a href="">Home</a></li>
 +
<li><a href="">Team</a></li>
 +
<li><a href="">Project</a></li>
 +
<li><a href="">Modeling</a></li>
 +
<li><a href="">Notebook</a></li>
 +
<li><a href="">Safety</a></li>
 +
</ul>
 +
            <div class="wrapper">
 +
                <div id="ei-slider" class="ei-slider">
 +
                    <ul class="ei-slider-large">
 +
<li>
 +
                            <img src="images/large/6.jpg" alt="image06"/>
 +
                            <div class="ei-title">
 +
                                <h2>Passionate</h2>
 +
                                <h3>Seeker</h3>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <img src="images/large/1.jpg" alt="image01" />
 +
                            <div class="ei-title">
 +
                                <h2>Creative</h2>
 +
                                <h3>Geek</h3>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <img src="images/large/2.jpg" alt="image02" />
 +
                            <div class="ei-title">
 +
                                <h2>Friendly</h2>
 +
                                <h3>Devil</h3>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <img src="images/large/3.jpg" alt="image03"/>
 +
                            <div class="ei-title">
 +
                                <h2>Tranquilent</h2>
 +
                                <h3>Compatriot</h3>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <img src="images/large/4.jpg" alt="image04"/>
 +
                            <div class="ei-title">
 +
                                <h2>Insecure</h2>
 +
                                <h3>Hussler</h3>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <img src="images/large/5.jpg" alt="image05"/>
 +
                            <div class="ei-title">
 +
                                <h2>Loving</h2>
 +
                                <h3>Rebel</h3>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <img src="images/large/7.jpg" alt="image07"/>
 +
                            <div class="ei-title">
 +
                                <h2>Photography by</h2>
 +
                                <h3>Bartek Lurka</a></h3>
 +
                            </div>
 +
                        </li>
 +
                    </ul><!-- ei-slider-large -->
 +
                    <ul class="ei-slider-thumbs">
 +
                        <li class="ei-slider-element">Current</li>
 +
<li><a href="#">Slide 6</a><img src="images/thumbs/6.jpg" alt="thumb06" /></li>
 +
                        <li><a href="#">Slide 1</a><img src="images/thumbs/1.jpg" alt="thumb01" /></li>
 +
                        <li><a href="#">Slide 2</a><img src="images/thumbs/2.jpg" alt="thumb02" /></li>
 +
                        <li><a href="#">Slide 3</a><img src="images/thumbs/3.jpg" alt="thumb03" /></li>
 +
                        <li><a href="#">Slide 4</a><img src="images/thumbs/4.jpg" alt="thumb04" /></li>
 +
                        <li><a href="#">Slide 5</a><img src="images/thumbs/5.jpg" alt="thumb05" /></li>
 +
                        <li><a href="#">Slide 7</a><img src="images/thumbs/7.jpg" alt="thumb07" /></li>
 +
                    </ul><!-- ei-slider-thumbs -->
 +
                </div><!-- ei-slider -->
 +
            </div><!-- wrapper -->
 +
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
 +
        <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
 +
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
 +
        <script type="text/javascript">
 +
            $(function() {
 +
                $('#ei-slider').eislideshow({
 +
animation : 'center',
 +
autoplay : true,
 +
slideshow_interval : 3000,
 +
titlesFactor : 0
 +
                });
 +
            });
 +
        </script>
 +
</body>
 +
</html>

Revision as of 11:26, 14 July 2012

  • image06

    Passionate

    Seeker

  • image01

    Creative

    Geek

  • image02

    Friendly

    Devil

  • image03

    Tranquilent

    Compatriot

  • image04

    Insecure

    Hussler

  • image05

    Loving

    Rebel

  • image07

    Photography by

    Bartek Lurka

Retrieved from "http://2012.igem.org/Team:OUC-China"