Difference between revisions of "Template:Newcastle6"

 
(80 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<head>
 
<head>
 
<link href="https://fonts.googleapis.com/css?family=Scope+One" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Scope+One" rel="stylesheet">
−
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
+
<script src="https://2017.igem.org/Template:Newcastle_JQuery?action=raw&ctype=text/javascript"></script>
  
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
 
 
   <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
 +
  <link rel="stylesheet" href="https://2017.igem.org/Template:Newcastle_Bootstrap2?action=raw&ctype=text/css">
  
 
<style>
 
<style>
−
.navbar-nav > li{
+
html, body, div, span, applet, object, iframe,
 +
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
a, abbr, acronym, address, big, cite, code,
 +
del, dfn, em, img, ins, kbd, q, s, samp,
 +
small, strike, strong, sub, sup, tt, var,
 +
b, u, i, center,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td,
 +
article, aside, canvas, details, embed,
 +
figure, figcaption, footer, header, hgroup,
 +
menu, nav, output, ruby, section, summary,
 +
time, mark, audio, video {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
}
 +
 
 +
#jack .navbar-nav > li{
 
   padding-left:30px;
 
   padding-left:30px;
 
   padding-right:30px;
 
   padding-right:30px;
 
}
 
}
  
−
.dropdown-menu{
+
#jack .navbar-nav a:visited{
 +
  color: #222222
 +
}
 +
 
 +
#jack .dropdown-menu{
 
   background-color: #e8e8e8;
 
   background-color: #e8e8e8;
 
   font-family: 'Roboto', sans-serif;
 
   font-family: 'Roboto', sans-serif;
Line 21: Line 43:
 
}
 
}
  
−
.dropdown{
+
#jack .dropdown{
 
   //background-color: black;
 
   //background-color: black;
 
   padding-top: 15px;
 
   padding-top: 15px;
Line 27: Line 49:
 
}
 
}
  
−
.dropdown>.dropdown-menu {
+
#jack .dropdown>.dropdown-menu {
 
   display: none;
 
   display: none;
 
}
 
}
  
−
.dropdown:hover>.dropdown-menu {
+
#jack .dropdown:hover>.dropdown-menu {
 
   display: block;
 
   display: block;
 
}
 
}
  
−
.dropdown-item:hover{
+
#jack .dropdown-item:hover{
 
   background-color: #a2c0eb;
 
   background-color: #a2c0eb;
 
}
 
}
  
−
.navbar-custom{
+
#jack .navbar-custom{
 
   min-height: 80px;
 
   min-height: 80px;
−
   background-color: #6395de;
+
   background-color: #8db2e7;
 
   font-family: 'Roboto', sans-serif;
 
   font-family: 'Roboto', sans-serif;
 
   border-bottom: 1px solid #444444;
 
   border-bottom: 1px solid #444444;
Line 47: Line 69:
  
 
/* change the brand and text color */
 
/* change the brand and text color */
−
.navbar-custom .navbar-brand,
+
#jack .navbar-custom .navbar-brand,
−
.navbar-custom .navbar-text {
+
#jack .navbar-custom .navbar-text {
 
     color: #222222;
 
     color: #222222;
 
}
 
}
 
/* change the link color */
 
/* change the link color */
−
.navbar-custom .navbar-nav .nav-link {
+
#jack .navbar-custom .navbar-nav .nav-link {
 
     color: #222222;
 
     color: #222222;
 
}
 
}
 
/* change the color of active or hovered links */
 
/* change the color of active or hovered links */
−
.navbar-custom .nav-item.active .nav-link,
+
#jack .navbar-custom .nav-item.active .nav-link,
−
.navbar-custom .nav-item:hover .nav-link {
+
#jack .navbar-custom .nav-item:hover .nav-link {
 
     color: #444444;
 
     color: #444444;
 
}
 
}
Line 68: Line 90:
 
<!-- iGEM code -->
 
<!-- iGEM code -->
 
<script>
 
<script>
 +
 +
 +
<!--- Our Code --->
 +
  
  
Line 401: Line 427:
  
 
.content-div {
 
.content-div {
−
     position:relative;
+
     //position:relative;
 
     left:10vw;
 
     left:10vw;
 
     width:80vw;
 
     width:80vw;
Line 791: Line 817:
 
font-size: 36px;
 
font-size: 36px;
 
text-align: center;
 
text-align: center;
−
line-height: 30px;
 
 
}
 
}
  
Line 815: Line 840:
 
 
 
</style>
 
</style>
−
 
−
 
−
 
  
  
Line 1,102: Line 1,124:
 
</div>
 
</div>
  
−
   <nav class="navbar navbar-expand-lg navbar-custom">
+
<button class="btn btn-primary collapsed" type="button" data-toggle="collapse" data-target="#jack" aria-expanded="true" aria-controls="jack" style="max-height: 30px; width: 100%; position: fixed; font-size: 0.6em; background-color: #8db2e7; border-color: #222222; color: #222222">Show Navbar</button>
−
     <a class="navbar-brand" href="index.html" style="border-right: 1px solid #444444;">
+
  <div style="z-index: -10; height: 30px; background-color: #e8e8e8; margin-bottom: 0">
−
       <img src="https://static.igem.org/mediawiki/2017/5/5c/Newcastle_logo-navbar-jack.png" class="d-inline-block align-top" alt="">
+
  <p style="font-size: 0.1em; margin-bottom: 0">spacefill</p>
 +
  </div>
 +
 
 +
<div id="jack" class="collapse show" style="margin-bottom: 0">
 +
 
 +
   <nav id="nav-jack" class="navbar fixed-top navbar-expand-lg navbar-custom" style="margin-top: 16px; margin-bottom: 0">
 +
     <a class="navbar-brand" href="https://2017.igem.org/Team:Newcastle" style="border-right: 1px solid #222222;">
 +
       <img src="https://static.igem.org/mediawiki/2017/a/a6/T--Newcastle--BB_canary_cage.png" class="d-inline-block align-top" style="width: 50px; padding-right: 10px;" alt="">
 
     </a>
 
     </a>
  
 
       <ul class="navbar-nav mr-auto">
 
       <ul class="navbar-nav mr-auto">
−
         <li class="nav-item dropdown" style="border-style: none">
+
         <li class="nav-item dropdown" style="border-style: none; display: inline">
 
           <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
           <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
             Project
 
             Project
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
−
             <a class="dropdown-item" href="project/index_project.html">Description</a>
+
             <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Description">Description</a>
−
             <a class="dropdown-item" href="#">Results</a>
+
             <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Results">Results</a>
−
             <a class="dropdown-item" href="#">Parts</a>
+
             <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Demonstrate">Demonstration</a>
−
             <a class="dropdown-item" href="#">Interlab Study</a>
+
            <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Protocols">Protocols</a>
 +
            <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Parts">Parts</a>
 +
             <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/InterLab">Interlab Study</a>
 
           </div>
 
           </div>
 
         </li>
 
         </li>
−
         <li class="nav-item dropdown" style="border-style: none">
+
         <li class="nav-item dropdown" style="border-style: none; display: inline">
 
           <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
           <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
             Modelling
 
             Modelling
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
−
             <a class="dropdown-item" href="#">Simbiotics</a>
+
             <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Model">Overview</a>
−
             <a class="dropdown-item" href="#">Design of Experiment</a>
+
            <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Model#sim">Simbiotics</a>
−
             <a class="dropdown-item" href="#">Microfluidic Agent-based Model</a>
+
             <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Model#doe">Design of Experiments</a>
 +
             <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Model#mf">Microfluidic Agent-based Model</a>
 
           </div>
 
           </div>
−
           <li class="nav-item dropdown" style="border-style: none">
+
           <li class="nav-item dropdown" style="border-style: none; display: inline">
 
             <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
             <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
               Human Practices
 
               Human Practices
 
             </a>
 
             </a>
 
             <div class="dropdown-menu">
 
             <div class="dropdown-menu">
−
               <a class="dropdown-item" href="#">Silver</a>
+
               <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/HP/Silver">Silver</a>
−
               <a class="dropdown-item" href="#">Gold and Integrated</a>
+
               <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/HP/Gold_Integrated">Gold and Integrated</a>
−
               <a class="dropdown-item" href="#">Education and Public Engagement</a>
+
               <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Engagement">Education and Public Engagement</a>
−
               <a class="dropdown-item" href="#">Science Communication</a>
+
               <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/ScienceCommunication">Science Communication</a>
 
             </div>
 
             </div>
−
             <li class="nav-item dropdown" style="border-style: none">
+
             <li class="nav-item dropdown" style="border-style: none; display: inline">
 
               <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
               <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
                 Collaborations
 
                 Collaborations
 
               </a>
 
               </a>
 
               <div class="dropdown-menu">
 
               <div class="dropdown-menu">
−
                 <a class="dropdown-item" href="#">Collaborations Map</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Collaborations">Overview</a>
−
                 <a class="dropdown-item" href="#">Edinburgh OG</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Collaborations#edi_collab">Edinburgh OG</a>
−
                 <a class="dropdown-item" href="#">Exeter</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Collaborations#exe_collab">Exeter</a>
−
                 <a class="dropdown-item" href="#">Evry Paris-Saclay</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Collaborations#eps_collab">Evry Paris-Saclay</a>
 
               </div>
 
               </div>
−
               <li class="nav-item dropdown" style="border-style: none">
+
               <li class="nav-item dropdown" style="border-style: none; display: inline">
 
                 <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
                 <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
                   Judging
 
                   Judging
 
                 </a>
 
                 </a>
 
                 <div class="dropdown-menu">
 
                 <div class="dropdown-menu">
−
                   <a class="dropdown-item" href="#">Medal Requirements</a>
+
                   <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/MedalRequirements">Medal Requirements</a>
−
                   <a class="dropdown-item" href="#">Awards</a>
+
                   <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Safety">Safety</a>
−
                   <a class="dropdown-item" href="#">Safety</a>
+
                   <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Measurement">Measurement</a>
 +
                  <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Applied_Design">Applied Design</a>
 +
                  <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Part_Collection">Part Collection</a>
 +
                  <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Improve">Improvement</a>
 
                 </div>
 
                 </div>
−
                 <li class="nav-item dropdown" style="border-style: none">
+
                 <li class="nav-item dropdown" style="border-style: none; display: inline">
 
                   <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
                   <a class="nav-link dropdown-toggle" href=# data-toggle="dropdown">
 
                     Team
 
                     Team
 
                   </a>
 
                   </a>
 
                   <div class="dropdown-menu">
 
                   <div class="dropdown-menu">
−
                     <a class="dropdown-item" href="#">Meet the Team</a>
+
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Team">Meet the Team</a>
−
                     <a class="dropdown-item" href="#">Attributions</a>
+
                     <a class="dropdown-item" href="https://2017.igem.org/Team:Newcastle/Attributions">Attributions</a>
−
                    <a class="dropdown-item" href="#">Acknowledgements</a>
+
−
                    <a class="dropdown-item" href="#">Lab Book</a>
+
 
                   </div>
 
                   </div>
 
       </ul>
 
       </ul>
 +
      <button class="btn btn-primary collapsed" type="button" data-toggle="collapse" data-target="#jack" aria-expanded="true" aria-controls="jack" style="color: #222222; background-color: #8db2e7; border-color: #222222">Collapse Navbar</button>
 
   </nav>
 
   </nav>
  
 +
  <div style="z-index: -10; height: 100px; background-color: #e8e8e8; margin-bottom: 0">
 +
  <p style="font-size: 0.1em; margin-bottom: 0">spacefill</p>
 +
  </div>
 
</div>
 
</div>
  
 +
<style>
 +
  .has_submenu {
 +
    font-size: 12px;
 +
  }
 +
</style>
 +
 +
  <script src="https://2017.igem.org/Template:Newcastle_Popperjs?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://2017.igem.org/Template:Newcastle_Bootstrapjs?action=raw&ctype=text/javascript"></script>
 
</html>
 
</html>

Latest revision as of 17:43, 1 November 2017

spacefill