Team:Berkeley/Style
From 2012.igem.org
(Difference between revisions)
Cheung.celia (Talk | contribs) |
|||
(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, | + | <area shape="rect" coords="590,65,740,115" href="http://berkeley.edu" target="new" /> |
- | <area shape="rect" coords="780,35,885, | + | <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"> | + | <li><div>Project</div> |
- | <li><a href="https://2012.igem.org/Team:Berkeley/ | + | <ul> |
- | <li><a href="https://2012.igem.org/Team:Berkeley/ | + | <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: | ||
} | } | ||
- | + | #accordion { | |
- | background: # | + | 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{ | #menubar li a{ | ||
- | color:# | + | color:#1DACAF; |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
Line 60: | Line 140: | ||
#menubar li a:hover { | #menubar li a:hover { | ||
- | color:# | + | color:#1DACAF; |
text-decoration:underline; | text-decoration:underline; | ||
} | } | ||
Line 68: | Line 148: | ||
} | } | ||
- | + | .right-menu ul { border: none;} | |
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#sidebar { | #sidebar { | ||
float:left; | float:left; | ||
- | + | width: 20%; | |
- | width: | + | |
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#styleContainer { | #styleContainer { | ||
Line 103: | Line 162: | ||
} | } | ||
- | |||
- | |||
- | |||
</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