AndrewWild (Talk | contribs) |
AndrewWild (Talk | contribs) |
||
Line 65: | Line 65: | ||
font-size:20px; | font-size:20px; | ||
} | } | ||
− | |||
− | |||
− | |||
} | } | ||
#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; | ||
− | |||
width:100%; | width:100%; | ||
background:#eeeeee; | background:#eeeeee; | ||
Line 338: | Line 335: | ||
height:8vh; | height:8vh; | ||
padding:0; | padding:0; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.subdiv_banner.left{ | .subdiv_banner.left{ | ||
Line 358: | Line 351: | ||
width:100%; | width:100%; | ||
position: relative; | position: relative; | ||
− | top: | + | 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{ | ||
− | |||
height:100%; | height:100%; | ||
− | |||
color:#47BCC2; | color:#47BCC2; | ||
text-align:center; | text-align:center; | ||
− | |||
/*Max font size where "section" and "1" don't appear on*/ | /*Max font size where "section" and "1" don't appear on*/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.banner_link:hover{ | .banner_link:hover{ | ||
Line 391: | Line 367: | ||
} | } | ||
.link_fix{ | .link_fix{ | ||
− | |||
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){ | ||
− | |||
− | |||
− | |||
.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){ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#logo_Banner_Desktop{ | #logo_Banner_Desktop{ | ||
display:none; | display:none; | ||
Line 463: | Line 571: | ||
} | } | ||
} | } | ||
− | + | @media (max-width: 1000px){ | |
− | + | .calendar_key{ | |
− | + | display:none; | |
− | font-size: | + | } |
− | + | .calendar_space, .calendar_box, .calendar_link{ | |
− | + | height:5.2vh; | |
− | + | 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: | ||
} | } | ||
} | } | ||
− | + | #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; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
</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