Team:Groningen/DesignTest

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-
     
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 +
<script type="text/javascript" src="js/prototype.js"></script>
 +
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
 +
<script type="text/javascript" src="js/lightbox.js"></script>
 +
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
<head>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
<style>
 +
div.cogbig{
 +
position:absolute;
 +
padding: 0px;
 +
margin: 0px 0px;
 +
opacity:0.4;
 +
filter:alpha(opacity=40);
 +
z-index:-1;
 +
}
 +
 +
/*Windmill*/
 +
#arm{
 +
width:120px;
 +
height:104px;
 +
position:absolute;
 +
z-index:2;
 +
}
 +
#img1{
 +
width:120px;
 +
height:104px;
 +
position:absolute;
 +
z-index:10;
 +
left:-19px;
 +
top:-31px;
 +
}
 +
 +
/*Menu*/
 +
#navigation {
 +
margin: 0;
 +
padding: 0 0em;
 +
height: 20px;
 +
list-style: none;
 +
display:block;
 +
font-size:12px;
 +
color:#fff;
 +
z-index:2;
 +
}
 +
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 40px;
 +
left:0px;
 +
padding: 0 0em;
 +
}
 +
#navigation > li > a {
 +
float: left;
 +
height: 100%;
 +
color: #00;
 +
text-decoration: none;
 +
font-weight: bold;
 +
text-transform: uppercase;
 +
}
 +
#navigation > li > a:hover {
 +
color: Black;
 +
text-decoration: underline;
 +
}
 +
#navigation > li.sub {
 +
position: relative;
 +
}
 +
#navigation > li.sub ul {
 +
width: 120px;
 +
margin: 0;
 +
padding: 0.1em 0;
 +
list-style: none;
 +
background: #000;
 +
position: absolute;
 +
top: -1000em;
 +
border-radius: 5px;
 +
opacity:0.8;
 +
filter:alpha(opacity=80);
 +
}
 +
#navigation > li.sub ul li {
 +
width: 90%;
 +
}
 +
#navigation > li.sub ul li a {
 +
height: 100%;
 +
display: block;
 +
padding: 0.4em;
 +
color: #fff;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
#navigation > li.sub ul li a:hover {
 +
background: #c60;
 +
text-decoration: underline;
 +
border-radius: 5px;
 +
}
 +
#navigation > li.sub:hover ul {
 +
top: 2em;
 +
}
-
<script type="text/javascript" src="js/prototype.js"></script>
+
#expand
-
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
+
.expand-down
-
<script type="text/javascript" src="js/lightbox.js"></script>
+
{
-
<head>
+
font-family: Arial,Helvetica,sans-serif;
-
  <script src="http://code.jquery.com/jquery-latest.js"></script>
+
line-height: normal;
-
<style>
+
margin-bottom: 30px;
 +
margin-top: 0px;
 +
z-index:1;
 +
}
 +
.expand-down * {
 +
margin: 0px;
 +
padding: 0;
 +
z-index:1;
 +
}
 +
.expand-down ul {
 +
padding-top:100px;
 +
z-index:1;
 +
}
 +
.expand-down ul li {
 +
list-style-type:none;
 +
z-index:1;
 +
}
 +
.expand-down ul li a {
 +
text-decoration:none;
 +
z-index:1;
 +
}
 +
.expand-down ul li a img {
 +
width:80px;
 +
height:82px;
 +
border:none;
 +
z-index:1;
 +
}
 +
.expand-down ul li a span {
 +
display:none;
 +
z-index:1;
 +
}
 +
.expand-down ul li:hover a span {
 +
display:block;
 +
font-size:14px;
 +
text-align:center;
 +
color:#fff;
 +
z-index:1;
 +
}
 +
.expand-down ul li:hover a img {
 +
width:80px;
 +
height:82px;
 +
z-index:1;
 +
}
 +
.expand-down ul li:hover + li a img {
 +
width:80px;
 +
height:82px;
 +
z-index:1;
 +
}
 +
.expand-down ul li:hover + li + li a img {
 +
width:80px;
 +
height:82px;
 +
z-index:1;
 +
}
-
div.cogbig{
+
/*Body*/
-
                        position:absolute;
+
body
-
                        padding: 0px;
+
{
-
                        margin: 0px 0px;
+
background-attachment:fixed;
-
                        opacity:0.4;
+
background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png);
-
                        filter:alpha(opacity=40);
+
text-align: justify;
-
                        z-index:-1;
+
border: none;
 +
}
 +
#content
 +
{
 +
position: relative;
 +
top:-5px;
 +
width: 1024px;
 +
padding: 0px 0px 0px 0px;
 +
background-color:transparent;
 +
border: none;
 +
}
 +
#bodyContent
 +
{
 +
width: 1024px;
 +
position: relative;
 +
padding: 0px 0px 0px 0px;
 +
background-color:transparent;
 +
border: none;
 +
}
-
                }
 
-
#arm{
 
-
width:120px;
 
-
height:104px;
 
-
position:absolute;
 
-
z-index:2;
 
-
}
 
-
#img1{
 
-
width:120px;
 
-
height:104px;
 
-
position:absolute;
 
-
z-index:10;
 
-
left:-20px;
 
-
top:-35px;
 
-
}
 
-
</style>
 
-
</head>
 
-
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
 
-
+
/*Suppress iGEM defaults*/
-
<link rel="stylesheet"href="https://2012.igem.org/Team:Groningen/style.css?action=raw&amp;ctype=text/css"/>
+
a[title="Main Page"]{display: none;}
 +
.firstHeading{display: none;}
 +
#menubar{display: none;}
 +
#search-controls{display: none;}
 +
#contentSub{display: none;}
 +
#catlinks{display: none;}
 +
#footer-box{display: none;}
 +
</style>
 +
</head>
 +
 +
<body>
 +
<div class="expand-down">
 +
<ul id="navigation">
 +
<li class="sub">
 +
<div class="cogbig">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" />
 +
<span>home</span>
 +
</a>
 +
</li>
 +
<li class="sub">
 +
<div class="cogbig">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="Team" title="Team" width="74" height="72" />
 +
<span>team</span>
 +
<ul>
 +
<li><a href="#">about us</a></li>
 +
<li><a href="#">official team profile</a></li>
 +
</ul>
 +
</a>
 +
</li>
 +
<li class="sub">
 +
<div class="cogbig">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" />
 +
<span>project</span>
 +
<ul>
 +
<li><a href="#">description</a></li>
 +
<li><a href="#">wetwork</a></li>
 +
<li><a href="#">modeling</a></li>
 +
<li><a href="#">notebook</a></li>
 +
<li><a href="#">attributions</a></li>
 +
</ul>   
 +
</a>
 +
</li>
 +
<li class="sub">
 +
<div class="cogbig">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
 +
<span>parts</span>
 +
</a>
 +
</li>
 +
<li class="sub">
 +
<div class="cogbig">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" />
 +
<span>safety</span>
 +
</a>
 +
</li>
 +
<li class="sub">
 +
<div class="cogbig">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="https://2012.igem.org/Team:Groningen/PublicRelations" title="Public Relation" rel="nofollow" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
 +
<span>public<br>relations</span>
 +
</a>
 +
</li>
 +
<li class="sub">
 +
<div class="cogbig">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" target="_blank">
 +
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
 +
<span>sponsors</span>
 +
</a>
 +
 +
<script>
 +
var angle = 0;
 +
setInterval(function(){
 +
angle-=3; //rotation - and +
 +
$("#img1").rotate(angle);
 +
},50);
 +
</script>
 +
<img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120"height="104" />
 +
</li>
 +
</ul>
 +
</div>
 +
</body>
</html>
</html>
-
 
-
<html>
 
-
<ul>
 
-
 
-
</head>
 
-
<body>
 
-
<div class="expand-down">
 
-
<ul id="navigation">
 
-
  <li class="sub">
 
-
<div class="cogbig">
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 
-
</div>
 
-
    <a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank">
 
-
 
-
      <img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" />
 
-
 
-
 
-
  <span>Home</span>
 
-
 
-
    </a>
 
-
 
-
 
-
  </li>
 
-
  <li class="sub">
 
-
<div class="cogbig">
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 
-
</div>
 
-
    <a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank">
 
-
                <ul>
 
-
<li><a href="#">about us</a></li>
 
-
<li><a href="#">official team profile</a></li>
 
-
</ul>
 
-
      <img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="Team" title="Team" width="74" height="72" />
 
-
    </a>
 
-
  </li>
 
-
  <li class="sub">
 
-
<div class="cogbig">
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 
-
</div>
 
-
    <a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank">
 
-
<ul>
 
-
<li><a href="#">description</a></li>
 
-
<li><a href="#">wetwork</a></li>
 
-
                        <li><a href="#">modeling</a></li>
 
-
                        <li><a href="#">notebook</a></li>
 
-
                        <li><a href="#">attributions</a></li>
 
-
</ul>   
 
-
    <img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" />
 
-
    </a>
 
-
  </li>
 
-
  <li class="sub">
 
-
    <a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank">
 
-
      <img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
 
-
      <span>Parts</span>
 
-
<div class="cogbig">
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 
-
 
-
    </a>
 
-
  </li>
 
-
  <li class="sub">
 
-
    <a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank">
 
-
      <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" />
 
-
      <span>safety</span>
 
-
<div class="cogbig">
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 
-
    </a>
 
-
  </li>
 
-
  <li>
 
-
    <a href="https://2012.igem.org/Team:Groningen/PublicRelations" title="Public Relation" rel="nofollow" target="_blank">
 
-
      <img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
 
-
      <span>public<br>relations</span>
 
-
<div class="cogbig">
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 
-
 
-
    </a>
 
-
  </li>
 
-
  <li>
 
-
    <a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" target="_blank">
 
-
      <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
 
-
 
-
      <span>Sponsors</span>
 
-
<body>
 
-
<script>
 
-
var angle = 0;
 
-
setInterval(function(){
 
-
      angle-=3; //rotation - and +
 
-
    $("#img1").rotate(angle);
 
-
},50);
 
-
</script>
 
-
 
-
 
-
 
-
 
-
<div class="cogbig">
 
-
 
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 
-
<img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120"height="104" />
 
-
 
-
</body>
 
-
 
-
    </a>
 
-
  </li>
 
-
</ul>
 
-
</div>
 
-
 
-
 
-
 
-
 
-
</html>
 
-
 
Line 157: Line 291:
<head>
<head>
<style>
<style>
-
body {
+
#img2{
-
margin: 0;
+
position:absolute;
-
padding: 0;
+
z-index:1;
-
font: 90% Arial, sans-serif;
+
-
    margin-top: 0px;
+
-
}
+
-
 
+
-
#navigation {
+
-
margin: 0;
+
-
padding: 0 0em;
+
-
height: 20px;
+
-
list-style: none;
+
-
display:block;
+
-
font-size:12px;
+
-
color:#fff;
+
-
z-index:2;
+
-
}
+
-
 
+
-
#navigation > li {
+
-
float: left;
+
-
height: 100%;
+
-
margin-right: 40px;
+
left:0px;
left:0px;
-
padding: 0 0em;
+
top:200px;
-
}
+
}              
-
#navigation > li > a {
+
body {  
-
float: left;
+
-
height: 100%;
+
-
color: #00;
+
-
text-decoration: none;
+
-
line-height: 3;
+
-
font-weight: bold;
+
-
text-transform: uppercase;
+
-
}
+
-
 
+
-
#navigation > li > a:hover {
+
-
color: Black;
+
-
text-decoration: underline;
+
-
}
+
-
 
+
-
#navigation > li.sub {
+
-
position: relative;
+
-
}
+
-
 
+
-
#navigation > li.sub ul {
+
-
width: 120px;
+
-
margin: 0;
+
-
padding: 0.1em 0;
+
-
list-style: none;
+
-
background: #000;
+
-
position: absolute;
+
-
top:-1000em;
+
-
border-radius: 5px;
+
-
}
+
-
 
+
-
#navigation > li.sub ul li {
+
-
width: 90%;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
#navigation > li.sub ul li a {
+
-
height: 100%;
+
-
display: block;
+
-
padding: 0.4em;
+
-
color: #fff;
+
-
font-weight: bold;
+
-
text-decoration: none;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
#navigation > li.sub ul li a:hover {
+
-
background: #c60;
+
-
text-decoration: underline;
+
-
border-radius: 5px;
+
-
}
+
-
 
+
-
#navigation > li.sub:hover ul {
+
-
top: 2em;
+
-
}
+
-
 
+
-
</style>
+
-
</head>
+
-
</html>
+
-
 
+
-
<html>
+
-
<head>
+
-
<style>
+
-
                body {  
+
font-family: Helvetica, Arial, sans-serif;
font-family: Helvetica, Arial, sans-serif;
Line 291: Line 342:
<l1>Become our sponsor!</h1>
<l1>Become our sponsor!</h1>
</div>
</div>
-
<img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="300px" top="-100px"/>
+
<img id="img2" img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="300px"/>
</body>
</body>
</head>
</head>

Revision as of 13:51, 16 August 2012


Become our sponsor!




Our sponsors:

Retrieved from "http://2012.igem.org/Team:Groningen/DesignTest"