AndrewWild (Talk | contribs) |
AndrewWild (Talk | contribs) |
||
Line 53: | Line 53: | ||
#links{ | #links{ | ||
color:#47BCC2; | color:#47BCC2; | ||
− | + | font-size:20px; | |
− | + | ||
− | + | ||
− | + | ||
line-height:0px; | line-height:0px; | ||
padding-top:28px; | padding-top:28px; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
#links:hover{ | #links:hover{ | ||
color:#339499; | color:#339499; | ||
Line 108: | Line 97: | ||
#soc{ | #soc{ | ||
margin-top:-12px; | margin-top:-12px; | ||
− | + | ||
} | } | ||
− | + | /****Social Media navbar icons****/ | |
+ | /*youtube*/ | ||
+ | #soc_1{ | ||
margin-right:3px; | margin-right:3px; | ||
+ | height:50px; | ||
+ | width:48px; | ||
} | } | ||
− | + | /*facebook*/ | |
+ | #soc_2{ | ||
margin-right:3px; | margin-right:3px; | ||
+ | height:50px; | ||
+ | width:48px; | ||
} | } | ||
− | + | /*Twitter*/ | |
+ | #soc_3{ | ||
margin-right:3px; | margin-right:3px; | ||
+ | margin-right:18px; | ||
+ | height:50px; | ||
+ | width:48px; | ||
} | } | ||
Line 211: | Line 211: | ||
border-style:none; | border-style:none; | ||
} | } | ||
+ | /*Paragraph styling*/ | ||
#pp{ | #pp{ | ||
− | padding-top: | + | padding-top:2%; |
− | padding- | + | padding-left:5%; |
− | padding- | + | padding-right:5%; |
− | font-size: | + | font-size:120%; |
} | } | ||
− | . | + | /*list element styling*/ |
− | + | .wrap li{ | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | /*list styling*/ | ||
+ | .wrap ul{ | ||
+ | padding-top:1%; | ||
+ | padding-left:7%; | ||
+ | padding-right:7%; | ||
+ | font-size:120%; | ||
+ | list-style-type:none; | ||
+ | margin:0; | ||
+ | } | ||
+ | /*sub list styling*/ | ||
+ | .wrap ul ul{ | ||
+ | padding-left:4%; | ||
+ | padding-right:4%; | ||
+ | font-size:100%; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | /*list bullet style*/ | ||
+ | .wrap ul li::before{ | ||
+ | content:"◾"; | ||
+ | padding-right:8px; | ||
+ | color:#339499; | ||
+ | } | ||
+ | /*sub list bullet style*/ | ||
+ | .wrap ul ul li::before{ | ||
+ | content:"◽"; | ||
+ | padding-right:8px; | ||
+ | color:#339499; | ||
+ | } | ||
+ | /*orderd list styling*/ | ||
+ | .wrap ol li {counter-increment: li} | ||
+ | .wrap ol{ | ||
+ | padding-top:1%; | ||
+ | padding-left:7%; | ||
+ | padding-right:7%; | ||
+ | font-size:120%; | ||
+ | margin:0; | ||
+ | list-style: none; | ||
+ | counter-reset: li; | ||
+ | } | ||
+ | .wrap ol li::before { | ||
+ | content: counter(li) "."; | ||
+ | color: #339499; | ||
+ | display: inline-block; | ||
+ | width: 1em; | ||
+ | margin-left: -1em; | ||
+ | } | ||
+ | /*sub orderd list styling*/ | ||
+ | .wrap ol ol{ | ||
+ | padding-left:4%; | ||
+ | padding-right:4%; | ||
+ | font-size:100%; | ||
+ | list-style: none; | ||
+ | counter-reset: li; | ||
+ | } | ||
+ | .wrap ol ol li::before { | ||
+ | content: counter(li) "."; | ||
+ | color: #339499; | ||
+ | display: inline-block; | ||
+ | width: 1em; | ||
+ | margin-left: -1em; | ||
+ | } | ||
+ | /*horizontal rule stying*/ | ||
+ | hr{ | ||
+ | border-color:#339499; | ||
+ | margin-left:3%; | ||
+ | margin-right:3%; | ||
+ | } | ||
+ | /*Orderd in numbered style*/ | ||
+ | .wrap ul ol{ | ||
+ | padding-left:4%; | ||
+ | padding-right:4%; | ||
+ | font-size:100%; | ||
+ | list-style: none; | ||
+ | counter-reset: li; | ||
+ | } | ||
+ | .wrap ul ol li::before { | ||
+ | content: counter(li) "."; | ||
+ | color: #339499; | ||
+ | display: inline-block; | ||
+ | width: 1em; | ||
+ | margin-left: -1em; | ||
+ | } | ||
+ | /*Numbered in Orderd style*/ | ||
+ | .wrap ol ul{ | ||
+ | padding-left:4%; | ||
+ | padding-right:4%; | ||
+ | font-size:100%; | ||
+ | list-style: none; | ||
+ | counter-reset: li; | ||
+ | } | ||
+ | .wrap ol ul li::before { | ||
+ | content:"◽"; | ||
+ | padding-right:8px; | ||
+ | color:#339499; | ||
+ | } | ||
/*Heading styles*/ | /*Heading styles*/ | ||
− | h1, h2, h3, h4, h5{ | + | .wrap h1, h2, h3, h4, h5{ |
text-align:center; | text-align:center; | ||
color:#339499; | color:#339499; | ||
font-weight:500; | font-weight:500; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
h1{font-size:340%;} | h1{font-size:340%;} | ||
Line 238: | Line 327: | ||
h4{font-size:260%;} | h4{font-size:260%;} | ||
h5{font-size:220%;} | h5{font-size:220%;} | ||
− | h6{ | + | .wrap h6{ |
color:#339499; | color:#339499; | ||
font-weight:500; | font-weight:500; | ||
font-size:200%; | font-size:200%; | ||
− | padding-left: | + | padding-left:5%; |
− | + | ||
− | + | ||
} | } | ||
+ | |||
/*Italics for Quotes using i tag*/ | /*Italics for Quotes using i tag*/ | ||
q{ | q{ | ||
Line 256: | Line 344: | ||
} | } | ||
/*Styling for links*/ | /*Styling for links*/ | ||
− | a{ | + | .wrap a{ |
color:#339499; | color:#339499; | ||
font-weight:550; | font-weight:550; | ||
Line 309: | Line 397: | ||
background-size: 100% auto; | background-size: 100% auto; | ||
width:100%; | width:100%; | ||
− | height: | + | height:60vh; |
} | } | ||
#title{ | #title{ | ||
Line 338: | Line 426: | ||
height:8vh; | height:8vh; | ||
padding:0; | padding:0; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.subdiv_banner.left{ | .subdiv_banner.left{ | ||
Line 358: | Line 442: | ||
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 390: | Line 457: | ||
color:#339499; | color:#339499; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*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 406: | Line 465: | ||
} | } | ||
#title{ | #title{ | ||
− | font-size: | + | font-size:150%; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
/*Makes side pictures on banner invisible on small screens*/ | /*Makes side pictures on banner invisible on small screens*/ | ||
Line 420: | Line 473: | ||
} | } | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</style> | </style> | ||
− | + | ||
+ | |||
<nav id="Top" class="navbar navbar-inverse navbar-static-top"> | <nav id="Top" class="navbar navbar-inverse navbar-static-top"> | ||
<div class="container-fluid"> | <div class="container-fluid"> | ||
Line 509: | Line 494: | ||
<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 ><a id="links"href="https://2016.igem.org/Team:Exeter/Project">Project</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <li><a id="links | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<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 | + | <li ><a id="links"href="https://2016.igem.org/Team:Exeter/Human_Practices">Human Practices</a></li> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<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 ><a id="links"href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <li><a id="links | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
<ul class="nav navbar-nav navbar-right" > | <ul class="nav navbar-nav navbar-right" > | ||
− | <li class="media_icon" | + | <li class="media_icon" id="soc_1"> |
− | + | <a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ"> | |
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/> | <img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/> | ||
</a> | </a> | ||
</li> | </li> | ||
− | <li class="media_icon" | + | <li class="media_icon" id="soc_2"> |
− | + | <a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel"> | |
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/> | <img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/> | ||
</a> | </a> | ||
</li> | </li> | ||
− | <li class="media_icon" | + | <li class="media_icon" id="soc_3"> |
− | + | <a href="https://twitter.com/exeter_igem"> | |
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/> | <img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/> | ||
</a> | </a> |
Revision as of 22:41, 19 October 2016