Difference between revisions of "Template:Leicester"

 
(77 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Template_All_Teams}}
 
−
 
−
<!DOCTYPE html>
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 7: Line 4:
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
−
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" type="text/css">
−
   <script src="https://2015.igem.org/Template:Leicester/jquery"></script>
+
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
−
<script src="https://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 {
 +
      color: #f1c40f;}
 
       a.bodytext {color:#ffea79;}
 
       a.bodytext {color:#ffea79;}
 +
      a:hover {
 +
        color: #242527}
 
        
 
        
 
       .nav-pills > li > a {
 
       .nav-pills > li > a {
Line 28: Line 154:
 
*/
 
*/
 
}
 
}
−
     
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: 0px;
 +
    background-color: #242527;
 +
    width:  auto;
 +
    margin-left: 0px;
 +
    margin: 0 auto;
 +
    padding: 0px 0px 0px 0px;
 +
    color: black;
 +
    border-left: 0px solid #444444;
 +
    border-right: 0px solid #444444;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
 +
#globalWrapper {
 +
  font-size: 100%;
 +
  padding: 0px 0px 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">
 +
    $(document).ready(function() {
 +
        $("p").filter( function() {
 +
            return $.trim($(this).html()) == '';
 +
        }).remove()
 +
    });
 +
</script>
 
</head>
 
</head>
 
<body>
 
<body>
−
 
+
<div class="container" style="padding-right: 0px;padding-left: 0px;">
 
<nav class="navbar navbar-default">
 
<nav class="navbar navbar-default">
 
<div class="container">
 
<div class="container">
Line 41: Line 200:
 
           <span class="icon-bar"></span>                         
 
           <span class="icon-bar"></span>                         
 
       </button>
 
       </button>
−
       <a class="navbar-brand" href="test2.html">University of Leicester</a>
+
       <a class="navbar-brand" href="https://2015.igem.org/Team:Leicester">University of Leicester</a>
 
     </div>
 
     </div>
 
     <div>
 
     <div>
 
       <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="#section1">Team</a></li>
+
<li class="dropdown">
−
          <li><a href="#section2">Project</a></li>
+
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
−
          <li><a href="#section3">Measurement</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>
−
           <li><a href="#">Notebook</a></li>
+
      <ul class="dropdown-menu">
−
           <li><a href="#">Attributions</a></li>
+
        <li><a href="https://2015.igem.org/Team:Leicester/Team">Team</a></li>
−
           <li><a href="#">Human Practises</a></li>
+
        <li><a href="https://2015.igem.org/Team:Leicester/Attributions">Attributions</a></li>
−
           <li><a href="#">Saftey</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/Measurement">Interlab Study</a></li>
 +
           <li><a href="https://2015.igem.org/Team:Leicester/Practices">Human Practices</a></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>
 
   </div>
 
   </div>
 
     </nav>
 
     </nav>
−
 
−
<div class="container">
 
−
<div class="row">
 
−
    <div class="col-sm-3" style="padding-top:26px;"> 
 
−
<ul class="nav nav-pills nav-stacked">
 
−
        <li class="active"><a href="#">Home</a></li>
 
−
        <li><a href="secondpg.html">Team</a></li>
 
−
        <li><a href="#">Project</a></li>
 
−
        <li><a href="#">Measurement</a></li>
 
−
      </ul>
 
−
    </div>
 
−
    <div class="col-sm-8" style="color:#fff; background-color: #3498db; border-radius: 50px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:20px; box-shadow: 10px 10px 50px #000000;">
 
−
        <h1>Leicester iGEM</h1>
 
−
          <p>We will be updating this page as we go.</p>
 
−
        <div class="container" style="align:center;">
 
−
        <a class="twitter-timeline" 
 
−
data-widget-id="327381807010025474"
 
−
href="https://twitter.com/iGEMLeicester"
 
−
width="500"
 
−
height="500">
 
−
Tweets by @iGEMLeicester
 
−
</a>
 
−
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script>
 
−
        </div>
 
−
   
 
−
     
 
−
    </div>
 
−
    <div class="col-sm-1"><h1></h1></div>
 
−
   
 
−
   
 
−
    </div>   
 
 
</div>
 
</div>
 
      
 
      
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 22:55, 18 September 2015

Live Preview