Template:Sifuentes01
From 2014.igem.org
(Difference between revisions)
(52 intermediate revisions not shown) | |||
Line 43: | Line 43: | ||
top: 0; | top: 0; | ||
position: fixed; | position: fixed; | ||
- | width: | + | width: 100%; |
- | + | margin:auto; | |
- | margin | + | |
} | } | ||
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; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
Line 98: | Line 98: | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
padding: 5px 20px 10px 20px; | padding: 5px 20px 10px 20px; | ||
- | width : | + | width : 200px; |
float: left; | float: left; | ||
} | } | ||
Line 117: | Line 117: | ||
padding: 7px 0px 10px 15px; | padding: 7px 0px 10px 15px; | ||
} | } | ||
- | |||
.clear { | .clear { | ||
Line 144: | 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 149: | 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 173: | Line 209: | ||
border: 1px solid #cccccc; | border: 1px solid #cccccc; | ||
cursor: pointer; | cursor: pointer; | ||
- | color: # | + | color: #434343; |
border-radius: 5px; | border-radius: 5px; | ||
} | } | ||
Line 205: | Line 241: | ||
border-top: 0; | border-top: 0; | ||
border-radius: 5px; | border-radius: 5px; | ||
+ | color: #434343; | ||
} | } | ||
Line 272: | 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 288: | 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 293: | 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 306: | Line 350: | ||
<div class="accordion-content"> | <div class="accordion-content"> | ||
<ul class="submenuoptions"> | <ul class="submenuoptions"> | ||
- | <li><a href=" | + | <li><a href="https://2014.igem.org/User:Sifuentes_anita">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 320: | Line 364: | ||
<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="www.html">Funding</a></li> | ||
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Sifuentes_contentpage1">General iGEM Guide</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
Line 335: | Line 379: | ||
<div class="accordion-content"> | <div class="accordion-content"> | ||
<ul class="submenuoptions"> | <ul class="submenuoptions"> | ||
- | <li><a href=" | + | <li><a href="">General Requirements</a></li> |
<li><a href="www.html">Wiki how-to</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">Poster Guidelines</a></li> |
Latest revision as of 18:31, 12 January 2015