Difference between revisions of "Team:Exeter/Integrated Practices"

Line 373: Line 373:
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
     transform: translateY(-50%);
 
     transform: translateY(-50%);
 +
margin-top:20%;
 
}
 
}
 
.banner_link,.banner_link:visited{
 
.banner_link,.banner_link:visited{
Line 447: Line 448:
 
@media (max-width: 767px){
 
@media (max-width: 767px){
 
.div_vl.backgroundimage{
 
.div_vl.backgroundimage{
height:37vh;
+
height:65vh;
 
background-size: auto 200%;
 
background-size: auto 200%;
 +
}
 +
.banner_link.filler{
 +
display:none;
 
}
 
}
 
.div_l{
 
.div_l{
Line 632: Line 636:
 
<div class="div_banner">
 
<div class="div_banner">
 
<!--Right picture (the teal line on right)-->
 
<!--Right picture (the teal line on right)-->
<div class="col-sm-2 subdiv_banner left">
+
<div class="col-sm-2 subdiv_banner 2row left">
 
<img src="https://static.igem.org/mediawiki/2016/8/8a/T--Exeter--Template_Banner_left.png">
 
<img src="https://static.igem.org/mediawiki/2016/8/8a/T--Exeter--Template_Banner_left.png">
 
</div>
 
</div>
Line 643: Line 647:
 
 
 
<!--Give span class "oneline" or "twoline" depending on how llong the section text is-->
 
<!--Give span class "oneline" or "twoline" depending on how llong the section text is-->
<a href="#section_1" class="banner_link col-xs-6 col-sm-6"><span class="oneline">Overview</span></a>
+
<a href="#section_1" class="banner_link col-xs-6 col-sm-3"><span class="oneline">Overview</span></a>
<a href="#section_2" class="banner_link col-xs-6 col-sm-6"><span class="twoline">Equality and <br />Diversity</span></a>
+
<a href="#section_2" class="banner_link col-xs-6 col-sm-3"><span class="twoline">Equality and <br />Diversity</span></a>
 +
<a href="#section_3" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S3</span></a>
 +
<a href="#section_4" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S4</span></a>
 +
<a href="#section_5" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S5</span></a>
 +
<a href="#section_6" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S6</span></a>
 +
<a href="#section_7" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S7</span></a>
 +
<a href="#section_8" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S8</span></a>
 +
<div class="banner_link filler col-xs-6 col-sm-3"><!--Empty--></div>
 +
<a href="#section_9" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S9</span></a>
 +
<a href="#section_10" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S10</span></a>
 +
<div class="banner_link filler col-xs-6 col-sm-3"><!--Empty--></div>
 
</div>
 
</div>
 
<!--Left picture (the teal line on left)-->
 
<!--Left picture (the teal line on left)-->
<div class="col-sm-2 subdiv_banner right">
+
<div class="col-sm-2 subdiv_banner 2row right">
 
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
 
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
 
</div>
 
</div>
Line 1,219: Line 1,233:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<div class="col-xs-12 div_content">
 +
<div id="section_3" class="link_fix"></div>
 +
<div id="contentTitle">
 +
S3
 +
</div>
 +
 +
 +
 +
 +
<div>
 +
<a id="Section_link" href="#section_4" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_4" class="link_fix"></div>
 +
<div id="contentTitle">
 +
S4
 +
</div>
 +
 +
 +
 +
 +
<div>
 +
<a id="Section_link" href="#section_5" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_5" class="link_fix"></div>
 +
<div id="contentTitle">
 +
S5
 +
</div>
 +
 +
 +
 +
 +
<div>
 +
<a id="Section_link" href="#section_6" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_6" class="link_fix"></div>
 +
<div id="contentTitle">
 +
S6
 +
</div>
 +
 +
 +
 +
 +
<div>
 +
<a id="Section_link" href="#section_7" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_7" class="link_fix"></div>
 +
<div id="contentTitle">
 +
S7
 +
</div>
 +
 +
 +
 +
 +
<div>
 +
<a id="Section_link" href="#section_8" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_8" class="link_fix"></div>
 +
<div id="contentTitle">
 +
S8
 +
</div>
 +
 +
 +
 +
 +
<div>
 +
<a id="Section_link" href="#section_9" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_9" class="link_fix"></div>
 +
<div id="contentTitle">
 +
S9
 +
</div>
 +
 +
 +
 +
 +
<div>
 +
<a id="Section_link" href="#section_10" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_10" class="link_fix"></div>
 +
<div id="contentTitle">
 +
S10
 +
</div>
 +
 +
 +
 +
 +
</div>
 +
 +
 
 
  

Revision as of 09:55, 18 October 2016