Difference between revisions of "Team:Exeter/dis"

 
(3 intermediate revisions by 2 users not shown)
Line 449: Line 449:
 
}
 
}
 
#title{
 
#title{
−
font-size:150%;
+
font-size:260%;
 +
}
 +
.banner_link{
 +
font-size:16px;
 +
}
 +
.div_banner{
 +
margin-top:20px;
 
}
 
}
 
/*Makes side pictures on banner invisible on small screens*/
 
/*Makes side pictures on banner invisible on small screens*/
Line 456: Line 462:
 
display:none;
 
display:none;
 
}
 
}
 +
}
 +
#dropdownMenu1{
 +
margin-top:-0.15vw;
 +
background:#e8e8e8;
 +
border-style:none;
 +
}
 +
@media (min-width: 767px){
 +
.dropdown-menu{
 +
margin-top:24px;
 +
left:-19px;
 +
border-radius:0px;
 +
padding:4px;
 +
}
 +
}
 +
/*Mobile and small screen css*/
 +
@media (max-width: 767px){
 +
.div_vl.backgroundimage{
 +
height:67vh;
 +
background-size: auto 200%;
 +
}
 +
.div_l{
 +
display:none;
 +
}
 +
#logo_Banner_Desktop{
 +
display:none;
 +
}
 +
#logo_Banner_Mobile{
 +
display:block;
 +
width:100%;
 +
max-width:200px;
 +
margin:auto;
 +
}
 +
#dropdownMenu1{
 +
padding:2.5% 0 2% 0;
 +
margin:-1.6% auto -1.4% 0.9%;
 +
}
 +
#links{
 +
padding:10px 0;
 +
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 475: Line 548:
 
     <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" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
−
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Lab</span>
+
    <span style="margin-bottom:4px;">Lab</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </button>
 
   </button>
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
−
    <li role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></li>  
+
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Project">Lab Project</a></li>
−
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Project">Lab</a></li>
+
    <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Labbook">Lab Book</a></li>
−
    <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Labbook">Lab Book</a></li>
+
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Safety">Safety</a></li>
  
 
   </ul>
 
   </ul>
Line 490: Line 563:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Parts">Parts</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Parts">Parts</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Team">Team</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Team">Team</a></li>
−
<li ><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
+
<li><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
−
<li><div id="links" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
−
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Human Practises</span>
+
    <span style="margin-bottom:4px;">Human Practices</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </button>
 
   </button>
−
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
+
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
−
     <li role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></li>   
+
     <li><a id="links" style="margin:10px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Integrated_Practices">Integrated</a></li>
−
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Human_Practices">Old_HP_Page</a></li>
+
<li><a id="links" style="background:none;line-height:0.7vh;margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Engagement">Public Engagement<br /><br /><br /> & Education</a></li><li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
−
    <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Integrated_Practices">Integrated</a></li>
+
−
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Engagement">Engagement</a></li>
+
−
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
+
  
 
   </ul>
 
   </ul>
Line 508: Line 578:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Attributions">Attributions</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Attributions">Attributions</a></li>
  
−
<li><div id="links" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
−
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Awards</span>
+
    <span style="margin-bottom:4px;">Awards</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </button>
 
   </button>
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
−
    <li role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></li>   
+
 
−
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Awards">Medals</a></li>
+
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
−
<li><span style="margin:10px 0 30px 2px;padding:0;">Special pages</span></li>
+
<li><span style="margin:10px 0 30px 2px;padding:0;"><u>Special pages</u></span></li>
−
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/HP/Silver">HP Silver</a></li>
+
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Silver">HP Silver</a></li>
−
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/HP/Gold">HP Gold</a></li>
+
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Gold">HP Gold</a></li>
  
 
   </ul>
 
   </ul>
Line 591: Line 661:
 
<div class="div_vl backgroundimage">
 
<div class="div_vl backgroundimage">
 
<h1 id="title">Desert Island Science</h1>
 
<h1 id="title">Desert Island Science</h1>
−
<p id="pp">Im assuming here we will have a small description of what DIS is and why we did it.
+
<p id="pp">Exeter iGEM's Take on radio 4's Desert island disks. Here we take important people in science
−
Im assuming here we will have a small description of what DIS is and why we did it.
+
and send them off to our desert island. On this island we give them access to a solar powered bento lab and all the parts in the iGEM registry. We also let them take songs? </p>
−
Im assuming here we will have a small description of what DIS is and why we did it.
+
−
Im assuming here we will have a small description of what DIS is and why we did it.</p>
+
 
</div>
 
</div>
 
<div class="col-xs-12 div_content">
 
<div class="col-xs-12 div_content">
Line 633: Line 701:
 
</div>
 
</div>
 
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
−
<p id="pp">Im also assuming here we will briefly talk about who these people are for those un aware
+
<p id="pp">This episode features Professor of Theoretical Physics and Chair in the Public Engagement in Science at the University of Surrey Jim Al Khalili.
−
Im also assuming here we will briefly talk about who these people are for those un aware
+
He has also presented a number of science programmes on BBC television and is a frequent commentator about science in other British media.</p>
−
Im also assuming here we will briefly talk about who these people are for those un aware</p>
+
 
</div>
 
</div>
 
<div class="col-xs-12 audio_controls">
 
<div class="col-xs-12 audio_controls">
Line 729: Line 796:
 
</div>
 
</div>
 
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
−
<p id="pp">Im also assuming here we will briefly talk about who these people are for those un aware
+
<p id="pp">
−
Im also assuming here we will briefly talk about who these people are for those un aware
+
This episode features Dr Nicky King, a senior Lecturer here at the University of Exeter.</p>
−
Im also assuming here we will briefly talk about who these people are for those un aware</p>
+
 
</div>
 
</div>
 
<div class="col-xs-12 audio_controls">
 
<div class="col-xs-12 audio_controls">

Latest revision as of 01:27, 20 October 2016