Team:Brown-Stanford/Templates/Main

From 2011.igem.org

(Difference between revisions)
Line 22: Line 22:
  * Open source under the BSD License.  
  * Open source under the BSD License.  
  *  
  *  
-
  * Copyright © 2008 George McGinley Smith
+
  * Copyright c 2008 George McGinley Smith
  * All rights reserved.
  * All rights reserved.
  *  
  *  
Line 191: Line 191:
  * Open source under the BSD License.  
  * Open source under the BSD License.  
  *  
  *  
-
  * Copyright © 2001 Robert Penner
+
  * Copyright c 2001 Robert Penner
  * All rights reserved.
  * All rights reserved.
  *  
  *  
Line 277: Line 277:
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
-
<script type="text/javascript">
 
-
$('.left-menu ul')[0].innerHTML="<li><a href=\"https://2010.igem.org\" style=\"font-weight:bold; text-transform:none\">iGEM HQ</a></li>"+$('.left-menu ul')[0].innerHTML;
 
-
$(function() {
 
-
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
 
-
});
 
-
$(function(){
 
-
        $('ul#accmenu').accordion({
 
-
              header:'.head',
 
-
              fillSpace:false,
 
-
              autoHeight:false,
 
-
              navigation:true,
 
-
              animated: 'easeslide'})
 
-
});
 
-
</script>
 
<script type="text/javascript" src="/Team:Brown-Stanford/lightbox/js?action=raw"></script>
<script type="text/javascript" src="/Team:Brown-Stanford/lightbox/js?action=raw"></script>
Line 445: Line 431:
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
 +
        <style>
 +
body{
 +
background:#333 url(bg.jpg) repeat top left;
 +
font-family:Arial;
 +
}
 +
span.reference{
 +
position:fixed;
 +
left:10px;
 +
bottom:10px;
 +
font-size:12px;
 +
}
 +
span.reference a{
 +
color:#aaa;
 +
text-transform:uppercase;
 +
text-decoration:none;
 +
text-shadow:1px 1px 1px #000;
 +
margin-right:30px;
 +
}
 +
span.reference a:hover{
 +
color:#ddd;
 +
}
 +
ul.sdt_menu{
 +
margin-top:150px;
 +
}
 +
h1.title{
 +
text-indent:-9000px;
 +
background:transparent url(title.png) no-repeat top left;
 +
width:633px;
 +
height:69px;
 +
}
 +
</style>
</head>  
</head>  
<body>  
<body>  
-
<style>
 
-
body{background:black);
 
-
}
 
-
 
-
</style>
 
-
<div id="wrap">
 
<div id="header" style="height:50px;padding: 10px 10px 10px 10px"><!--<img align="center" style="margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2010/d/d4/CamBillHeaderSq.png" usemap="#headermap" alt="E. glowli"> </div>  
<div id="header" style="height:50px;padding: 10px 10px 10px 10px"><!--<img align="center" style="margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2010/d/d4/CamBillHeaderSq.png" usemap="#headermap" alt="E. glowli"> </div>  
<map name="headermap">
<map name="headermap">
Line 462: Line 473:
         </map>-->
         </map>-->
         <span style="font-size:20pt">Brown-Stanford iGEM</span></div>
         <span style="font-size:20pt">Brown-Stanford iGEM</span></div>
-
<div id="left">
 
-
 
<div class="content">
<div class="content">
-
<h1 class="title">Slide Down Box Menu with jQuery and CSS3</h1>
 
<ul id="sdt_menu" class="sdt_menu">
<ul id="sdt_menu" class="sdt_menu">
<li>
<li>
Line 472: Line 480:
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">About me</span>
+
<span class="sdt_link">Brown-Stanford</span>
-
<span class="sdt_descr">Get to know me</span>
+
<span class="sdt_descr">Our Team</span>
</span>
</span>
</a>
</a>
 +
<div class="sdt_box">
 +
<a href="/Team:Brown-Stanford">About Us</a>
 +
<a href="/Team:Brown-Stanford/Team">Team Members</a>
 +
</div>
</li>
</li>
<li>
<li>
<a href="#">
<a href="#">
-
<img src="images/1.jpg" alt=""/>
+
<!--<img src="images/1.jpg" alt=""/>-->
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">Portfolio</span>
+
<span class="sdt_link">Bioblocks</span>
-
<span class="sdt_descr">My work</span>
+
<span class="sdt_descr">Bricks from Martian regolith</span>
</span>
</span>
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="#">Websites</a>
+
<a href="/Team:Brown-Stanford/Bioblocks/Overview">Project Overview</a>
-
<a href="#">Illustrations</a>
+
-
<a href="#">Photography</a>
+
</div>
</div>
</li>
</li>
<li>
<li>
<a href="#">
<a href="#">
-
<img src="images/3.jpg" alt=""/>
+
<!--<img src="images/3.jpg" alt=""/>-->
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">Inspiration</span>
+
<span class="sdt_link">Power Cell</span>
-
<span class="sdt_descr">Where ideas get born</span>
+
<span class="sdt_descr"></span>
</span>
</span>
</a>
</a>
 +
<div class="sdt_box">
 +
<a href="/Team:Brown-Stanford/PowerCell/Overview">Project Overview</a>
 +
</div>
</li>
</li>
<li>
<li>
<a href="#">
<a href="#">
-
<img src="images/4.jpg" alt=""/>
+
<!--<img src="images/4.jpg" alt=""/>-->
<span class="sdt_active"></span>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="sdt_link">Photos</span>
+
<span class="sdt_link">DNA Damage Sensor</span>
-
<span class="sdt_descr">I like to photograph</span>
+
<span class="sdt_descr"></span>
-
</span>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">
+
-
<img src="images/5.jpg" alt=""/>
+
-
<span class="sdt_active"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="sdt_link">Blog</span>
+
-
<span class="sdt_descr">I write about design</span>
+
-
</span>
+
-
</a>
+
-
</li>
+
-
<li>
+
-
<a href="#">
+
-
<img src="images/6.jpg" alt=""/>
+
-
<span class="sdt_active"></span>
+
-
<span class="sdt_wrap">
+
-
<span class="sdt_link">Projects</span>
+
-
<span class="sdt_descr">I like to code</span>
+
</span>
</span>
</a>
</a>
<div class="sdt_box">
<div class="sdt_box">
-
<a href="#">Job Board Website</a>
+
<a href="/Team:Brown-Stanford/DNADamage/Overview">Project Overview</a>
-
<a href="#">Shopping Cart</a>
+
-
<a href="#">Interactive Maps</a>
+
</div>
</div>
</li>
</li>
</ul>
</ul>
</div>
</div>
-
<ul id="accmenu">
 
-
<li><a class="head" href="#">Brown-Stanford iGEM</a>
 
-
<ul class="llmenu llmenublue">
 
-
<li><a href="/Team:Brown-Stanford">About</a></li>
 
-
 
-
 
-
<li><a href="/Team:Brown-Stanford/Team">Team</a></li>
 
-
 
-
<!--<li><a href="/Team:Brown-Stanford/Photos">Photo Gallery</a></li>
 
-
<li><a href="/Team:Brown-Stanford/Videos">Videos</a></li>
 
-
<li><a href="/Team:Brown-Stanford/BioBricks">Parts submitted</a></li>-->
 
-
 
-
 
-
</ul>
 
-
 
-
</li>
 
-
<li><a class="head" href="#">Bioblocks</a>
 
-
<ul class="llmenu llmenugreen">
 
-
<li><a href="/Team:Brown-Stanford/Bioblocks/Overview">Project Overview</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a class="head" href="#">Power Cell</a>
 
-
<ul class="llmenu llmenublue">
 
-
<li><a href="/Team:Brown-Stanford/PowerCell/Overview">Project Overview</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a class="head" href="#">DNA Damage Sensor</a>
 
-
<ul class="llmenu llmenured">
 
-
<li><a href="/Team:Brown-Stanford/DNADamage/Overview">Project Overview</a></li>
 
-
</ul>
 
-
</li>
 
-
 
<!--
<!--
<li><a class="head" href="/Team:Brown-Stanford/Notebook/Week1">Notebook</a>
<li><a class="head" href="/Team:Brown-Stanford/Notebook/Week1">Notebook</a>
Line 593: Line 550:
</ul> </li>-->
</ul> </li>-->
-
</ul>
+
<div>
-
 
+
-
</p>
+
-
</div>
+
-
<div id="right">
+

Revision as of 22:44, 6 June 2011

Retrieved from "http://2011.igem.org/Team:Brown-Stanford/Templates/Main"