Team:Fudan Lux/Gallery
From 2012.igem.org
(Difference between revisions)
(16 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <html class="csstransforms csstransforms3d csstransitions"> | ||
- | <! | + | |
- | < | + | <style type="text/css"> |
- | + | <!-- | |
+ | #BODY { background-color:white; | ||
+ | background-image:none;} | ||
+ | #p-logo {height:0px; | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section{height:20px; | ||
+ | margin-top: 0; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0!important; | ||
+ | margin-bottom: 10px; | ||
+ | padding:0; | ||
+ | border:none; | ||
+ | background:#CCCCCC; | ||
+ | } | ||
+ | #footer-box { display: none;} | ||
+ | #catlinks { display: none;} | ||
+ | #search-controls {display: none;} | ||
+ | #siteSub {display:none;} | ||
+ | .firstHeading{display: none;} | ||
+ | |||
+ | border-left: 0px; | ||
+ | border-right: 0px; | ||
+ | } | ||
+ | --> | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<title>NOVA</title> | <title>NOVA</title> | ||
<!-- CSS --> | <!-- CSS --> | ||
- | <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/style.css" type="text/css" media="screen"> |
- | <link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/social-icons.css" type="text/css" media="screen"> |
<!--[if IE 8]> | <!--[if IE 8]> | ||
- | <link rel="stylesheet" type="text/css" media="screen" href="css/ie8-hacks.css" /> | + | <link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" /> |
<![endif]--> | <![endif]--> | ||
<!-- ENDS CSS --> | <!-- ENDS CSS --> | ||
Line 18: | Line 55: | ||
<!-- JS --> | <!-- JS --> | ||
- | <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-1.5.1.min.js"></script> |
- | <script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-ui-1.8.13.custom.min.js"></script> |
- | <script type="text/javascript" src="js/easing.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/easing.js"></script> |
- | <script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.scrollTo-1.4.2-min.js"></script> |
- | <script type="text/javascript" src="js/jquery.cycle.all.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.cycle.all.js"></script> |
- | <script type="text/javascript" src="js/custom.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/custom.js"></script> |
<!-- Isotope --> | <!-- Isotope --> | ||
- | <script src="js/jquery.isotope.min.js"></script> | + | <script src="http://luiszuno.com/themes/nova/js/jquery.isotope.min.js"></script> |
<!--[if IE]> | <!--[if IE]> | ||
- | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | + | <script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script> |
<![endif]--> | <![endif]--> | ||
<!--[if IE 6]> | <!--[if IE 6]> | ||
- | <script type="text/javascript" src="js/DD_belatedPNG.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script> |
<script> | <script> | ||
/* EXAMPLE */ | /* EXAMPLE */ | ||
Line 43: | Line 80: | ||
<!-- Nivo slider --> | <!-- Nivo slider --> | ||
- | <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/nivo-slider.css" type="text/css" media="screen"> |
- | <script src="js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script> | + | <script src="http://luiszuno.com/themes/nova/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script> |
<!-- ENDS Nivo slider --> | <!-- ENDS Nivo slider --> | ||
<!-- tabs --> | <!-- tabs --> | ||
- | <link rel="stylesheet" href="css/tabs.css" type="text/css" media="screen" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/tabs.css" type="text/css" media="screen"> |
- | <script type="text/javascript" src="js/tabs.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/tabs.js"></script> |
<!-- ENDS tabs --> | <!-- ENDS tabs --> | ||
<!-- prettyPhoto --> | <!-- prettyPhoto --> | ||
- | <script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/prettyPhoto/js/jquery.prettyPhoto.js"></script> |
- | <link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen"> |
<!-- ENDS prettyPhoto --> | <!-- ENDS prettyPhoto --> | ||
<!-- superfish --> | <!-- superfish --> | ||
- | <link rel="stylesheet" media="screen" href="css/superfish.css" | + | <link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish.css"> |
- | <link rel="stylesheet" media="screen" href="css/superfish-left.css" | + | <link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish-left.css"> |
- | <script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/hoverIntent.js"></script> |
- | <script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/superfish.js"></script> |
- | <script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/supersubs.js"></script> |
<!-- ENDS superfish --> | <!-- ENDS superfish --> | ||
<!-- poshytip --> | <!-- poshytip --> | ||
- | <link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css"> |
- | <link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css"> |
- | <script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/jquery.poshytip.min.js"></script> |
<!-- ENDS poshytip --> | <!-- ENDS poshytip --> | ||
<!-- Tweet --> | <!-- Tweet --> | ||
- | <link rel="stylesheet" href="css/jquery.tweet.css" media="all" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/jquery.tweet.css" media="all" type="text/css"> |
- | <script src="js/tweet/jquery.tweet.js" type="text/javascript"></script> | + | <script src="http://luiszuno.com/themes/nova/js/tweet/jquery.tweet.js" type="text/javascript"></script> |
<!-- ENDS Tweet --> | <!-- ENDS Tweet --> | ||
<!-- Fancybox --> | <!-- Fancybox --> | ||
- | <link rel="stylesheet" href="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" | + | <link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen"> |
- | <script type="text/javascript" src="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script> | + | <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script> |
<!-- ENDS Fancybox --> | <!-- ENDS Fancybox --> | ||
- | </head> | + | <style id="poshytip-css-tip-twitter" type="text/css">div.tip-twitter{visibility:hidden;position:absolute;top:0;left:0;}div.tip-twitter table, div.tip-twitter td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-twitter td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-twitter td.tip-right{background-position:100% 0;}div.tip-twitter td.tip-bottom{background-position:100% 100%;}div.tip-twitter td.tip-left{background-position:0 100%;}div.tip-twitter div.tip-inner{background-position:-10px -10px;}div.tip-twitter div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style><style id="poshytip-css-tip-yellowsimple" type="text/css">div.tip-yellowsimple{visibility:hidden;position:absolute;top:0;left:0;}div.tip-yellowsimple table, div.tip-yellowsimple td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-yellowsimple td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-yellowsimple td.tip-right{background-position:100% 0;}div.tip-yellowsimple td.tip-bottom{background-position:100% 100%;}div.tip-yellowsimple td.tip-left{background-position:0 100%;}div.tip-yellowsimple div.tip-inner{background-position:-10px -10px;}div.tip-yellowsimple div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style></head> |
- | <body> | + | <body class="home"> |
<!-- HEADER --> | <!-- HEADER --> | ||
Line 91: | Line 128: | ||
<!-- wrapper-header --> | <!-- wrapper-header --> | ||
<div class="wrapper"> | <div class="wrapper"> | ||
- | <a href=" | + | <a href="https://2012.igem.org/Team:Fudan_Lux"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a> |
<!-- search --> | <!-- search --> | ||
<div class="top-search"> | <div class="top-search"> | ||
- | <form | + | <form method="get" id="searchform" action="#"> |
<div> | <div> | ||
- | <input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)" | + | <input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)"> |
- | <input type="submit" id="searchsubmit" value=" " | + | <input type="submit" id="searchsubmit" value=" "> |
</div> | </div> | ||
</form> | </form> | ||
Line 109: | Line 146: | ||
<!-- Menu --> | <!-- Menu --> | ||
- | + | <div id="menu" style="background:#A1DAF7;"> | |
Line 118: | Line 155: | ||
<div class="wrapper"> | <div class="wrapper"> | ||
<!-- Navigation --> | <!-- Navigation --> | ||
- | <ul id="nav" class="sf-menu"> | + | <ul id="nav" class="sf-menu sf-js-enabled sf-shadow"> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
- | <li><a href=" | + | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a><ul style="display: none; visibility: hidden; "> |
- | <li><a href=" | + | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Overview</a></li> |
- | <li | + | |
- | + | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li> | |
- | + | ||
- | + | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">Project Bacto-Trafficking</a></li> | |
- | + | ||
- | + | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Results</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/parts">Parts <span class="subheader">Showcase</span></a></li> | |
- | + | ||
+ | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Modeling">Modeling<span class="subheader">In Math</span></a></li> | ||
+ | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Notebook">Notebook<span class="subheader">Get in touch</span></a></li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/practice">Practice<span class="subheader">Get in touch</span></a> | ||
+ | <ul style="display: none; visibility: hidden; "> | ||
+ | |||
+ | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li> | ||
+ | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li> | ||
+ | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li> | ||
+ | <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li> | ||
+ | </ul> | ||
+ | </li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li><li class="current-menu-item"><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a> | ||
+ | |||
+ | </li></ul> | ||
<!-- Navigation --> | <!-- Navigation --> | ||
</div> | </div> | ||
Line 150: | Line 191: | ||
</div> | </div> | ||
<!-- ENDS Menu --> | <!-- ENDS Menu --> | ||
+ | |||
Line 166: | Line 208: | ||
<div id="page-title"> | <div id="page-title"> | ||
<span class="title">The Gallery</span> | <span class="title">The Gallery</span> | ||
- | <span class="subtitle"> | + | <span class="subtitle">It's Show Time!</span> |
</div> | </div> | ||
<!-- ENDS title --> | <!-- ENDS title --> | ||
- | + | <script type="text/javascript"> | |
+ | |||
+ | /*under construction | ||
<!-- filter --> | <!-- filter --> | ||
<ul id="portfolio-filter" class="filter"> | <ul id="portfolio-filter" class="filter"> | ||
Line 196: | Line 240: | ||
<div class="clear"></div> | <div class="clear"></div> | ||
<ul class='pager'> | <ul class='pager'> | ||
- | |||
<li><a href='#' >‹</a></li> | <li><a href='#' >‹</a></li> | ||
+ | <li class='active'><a href='#'>1</a></li> | ||
<li><a href='#' >2</a></li> | <li><a href='#' >2</a></li> | ||
- | + | <li><a href='#' >3</a></li> | |
- | <li | + | <li><a href='#' >4</a></li> |
<li><a href='#' >5</a></li> | <li><a href='#' >5</a></li> | ||
- | |||
<li><a href='#' >›</a></li> | <li><a href='#' >›</a></li> | ||
- | |||
</ul> | </ul> | ||
<!-- ENDS pagination --> | <!-- ENDS pagination --> | ||
- | + | */ | |
+ | </script> | ||
+ | |||
+ | <div align="center" style="margin-top:80px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/2/2c/Underconstruction.png" style="margin-top:20px;width: 72px;float:left;margin-left: 80px;-webkit-box-reflect: below 20px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"> | ||
+ | <p style="font-size:72px;-webkit-box-reflect: below -30px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">Under Construction...</p> | ||
+ | </div> | ||
</div> | </div> | ||
Line 219: | Line 267: | ||
<!-- Twitter --> | <!-- Twitter --> | ||
<div id="twitter"> | <div id="twitter"> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
<!-- ENDS Twitter --> | <!-- ENDS Twitter --> | ||
Line 237: | Line 278: | ||
<!-- footer-cols --> | <!-- footer-cols --> | ||
<ul id="footer-cols"> | <ul id="footer-cols"> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<li class="col"> | <li class="col"> | ||
- | + | <h6>About the Team</h6> | |
- | + | He he he he! | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <h6>About the | + | |
- | + | ||
</li> | </li> | ||
Line 280: | Line 298: | ||
<!-- wrapper-bottom --> | <!-- wrapper-bottom --> | ||
<div class="wrapper"> | <div class="wrapper"> | ||
- | <div id="bottom-text"> | + | <div id="bottom-text">All rights reserved. Tempalate Edit by Fudan-lux team <a href="http://www.luiszuno.com">Powered By Luiszuno.com</a> </div> |
<!-- Social --> | <!-- Social --> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<!-- ENDS Social --> | <!-- ENDS Social --> | ||
<div id="to-top" class="poshytip" title="To top"></div> | <div id="to-top" class="poshytip" title="To top"></div> | ||
Line 296: | Line 307: | ||
</div> | </div> | ||
<!-- ENDS Bottom --> | <!-- ENDS Bottom --> | ||
- | |||
- | |||
- |
Latest revision as of 22:58, 26 September 2012
The Gallery
It's Show Time!
![](https://static.igem.org/mediawiki/2012/2/2c/Underconstruction.png)
Under Construction...
All rights reserved. Tempalate Edit by Fudan-lux team Powered By Luiszuno.com