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

Line 15: Line 15:
 
text-align:center;
 
text-align:center;
 
padding:20px 0;
 
padding:20px 0;
width:420px;
+
width:700px;
height: 160px;
+
height: 300px;
margin: 0 auto;
+
margin-right: 10px;
 
}
 
}
  
Line 83: Line 83:
  
 
img{border:none;display:block;opacity:0.5;}/* add display:block to remove image underline*/
 
img{border:none;display:block;opacity:0.5;}/* add display:block to remove image underline*/
h1{
+
 
margin:0 0 1em 0;
+
padding:1em 0 0 0;
+
text-align:center;
+
color:#fff;
+
}
+
 
#outer{
 
#outer{
width:630px;
+
width:700px;
margin: auto;
+
height:300px;
position:relative;
+
position:absolute;
 +
left:0;
 
background:#004499;
 
background:#004499;
 
}
 
}
Line 102: Line 98:
 
.wrap {
 
.wrap {
 
border:5px solid #ccc;
 
border:5px solid #ccc;
width: 620px;
+
width: 700px;
height:200px;/* ie9 needs height */
+
height:300px;/* ie9 needs height */
 
overflow: auto;
 
overflow: auto;
 
padding-bottom:50px;
 
padding-bottom:50px;
Line 111: Line 107:
 
background:#fff;
 
background:#fff;
 
}
 
}
.wrap{overflow-x:auto;overflow-y:hidden}
+
.wrap {overflow-x:auto;overflow-y:hidden}
 
.wrap ul{
 
.wrap ul{
 
padding:5px 25px;
 
padding:5px 25px;
Line 142: Line 138:
  
 
<div id="outer">
 
<div id="outer">
<h1>Sideways Scroll</h1>
 
 
<div class="wrap">
 
<div class="wrap">
 
<ul>
 
<ul>
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:238px;height:162px;" alt="Harvard Logo" style="width:317px;height: 216px;"><span data-title="I have a wonderful title!">This is item</span></a></li>
+
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:238px;height:162px;" alt="Harvard Logo" style="width:317px;height: 216px;"></a>This is item</span></li>
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="These titles are shown only using CSS, no JavaScript is used!">This is item</span></a></li>
+
 
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="Hello there!">This is item</span></a></li>
+
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</span></li>
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="Generated content is awesome!">This is item</span></a></li>
+
 
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="Hello there!"></a></li>
+
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</span></li>
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="Hello there!"></a></li>
+
 
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="Hello there!"></a></li>
+
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</span></li>
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="Hello there!"></a></li>
+
 
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="Hello there!"></a></li>
+
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</li>
<li><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"><span data-title="Hello there!"></a></li>
+
 
 +
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</li>
 +
 
 +
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</li>
 +
 
 +
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</li>
 +
 
 +
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</li>
 +
 
 +
<li><span data-title="Hello there!"><a href="#"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png" alt="Harvard Logo" style="width:238px;height:162px;"></a>This is item</li>
 
</ul>
 
</ul>
 
</div>
 
</div>

Revision as of 15:01, 1 July 2015

Bootstrap Collapsable Header



TEAM

  • Harvard LogoThis is item
  • Harvard LogoThis is item
  • Harvard LogoThis is item
  • Harvard LogoThis is item
  • Harvard LogoThis is item
  • Harvard LogoThis is item
  • Harvard LogoThis is item
  • Harvard LogoThis is item
  • Harvard LogoThis is item
  • Harvard LogoThis is item