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","16pt");
+
     $("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>
-
ul{list-style-type: none;list-style-image:url('');margin-left:1em}
+
/* changing original css*/
-
#footer-box{position:relative;top:-120px}
+
ul{list-style-type: none;list-style-image:url('');margin-left:1em;font-size:11pt}
-
#content,#p-logo{visibility:hidden;height:0}
+
 
-
body{background-color:#00334a;
+
#p-logo{display:none}
-
background-image:url('https://static.igem.org/mediawiki/2013/9/99/Test-fill.png');
+
 
-
font:Arial,san-serif,Georgia}
+
#content,#top-section{height:0px;padding:0 0 0 0;}
-
        #content-1{ position: relative;top:-122px;width:  935px;
+
 
-
                    #    margin-left: 10px;
+
body{background-color:#00334a;
-
                    margin: 0 auto;
+
    background-image:url('https://static.igem.org/mediawiki/2013/9/99/Test-fill.png');
-
                    padding: 5px 20px 5px 20px;;
+
    font-family:Verdana,Arial,sans-serif,Georgia}
-
                    background: white;
+
 
-
                    color: black;
+
h1 {line-height:1.6em;
-
                    border-left: 1px solid #444444;
+
    bold:true;border-bottom:0;
-
                    border-right: 1px solid #444444;
+
    font-size:14pt;}
-
                    line-height: 1.5em;
+
 
-
                    z-index: 2;}
+
h2 {line-height:1.4em;color:#005073;border-bottom:0;font-weight:bold;font-size:12pt}
-
.spanning{position:relative;margin:0 auto 0 auto;padding:0 0;z-index:2;top:-120px}
+
 
-
#menu-bar { background-color:#efefef;
+
 
-
height:36px;
+
p{font-size:11pt;font-weight:normal;color:black}
-
width:988px;
+
/*new css*/       
-
position:relative;
+
 
-
float:left;
+
#content-1{ position: relative;top:-2px;width:  935px;
-
font-size:140%;
+
            #    margin-left: 10px;
-
line-height:2em;
+
            margin: 0 auto;
-
padding-left:0.4%}
+
            padding: 5px 20px 5px 20px;;
-
#menu-bar a{padding: 10px 1.5% 8px 1.5%; color:#596678;margin-left:0.60%}
+
            background: white;
-
#menu-bar .deact{padding: 12px 1.5% 10px 1.5%;
+
            color: black;
-
color:white;
+
            border-left: 1px solid #444444;
-
background-color:#8f0000;
+
            border-right: 1px solid #444444;
-
text-decoration:none;}
+
            line-height: 1.5em;
-
#menu-bar a:hover{padding: 12px 1.5% 8px 1.5%;
+
            z-index: 2;}
-
color:white;
+
 
-
background-color:#8f0000;
+
.spanning{position:relative;margin:0 auto 0 auto;padding:0 0;z-index:2;}
-
text-decoration:none;}
+
-
          #col-left{ position:relative;
+
#menu-bar {background-color:#efefef;
-
float:left;
+
height:36px;
-
margin:1.5% auto 0 auto;
+
width:988px;
-
width:27%;
+
position:relative;
-
color:#596678;
+
float:left;
-
                        font-size:12pt}
+
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%}
-
  .top { z-index:999;
+
-
position:fixed;
+
#menu-bar a{padding: 10px 1.5% 10px 1.5%; color:#596678;margin-left:0.60%}
-
bottom:3%;
+
-
right:2.5%;
+
#menu-bar .deact{padding: 12px 1.5% 10px 1.5%;
-
_position:absolute; /* for IE6 */
+
color:white;
-
    /* IE6 */  _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);  
+
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;
+
#col-right{ position:relative;
-
margin:0 auto 0 auto;
+
    float:right;
-
padding:0 0 0 20px;
+
    margin:0 auto 0 auto;
-
background-color:white;
+
    padding:0 0 0 20px;
-
width:70%;
+
    background-color:white;
-
}
+
    width:70%;}
-
+
</style>
-
.firstHeading{color:white;}
+
 
-
h1 {line-height:1.6em;
+
-
bold:true;border-bottom:0}
+
-
h2 {line-height:1.4em;color:#005073;border-bottom:0;font-weight:bold}
+
-
p{font-size:13pt;font-weight:normal;color:black}
+
-
.nav,.ctrl-p,.countD{font-size:12pt;font-weight:normal;}
+
-
.f-larger,.f-smaller{border:0;outline:0;font-size:12pt;background-color:#f9f9f9;cursor:pointer;color:#596678}
+
-
</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 href="https://igem.org/Team.cgi?year=2013" title="Profile">Team Profile</a>
 
<a class="deact">Registed Parts</a>
<a class="deact">Registed Parts</a>
-
<a href="https://2013.igem.org/Team:Goettingen/Modeling" title="Modeling">Modeling</a>
+
<a href="/Team:Goettingen/Modeling" title="Modeling">Modeling</a>
-
<a href="https://2013.igem.org/Team:Goettingen/NoteBook" title="NoteBook">NoteBook</a>
+
<a href="/Team:Goettingen/NoteBook" title="NoteBook">NoteBook</a>
-
<a href="https://2013.igem.org/Team:Goettingen/Safety" title="Safety" >Safety</a>
+
<a href="/Team:Goettingen/Safety" title="Safety" >Safety</a>
-
<a href="https://2013.igem.org/Team:Goettingen/Attributions" title="Attributions">Attributions</a>
+
<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 id="nav" class="box" style="display:none">
+
    <div class="noprint">
-
<h3 onclick="$('.nav').toggle('slow')" titile="click to hide/show" style="color:#8f0000;font-size:13pt;cursor:pointer">Navigation:</h3>
+
      <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>
-
<ul class="nav" style="font-size:12pt">
+
    </div>
-
+
    <br />
-
</ul>
+
-
</div><!--close nav-->
+
    <div id="nav" class="box">
-
<br />
+
        <h3 onclick="$('.nav').toggle('slow')">Navigation:</h3>
-
<div id="ctrl-p" class="box">
+
        <ul class="nav">
-
<h3 onclick="$('.ctrl-p').toggle('slow')" style="color:#8f0000;font-size:13pt;cursor:pointer">Control Panel:</h3>
+
            <li><a href="#background"><span class="bkg">Background</span></a></li>
-
<ul class="ctrl-p" style="font-size:12pt">
+
    <li><a href="#our-project"><span class="opr">Our project</span></a></li>
-
<li> Font Size: <button class="f-larger">Large</button><button class="f-smaller">Small</button></li>
+
        </ul>
-
<li> <a href="https://igem.org/Login" target="_blank" style="color:#596678">Log in to iGEM account</a></li>
+
    </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">&nbsp;L&nbsp;</button>
 +
                                  <button class="f-medium">&nbsp;M&nbsp;</button>
 +
                                  <button class="f-smaller">&nbsp;S&nbsp;</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 ctrl-p --><br />
+
</div><!--close col-left-->
-
<div id="contact" class="box">
 
-
<h3 style="color:#8f0000;font-size:13pt;cursor:pointer" onclick="$('.contactinfo').toggle('slow')">Contact us</h3>
 
-
<ul class="contactinfo" style="font-size:12pt" >
 
-
<li><img src="https://static.igem.org/mediawiki/2012/f/fd/Facebook.jpg" width="20px"><strong><a style="color:#596678" href="https://www.facebook.com/IGemTeamGottingen2013?fref=ts">Facebook</a></strong></li>
 
-
<li><a href="mailto:igem2013@uni-goettingen.de" style="color:#596678">igem2013@uni-goettingen.de</a></li>
 
-
</ul>
 
-
</div><br /><br />
 
-
</div><!--close col-left-->
 
<div id="col-right"></html>
<div id="col-right"></html>

Revision as of 14:22, 30 May 2013

Created by OnePlusYou


Control Panel:



<groupparts>iGEM013 Goettingen</groupparts>