Difference between revisions of "Team:Exeter/Project"

Line 50: Line 50:
 
display:none;
 
display:none;
 
   }
 
   }
−
}
 
−
#soc{
 
−
margin-top:-12px;
 
−
margin-left:-15px;
 
−
}
 
−
.soc_1{
 
−
margin-right:3px;
 
−
}
 
−
.soc_2{
 
−
margin-right:3px;
 
−
}
 
−
.soc_3{
 
−
margin-right:3px;
 
 
}
 
}
 
#links{
 
#links{
 
color:#47BCC2;
 
color:#47BCC2;
 
/*font-size:20px;*/
 
/*font-size:20px;*/
−
font-size:1.85vw;
+
font-size:1.6vw;
 +
margin:0 0.9vw 0.5vh 0.9vw;
 +
padding:0;
 
line-height:0px;
 
line-height:0px;
 
padding-top:28px;
 
padding-top:28px;
 
}
 
}
−
 
+
/*Fixes font size when nav-bar is collapsed*/
 +
@media (max-width: 920px) {
 +
#links{
 +
font-size:20px;
 +
}
 +
}
 
#links:hover{
 
#links:hover{
 
color:#339499;
 
color:#339499;
Line 108: Line 102:
 
background-color:#eeeeee;
 
background-color:#eeeeee;
 
}  
 
}  
−
/*soc classes controll css for media icons*/
 
 
#soc{
 
#soc{
 
margin-top:-12px;
 
margin-top:-12px;
−
+
margin-left:-15px;
 
}
 
}
−
/****Social Media navbar icons****/
+
.soc_1{
−
/*youtube*/
+
−
#soc_1{  
+
 
margin-right:3px;
 
margin-right:3px;
−
height:50px;
 
−
width:48px;
 
 
}
 
}
−
/*facebook*/
+
.soc_2{
−
#soc_2{
+
 
margin-right:3px;
 
margin-right:3px;
−
height:50px;
 
−
width:48px;
 
 
}
 
}
−
/*Twitter*/
+
.soc_3{
−
#soc_3{
+
 
margin-right:3px;
 
margin-right:3px;
−
margin-right:18px;
 
−
height:50px;
 
−
width:48px;
 
 
}
 
}
  
Line 363: Line 345:
 
}
 
}
 
</style>
 
</style>
−
 
 
<div id="top_page" class="link_fix"></div>
 
<div id="top_page" class="link_fix"></div>
 
<nav id="Top" class="navbar navbar-inverse navbar-static-top">
 
<nav id="Top" class="navbar navbar-inverse navbar-static-top">
Line 389: Line 370:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
 +
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
 
</ul>
 
</ul>
−
<ul class="nav navbar-nav navbar-right">
+
<ul class="nav navbar-nav navbar-right">
 
<li style="height:50px;width:48px;"class="soc_1">
 
<li style="height:50px;width:48px;"class="soc_1">
 
<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
 
<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
Line 450: Line 432:
 
<div class="container">
 
<div class="container">
 
<div class="div_vl backgroundimage">
 
<div class="div_vl backgroundimage">
−
<h1 id="title">Project</h1>
+
<h1 id="title">Page Title</h1>
 
<!--Contains links to sections on page-->
 
<!--Contains links to sections on page-->
 
<div class="div_banner">
 
<div class="div_banner">
Line 466: Line 448:
 
<!--Font size & line size is in style because you will need to change-->
 
<!--Font size & line size is in style because you will need to change-->
 
<!--to look good each time --sorry-- -->
 
<!--to look good each time --sorry-- -->
−
<a href="#section_1" style="font-size:145%;line-height:265%;" class="banner_link col-xs-6 col-sm-3">Project Overview</a>
+
<a href="#section_1" style="font-size:145%;line-height:265%;" class="banner_link col-xs-6 col-sm-3">Section 1</a>
−
<a href="#section_2" style="font-size:145%;line-height:265%;" class="banner_link col-xs-6 col-sm-3">Protocol</a>
+
<a href="#section_2" style="font-size:145%;line-height:265%;" class="banner_link col-xs-6 col-sm-3">Section 2</a>
−
<a href="#section_3" style="font-size:145%;line-height:265%;" class="banner_link col-xs-6 col-sm-3">Modelling</a>
+
<a href="#section_3" style="font-size:145%;line-height:265%;" class="banner_link col-xs-6 col-sm-3">Section 3</a>
−
<a href="#section_4" style="font-size:145%;line-height:265%;" class="banner_link col-xs-6 col-sm-3">Results</a>
+
<a href="#section_4" style="font-size:145%;line-height:265%;" class="banner_link col-xs-6 col-sm-3">Section 4</a>
 
</div>
 
</div>
 
<!--Left picture (the teal line on left)-->
 
<!--Left picture (the teal line on left)-->
Line 481: Line 463:
 
</div>
 
</div>
 
<div class="col-xs-12 div_content">
 
<div class="col-xs-12 div_content">
−
<div id="section_1" class="link_fix"></div>
+
<div id="section_1" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
−
Project Overview
+
Section 1
−
 
+
 
</div>
 
</div>
 
<div>
 
<div>
Line 491: Line 472:
 
</div>
 
</div>
 
<div class="col-xs-12 div_content">
 
<div class="col-xs-12 div_content">
−
<div id="section_2" class="link_fix"></div>
+
<div id="section_2" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
−
Protocol
+
Section 2
 
</div>
 
</div>
 
<div>
 
<div>
Line 500: Line 481:
 
</div>
 
</div>
 
<div class="col-xs-12 div_content">
 
<div class="col-xs-12 div_content">
−
<div id="section_3" class="link_fix"></div>
+
<div id="section_3" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
−
Modelling
+
Section 3
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 11:04, 26 August 2016