Difference between revisions of "Team:Cornell/Sponsors"

(Created page with "<html> <head> <style> /* hides "Team:Cornell" and iGEM logo */ #top_title { display: none; } →‎removes padding below footer: ...")
 
 
(13 intermediate revisions by 2 users not shown)
Line 38: Line 38:
 
             list-style-image: none;
 
             list-style-image: none;
 
         }
 
         }
 +
 +
    /******************** ALL FONTS START ********************/
 +
    @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans:400,700|Raleway');
 +
    @font-face {
 +
        font-family: 'Futura';
 +
        src: url('../futura/futura\ medium\ bt.ttf');
 +
    }
 +
 +
    body {
 +
        font-family: 'Open Sans', sans-serif;
 +
    }
 +
 +
    .dropbtn, .dropdown-content {
 +
        font-size: 16px;
 +
    }
 +
 +
    .sponsors-page-banner > svg > text, .sponsors-page-content-title, .sponsors-page-side-bar-wrapper, .sponsors-page-content-subheading {
 +
        font-family: 'Futura', sans-serif;
 +
    }
 +
    /******************** ALL FONTS END ********************/
  
 
     /******************** SPONSORS PAGE START ********************/
 
     /******************** SPONSORS PAGE START ********************/
−
    @import url('https://fonts.googleapis.com/css?family=Asap+Condensed&display=swap');
 
 
     html,
 
     html,
 
     body {
 
     body {
Line 48: Line 67:
 
         padding: 0;
 
         padding: 0;
 
         overflow-x: hidden;
 
         overflow-x: hidden;
−
        font-family: 'Asap Condensed', sans-serif;
 
 
     }
 
     }
  
Line 62: Line 80:
 
         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;
 
     }
 
     }
  
Line 79: Line 97:
 
     }
 
     }
  
−
    .nav-bar-main-menu button {
 
−
        font-family: 'Asap Condensed', sans-serif;
 
−
        font-size: 18px;
 
−
    }
 
−
 
−
    .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 {
 
     .dropbtn {
Line 151: Line 138:
 
         color: #ffffff;
 
         color: #ffffff;
 
         width: 200px;
 
         width: 200px;
 +
        font-size: 14px;
 
         box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 
         box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 
         z-index: 1;
 
         z-index: 1;
 +
    }
 +
 +
    .dropdown-content a:hover {
 +
        background-color: #a0e0bd !important;
 
     }
 
     }
  
 
     .toolkit-dropdown-content {
 
     .toolkit-dropdown-content {
−
         width: 550px;
+
         width: 590px;
 
         left: -160px;
 
         left: -160px;
 
     }
 
     }
Line 166: Line 158:
 
     .human-dropdown-content {
 
     .human-dropdown-content {
 
         left: 12px;
 
         left: 12px;
−
        width: 170px;
 
 
     }
 
     }
  
 
     .outreach-dropdown-content {
 
     .outreach-dropdown-content {
−
         width: 200px;
+
         width: 230px;
 
         left: -40px;
 
         left: -40px;
 
     }
 
     }
Line 182: Line 173:
 
         color: #ffffff;
 
         color: #ffffff;
 
         padding: 12px 16px;
 
         padding: 12px 16px;
−
         text-decoration: none;
+
         text-decoration: none !important;
 
         display: block;
 
         display: block;
 
     }
 
     }
Line 206: Line 197:
 
         color: #016c64;
 
         color: #016c64;
 
         transition-duration: 0.5s;
 
         transition-duration: 0.5s;
 +
    }
 +
 +
    .dropdown-content a:hover {
 +
        color: #016c64;
 +
        background-color: #ffffff;
 
     }
 
     }
  
Line 228: Line 224:
 
         position: relative;
 
         position: relative;
 
         padding-right: 18px;
 
         padding-right: 18px;
 +
        padding-left: 18px;
 
         border-right: 0.5px solid white;
 
         border-right: 0.5px solid white;
 
     }
 
     }
Line 244: Line 241:
  
 
     .sponsors-page-banner {
 
     .sponsors-page-banner {
−
         background-color: #a0e0bd;
+
         background-color: #e1e9e7;
 
     }
 
     }
  
Line 275: Line 272:
 
     .sponsor-description {
 
     .sponsor-description {
 
         display: table-cell;
 
         display: table-cell;
−
        font-family: 'Open Sans', sans-serif;
 
 
         vertical-align: middle;
 
         vertical-align: middle;
 
         font-size: 16px;
 
         font-size: 16px;
Line 281: Line 277:
  
 
   /******************** SPONSORS PAGE END ********************/
 
   /******************** SPONSORS PAGE END ********************/
 +
  /******************** SPONSORS GRID PAGE START ********************/
 +
    nav {
 +
        grid-area: navbar;
 +
    }
  
−
     /******************** SPONSORS GRID PAGE START ********************/
+
     .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx {
 +
        display: grid;
 +
        grid-template-columns: auto auto auto;
 +
    }
 +
 
 +
    .nav-first-col {
 +
        display: inline-grid;
 +
    }
 +
 
 +
    .nav-second-col {
 +
        display: inline-grid;
 +
    }
 +
 
 +
    .nav-third-col {
 +
        display: inline-grid;
 +
    }
  
 
     .sponsors-page-wrapper {
 
     .sponsors-page-wrapper {
Line 304: Line 319:
 
     }
 
     }
  
 +
    a.icon {
 +
        padding: 0 !important;
 +
    }
  
 
     /******************** SPONSORS GRID PAGE END ********************/
 
     /******************** SPONSORS GRID PAGE END ********************/
Line 322: Line 340:
 
             <div class="nav-bar-wrapper">
 
             <div class="nav-bar-wrapper">
 
                 <div class="nav-bar-logo">
 
                 <div class="nav-bar-logo">
−
                         <a href="https://2019.igem.org/Team:Cornell"><img src="images/logo.png" alt="reHAB"></a>
+
                         <a href="https://2019.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png" alt="reHAB"></a>
 
                 </div>
 
                 </div>
 
                 <div class="nav-bar-main-menu">
 
                 <div class="nav-bar-main-menu">
Line 336: Line 354:
 
                         <button class="dropbtn">OUTREACH</button>
 
                         <button class="dropbtn">OUTREACH</button>
 
                         <div class="dropdown-content outreach-dropdown-content">
 
                         <div class="dropdown-content outreach-dropdown-content">
−
                             <a href="https://2019.igem.org/Team:Cornell/EducationAndEngagement">EDUCATION & ENGAGEMENT</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Public_Engagement">EDUCATION & ENGAGEMENT</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 
                         </div>
 
                         </div>
Line 343: Line 361:
 
                         <button class="dropbtn">HUMAN PRACTICES</button>
 
                         <button class="dropbtn">HUMAN PRACTICES</button>
 
                         <div class="dropdown-content human-dropdown-content">
 
                         <div class="dropdown-content human-dropdown-content">
−
                             <a href="https://2019.igem.org/Team:Cornell/IntegratedPractices">INTEGRATED PRACTICES</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Human_Practices">INTEGRATED PRACTICES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
Line 365: Line 383:
 
                                 </div>
 
                                 </div>
 
                                 <div class="nav-second-col">
 
                                 <div class="nav-second-col">
−
                                     <li class="pd-list-title"><b>DESIGN</b></li>
+
                                     <li class="pd-list-title"><b>PRODUCT DEVELOPMENT</b></li>
 
                                     <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li>
 
                                     <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li>
 +
                                    <li><a href="https://2019.igem.org/Team:Cornell/Hardware">HARDWARE</a></li>
 
                                 </div>
 
                                 </div>
 
                                 <div class="nav-third-col">
 
                                 <div class="nav-third-col">
Line 381: Line 400:
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
−
                         <button class="dropbtn active-page"
+
                         <button class="dropbtn"
 
                             onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button>
 
                             onclick="location.href='https://2019.igem.org/Team:Cornell'">HOME</button>
 
                     </div>
 
                     </div>
Line 392: Line 411:
 
     <header class="sponsors-page-banner">
 
     <header class="sponsors-page-banner">
 
             <svg viewBox="0 0 100 100" width=100% height=100%>
 
             <svg viewBox="0 0 100 100" width=100% height=100%>
−
                <circle cx="50" cy="50" r="40" fill="white" fill-opacity="0.4"/>
 
 
                 <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Sponsors</text>
 
                 <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Sponsors</text>
 
             </svg>
 
             </svg>
Line 402: Line 420:
 
<div class="sponsors-content-wrapper">
 
<div class="sponsors-content-wrapper">
 
<div class="sponsor-image-wrapper">
 
<div class="sponsor-image-wrapper">
−
<img class="sponsor-image" src="https://static.igem.org/mediawiki/2018/3/3a/T--Cornell--CornellEngineeringLogo.jpg">
+
<img class="sponsor-image" src="https://static.igem.org/mediawiki/2019/b/bf/T--Cornell--COE.png">
 
</div>
 
</div>
 
<div class="sponsor-description-wrapper">
 
<div class="sponsor-description-wrapper">
Line 410: Line 428:
 
</div>
 
</div>
 
<div class="sponsor-image-wrapper">
 
<div class="sponsor-image-wrapper">
−
<img class="sponsor-image" src="https://static.igem.org/mediawiki/2018/8/86/T--Cornell--InstituteOfBiotechnologyLogo.jpg">
+
<img class="sponsor-image" src="https://static.igem.org/mediawiki/2019/0/0f/T--Cornell--BiotechInstitute.png">
 
</div>
 
</div>
 
<div class="sponsor-description-wrapper">
 
<div class="sponsor-description-wrapper">
Line 418: Line 436:
 
</div>
 
</div>
 
<div class="sponsor-image-wrapper">
 
<div class="sponsor-image-wrapper">
−
<img class="sponsor-image" src="https://static.igem.org/mediawiki/2018/6/65/T--Cornell--NYS4HLogo.jpg">
+
<img class="sponsor-image" src="https://static.igem.org/mediawiki/2019/f/fe/T--Cornell--4H.png">
 
</div>
 
</div>
 
<div class="sponsor-description-wrapper">
 
<div class="sponsor-description-wrapper">
 
<div class="sponsor-description">
 
<div class="sponsor-description">
 
We would like to thank the New York State 4-H Youth Development Organization for their donation to our team.
 
We would like to thank the New York State 4-H Youth Development Organization for their donation to our team.
 +
</div>
 +
</div>
 +
<div class="sponsor-image-wrapper">
 +
<img class="sponsor-image" src="https://static.igem.org/mediawiki/2019/c/ce/T--Cornell--Corning.png">
 +
</div>
 +
<div class="sponsor-description-wrapper">
 +
<div class="sponsor-description">
 +
Corning Incorporated is the world leader in specialty glass and ceramics. Drawing on more than 160 years of materials science and process engineering knowledge, Corning creates and makes keystone components that enable high-technology systems for consumer electronics, mobile emissions control, telecommunications and life sciences. Corning graciously supported our team through donations of laboratory supplies and has been a strong supporter of Cornell iGEM for the past few years.
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 21:08, 21 October 2019

Team:Cornell - 2019.igem.org

Sponsors