Parts
<groupparts>iGEM19 Cornell</groupparts>
Difference between revisions of "Team:Cornell/Parts"
| Line 48: | Line 48: | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
| − | + | ||
body { | body { | ||
background-size: 40px 40px; | background-size: 40px 40px; | ||
} | } | ||
| − | + | ||
p { | p { | ||
color: #000; | color: #000; | ||
font-family: 'Open Sans', sans-serif; | font-family: 'Open Sans', sans-serif; | ||
} | } | ||
| − | + | ||
nav { | nav { | ||
padding-top: 30px; | padding-top: 30px; | ||
| Line 65: | Line 65: | ||
height: 98px; | height: 98px; | ||
} | } | ||
| − | + | ||
.nav-bar-logo { | .nav-bar-logo { | ||
vertical-align: top; | vertical-align: top; | ||
| Line 73: | Line 73: | ||
margin-top: -5px; | margin-top: -5px; | ||
} | } | ||
| − | + | ||
.nav-bar-logo img { | .nav-bar-logo img { | ||
width: 140px; | width: 140px; | ||
} | } | ||
| − | + | ||
.nav-bar-main-menu { | .nav-bar-main-menu { | ||
font-family: 'Raleway', sans-serif; | font-family: 'Raleway', sans-serif; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.dropbtn { | .dropbtn { | ||
background-color: transparent; | background-color: transparent; | ||
| Line 118: | Line 92: | ||
color: #fff; | color: #fff; | ||
} | } | ||
| − | + | ||
@media (max-width: 1050px) { | @media (max-width: 1050px) { | ||
.dropbtn { | .dropbtn { | ||
| Line 124: | Line 98: | ||
} | } | ||
} | } | ||
| − | + | ||
.dropdown { | .dropdown { | ||
position: relative; | position: relative; | ||
| Line 131: | Line 105: | ||
float: right; | float: right; | ||
} | } | ||
| − | + | ||
.dropdown ul { | .dropdown ul { | ||
list-style-type: none; | list-style-type: none; | ||
} | } | ||
| − | + | ||
.dropdown a { | .dropdown a { | ||
position: relative; | position: relative; | ||
| Line 142: | Line 116: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| − | + | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
| Line 153: | Line 127: | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
| − | + | ||
.dropdown-content a:hover { | .dropdown-content a:hover { | ||
background-color: #a0e0bd !important; | background-color: #a0e0bd !important; | ||
} | } | ||
| − | + | ||
.toolkit-dropdown-content { | .toolkit-dropdown-content { | ||
width: 590px; | width: 590px; | ||
left: -160px; | left: -160px; | ||
} | } | ||
| − | + | ||
.modeling-dropdown-content { | .modeling-dropdown-content { | ||
left: -40px; | left: -40px; | ||
} | } | ||
| − | + | ||
.human-dropdown-content { | .human-dropdown-content { | ||
left: 12px; | left: 12px; | ||
} | } | ||
| − | + | ||
.outreach-dropdown-content { | .outreach-dropdown-content { | ||
width: 230px; | width: 230px; | ||
left: -40px; | left: -40px; | ||
} | } | ||
| − | + | ||
.team-dropdown-content { | .team-dropdown-content { | ||
width: 140px; | width: 140px; | ||
left: -35px; | left: -35px; | ||
} | } | ||
| − | + | ||
.dropdown-content a { | .dropdown-content a { | ||
color: #ffffff; | color: #ffffff; | ||
| Line 187: | Line 161: | ||
display: block; | display: block; | ||
} | } | ||
| − | + | ||
.wet-lab-list-title, | .wet-lab-list-title, | ||
.doc-list-title, | .doc-list-title, | ||
| Line 195: | Line 169: | ||
padding-bottom: 14px; | padding-bottom: 14px; | ||
} | } | ||
| − | + | ||
.nav-second-col { | .nav-second-col { | ||
margin-left: 30px; | margin-left: 30px; | ||
} | } | ||
| − | + | ||
.nav-third-col { | .nav-third-col { | ||
margin-left: 30px; | margin-left: 30px; | ||
} | } | ||
| − | + | ||
.dropbtn:hover, | .dropbtn:hover, | ||
.active-page { | .active-page { | ||
| Line 209: | Line 183: | ||
transition-duration: 0.5s; | transition-duration: 0.5s; | ||
} | } | ||
| − | + | ||
.dropdown-content a:hover { | .dropdown-content a:hover { | ||
| − | background-color: # | + | color: #016c64; |
| + | background-color: #ffffff; | ||
} | } | ||
| − | + | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
} | } | ||
| − | + | ||
footer { | footer { | ||
padding: 35px; | padding: 35px; | ||
| Line 224: | Line 199: | ||
background-color: #a0e0bd; | background-color: #a0e0bd; | ||
} | } | ||
| − | + | ||
.footer-wrapper { | .footer-wrapper { | ||
margin: auto; | margin: auto; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| − | + | ||
.icon-wrapper { | .icon-wrapper { | ||
display: inline-block; | display: inline-block; | ||
| Line 236: | Line 211: | ||
border-right: 0.5px solid white; | border-right: 0.5px solid white; | ||
} | } | ||
| − | + | ||
.icon-wrapper-last { | .icon-wrapper-last { | ||
border-right: none; | border-right: none; | ||
} | } | ||
| − | + | ||
.icon { | .icon { | ||
margin: 16px; | margin: 16px; | ||
} | } | ||
| − | + | ||
.icon img { | .icon img { | ||
height: 24px; | height: 24px; | ||
} | } | ||
| + | /******************** PARTS PAGE START ********************/ | ||
.parts-page-banner { | .parts-page-banner { | ||
background-color: #a0e0bd; | background-color: #a0e0bd; | ||
| Line 264: | Line 240: | ||
} | } | ||
| − | . | + | .parts-header-text { |
font-size: 24pt; | font-size: 24pt; | ||
text-align: center; | text-align: center; | ||
| Line 279: | Line 255: | ||
} | } | ||
| − | + | /******************** PARTS PAGE END ********************/ | |
| − | + | ||
| − | + | /******************** PARTS PAGE GRID START ********************/ | |
| − | /******************** GRID START ********************/ | + | |
nav { | nav { | ||
grid-area: navbar; | grid-area: navbar; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 296: | Line 265: | ||
display: grid; | display: grid; | ||
grid-template-columns: auto auto auto; | grid-template-columns: auto auto auto; | ||
| + | } | ||
| + | |||
| + | .nav-first-col { | ||
| + | display: inline-grid; | ||
} | } | ||
| Line 304: | Line 277: | ||
.nav-third-col { | .nav-third-col { | ||
display: inline-grid; | display: inline-grid; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 341: | Line 299: | ||
} | } | ||
| − | /******************** GRID END ********************/ | + | /******************** PARTS PAGE GRID END ********************/ |
| − | + | </style> | |
| − | </style> | + | |
<title>Team:Cornell/Notebook - 2019.igem.org</title> | <title>Team:Cornell/Notebook - 2019.igem.org</title> | ||
<!-- CSS --> | <!-- CSS --> | ||
Revision as of 14:58, 19 October 2019