Difference between revisions of "Template:Leicester"

 
(47 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
    <!--load font awesome-->
 +
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 +
 
   <style>
 
   <style>
−
  .carousel-inner > .item > img,
+
<!-- start of social media buttons -->
−
  .carousel-inner > .item > a > img {
+
.social {
−
      width: 70%;
+
    margin: 0;
−
      margin: auto;
+
    padding: 0;
−
   }
+
}
−
       body {background-color: #34495e;}
+
 
 +
.social ul {
 +
    margin: 0;
 +
    padding: 5px;
 +
}
 +
 
 +
.social ul li {
 +
    margin: 5px;
 +
    list-style: none outside none;
 +
    display: inline-block;
 +
}
 +
 
 +
.social i {
 +
    width: 40px;
 +
    height: 40px;
 +
    color: #FFF;
 +
    background-color: #909AA0;
 +
    font-size: 22px;
 +
    text-align:center;
 +
    padding-top: 12px;
 +
    border-radius: 50%;
 +
    -moz-border-radius: 50%;
 +
    -webkit-border-radius: 50%;
 +
    -o-border-radius: 50%;
 +
    transition: all ease 0.3s;
 +
    -moz-transition: all ease 0.3s;
 +
    -webkit-transition: all ease 0.3s;
 +
    -o-transition: all ease 0.3s;
 +
    -ms-transition: all ease 0.3s;
 +
}
 +
 
 +
.social i:hover {
 +
    color: #FFF;
 +
    text-decoration: none;
 +
    transition: all ease 0.3s;
 +
    -moz-transition: all ease 0.3s;
 +
    -webkit-transition: all ease 0.3s;
 +
    -o-transition: all ease 0.3s;
 +
    -ms-transition: all ease 0.3s;
 +
}
 +
 
 +
.social .fa-facebook:hover {
 +
    background: #4060A5;
 +
}
 +
 
 +
.social .fa-twitter:hover {
 +
    background: #00ABE3;
 +
}
 +
 
 +
.social .fa-google-plus:hover {
 +
    background: #e64522;
 +
}
 +
 
 +
.social .fa-github:hover {
 +
    background: #343434;
 +
}
 +
 
 +
.social .fa-pinterest:hover {
 +
    background: #cb2027;
 +
}
 +
 
 +
.social .fa-linkedin:hover {
 +
    background: #0094BC;
 +
}
 +
 
 +
.social .fa-flickr:hover {
 +
    background: #FF57AE;
 +
}
 +
 
 +
.social .fa-instagram:hover {
 +
    background: #375989;
 +
}
 +
 
 +
.social .fa-vimeo-square:hover {
 +
    background: #83DAEB;
 +
}
 +
 
 +
.social .fa-stack-overflow:hover {
 +
    background: #FEA501;
 +
}
 +
 
 +
.social .fa-dropbox:hover {
 +
    background: #017FE5;
 +
}
 +
 
 +
.social .fa-tumblr:hover {
 +
    background: #3a5876;
 +
}
 +
 
 +
.social .fa-dribbble:hover {
 +
    background: #F46899;
 +
}
 +
 
 +
.social .fa-skype:hover {
 +
    background: #00C6FF;
 +
}
 +
 
 +
.social .fa-stack-exchange:hover {
 +
    background: #4D86C9;
 +
}
 +
 
 +
.social .fa-youtube:hover {
 +
    background: #FF1F25;
 +
}
 +
 
 +
.social .fa-xing:hover {
 +
    background: #005C5E;
 +
}
 +
 
 +
.social .fa-rss:hover {
 +
    background: #e88845;
 +
}
 +
 
 +
.social .fa-foursquare:hover {
 +
    background: #09B9E0;
 +
}
 +
 
 +
.social .fa-youtube-play:hover {
 +
    background: #DF192A;
 +
}
 +
<!-- end of social media buttons -->
 +
   .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {border-bottom: 0px}
 +
       body {background-color: #242527;}
 
       a {color:#f1c40f;}
 
       a {color:#f1c40f;}
 
       a:visited {
 
       a:visited {
Line 19: Line 144:
 
       a.bodytext {color:#ffea79;}
 
       a.bodytext {color:#ffea79;}
 
       a:hover {
 
       a:hover {
−
         color: #34495e}
+
         color: #242527}
 
        
 
        
 
       .nav-pills > li > a {
 
       .nav-pills > li > a {
Line 36: Line 161:
 
#content {
 
#content {
 
     border: 0px;
 
     border: 0px;
−
     background-color: #34495e;
+
     background-color: #242527;
 
     width:  auto;
 
     width:  auto;
 
     margin-left: 0px;
 
     margin-left: 0px;
Line 52: Line 177:
 
}
 
}
 
#contentContainer {padding-top:0px;}
 
#contentContainer {padding-top:0px;}
 +
 
     </style>
 
     </style>
 +
<style>
 +
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {border-bottom: 0px}
 +
</style>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
     $(document).ready(function() {
 
     $(document).ready(function() {
Line 76: Line 205:
 
       <div class="collapse navbar-collapse" id="myNavbar">
 
       <div class="collapse navbar-collapse" id="myNavbar">
 
         <ul class="nav navbar-nav">
 
         <ul class="nav navbar-nav">
−
          <li><a href="https://2015.igem.org/Team:Leicester/Description">Project</a></li>
+
<li class="dropdown">
−
          <li><a href="https://2015.igem.org/Team:Leicester/Team">Team</a></li>
+
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
−
          <li><a href="https://2015.igem.org/Team:Leicester/Measurement">Interlab Study</a></li>
+
      <ul class="dropdown-menu">
−
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
+
        <li><a href="https://2015.igem.org/Team:Leicester/Description">Description</a></li>
−
            <ul class="dropdown-menu">
+
        <li><a href="https://2015.igem.org/Team:Leicester/Research">Research</a></li>                   
−
              <li><a href="#section41">Section 4-1</a></li>
+
      </ul>
−
              <li><a href="#section42">Section 4-2</a></li>
+
    </li>
−
            </ul>
+
<li class="dropdown">
−
          </li>
+
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">About Us<span class="caret"></span></a>
 +
      <ul class="dropdown-menu">
 +
        <li><a href="https://2015.igem.org/Team:Leicester/Team">Team</a></li>
 +
        <li><a href="https://2015.igem.org/Team:Leicester/Attributions">Attributions</a></li>  
 +
<li><a href="https://2015.igem.org/Team:Leicester/Sponsors">Sponsors</a></li>                 
 +
      </ul>
 +
    </li>
 +
<li class="dropdown">
 +
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Lab Work<span class="caret"></span></a>
 +
      <ul class="dropdown-menu">
 +
        <li><a href="https://2015.igem.org/Team:Leicester/labwork/methods">Methods</a></li>  
 +
        <li><a href="https://2015.igem.org/Team:Leicester/labwork/results">Results</a></li>                  
 +
      </ul>
 +
    </li>
 
           <li><a href="https://2015.igem.org/Team:Leicester/Notebook">Notebook</a></li>
 
           <li><a href="https://2015.igem.org/Team:Leicester/Notebook">Notebook</a></li>
−
           <li><a href="https://2015.igem.org/Team:Leicester/Attributions">Attributions</a></li>
+
           <li><a href="https://2015.igem.org/Team:Leicester/Measurement">Interlab Study</a></li>
−
           <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
+
           <li><a href="https://2015.igem.org/Team:Leicester/Practices">Human Practices</a></li>
−
            <ul class="dropdown-menu">
+
           <li><a href="https://2015.igem.org/Team:Leicester/Safety">Safety</a></li>      
−
              <li><a href="https://2015.igem.org/Team:Leicester/Practices">Main</a></li>
+
−
              <li><a href="https://2015.igem.org/Team:Leicester/Practices#survey">Survey</a></li>
+
−
              <li><a href="https://2015.igem.org/Team:Leicester/Practices/Education">Education</a></li>
+
−
              <li><a href="https://2015.igem.org/Team:Leicester/Practices/Collaboration">Collaboration</a></li>
+
−
            </ul>
+
−
           </li>          <li><a href="https://2015.igem.org/Team:Leicester/Safety">Safety</a></li>
+
−
         
+
 
         </ul>
 
         </ul>
 +
 +
        <ul class="nav navbar-nav pull-right">
 +
        <li><a href="https://www.facebook.com/LeicesteriGEM2015"><i class="fa fa-lg fa-facebook" style="padding-top:4px"></i></a></li>
 +
        <li><a href="https://twitter.com/iGEMLeicester?ref_src=twsrc%5Etfw"><i class="fa fa-lg fa-twitter" style="padding-top:4px"></i></a></li>
 +
        </ul>
 
       </div>
 
       </div>
 
     </div>
 
     </div>

Latest revision as of 22:55, 18 September 2015

Live Preview