Difference between revisions of "Team:Cornell/Description"

Line 44: Line 44:
 
       }
 
       }
  
−
    @import url('https://fonts.googleapis.com/css?family=Asap+Condensed&display=swap');
+
        @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
−
    html,
+
        html,
−
    body {
+
        body {
−
        width: 100%;
+
            width: 100%;
−
        height: 100%;
+
            height: 100%;
−
        margin: 0;
+
            margin: 0;
−
        padding: 0;
+
            padding: 0;
−
        overflow-x: hidden;
+
            overflow-x: hidden;
−
         font-family: 'Asap Condensed', sans-serif;
+
         }
−
    }
+
       
−
 
+
        body {
−
    body {
+
            background-size: 40px 40px;
−
        background-size: 40px 40px;
+
        }
−
    }
+
       
−
 
+
        p {
−
    p {
+
            color: #000;
−
        color: #000;
+
            font-family: 'Open Sans', sans-serif;
−
    }
+
        }
−
 
+
       
−
    nav {
+
        nav {
−
        padding-top: 30px;
+
            padding-top: 30px;
−
        padding-bottom: 30px;
+
            padding-bottom: 30px;
−
        padding-right: 90px;
+
            padding-right: 100px;
−
        background-color: #a0e0bd;
+
            background-color: #a0e0bd;
−
        height: 58px;
+
            height: 98px;
−
    }
+
        }
−
 
+
       
−
    .nav-bar-logo {
+
        .nav-bar-logo {
−
        vertical-align: top;
+
            vertical-align: top;
−
        display: inline-block;
+
            display: inline-block;
−
        float: left;
+
            float: left;
−
        margin-left: 80px;
+
            margin-left: 80px;
−
        margin-top: -5px;
+
            margin-top: -5px;
−
    }
+
        }
−
 
+
       
−
    .nav-bar-logo img {
+
        .nav-bar-logo img {
−
        width: 140px;
+
            width: 140px;
−
    }
+
        }
−
 
+
       
−
    .nav-bar-main-menu button {
+
        .nav-bar-main-menu {
−
        font-family: 'Asap Condensed', sans-serif;
+
            font-family: 'Raleway', sans-serif;
−
         font-size: 18px;
+
         }
−
    }
+
          
−
 
+
         .banner-container {
−
    .home-banner-wrapper {
+
            display: flex;
−
         position: relative;
+
            flex-direction: row;
−
         background: #a0e0bd;
+
            flex-wrap: wrap;
−
        height: 675px;
+
            justify-content: center;
−
        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 {
 
         .dropbtn {
−
             font-size: 12px;
+
            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 {
+
      .dropdown-content a:hover {
−
        position: relative;
+
          background-color: #a0e0bd !important;
−
        vertical-align: top;
+
      }
−
        display: inline-block;
+
       
−
        float: right;
+
        .toolkit-dropdown-content {
−
    }
+
            width: 720px;
−
 
+
            left: -160px;
−
    .dropdown ul {
+
        }
−
        list-style-type: none;
+
       
−
    }
+
        .modeling-dropdown-content {
−
 
+
            left: -40px;
−
    .dropdown a {
+
        }
−
        position: relative;
+
       
−
        display: inline-block;
+
        .human-dropdown-content {
−
        color: #e8b023;
+
            left: 12px;
−
        text-decoration: none;
+
         }
−
    }
+
       
−
 
+
        .outreach-dropdown-content {
−
    .dropdown-content {
+
            width: 230px;
−
        display: none;
+
            left: -40px;
−
        position: absolute;
+
        }
−
        background-color: #016c64;
+
       
−
        color: #ffffff;
+
        .team-dropdown-content {
−
        width: 200px;
+
            width: 140px;
−
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+
            left: -35px;
−
        z-index: 1;
+
        }
−
    }
+
       
−
 
+
        .dropdown-content a {
−
    .dropdown-content a:hover {
+
            color: #ffffff;
−
        background-color: #a0e0bd !important;
+
            padding: 12px 16px;
−
    }
+
            text-decoration: none !important;
−
 
+
            display: block;
−
    .toolkit-dropdown-content {
+
        }
−
        width: 550px;
+
       
−
        left: -160px;
+
        .wet-lab-list-title,
−
    }
+
        .doc-list-title,
−
 
+
        .pd-list-title {
−
    .modeling-dropdown-content {
+
            padding-top: 12px;
−
        left: -40px;
+
            padding-left: 16px;
−
    }
+
            padding-bottom: 14px;
−
 
+
        }
−
    .human-dropdown-content {
+
       
−
        left: 12px;
+
        .nav-second-col {
−
         width: 170px;
+
            margin-left: 30px;
−
    }
+
        }
−
 
+
       
−
    .outreach-dropdown-content {
+
        .nav-third-col {
−
        width: 200px;
+
            margin-left: 30px;
−
        left: -40px;
+
        }
−
    }
+
       
−
 
+
        .dropbtn:hover,
−
    .team-dropdown-content {
+
        .active-page {
−
        width: 140px;
+
            color: #016C64;
−
        left: -35px;
+
            transition-duration: 0.5s;
−
    }
+
        }
−
 
+
       
−
    .dropdown-content a {
+
        .dropdown-content a:hover {
−
        color: #ffffff;
+
            color: #016C64;
−
        padding: 12px 16px;
+
            background-color: #ffffff;
−
        text-decoration: none;
+
        }
−
        display: block;
+
       
−
    }
+
        .dropdown:hover .dropdown-content {
−
 
+
            display: block;
−
    .wet-lab-list-title,
+
        }
−
    .doc-list-title,
+
       
−
    .pd-list-title {
+
        footer {
−
        padding-top: 12px;
+
            padding: 35px;
−
        padding-left: 16px;
+
            position: relative;
−
        padding-bottom: 14px;
+
            text-align: center;
−
    }
+
            background-color: #a0e0bd;
−
 
+
        }
−
    .nav-second-col {
+
       
−
        margin-left: 30px;
+
        .footer-wrapper {
−
    }
+
            margin: auto;
−
 
+
            display: inline-block;
−
    .nav-third-col {
+
        }
−
        margin-left: 30px;
+
       
−
    }
+
        .icon-wrapper {
−
 
+
            display: inline-block;
−
    .dropbtn:hover,
+
            position: relative;
−
    .active-page {
+
            padding-right: 18px;
−
        color: #016c64;
+
            border-right: 0.5px solid white;
−
        transition-duration: 0.5s;
+
        }
−
    }
+
       
−
 
+
        .icon-wrapper-last {
−
    .dropdown:hover .dropdown-content {
+
            border-right: none;
−
        display: block;
+
        }
−
    }
+
       
−
 
+
        .icon {
−
    footer {
+
            margin: 16px;
−
        padding: 35px;
+
        }
−
        position: relative;
+
       
−
        text-align: center;
+
        .icon img {
−
        background-color: #a0e0bd;
+
            height: 24px;
−
    }
+
        }
−
 
+
−
    .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;
+
−
    }
+
  
 
     /*Start Styles for Standard Page*/
 
     /*Start Styles for Standard Page*/

Revision as of 00:23, 16 October 2019

Team:Cornell - 2019.igem.org

About
PROJECT OVERVIEW

At Cornell iGEM, we understand the risks associated with our work and take all necessary precautions to minimize those risks. As a team, we take safety very seriously and a detailed description of our procedures can be found below. Our protocols are guided by the risk matrix, as we try to both minimize the likelihood of an incident as well as the severity of an incident. Our completed safety form can be found here.

PAGE HEADING 2

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

PAGE HEADING 3

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."