Team:Berkeley/Style

From 2012.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 6: Line 6:
     <map name="headermap">
     <map name="headermap">
               <area shape="rect" coords="55,15,310,120" href="https://2012.igem.org/Team:Berkeley" />
               <area shape="rect" coords="55,15,310,120" href="https://2012.igem.org/Team:Berkeley" />
-
               <area shape="rect" coords="590,65,740,120" href="http://berkeley.edu" />
+
               <area shape="rect" coords="590,65,740,115" href="http://berkeley.edu" target="new" />
-
               <area shape="rect" coords="780,35,885,120" href="https://2012.igem.org/Main_Page" />
+
               <area shape="rect" coords="780,35,885,115" href="https://2012.igem.org/Main_Page" target="new" />
-
             
+
     </map>
     </map>
<!--Thanks Cambridge 2010 for the headermap-->
<!--Thanks Cambridge 2010 for the headermap-->
-
 
<div id="styleContainer">
<div id="styleContainer">
<div id="sidebar">
<div id="sidebar">
-
<ul>
+
<ul id="accordion">
-
<li><a href="https://2012.igem.org/Team:Berkeley/Project">Project</a></li>
+
    <li><div>Project</div>
-
<li><a href="https://2012.igem.org/Team:Berkeley/Team">Team</a></li>
+
        <ul>
-
<li><a href="https://2012.igem.org/Team:Berkeley/Results">Results</a></li>
+
            <li><a href="https://2012.igem.org/Team:Berkeley/Project">Overview</a></li>
-
<li><a href="https://2012.igem.org/Team:Berkeley/Notebook">Notebook</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/Safety">Safety</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>
</ul>
</div>   
</div>   
Line 36: Line 49:
     border: none;
     border: none;
     padding: 0px; }
     padding: 0px; }
 +
 +
#body, html  {
 +
    background: #FFFFFF;
 +
    min-height:100%;
 +
}
 +
 +
body {
 +
    background: #fff; /* defines the default background color of the document*/
 +
       
 +
}
 +
#top-section {
#top-section {
Line 44: Line 68:
}
}
-
body, html {
+
#accordion {
-
     background: #FFFFFF;
+
    list-style: none;
-
     min-height:100%;
+
    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;
}
}
-
.right-menu ul { border: none;}
+
 
 +
#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{
#menubar li a{
-
     color:#73a631;
+
     color:#1DACAF;
     background-color: transparent;
     background-color: transparent;
}
}
Line 60: Line 140:
#menubar li a:hover {
#menubar li a:hover {
-
     color:#73a631;
+
     color:#1DACAF;
     text-decoration:underline;
     text-decoration:underline;
}
}
Line 68: Line 148:
}
}
-
#content {
+
.right-menu ul { border: none;}
-
    height:100%;
+
-
    font-family: Tahoma, Verdana, Arial, Georgia;
+
-
    }
+
-
 
-
 
-
#main {
 
-
    float:right;
 
-
    background:#FFFFFF;
 
-
    width:710px;
 
-
    padding-right:10px;
 
-
    height:100%;
 
-
}
 
#sidebar {
#sidebar {
     float:left;
     float:left;
-
    background:#EBEBEB;
+
     width: 20%;
-
     width:200px;
+
-
    min-height:100%;
+
}
}
-
 
-
#sidebar ul{
 
-
    list-style:none;
 
-
    padding-left:0px;
 
-
    margin-left:20px;
 
-
    font-size:large;
 
-
    }
 
#styleContainer {
#styleContainer {
Line 103: Line 162:
}
}
-
#footer {
 
-
    background:#cc9;
 
-
}
 
</style>
</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">
<div id="main">

Latest revision as of 14:19, 23 September 2012