Template:Http://2013.igem.org/Team:Colombia Uniandes/Bootstrap
From 2013.igem.org
(Difference between revisions)
Trafalmejo (Talk | contribs) |
Trafalmejo (Talk | contribs) |
||
(218 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | |||
<head> | <head> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script> | ||
+ | <script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script> | ||
+ | <script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script> | ||
+ | <script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script> | ||
+ | <script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <script type="text/javascript"> | ||
+ | |||
- | + | $(document).ready(function () { | |
+ | $('.carousel').carousel() | ||
+ | interval: 1000 | ||
- | + | }); | |
- | + | $(document).ready(function () { | |
- | + | $('.dropdown-toggle').dropdown(); | |
- | + | }); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | }) | + | |
- | </script> | + | $('#myTab a').click(function (e) { |
- | + | e.preventDefault(); | |
- | + | $(this).tab('show'); | |
- | + | }); | |
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | #content { | ||
+ | |||
+ | body {font-size:10%;} | ||
+ | |||
+ | } | ||
+ | |||
+ | #toc, .toc { | ||
+ | display:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | border: 0px; | ||
+ | color: #00523C; | ||
+ | family-font: "Myriad Web Pro"; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu{ | ||
+ | width: 180px; /*width of menu*/ | ||
+ | border-style: solid solid none solid; | ||
+ | border-color: #94AA74; | ||
+ | border-size: 1px; | ||
+ | border-width: 1px; | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .arrowsidemenu ul{ | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu div a{ /*header bar links*/ | ||
+ | font: bold 12px Helvetica, Arial, sans-serif; | ||
+ | display: block; | ||
+ | |||
+ | |||
+ | height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/ | ||
+ | padding: 4px 0 4px 10px; | ||
+ | line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu div a:link, .arrowsidemenu div a:visited{ | ||
+ | color: #26370A; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu div a:hover{ | ||
+ | background-position: 100% -32px; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu div.unselected a{ /*header that's currently not selected*/ | ||
+ | color: #283b00; | ||
+ | } | ||
+ | |||
+ | |||
+ | .arrowsidemenu div.selected a{ /*header that's currently selected*/ | ||
+ | color: #616161; | ||
+ | background-position: 100% -64px !important; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu ul{ | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu ul li{ | ||
+ | border-bottom: 1px solid #a1c67b; | ||
+ | list-style-type: none; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .arrowsidemenu ul li a{ /*sub menu links*/ | ||
+ | display: block; | ||
+ | background: #ffffff; | ||
+ | font: normal 12px Helvetica, Arial, sans-serif; | ||
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | padding: 5px 0; | ||
+ | padding-left: 10px; | ||
+ | border-left: 10px double #a1c67b; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | .arrowsidemenu ul li a:hover{ | ||
+ | background: #d5e5c1; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | ||
+ | <style type="text/css"> | ||
+ | /* These styles just pretty up the page a bit. */ | ||
+ | html | ||
+ | { | ||
+ | overflow: -moz-scrollbars-vertical !important; | ||
+ | resize: none; | ||
+ | background-color: #fff; | ||
+ | background: url(http://www.graphicmania.net/wp-content/uploads/08052010/29.jpg) repeat; | ||
+ | |||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 0px; | ||
+ | border-top: 1 | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | body | ||
+ | { | ||
+ | |||
+ | background: url(http://www.graphicmania.net/wp-content/uploads/08052010/29.jpg) repeat; | ||
+ | |||
+ | |||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font: 65%/1.2 Arial, Helvetica, sans-serif; | ||
+ | background-color: #eee; } | ||
+ | #wrap { | ||
+ | font-size: 1.1em; | ||
+ | width: 180px; | ||
+ | padding: 0px; | ||
+ | margin-left: 15px; | ||
+ | background-color: #fff; | ||
+ | position: relative; | ||
+ | height: 100%; | ||
+ | |||
+ | margin-right: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-top: 10px; | ||
+ | float: left; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .right_box{ | ||
+ | width: 730px; | ||
+ | margin-left: 210px; | ||
+ | margin-top: 20px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | /* These styles create the dropdown menus. */ | ||
+ | #navbar { | ||
+ | margin: 1600; | ||
+ | padding: 0; | ||
+ | height: 1em; } | ||
+ | #navbar li { | ||
+ | list-style: none; | ||
+ | float: left; } | ||
+ | #navbar li a { | ||
+ | padding-left: 6px; | ||
+ | padding-bottom: 4px; | ||
+ | padding-right: 6px; | ||
+ | padding-top: 4px; | ||
+ | display: block; | ||
+ | background-color: #5d9548; | ||
+ | color: #fff; | ||
+ | text-decoration: none; } | ||
+ | #navbar li ul { | ||
+ | display: none; | ||
+ | width: 10em; /* Width to help Opera out */ | ||
+ | background-color: #80ff00;} | ||
+ | #navbar li:hover ul, #navbar li.hover ul { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | background-color: #5d9549; | ||
+ | margin: 0; | ||
+ | padding: 0; } | ||
+ | #navbar li:hover li, #navbar li.hover li { | ||
+ | float: none; } | ||
+ | #navbar li:hover li a, #navbar li.hover li a { | ||
+ | background-color: #66b83d; | ||
+ | border-bottom: 1px solid #fff; | ||
+ | color: white; } | ||
+ | #navbar li li a:hover { | ||
+ | background-color: #8db3ff; } | ||
+ | </style> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | |||
+ | // Javascript originally by Patrick Griffiths and Dan Webb. | ||
+ | // http://htmldog.com/articles/suckerfish/dropdowns/ | ||
+ | sfHover = function() { | ||
+ | var sfEls = document.getElementById("navbar").getElementsByTagName("li"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=" hover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp(" hover\\b"), ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#slider').s3Slider({ | ||
+ | timeOut: 5000 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css" media="screen"> | ||
/*! | /*! | ||
- | * Bootstrap v2.3. | + | * Bootstrap v2.3.1 |
* | * | ||
* Copyright 2012 Twitter, Inc | * Copyright 2012 Twitter, Inc | ||
Line 274: | Line 504: | ||
margin: 0; | margin: 0; | ||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
- | font-size: | + | font-size: 10px; |
- | line-height: | + | line-height: 15px; |
color: #333333; | color: #333333; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
Line 3,057: | Line 3,287: | ||
.open > .dropdown-menu { | .open > .dropdown-menu { | ||
display: block; | display: block; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 6,215: | Line 6,436: | ||
position: fixed; | position: fixed; | ||
} | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
- | |||
- | < | + | <div id="myCarousel" class="carousel slide"> |
- | < | + | <ol class="carousel-indicators"> |
- | / | + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
- | + | <li data-target="#myCarousel" data-slide-to="1"></li> | |
- | + | <li data-target="#myCarousel" data-slide-to="2"></li> | |
- | + | <li data-target="#myCarousel" data-slide-to="3"></li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | </ol> | |
- | + | <!-- Carousel items --> | |
- | + | <div class="carousel-inner"> | |
+ | <div class="active item"><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/f/fb/Igem-12.png"></a></div> | ||
+ | <div class="item"><a href="https://2013.igem.org/Team:Colombia_Uniandes/NickoProject"><img src="https://static.igem.org/mediawiki/2013/f/f7/Cover11.png"></a></div> | ||
+ | <div class="item"><a href="https://2013.igem.org/Team:Colombia_Uniandes/ChimiProject"><img src="https://static.igem.org/mediawiki/2013/d/dc/Cover8.png"></a></div> | ||
+ | <div class="item"><a href="https://2013.igem.org/Team:Colombia_Uniandes/Team"><img src="https://static.igem.org/mediawiki/2013/b/b3/Cover.png"></a></div> | ||
- | |||
- | |||
- | |||
- | + | </div> | |
- | + | <!-- Carousel nav --> | |
- | + | <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> | |
+ | <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <h6> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="navbar"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="navbar-inner"> | |
+ | <ul class="nav"> | ||
- | . | + | <li class="active"><a href="https://2013.igem.org/Team:Colombia_Uniandes">Home</a></li> |
- | + | <li class="dropdown"> | |
- | + | <a href="https://2013.igem.org/Team:Colombia_Uniandes/Project" class="dropdown-toggle" data-toggle="dropdown"> | |
- | + | Projects | |
- | + | <b class="caret"></b> | |
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/ChimiProject">Stress Sensor</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/NickoProject">Nickel Absorption System</a></li> | ||
- | + | </ul> | |
+ | </li> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <li class="dropdown"> | ||
+ | <a href="https://2013.igem.org/Team:Colombia_Uniandes/Team" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | Team | ||
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Team">The Team</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Team#Undergrads">Undergrads</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Team#Grads">Grad Students</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Team#Instructors">Instructors </a></li> | ||
- | < | + | </ul> |
- | + | </li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Parts">Parts</a></li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | . | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
+ | <li class="dropdown"> | ||
+ | <a href="https://2013.igem.org/Team:Colombia_Uniandes/Model" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | Modeling | ||
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Modeling">Differential Equations</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Parameters">Parameters</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Stochastic">Stochastic Model</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Scripting">Scripting </a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Implementation">Implementation</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | / | + | <li class="dropdown"> |
- | + | <a href="https://2013.igem.org/Team:Colombia_Uniandes/HumanPractices" class="dropdown-toggle" data-toggle="dropdown"> | |
- | + | Human Practices | |
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/OurHumanPractices">Overview</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Educative">Educative</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Corporative">Corporative</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Social">Social</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Thanks">Acknowledgments</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="https://2013.igem.org/Team:Colombia_Uniandes/Book" class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | Notebook | ||
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <!-- <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/NickoJournal">Nicko's Journal</a></li>--> | ||
+ | <!--<li><a href="https://2013.igem.org/Team:Colombia_Uniandes/ChimiJournal">Chimi's Journal</a></li>--> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Journal">Journals</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Meetings">Meetings</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Classes">Classes</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Protocols">Protocols </a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/How_to_parts">How to: Parts </a></li> | ||
- | </ | + | </ul> |
- | < | + | </li> |
- | |||
- | |||
- | |||
- | < | + | <li class="dropdown"> |
- | + | <a href="https://2013.igem.org/Team:Colombia_Uniandes/Safety" class="dropdown-toggle" data-toggle="dropdown"> | |
- | <a href="#"> | + | Safety |
+ | <b class="caret"></b> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Safety#Biosafety">Biosafety Provisions</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Safety#Hazard">Hazard</a></li> | ||
+ | |||
+ | </ul> | ||
</li> | </li> | ||
- | |||
- | |||
- | |||
- | / | + | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Gallery">Gallery</a></li> |
- | + | ||
- | + | ||
- | + | ||
- | + | <li><a href="https://2013.igem.org/Team:Colombia_Uniandes/Sponsors">Sponsors</a></li> | |
- | + | ||
- | + | </ul> | |
- | + | </div> | |
- | + | </h6> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | + | ||
</body> | </body> | ||
+ | |||
</html> | </html> |
Latest revision as of 21:09, 27 September 2013