Difference between revisions of "Template:Header2"

m (close your tags)
(Cleared page)
 
Line 1: Line 1:
<html>
 
<head>
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<link rel="stylesheet" href="https://2017.igem.org/Team:Warwick/Resources/CSS:Plant-bootstrap-min-css?action=raw&ctype=text%2Fcss">
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
<style>
 
.warwick-logo {
 
    max-width: 95%;
 
}
 
body {
 
    background-color: #f2f2f2;
 
}
 
p {
 
    padding-bottom: 10px;
 
    font-weight: 400;
 
    font-size: 18px;
 
}
 
.navbar-nav > li > .dropdown-menu {
 
    background-color: #99b3e6;
 
}
 
.navbar-nav > li > .dropdown-menu > li > a {
 
    color: white;
 
    text-transform: uppercase;
 
}
 
.navbar-default .navbar-nav>.open>a,
 
.navbar-default .navbar-nav>.open>a:focus,
 
.navbar-default .navbar-nav>.open>a:hover {
 
    background-color: #99b3e6;
 
}
 
.nav > li > a {
 
    color: #ffffff !important;
 
    text-transform: uppercase;
 
}
 
h1 {
 
    color: #003366;
 
    text-transform: uppercase;
 
}
 
h2 {
 
    border-top: 1px solid #99b3e6;
 
    border-bottom: 1px solid #99b3e6;
 
    margin: 15px 0px 5px 0px;
 
    padding: 10px 0px 10px 0px;
 
    display: inline-block;
 
    color: #003366;
 
    text-transform: uppercase;
 
}
 
h4 {
 
    font-size: 25px;
 
}
 
.white {
 
    border-top: 1px solid white;
 
    border-bottom: 1px solid white;
 
    color: white;
 
}
 
.hwrap {
 
    text-align: center;
 
}
 
.social-buttons {
 
    text-align: center;
 
}
 
.social-buttons img {
 
    padding-right: 10px;
 
}
 
.overlay {
 
    position: absolute;
 
    bottom: 0;
 
    left: 0;
 
    right: 0;
 
    overflow: hidden;
 
    width: 100%;
 
    height: 100%;
 
    visibility: hidden;
 
    opacity: 0;
 
    transition: .3s ease-in-out;
 
}
 
.col-sm-4:hover .overlay {
 
    visibility: visible;
 
    opacity: 1;
 
}
 
.text {
 
    white-space: nowrap;
 
    color: white;
 
    position: absolute;
 
    overflow: hidden;
 
    top: 50%;
 
    left: 50%;
 
    transform: translate(-50%, -50%);
 
    -ms-transform: translate(-50%, -50%);
 
}
 
html {
 
    position: relative;
 
    min-height: 100%;
 
}
 
body {
 
    margin-bottom: 370px;
 
}
 
.footer {
 
    position: absolute;
 
    bottom: 0;
 
    width: 100%;
 
    height: 300px;
 
    background-color: #cccccc;
 
}
 
.lowerfooter {
 
    position: absolute;
 
    bottom: 0;
 
    line-height: 60px;
 
    width: 100%;
 
    height: 60px;
 
    background-color: #003366;
 
}
 
.row img {
 
    padding-top: 5px;
 
    padding-bottom: 5px;
 
}
 
.attributions p {
 
    font-size: 11pt;
 
    margin: 0;
 
    text-align: center;
 
}
 
.light {
 
    background-color: #99b3e6;
 
}
 
.dark {
 
    background-color: #003366;
 
}
 
.name {
 
    color: #267a9b;
 
}
 
.nametitle {
 
    color: #636363;
 
}
 
.header-img {
 
    width: 100%;
 
    max-height: 500px;
 
    text-align: center;
 
}
 
.sponsors img {
 
    display: block;
 
    max-width: 100%;
 
    max-height: 90px;
 
    width: auto;
 
    height: auto;
 
}
 
@media screen and (min-width: 600px) {
 
    body {
 
        background-image: url(images/right-icons.png), url(images/left-icons.png);
 
        background-position: right top, left top;
 
        background-repeat: no-repeat, no-repeat;
 
    }
 
    .warwick-logo {
 
        max-width: 400px;
 
    }
 
    .attributions p {
 
        text-align: left;
 
    }
 
}
 
@media screen and (max-width: 599px) {
 
    .attributions .col-xs-4 {
 
        float: none;
 
        margin: 0 auto;
 
    }
 
}
 
</style>
 
</head>
 
<body>
 
<nav class="navbar navbar-default navbar-static-top" style="background-color:#003366">
 
<div class="container-fluid">
 
  
<div class="navbar-header">
 
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 
<span class="sr-only">Toggle navigation</span>
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
<span class="icon-bar"></span>
 
</button>
 
</a>
 
</div>
 
 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
<ul class="nav navbar-nav navbar-right">
 
<li><a href="?title=Team:Warwick">Front page</a></li>
 
 
<li class="dropdown ">
 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
 
Project <span class="caret"></span></a>
 
<ul class="dropdown-menu" role="menu">
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Description">Description</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Design">Design</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Experiments">Experiments</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Notebook">Notebook</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Safety">Safety</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Improve">Improve</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Model">Model</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Demonstrate">Demonstrate</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Results">Results</a></li>
 
</ul>
 
</li>
 
 
<li class="dropdown ">
 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
 
Parts <span class="caret"></span></a>
 
<ul class="dropdown-menu" role="menu" stye="background-color:#0094ff">
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Basic_Part">Parts</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/InterLab">Interlab</a></li>
 
</ul>
 
</li>
 
 
<li class="dropdown ">
 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
 
Misc <span class="caret"></span></a>
 
<ul class="dropdown-menu" role="menu">
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Engagement">Public Engagement</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/HP/Silver">Silver Human Practices</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/HP/Gold_Integrated">HP Gold</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Model">Model</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Software">Software</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Entrepreneurship">Entrepreneurship</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Hardware">Hardware</a></li>
 
</ul>
 
</li>
 
 
<li class="dropdown ">
 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
 
About <span class="caret"></span></a>
 
<ul class="dropdown-menu" role="menu" stye="background-color:#0094ff">
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Team">Team</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Attributions">Attributions</a></li>
 
<li class=""><a href="https://2017.igem.org/Team:Warwick/Collaborations">Collaborations</a></li>
 
</ul>
 
</li>
 
 
</ul>
 
</div>
 
</div>
 
</nav>
 
</html>
 

Latest revision as of 15:07, 1 November 2017