Difference between revisions of "Team:Harvard BioDesign/Team"

Line 133: Line 133:
 
.wrap li a:hover{visibility:visible}
 
.wrap li a:hover{visibility:visible}
 
.wrap li a:hover img{visibility:hidden}
 
.wrap li a:hover img{visibility:hidden}
−
 
−
.fade{
 
−
width:630px;
 
−
position:relative;
 
−
z-index:1;
 
−
}
 
−
.fade .lfade,
 
−
.fade .rfade{
 
−
position:absolute;
 
−
top:10px;
 
−
width:60px;
 
−
height:135px;
 
−
z-index:999;
 
−
}
 
−
.fade .lfade{
 
−
left:5px;
 
−
background:url(images/left-fade2.png) no-repeat 100% 0;
 
−
}
 
−
.fade .rfade{
 
−
right:5px;
 
−
background:url(images/right-fade2.png) no-repeat 0 0;
 
−
}
 
  
 
</style>
 
</style>
Line 164: Line 142:
 
<div id="outer">
 
<div id="outer">
 
<h1>Sideways Scroll</h1>
 
<h1>Sideways Scroll</h1>
−
<div class="fade">
+
<!--<div class="fade">-->
 
<div class="wrap">
 
<div class="wrap">
 
<ul>
 
<ul>
Line 178: Line 156:
 
<li><a href="#"><img src="https://2015.igem.orgwiki/images/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width: 317px; height: 216px"><span data-title="Hello there!"></a></li>
 
<li><a href="#"><img src="https://2015.igem.orgwiki/images/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width: 317px; height: 216px"><span data-title="Hello there!"></a></li>
 
</ul>
 
</ul>
−
</div>
+
<!--</div>-->
−
<p class="lfade"></p>
+
−
<p class="rfade"></p>
+
−
<p class="message">Sideways Scroll Demo</p>
+
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 21:21, 30 June 2015

Bootstrap Collapsable Header



TEAM