Team:Berkeley/Style

From 2012.igem.org

(Difference between revisions)
 
(466 intermediate revisions not shown)
Line 1: Line 1:
-
<html><style type="text/css">
+
<html>
-
/*take away Search box, Team:Berkeley/Style heading*/
+
<div id='micodesLogo'>
 +
 
 +
    <img src="https://static.igem.org/mediawiki/2012/7/7b/UCBHeader4.png" style="width:960px;" usemap="#headermap" />  </div>
 +
    <map name="headermap">
 +
              <area shape="rect" coords="55,15,310,120" href="https://2012.igem.org/Team:Berkeley" />
 +
              <area shape="rect" coords="590,65,740,115" href="http://berkeley.edu" target="new" />
 +
              <area shape="rect" coords="780,35,885,115" href="https://2012.igem.org/Main_Page" target="new" />
 +
    </map>
-
#search-controls, .firstHeading, #catlinks {
+
<!--Thanks Cambridge 2010 for the headermap-->
-
    display:none;}
+
-
#top-section, #content {
+
<div id="styleContainer">
-
     border: none;}
+
<div id="sidebar">
 +
<ul id="accordion">
 +
    <li><div>Project</div>
 +
        <ul>
 +
            <li><a href="https://2012.igem.org/Team:Berkeley/Project">Overview</a></li>
 +
            <li><a href="https://2012.igem.org/Team:Berkeley/Project/Micodes">MiCodes</a></li>
 +
            <li><a href="https://2012.igem.org/Team:Berkeley/Project/LeucineZippers">Applications</a></li>
 +
        </ul>
 +
    </li>
 +
    <li><div>Results</div>
 +
        <ul>
 +
            <li><a href="#">Proof of Concept</a></li>
 +
            <li><a href="#">Leucine Zipper Screen</a></li>
 +
            <li><a href="#">Promoter Characterization</a></li>
 +
        </ul>
 +
    </li>
 +
    <li><div><a href="https://2012.igem.org/Team:Berkeley/Team">Team</a></div>
 +
    <li><div><a href="https://2012.igem.org/Team:Berkeley/Notebook">Notebook</a></div>
 +
    <li><div><a href="https://2012.igem.org/Team:Berkeley/Judging">Judging</a></div>
 +
    <li><div><a href="https://2012.igem.org/Team:Berkeley/Safety">Safety</a></div>
 +
    <li><div><a href="https://2012.igem.org/Team:Berkeley/Contributions">Contributions</a></div>
 +
    </li>
 +
</ul>
 +
</div> 
 +
 
 +
 
 +
<style type="text/css">
 +
 
 +
/*take away Search box, Team:Berkeley/Style heading. Shrink the top section. Will add another logo later when making the header and sidebar*/
 +
 
 +
#search-controls, #contentSub, .firstHeading, #catlinks, #p-logo {
 +
    display:none;
 +
}
 +
#p-logo, #top-section, #footer-box, #content {
 +
     border: none;
 +
    padding: 0px; }
 +
 
 +
#body, html  {
 +
    background: #FFFFFF;
 +
    min-height:100%;
 +
}
 +
 
 +
body {
 +
    background: #fff; /* defines the default background color of the document*/
 +
       
 +
}
 +
 
 +
 
 +
#top-section {
 +
  width: 975px;
 +
  height: 15px;
 +
  background-color: #ffffff;
 +
  border: none;
 +
}
 +
 
 +
#accordion {
 +
    list-style: none;
 +
    padding: 0 0 0 0;
 +
    width: 170px;
 +
}
 +
#accordion div {
 +
    display: block;
 +
    background-color: #FF9927;
 +
    font-weight: bold;
 +
    margin: 1px;
 +
    cursor: pointer;
 +
    padding: 5 5 5 7px;
 +
    list-style: circle;
 +
    -moz-border-radius: 10px;
 +
    -webkit-border-radius: 10px;
 +
    border-radius: 10px;
 +
}
 +
#accordion ul {
 +
    list-style: none;
 +
    padding: 0 0 0 0;
 +
}
 +
#accordion ul{
 +
    display: none;
 +
}
 +
#accordion ul li {
 +
    font-weight: normal;
 +
    cursor: auto;
 +
    background-color: #EBEBEB;
 +
    padding: 0 0 0 7px;
 +
}
 +
#accordion a {
 +
    text-decoration: none;
 +
}
 +
#accordion a:hover {
 +
    text-decoration: underline;
 +
}
 +
 
 +
 
 +
#content {
 +
    height:100%;
 +
    font-family: Tahoma, Verdana, Arial, Georgia;
 +
    background:#FFFFFF;
 +
    }
 +
 
 +
#footer {
 +
    background:#FFFFFF;
 +
 
 +
}
 +
#f-list a {
 +
    color: #1DACAF;
 +
 
 +
    }
 +
#f-list a:hover {
 +
    color: #1DACAF;
 +
    }
 +
 
 +
#main {
 +
    background-color:#FFFFFF;
 +
    padding-right:10px;
 +
    height:100%;
 +
    margin-left:  20%;
 +
}
 +
 
 +
#menubar li a{
 +
    color:#1DACAF;
 +
    background-color: transparent;
 +
}
 +
#menubar.right-menu:hover, #menubar.left-menu:hover {
 +
    background-color: transparent;
 +
}
 +
 
 +
#menubar li a:hover {
 +
    color:#1DACAF;
 +
    text-decoration:underline;
 +
}
 +
 
 +
#menubar li.selected a {
 +
    color:#555555;
 +
}
 +
 
 +
.right-menu ul { border: none;}
 +
 
 +
#sidebar {
 +
    float:left;
 +
    width: 20%;
 +
}
 +
 
 +
 
 +
#styleContainer {
 +
    height: 1%;
 +
    overflow: hidden;
 +
    background: url(https://static.igem.org/mediawiki/2012/3/33/UCBsideBackground.png) repeat-y left;
 +
}
-
/*Will add another log here later*/
 
</style>
</style>
-
</html>
+
 
 +
<script language="JavaScript" type="text/javascript">
 +
 
 +
<!--
 +
$("#accordion > li > div").click(function(){
 +
 +
    if(false == $(this).next().is(':visible')) {
 +
        $('#accordion ul').slideUp(300);
 +
    }
 +
    $(this).next().slideToggle(300);
 +
});
 +
 +
// -->
 +
</script>
 +
 
 +
 
 +
 
 +
<div id="main">

Latest revision as of 14:19, 23 September 2012