(24 intermediate revisions by 2 users not shown) | |||
Line 36: | Line 36: | ||
/*Start Styles for Home Page*/ | /*Start Styles for Home Page*/ | ||
+ | |||
+ | /* Font Styling */ | ||
@import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway'); | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|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; | ||
+ | } | ||
+ | |||
+ | .tile-title { | ||
+ | font-family: 'Futura', sans-serif; | ||
+ | line-height: 1em; | ||
+ | color: rgba(0, 0, 0, 1) | ||
+ | } | ||
+ | /* End Font Styling */ | ||
+ | |||
html, | html, | ||
body { | body { | ||
Line 52: | Line 74: | ||
p { | p { | ||
color: #000; | color: #000; | ||
− | |||
} | } | ||
Line 68: | Line 89: | ||
float: left; | float: left; | ||
margin-left: 80px; | margin-left: 80px; | ||
− | margin-top: | + | margin-top: 10px; |
+ | width: 200px; | ||
} | } | ||
.nav-bar-logo img { | .nav-bar-logo img { | ||
− | width: | + | width: 200px; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 136: | Line 154: | ||
.toolkit-dropdown-content { | .toolkit-dropdown-content { | ||
− | width: | + | width: 630px; |
left: -160px; | left: -160px; | ||
} | } | ||
Line 212: | Line 230: | ||
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 245: | Line 264: | ||
text-align: center; | text-align: center; | ||
} | } | ||
+ | |||
+ | .tiles-wrapper { | ||
+ | background-color: #F9FCFB; | ||
+ | } | ||
.home-banner-wrapper { | .home-banner-wrapper { | ||
Line 285: | Line 308: | ||
.tile-title { | .tile-title { | ||
− | |||
font-size: 30px; | font-size: 30px; | ||
color: rgb(30, 30, 30); | color: rgb(30, 30, 30); | ||
Line 310: | Line 332: | ||
.overlay:hover { | .overlay:hover { | ||
− | background-color: | + | background-color: #F9FCFB; |
+ | opacity: .7; | ||
} | } | ||
+ | |||
+ | .wrapper-space { | ||
+ | background-color: #F9FCFB; | ||
+ | } | ||
/*End Styles for Home Page*/ | /*End Styles for Home Page*/ | ||
Line 438: | Line 465: | ||
} | } | ||
/*End Grid for Home Page*/ | /*End Grid for Home Page*/ | ||
+ | |||
+ | a.icon { | ||
+ | padding: 0 !important; | ||
+ | } | ||
</style> | </style> | ||
+ | <meta name="description" content="Developing a community-oriented Harmful Algal Bloom detection and remediation system."> | ||
<title>Team:Cornell - 2019.igem.org</title> | <title>Team:Cornell - 2019.igem.org</title> | ||
<!-- CSS --> | <!-- CSS --> | ||
Line 454: | Line 486: | ||
<div class="nav-bar-wrapper"> | <div class="nav-bar-wrapper"> | ||
<div class="nav-bar-main-menu"> | <div class="nav-bar-main-menu"> | ||
+ | <a href="https://2019.igem.org/Team:Cornell"><img class="nav-bar-logo" src="https://static.igem.org/mediawiki/2019/c/cd/T--Cornell--WhiteIGEMLogo.png" alt="logo"></a> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">TEAM</button> | <button class="dropbtn">TEAM</button> | ||
Line 494: | Line 527: | ||
</div> | </div> | ||
<div class="nav-second-col"> | <div class="nav-second-col"> | ||
− | <li class="pd-list-title"><b> | + | <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 534: | Line 568: | ||
</div> | </div> | ||
<div class="home-description"> | <div class="home-description"> | ||
− | + | Developing a community-oriented Harmful Algal Bloom detection and remediation system. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 553: | Line 574: | ||
<!------------------------TILES------------------------> | <!------------------------TILES------------------------> | ||
− | <div class="tiles-wrapper"> | + | <div class="wrapper-space"><br></div> |
+ | <div class="tiles-wrapper"> | ||
<div class="tile-wrapper wet-lab-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Foundations'"><img src="https://static.igem.org/mediawiki/2017/a/ac/CornellTileWetlab.png" alt="Wet Lab"> | <div class="tile-wrapper wet-lab-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Foundations'"><img src="https://static.igem.org/mediawiki/2017/a/ac/CornellTileWetlab.png" alt="Wet Lab"> | ||
<div class="overlay"> | <div class="overlay"> | ||
Line 559: | Line 581: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="tile-wrapper pd-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/DesignProcess'"><img src="https://static.igem.org/mediawiki/ | + | <div class="tile-wrapper pd-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/DesignProcess'"><img src="https://static.igem.org/mediawiki/2019/6/6c/T--Cornell--PDTile.png" alt="Product Development"> |
<div class="overlay"> | <div class="overlay"> | ||
<div class="tile-title">PRODUCT DEV</div> | <div class="tile-title">PRODUCT DEV</div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="tile-wrapper pp-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/ | + | <div class="tile-wrapper pp-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Human_Practices'"><img src="https://static.igem.org/mediawiki/2017/7/7f/CornellTileP%26P.png" alt="Policies & Practices"> |
<div class="overlay"> | <div class="overlay"> | ||
<div class="tile-title pp-title">POLICY & <br>PRACTICES</div> | <div class="tile-title pp-title">POLICY & <br>PRACTICES</div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="tile-wrapper outreach-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/ | + | <div class="tile-wrapper outreach-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Public_Engagement'"><img src="https://static.igem.org/mediawiki/2017/8/8e/CornellTileOutreach.png" alt="Outreach"> |
<div class="overlay"> | <div class="overlay"> | ||
<div class="tile-title">OUTREACH</div> | <div class="tile-title">OUTREACH</div> | ||
Line 579: | Line 601: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="tile-wrapper team-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Team'"><img src="https://static.igem.org/mediawiki/ | + | <div class="tile-wrapper team-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Team'"><img src="https://static.igem.org/mediawiki/2019/a/a8/T--Cornell--TeamTile.png" alt="Team"> |
<div class="overlay"> | <div class="overlay"> | ||
<div class="tile-title">THE TEAM</div> | <div class="tile-title">THE TEAM</div> | ||
Line 585: | Line 607: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <div class="wrapper-space"><br><br></div> | ||
<!------------------------END TILES------------------------> | <!------------------------END TILES------------------------> | ||
<!------------------------ FOOTER START ------------------------> | <!------------------------ FOOTER START ------------------------> | ||
Line 596: | Line 619: | ||
</div> | </div> | ||
<div class="icon-wrapper"> | <div class="icon-wrapper"> | ||
− | <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png"></a> | + | <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png" style="padding: 0;"></a> |
</div> | </div> | ||
<div class="icon-wrapper icon-wrapper-last"> | <div class="icon-wrapper icon-wrapper-last"> |
Latest revision as of 21:32, 21 October 2019