Difference between revisions of "Team:Cornell/Parts"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
<style>
 +
        /* hides "Team:Cornell" and iGEM logo */
 +
        #top_title {
 +
            display: none;
 +
        }
 +
 +
        /* removes padding below footer */
 +
        #globalWrapper {
 +
            padding: 0;
 +
        }
 +
 +
        #content {
 +
            padding: 0px;
 +
            width: 100% !important;
 +
            margin-top: 0px;
 +
            margin-left: 0px ;
 +
        }
 +
 +
        /* removes default styling for home banner tagline */
 +
        #HQ_page p {
 +
            font-family: 'Open Sans', sans-serif;
 +
            font-size: 16px;
 +
            font-weight: 100;
 +
            color: #000;
 +
            padding-top: 0;
 +
            padding-bottom: 0;
 +
        }
 +
 +
        /* removes small extra margin at very bottom below footer */
 +
        p {
 +
            margin: 0;
 +
        }
 +
 +
        /* removes bullets from Toolkit dropdown menu */
 +
        ul {
 +
            list-style-image: none;
 +
        }
 +
 +
    @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
 +
    html,
 +
    body {
 +
        width: 100%;
 +
        height: 100%;
 +
        margin: 0;
 +
        padding: 0;
 +
        overflow-x: hidden;
 +
    }
 +
   
 +
    body {
 +
        background-size: 40px 40px;
 +
    }
 +
   
 +
    p {
 +
        color: #000;
 +
        font-family: 'Open Sans', sans-serif;
 +
    }
 +
   
 +
    nav {
 +
        padding-top: 30px;
 +
        padding-bottom: 30px;
 +
        padding-right: 100px;
 +
        background-color: #a0e0bd;
 +
        height: 98px;
 +
    }
 +
   
 +
    .nav-bar-logo {
 +
        vertical-align: top;
 +
        display: inline-block;
 +
        float: left;
 +
        margin-left: 80px;
 +
        margin-top: -5px;
 +
    }
 +
   
 +
    .nav-bar-logo img {
 +
        width: 140px;
 +
    }
 +
   
 +
    .nav-bar-main-menu {
 +
        font-family: 'Raleway', sans-serif;
 +
    }
 +
   
 +
    .home-banner-wrapper {
 +
        position: relative;
 +
        background: #a0e0bd;
 +
        height: 675px;
 +
        width: 100%;
 +
        margin-top: -5px;
 +
    }
 +
   
 +
    .home-banner-logo {
 +
        height: 200px;
 +
        position: absolute;
 +
        left: 75px;
 +
        bottom: 55px;
 +
        z-index: 1;
 +
        background-color: rgba(160, 224, 189, 0.5);
 +
        box-shadow: 10px -10px 50px 10px rgba(160, 224, 189, 0.75);
 +
    }
 +
   
 +
    .home-banner-plants {
 +
        position: absolute;
 +
        top: 10px;
 +
        right: -10;
 +
        bottom: 20px;
 +
        height: 680px;
 +
        width: 1400px;
 +
    }
 +
   
 +
    .dropbtn {
 +
        background-color: transparent;
 +
        text-decoration: none;
 +
        padding: 15px;
 +
        margin: 0px;
 +
        font-size: 15px;
 +
        border: none;
 +
        color: #fff;
 +
    }
 +
   
 +
    @media (max-width: 1050px) {
 +
        .dropbtn {
 +
            font-size: 12px;
 +
        }
 +
    }
 +
   
 +
    .dropdown {
 +
        position: relative;
 +
        vertical-align: top;
 +
        display: inline-block;
 +
        float: right;
 +
    }
 +
   
 +
    .dropdown ul {
 +
        list-style-type: none;
 +
    }
 +
   
 +
    .dropdown a {
 +
        position: relative;
 +
        display: inline-block;
 +
        color: #e8b023;
 +
        text-decoration: none;
 +
    }
 +
   
 +
    .dropdown-content {
 +
        display: none;
 +
        position: absolute;
 +
        background-color: #016c64;
 +
        color: #ffffff;
 +
        width: 200px;
 +
        font-size: 14px;
 +
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 +
        z-index: 1;
 +
    }
 +
   
 +
    .dropdown-content a:hover {
 +
        background-color: #a0e0bd !important;
 +
    }
 +
   
 +
    .toolkit-dropdown-content {
 +
        width: 590px;
 +
        left: -160px;
 +
    }
 +
   
 +
    .modeling-dropdown-content {
 +
        left: -40px;
 +
    }
 +
   
 +
    .human-dropdown-content {
 +
        left: 12px;
 +
    }
 +
   
 +
    .outreach-dropdown-content {
 +
        width: 230px;
 +
        left: -40px;
 +
    }
 +
   
 +
    .team-dropdown-content {
 +
        width: 140px;
 +
        left: -35px;
 +
    }
 +
   
 +
    .dropdown-content a {
 +
        color: #ffffff;
 +
        padding: 12px 16px;
 +
        text-decoration: none !important;
 +
        display: block;
 +
    }
 +
   
 +
    .wet-lab-list-title,
 +
    .doc-list-title,
 +
    .pd-list-title {
 +
        padding-top: 12px;
 +
        padding-left: 16px;
 +
        padding-bottom: 14px;
 +
    }
 +
   
 +
    .nav-second-col {
 +
        margin-left: 30px;
 +
    }
 +
   
 +
    .nav-third-col {
 +
        margin-left: 30px;
 +
    }
 +
   
 +
    .dropbtn:hover,
 +
    .active-page {
 +
        color: #016c64;
 +
        transition-duration: 0.5s;
 +
    }
 +
   
 +
    .dropdown-content a:hover {
 +
        background-color: #a0e0bd !important;
 +
    }
 +
   
 +
    .dropdown:hover .dropdown-content {
 +
        display: block;
 +
    }
 +
   
 +
    footer {
 +
        padding: 35px;
 +
        position: relative;
 +
        text-align: center;
 +
        background-color: #a0e0bd;
 +
    }
 +
   
 +
    .footer-wrapper {
 +
        margin: auto;
 +
        display: inline-block;
 +
    }
 +
   
 +
    .icon-wrapper {
 +
        display: inline-block;
 +
        position: relative;
 +
        padding-right: 18px;
 +
        border-right: 0.5px solid white;
 +
    }
 +
   
 +
    .icon-wrapper-last {
 +
        border-right: none;
 +
    }
 +
   
 +
    .icon {
 +
        margin: 16px;
 +
    }
 +
   
 +
    .icon img {
 +
        height: 24px;
 +
    }
 +
 +
    .parts-page-banner {
 +
        background-color: #a0e0bd;
 +
    }
 +
   
 +
    .parts-page-content-wrapper {
 +
        padding-bottom: 5%;
 +
    }
 +
   
 +
    .parts-content-wrapper {
 +
        padding-right: 100px;
 +
        padding-left: 90px;
 +
        padding-top: 35px;
 +
        padding-bottom: 35px;
 +
    }
 +
   
 +
    .safety-header-text {
 +
        font-size: 24pt;
 +
        text-align: center;
 +
        color: #000;
 +
    }
 +
   
 +
    .parts-text-wrapper {
 +
        padding-top: 20px;
 +
    }
 +
   
 +
    .parts-body-text {
 +
        color: #000;
 +
        margin-top: 20px;
 +
    }
 +
/******************** GRID START ********************/
 +
    nav {
 +
        grid-area: navbar;
 +
    }
 +
 +
    .nav-bar-logo {
 +
        width: 180px;
 +
        padding-top: 12px;
 +
    }
 +
 +
    .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx {
 +
        display: grid;
 +
        grid-template-columns: auto auto auto;
 +
    }
 +
 +
    .nav-second-col {
 +
        display: inline-grid;
 +
    }
 +
 +
    .nav-third-col {
 +
        display: inline-grid;
 +
    }
 +
 +
    .home-description-wrapper {
 +
        display: grid;
 +
        grid-area: homedescription;
 +
        grid-template-columns: 150px auto 150px;
 +
        grid-template-areas: '. homedescriptionlogo .' '. homedescription .';
 +
    }
 +
 +
    .home-description-logo-wrapper {
 +
        grid-area: homedescriptionlogo;
 +
    }
 +
 +
    .home-description {
 +
        grid-area: homedescription;
 +
    }
 +
 +
    footer {
 +
        grid-area: footer;
 +
    }
 +
 +
    .parts-page-wrapper {
 +
        display: grid;
 +
        grid-template-columns: auto;
 +
        grid-template-rows: 100px 550px auto 100px;
 +
        grid-template-areas: 'navbar' 'partspagebanner' 'partspagecontent' 'footer';
 +
    }
 +
 +
    .parts-page-content-wrapper {
 +
        display: inline-grid;
 +
        grid-area: partspagecontent;
 +
    }
 +
 +
    .parts-page-banner {
 +
        grid-area: partspagebanner;
 +
    }
 +
 +
/******************** GRID END ********************/
 +
 +
</style>
 
<title>Team:Cornell/Notebook - 2019.igem.org</title>
 
<title>Team:Cornell/Notebook - 2019.igem.org</title>
 
<!-- CSS -->
 
<!-- CSS -->

Revision as of 02:53, 19 October 2019

Team:Cornell/Notebook - 2019.igem.org

Parts

Parts