@@ Line 1: / Line 1: @@
-<html lang="en">
+{{Team:Berkeley/styles}}
+<html>
+    <div id="header-image">
+<div id="jeans_top">
+<img  class="jeans-image-first" src="https://static.igem.org/mediawiki/2013/2/23/Blue-jeans-texture-stitch-13845966.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/2e/B-one.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/b/b6/B-three.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/c/cd/B-four.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/24/B-five.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/7/75/B-six.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/f/fa/R1.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/27/B-seven.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/c/c8/B-eight.jpg" />
+<img  class="jeans-image-last" src="https://static.igem.org/mediawiki/2013/8/8b/B-nine.jpg" />
+</div>
+        <div id="header-image-inner">
+            <div id="header-image-inner-inner">
+<a href="https://2013.igem.org/Team:Berkeley"> <img  class="firstHeaderImg" src="https://static.igem.org/mediawiki/2013/4/4e/Blue_genes_logo.png" /> </a>
-<head>
+<a href="https://2013.igem.org/Team:Berkeley"> <img class="secondHeaderImg" src="https://static.igem.org/mediawiki/2013/b/b3/Title.png" /> </a>
-    <meta property="og:title" content="Berkeley iGEM 2012"/>
-    <meta property="og:type" content="university"/>
-    <meta property="og:description"
-          content="UC Berkeley's 2012 iGEM team wiki."/>
-<meta name="description" content="Berkeley iGEM 2012" />
-<meta name="keywords" content="igem, berkleley, 2012" />
-</head>
+<a href="http://www.berkeley.edu/index.html"> <img class="thirdHeaderImg" src="https://static.igem.org/mediawiki/2013/5/5b/Berkeley_logo.png" /> </a>
+            </div>
+        </div>
+<div id="jeans_top">
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/23/Blue-jeans-texture-stitch-13845966.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/2e/B-one.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/b/b6/B-three.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/c/cd/B-four.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/24/B-five.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/7/75/B-six.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/f/fa/R1.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/2/27/B-seven.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/c/c8/B-eight.jpg" />
+<img  class="jeans-image" src="https://static.igem.org/mediawiki/2013/8/8b/B-nine.jpg" />
+</div>
-<body>
-<div id="top-section3"><center><img src="https://static.igem.org/mediawiki/2012/f/f4/NavigationBar_Berkeley2012.jpg"alt="header" border="0"  usemap="#igemmap" width="1000"></center>
-</div>
+    </div>
+    <div id="main-nav">
+        <ul>
+            <li id="projectBlue"><a href="https://2013.igem.org/Team:Berkeley"><img src="https://static.igem.org/mediawiki/2013/5/50/Home_icon.png"  class="home-image"/><span>Project Blue Jeans</span></a>
-<ul class="sidenav">
+                <ul>
-    <li><a href="https://2012.igem.org/Team:Berkeley">Home  </a></li>
+                    <li class="odd">
-    <li>
+                        <div> <a href="https://2013.igem.org/Team:Berkeley/Project/Introduction"><span>Introduction</span>
-        <a href="https://2012.igem.org/Team:Berkeley/Project">Project</a>
+<img id="plant" src="https://static.igem.org/mediawiki/2013/0/0b/Plant_inspired.png"  class="nav-image"/></a>
-    </li>
-    <li>
-        <a href="https://2012.igem.org/Team:Berkeley/Parts">Parts</a>
-    </li>
-    <li><a href="https://2012.igem.org/Team:Berkeley/Safety">Safety</a></li>
-    <li><a href="https://2012.igem.org/Team:Berkeley/Team">Team</a></li>
-    <li><a href="https://igem.org/2012_Judging_Form?id=900">Judging</a></li>
-    <li><a href="https://2012.igem.org/Team:Berkeley/Notebooks">Notebooks</a></li>
-    <li><a href="https://2012.igem.org/Team:Berkeley/Attributions">Attributions</a></li>
-</ul>
-<map name="igemmap">
+                        </div>
-  <area shape="circle" coords="540,65,45" alt="iGEM" href="https://2012.igem.org" target="new"/>
+                    </li>
-  <area shape="rect" coords="270,40,470,100" alt="Berkeley" href="http://www.berkeley.edu" target="new"/>
+                    <li>
-  <area shape="rect" coords="275,115,500,260" alt="iGEMBerkeley" href="https://2012.igem.org/Team:Berkeley" />
+                      <div><a href="https://2013.igem.org/Team:Berkeley/Project/GT"><span>Making Indican</span>
-  <area shape="rect" coords="500,130,570,260" alt="iGEMBerkeley" href="https://2012.igem.org/Team:Berkeley" />
+<img id="solubilizing" src="https://static.igem.org/mediawiki/2013/7/76/Cyan-gt.png"  class="nav-image"/></a>
-</map>
+                        </div>
+                    </li>
+                    <li class="odd">
+                                                <div><a href="https://2013.igem.org/Team:Berkeley/Project/GLU"><span>Dyeing with Indican </span>
+<img id="dyeing" src="https://static.igem.org/mediawiki/2013/a/ab/Dyeing_icon.png" class="nav-image"/></a>
-<div class="row">
+                        </div>
-<div class="col12" id="spacer4"></div>
+                    </li>
-<div class="row-end"> </div>
+<li>
-</div>
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Project/FMO"><span>Characterization of Indoxyl Production</span>
+<img id="characterize" src="https://static.igem.org/mediawiki/2013/9/9c/Characterize_icon.png" class="nav-image"/></a>
+                        </div>
+                    </li>
+                </ul>
+            </li>
+            <li id="humanPractices"><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/DyeingIndustry"><span>Human Practices</span></a>
+                <ul>
+                    <li class="odd">
+                        <div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/DyeingIndustry"><span>Talks with Dyeing industry</span>
+<img id="lumi" src="https://static.igem.org/mediawiki/2013/7/74/Berkeley2013_Lumi1.png"  class="nav-image"/></a>
+                        </div>
+                    </li>
+                    <li>
+                        <div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/ABPDU"><span>Visit to a Scale-Up Facility</span>
+<img id="abpdu" src="https://static.igem.org/mediawiki/2013/c/cc/Berkeley2013_Abpdu4.png" class="nav-image"/></a>
+                        </div>
+                    </li>
+                    <li class="odd">
+                        <div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/Economics"><span>Engineering a Cost Effective System</span>
+<img id="costs" src="https://static.igem.org/mediawiki/2013/4/40/Berkeley2013_New_economic_analysis_indican.png"  class="nav-image"/></a>
+                        </div>
+                    </li>
+                    <li>
+                        <div><a href="https://2013.igem.org/Team:Berkeley/HumanPractice/Outreach"><span>Outreach</span>
+<img id="outreach" src="https://static.igem.org/mediawiki/2013/a/ab/Berkeley2013_Outreach3.png" class="nav-image"/></a>
+                        </div>
+                    </li>
+                </ul>
+            </li>
+            <li><a href="https://2013.igem.org/Team:Berkeley/Methods/Protocols"><span>Methods</span></a>
+                <ul>
+                    <li class="odd">
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Methods/Protocols"><span>Protocols</span>
+<img id="protocols" src="https://static.igem.org/mediawiki/2013/6/6c/Berkeley2013_Protocols1.png"  class="nav-image"/></a>
+                        </div>
+                    </li>
+                    <li>
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Methods/Parts"><span>Parts</span>
+<img id="parts" src="https://static.igem.org/mediawiki/2013/1/1f/Berkeley2013_Parts1.png"  class="nav-image"/></a>
+                        </div>
+                    </li>
+                    <li class="odd">
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Methods/Applications"><span>Other Applications</span>
+<img id="other" src="https://static.igem.org/mediawiki/2013/0/07/Enzymatic_Switch_Diagram.png" class="nav-image"/></a>
+                        </div>
+                    </li>
+                    <li>
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Methods/Notebooks"><span>Notebooks</span>
+<img id="notebooks" src="https://static.igem.org/mediawiki/2013/1/15/Berkeley2013_Notebook1.png" class="nav-image"/></a>
+                        </div>
+                    </li>
+                </ul>
+            </li>
+            <li><a href="https://2013.igem.org/Team:Berkeley/Judging"><span>iGEM</span></a>
-<style = "text/css" media="screen">
+                <ul>
-ul.sidenav {
+                    <li class="odd">
-	list-style:none;
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Judging"><span>Judging</span>
-	padding: 0;
+<img id="judging" src="https://static.igem.org/mediawiki/2013/e/ef/Berkeley2013_Judging.gif"  class="nav-image"/></a>
-	margin:0px, 0px, 0px, 20px;
-	width: 160px;
-	float: right;
-}
-ul.sidenav li {
-position: relative;
-}
-ul.sidenav li a{
-	display: block;
-	overflow: auto; /*force hasLayout in IE7 */
-	color: white;
-	text-decoration: none;
-	margin: .75%;
-	font: 1.9em 'Myriad Pro';
-	width: 150px;
-}
-ul.sidenav li a:link, ul.sidenav li a:visited{
-<!--background: url(https://static.igem.org/mediawiki/2012/6/62/2012_berkeley_home.jpg) no-repeat 100% 50%;-->
-	background-size: 20px;
-/*background-color: #006291;*/ /*background of tabs (default state)*/
-}
-ul.sidenav li a:visited{
-	color: white;
-}
-ul.sidenav li a:hover{
+                        </div>
-	background-color: #333333;
+                    </li>
-}
+                    <li>
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Safety"><span>Safety</span>
+<img id="safety" src="https://static.igem.org/mediawiki/2013/d/df/Berkeley2013_Safety1.png"  class="nav-image"/></a>
-ul.topnav {
+                        </div>
-	list-style: none;
+                    </li>
-	padding: 0px 0px;
+                    <li class="odd">
-	margin: 0;
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Team"><span>Team</span>
-        width:1000px;
+<img id="team" src="https://static.igem.org/mediawiki/2013/5/5f/Berkeley2013_Team1.png" class="nav-image"/></a>
-	float: left;
-}
-ul.topnav li {
-	font-family: 'Georgia', Times, serif;
-	font-weight: 150;
-	font-size: 1.65em;
-	float: left;
-	margin:0px 0px 0px 0px;
-	opacity:.8;
-	padding: 2px 6px 10px 12px;
-	position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
-}
-ul.topnav li a{
-	padding: 18px 8px 10px 10px;
-	color: white;
-	display: block;
-	text-decoration: none;
-	float: left;
-}
-ul.topnav li a:hover{
-	background-color:black;
-	padding: 18px 8px 10px 10px;
-	font-color: white;
-}
-ul.topnav li span { /*--Drop down trigger styles--*/
-	width: 17px;
-	height: 25px;
-	float: left;
-	background-color: gray;
-}
-ul.topnav li span.subhover {
-	background-position: center bottom;
-	cursor: pointer; /*--Hover effect for trigger--*/
-}
-ul.topnav li ul.subnav {
-	list-style: none;
-	position: absolute;
-	left: 3px; top: 55px;/*--Important - Keeps subnav from affecting main navigation flow--*/
-	background: #333;
-	margin: 0; padding: 3px;
-	display: none;
-	float: left;
-	width: 160px;
-	opacity: .6;
-	border: 1px solid #111;
-}
-ul.topnav li ul.subnav li{
-	margin: 0; padding: 0;
-	border-top: 1px solid #252525; /*--Create bevel effect--*/
-	border-bottom: 1px solid #444; /*--Create bevel effect--*/
-	clear: both;
-	height:45px;
-	width: 155px;
-	font-size: .5em;
-	font-family: 'Georgia', Times, serif;
-	font-weight: 150;
-}
-html ul.topnav li ul.subnav li a {
-	float: left;
-        height:50px;
-	width: 145px;
-	background-color: white;
-	padding-left: 3px;
-}
-html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
-	background-color: none;
-}
-#slideshow {
-    margin: 50px auto;
-    position: relative;
-    width: 240px;
-    height: 240px;
-    padding: 10px;
-    box-shadow: 0 0 20px rgba(0,0,0,0.4);
-}
-#slideshow > div {
-    position: absolute;
-    top: 10px;
-    left: 10px;
-    right: 10px;
-    bottom: 10px;
-}
-#content1{
-	font-family:Georgia ,Helvetica,sans-serif;
-	height: 300px;
-  }
-#content2{
+                        </div>
-	font-family:Georgia ,Helvetica,sans-serif;
+                    </li>
-	height: 50px;
+                    <li>
-  }
+                        <div><a href="https://2013.igem.org/Team:Berkeley/Attributions"><span>Attributions</span>
-body{
+<img id="attributions" src="https://static.igem.org/mediawiki/2013/7/75/Berkeley2013_Igem1.png" class="nav-image"/></a>
-background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
-}
-#globalWrapper {width: 100%;}
-#content{
-	padding: 0px;
-	width: 1000px;
-	background: #BABABA;
-	font-family:Georgia ,Helvetica,sans-serif;
-	border: none;
-	text-decoration: none;
-}
-#footer, f-poweredbyico, f-copyrightico, f-list {
-	background: #BABABA;
-	margin:0px;
-	padding:0px;}
-#footer-box {
-	background: #BABABA;
-	border:none;
-}
-.main_item h1{
-	text-decoration:none;
-}
-#p-logo{display:none;}
+                        </div>
-#top-section2{
+                    </li>
-	width: 100%;
+                </ul>
-	background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
+            </li>
-	height: 65px;
+        </ul>
-}
+    </div>
-#top-section3{
+    </div>
-	width: 100%;
-	height:0px;
-}
-#team{
-	border: 1px solid black;
-	padding: 2px;
-	height:380px;}
-#search-controls{
-	display:none;
-}
-#spacer {height: 15px;}
-#spacer2 {height: 9em;}
-#spacer3 {height: .4em;}
-#spacer4 {height: .8em;}
-#top-section{
-	width: 100%;
-	background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
-	height: 5px;
-	border:none;
-}
-.firstHeading {display:none;}
-</style>
 </html>

Template:Team:Berkeley/header

From 2013.igem.org

Latest revision as of 20:39, 7 November 2013