Difference between revisions of "Team:Exeter/Model"

Line 6: Line 6:
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
 
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
   <script type="text/javascript" async
+
    
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
+
  MathJax.Hub.Config({
+
  tex2jax: {
+
    inlineMath: [['$','$'], ['\\(','\\)']],
+
    processEscapes: true
+
  }
+
});
+
</script>
+
 
   
 
   
 
</head>
 
</head>
Line 55: Line 47:
 
       display:block !important;
 
       display:block !important;
 
   }
 
   }
#soc{
+
  #soc_1, #soc_2, #soc_3{
 
display:none;
 
display:none;
 
   }
 
   }
Line 73: Line 65:
 
font-size:20px;
 
font-size:20px;
 
}
 
}
 +
#links_drop{
 +
margin:0.9vw -0.4vw 0 -0.2vw;
 +
}
 
}
 
}
 
#links:hover{
 
#links:hover{
Line 110: Line 105:
 
background-color:#eeeeee;
 
background-color:#eeeeee;
 
}  
 
}  
 +
/*soc classes controll css for media icons*/
 
#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 279: Line 286:
 
#Section_Link:hover{
 
#Section_Link:hover{
  
}
 
#sectionGap, #sectionGap:focus, #contentTitle{
 
min-width:100%;
 
min-height:10vh;
 
background:#e8e8e8;
 
display:block;
 
font-size:400%;
 
text-align:center;
 
color:#47BCC2;
 
text-decoration:none;
 
border-style:none none solid none;
 
border-width:3px;
 
border-color:#8cd5d9;
 
}
 
#sectionGap:hover, #sectionGap:active{
 
color:#339499;
 
 
}
 
}
 
#sectionGap, #sectionGap:focus, #contentTitle{
 
#sectionGap, #sectionGap:focus, #contentTitle{
Line 426: 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 444: Line 429:
 
background:#e8e8e8;
 
background:#e8e8e8;
 
border-style:none;
 
border-style:none;
}
 
.equation{
 
font-size:120%;
 
margin:auto;
 
display:block;
 
text-align:left;
 
margin-left:30%;
 
}
 
.equation_key{
 
font-size:80%;
 
margin-left:40px;
 
display:block;
 
}
 
.equation_ref{
 
float:right;
 
font-size:60%;
 
text-align:right;
 
}
 
.graph_box{
 
max-width:30%;
 
margin:20px 10%;
 
display:block;
 
}
 
.graph_box_single{
 
max-width:30%;
 
margin:20px 35%;
 
display:block;
 
}
 
.graph_box img, .graph_box_single img{
 
padding:0;
 
margin:0 auto;
 
max-width:100%;
 
display:block;
 
border-style:solid;
 
border-color:#4e4e4e;
 
border-width:0.5px;
 
 
}
 
}
 
@media (min-width: 767px){
 
@media (min-width: 767px){
Line 515: Line 464:
 
margin-left:0.85vw;
 
margin-left:0.85vw;
 
}
 
}
.graph_box{
 
max-width:90%;
 
}
 
}
 
#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 564: 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 616: 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 1,384: Line 1,306:
 
 
 
</div>
 
</div>
 
  
 
<!--Content Ends-->
 
<!--Content Ends-->

Revision as of 20:52, 19 October 2016