Difference between revisions of "Template:Home"

 
(75 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
−
 
 
<head>
 
<head>
 +
    <!-- This tells the browser that your page is responsive -->
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
     <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"
 
     <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"
 
           id="bootstrap-css">
 
           id="bootstrap-css">
 
     <style>
 
     <style>
−
 
−
 
−
        /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
  
 
         /* Clear the default wiki settings */
 
         /* Clear the default wiki settings */
−
 
 
         #home_logo, #sideMenu {
 
         #home_logo, #sideMenu {
 
             display: none;
 
             display: none;
Line 21: Line 17:
 
         }
 
         }
  
−
         #content {
+
         /* special class that the system uses to make sure the team wants a page to be evaluated */
−
             width: 100%;
+
        .judges-will-not-evaluate {
−
             padding: 0px;
+
             width: 96.6%;
−
             margin-top: -7px;
+
             margin: 5px 15px;
−
             margin-left: 0px;
+
             display: block;
 +
             border: 4px solid #3399ff;
 +
            font-weight: bold;
 
         }
 
         }
  
−
         body {
+
         /***************************************************** CUSTOM STYLING ****************************************************/
−
            background: white;
+
−
        }
+
  
−
         #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
         *,
−
             margin-bottom: 0px;
+
        *:before,
−
        }
+
        *:after {
−
 
+
             -webkit-box-sizing: border-box;
−
        table {;
+
            -moz-box-sizing: border-box;
 +
            box-sizing: border-box;
 
         }
 
         }
  
−
         /**************************************************************** MENU ***************************************************************/
+
         body {
−
        /* Wrapper for the menu */
+
             background: white;
−
        .igem_2017_menu_wrapper {
+
−
            width: 15%;
+
−
            height: 100vh;
+
−
            position: fixed;
+
−
            right: 0;
+
−
            padding: 0;
+
−
            float: right;
+
−
            border-left: 1px solid #F8CE63;
+
−
             background-color: white;
+
−
            text-align: left;
+
−
            font-family: Tahoma, Geneva, sans-serif;
+
−
            overflow-y: auto;
+
 
             overflow-x: hidden;
 
             overflow-x: hidden;
 +
            margin-top: 80px;
 +
            letter-spacing: 0.022em;
 
         }
 
         }
  
−
         /* this hides the scrollbar to keep view consistency */
+
         /* font and text */
−
         .igem_2017_menu_wrappe::-webkit-scrollbar {
+
         h1,
−
             display: none;
+
        h2,
 +
        h3,
 +
        h4,
 +
        h5 {
 +
            border: 0;
 +
            color: #ebc163;
 +
             font-weight: 200;
 
         }
 
         }
  
−
         /* styling for links in the menu, removes the line under text */
+
         h1,
−
         .igem_2017_menu_wrapper a {
+
         h2,
−
             text-decoration: none;
+
        h3 {
 +
             margin-top: 24px;
 +
            margin-bottom: 14px;
 
         }
 
         }
  
−
         /* styling for the images in the menu */
+
         h1 {
−
        .igem_2017_menu_wrapper img {
+
             font-size: 50px;
−
             width: 100%;
+
 
         }
 
         }
−
 
+
         h2 {
−
         /* styling for the menu buttons */
+
             font-size: 40px;
−
        .igem_2017_menu_wrapper .menu_button {
+
−
            width: 100%;
+
−
            padding: 10px 0px 10px 15px;
+
−
            float: left;
+
−
            border-bottom: 1px solid #F8CE63;
+
−
             font-size: 16px;
+
−
            font-weight: bold;
+
−
            color: #F8CE63;
+
−
            cursor: pointer;
+
 
         }
 
         }
−
 
+
         h3 {
−
         .igem_2017_menu_wrapper .menu_bottom_padding {
+
             color: #111;
−
             width: 100%;
+
             font-size: 30px;
−
             height: 30px;
+
−
            float: left;
+
 
         }
 
         }
−
 
+
         h4 {
−
         .menu_button.direct_to_page {
+
             font-size: 24px;
−
             padding-left: 36px;
+
 
         }
 
         }
−
 
+
         h5 {
−
         .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
             font-size: 20px;
−
            width: 10%;
+
−
            float: left;
+
−
        }
+
−
 
+
−
        .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
+
−
            content: "+";
+
−
        }
+
−
 
+
−
        /* styling for the menu buttons on hover */
+
−
        .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover, .submenu_button.current_page:hover {
+
−
            background-color: #F8CE63;
+
−
            text-decoration: none;
+
−
            color: #190707;
+
−
        }
+
−
 
+
−
        /* styling for the menu button when it is the current page */
+
−
        .current_page {
+
−
            background-color: white !important;
+
−
            color: #F8CE63 !important;
+
−
        }
+
−
 
+
−
        /* styling for the submenu buttons */
+
−
        .igem_2017_menu_wrapper .submenu_button {
+
−
            width: 100%;
+
−
            padding: 10px 0px 10px 34px;
+
−
            float: left;
+
−
            background-color: white;
+
−
            border-bottom: 1px solid #F8CE63;
+
−
             font-size: 15px;
+
−
            color: #F8CE63;
+
−
            cursor: pointer;
+
 
         }
 
         }
  
−
        /* wrapper for the submenu items, they are hidden by default*/
+
         .container {
−
         .igem_2017_menu_wrapper .submenu_wrapper {
+
 
             display: none;
 
             display: none;
 
         }
 
         }
−
 
+
         .container p {
−
        /* when the page size is bigger than 800px, this show/hide control is hidden by default */
+
−
        .igem_2017_menu_wrapper #display_menu_control {
+
−
            display: none;
+
−
            text-align: center;
+
−
        }
+
−
 
+
−
        /***************************************************** CONTENT OF THE PAGE ****************************************************/
+
−
 
+
−
        /* Wrapper for the content */
+
−
        .igem_2017_content_wrapper {
+
−
            width: 83%;
+
−
            margin: 0;
+
−
            display: block;
+
−
            float: left;
+
−
            background-color: white;
+
−
            font-family: Tahoma, Geneva, sans-serif;
+
−
        }
+
−
 
+
−
        /********************************* HTML STYLING  *********************************/
+
−
 
+
−
        /* styling for the titles h1 h2 */
+
−
        .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
−
            color: #F8CE63;
+
−
            padding: 15px 0 25px 0;
+
−
            border-bottom: 0;
+
−
        }
+
−
 
+
−
        /* styling for the titles  h3 h4 h5 h6*/
+
−
        .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
+
−
            padding: 5px 15px;
+
−
            border-bottom: 0;
+
−
        }
+
−
 
+
−
        /* font and text */
+
−
         .container p,
+
−
        #HQ_page p {
+
 
             line-height: 24px;
 
             line-height: 24px;
 
             font-size: 16px;
 
             font-size: 16px;
 
             color: #333;
 
             color: #333;
 +
            text-align: justify;
 
         }
 
         }
−
 
+
         .img-responsive {
−
         .igem_2017_content_wrapper img {
+
             padding-bottom: 25px;
−
             padding: 15px 0;
+
 
         }
 
         }
  
−
         /* Links */
+
         /* LIST STYLES */
−
         .igem_2017_content_wrapper a {
+
         .container ul {
−
             font-weight: bold;
+
             list-style: square outside none !important;
−
             text-decoration: underline;
+
             font-size: 16px;
−
             text-decoration-color: #190707;
+
             margin: 20px 0 25px 36px;
−
            color: #3399ff;
+
−
            -webkit-transition: all 0.4s ease;
+
−
            -moz-transition: all 0.4s ease;
+
−
            -ms-transition: all 0.4s ease;
+
−
            -o-transition: all 0.4s ease;
+
−
            transition: all 0.4s ease;
+
 
         }
 
         }
  
−
        /* hover for the links */
+
         .container ul li {
−
         .igem_2017_content_wrapper a:hover {
+
             margin-bottom: 8px;
−
             text-decoration: none;
+
−
            color: #000000;
+
 
         }
 
         }
  
−
         /* non numbered lists */
+
         /* TABLE STYLES */
−
         .igem_2017_content_wrapper ul {
+
         .container table {
−
             padding: 0px 20px;
+
             margin: 0;
−
             font-size: 15px;
+
             width: calc(100% - 100px);
−
            font-family: Tahoma, Geneva, sans-serif;
+
 
         }
 
         }
−
 
+
         .container table th{
−
        /* numbered lists */
+
             padding: 4px;
−
         .igem_2017_content_wrapper ol {
+
             font-weight: bold;
−
             padding: 0px;
+
−
             font-size: 15px;
+
−
            font-family: Tahoma, Geneva, sans-serif;
+
 
         }
 
         }
−
 
+
         .container table td{
−
        /* Table */
+
             padding: 4px;
−
         .igem_2017_content_wrapper table {
+
−
             width: 97%;
+
−
            margin: 15px 10px;
+
−
            border: 2px solid #190707;
+
−
            border-collapse: collapse;
+
 
         }
 
         }
  
−
         /* table cells */
+
         /* NAVBAR STYLES */
−
        .igem_2017_content_wrapper td {
+
−
            padding: 10px;
+
−
            vertical-align: text-top;
+
−
            border: 1px solid #190707;
+
−
            border-collapse: collapse;
+
−
        }
+
−
 
+
−
        /* table headers */
+
−
        .igem_2017_content_wrapper th {
+
−
            padding: 10px;
+
−
            vertical-align: text-top;
+
−
            border: 1px solid #190707;
+
−
            border-collapse: collapse;
+
−
 
+
−
        }
+
−
 
+
−
        /**********************************LAYOUT CLASSES **********************************/
+
−
 
+
−
        /* general class for column divs */
+
−
        .igem_2017_content_wrapper .column {
+
−
            padding: 10px 0px;
+
−
            float: left;
+
−
        }
+
−
 
+
−
        /* class for a full width column */
+
−
        .column .full_size {
+
−
            width: 100%;
+
−
        }
+
−
 
+
−
        /* styling for images in a full width column*/
+
−
        .column.full_size img {
+
−
            width: 97%;
+
−
            padding: 10px 15px;
+
−
        }
+
−
 
+
−
        /* class for a half width column */
+
−
        .column.half_size {
+
−
            width: 50%;
+
−
        }
+
−
 
+
−
        /* styling for images in a half width column*/
+
−
        .column.half_size img {
+
−
            width: 94.5%;
+
−
            padding: 10px 15px;
+
−
        }
+
−
 
+
−
        /********************************* SUPPORT CLASSES ********************************/
+
−
 
+
−
        /* class that clears content below*/
+
−
        .igem_2017_content_wrapper .clear {
+
−
            clear: both;
+
−
        }
+
−
 
+
−
        /* adds extra spacing when clearing content */
+
−
        .igem_2017_content_wrapper .clear.extra_space {
+
−
            height: 30px;
+
−
        }
+
−
 
+
−
        /* highlight class, makes content slightly smaller */
+
−
        .igem_2017_content_wrapper .highlight {
+
−
            margin: 0px 15px;
+
−
            padding: 15px 0px;
+
−
        }
+
−
 
+
−
        /* highlight class, adds a gray background */
+
−
        .igem_2017_content_wrapper .highlight.gray {
+
−
            background-color: #190707;
+
−
        }
+
−
 
+
−
        /* highlight with decoration blue line on top */
+
−
        .igem_2017_content_wrapper .highlight.blue_top {
+
−
            border-top: 4px solid #190707;
+
−
        }
+
−
 
+
−
        /* highlight with a full blue border decoration */
+
−
        .igem_2017_content_wrapper .highlight.blue_border {
+
−
            border: 4px solid #190707;
+
−
        }
+
−
 
+
−
        /* button class */
+
−
        .igem_2017_content_wrapper .button {
+
−
            max-width: 35%;
+
−
            margin: 30px auto;
+
−
            padding: 12px 10px;
+
−
            background-color: #190707;
+
−
            text-align: center;
+
−
            color: #F8CE63;
+
−
            -webkit-transition: all 0.4s ease;
+
−
            -moz-transition: all 0.4s ease;
+
−
            -ms-transition: all 0.4s ease;
+
−
            -o-transition: all 0.4s ease;
+
−
            transition: all 0.4s ease;
+
−
        }
+
−
 
+
−
        /* styling for button on hover */
+
−
        .igem_2017_content_wrapper .button:hover {
+
−
            background-color: #190707;
+
−
            color: #F8CE63;
+
−
        }
+
−
 
+
−
        /***************************************************** RESPONSIVE STYLING ****************************************************/
+
−
 
+
−
        *, *:before, *:after {
+
−
            -webkit-box-sizing: border-box;
+
−
            -moz-box-sizing: border-box;
+
−
            box-sizing: border-box;
+
−
        }
+
−
 
+
−
        body {
+
−
            overflow-x: hidden;
+
−
            margin-top: 80px;
+
−
            letter-spacing: 0.02em;
+
−
        }
+
−
 
+
−
        /* IF THE SCREEN IS LESS THAN 1200PX */
+
−
        @media only screen and (max-width: 1024px) {
+
−
 
+
−
            #content {
+
−
                width: 100%;
+
−
            }
+
−
 
+
−
            .igem_2017_content_wrapper {
+
−
                width: 100%;
+
−
            }
+
−
 
+
−
            .igem_2017_menu_wrapper {
+
−
                width: 100%;
+
−
                height: 15%;
+
−
                position: relative;
+
−
                left: 0;
+
−
            }
+
−
 
+
−
            .highlight {
+
−
                padding: 10px 0px;
+
−
            }
+
−
 
+
−
            .igem_2017_menu_wrapper #display_menu_control {
+
−
                display: none;
+
−
            }
+
−
 
+
−
            #menu_content {
+
−
                display: block;
+
−
            }
+
−
 
+
−
            .menu_button.direct_to_page {
+
−
                padding-left: 17px;
+
−
            }
+
−
        }
+
−
 
+
−
        /* IF THE SCREEN IS LESS THAN 800PX */
+
−
        @media only screen and (max-width: 800px) {
+
−
 
+
−
            .igem_2017_content_wrapper {
+
−
                width: 100%;
+
−
                margin-left: 0;
+
−
            }
+
−
 
+
−
            .column.half_size {
+
−
                width: 100%;
+
−
            }
+
−
 
+
−
            .column.full_size img, .column.half_size img {
+
−
                width: 100%;
+
−
                padding: 10px 0;
+
−
            }
+
−
 
+
−
            .highlight {
+
−
                padding: 15px 5px;
+
−
            }
+
−
 
+
−
            .igem_2017_menu_wrapper #display_menu_control {
+
−
                display: block;
+
−
            }
+
−
 
+
−
            #menu_content {
+
−
                display: none;
+
−
            }
+
−
 
+
−
            .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
−
                width: 5%;
+
−
            }
+
−
 
+
−
            .menu_bottom_padding {
+
−
                display: none;
+
−
            }
+
−
 
+
−
            .menu_button.direct_to_page {
+
−
                padding-left: 36px;
+
−
            }
+
−
        }
+
−
 
+
−
        /* special class that the system uses to make sure the team wants a page to be evaluated */
+
−
        .judges-will-not-evaluate {
+
−
            width: 96.6%;
+
−
            margin: 5px 15px;
+
−
            display: block;
+
−
            border: 4px solid #3399ff;
+
−
            font-weight: bold;
+
−
        }
+
−
 
+
−
        /* CUSTOM BS NAVBAR STYLES */
+
 
         .navbar {
 
         .navbar {
 
             border: 0;
 
             border: 0;
 
         }
 
         }
−
 
 
         .navbar-default {
 
         .navbar-default {
 
             margin-top: 15px;
 
             margin-top: 15px;
Line 436: Line 131:
  
 
         .navbar-brand img {
 
         .navbar-brand img {
−
             height: 49px;
+
             height: 48px;
 
         }
 
         }
  
 
         .navbar-default .navbar-nav > li > a {
 
         .navbar-default .navbar-nav > li > a {
 
             color: white;
 
             color: white;
 +
            text-transform: uppercase;
 
         }
 
         }
  
Line 446: Line 142:
 
         .navbar-default .navbar-nav > li > a:hover,
 
         .navbar-default .navbar-nav > li > a:hover,
 
         .navbar-default .navbar-nav > .dropdown > a .caret:hover {
 
         .navbar-default .navbar-nav > .dropdown > a .caret:hover {
−
             color: #F8CE63;
+
             color: #ebc163;
 
         }
 
         }
  
Line 452: Line 148:
 
         .navbar-default .navbar-nav > .open > a:hover,
 
         .navbar-default .navbar-nav > .open > a:hover,
 
         .navbar-default .navbar-nav > .open > a:focus {
 
         .navbar-default .navbar-nav > .open > a:focus {
−
             color: #F8CE63;
+
             color: #ebc163;
 
             background-color: #444;
 
             background-color: #444;
 
         }
 
         }
Line 464: Line 160:
 
             border: 0;
 
             border: 0;
 
         }
 
         }
 +
 
         .dropdown-menu > li > a {
 
         .dropdown-menu > li > a {
 
             color: white;
 
             color: white;
Line 472: Line 169:
 
             color: #111;
 
             color: #111;
 
             text-decoration: none;
 
             text-decoration: none;
−
             background-color: #F8CE63;
+
             background-color: #ebc163;
 
         }
 
         }
  
Line 481: Line 178:
 
         }
 
         }
  
−
        @media (max-width: 767px) {
+
         .navbar-nav > li > .dropdown-menu {
−
            .navbar-default .navbar-nav .open .dropdown-menu>li>a {
+
−
                color: #ddd;
+
−
            }
+
−
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
+
−
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
+
−
                color: #F8CE63;
+
−
            }
+
−
        }
+
−
 
+
−
         .navbar-nav>li>.dropdown-menu {
+
 
             background-color: #444;
 
             background-color: #444;
 
         }
 
         }
Line 500: Line 187:
  
 
         /* HOME banner */
 
         /* HOME banner */
−
         .home-banner-image:hover{
+
         .home-banner-image:hover {
 
             -webkit-animation: swing 2s ease;
 
             -webkit-animation: swing 2s ease;
 
             animation: swing 2s ease;
 
             animation: swing 2s ease;
Line 509: Line 196:
 
             /*transform: rotateZ(32deg);*/
 
             /*transform: rotateZ(32deg);*/
 
         }
 
         }
 +
 
         .home-banner-image {
 
         .home-banner-image {
−
             width:100%;
+
             width: 100%;
 
             height: 440px;
 
             height: 440px;
 
             background-position: center;
 
             background-position: center;
Line 517: Line 205:
 
             background-size: contain;
 
             background-size: contain;
 
         }
 
         }
−
         @-webkit-keyframes swing
+
 
−
        {
+
         @-webkit-keyframes swing {
−
             15%
+
             15% {
−
            {
+
 
                 -webkit-transform: translateX(5px);
 
                 -webkit-transform: translateX(5px);
 
                 transform: translateX(5px);
 
                 transform: translateX(5px);
 
             }
 
             }
−
             30%
+
             30% {
−
            {
+
 
                 -webkit-transform: translateX(-5px);
 
                 -webkit-transform: translateX(-5px);
 
                 transform: translateX(-5px);
 
                 transform: translateX(-5px);
 
             }
 
             }
−
             50%
+
             50% {
−
            {
+
 
                 -webkit-transform: translateX(3px);
 
                 -webkit-transform: translateX(3px);
 
                 transform: translateX(3px);
 
                 transform: translateX(3px);
 
             }
 
             }
−
             65%
+
             65% {
−
            {
+
 
                 -webkit-transform: translateX(-3px);
 
                 -webkit-transform: translateX(-3px);
 
                 transform: translateX(-3px);
 
                 transform: translateX(-3px);
 
             }
 
             }
−
             80%
+
             80% {
−
            {
+
 
                 -webkit-transform: translateX(2px);
 
                 -webkit-transform: translateX(2px);
 
                 transform: translateX(2px);
 
                 transform: translateX(2px);
 
             }
 
             }
−
             100%
+
             100% {
−
            {
+
 
                 -webkit-transform: translateX(0);
 
                 -webkit-transform: translateX(0);
 
                 transform: translateX(0);
 
                 transform: translateX(0);
 
             }
 
             }
 
         }
 
         }
−
         @keyframes swing
+
 
−
        {
+
         @keyframes swing {
−
             15%
+
             15% {
−
            {
+
 
                 -webkit-transform: translateX(5px);
 
                 -webkit-transform: translateX(5px);
 
                 transform: translateX(5px);
 
                 transform: translateX(5px);
 
             }
 
             }
−
             30%
+
             30% {
−
            {
+
 
                 -webkit-transform: translateX(-5px);
 
                 -webkit-transform: translateX(-5px);
 
                 transform: translateX(-5px);
 
                 transform: translateX(-5px);
 
             }
 
             }
−
             50%
+
             50% {
−
            {
+
 
                 -webkit-transform: translateX(3px);
 
                 -webkit-transform: translateX(3px);
 
                 transform: translateX(3px);
 
                 transform: translateX(3px);
 
             }
 
             }
−
             65%
+
             65% {
−
            {
+
 
                 -webkit-transform: translateX(-3px);
 
                 -webkit-transform: translateX(-3px);
 
                 transform: translateX(-3px);
 
                 transform: translateX(-3px);
 
             }
 
             }
−
             80%
+
             80% {
−
            {
+
 
                 -webkit-transform: translateX(2px);
 
                 -webkit-transform: translateX(2px);
 
                 transform: translateX(2px);
 
                 transform: translateX(2px);
 
             }
 
             }
−
             100%
+
             100% {
−
            {
+
 
                 -webkit-transform: translateX(0);
 
                 -webkit-transform: translateX(0);
 
                 transform: translateX(0);
 
                 transform: translateX(0);
 
             }
 
             }
 
         }
 
         }
 +
 +
        /* IF THE SCREEN IS LESS THAN 1200PX */
 +
        @media only screen and (max-width: 1024px) {
 +
 +
        }
 +
 +
        /* IF THE SCREEN IS LESS THAN 768PX */
 +
        @media only screen and (max-width: 768px) {
 +
            .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 +
                color: #ddd;
 +
            }
 +
 +
            .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
 +
            .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
 +
                color: #ebc163;
 +
            }
 +
 +
            .container table {
 +
                width: calc(100% - 50px);
 +
            }
 +
        }
 +
 +
        /* IF THE SCREEN IS LESS THAN 320PX */
 +
        @media only screen and (max-width: 320px) {
 +
            h1 {
 +
                font-size: 44px;
 +
            }
 +
            h2 {
 +
                font-size: 34px;
 +
            }
 +
            h3 {
 +
                font-size: 28px;
 +
            }
 +
            h4 {
 +
                font-size: 20px;
 +
            }
 +
            h5 {
 +
                font-size: 16px;
 +
            }
 +
            .container table {
 +
                width: calc(100% - 10px);
 +
            }
 +
        }
 +
 
     </style>
 
     </style>
−
     <script type="application/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+
     <script type="application/javascript"
 +
            src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  
−
     <script>
+
     <script type="application/javascript">
−
         $(document).ready(function(){
+
         $(document).ready(function () {
 
             /* remove igem mess */
 
             /* remove igem mess */
−
             $("#content").removeClass("mw-body");
+
             $("#content").removeClass("mw-body").attr("id", "");
−
            $("#content").attr("id", "");
+
             $("#mw-content-text").removeClass("mw-content-ltr").attr("id", "");
−
             $("#mw-content-text").removeClass("mw-content-ltr");
+
−
            $("#mw-content-text").attr("id", "");
+
 
             $("#HQ_page").attr("id", "");
 
             $("#HQ_page").attr("id", "");
 
             $("#bodyContent").attr("id", "");
 
             $("#bodyContent").attr("id", "");
 
             $("#globalWrapper").attr("id", "");
 
             $("#globalWrapper").attr("id", "");
 +
        });
 +
        $(window).load(function () {
 +
            setTimeout(function () {
 +
                $(".container").fadeIn();
 +
            }, 150);
 +
            $("#home_logo").remove();
 +
            $("#sideMenu").remove();
 +
            $("#top_title").remove();
 +
            $("#patrollink").remove();
 
         });
 
         });
 
     </script>
 
     </script>
−
 
−
 
−
    <!-- This tells the browser that your page is responsive -->
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
 
 
</head>
 
</head>
 
<body>
 
<body>
Line 636: Line 359:
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Team">Team</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Team">Team</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Attributions">Attributions</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Attributions">Attributions</a></li>
−
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Sponsoring">Sponoring</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Sponsoring">Sponsoring</a></li>
 
                         <!--<li role="separator" class="divider"></li>-->
 
                         <!--<li role="separator" class="divider"></li>-->
 
                     </ul>
 
                     </ul>
Line 652: Line 375:
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/InterLab">Interlab Study</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/InterLab">Interlab Study</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Model">Modelling</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Model">Modelling</a></li>
−
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Results">Results</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Composite Part">Composite Part</a></li>
−
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Parts">Parts</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Stuttgart/Safety">Safety</a></li>
 
                         <!--<li role="separator" class="divider"></li>-->
 
                         <!--<li role="separator" class="divider"></li>-->
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
                 <li>
+
                 <li class="dropdown">
−
                     <a href="https://2017.igem.org/Team:Stuttgart/Safety">Safety</a>
+
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
 +
                      aria-expanded="false">Results <span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <!--<li class="navbar-text navbar-left">Dry Lab</li>-->
 +
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Esterases and Lipases">Esterases and Lipases</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Keratinases">Keratinases</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Rose and Limonene Fragrance">Rose and Limonene Fragrance</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:Stuttgart/Demonstrate">Achievements</a></li>
 +
                        <!--<li role="separator" class="divider"></li>-->
 +
                    </ul>
 
                 </li>
 
                 </li>
 
                 <li class="dropdown">
 
                 <li class="dropdown">
Line 686: Line 418:
 
     </div><!-- /.container-fluid -->
 
     </div><!-- /.container-fluid -->
 
</nav>
 
</nav>
−
 
−
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 07:52, 15 December 2017