Difference between revisions of "Team:Oxford/Assets/Style.css"

Line 1: Line 1:
−
.navbar  {
+
<html>
−
     margin-top: 16px;
+
     <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
−
     position: fixed;
+
     <link href="//2015.igem.org/Team:Oxford/Assets/Style.css?action=raw&ctype=text/css" rel="stylesheet">
−
     font-size: 13px;
+
     <link rel="stylesheet" href="//2015.igem.org/Team:Oxford/Assets/Font-Awesome.css?action=raw&ctype=text/css">
−
    background-color: #fff;
+
     <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/Bootstrap.js?action=raw&ctype=text/javascript"></script>
−
     margin-bottom: 0;
+
−
}
+
  
−
.navbar-right li {
+
    <nav class="navbar navbar-default navbar-fixed-top">
−
    font-family: "Avenir",sans-serif;
+
        <div class="container-fluid">
−
    color: #cccccc;
+
            <div class="navbar-header">
−
     font-weight: bolder;
+
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#ox-navbar">
−
     padding-right: 0;
+
                    <span class="icon-bar"></span>
−
}
+
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                <a class="navbar-brand" href="https://2015.igem.org/Team:Oxford">OXFORD iGEM</a>
 +
            </div>
 +
            <nav class="navbar-collapse collapse" id="ox-navbar">
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li><a href="https://2015.igem.org/Team:Oxford/Description">PROJECT</a></li>
 +
                    <li><a href="#">MODELING</a></li>
 +
                    <li><a href="#">PARTS</a></li>
 +
                    <li><a href="#">PRACTICES</a></li>
 +
                    <li><a href="#">NOTEBOOK</a></li>
 +
                    <li><a href="#">TEAM</a></li>
 +
                    <li><a href="#">BLOG</a></li>
 +
                </ul>
 +
            </nav>
 +
        </div>
 +
     </nav>
 +
     <div id="main-container" class="container-fluid">
 +
        <div class="title container-fluid">
 +
            <div class="row">
 +
                <div class="col-md-12">
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/2a/Ox_solution_jumbo.png"/>
 +
                </div>
  
−
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {
+
            </div>
−
    background-color: #fff;
+
        </div>
−
    color:#777;
+
        <div  class="container-fluid content-container">
−
    border-bottom: 1px solid #fa2963;
+
            <div class="row">
−
}
+
                <div class="col-md-12">
−
 
+
                    <div id="project-byline">
−
.navbar-default .navbar-nav a{
+
                        <h3>A targeted approach to antimicrobial resistance</h3>
−
    padding-left: 0;
+
                    </div>
−
    padding-right: 10px;
+
                </div>
−
    margin-left: 15px;
+
            </div>
−
    padding-bottom: 3px;
+
            <div class="row" id="get">
−
    border-bottom: 1px solid #cccccc;
+
                <div class="col-md-4">
−
}
+
                    <h3>Guidance</h3>
−
 
+
                    <p>
−
.navbar-default .navbar-nav > .active {
+
                        Strengthening research and working towards a coordinated response
−
    background-color: #fff;
+
                    </p>
−
 
+
                </div>
−
}
+
                <div class="col-md-4">
−
 
+
                    <h3>Education</h3>
−
#main-container {
+
                    <p>
−
    height:auto;
+
                        Improving awareness and understanding of antimicrobial resistance
−
    bottom:0;
+
                    </p>
−
    top:0;
+
                </div>
−
    left:0;
+
                <div class="col-md-4">
−
    right:0;
+
                    <h3>Tools</h3>
−
    margin:66px 0 0 0;
+
                    <p>
−
    padding:0;
+
                        Changing the way we think about treatment
−
    background-color:#fff;
+
                    </p>
−
    overflow:scroll;
+
                </div>
−
    position:fixed;
+
            </div>
−
}
+
            <div class="row davis-quote">
−
 
+
                <div class="col-md-12">
−
 
+
                    <h3><i class="fa fa-quote-left"></i> Antimicrobial resistance poses a catastrophic threat. If we don't act now, any one of us could go into hospital in 20 years for minor surgery and die because of an ordinary infection that can't be treated by antibiotics. <i class="fa fa-quote-right"></i></h3>
−
.title> .row {
+
                </div>
−
    background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
+
            </div>
−
    background-size: 3px 21px;
+
            <div class="row davis-quote">
−
    background-repeat: repeat;
+
                <div class="col-md-3 col-md-offest-9">
−
}
+
                    <div class="circle">
−
 
+
                        <h3 id="sally">Professor Dame Sally Davies</h3>
−
.title img {
+
                        <p>Chief Medical Officer</p>
−
    width:80%;
+
                        <p>March 2013</p>
−
    margin-left: 10%;
+
                    </div>
−
    padding-top: 5%;
+
                    </p>
−
    padding-bottom: 10%;
+
                </div>
−
}
+
            </div>
−
 
+
        </div>
−
#project-byline {
+
        <!-- main-container stays open, will be closed in the footer-->
−
    margin-top: -45px;
+
</html>
−
    background-color: #fff;
+
{{FooterTest}}
−
    padding: 15px;
+
−
    border: 15px solid #fa2963;
+
−
    border-bottom: none;
+
−
}
+
−
 
+
−
h3 {
+
−
    color: #2d2c35;
+
−
    font-size: 40px;
+
−
    font-family: "Avenir", sans-serif;
+
−
    font-weight: bold;
+
−
    padding-bottom: 5px;
+
−
    padding-top: 5px;
+
−
    margin-top: 0;
+
−
}
+
−
 
+
−
#project-byline h3 {
+
−
    border-bottom: 1px dotted #cccccc;
+
−
}
+
−
 
+
−
#get {
+
−
    border: 15px solid #fa2963;
+
−
    border-top: none;
+
−
    border-bottom: none;
+
−
    margin: 0;
+
−
 
+
−
}
+
−
 
+
−
#get h3 {
+
−
    font-size: 32px
+
−
}
+
−
 
+
−
#davis-quote {
+
−
    background-color: #fa2963;
+
−
    color: #fff;
+
−
    margin:0;
+
−
}
+
−
 
+
−
#davis-quote h3 {
+
−
    color: #fff;
+
−
    font-size: 24px;
+
−
    padding-left: 5%;
+
−
    padding-right: 10%;
+
−
    padding-top: 20px;
+
−
    padding-bottom: 50px;
+
−
    font-weight: normal;
+
−
}
+
−
 
+
−
.row {
+
−
    background-color: #fff;
+
−
}
+
−
 
+
−
.sponsors {
+
−
    background-color: #fff;
+
−
}
+
−
 
+
−
.sponsors img {
+
−
    max-width: 150px;
+
−
    padding-bottom: 30px;
+
−
    display: block;
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
}
+
−
 
+
−
#supporters-line {
+
−
    margin-top: 50px;
+
−
    margin-bottom: 30px;
+
−
    height:24px;
+
−
    background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
+
−
    background-size: 4px 28px;
+
−
    background-repeat: repeat;
+
−
    float:left;
+
−
}
+
−
 
+
−
#footer-links {
+
−
    padding-left:0;
+
−
    padding-right:0;
+
−
    margin-left: -15px;
+
−
    margin-right:-15px;
+
−
    background-color: #fff;
+
−
    font-family: "Avenir", sans-serif;
+
−
    margin-bottom: 10px;
+
−
}
+
−
 
+
−
#footer-links a {
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
}
+
−
 
+
−
#footer-links h2 {
+
−
    margin-top:0;
+
−
    border-bottom: 0;
+
−
    font-weight: bold;
+
−
}
+
−
 
+
−
#footer-links ul {
+
−
    list-style-type: none;
+
−
    list-style-image: none;
+
−
    margin-left: 0;
+
−
}
+
−
 
+
−
#footer-links li {
+
−
    display: inline;
+
−
    color:#000;
+
−
    width:25%
+
−
}
+
−
 
+
−
#footer-links a {
+
−
    color: #000;
+
−
}
+
−
 
+
−
#footer-links .footer-section-line {
+
−
    height: 24px;
+
−
    background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
+
−
    background-size: 4px 28px;
+
−
    background-repeat: repeat;
+
−
 
+
−
}
+
−
 
+
−
#made-with-love {
+
−
    margin-left: 0px;
+
−
    margin-right: 0px;
+
−
    padding-right: 30px;
+
−
    background-color: #fa2963;
+
−
    color: #fff;
+
−
    text-align: center;
+
−
    font-size: 10px;
+
−
    vertical-align: middle;
+
−
}
+
−
 
+
−
#made-with-love a , #made-with-love p {
+
−
    color:#fff;
+
−
    padding: auto 0;
+
−
}
+

Revision as of 17:18, 22 July 2015

A targeted approach to antimicrobial resistance

Guidance

Strengthening research and working towards a coordinated response

Education

Improving awareness and understanding of antimicrobial resistance

Tools

Changing the way we think about treatment

Antimicrobial resistance poses a catastrophic threat. If we don't act now, any one of us could go into hospital in 20 years for minor surgery and die because of an ordinary infection that can't be treated by antibiotics.

Professor Dame Sally Davies

Chief Medical Officer

March 2013

Made with love by Oxford iGEM | Sitemap