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