Difference between revisions of "Team:Exeter/Awards"

Line 65: Line 65:
 
font-size:20px;
 
font-size:20px;
 
}
 
}
#links_drop{
 
margin:0.9vw -0.4vw 0 -0.2vw;
 
}
 
 
}
 
}
 
#links:hover{
 
#links:hover{
Line 119: Line 116:
 
margin-right:3px;
 
margin-right:3px;
 
}
 
}
 
 
/*Navbar exgem logo styling*/
 
/*Navbar exgem logo styling*/
 
#logo, #logo_inverse{
 
#logo, #logo_inverse{
Line 318: Line 314:
 
font-size:400%;
 
font-size:400%;
 
}
 
}
 +
/*Removed min section height on this page*/
 +
/*to reduce page size*/
 
.div_content{
 
.div_content{
 
padding:0;
 
padding:0;
min-height:100vh;
 
 
width:100%;
 
width:100%;
 
background:#eeeeee;
 
background:#eeeeee;
Line 338: Line 335:
 
height:8vh;
 
height:8vh;
 
padding:0;
 
padding:0;
margin:auto;
 
position:relative;
 
bottom:0;
 
right:0;
 
 
}
 
}
 
.subdiv_banner.left{
 
.subdiv_banner.left{
Line 358: Line 351:
 
width:100%;
 
width:100%;
 
position: relative;
 
position: relative;
top: 38%;
+
top: 50%;
 
-ms-transform: translateY(-50%) /* IE 9 */
 
-ms-transform: translateY(-50%) /* IE 9 */
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
     transform: translateY(-50%);
+
     transform: translateY(-50%)
 
}
 
}
 
.banner_link,.banner_link:visited{
 
.banner_link,.banner_link:visited{
position: relative;
 
 
height:100%;
 
height:100%;
padding:0, 2px!important;
 
 
color:#47BCC2;
 
color:#47BCC2;
 
text-align:center;
 
text-align:center;
font-size:1.5vw;
 
 
/*Max font size where "section" and "1" don't appear on*/
 
/*Max font size where "section" and "1" don't appear on*/
}
 
.banner_link span.oneline{
 
position: relative;
 
top: 34.5%;
 
-ms-transform: translateY(-50%) /* IE 9 */
 
    -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
    transform: translateY(-50%);
 
}
 
.banner_link span.twoline{
 
position: relative;
 
top: 7.5%;
 
-ms-transform: translateY(-50%) /* IE 9 */
 
    -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
    transform: translateY(-50%);
 
 
}
 
}
 
.banner_link:hover{
 
.banner_link:hover{
Line 391: Line 367:
 
}
 
}
 
.link_fix{
 
.link_fix{
display:block;
 
 
position:relative;
 
position:relative;
 
height:1px;
 
height:1px;
Line 398: Line 373:
 
/*Mobile and small screen css*/
 
/*Mobile and small screen css*/
 
@media (max-width: 767px){
 
@media (max-width: 767px){
.link_fix{
 
display:none;
 
}
 
 
.div_vl.backgroundimage{
 
.div_vl.backgroundimage{
 
background-image: url('#');
 
background-image: url('#');
Line 419: Line 391:
 
display:none;
 
display:none;
 
}
 
}
 +
}
 +
}
 +
#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>
 +
<!--VLOG page styling-->
 +
<style type="text/css">
 +
.calendar_selector{
 +
font-size:3vh;
 +
color:#47BCC2;
 +
cursor:pointer;
 +
}
 +
.calendar_header{
 +
margin:0 0 1vh 0;
 +
padding:0;
 +
}
 +
.month{
 +
display:none;
 +
}
 +
/*Sets March to display on page loadup*/
 +
#March{
 +
display:block;
 +
}
 +
.calendar_space{
 +
background:none;
 +
height:6h;
 +
width:6vh;
 +
display:block;
 +
font-size:2.5vh;
 +
vertical-align:bottom;
 +
position:relative;
 +
}
 +
.calendar_space span{
 +
position: absolute;
 +
bottom: 0;
 +
}
 +
.calendar_box, calendar_box:visited, .calendar_box:active, calendar_box:focus,  .calendar_link{
 +
background:#eee;
 +
border-style:solid;
 +
border-width:1px;
 +
border-color:#4e4e4e;
 +
height:6vh;
 +
width:6vh;
 +
cursor:default;
 +
position:relative;
 +
text-color:#4e4e4e;
 +
}
 +
.date{
 +
background:#8cd5d9;
 +
}
 +
.grey{
 +
background:#ccc;
 +
}
 +
.calendar_link:hover{
 +
cursor:pointer;
 +
background:#339499;
 +
border-style:solid;
 +
border-width:1px;
 +
border-color:#4e4e4e;
 +
color:#4e4e4e;
 +
}
 +
.calendar_link:focus{
 +
color:#4e4e4e;
 +
}
 +
.calendar_box span, .calendar_link span, .calendar_box span:visited, .calendar_link span:visited{
 +
position: absolute;
 +
font-size:1.6vh;
 +
bottom: 0;
 +
right: 0;
 +
color:#4e4e4e;
 +
}
 +
span.vlog{
 +
position: absolute;
 +
font-size:4vh;
 +
bottom: 0.2vh;
 +
left: 1.5vh;
 +
}
 +
.left{
 +
border-left-style:solid;
 +
border-left-width:2px;
 +
}
 +
.top{
 +
border-top-style:solid;
 +
border-top-width:2px;
 +
}
 +
.right{
 +
border-right-style:solid;
 +
border-right-width:2px;
 +
}
 +
.bottom{
 +
border-bottom-style:solid;
 +
border-bottom-width:2px;
 +
}
 +
.div_audio{
 +
margin: 20px auto 12px auto;
 +
display:block;
 +
}
 +
.div_log{
 +
padding-right:0;
 +
}
 +
.log_img{
 +
max-width:100%;
 +
margin:1vh 0;
 +
padding:0;
 +
cursor:default;
 +
}
 +
.audio_controls{
 +
max-width:100%;
 +
padding:0;
 +
background:#fafafa;
 +
border-style: none none solid none;
 +
border-width:3px;
 +
color:#8cd5d9;
 +
#pp{
 +
padding-left:0;
 +
padding-right:0;
 +
}
 +
h6{
 +
padding-top:20px;
 +
padding-left:0;
 +
}
 
}
 
}
 
#dropdownMenu1{
 
#dropdownMenu1{
Line 435: Line 553:
 
/*Mobile and small screen css*/
 
/*Mobile and small screen css*/
 
@media (max-width: 767px){
 
@media (max-width: 767px){
.div_vl.backgroundimage{
 
height:65vh;
 
background-size: auto 200%;
 
}
 
.banner_link.filler{
 
display:none;
 
}
 
.div_l{
 
display:none;
 
}
 
 
#logo_Banner_Desktop{
 
#logo_Banner_Desktop{
 
display:none;
 
display:none;
Line 463: Line 571:
 
}
 
}
 
}
 
}
#links_drop{
+
@media (max-width: 1000px){
color:#47BCC2;
+
.calendar_key{
/*font-size:20px;*/
+
display:none;
font-size:1.2vw;
+
}
margin:8px 0.9vw 0.5vh 0.9vw;
+
.calendar_space, .calendar_box, .calendar_link{
padding:0.06vw 0 0 0;
+
height:5.2vh;
line-height:0px;
+
width:5.2vh;
 +
}
 +
.calendar_selector{
 +
font-size:2.6vh;
 +
color:#47BCC2;
 +
cursor:pointer;
 +
}
 +
}
 +
@media (max-width: 595px){
 +
.calendar{
 +
display:none;
 +
}
 
}
 
}
 
@media (max-width: 920px){
 
@media (max-width: 920px){
Line 479: Line 598:
 
}
 
}
 
}
 
}
button.dropdown-toggle{
+
#links_drop{
padding-top:21px; !important
+
color:#47BCC2;
}
+
/*font-size:20px;*/
@media (max-width: 767px){
+
font-size:1.2vw;
button.dropdown-toggle{
+
margin:8px 0.9vw 0.5vh 0.9vw;
padding-top:5px;
+
padding:0.06vw 0 0 0;
}
+
line-height:0px;
}
+
#links_drop:hover span{
+
color:#339499;
+
 
}
 
}
 
</style>
 
</style>
Line 517: Line 633:
 
<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:1.8vh;" href="https://2016.igem.org/Team:Exeter/Project">Lab Project</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: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:1.8vh;" href="https://2016.igem.org/Team:Exeter/Safety">Safety</a></li>
  
 
   </ul>
 
   </ul>
Line 545: Line 662:
 
    
 
    
 
<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><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: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: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:1.8vh;" 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>

Revision as of 22:45, 19 October 2016