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: 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;
 
-
margin-bottom: 5px;
 
-
}
 
-
 
-
.smallBlockWrapper {
 
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 : 185px;
+
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: 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 173: 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 205: Line 241:
border-top: 0;
border-top: 0;
border-radius: 5px;
border-radius: 5px;
 +
color: #434343;
}
}
Line 272: 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;
+
    }
-
  });
+
});
 +
 
 +
//$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> 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 306: Line 350:
<div class="accordion-content">  
<div class="accordion-content">  
<ul class="submenuoptions">
<ul class="submenuoptions">
-
<li><a href="www.html">What is iGEM?</a></li>
+
<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="www.html">General iGEM Guide</a></li>
+
<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="www.html">General Requirements</a></li>
+
<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