Template:Sifuentes01
From 2014.igem.org
(Difference between revisions)
(70 intermediate revisions not shown) | |||
Line 43: | Line 43: | ||
top: 0; | top: 0; | ||
position: fixed; | position: fixed; | ||
- | width: | + | width: 100%; |
- | + | margin:auto; | |
- | margin | + | |
} | } | ||
Line 53: | Line 52: | ||
/* General content wrap */ | /* General content wrap */ | ||
#contentWrap { | #contentWrap { | ||
- | width: 975px; | + | width: 975px; |
+ | height: auto; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
- | padding-top: 5px; | + | padding-top: 5px; |
+ | } | ||
+ | |||
+ | #fullWidthBanner { | ||
+ | margin:auto; | ||
+ | width: 975px; | ||
} | } | ||
Line 81: | 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; | ||
- | |||
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 : | + | width : 200px; |
float: left; | float: left; | ||
} | } | ||
Line 111: | Line 117: | ||
padding: 7px 0px 10px 15px; | padding: 7px 0px 10px 15px; | ||
} | } | ||
- | |||
.clear { | .clear { | ||
Line 138: | 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 143: | Line 149: | ||
p { | p { | ||
font-family: "Arial", Helvetica, sans-serif; | font-family: "Arial", Helvetica, sans-serif; | ||
- | font-size: | + | font-size: 13px; |
} | } | ||
- | /*styling for the links | + | /*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 167: | Line 209: | ||
border: 1px solid #cccccc; | border: 1px solid #cccccc; | ||
cursor: pointer; | cursor: pointer; | ||
- | color: # | + | color: #434343; |
border-radius: 5px; | border-radius: 5px; | ||
} | } | ||
Line 199: | Line 241: | ||
border-top: 0; | border-top: 0; | ||
border-radius: 5px; | border-radius: 5px; | ||
+ | color: #434343; | ||
} | } | ||
Line 205: | Line 248: | ||
ul.submenuoptions { | ul.submenuoptions { | ||
list-style: none; | list-style: none; | ||
+ | margin: 0px; | ||
+ | margin-left: -15px; | ||
+ | padding: 0px; | ||
} | } | ||
Line 210: | Line 256: | ||
ul.submenuoptions li a{ | ul.submenuoptions li a{ | ||
color: #383838; | color: #383838; | ||
- | font-size: | + | font-size: 12px; |
font-weight: bold; | font-weight: bold; | ||
padding-left: 15px; | padding-left: 15px; | ||
Line 263: | Line 309: | ||
}); | }); | ||
- | + | $(".button").click(function(){ | |
- | + | if($(this).find("a").length){ | |
- | + | window.location.href = $(this).find("a:first").attr("href"); | |
- | + | } | |
- | + | }); | |
+ | |||
+ | //$this.find("a").trigger("click") | ||
</script> | </script> | ||
Line 279: | Line 327: | ||
<!-- menu css --> | <!-- menu css --> | ||
<div id ="contentWrap"> | <div id ="contentWrap"> | ||
+ | <div id="fullwidthBanner"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/cb/Demobannerimage2.jpg" width="970px"> | ||
+ | </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 284: | Line 337: | ||
<div id="featureBoxLeft"> | <div id="featureBoxLeft"> | ||
- | <h3> | + | <h3>Registrations ends in one week!</h3> |
- | <img src="https://static.igem.org/mediawiki/2014/ | + | <a href=""> <img src="https://static.igem.org/mediawiki/2014/4/4c/Featureboxdemo.jpg" height="180px"> </a> |
- | <p> More information | + | <p>Registration ends March 31st. More information: <a href="">Registration </a></p> |
</div> | </div> | ||
Line 294: | Line 347: | ||
<div id="menuWrap"> | <div id="menuWrap"> | ||
- | <h3 class="accordion-header"> | + | <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"> | + | <li><a href="https://2014.igem.org/User:Sifuentes_anita">What is iGEM?</a></li> |
- | <li><a href="www.html"> | + | <li><a href="www.html">Previous Competitions</a></li> |
- | <li><a href="www.html"> | + | <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"> | + | <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"> | + | <li><a href="www.html">General Requirements</a></li> |
- | <li><a href="www.html"> | + | <li><a href="www.html">Funding</a></li> |
- | <li><a href="www.html"> | + | <li><a href="https://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">Key Deadlines</a></li> | ||
</ul> | </ul> | ||
</div> | </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> | ||
+ | </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 --> | ||
Latest revision as of 18:31, 12 January 2015