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

Line 1: Line 1:
−
#mainContainer {
+
<html>
−
                height: auto;
+
    <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
−
                top:0;
+
    <link href="//2015.igem.org/Team:Oxford/Assets/Style.css?action=raw&ctype=text/css" rel="stylesheet">
−
                bottom: 0;
+
    <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/Bootstrap.js?action=raw&ctype=text/javascript"></script>
−
                left:0;
+
−
                right:0;
+
−
overflow:hidden;
+
−
margin: 20 0 0 0;
+
−
                position:fixed;
+
−
background-color: #fff;
+
−
}
+
  
−
#contentContainer {
+
    <div id="mainContainer">
−
padding-top:20px;
+
        <nav class="navbar navbar-default navbar-fixed-top">
−
padding-right:8px;
+
            <div class="container-fluid">
−
margin-bottom: 30px;
+
                <div class="navbar-header">
−
width: 94%;
+
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#ox-navbar">
−
padding-left: 25px;
+
                        <span class="icon-bar"></span>
−
float: none;
+
                        <span class="icon-bar"></span>
−
background-color: #fff;
+
                        <span class="icon-bar"></span>
−
border-top: none;
+
                    </button>
−
font-family: 'Avenir', sans-serif;
+
                    <a class="navbar-brand" href="https://2015.igem.org/Team:Oxford">OXFORD</a>
−
}
+
                </div>
 +
                <nav class="navbar-collapse collapse" id="ox-navbar">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li class="active"><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="#">MEASUREMENT</a></li>
 +
                        <li><a href="#">NOTEBOOK</a></li>
 +
                        <li><a href="#">TEAM</a></li>
 +
                        <li><a href="#">BLOG</a></li>
 +
                    </ul>
 +
                </nav>
 +
            </div>
 +
        </nav>
  
−
.navbar  {
+
        <div class="page-title-section">
−
    margin-top: 16px;
+
            <!--<div class="title-container">-->
−
    position: fixed;
+
                <img src="https://static.igem.org/mediawiki/2015/2/2a/Ox_solution_jumbo.png"/>
−
    font-size: 13px;
+
            <!--</div>-->
−
    background-color: #fff;
+
        </div>
−
}
+
     </div>
−
 
+
</html>
−
.page-title-section {
+
−
    margin-top: 70px;
+
−
    width: 100%;
+
−
    padding-bottom: 33%;
+
−
    background-image: url(https://static.igem.org/mediawiki/2015/8/89/Ox_bluedots.jpg);
+
−
    background-size: 0.5%;
+
−
    background-repeat: round;
+
−
    position: fixed;
+
−
}
+
−
 
+
−
 
+
−
.page-title-container img {
+
−
    position: absolute;
+
−
     top:50%;
+
−
    transform: translateY(-50%);
+
−
    width: 70%;
+
−
    margin-left:15%;
+
−
    margin-right:15%;
+
−
 
+
−
 
+
−
}
+

Revision as of 08:33, 19 July 2015