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">
-
<!DOCTYPE  html>
+
 
-
<html>
+
<style type="text/css">
-
<head>
+
<!--
 +
#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" type="text/css"/>  
+
<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="index.html"><img id="logo" src="img/logo.png" alt="Nova" /></a>
+
<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 method="get" id="searchform" action="#">
+
<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">
+
<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="index.html">Home<span class="subheader">Welcome</span></a></li>
+
<li><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
-
<li><a href="features.html">Features<span class="subheader">Awesome options</span></a>
+
<li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a>
-
<ul>
+
-
+
-
<li><a href="features-columns.html"><span> Columns layout</span></a></li>
+
-
<li><a href="features-accordion.html"><span> Accordion</span></a></li>
+
-
<li><a href="features-toggle.html"><span> Toggle box</span></a></li>
+
-
<li><a href="features-tabs.html"><span> Tabs</span></a></li>
+
-
<li><a href="features-infobox.html"><span> Text box</span></a></li>
+
-
<li><a href="features-monobox.html"><span> Icons</span></a></li>
+
-
</ul>
+
</li>
</li>
-
<li><a href="blog.html">Blog<span class="subheader">Read our posts</span></a></li>
+
<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="portfolio.html">Portfolio <span class="subheader">Showcase work</span></a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Overview</a></li>
-
<li class="current-menu-item"><a href="gallery.html">Gallery<span class="subheader">Featured work</span></a>
+
 
-
<ul>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
-
<li><a href="gallery.html"><span> Four columns</span></a></li>
+
 
-
<li><a href="gallery-3.html"><span> Three columns </span></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="gallery-2.html"><span> Two columns </span></a></li>
+
 
-
<li><a href="video-gallery.html"><span> Video gallery </span></a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Results</a></li>
-
</ul>
+
</ul>
-
</li>
+
</li>
-
<li><a href="contact.html">Contact<span class="subheader">Get in touch</span></a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/parts">Parts  <span class="subheader">Showcase</span></a></li>
-
</ul>
+
 +
<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">Three columns layout gallery</span>
+
<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 class='first-page'><a href='#'>&laquo;</a></li>
 
<li><a href='#' >&lsaquo;</a></li>
<li><a href='#' >&lsaquo;</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><a href='#' >3</a></li>
-
<li class='active'><a href='#'>4</a></li>
+
<li><a href='#' >4</a></li>
<li><a href='#' >5</a></li>
<li><a href='#' >5</a></li>
-
<li><a href='#' >6</a></li>
 
<li><a href='#' >&rsaquo;</a></li>
<li><a href='#' >&rsaquo;</a></li>
-
<li class='last-page'><a href='#'>&raquo;</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 class="wrapper">
+
-
<a href="#" id="prev-tweet"></a>
+
-
<a href="#" id="next-tweet"></a>
+
-
<img id="bird" src="img/bird.png" alt="Tweets" />
+
-
<div id="tweets">
+
-
<ul class="tweet_list"></ul>
+
-
</div>
+
-
</div>
+
</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">
+
-
<h6>Pages</h6>
+
-
<ul>
+
-
<li class="page_item"><a href="index.html">Home</a></li>
+
-
<li class="page_item"><a href="features.html">Features</a></li>
+
-
<li class="page_item"><a href="blog.html">Blog</a></li>
+
-
<li class="page_item"><a href="portfolio.html">Portfolio</a></li>
+
-
<li class="page_item"><a href="gallery.html">Gallery</a></li>
+
-
<li class="page_item"><a href="contact.html">Contact</a></li>
+
-
</ul>
+
-
</li>
+
<li class="col">
<li class="col">
-
<h6>Categories</h6>
+
<h6>About the Team</h6>
-
<ul>
+
He he he he!
-
<li><a href="#">Webdesign projects senectus</a></li>
+
-
<li><a href="#/">Wordpress projects senectus</a></li>
+
-
<li><a href="#">Vestibulum tortor quam</a></li>
+
-
<li><a href="#">Code projects amet quam egestas</a></li>
+
-
<li><a href="#">Web design projects senectus</a></li>
+
-
<li><a href="#/">Marketplace projects</a></li>
+
-
<li><a href="#">Writting projects senectus</a></li>
+
-
<li><a href="#">Drawings projects fames Aenean</a></li>
+
-
<li><a href="#/">Wordpress projects Aenean ultricies</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="col">
+
-
<h6>About the theme</h6>
+
-
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros.
+
</li>
</li>
Line 280: Line 298:
<!-- wrapper-bottom -->
<!-- wrapper-bottom -->
<div class="wrapper">
<div class="wrapper">
-
<div id="bottom-text">2011 Nova all rights reserved. <a href="http://www.luiszuno.com"> Luiszuno.com</a> </div>
+
<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 -->
-
<ul class="social ">
+
-
<li><a href="http://www.facebook.com" class="poshytip  facebook" title="Become a fan"></a></li>
+
-
<li><a href="http://www.twitter.com" class="poshytip twitter" title="Follow our tweets"></a></li>
+
-
<li><a href="http://www.dribbble.com" class="poshytip dribbble" title="View our work"></a></li>
+
-
<li><a href="http://www.addthis.com" class="poshytip addthis" title="Tell everybody"></a></li>
+
-
<li><a href="http://www.vimeo.com" class="poshytip vimeo" title="View our videos"></a></li>
+
-
<li><a href="http://www.youtube.com" class="poshytip youtube" title="View our videos"></a></li>
+
-
</ul>
+
<!-- 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 -->
-
 
-
</body>
 
-
</html>
 

Latest revision as of 22:58, 26 September 2012

NOVA

The Gallery It's Show Time!

Under Construction...

All rights reserved. Tempalate Edit by Fudan-lux team Powered By Luiszuno.com

Retrieved from "http://2012.igem.org/Team:Fudan_Lux/Gallery"