Team:Alberta/Templates/Header

From 2012.igem.org

(Difference between revisions)
 
(295 intermediate revisions not shown)
Line 7: Line 7:
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     display:none;}
     display:none;}
 +
#top-section {
#top-section {
-
     border: none;
+
     width: 965px;
-
     height: 0px;}
+
     height: 0;
-
#content {
+
    margin: 0 auto;
 +
    padding: 0;
     border: none;}
     border: none;}
 +
 +
#content {
 +
    border: none;
 +
position: absolute;
 +
overflow: hidden;
 +
display: block;
 +
left: -10px;
 +
width: 900px;
 +
}
 +
 +
#menubar {
 +
    font-size: 100%;
 +
    top: 0px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: white;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: white;}
      
      
body {
body {
-
     margin: 10px 0 0 0;
+
  background-color: #004a1f;
-
     padding: 0;}
+
padding: 0;
 +
}
 +
 
 +
.mainBannerUnder {
 +
     width: 1920px;
 +
    height: 70px;
 +
   
 +
    position: absolute;
 +
    top: -10px;
 +
     z-layer: 1;
 +
   
 +
    background-color: #004a1f;
 +
}
.mainBanner {
.mainBanner {
     width: 100%;
     width: 100%;
-
     height: 100px;
+
     height: 50px;
-
   
+
 
-
     position: fixed;
+
     position: absolute;
     top: 0px;
     top: 0px;
-
    left: 150px;
+
     z-layer: 2;
-
     z-layer: 99;
+
      
      
     background: -webkit-gradient(linear, 0% 25%, 100% 100%, from(#077e39), to(#004a1f), color-stop(.6,#004a1f));
     background: -webkit-gradient(linear, 0% 25%, 100% 100%, from(#077e39), to(#004a1f), color-stop(.6,#004a1f));
Line 38: Line 74:
.mainBody {
.mainBody {
-
    width: 100%;
+
margin-left: 170px;
-
    padding: 10px;
+
}
-
    margin-left: 150px;
+
 
 +
.headerMenu {
}
}
.subMenu {
.subMenu {
 +
width: 200px;
 +
background: #077e39;
 +
position: absolute;
 +
left: 150px;
 +
top: 0px;
 +
z-index: 2;
     display : none;
     display : none;
}
}
Line 55: Line 98:
      
      
     top:0px;
     top:0px;
-
    left:0px;
 
      
      
     background: #077e39;
     background: #077e39;
-
     position: fixed;
+
     position: absolute;
-
    z-layer: 99;
+
}
}
    
    
Line 121: Line 162:
}
}
 +
.roundBox {
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
background-color: #E5DDDD;
 +
padding: 5px;
 +
}
 +
 +
.roundBoxInner {
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
background-color: #FFF;
 +
padding: 7px;
 +
}
 +
 +
.underline
 +
{
 +
border-bottom:solid;
 +
border-width:1px;
 +
}
</style>
</style>
Line 132: Line 192:
<!-- Remove all empty <p> tags -->
<!-- Remove all empty <p> tags -->
<script type="text/javascript">
<script type="text/javascript">
 +
 +
$(".mediawiki").removeClass();
 +
     $(document).ready(function() {
     $(document).ready(function() {
         $("p").filter( function() {
         $("p").filter( function() {
Line 139: Line 202:
</script>
</script>
-
<script>
 
-
function showSubMenu(menu) {
 
-
    var show = false;
 
-
    if($(menu).is(':hidden') ) {
 
-
        show = true;
 
-
    }
 
-
 
-
    $(".subMenu").css("display","none");
 
-
    if(show) {
 
-
        $(menu).css("display","block");
 
-
    }
 
-
   
 
-
}
 
-
</script>
 
 +
<table cellpadding="0" cellspacing="0" style="width: 100%;">
 +
<tr>
 +
<td style="width: 150px;">
<div class="sideBar">
<div class="sideBar">
-
<img src="https://static.igem.org/mediawiki/2012/6/67/UofaLogo.png" />
+
<a href="http://www.ualberta.ca/"><img src="https://static.igem.org/mediawiki/2012/6/67/UofaLogo.png" /></a>
-
<ul>
+
<ul id="menu">
-
<li><a href="#"><span>Home</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta"><span>Home</span></a></li>
-
<li onClick="showSubMenu(aboutSub);"><a href="#"><span>Team</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="https://2012.igem.org/Team:Alberta/Team"><span>Team</span></a></li>
-
<div  class="subMenu" id="aboutSub">
 
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Biographies</span></a></li>
 
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>The University</span></a></li>
 
-
</div>
 
-
<li onClick="showSubMenu(contactSub);"><a href="#"><span>Project</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Project"><span>Project</span></a></li>
<div  class="subMenu" id="contactSub">
<div  class="subMenu" id="contactSub">
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Overview</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project"><span>Overview</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Promotor</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/colours"><span>The Colours</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Reporter</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/gradient"><span>Spatial gradients</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Chassis</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/controlelement"><span>Control elements</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Data Page</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/plasmidcontrol"><span>Controling copy number</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Accomplishments</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/integrateddesign"><span>Integrated design</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>The Future</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Project/achievements"><span>Achievements</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>References</span></a></li>
+
</div>
</div>
-
<li onClick="showSubMenu(partsSub);"><a href="#"><span>Parts</span></a></li>
+
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Parts"><span>Parts</span></a></li>
<div  class="subMenu" id="partsSub">
<div  class="subMenu" id="partsSub">
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Parts Submitted</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Parts"><span>Parts Submitted</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Attributions</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Attributions"><span>Attributions</span></a></li>
</div>
</div>
-
<li onClick="showSubMenu(diarySub);"><a href="#"><span>Diary</span></a></li>
 
-
<div  class="subMenu" id="diarySub">
 
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Journal</span></a></li>
 
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Protocols</span></a></li>
 
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Saftey</span></a></li>
 
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Post-Regionals</span></a></li>
 
-
</div>
 
-
<li onClick="showSubMenu(outreachSub);"><a href="#"><span>Outreach</span></a></li>
+
 
 +
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Humanpractices"><span>Human Practice</span></a></li>
<div  class="subMenu" id="outreachSub">
<div  class="subMenu" id="outreachSub">
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Human Pratices</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/socialexperiment"><span>A social experiment</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Confreneces</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Outreach"><span>Outreach</span></a></li>
 +
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/collaborations"><span>Collaborations</span></a></li>
 +
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Safety"><span>Safety</span></a></li>
 +
<li><a style="padding:8px 20px 0 35px;" href="/Team:Alberta/Attributions"><span>Attributions</span></a></li>
</div>
</div>
-
<li onClick="showSubMenu(sponsorsSub);"><a href="#"><span>Sponsors</span></a></li>
+
 
 +
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Safety"><span>Safety</span></a></li>
 +
 
 +
<li class="headerMenu" onMouseOver="showSubMenu(null, this);"><a href="/Team:Alberta/Sponsors"><span>Sponsors</span></a></li>
<div  class="subMenu" id="sponsorsSub">
<div  class="subMenu" id="sponsorsSub">
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Sponsors</span></a></li>
+
<li><a style="padding:8px 20px 0 35px;" href#"><span>About Sponsors</span></a></li>
-
<li><a style="padding:8px 20px 0 35px;" href="#"><span>Acknowldgements</span></a></li>
+
</div>
</div>
</ul>
</ul>
-
<div class="mainBanner">
 
-
<p class="title">
 
-
Team Alberta
 
-
</p>
 
-
<img style="height: 80px; top: 10px; right: 10px;
 
-
position: absolute;" src="https://static.igem.org/mediawiki/2012/9/96/IGEM_white.png" />
 
</div>
</div>
 +
</td>
 +
<td>
 +
 +
<div class="mainBannerUnder">
</div>
</div>
 +
 +
<div class="mainBanner">
 +
<a href="/Team:Alberta"><p class="title">
 +
&nbsp;&nbsp;&nbsp;Team Alberta
 +
</p></a>
 +
<a href="https://2012.igem.org/"><img style="height: 60px; top: -10px; left: 650px;
 +
position: absolute; z-layer: 99;" src="https://static.igem.org/mediawiki/2012/9/96/IGEM_white.png" /></a>
 +
</div>
 +
 +
</td>
 +
</tr>
 +
</table>
 +
 +
<script>
 +
 +
function showSubMenu(menu, parent) {
 +
 +
    var show = false;
 +
    if($(menu).is(':hidden') ) {
 +
        show = true;
 +
    }
 +
 +
    $(".subMenu").css("display","none");
 +
        $(menu).css("display","block");
 +
    $(menu). offset({top: 100 + 30 * $('.headerMenu').index($(parent) )} );
 +
 +
$(menu).mouseleave( function() {
 +
 +
$(".subMenu").css("display","none");
 +
 +
});
 +
   
 +
}
 +
 +
</script>
<div class="mainBody">
<div class="mainBody">
 +
 +
<br/>
 +
<br/>
 +
<br/>

Latest revision as of 17:51, 2 October 2012

   Team Alberta




Retrieved from "http://2012.igem.org/Team:Alberta/Templates/Header"