Difference between revisions of "Team:Exeter/HP/Gold"

Line 108: Line 108:
 
#soc{
 
#soc{
 
margin-top:-12px;
 
margin-top:-12px;
margin-left:-15px;
+
 
}
 
}
.soc_1{
+
/****Social Media navbar icons****/
 +
/*youtube*/
 +
#soc_1{  
 
margin-right:3px;
 
margin-right:3px;
 +
height:50px;
 +
width:48px;
 
}
 
}
.soc_2{
+
/*facebook*/
 +
#soc_2{
 
margin-right:3px;
 
margin-right:3px;
 +
height:50px;
 +
width:48px;
 
}
 
}
.soc_3{
+
/*Twitter*/
 +
#soc_3{
 
margin-right:3px;
 
margin-right:3px;
 +
margin-right:18px;
 +
height:50px;
 +
width:48px;
 
}
 
}
  
Line 406: Line 417:
 
}
 
}
 
#title{
 
#title{
font-size:260%;
+
font-size:150%;
}
+
.banner_link{
+
font-size:22px;
+
}
+
.div_banner{
+
margin-top:20px;
+
 
}
 
}
 
/*Makes side pictures on banner invisible on small screens*/
 
/*Makes side pictures on banner invisible on small screens*/
Line 459: Line 464:
 
margin-left:0.85vw;
 
margin-left:0.85vw;
 
}
 
}
}
 
#links_drop{
 
color:#47BCC2;
 
/*font-size:20px;*/
 
font-size:1.2vw;
 
margin:8px 0.9vw 0.5vh 0.9vw;
 
padding:0.06vw 0 0 0;
 
line-height:0px;
 
}
 
@media (max-width: 920px){
 
#links_drop{
 
margin-left:0;
 
padding-top:9px;
 
margin-top:-4px;
 
font-size:20px;
 
}
 
}
 
button.dropdown-toggle{
 
padding-top:21px; !important
 
}
 
@media (max-width: 767px){
 
button.dropdown-toggle{
 
padding-top:5px;
 
}
 
}
 
#links_drop:hover span{
 
color:#339499;
 
 
}
 
}
 
</style>
 
</style>
Line 505: Line 483:
 
     <div>
 
     <div>
 
         <div class="collapse navbar-collapse" id="myNavbar">
 
         <div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
+
<ul class="nav navbar-nav">
 
<li><div id="links" style="margin:0;" class="dropdown">
 
<li><div id="links" style="margin:0;" class="dropdown">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Line 557: Line 535:
  
 
</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 class="media_icon">
<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
+
<a id="soc_1" href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/></a>
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/>
</li>
+
</a>
<li style="height:50px;width:48px;"class="soc_2">
+
</li>
<a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
+
    <li class="media_icon" >
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/></a>
+
<a id="soc_2"href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
</li>
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/>
<li style="height:50px;width:48px;"class="soc_3">
+
</a>
<a href="https://twitter.com/exeter_igem">
+
</li>
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/></a>
+
    <li class="media_icon" >
</li>
+
<a id="soc_3" href="https://twitter.com/exeter_igem">
</ul>
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/>
 +
</a>
 +
</li>
 +
</ul>
 
    </div>
 
    </div>
 
     </div>
 
     </div>
Line 643: Line 624:
 
<br />
 
<br />
 
</div>
 
</div>
 
  
 
<!--Content Ends-->
 
<!--Content Ends-->

Revision as of 20:49, 19 October 2016