Team:Berkeley/Style
From 2012.igem.org
(Difference between revisions)
Cheung.celia (Talk | contribs) |
|||
(495 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html><style type="text/css"> | + | <html> |
- | #contentSub { | + | |
- | display:none;} | + | <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> | ||
+ | |||
+ | <!--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> | </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
![](https://static.igem.org/mediawiki/2012/7/7b/UCBHeader4.png)