Template:HeaderGroningen2012

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="70%" align="center"
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
!align="center"|[[Team:Groningen|Home]]
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
!align="center"|[[Team:Groningen/Team|Team]]
-
<script type="text/javascript" src="js/prototype.js"></script>
+
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Groningen Official Team Profile]
-
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
+
!align="center"|[[Team:Groningen/PublicRelations|Public Relations]]
-
<script type="text/javascript" src="js/lightbox.js"></script>
+
!align="center"|[[Team:Groningen/Project|Project]]
-
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
+
!align="center"|[[Team:Groningen/Wetwork|Wetwork]]
-
 
+
!align="center"|[[Team:Groningen/Modeling|Modeling]]
-
<head>
+
!align="center"|[[Team:Groningen/Notebook|Notebook]]
-
<style>
+
!align="center"|[[Team:Groningen/Parts|Parts Submitted to the Registry]]
-
div.cogbig{
+
!align="center"|[[Team:Groningen/Safety|Safety]]
-
position:absolute;
+
!align="center"|[[Team:Groningen/Attributions|Attributions]]
-
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;
+
-
}
+
-
 
+
-
#expand
+
-
.expand-down
+
-
{
+
-
font-family: Arial,Helvetica,sans-serif;
+
-
line-height: normal;
+
-
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;
+
-
}
+
-
 
+
-
/*Body*/
+
-
body
+
-
{
+
-
background-attachment:fixed;
+
-
background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png);
+
-
text-align: justify;
+
-
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;
+
-
}
+
-
 
+
-
 
+
-
/*Suppress iGEM defaults*/
+
-
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>
-
<head>
+
<script type="text/javascript">
-
<style>
+
-
#img2{
+
-
position:absolute;
+
-
z-index:1;
+
-
left:0px;
+
-
top:100px;
+
-
}             
+
-
 
+
-
body {
+
-
font-family: Helvetica, Arial, sans-serif;
+
-
 
+
-
                }
+
-
l1 {
+
-
font-size:1.8em;
+
-
color:white;
+
-
 
+
-
padding-left: 55px;
+
-
background-size:25% auto;
+
-
min-height: 50px;
+
-
 
+
-
}
+
-
                .ctb {
+
-
                        width: 400px;
+
-
top:-100px;
+
-
                        background: #000;
+
-
                        border-radius: 10px;
+
-
                        padding: 10px;
+
-
                        margin: 100px auto;
+
-
box-shadow: 0 0 100px #222;
+
-
                        opacity:0.7;
+
-
                        filter:alpha(opacity=70);
+
-
                        color: #FFF;
+
-
 
+
-
                }
+
-
div.img
+
-
  {
+
-
  margin:2px;
+
-
  border:2px solid #000000;
+
-
  height:auto;
+
-
  width:auto;
+
-
  float:center;
+
-
 
+
-
  text-align:center;
+
-
  }
+
-
</style>
+
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-34029773-1']);
 +
  _gaq.push(['_trackPageview']);
-
<body>
+
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
-
<div class="ctb">
+
</script>
-
<l1>Become our sponsor!</h1>
+
-
</div>
+
-
<img id="img2" img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="300px"/>
+
-
</body>
+
-
</head>
+
</html>
</html>

Revision as of 14:10, 16 August 2012

Home Team Official Team Profile Public Relations Project Wetwork Modeling Notebook Parts Submitted to the Registry Safety Attributions

Retrieved from "http://2012.igem.org/Template:HeaderGroningen2012"