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

Line 1: Line 1:
<html>
+
#mainContainer {
    <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
+
                height: auto;
    <link href="//2015.igem.org/Team:Oxford/Assets/Style.css?action=raw&ctype=text/css" rel="stylesheet">
+
                top:0;
    <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/Bootstrap.js?action=raw&ctype=text/javascript"></script>
+
                bottom: 0;
 +
                left:0;
 +
                right:0;
 +
overflow:hidden;
 +
margin: 20 0 0 0;
 +
                position:fixed;
 +
background-color: #fff;
 +
}
  
    <div id="mainContainer">
+
#contentContainer {
        <nav class="navbar navbar-default navbar-fixed-top">
+
padding-top:20px;
            <div class="container-fluid">
+
padding-right:8px;
                <div class="navbar-header">
+
margin-bottom: 30px;
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#ox-navbar">
+
width: 94%;
                        <span class="icon-bar"></span>
+
padding-left: 25px;
                        <span class="icon-bar"></span>
+
float: none;
                        <span class="icon-bar"></span>
+
background-color: #fff;
                    </button>
+
border-top: none;
                    <a class="navbar-brand" href="https://2015.igem.org/Team:Oxford">OXFORD</a>
+
font-family: 'Avenir', sans-serif;
                </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>
+
  
        <div class="container-fluid page-title-container">
+
.navbar  {
            <img src="https://static.igem.org/mediawiki/2015/2/2a/Ox_solution_jumbo.png"/>
+
    margin-top: 16px;
        </div>
+
    position: fixed;
     </div>
+
    font-size: 13px;
</html>
+
    background-color: #fff;
 +
}
 +
 
 +
.page-title-container {
 +
    margin-top: 70px;
 +
    height: 40em;
 +
}
 +
 
 +
.page-title-container img {
 +
    width: 60%;
 +
     z-index:-1;
 +
    margin-left:20%;
 +
    margin-right:20%;
 +
    vertical-align: middle;
 +
}

Revision as of 22:58, 18 July 2015

  1. mainContainer {
               height: auto;
               top:0;
               bottom: 0;
               left:0;
               right:0;

overflow:hidden; margin: 20 0 0 0;

               position:fixed;

background-color: #fff; }

  1. contentContainer {

padding-top:20px; padding-right:8px; margin-bottom: 30px; width: 94%; padding-left: 25px; float: none; background-color: #fff; border-top: none; font-family: 'Avenir', sans-serif; }

.navbar {

   margin-top: 16px;
   position: fixed;
   font-size: 13px;
   background-color: #fff;

}

.page-title-container {

   margin-top: 70px;
   height: 40em;

}

.page-title-container img {

   width: 60%;
   z-index:-1;
   margin-left:20%;
   margin-right:20%;
   vertical-align: middle;

}