Difference between revisions of "Template:Leicester"
(55 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> | ||
− | + | <!-- start of social media buttons --> | |
− | + | .social { | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | } | + | } |
− | body {background-color: # | + | |
+ | .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: # | + | color: #242527} |
.nav-pills > li > a { | .nav-pills > li > a { | ||
Line 36: | Line 161: | ||
#content { | #content { | ||
border: 0px; | border: 0px; | ||
− | background-color: # | + | 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 62: | Line 191: | ||
</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"> |
<div class="navbar-header"> | <div class="navbar-header"> | ||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> | ||
Line 75: | 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 class="dropdown"> | |
− | + | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu"> | |
− | + | <li><a href="https://2015.igem.org/Team:Leicester/Description">Description</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Leicester/Research">Research</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <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/ | + | <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 | + | <li><a href="https://2015.igem.org/Team:Leicester/Practices">Human Practices</a></li> |
− | <li><a href="https://2015.igem.org/Team:Leicester/Safety"> | + | <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> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 22:55, 18 September 2015