Template:Sifuentes02

From 2014.igem.org

(Difference between revisions)
Line 43: Line 43:
top: 0;
top: 0;
position: fixed;
position: fixed;
-
width: 975px;
+
width: 100%;  
-
left: 50%;  
+
margin:auto;
-
margin-left: -487px;
+
}
}
Line 58: Line 57:
margin-right: auto;  
margin-right: auto;  
padding-top: 5px;
padding-top: 5px;
 +
}
 +
 +
#fullWidthBanner {
 +
margin:auto;
 +
width: 975px;
}
}
Line 82: Line 86:
border-radius: 5px;
border-radius: 5px;
}
}
 +
.fullWidthRight {
.fullWidthRight {
background-color: #ffffff;
background-color: #ffffff;
padding: 5px 10px 10px 10px;
padding: 5px 10px 10px 10px;
-
border-radius: 5px;
 
margin-bottom: 5px;
margin-bottom: 5px;
}
}
 +
.smallBlockRight{
.smallBlockRight{
margin-bottom: 5px;
margin-bottom: 5px;
padding: 5px 20px 10px 20px;
padding: 5px 20px 10px 20px;
-
width : 205px;
+
width : 200px;
float: left;
float: left;
}
}
Line 112: Line 117:
padding: 7px 0px 10px 15px;
padding: 7px 0px 10px 15px;
}
}
-
 
.clear {
.clear {
Line 139: Line 143:
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
font-weight: bold;
font-weight: bold;
 +
color: #434343;
}
}
Line 144: Line 149:
p {
p {
font-family: "Arial", Helvetica, sans-serif;  
font-family: "Arial", Helvetica, sans-serif;  
-
font-size: 14px;
+
font-size: 13px;
}
}
-
/*styling for the links on the content side*/
+
/*styling for the links*/
-
#rightColumn a {
+
#rightColumn a, #featureBoxLeft a {
color:#3aa76c;
color:#3aa76c;
font-weight: bold;
font-weight: bold;
text-decoration: none;
text-decoration: none;
 +
opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
}
 +
 +
#rightColumn a:hover, #featureBoxLeft a:hover {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=40); /* For IE8 and earlier */
 +
}
 +
 +
#featureBoxLeft img {
 +
margin:auto;
 +
text-align: center;
 +
display: block;
 +
opacity: 1.0;
 +
filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 +
#featureBoxLeft img:hover {
 +
opacity: 0.4;
 +
filter: alpha(opacity=40); /* For IE8 and earlier */
 +
}
 +
 +
 +
.smallBlockRight img {
 +
width:200px;
 +
height: 116px;
 +
padding-bottom: 5px;
 +
opacity: 1.0;
 +
filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 +
 +
.smallBlockRight img:hover {
 +
opacity: 0.4;
 +
filter: alpha(opacity=40); /* For IE8 and earlier */
 +
}
 +
Line 168: Line 209:
border: 1px solid #cccccc;
border: 1px solid #cccccc;
cursor: pointer;
cursor: pointer;
-
color: #383838;
+
color: #434343;
border-radius: 5px;
border-radius: 5px;
}
}
Line 200: Line 241:
border-top: 0;
border-top: 0;
border-radius: 5px;
border-radius: 5px;
 +
color: #434343;
}
}
Line 206: Line 248:
ul.submenuoptions {
ul.submenuoptions {
                                 list-style: none;
                                 list-style: none;
 +
                                margin: 0px;
 +
                                margin-left: -15px;
 +
                                padding: 0px;
}
}
Line 211: Line 256:
ul.submenuoptions li a{
ul.submenuoptions li a{
color: #383838;
color: #383838;
-
font-size: 14px;
+
font-size: 12px;
font-weight: bold;
font-weight: bold;
padding-left: 15px;
padding-left: 15px;
Line 264: Line 309:
});
});
-
  // this makes any area of the button clickable
+
$(".button").click(function(){
-
$(".button").click(function() {
+
    if($(this).find("a").length){
-
  window.location = $(this).find("a").attr("href");  
+
        window.location.href = $(this).find("a:first").attr("href");
-
  return false;
+
    }
-
  });
+
});
</script>
</script>
Line 280: Line 325:
<!-- menu css -->
<!-- menu css -->
<div id ="contentWrap">  
<div id ="contentWrap">  
 +
<div id="fullwidthBanner">
 +
<img src="http://2014.igem.org/wiki/images/b/b2/Demobannerimage.jpg">
 +
</div>
 +
 +
<div class="clear"></div>
<div id="leftColumn">  
<div id="leftColumn">  
<!-- this is where the menu and feature box go -->
<!-- this is where the menu and feature box go -->
Line 285: Line 335:
<div id="featureBoxLeft">  
<div id="featureBoxLeft">  
-
<h3> Welcome to iGEM 2015 </h3>   
+
<h3>Registrations ends in one week!</h3>   
-
<img src="http://2014.igem.org/wiki/images/3/3d/Seeyousoon2015.jpg" width="190px">
+
<a href=""> <img src="http://2014.igem.org/wiki/images/4/4c/Featureboxdemo.jpg" height="180px"> </a>
-
<p> More information will be posted soon </p>
+
<p>Registration ends March 31st. More information: <a href="">Registration </a></p>
</div>
</div>
Line 295: Line 345:
<div id="menuWrap">  
<div id="menuWrap">  
-
<h3 class="accordion-header">Section 4</h3>  
+
<h3 class="accordion-header">About iGEM</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="http://2014.igem.org/User:Sifuentes_anita">What is iGEM?</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">Previous Competitions</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">iGEM Headquarters</a></li>
 +
<li><a href="www.html">Press Kit</a></li>
 +
<li><a href="www.html">Join our Newsletter</a></li>
 +
<li><a href="www.html">Sponsor iGEM</a></li>
</ul>
</ul>
</div>  
</div>  
-
<h3 class="accordion-header">Section 3</h3>  
+
<h3 class="accordion-header">Starting a Team</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">General Requirements</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">Funding</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">General iGEM Guide</a></li>
</ul>
</ul>
</div>  
</div>  
-
<h3 class="accordion-header">Section 2</h3>  
+
<h3 class="accordion-header">Calendar</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">Calendar of Events</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">Key Deadlines</a></li>
-
<li><a href="www.html">LINK</a></li>
+
</ul>
</ul>
</div>  
</div>  
-
<h3 class="accordion-header">Section 1</h3>  
+
<h3 class="accordion-header">Requirements</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="">General Requirements</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">Wiki how-to</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">Poster Guidelines</a></li>
 +
<li><a href="www.html">Presentation Guidelines</a></li>
 +
<li><a href="www.html">Two Page Summary</a></li>
 +
<li><a href="www.html">Safety Requirements</a></li>
</ul>
</ul>
</div>  
</div>  
 +
<h3 class="accordion-header">Tracks</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">New Tracks</a></li>
 +
<li><a href="www.html">High School</a></li>
 +
<li><a href="www.html">Complete List</a></li>
 +
</ul>
 +
</div>
 +
 +
<h3 class="accordion-header">Registration</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">Fees</a></li>
 +
<li><a href="www.html">How to register</a></li>
 +
</ul>
 +
</div>
 +
 +
<h3 class="accordion-header">Parts</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">Registry at a glance</a></li>
 +
<li><a href="www.html">2015 DNA distribution</a></li>
 +
</ul>
 +
</div>
 +
<h3 class="accordion-header">Giant Jamboree</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">General Information</a></li>
 +
<li><a href="www.html">Event Website</a></li>
 +
</ul>
 +
</div>
 +
 +
 +
<h3 class="accordion-header">Safety</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">Introduction</a></li>
 +
<li><a href="www.html">Risk Groups</a></li>
 +
<li><a href="www.html">Biosafety Levels</a></li>
 +
<li><a href="www.html">Safety Committee</a></li>
 +
<li><a href="www.html">Deadlines</a></li>
 +
<li><a href="www.html">Help</a></li>
 +
</ul>
 +
</div>
 +
 +
 +
<h3 class="accordion-header">Judging</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">Introduction</a></li>
 +
<li><a href="www.html">Medals and Awards</a></li>
 +
<li><a href="www.html">Deadlines</a></li>
 +
<li><a href="www.html">Judging Handbook</a></li>
 +
</ul>
 +
</div>
 +
 +
<h3 class="accordion-header">Community</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">Meetups</a></li>
 +
<li><a href="www.html">Community page</a></li>
 +
</ul>
 +
</div>
 +
 +
<h3 class="accordion-header">Submission Forms</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">Judging Form</a></li>
 +
<li><a href="www.html">Safety Form</a></li>
 +
<li><a href="www.html">About our Lab</a></li>
 +
</ul>
 +
</div>
 +
 +
 +
<h3 class="accordion-header">2015 Teams</h3>
 +
<div class="accordion-content">
 +
<ul class="submenuoptions">
 +
<li><a href="www.html">Wikis</a></li>
 +
<li><a href="www.html">List</a></li>
 +
<li><a href="www.html">Parts</a></li>
 +
<li><a href="www.html">Tracks</a></li>
 +
</ul>
 +
</div>
</div> <!-- this closes the menu div -->
</div> <!-- this closes the menu div -->

Revision as of 22:21, 8 January 2015