Team:Berkeley/Style

From 2012.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 11: Line 11:
<!--Thanks Cambridge 2010 for the headermap-->
<!--Thanks Cambridge 2010 for the headermap-->
 +
 +
<div id="styleContainer">
 +
<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;
 +
}
 +
 +
 +
</style>
 +
 +
<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