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

Line 1: Line 1:
−
/* wiki width fixing */
+
{{:Team:Oxford/Templates/Nav}}
−
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
<html>
−
    display:none;
+
−
}
+
−
#top-section {
+
−
    border: none;
+
−
    height: 0px;
+
−
}
+
  
−
#content {
+
        <div class="title container-fluid">
−
    width:100%;
+
            <div class="row">
−
}
+
                <div class="col-md-12">
 +
                    <img src="https://static.igem.org/mediawiki/2015/2/2a/Ox_solution_jumbo.png"/>
 +
                </div>
  
−
 
+
            </div>
−
.row {
+
        </div>
−
    background-color: #fff;
+
        <div class="container-fluid content-container">
−
}
+
            <div class="row">
−
.navbar {
+
                <div class="col-md-12">
−
    margin-top: 16px;
+
                    <div id="project-byline">
−
    position: fixed;
+
                        <h3>A targeted approach to antimicrobial resistance</h3>
−
    font-size: 13px;
+
                    </div>
−
    background-color: #fff;
+
                </div>
−
    margin-bottom: 0;
+
            </div>
−
}
+
            <div class="row" id="get">
−
 
+
                <div class="col-md-4">
−
.navbar-right li {
+
                    <h3>Guidance</h3>
−
    font-family: "Avenir",sans-serif;
+
                    <p>
−
    color: #cccccc;
+
                        Strengthening research and working towards a coordinated response
−
    font-weight: bolder;
+
                    </p>
−
    padding-right: 0;
+
                </div>
−
}
+
                <div class="col-md-4">
−
 
+
                    <h3>Education</h3>
−
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {
+
                    <p>
−
    background-color: #fff;
+
                        Improving awareness and understanding of antimicrobial resistance
−
    color:#777;
+
                    </p>
−
    border-bottom: 1px solid #fa2963;
+
                </div>
−
}
+
                <div class="col-md-4">
−
 
+
                    <h3>Tools</h3>
−
.navbar-default .navbar-nav a{
+
                    <p>
−
    padding-left: 0;
+
                        Changing the way we think about treatment
−
    padding-right: 10px;
+
                    </p>
−
    margin-left: 15px;
+
                </div>
−
    padding-bottom: 3px;
+
            </div>
−
    border-bottom: 1px solid #cccccc;
+
            <div class="row" id="davis-quote">
−
}
+
                <div class="col-md-8 col-md-offset-1">
−
 
+
                    <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>
−
.navbar-default .navbar-nav > .active {
+
                </div>
−
    background-color: #fff;
+
            </div>
−
 
+
            <div class="row">
−
}
+
                <div class="col-md-6 col-md-offset-6">
−
 
+
                    <div class="quote-name-box">
−
#main-container {
+
                        <h3 id="sally">Professor Dame Sally Davies</h3><p>Chief Medical Officer, March 2013</p>
−
    top:0;
+
                    </div>
−
    left:0;
+
                    </p>
−
    right:0;
+
                </div>
−
    margin:50px 0 0 0;
+
            </div>
−
    padding:0;
+
        </div>
−
    background-color:#fff;
+
        <!-- main-container stays open, will be closed in the footer-->
−
    overflow:scroll;
+
</html>
−
    position:absolute;
+
{{:Team:Oxford/Templates/Footer}}
−
}
+
−
 
+
−
 
+
−
.title> .row {
+
−
    background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
+
−
    background-size: 3px 21px;
+
−
    background-repeat: repeat;
+
−
}
+
−
 
+
−
.title img {
+
−
    width:80%;
+
−
    margin-left: 10%;
+
−
    padding-top: 5%;
+
−
    padding-bottom: 10%;
+
−
}
+
−
 
+
−
#project-byline {
+
−
    margin-top: -45px;
+
−
    background-color: #fff;
+
−
    padding: 15px 30px;
+
−
    border: 15px solid #fa2963;
+
−
    border-top: none;
+
−
    border-bottom: none;
+
−
    text-align: center;
+
−
}
+
−
 
+
−
h3 {
+
−
    color: #2d2c35;
+
−
    font-size: 60px;
+
−
    font-family: "Merriweather",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: 25px;
+
−
    padding-bottom: 50px;
+
−
    font-weight: normal;
+
−
}
+
−
 
+
−
.quote-name-box {
+
−
    border: 15px solid  #fa2963;
+
−
    background-color: #fff;
+
−
    margin-top: -70px;
+
−
    color: #2d2c35;
+
−
    margin-right: 15px;
+
−
    margin-left: 15px;
+
−
    text-align: center;
+
−
}
+
−
 
+
−
.quote-name-box h3 {
+
−
    font-size: 24px;
+
−
    margin-bottom: 0px;
+
−
}
+
−
 
+
−
#sally {
+
−
    margin: 0 auto;
+
−
}
+
−
.sponsors {
+
−
    background-color: #fff;
+
−
}
+
−
 
+
−
.sponsors img {
+
−
    max-width: 100px;
+
−
    padding-bottom: 15px;
+
−
    padding-top: 15px;
+
−
    display: block;
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
}
+
−
 
+
−
#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;
+
−
    border-top: 1px dotted #cccccc;
+
−
}
+
−
 
+
−
#footer-links a {
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
    color: #000;
+
−
}
+
−
 
+
−
#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:hover{
+
−
    text-decoration: none;
+
−
    color: #000;
+
−
    background-image: url(https://static.igem.org/mediawiki/2015/6/6a/Ox_pink_diag.png);
+
−
    background-size: 4px;
+
−
    background-repeat: repeat;
+
−
}
+
−
 
+
−
#footer-links .footer-section-line {
+
−
    height: 15px;
+
−
    background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
+
−
    background-size: 3px 21px;
+
−
    background-repeat: repeat;
+
−
    margin-top: 5px;
+
−
 
+
−
}
+
−
 
+
−
#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 13:35, 23 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