|
|
(10 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 323: |
Line 319: |
| } | | } |
| | | |
| + | a.icon { |
| + | padding: 0 !important; |
| + | } |
| | | |
| /******************** SPONSORS GRID PAGE END ********************/ | | /******************** SPONSORS GRID PAGE END ********************/ |
Line 355: |
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 362: |
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 384: |
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/Design">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 400: |
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 411: |
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 442: |
Line 441: |
| <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> |