|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <meta charset="utf-8">
| |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| |
| − | <title>PlastiCure</title>
| |
| − | <meta name="description" content="">
| |
| − | <link rel="icon" href="media/small icon for site.ico">
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <link rel="apple-touch-icon" href="apple-touch-icon.png">
| |
| − | <link rel="" href="https://static.igem.org/mediawiki/2016/0/01/Bootstrap.txt">
| |
| − | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| |
| − | <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
| |
| − | <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
| |
| − | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
| |
| − | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
| − | <link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*">
| |
| − | <style>
| |
| | | | |
| − | /********************************* DEFAULT WIKI SETTINGS ********************************/
| |
| − |
| |
| − | #sideMenu, #top_title {display:none;}
| |
| − | #content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
| |
| − | body {background-color:white; }
| |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
| − |
| |
| − | /********************************* MENU ********************************/
| |
| − |
| |
| − |
| |
| − | /*css for main menu*/
| |
| − | body {
| |
| − | top: 10px;
| |
| − | padding-top: 50px;
| |
| − | background-image: url('media/Golf-Shirt-Grey-Seamless-Pattern-For-Website-Background.jpg');
| |
| − | font-family: "ourFont";
| |
| − | padding-bottom: 0;
| |
| − | }
| |
| − | .igemMenuBarGap{
| |
| − | height: 15px;
| |
| − | }
| |
| − | @font-face{
| |
| − | font-family: ourFont;
| |
| − | src: url("css/bgu-ufonts_segoe-ui-light.woff");
| |
| − | }
| |
| − | .OurLogo{
| |
| − | max-width:120px;
| |
| − | margin-top: -4px;
| |
| − | }
| |
| − | .navbar-inverse{
| |
| − | /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
| |
| − | background: #45484d; /* Old browsers */
| |
| − | background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
| |
| − | background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
| |
| − | background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
| |
| − | top: 15px;
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav>li>a{
| |
| − | color: #fff;
| |
| − | }
| |
| − | @media (min-width: 767px){
| |
| − | .navbar-inverse{
| |
| − | height: 60px;
| |
| − | }
| |
| − | .mainmenu > li{
| |
| − | width: 14%;
| |
| − | height: 60px;
| |
| − | }
| |
| − | .navbar-nav{
| |
| − | width: 80%;
| |
| − | }
| |
| − | }
| |
| − | @media (max-width: 767px){
| |
| − | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
| |
| − | color: #fff;
| |
| − | }
| |
| − | }
| |
| − | /*
| |
| − | .navbar-default {
| |
| − | background-color: #216b9c;
| |
| − | border-color: #4cee30;
| |
| − | }
| |
| − | .navbar-default .navbar-brand {
| |
| − | color: #1c2a2f;
| |
| − | }
| |
| − | .navbar-default .navbar-brand:hover,
| |
| − | .navbar-default .navbar-brand:focus {
| |
| − | color: #f42d24;
| |
| − | }
| |
| − | .navbar-default .navbar-text {
| |
| − | color: #1c2a2f;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > li > a {
| |
| − | color: #1c2a2f;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > li > a:hover,
| |
| − | .navbar-default .navbar-nav > li > a:focus {
| |
| − | color: #f42d24;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > li > .dropdown-menu {
| |
| − | background-color: #216b9c;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
| |
| − | color: #1c2a2f;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
| |
| − | .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
| |
| − | color: #f42d24;
| |
| − | background-color: #4cee30;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
| |
| − | background-color: #4cee30;
| |
| − | }
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
| − | color: #f42d24;
| |
| − | background-color: #4cee30;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > .active > a,
| |
| − | .navbar-default .navbar-nav > .active > a:hover,
| |
| − | .navbar-default .navbar-nav > .active > a:focus {
| |
| − | color: #f42d24;
| |
| − | background-color: #4cee30;
| |
| − | }
| |
| − | .navbar-default .navbar-nav > .open > a,
| |
| − | .navbar-default .navbar-nav > .open > a:hover,
| |
| − | .navbar-default .navbar-nav > .open > a:focus {
| |
| − | color: #f42d24;
| |
| − | background-color: #4cee30;
| |
| − | }
| |
| − | .navbar-default .navbar-toggle {
| |
| − | border-color: #4cee30;
| |
| − | }
| |
| − | .navbar-default .navbar-toggle:hover,
| |
| − | .navbar-default .navbar-toggle:focus {
| |
| − | background-color: #4cee30;
| |
| − | }
| |
| − | .navbar-default .navbar-toggle .icon-bar {
| |
| − | background-color: #1c2a2f;
| |
| − | }
| |
| − | .navbar-default .navbar-collapse,
| |
| − | .navbar-default .navbar-form {
| |
| − | border-color: #1c2a2f;
| |
| − | }
| |
| − | .navbar-default .navbar-link {
| |
| − | color: #1c2a2f;
| |
| − | }
| |
| − | .navbar-default .navbar-link:hover {
| |
| − | color: #f42d24;
| |
| − | }
| |
| − |
| |
| − | @media (max-width: 767px) {
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > li > a {
| |
| − | color: #1c2a2f;
| |
| − | }
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
| |
| − | color: #f42d24;
| |
| − | }
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
| |
| − | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
| |
| − | color: #f42d24;
| |
| − | background-color: #4cee30;
| |
| − | }
| |
| − | }
| |
| − | */
| |
| − | @media (min-width: 979px) {
| |
| − | ul.nav li.dropdown:hover > ul.dropdown-menu {
| |
| − | display: block;
| |
| − | }
| |
| − | }
| |
| − | .mainmenu > li > a{
| |
| − | text-align: center;
| |
| − | top: 7%;
| |
| − | font-size: 110%;
| |
| − | font-family: Oswald, sans-serif;
| |
| − | font-weight: bolder;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .submenu{
| |
| − | background-color: inherit;
| |
| − | max-width: 168px;
| |
| − | min-width: 168px;
| |
| − | text-align: center;
| |
| − | left: -20px;
| |
| − | }
| |
| − | .submenu > li > a{
| |
| − | color: white;
| |
| − | padding-top: 5px;
| |
| − | padding-bottom: 5px;
| |
| − | }
| |
| − | .mainfooter{
| |
| − | margin-top: 1%;
| |
| − | margin-bottom: 0;
| |
| − | /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
| |
| − | background: #45484d; /* Old browsers */
| |
| − | background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
| |
| − | background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
| |
| − | background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
| |
| − | }
| |
| − | .mainfooter p{
| |
| − | margin: 2% auto;
| |
| − | color: white;
| |
| − | }
| |
| − | .mainfooter ul{
| |
| − | list-style: none;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − | .mainfooter a img{
| |
| − | width: 10%;
| |
| − | height: auto;
| |
| − | margin-left: 3%;
| |
| − | margin-top: 2%;
| |
| − | }
| |
| − | .back-to-top {
| |
| − | display: none;
| |
| − | width: 60px;
| |
| − | height: 60px;
| |
| − | text-indent: -9999px;
| |
| − | position: fixed;
| |
| − | z-index: 999;
| |
| − | right: 13px;
| |
| − | bottom: 30px;
| |
| − | background: black url(media/top-b-bgu.png) no-repeat center 43%;
| |
| − | border-radius: 30px;
| |
| − | }
| |
| − | .socialMediaIcon{
| |
| − | box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
| |
| − | border-radius: 7px;
| |
| − | }
| |
| − | .mainfooter h4{
| |
| − | color: #FFF;
| |
| − | margin-top: 4px;
| |
| − | }
| |
| − | ul{
| |
| − | list-style: none;
| |
| − | }
| |
| − | .mainfooter h5{
| |
| − | margin: 5% auto;
| |
| − | color: white;
| |
| − | }
| |
| − | .mainfooter ul{
| |
| − | margin: 6% auto;
| |
| − | padding: 0px;
| |
| − | }
| |
| − | .mainfooter div ul li{
| |
| − | display: inline;
| |
| − | width: 100%;
| |
| − | margin-right: 5%;
| |
| − | }
| |
| − | footer{
| |
| − | padding-bottom: 0px;
| |
| − | }
| |
| − | #projectB:hover {
| |
| − | background-color: #FF6961;
| |
| − | }
| |
| − | #teamB:hover {
| |
| − | background-color: #CB99C9;
| |
| − | }
| |
| − | #notebookB:hover {
| |
| − | background-color: #4997D0;
| |
| − | }
| |
| − | #partsB:hover {
| |
| − | background-color: #96FDFD;
| |
| − | }
| |
| − | #humanB:hover {
| |
| − | background-color: #77DD44;
| |
| − | }
| |
| − | #humanB > a{
| |
| − | top: -5px;
| |
| − | }
| |
| − | #safteyB:hover {
| |
| − | background-color: #FCFC4D;
| |
| − | }
| |
| − | #awardsB:hover {
| |
| − | background-color: #FFA447;
| |
| − | }
| |
| − | /*end css for main menu*/
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--- THIS IS WHERE THE HTML BEGINS --->
| |
| − |
| |
| − |
| |
| − | <!-- This tells the browser that your page is responsive -->
| |
| − |
| |
| − |
| |
| − |
| |
| − | <body>
| |
| − | <!--[if lt IE 8]>
| |
| − | <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
| |
| − | <![endif]-->
| |
| − | <div class="igemMenuBarGap"></div>
| |
| − | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
| |
| − | <div class="container">
| |
| − | <div class="navbar-header">
| |
| − | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
| |
| − | <span class="sr-only">Toggle navigation</span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | </button>
| |
| − | <a class="navbar-brand" href="index.html"><img class="OurLogo" alt="bgu_logo_plasticure" src="media/PlastiCure.png"></a>
| |
| − | </div>
| |
| − | <div id="navbar" class="navbar-collapse collapse">
| |
| − | <ul class="mainmenu nav navbar-nav">
| |
| − | <li class="dropdown" id="projectB"><a class="dropdown-toggle" href="Project.html">Project</a>
| |
| − | <ul class="dropdown-menu submenu">
| |
| − | <li><a href="#">Description</a></li>
| |
| − | <li><a href="#">Design</a></li>
| |
| − | <li><a href="#">Experiments</a></li>
| |
| − | <li><a href="#">Proof of Concept</a></li>
| |
| − | <li><a href="#">Demonstrate</a></li>
| |
| − | <li><a href="#">Results</a></li>
| |
| − | <li><a href="#">Protocols</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown" id="teamB"><a href="TeamBGU.html">Team</a>
| |
| − | <ul class="dropdown-menu submenu">
| |
| − | <li><a href="TeamBGU.html#MeetTeam">Members</a></li>
| |
| − | <li><a href="TeamBGU.html#MeetUni">Meet Our University</a></li>
| |
| − | <li><a href="TeamBGU.html#Collabo">Collaborations</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown" id="notebookB"><a class="dropdown-toggle" href="Notebook.html">Notebook</a></li>
| |
| − | <li class="dropdown" id="partsB"><a class="dropdown-toggle" href="Parts.html">Parts</a>
| |
| − | <ul class="dropdown-menu submenu">
| |
| − | <li><a href="Parts.html#Overview">Overview</a></li>
| |
| − | <li><a href="Parts.html#Basic">Basic Parts</a></li>
| |
| − | <li><a href="Parts.html#Improved">Improved Parts</a></li>
| |
| − | <li><a href="Parts.html#Collection">Part Collection</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="dropdown" id="humanB"><a class="dropdown-toggle" href="HumanPractice.html">Human Practices</a>
| |
| − | <ul class="dropdown-menu submenu">
| |
| − | <li><a href="#">Over View</a></li>
| |
| − | <li><a href="#">Public Engagement</a></li>
| |
| − | <li><a href="#">Education</a></li>
| |
| − | <li><a href="#">Plastic Art</a></li>
| |
| − | <li><a href="#">Ethics</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown" id="safteyB"><a class="dropdown-toggle" href="Team_bgu.html">Safety</a></li>
| |
| − |
| |
| − | <li class="dropdown" id="awardsB"><a class="dropdown-toggle" href="Team_bgu.html">Awards</a></li>
| |
| − | </ul>
| |
| − | </div><!--/.navbar-collapse -->
| |
| − | </div>
| |
| − | </nav>
| |
| − |
| |
| − | <script>
| |
| − |
| |
| − | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work.
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − |
| |
| − | $("#HQ_page").attr('id','');
| |
| − |
| |
| − |
| |
| − | if ( wgPageName.substring( 0, 8) == "Template") { // if the page is a template it displays the full name in a single line
| |
| − | $("#team_name").html( wgPageName );
| |
| − | }
| |
| − |
| |
| − | else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name
| |
| − | $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
| |
| − | }
| |
| − |
| |
| − | else {
| |
| − | // this adds the team's name as an h1
| |
| − | $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) );
| |
| − |
| |
| − | // this adds the page's title as an h4
| |
| − | $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") );
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | $('#accordion').find('.menu_item').click(function(){
| |
| − |
| |
| − | //Expand or collapse this panel
| |
| − | submenu = $(this).find('.submenu');
| |
| − | submenu.toggle();
| |
| − |
| |
| − | icon = $(this).find('.icon');
| |
| − |
| |
| − | if ( !$( submenu ).is(':visible') ) {
| |
| − | icon.removeClass("less").addClass("plus");
| |
| − | }
| |
| − | else {
| |
| − | icon.removeClass("plus").addClass("less");
| |
| − | }
| |
| − |
| |
| − | //Hide the other panels
| |
| − | $(".submenu").not(submenu).hide();
| |
| − | $(".icon").not(icon).removeClass("less").addClass("plus");
| |
| − | });
| |
| − |
| |
| − |
| |
| − | $(".collapsable_menu_control").click(function() {
| |
| − | $(".menu_item").toggle();
| |
| − | });
| |
| − |
| |
| − | $( window ).resize(function() {
| |
| − | $(".menu_item").show();
| |
| − | });
| |
| − |
| |
| − |
| |
| − | });
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − | </html>
| |
