Template:Sifuentes03

From 2014.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 62: Line 62:
margin:auto;
margin:auto;
width: 975px;
width: 975px;
 +
z-index:100;
}
}
#leftColumn {
#leftColumn {
-
background-color: #f9f9f9;  
+
background-color: #d3d3d3;  
width: 215px;
width: 215px;
height: 100%;
height: 100%;
float: left;
float: left;
padding: 15px 5px 5px 5px;
padding: 15px 5px 5px 5px;
 +
border-radius: 5px;
 +
margin-top: 10px;
}
}
Line 83: Line 86:
background-color: #ffffff;
background-color: #ffffff;
padding: 5px 10px 10px 10px;
padding: 5px 10px 10px 10px;
 +
margin: 0px 10px 20px 10px;
border: 1px solid #cccccc;
border: 1px solid #cccccc;
border-radius: 5px;
border-radius: 5px;
Line 103: Line 107:
.newsItem {
.newsItem {
-
background-color: #f9f9f9;
+
background-color: #fff;
padding: 5px 20px 5px 20px;
padding: 5px 20px 5px 20px;
border: 1px solid #cccccc;
border: 1px solid #cccccc;
Line 141: Line 145:
/* Titles are switched to Arial Black with no line decoration */
/* Titles are switched to Arial Black with no line decoration */
h1, h2, h3, h4, h5 {  
h1, h2, h3, h4, h5 {  
-
font-family: "Arial", Gadget, sans-serif; border-bottom:none;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;  
 +
border-bottom:none;
font-weight: bold;
font-weight: bold;
color: #434343;
color: #434343;
Line 148: Line 153:
/* Establish font size and family for all text */
/* Establish font size and family for all text */
p {
p {
-
font-family: "Arial", Helvetica, sans-serif;  
+
font-family: "Trebuchet MS", Helvetica, sans-serif;  
-
font-size: 13px;
+
font-size: 12px;
}
}
Line 162: Line 167:
#rightColumn a:hover, #featureBoxLeft a:hover {
#rightColumn a:hover, #featureBoxLeft a:hover {
-
    opacity: 0.4;
+
opacity: 0.4;
-
    filter: alpha(opacity=40); /* For IE8 and earlier */
+
filter: alpha(opacity=40); /* For IE8 and earlier */
}
}
Line 198: Line 203:
/* menu styling */
/* menu styling */
#menuWrap {
#menuWrap {
-
background: #f9f9f9;
+
background: #d3d3d3;
padding: 5px 10px 10px 10px;
padding: 5px 10px 10px 10px;
-moz-box-shadow: 0 5px 15px #cccccc;
-moz-box-shadow: 0 5px 15px #cccccc;
-
-webkit-box-shadow: 0 5px 15px #cccccc;
+
-webkit-box-shadow: 0 5px 15px #cccccc;
-
+
}
}
/*styling for the menu header */
/*styling for the menu header */
.accordion-header {
.accordion-header {
-
background: #d3d3d3;
+
background: #f2f2f2
margin: 5px 0 0 0;
margin: 5px 0 0 0;
padding: 5px 20px;
padding: 5px 20px;
Line 230: Line 234:
/* switches background color to default gray */
/* switches background color to default gray */
.inactive-header {
.inactive-header {
-
background: #d3d3d3;
+
background: #f2f2f2;
}
}
Line 241: Line 245:
.accordion-content {
.accordion-content {
display: none;
display: none;
-
padding: 0px 20px 10px 20px;
+
padding: 10px 20px 10px 20px;
 +
margin-bottom: 10px;
background: #ffffff;
background: #ffffff;
border: 1px solid #cccccc;
border: 1px solid #cccccc;
Line 249: Line 254:
-moz-box-shadow: 0 5px 15px #cccccc;
-moz-box-shadow: 0 5px 15px #cccccc;
-webkit-box-shadow: 0 5px 15px #cccccc;
-webkit-box-shadow: 0 5px 15px #cccccc;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
}
Line 321: Line 327:
     }
     }
});
});
 +
 +
 +
 +
 +
 +
</script>
</script>
Line 333: Line 345:
<div id ="contentWrap">  
<div id ="contentWrap">  
<div id="fullwidthBanner">
<div id="fullwidthBanner">
-
<img src="http://2014.igem.org/wiki/images/b/b2/Demobannerimage.jpg">
+
<img src="http://2014.igem.org/wiki/images/c/cb/Demobannerimage2.jpg" width="970px">
</div>
</div>
Line 343: Line 355:
<div id="featureBoxLeft">  
<div id="featureBoxLeft">  
<h3>Registrations ends in one week!</h3>   
<h3>Registrations ends in one week!</h3>   
-
<a href=""> <img src="http://2014.igem.org/wiki/images/4/4c/Featureboxdemo.jpg" height="180px"> </a>
+
<a href=""> <img src="http://2014.igem.org/wiki/images/4/4c/Featureboxdemo.jpg" height="180px" > </a>
<p>Registration ends March 31st. More information: <a href="">Registration </a></p>
<p>Registration ends March 31st. More information: <a href="">Registration </a></p>
</div>
</div>
Line 352: Line 364:
<div id="menuWrap">  
<div id="menuWrap">  
-
<h3 class="accordion-header">About iGEM</h3>  
+
<h3 class="accordion-header">iGEM</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="http://2014.igem.org/User:Sifuentes_anita">What is iGEM?</a></li>
+
<li><a href="http://2014.igem.org/sifuentes_anita3">What is iGEM?</a></li>
<li><a href="www.html">Previous Competitions</a></li>
<li><a href="www.html">Previous Competitions</a></li>
<li><a href="www.html">iGEM Headquarters</a></li>
<li><a href="www.html">iGEM Headquarters</a></li>
Line 367: Line 379:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
 +
<li><a href="http://2014.igem.org/Sifuentes_contentpage3">General iGEM Guide</a></li>
<li><a href="www.html">General Requirements</a></li>
<li><a href="www.html">General Requirements</a></li>
-
<li><a href="www.html">Funding</a></li>
 
-
<li><a href="http://2014.igem.org/Sifuentes_contentpage1">General iGEM Guide</a></li>
 
-
</ul>
 
-
</div>
 
-
 
-
<h3 class="accordion-header">Calendar</h3>
 
-
<div class="accordion-content">
 
-
<ul class="submenuoptions">
 
<li><a href="www.html">Calendar of Events</a></li>
<li><a href="www.html">Calendar of Events</a></li>
-
<li><a href="www.html">Key Deadlines</a></li>
 
-
</ul>
 
-
</div>
 
-
 
-
<h3 class="accordion-header">Requirements</h3>
 
-
<div class="accordion-content">
 
-
<ul class="submenuoptions">
 
-
<li><a href="">General Requirements</a></li>
 
-
<li><a href="www.html">Wiki how-to</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>  
+
<h3 class="accordion-header">Registration</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
 +
<li><a href="www.html">How to register</a></li>
 +
<li><a href="www.html">Fees</a></li>
 +
<li><a href="www.html">Funding</a></li>
 +
<li><a href="www.html">Tracks</a></li>
<li><a href="www.html">New Tracks</a></li>
<li><a href="www.html">New Tracks</a></li>
<li><a href="www.html">High School</a></li>
<li><a href="www.html">High School</a></li>
-
<li><a href="www.html">Complete List</a></li>
 
</ul>
</ul>
</div>  
</div>  
-
 
+
-
<h3 class="accordion-header">Registration</h3>  
+
<h3 class="accordion-header">Summer Work</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Fees</a></li>
+
<li><a href="www.html">Registry at a glance</a></li>
-
<li><a href="www.html">How to register</a></li>
+
<li><a href="www.html">2015 DNA distribution</a></li>
 +
 
</ul>
</ul>
-
</div>  
+
</div>
-
<h3 class="accordion-header">Parts</h3>  
+
 
 +
<h3 class="accordion-header">2015 Teams</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Registry at a glance</a></li>
+
<li><a href="www.html">Wikis</a></li>
-
<li><a href="www.html">2015 DNA distribution</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>
 +
<li><a href="www.html">Meetups</a></li>
 +
<li><a href="www.html">Community page</a></li>
</ul>
</ul>
</div>
</div>
-
<h3 class="accordion-header">Giant Jamboree</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">General Information</a></li>
+
<li><a href="">General Requirements</a></li>
-
<li><a href="www.html">Event Website</a></li>
+
<li><a href="www.html">Wiki how-to</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">Safety</h3>  
<h3 class="accordion-header">Safety</h3>  
Line 435: Line 441:
<li><a href="www.html">Deadlines</a></li>
<li><a href="www.html">Deadlines</a></li>
<li><a href="www.html">Help</a></li>
<li><a href="www.html">Help</a></li>
 +
<li><a href="www.html">About our Lab</a></li>
 +
<li><a href="www.html">Safety Form</a></li>
</ul>
</ul>
</div>
</div>
Line 446: Line 454:
<li><a href="www.html">Deadlines</a></li>
<li><a href="www.html">Deadlines</a></li>
<li><a href="www.html">Judging Handbook</a></li>
<li><a href="www.html">Judging Handbook</a></li>
 +
<li><a href="www.html">Judging Form</a></li>
</ul>
</ul>
</div>
</div>
-
<h3 class="accordion-header">Community</h3>  
+
<h3 class="accordion-header">Giant Jamboree</h3>  
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">Meetups</a></li>
+
<li><a href="www.html">General Information</a></li>
-
<li><a href="www.html">Community page</a></li>
+
<li><a href="www.html">Event Website</a></li>
</ul>
</ul>
</div>
</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 -->

Latest revision as of 18:36, 12 January 2015