Template:HeaderGroningen2012

From 2012.igem.org

(Difference between revisions)
 
(70 intermediate revisions not shown)
Line 5: Line 5:
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></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="js/lightbox.js"></script>
-
        <script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
+
    <script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
-
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
+
<head>
<head>
 +
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
<style>
<style>
div.cogbig{
div.cogbig{
Line 58: Line 58:
#navigation > li > a:hover {
#navigation > li > a:hover {
color: Black;
color: Black;
-
text-decoration: underline;
+
Line 71: Line 71:
padding: 0.0em 0;
padding: 0.0em 0;
list-style: none;
list-style: none;
-
 
position: absolute;
position: absolute;
top: -800em;
top: -800em;
-
+
text-align:center;
-
text-align:center;
+
padding-left:13px;                                           
-
 
+
background-color: rgba(0,0,0,0.5);
-
padding-left:13px;                                           
+
-
background-color: transparent;
+
-
background-color: rgba(0,0,0,0.5);
+
}
}
#navigation > li.sub ul li {
#navigation > li.sub ul li {
width: 90%;
width: 90%;
-
background-color: transparent;
+
background-color: rgba(0,0,0,0.9);
-
background-color: rgba(0,0,0,0.9);
+
}
}
#navigation > li.sub ul li a {
#navigation > li.sub ul li a {
height: 100%;
height: 100%;
-
 
display: block;
display: block;
padding: 0.0em;
padding: 0.0em;
-
 
color: #fff;
color: #fff;
text-decoration: none;
text-decoration: none;
}
}
#navigation > li.sub ul li a:hover {
#navigation > li.sub ul li a:hover {
-
                        color: rgb(255,103,0);
+
color: rgb(255,103,0);
-
                        font-weight: 700;
+
font-weight: 700;
}
}
#navigation > li.sub:hover ul {
#navigation > li.sub:hover ul {
top: 100px;
top: 100px;
-
left:-35px;
+
left:-35px;
}
}
Line 112: Line 105:
margin-top: 0px;
margin-top: 0px;
z-index:1;
z-index:1;
-
                                font-weight: 300;  
+
font-weight: 300;  
}
}
.expand-down * {
.expand-down * {
Line 130: Line 123:
text-decoration:none;
text-decoration:none;
z-index:1;
z-index:1;
-
 
}
}
.expand-down ul li a img {
.expand-down ul li a img {
Line 137: Line 129:
border:none;
border:none;
z-index:1;
z-index:1;
-
 
}
}
.expand-down ul li a span {
.expand-down ul li a span {
//span bar under picture text
//span bar under picture text
z-index:1;
z-index:1;
-
 
+
text-align:center;
-
text-align:center;
+
font-size:14px;
-
font-size:14px;
+
-
 
+
display: block;
display: block;
padding: 0.0em;
padding: 0.0em;
color: #fff;
color: #fff;
-
                       
 
-
 
-
 
}
}
.expand-down ul li:hover a span {
.expand-down ul li:hover a span {
display:block;
display:block;
-
font-size:14px;
+
font-size:14px;
-
+
z-index:1;
z-index:1;
-
color: rgb(255,103,0);
+
color: rgb(255,103,0);
-
                        font-weight: 700;
+
font-weight: 700;
-
                        background-color: black;
+
background-color: rgba(0,0,0,0.5);
-
                     
+
-
background-color: transparent;
+
-
  background-color: rgba(0,0,0,0.5);
+
}
}
.expand-down ul li:hover a img {
.expand-down ul li:hover a img {
Line 169: Line 151:
height:82px;
height:82px;
z-index:1;
z-index:1;
-
 
}
}
.expand-down ul li:hover + li a img {
.expand-down ul li:hover + li a img {
Line 175: Line 156:
height:82px;
height:82px;
z-index:1;
z-index:1;
-
 
}
}
.expand-down ul li:hover + li + li a img {
.expand-down ul li:hover + li + li a img {
Line 184: Line 164:
/*Body*/
/*Body*/
-
body
+
body{
-
{
+
background-attachment:fixed;
background-attachment:fixed;
-
background-color:rgb(118,28,17);
+
background-color:rgb(118,28,17);
-
+
text-align: justify;
text-align: justify;
border: none;
border: none;
}
}
-
#content  
+
#content{
-
{
+
position: relative;
position: relative;
top:-5px;
top:-5px;
Line 201: Line 178:
border: none;
border: none;
}
}
-
#bodyContent
+
#bodyContent{
-
{
+
width: 1024px;
width: 1024px;
position: relative;
position: relative;
Line 214: Line 190:
a[title="Main Page"]{display: none;}
a[title="Main Page"]{display: none;}
.firstHeading{display: none;}
.firstHeading{display: none;}
-
#menubar{display: block;}
+
.noprint{display: none;}
-
#search-controls{display: block;}
+
#menubar{
 +
display: block;
 +
background-color:transparent;
 +
}
 +
#search-controls{display: none;}
#contentSub{display: none;}
#contentSub{display: none;}
#catlinks{display: none;}
#catlinks{display: none;}
#footer-box{display: none;}
#footer-box{display: none;}
-
                        #top-section{display: block;}
+
#p-logo{display: block;}
-
#p-logo{display: block;}
+
#top-section {
-
#top-section {
+
display: block;
-
    position: relative;
+
position: relative;
-
    height: 98px;
+
height: 98px;
-
    width: 975px;
+
width: 975px;
-
    margin: 0px auto;
+
margin: -20px auto;
-
    border-left: 1px solid rgb(118,28,17);
+
border-left: 1px solid rgb(118,28,17);
-
    border-right: 1px solid rgb(118,28,17);
+
border-right: 1px solid rgb(118,28,17);
-
    border-bottom: 1px solid rgb(118,28,17);
+
border-bottom: 1px solid rgb(118,28,17);
-
 
+
}
-
}
+
</style>
</style>
</head>
</head>
Line 289: Line 268:
<span>team</span>
<span>team</span>
<ul>
<ul>
-
<li><a href="https://2012.igem.org/Team:Groningen/AboutUs">about us</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/Team">about us</a></li>
-
<li><a href="https://igem.org/Team.cgi?id=818">official team profile</a></li>
+
<li><a href="https://igem.org/Team.cgi?id=818" TARGET="_blank">official profile</a></li>
 +
                                                        <li><a href="https://2012.igem.org/Team:Groningen/Gallery">gallery</a></li>
                                                          
                                                          
                                                         <li><a href="https://2012.igem.org/Team:Groningen/Attributions">attributions</a></li>
                                                         <li><a href="https://2012.igem.org/Team:Groningen/Attributions">attributions</a></li>
 +
                                                        <li><a href="https://2012.igem.org/Team:Groningen/acknowledgements">acknowledgements</a></li>
                                                         <li><a href="https://2012.igem.org/Team:Groningen/Contact">contact</a></li>
                                                         <li><a href="https://2012.igem.org/Team:Groningen/Contact">contact</a></li>
Line 306: Line 287:
<span>project</span>
<span>project</span>
<ul>
<ul>
-
<li><a href="https://2012.igem.org/Team:Groningen/description">abstract</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/Project">abstract</a></li>                            <li><a href="https://2012.igem.org/Team:Groningen/Data_page">data page</a></li>
-
<li><a href="https://2012.igem.org/Team:Groningen/Wetwork">wetwork</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/Sticker">sticker</a></li>
-
                                                        <li><a href="https://2012.igem.org/Team:Groningen/Notebook">notebook</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/volatiles">volatiles</a></li>
-
<li><a href="https://2012.igem.org/Team:Groningen/Modeling">modeling</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/Sensor">sensor</a></li>
-
+
<li><a href="https://2012.igem.org/Team:Groningen/pigmentproduction">pigment</a></li>
 +
<li><a href="https://2012.igem.org/Team:Groningen/Construct">construct</a></li>
 +
<li><a href="https://2012.igem.org/Team:Groningen/Kill_Switch">kill switch</a></li>
 +
<li><a href="https://2012.igem.org/Team:Groningen/Modeling">modeling</a></li>
 +
<li><a href="https://2012.igem.org/Team:Groningen/Notebook">notebook</a></li>
</ul>     
</ul>     
Line 319: Line 304:
<img id="cogbigparts" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
<img id="cogbigparts" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
</div>
</div>
-
<a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" >
+
<a href="https://2012.igem.org/Team:Groningen/OurBiobrick" title="Parts" rel="nofollow" >
<img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
<img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
<span>parts</span>
<span>parts</span>
                                                 <ul>
                                                 <ul>
-
<li><a href="https://2012.igem.org/Team:Groningen/OurBiobrick">biobricks</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/OurBiobrick">our biobricks</a></li>
-
                                                         <li><a href="https://2012.igem.org/Team:Groningen/parts_fail">failed bricks</a></li>
+
                                                         <li><a href="https://2012.igem.org/Team:Groningen/parts_fail">improvements</a></li>
 +
                                                        <li><a href="https://2012.igem.org/Team:Groningen/in_development">in development</a></li>
</ul>   
</ul>   
</a>
</a>
Line 336: Line 322:
<span>safety</span>
<span>safety</span>
                                                 <ul>
                                                 <ul>
-
<li><a href="https://2012.igem.org/Team:Groningen/10com">in the lab</a></li>
+
 +
<li><a href="https://2012.igem.org/Team:Groningen/Safety">general safety</a></li>
 +
<li><a href="https://2012.igem.org/Team:Groningen/10com">in the lab</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/publicsafety">public safety</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/publicsafety">public safety</a></li>
-
<li><a href="https://2012.igem.org/Team:Groningen/environment">in the environment</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/environment">environment</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/foodsafety">food safety</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/foodsafety">food safety</a></li>
</ul>  
</ul>  
Line 347: Line 335:
<img id="cogbigpr" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
<img id="cogbigpr" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
</div>
</div>
-
<a href="https://2012.igem.org/Team:Groningen/PublicRelations" title="Public Relation" rel="nofollow" >
+
<a href="https://2012.igem.org/Team:Groningen/overview" title="Public Relation" rel="nofollow" >
<img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
<img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
-
<span>human<br>resources</span>
+
<span>human<br>practice</span>
                                                 <ul>
                                                 <ul>
-
+
<li><a href="https://2012.igem.org/Team:Groningen/overview">overview</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/summer_school">summerschool</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/summer_school">summerschool</a></li>
-
<li><a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">stop the food waste</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">stop food waste</a></li>
 +
<li><a href="https://2012.igem.org/Team:Groningen/market_research">market research</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/Festivals">festivals</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/Festivals">festivals</a></li>
-
<li><a href="https://2012.igem.org/Team:Groningen/symposia">symposia</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/symposia">presentations</a></li>
-
<li><a href="https://2012.igem.org/Team:Groningen/international_cooperation">cooperation</a></li>
+
<li><a href="https://2012.igem.org/Team:Groningen/international_cooperation">collaboration</a></li>
 +
<li><a href="https://2012.igem.org/Team:Groningen/Media_coverage">media coverage</a></li>
</ul>  
</ul>  
</a>
</a>
Line 369: Line 359:
<ul>
<ul>
<li><a href="https://2012.igem.org/Team:Groningen/our_sponsors">our sponsors</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/our_sponsors">our sponsors</a></li>
-
<li><a href="https://2012.igem.org/Team:Groningen/become_a_sponsor">become a sponsor</a></li>
 
-
<li><a href="http://www.indiegogo.com/FoodWarden">indiegogo crowdfunding </a></li>
 
<li><a href="https://2012.igem.org/Team:Groningen/sponsor_levels">sponsorship levels</a></li>
<li><a href="https://2012.igem.org/Team:Groningen/sponsor_levels">sponsorship levels</a></li>
</ul>  
</ul>  
Line 430: Line 418:
if (target=="#cogbigsponsors")
if (target=="#cogbigsponsors")
   {
   {
-
$("#img1").rotate(-cogangle);
+
$("#img1").rotate(cogangle);
$("#cogbighome").rotate(cogangle);
$("#cogbighome").rotate(cogangle);
$("#cogbigteam").rotate(cogangle);
$("#cogbigteam").rotate(cogangle);
Line 480: Line 468:
position:absolute;
position:absolute;
z-index:0;
z-index:0;
-
left:-50px;
+
left:0px;
-
top:60px;
+
top:80px;
margin-bottom: 20px;
margin-bottom: 20px;
-
}              
+
}  
 +
#img3{
 +
position:absolute;
 +
z-index:0;
 +
left:800px;
 +
top:130px;
 +
margin-bottom: 20px;
 +
}             
-
body {
+
</style>
-
font-family: Helvetica, Arial, sans-serif;
+
<img id="img2" img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="220px"/><a href="https://2012.igem.org/Main_Page">
 +
<img id="img3" img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="100px"/></a>
-
                }
 
-
l1 {
 
-
font-size:21pt;
 
-
line-height:21pt;
 
-
color:white;
 
-
}
 
-
l2 {
 
-
font-size:14pt;
 
-
line-height:14pt;
 
-
                        color:white;
 
-
 
-
}
 
-
                .ctb {
 
-
                        width: 520px;
 
-
text-align: center;
 
-
                        background: #000;
 
-
 
-
background-color: transparent;
 
-
  background-color: rgba(0,0,0,0.3);
 
-
                        padding: 10px ;
 
-
                        margin: 30px auto;
 
-
                     
 
-
                        color: #FFF;
 
-
 
-
                }
 
-
                .ctc {
 
-
                        width: 580px;
 
-
text-align: center;
 
-
                        background: #000;
 
-
 
-
padding-right:10px;
 
-
padding-left:10px;
 
-
                        margin: 50px auto;
 
-
background-color: transparent;
 
-
  background-color: rgba(0,0,0,0.3);
 
-
 
-
                        color: #FFF;
 
-
 
-
                }
 
-
</style>
 
-
 
-
<body>
 
-
<div class="ctc">
 
-
<div class="ctb">
 
-
<l1 >Become our sponsor!</l1><br>
 
-
<l2>support us <FONT COLOR=#ff6700>directly</FONT> or at <A HREF="http://www.indiegogo.com/FoodWarden" TARGET="_blank"><FONT COLOR=#ff6700>www.indiegogo.com/FoodWarden</FONT></A></l2>
 
-
</div>
 
-
</div>
 
-
<img id="img2" img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="300px"/>
 
-
</body>
 
</head>
</head>
</html>
</html>

Latest revision as of 16:59, 31 January 2013




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