Team:Goettingen/Parts
From 2013.igem.org
(Difference between revisions)
m |
m |
||
Line 5: | Line 5: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$(".f-larger").click(function(){ | $(".f-larger").click(function(){ | ||
- | $("p").css("font-size"," | + | $("p").css("font-size","14pt"); |
}); | }); | ||
$(".f-smaller").click(function(){ | $(".f-smaller").click(function(){ | ||
$("p").css("font-size","12pt"); | $("p").css("font-size","12pt"); | ||
}); | }); | ||
+ | $(".f-medium").click(function(){ | ||
+ | $("p").css("font-size","13pt"); | ||
+ | }); | ||
+ | $("#our-project").hide(); | ||
+ | $(".bkg").click(function(){ | ||
+ | $("#background").show(); | ||
+ | $("#our-project").hide(); | ||
+ | }); | ||
+ | $(".opr").click(function(){ | ||
+ | $("#our-project").show(); | ||
+ | $("#background").hide(); | ||
+ | }); | ||
}); | }); | ||
</script> | </script> | ||
<style> | <style> | ||
- | + | /* changing original css*/ | |
- | + | ul{list-style-type: none;list-style-image:url('');margin-left:1em;font-size:11pt} | |
- | + | ||
- | + | #p-logo{display:none} | |
- | + | ||
- | + | #content,#top-section{height:0px;padding:0 0 0 0;} | |
- | + | ||
- | + | body{background-color:#00334a; | |
- | + | background-image:url('https://static.igem.org/mediawiki/2013/9/99/Test-fill.png'); | |
- | + | font-family:Verdana,Arial,sans-serif,Georgia} | |
- | + | ||
- | + | h1 {line-height:1.6em; | |
- | + | bold:true;border-bottom:0; | |
- | + | font-size:14pt;} | |
- | + | ||
- | + | h2 {line-height:1.4em;color:#005073;border-bottom:0;font-weight:bold;font-size:12pt} | |
- | + | ||
- | #menu-bar { background-color:#efefef; | + | |
- | + | p{font-size:11pt;font-weight:normal;color:black} | |
- | + | /*new css*/ | |
- | + | ||
- | + | #content-1{ position: relative;top:-2px;width: 935px; | |
- | + | # margin-left: 10px; | |
- | + | margin: 0 auto; | |
- | + | padding: 5px 20px 5px 20px;; | |
- | + | background: white; | |
- | #menu-bar .deact{padding: 12px 1.5% 10px 1.5%; | + | color: black; |
- | + | border-left: 1px solid #444444; | |
- | + | border-right: 1px solid #444444; | |
- | + | line-height: 1.5em; | |
- | + | z-index: 2;} | |
- | + | ||
- | + | .spanning{position:relative;margin:0 auto 0 auto;padding:0 0;z-index:2;} | |
- | + | ||
- | + | #menu-bar {background-color:#efefef; | |
- | + | height:36px; | |
- | + | width:988px; | |
- | + | position:relative; | |
- | + | float:left; | |
- | + | font-size:130%; | |
- | #col-left a{padding: 3px .5% 3px .5%;color:#596678;} | + | line-height:2em; |
- | #col-left .box{background-color:#f9f9f9;padding:5px 10px 10px 10px} | + | padding-left:0.4%} |
- | + | ||
- | + | #menu-bar a{padding: 10px 1.5% 10px 1.5%; color:#596678;margin-left:0.60%} | |
- | + | ||
- | + | #menu-bar .deact{padding: 12px 1.5% 10px 1.5%; | |
- | + | color:white; | |
- | + | background-color:#8f0000; | |
+ | text-decoration:none;} | ||
+ | |||
+ | #menu-bar a:hover{padding: 12px 1.5% 10px 1.5%; | ||
+ | color:white; | ||
+ | background-color:#8f0000; | ||
+ | text-decoration:none;} | ||
+ | |||
+ | #col-left{ position:relative; | ||
+ | float:left; | ||
+ | margin:1.5% auto 0 auto; | ||
+ | width:27%; | ||
+ | color:#596678; | ||
+ | font-size:11pt} | ||
+ | |||
+ | #col-left a{padding: 3px .5% 3px .5%;color:#596678;} | ||
+ | |||
+ | #col-left .box{background-color:#f9f9f9;padding:5px 10px 10px 10px} | ||
+ | |||
+ | #col-left h3{font-size:12pt;color:#8f0000;cursor:pointer} | ||
+ | |||
+ | .f-larger,.f-smaller,.f-medium{border:0; | ||
+ | outline:0; | ||
+ | font-size:12pt; | ||
+ | background-color:#f9f9f9; | ||
+ | cursor:pointer; | ||
+ | color:#596678} | ||
+ | .top { z-index:999; | ||
+ | position:fixed; | ||
+ | bottom:3%; | ||
+ | right:2.5%; | ||
+ | _position:absolute; /* for IE6 */ | ||
+ | /* IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); | ||
overflow:visible;} | overflow:visible;} | ||
- | + | ||
- | + | #col-right{ position:relative; | |
- | + | float:right; | |
- | + | margin:0 auto 0 auto; | |
- | + | padding:0 0 0 20px; | |
- | + | background-color:white; | |
- | + | width:70%;} | |
- | + | </style> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</head> | </head> | ||
Line 89: | Line 126: | ||
<a href="/Team:Goettingen" title="Home">Home</a> | <a href="/Team:Goettingen" title="Home">Home</a> | ||
<a href="/Team:Goettingen/Team" title="Team">Team</a> | <a href="/Team:Goettingen/Team" title="Team">Team</a> | ||
- | |||
<a class="deact">Registed Parts</a> | <a class="deact">Registed Parts</a> | ||
- | <a href=" | + | <a href="/Team:Goettingen/Modeling" title="Modeling">Modeling</a> |
- | <a href=" | + | <a href="/Team:Goettingen/NoteBook" title="NoteBook">NoteBook</a> |
- | <a href=" | + | <a href="/Team:Goettingen/Safety" title="Safety" >Safety</a> |
- | <a href=" | + | <a href="/Team:Goettingen/Attributions" title="Attributions">Attributions</a> |
</div><!--close menu-bar --> | </div><!--close menu-bar --> | ||
Line 102: | Line 138: | ||
<div id="content-1"> | <div id="content-1"> | ||
<div id="col-left"> | <div id="col-left"> | ||
- | + | <div class="noprint"> | |
- | <h3 onclick="$('.nav').toggle('slow') | + | <object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=596678&bgcolor=f9f9f9&date_month=10&date_day=11&date_year=0&un=IGEM EUROPEAN JAMBOREE&size=normal&mo=10&da=11&yr=2013" width="100%" height="80"><param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=0099FF&bgcolor=f9f9f9&date_month=10&date_day=11&date_year=0&un=IGEM EUROPEAN JAMBOREE&size=normal&mo=10&da=11&yr=2013" /><param name="bgcolor" value="#f9f9f9" /></object><img src="http://www.oneplusyou.com/q/img/bb_badges/countdown.jpg" alt="" style="display: none;" height="1" width="1" /><div style="font-size:8pt">Created by <a href="http://www.oneplusyou.com">OnePlusYou</a></div> |
- | + | </div> | |
- | + | <br /> | |
- | + | ||
- | + | <div id="nav" class="box"> | |
- | + | <h3 onclick="$('.nav').toggle('slow')">Navigation:</h3> | |
- | + | <ul class="nav"> | |
- | + | <li><a href="#background"><span class="bkg">Background</span></a></li> | |
- | <ul class="ctrl-p | + | <li><a href="#our-project"><span class="opr">Our project</span></a></li> |
- | + | </ul> | |
- | + | </div><!--close nav--> | |
- | + | <br /> | |
+ | |||
+ | <div class="noprint"> | ||
+ | <div id="ctrl-p" class="box"> | ||
+ | <h3 onclick="$('.ctrl-p').toggle('slow')">Control Panel:</h3> | ||
+ | <ul class="ctrl-p"> | ||
+ | <li> Font Size: <button class="f-larger"> L </button> | ||
+ | <button class="f-medium"> M </button> | ||
+ | <button class="f-smaller"> S </button></li> | ||
+ | <li> <a href="https://igem.org/Login" target="_blank" style="color:#596678">Log in to iGEM account</a></li> | ||
+ | </ul> | ||
+ | </div><!--close ctrl-p --><br /> | ||
+ | </div> | ||
+ | <br /> | ||
+ | |||
+ | <div id="contact" class="box"> | ||
+ | <h3 onclick="$('.contactinfo').toggle('slow')">Contact us</h3> | ||
+ | <ul class="contactinfo"> | ||
+ | <li><a style="color:#596678" href="https://www.facebook.com/IGemTeamGottingen2013?fref=ts"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/f/fd/Facebook.jpg" width="30px"></a></li> | ||
+ | <li><a href="mailto:igem2013@uni-goettingen.de" style="color:#596678">igem2013@uni-goettingen.de</a></li> | ||
</ul> | </ul> | ||
+ | </div><!--close contact--> | ||
- | + | </div><!--close col-left--> | |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div id="col-right"></html> | <div id="col-right"></html> |
Revision as of 14:22, 30 May 2013