Template:Sifuentes02

From 2014.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 43: Line 43:
top: 0;
top: 0;
position: fixed;
position: fixed;
-
width: 975px;
+
width: 100%;  
-
left: 50%;  
+
margin:auto;
-
margin-left: -487px;
+
}
}
Line 59: Line 58:
padding-top: 5px;
padding-top: 5px;
}
}
 +
 +
/* #fullWidthBanner {
 +
margin:auto;
 +
width: 975px;
 +
} */
#leftColumn {
#leftColumn {
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 137: Line 141:
/* 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: Verdana, Geneva, sans-serif
 +
border-bottom:none;
font-weight: bold;
font-weight: bold;
 +
color: #434343;
}
}
/* 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: Verdana, Geneva, 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 163: Line 205:
/*styling for the menu header */
/*styling for the menu header */
.accordion-header {
.accordion-header {
-
background: #d3d3d3;
+
background: #fff;
margin: 5px 0 0 0;
margin: 5px 0 0 0;
padding: 5px 20px;
padding: 5px 20px;
border: 1px solid #cccccc;
border: 1px solid #cccccc;
cursor: pointer;
cursor: pointer;
-
color: #383838;
+
color: #434343;
border-radius: 5px;
border-radius: 5px;
}
}
Line 174: Line 216:
/* switches background color to green */
/* switches background color to green */
.active-header {
.active-header {
-
background: #95cea0;
+
background: #c1dfa6;
}
}
Line 184: Line 226:
/* switches background color to default gray */
/* switches background color to default gray */
.inactive-header {
.inactive-header {
-
background: #d3d3d3;
+
background: #fff;
}
}
Line 200: Line 242:
border-top: 0;
border-top: 0;
border-radius: 5px;
border-radius: 5px;
 +
color: #434343;
 +
font-family: Verdana, Geneva, sans-serif
 +
font-size: 10px;
}
}
Line 206: Line 251:
ul.submenuoptions {
ul.submenuoptions {
                                 list-style: none;
                                 list-style: none;
 +
                                margin: 0px;
 +
                                margin-left: -15px;
 +
                                padding: 0px;
}
}
Line 211: Line 259:
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 312:
});
});
-
  // 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 328:
<!-- menu css -->
<!-- menu css -->
<div id ="contentWrap">  
<div id ="contentWrap">  
 +
 +
 +
 +
<div id="leftColumn">  
<div id="leftColumn">  
<!-- this is where the menu and feature box go -->
<!-- this is where the menu and feature box go -->
-
+
 
 +
 
<div id="featureBoxLeft">  
<div id="featureBoxLeft">  
-
<h3> Welcome to iGEM 2015 </h3>   
+
<h3>Registrations ends in one week!</h3>   
-
<img src="https://static.igem.org/mediawiki/2014/3/3d/Seeyousoon2015.jpg" width="190px">
+
<a href=""> <img src="https://static.igem.org/mediawiki/2014/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 348:
<div id="menuWrap">  
<div id="menuWrap">  
-
<h3 class="accordion-header">Section 4</h3>  
+
<h3 class="accordion-header">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="">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">Before you start</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="https://2014.igem.org/Sifuentes_contentpage2">General iGEM Guide</a></li>
-
<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">Calendar of Events</a></li>
 +
<li><a href="www.html">Registration</a></li>
 +
<li><a href="www.html">Funding</a></li>
 +
<li><a href="www.html">Fees</a></li>
</ul>
</ul>
</div>  
</div>  
-
<h3 class="accordion-header">Section 2</h3>  
+
<h3 class="accordion-header"> Information</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">Tracks</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">High School</a></li>
-
<li><a href="www.html">LINK</a></li>
+
<li><a href="www.html">Giant Jamboree</a></li>
 +
<li><a href="www.html">Registry at a glance</a></li>
 +
<li><a href="www.html">2015 DNA Distribution</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="www.html">Team 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">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">2015 Teams</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>
 +
<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 16:17, 9 January 2015