Difference between revisions of "Template:Newcastle"

(Undo revision 87828 by Rupert (talk))
Line 26: Line 26:
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
  
.navbar-brand{
+
.navbar-header {
float:left;
+
    float: left;
text-align: center;
+
    text-align: center;
 
     width: 100%;
 
     width: 100%;
 +
}
 +
.navbar-brand{
 +
float:none;
 
}
 
}
  
Line 38: Line 41:
 
   position:relative;
 
   position:relative;
 
   top: -25px;
 
   top: -25px;
 +
  right: 525px;
 
}
 
}
  
Line 45: Line 49:
 
     height: 80px;
 
     height: 80px;
 
     opacity: 0.95;
 
     opacity: 0.95;
 +
}
 +
 +
.navbar-nav {
 +
font-family: 'Kaushan Script', cursive;
 +
font-size: 25px;
 +
color: #F1594B;
 +
position:relative;
 +
top: -187px;
 +
        right: 15px;
  
 
}
 
}
  
 
.navbar .navbar-nav {
 
.navbar .navbar-nav {
  font-family: 'Kaushan Script', cursive;
+
  display: inline-block;
  font-size: 25px;
+
  float: none;
  color: #F1594B;
+
  vertical-align: top;
  display: inline-block;
+
}
  position: relative;
+
  vertical-align: top;
+
  text-align: center;
+
  top:-150px;
+
  
 +
.navbar .navbar-collapse {
 +
  text-align: center;
 
}
 
}
 +
 
.navbar-nav, a:visited {
 
.navbar-nav, a:visited {
 
     color: #F1594B;
 
     color: #F1594B;
Line 106: Line 118:
  
 
.fbimage {
 
.fbimage {
  text-align: center;
 
  width: 100%;
 
 
   position:relative;
 
   position:relative;
   top:-150px;
+
  left: 540px;
 +
   top: -233.5px;
 
}
 
}
  
 
.twitterimage {
 
.twitterimage {
  text-align: center;
 
  width: 100%;
 
 
   position:relative;
 
   position:relative;
   top:-150px;
+
  left: 540px;
 +
   top: -233.5px;
 
}
 
}
  
Line 324: Line 334:
 
<body>
 
<body>
 
<nav class="navbar navbar-fixed-top">
 
<nav class="navbar navbar-fixed-top">
<div class="container" style="height: 100px;">
+
<div class="navbar-header">
<div class="main-logo">
+
<a class="navbar-brand">
<img alt="Culture Shock"src="https://static.igem.org/mediawiki/2016/6/67/NCLlogo.png" width="150" height="150">
+
<div class="main-logo">
 +
<img alt="Culture Shock"           src="https://static.igem.org/mediawiki/2016/6/67/NCLlogo.png" width="150" height="150">
 +
</div>
 +
</a>
 
</div>
 
</div>
 +
<div class="collapse navbar-collapse navbar-ex1-collapse">
 
<ul class="nav navbar-nav">
 
<ul class="nav navbar-nav">
 
<li><a href="https://2016.igem.org/Team:Newcastle">Home</a></li>
 
<li><a href="https://2016.igem.org/Team:Newcastle">Home</a></li>
Line 351: Line 365:
 
<a href="https://2016.igem.org/Team:Newcastle/Notebook/Safety">Safety</a>
 
<a href="https://2016.igem.org/Team:Newcastle/Notebook/Safety">Safety</a>
 
                                         <a href="https://2016.igem.org/Team:Newcastle/Notebook/Meetings">Meetings</a>
 
                                         <a href="https://2016.igem.org/Team:Newcastle/Notebook/Meetings">Meetings</a>
 +
                                        <a href="https://2016.igem.org/Team:Newcastle/Notebook/InterLab">InterLab</a>
 
</div>
 
</div>
 
</li>
 
</li>
Line 371: Line 386:
 
         </li>
 
         </li>
 
       </ul>
 
       </ul>
 +
  </div>
 +
<div class="navbar-header">
 
  <a class="fbimage" href="https://www.facebook.com/Newcastle-University-IGEM-2016-228235764208988">
 
  <a class="fbimage" href="https://www.facebook.com/Newcastle-University-IGEM-2016-228235764208988">
 
<img alt="Brand" src="https://static.igem.org/mediawiki/2016/e/e8/NCLfblogo.png">
 
<img alt="Brand" src="https://static.igem.org/mediawiki/2016/e/e8/NCLfblogo.png">
Line 377: Line 394:
 
<img alt="Brand" src="https://static.igem.org/mediawiki/2016/4/4d/NCLtwitterlogo.png">
 
<img alt="Brand" src="https://static.igem.org/mediawiki/2016/4/4d/NCLtwitterlogo.png">
 
  </a>
 
  </a>
</div>
+
</div>
 
</nav>
 
</nav>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 10:54, 22 August 2016