Difference between revisions of "Template:Oxford"

 
(32 intermediate revisions by 4 users not shown)
Line 41: Line 41:
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
  <script type="text/javascript" async
 +
    src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML">
 +
  </script>
 
    
 
    
 
   <!-- Latest compiled and minified CSS -->
 
   <!-- Latest compiled and minified CSS -->
 
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <link rel="stylesheet" href="https://2017.igem.org/Template:Oxford/css/style?action=raw&amp;ctype=text/css">
  
 
   <!-- Latest compiled JavaScript -->
 
   <!-- Latest compiled JavaScript -->
Line 60: Line 64:
 
   </script>
 
   </script>
  
 +
 
 
</head>
 
</head>
−
 
−
<style>
 
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
−
 
−
 
 
−
  body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif; line-height: 1.5}
 
−
 
−
        body, html {
 
−
        height: 100%;
 
−
        line-height: 1.8;
 
−
        }
 
−
        Clear the default wiki settings
 
−
 
 
−
  #home_logo, #sideMenu { display:none; }
 
−
  #sideMenu, #top_title, .patrollink  {display:none;}
 
−
  #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
−
  body {background-color:white; }
 
−
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
−
 
 
−
 
 
−
 
 
−
/**************************************************************** MENU ***************************************************************/
 
−
 
 
−
/* Add a dark background color with a little bit see-through */
 
−
.navbar {
 
−
    left: -20px !important;
 
−
    right: -20px !important;
 
−
    top: -20px !important;
 
−
    padding-top: 25px;
 
−
    padding-bottom: 5px;
 
−
    padding-left: 25px;
 
−
    padding-right: 25px;
 
−
    background-color: rgba(0,33,71,0.9);
 
−
    border-color: transparent;
 
−
    border: 0;
 
−
    font-size: 13px !important;
 
−
    letter-spacing: 1px;
 
−
    /*opacity:0.95;*/
 
−
    margin-top: 17px;
 
−
}
 
−
 
−
.navbar li {
 
−
    margin: 0 0px;
 
−
    border-radius: 5px;
 
−
}
 
−
 
−
/* Add a gray color to all navbar links */
 
−
.navbar li a, .navbar .navbar-brand {
 
−
    color: #fff;
 
−
    border-radius: 5px;
 
−
}
 
−
 
−
/* the color of the single Link ('safety') on hover */
 
−
.navbar-nav li a:hover {
 
−
    color: #1abc9c;
 
−
}
 
−
 
−
/* The active link this seems to be useless at the moment*/
 
−
.navbar-nav li.active a {
 
−
    color: #fff;
 
−
    background-color:#29292c;
 
−
}
 
−
 
−
/* Remove border color from the collapsible button */
 
−
.navbar-default .navbar-toggle {
 
−
    border-color: transparent;
 
−
}
 
−
 
−
.navbar-default {
 
−
    border-color:transparent;
 
−
}
 
−
 
−
.navbar-collapse>ul:before {
 
−
    content: "";
 
−
    margin-top: 40px;
 
−
}
 
−
 
−
@media (min-width: 768px){
 
−
    .navbar-collapse>ul:before {
 
−
        content: "";
 
−
        margin-top: 0px;
 
−
    }
 
−
 
−
    .navbar-right {
 
−
        margin-right: 10% !important;
 
−
    }
 
−
 
−
    .navbar-header {
 
−
        margin-left: 10% !important;
 
−
    }
 
−
   
 
−
    .navbar>li>a {
 
−
        padding: 10px 15px;
 
−
    }
 
−
}
 
−
 
−
/* the color of the Dropdown on click */
 
−
.open .dropdown-toggle {
 
−
    color: #1abc9c;
 
−
    background-color: #fff;
 
−
}
 
−
 
−
/* the color of the Dropdown links */
 
−
.dropdown-menu li a {
 
−
    color: #000;
 
−
    letter-spacing: 1px;
 
−
}
 
−
 
−
/* the color of the dropdown links on hover */
 
−
.dropdown-menu li a:hover {
 
−
    background-color: #fff;
 
−
}
 
−
 
−
.navbar-toggle .icon-bar {
 
−
    background: white;
 
−
}
 
−
 
−
.navbar-header img {
 
−
    height: 80px;
 
−
}
 
−
 
−
#globalWrapper {
 
−
    margin-bottom: 0px;
 
−
    padding-bottom: 0px;
 
−
}
 
−
 
−
#top_menu_14 {
 
−
    height: 18px;
 
−
}
 
−
 
−
#top_menu_14 #user_item {
 
−
    margin-top: -3px;
 
−
    padding-top: 0px;
 
−
}
 
−
 
−
#top_menu_14 #bars_item img {
 
−
    vertical-align: top;
 
−
}
 
−
 
−
@media (max-width: 810px) {
 
−
    #home-link {
 
−
        display:none;
 
−
    }
 
−
}
 
−
 
−
 
 
−
</style>
 
  
  
Line 240: Line 98:
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
             <li><a href="https://2017.igem.org/Team:Oxford/Description">Description</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Description">Description</a></li>
 +
 
             <li><a href="https://2017.igem.org/Team:Oxford/Chagas_Disease">Chagas Disease</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Chagas_Disease">Chagas Disease</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Chagas_Public_Policy">Chagas Public Policy</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Chagas_Public_Policy">Chagas Public Policy</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Design">Design</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Design">Design</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Oxford/Parts">Parts</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Oxford/Applied_Design">Applied Design</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Oxford/Applied_Design_Developing">--Developing our Design</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Oxford/Applied_Design_Solution">--Our Solution</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Oxford/Applied_Design_Implementation">--Implementation</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Safety">Safety</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Safety">Safety</a></li>
−
             <li><a href="https://2017.igem.org/Team:Oxford/Applied_Design">Applied Design</a></li>
+
             <li><a href="https://2017.igem.org/Team:Oxford/Cell_Free_Report">Cell Free Report</a></li>
−
          </ul>
+
             <li><a href="https://2017.igem.org/Team:Oxford/InitialIdeas">Initial Ideas</a></li>
−
        </li>
+
−
 
+
−
        <!-- This is the parts dropdown -->
+
−
        <li class="dropdown">
+
−
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">PARTS
+
−
            <span class="caret"></span>
+
−
          </a>
+
−
          <ul class="dropdown-menu">
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Parts">Parts</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Basic_Part">Basic Parts</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Composite_Part">Composite Parts</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Part_Collection">Part Collection</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Contribution">Contribution</a></li>
+
−
             <li><a href="https://2017.igem.org/Team:Oxford/Improve">Improve</a></li>
+
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
Line 269: Line 119:
 
           </a>
 
           </a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
−
             <li><a href="https://2017.igem.org/Team:Oxford/Overview_Web_Lab">Overview</a></li>
+
             <li><a href="https://2017.igem.org/Team:Oxford/Overview_Wet_Lab">Overview</a></li>
−
             <li><a href="https://2017.igem.org/Team:Oxford/Results_Wet_Lab">Results</a></li>
+
             <li><a href="https://2017.igem.org/Team:Oxford/Cloning">Results (Cloning)</a></li>
−
             <li><a href="https://2017.igem.org/Team:Oxford/Experiments">Experiments</a></li>
+
             <li><a href="https://2017.igem.org/Team:Oxford/Results_DNA">Results (DNA-Based system)</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Oxford/Results_Protein">Results (Protein-Based system)</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Oxford/Future_experiments">Future Experiments</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Protocols">Protocols</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Protocols">Protocols</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Notebook">Notebook</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Notebook">Notebook</a></li>
−
            <li><a href="https://2017.igem.org/Team:Oxford/Sequences">Sequences</a></li>
 
 
             <li><a href="https://2017.igem.org/Team:Oxford/InterLab">Interlab</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/InterLab">Interlab</a></li>
−
             <li><a href="https://2017.igem.org/Team:Oxford/Measurement">Measurement</a></li>
+
             <li><a href="https://2017.igem.org/Team:Oxford/Measurement">Measurement</a></li>          
 +
           
 +
           
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
Line 289: Line 142:
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
 
             <li><a href="https://2017.igem.org/Team:Oxford/Model">Overview</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Model">Overview</a></li>
−
             <li><a href="https://2017.igem.org/Team:Oxford/Results_Dry_Lab">Results</a></li>
+
             <!-- <li><a href="https://2017.igem.org/Team:Oxford/Results_Dry_Lab">Results</a></li> -->
−
             <li><a href="https://2017.igem.org/Team:Oxford/Cell_Free_Model">Cell-Free Model</a></li>
+
             <li><a href="https://2017.igem.org/Team:Oxford/DNA_Based_Model">DNA-Based Model</a></li>
−
             <li><a href="https://2017.igem.org/Team:Oxford/OMV_Model">OMV Model</a></li>
+
            <li><a href="https://2017.igem.org/Team:Oxford/Protein_Based_Model">Protein-Based Model</a></li>
 +
            <!-- <li><a href="https://2017.igem.org/Team:Oxford/Cell_Free_Model">Cell-Free Model</a></li> -->
 +
             <!-- <li><a href="https://2017.igem.org/Team:Oxford/OMV_Model">OMV Model</a></li> -->
 
             <li><a href="https://2017.igem.org/Team:Oxford/Disease_Model">Disease Model</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Disease_Model">Disease Model</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Software">Software</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Software">Software</a></li>
Line 320: Line 175:
 
             <li><a href="https://2017.igem.org/Team:Oxford/Attributions">Attributions</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Attributions">Attributions</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Sponsors">Sponsors</a></li>
 
             <li><a href="https://2017.igem.org/Team:Oxford/Sponsors">Sponsors</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Oxford/Awards">Our Awards</a></li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
Line 346: Line 202:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
 +
<script>
 +
//
 +
function checkScroll(){
 +
    var startY = 200; //The point where the navbar changes in px
 +
 +
    if($(window).scrollTop() > startY){
 +
        $('.navbar').addClass("scrolled");
 +
    }else{
 +
        $('.navbar').removeClass("scrolled");
 +
    }
 +
}
 +
 +
if($('.navbar').length > 0){
 +
    $(window).on("scroll load resize", function(){
 +
        checkScroll();
 +
    });
 +
}
 +
</script>

Latest revision as of 18:36, 15 December 2017