Team:OUC-China

From 2014.igem.org

(Difference between revisions)
Line 309: Line 309:
font-size: 60px;
font-size: 60px;
}
}
 +
header {
 +
            position: absolute;
 +
            width: 1020px;
 +
            margin: 0 auto;
 +
            z-index: 999;
 +
        }
 +
        header > ul {
 +
            list-style: none;
 +
            display: inline-block;
 +
            margin-left: 10px;
 +
            margin-right: 10px;float:left;
 +
            -webkit-transition: all ease 0.5s;
 +
        }
 +
        header > ul:hover {
 +
            margin-top: 0 !important;
 +
        }
 +
        header > ul > li {
 +
            width: 150px;
 +
            min-height: 50px;
 +
            padding: 10px;
 +
            background-color: #ffffff;
 +
        }
 +
        header > ul > li > a {
 +
            display: block;
 +
            font-size: 18px;
 +
            text-align: center;
 +
            cursor: pointer;
 +
            color: #1d89f7;
 +
        }
 +
        header > ul > li > a:hover {
 +
            color: #000000;
 +
            text-decoration: none;
 +
        }
 +
        header > ul > li:last-child {
 +
            height: 70px;
 +
            width: 70px;
 +
            border-radius: 50%;
 +
            margin-left: 40px;
 +
            margin-top: -10px;
 +
        }
 +
        header > ul > li:last-child > div {
 +
            width: 50px;
 +
            height: 50px;
 +
            border: 5px solid #1d89f7;
 +
            border-radius: 50%;
 +
        }
 +
        header > ul > li:last-child > div > div {
 +
            width: 0;
 +
            height: 0;
 +
            margin-left: 5px;
 +
            margin-top: 5px;
 +
            border-radius: 50%;
 +
            border: 15px solid #1d89f7;
 +
        }
 +
        .logo {
 +
            position: absolute;
 +
            top: 10px;
 +
            z-index: 10;
 +
        }
 +
        #slider,#slider > ul, #slider > ul > li {
 +
            width:100%;
 +
            height:615px;
 +
        }
 +
        #slider > ul {
 +
            margin: 0;
 +
            padding: 0;
 +
        }
 +
        #slider > ul > li {
 +
            list-style: none;
 +
        }
 +
            #slider > .dots {
 +
                position: relative;
 +
                left: 0;
 +
                bottom: 20px;
 +
                text-align: center;
 +
                padding: 0;
 +
                margin: 0 !important;
 +
            }
 +
                #slider > .dots > li {
 +
                    display: inline-block;
 +
                    width: 10px;
 +
                    height: 10px;
 +
                    margin: 0 4px 0 4px;
 +
                    border: 2px solid #5b97fb;
 +
                    border-radius: 50%;
 +
                    cursor: pointer;
 +
                    text-indent: -999em;
 +
                    opacity: .4;
 +
                    -webkit-transition: background .5s, opacity .5s;
 +
                    -moz-transition: background .5s, opacity .5s;
 +
                    transition: background .5s, opacity .5s;
 +
                }
 +
                #slider > .dots > li.active {
 +
                    background: #5b97fb;
 +
                    opacity: 1;
 +
                }
</style>
</style>
<div class = "header"> <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="width:340px;height:110px;"/> <img class = "igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png" style="left:360px"/>
<div class = "header"> <img src="https://static.igem.org/mediawiki/2014/a/a1/OUC_China_Content_Title.png" style="width:340px;height:110px;"/> <img class = "igemLogo" src="https://static.igem.org/mediawiki/2014/c/c6/OUC-China_Content_IGEM.png" style="left:360px"/>

Revision as of 10:09, 16 October 2014

Moving

Text
and Image

Fadein

Text
and Image
  • the double plasmid system

  • Transfection

  • modeling

  • Judging

  • safety

  • policy&practise