Template:Team:Berkeley/header

From 2013.igem.org

(Difference between revisions)
(Created page with "<html lang="en"> <head> <meta property="og:title" content="Berkeley iGEM 2012"/> <meta property="og:type" content="university"/> <meta property="og:description" ...")
 
(215 intermediate revisions not shown)
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>
</html>

Latest revision as of 20:39, 7 November 2013