Difference between revisions of "Team:UCSC"
(471 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <!-- Bootstrap CSS --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <link rel="stylesheet" href="https://2015.igem.org/Template:UCSC/CSS?action=raw&ctype=text/css"> | ||
+ | <script src="https://2015.igem.org/Template:UCSC/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2015.igem.org/Template:UCSC/Bootstrap_Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <style> | ||
+ | |||
+ | body{padding-bottom: 70px;} | ||
+ | |||
+ | .navbar-nav > li{ | ||
+ | padding-top: 5px; | ||
+ | padding-left:15px; | ||
+ | padding-right:20px; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-nav { | ||
+ | display: inline-block; | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .navbar .navbar-collapse { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .bernick a:hover { color: #CCAC00;} | ||
+ | |||
+ | .foot a:link{ color: black;} | ||
+ | |||
+ | .foot a:visited{ color: black;} | ||
+ | |||
+ | .foot a:hover { color: #CCAC00;} | ||
+ | |||
+ | .bernick_swag a:link{ color: #8798b2; font-family: Calibri, Helvetica; Arial font-size: 13px;} | ||
+ | |||
+ | .bernick_swag a:visited{ color: #8798b2; font-family: Calibri, Helvetica; Arial font-size: 13px;} | ||
+ | |||
+ | .bernick_swag a:hover { color: #DAA520; font-family: Calibri, Helvetica; Arial font-size: 13px;} | ||
+ | |||
+ | img { | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | width: auto\9; /* ie8 */ | ||
+ | } | ||
+ | |||
+ | |||
+ | #salt {width: 100%; | ||
+ | position: relative; | ||
+ | top: -75px;} | ||
+ | |||
+ | |||
+ | div.classname a:hover { | ||
+ | opacity: 0.4; | ||
+ | filter: alpha(opacity=100); /* For IE8 and earlier */ | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .gear { | ||
+ | width: 80px; | ||
+ | height: 80px; | ||
+ | -webkit-animation:spin 4s linear infinite; | ||
+ | -moz-animation:spin 4s linear infinite; | ||
+ | animation:spin 4s linear infinite; | ||
+ | } | ||
+ | |||
+ | @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } | ||
+ | @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } | ||
+ | @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } | ||
+ | |||
+ | p {margin-left: 20px; | ||
+ | font-family: calibri, helvetica, arial; | ||
+ | font-size: 16px;} | ||
+ | |||
+ | ul#menu li { | ||
+ | display:inline; | ||
+ | } | ||
+ | |||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | |||
+ | |||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px; | ||
+ | width: 100%; | ||
+ | padding-left: 0px;} | ||
+ | |||
+ | |||
+ | #content { | ||
+ | border: none; | ||
+ | width: 100%; | ||
+ | padding: 0px;} | ||
+ | |||
+ | |||
+ | #our_content { | ||
+ | |||
+ | |||
+ | position: relative; | ||
+ | width: 1220px; | ||
+ | margin: auto; | ||
+ | repeat: n; | ||
+ | font-family: Calibri, Helvetica; Arial; | ||
+ | font-size: 18px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #foot {margin: auto; | ||
+ | font-size: 12px; | ||
+ | font-family: Calibri, Helvetica; Arial;} | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1280px) { | ||
+ | |||
+ | .gear {width: 10%; height: 10%;} | ||
+ | |||
+ | #salt {width: 100%} | ||
+ | |||
+ | #our_content { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #content {width: 100%;} | ||
+ | |||
+ | #foot {width: 100%} | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 1024px) { | ||
+ | |||
+ | #salt {width: 100%} | ||
+ | |||
+ | #our_content { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #content {width: 100%;} | ||
+ | |||
+ | #foot {width: 100%} | ||
+ | |||
+ | .gear {width: 10%; height: 10%;} | ||
+ | |||
+ | } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | |||
+ | #salt {width: 100%} | ||
+ | #our_content { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #content {width: 100%;} | ||
+ | |||
+ | #foot {width: 100%} | ||
+ | |||
+ | .gear {width: 10%; height: 10%;} | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 650px) { | ||
+ | |||
+ | #salt {width: 100%} | ||
+ | |||
+ | #our_content { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #content {width: 100%;} | ||
+ | |||
+ | #foot {width: 100%} | ||
+ | |||
+ | .gear {width: 10%; height: 10%;} | ||
+ | |||
+ | } | ||
+ | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
− | |||
+ | </head> | ||
− | |||
<!-- menu --> | <!-- menu --> | ||
− | < | + | |
− | < | + | <!-- end of menu --> |
− | <nav class="navbar" style="background: | + | <body> |
− | <div class="container-fluid" | + | |
− | + | <nav class="navbar navbar-fixed-top" style="position:relative; top: -10px; background-color: #E5E4E2; text-align:center;" > | |
− | <div class="navbar-header" | + | <div class="container-fluid" > |
− | + | <div class="navbar-header" > | |
− | + | <a class="navbar-brand" href="#"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a class="navbar-brand" href=" | + | |
</div> | </div> | ||
− | + | <div> | |
− | + | <ul class="nav navbar-nav bernick_swag"> | |
− | + | <li class="active"><a href="https://2015.igem.org/Team:UCSC">Home</a></li> | |
− | + | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a> | |
− | + | ||
− | + | ||
− | <div | + | |
− | <ul class="nav navbar-nav"> | + | |
− | <li class="active"><a href=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <li class="dropdown"> | + | |
− | + | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:UCSC/Team">Meet the Team</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:UCSC/Breakdown">Breakdown</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:UCSC/Fermentation">Fermentation</a></li> |
− | + | <li><a href="https://2015.igem.org/Team:UCSC/Field">Field</a></li> | |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:UCSC/Attributions">Attributions</a></li> |
− | + | ||
− | <li><a href=" | + | |
</ul> | </ul> | ||
</li> | </li> | ||
− | --> | + | <li><a href="https://2015.igem.org/Team:UCSC/Description">Project</a></li> |
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Outreach">Outreach</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Practices">Bioethics</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Logs">Logs</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a></li> | ||
+ | <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Achievements<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Medal_Fulfillment">Medal Fulfillment</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Results">Results</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:UCSC/Software">Software</a></li> | ||
</ul> | </ul> | ||
− | </div | + | </div> |
− | </div | + | </div> |
</nav> | </nav> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <!--First Block --> |
− | + | ||
− | + | ||
− | + | ||
− | < | + | <div id="our_content" align="center"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2015/7/73/Ucsclogo.png" width="99%" height="99%" /> |
+ | <img src="https://static.igem.org/mediawiki/2015/3/3f/Ucsc_slogan.png" /> | ||
+ | <p style="font-size: 12px;"> | ||
+ | In collaboration with: | ||
+ | <br /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/c/cd/IGEM_WikiFlicks_logo_white.png" style="height: 20%; width: 20%"/> | ||
+ | </p> | ||
− | < | + | <br /> |
− | < | + | <br /> |
− | < | + | <div class="classname"> |
− | <a href="https:// | + | <table class="center"> |
− | + | <tr> | |
− | <td | + | <td><a href="https://2015.igem.org/Team:UCSC/Breakdown"><img src="https://static.igem.org/mediawiki/2015/5/5d/UCSC_Breakdown.jpg" width="350" height="200"></a></td> |
− | < | + | <td><a href="https://2015.igem.org/Team:UCSC/Fermentation"><img src="https://static.igem.org/mediawiki/2015/f/fe/UCSC_Fermentation.jpg" width="350" height="200"></a></td> |
− | + | <td><a href="https://2015.igem.org/Team:UCSC/Field"><img src="https://static.igem.org/mediawiki/2015/7/73/Field_3.jpg" width="350" height="200"></a></td> | |
− | <td | + | |
− | < | + | </tr> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </tr> | + | |
</table> | </table> | ||
− | < | + | <br /> |
− | + | <br /> | |
− | <table | + | <table class="center"> |
<tr> | <tr> | ||
− | <td | + | <td><a href="https://2015.igem.org/Team:UCSC/Description"><img src="https://static.igem.org/mediawiki/2015/3/3c/Ucsc_sustainability.jpg" width="350" height="200"></a></td> |
− | <td | + | <td><img src="https://static.igem.org/mediawiki/2015/4/41/Sammythumbsup.png" width="350" height="300"></a></td> |
− | + | <td><a href="https://2015.igem.org/Team:UCSC/Outreach"><img src="https://static.igem.org/mediawiki/2015/3/32/Ucsc_outreach.jpg" width="350" height="200"></a></td> | |
− | + | </tr> | |
− | < | + | |
− | < | + | |
− | + | ||
− | + | ||
− | < | + | |
− | </tr> | + | |
</table> | </table> | ||
− | < | + | </nav> |
− | < | + | <br /> |
− | < | + | <br /> |
+ | </div> | ||
+ | <br /> | ||
+ | <br /> | ||
+ | </div> | ||
− | + | <!--Footer--> | |
− | + | ||
+ | <div id="foot" class="center foot"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/8/80/Cellulose_Footer.png" width="25%" /><img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt=""> <a href="https://2015.igem.org/Team:UCSC">Home</a> | <a href="https://2015.igem.org/Team:UCSC/Team">Teams</a> | <a href="https://2015.igem.org/Team:UCSC/Description">Project</a> | <a href="https://2015.igem.org/Team:UCSC/Practices">Human Practices</a> | <a href="https://2015.igem.org/Team:UCSC/Logs">Notebook</a> | <a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a> | <a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a> | <a href="https://2015.igem.org/Team:UCSC/Software">F.O.C.U.S</a> <img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt=""> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/4/4c/Fuel_Footer.png" width="25%"/> | ||
+ | <ul id="menu"> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" style="width: 88px; height:88px;" /></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2015/0/03/Vwr.png" style="width: 241px; height: 50px "/></li> | ||
− | < | + | <li><img src="https://static.igem.org/mediawiki/2015/6/62/Ucsc.png" style="width: 288px; height: 68px;" /></li> |
− | < | + | |
+ | <li><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png" style="width: 288px; height: 88px; " /></li> | ||
− | + | <li><img src="https://static.igem.org/mediawiki/2015/3/34/Idt.jpg" style="width: 88px; height: 88px;" /></li> | |
− | + | </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 02:28, 19 September 2015