(33 intermediate revisions by the same user not shown) | |||
Line 273: | Line 273: | ||
} | } | ||
− | # | + | #igem-vit-logo { |
− | width: | + | width: 36%; |
height: auto; | height: auto; | ||
padding: 0; | padding: 0; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 12%; | ||
+ | left: 32%; | ||
} | } | ||
Line 293: | Line 297: | ||
font-size: 10vw; | font-size: 10vw; | ||
font-weight: 500; | font-weight: 500; | ||
− | letter-spacing: -0. | + | letter-spacing: -0.08em; |
− | padding: | + | padding: 3%; |
color: #fff; | color: #fff; | ||
text-align: center; | text-align: center; | ||
Line 307: | Line 311: | ||
#home-container h2 { | #home-container h2 { | ||
font-family: 'Bahnschrift', 'Segoe UI', sans-serif; | font-family: 'Bahnschrift', 'Segoe UI', sans-serif; | ||
− | font-size: | + | font-size: 2.8vw; |
font-weight: 500; | font-weight: 500; | ||
color: #fff; | color: #fff; | ||
Line 318: | Line 322: | ||
#home-container button { | #home-container button { | ||
color: #fff; | color: #fff; | ||
− | background-color: | + | background-color: rgba(0, 0, 0, 0); |
border: 2px solid #fff; | border: 2px solid #fff; | ||
border-radius: 50px; | border-radius: 50px; | ||
Line 398: | Line 402: | ||
#ill-nav a { | #ill-nav a { | ||
text-decoration: none; | text-decoration: none; | ||
− | font-family: sans-serif; | + | font-family: sans-serif !important; |
font-weight: 500; | font-weight: 500; | ||
font-size: 1.8vw; | font-size: 1.8vw; | ||
Line 508: | Line 512: | ||
.header-img { | .header-img { | ||
− | width: | + | width: 50%; |
height: auto; | height: auto; | ||
display: block; | display: block; | ||
Line 631: | Line 635: | ||
#safety-container { | #safety-container { | ||
− | padding: 3 | + | width: 75%; |
+ | padding: 3%; | ||
margin: auto; | margin: auto; | ||
+ | } | ||
+ | |||
+ | .main-h2 { | ||
+ | font-family: 'Comfortaa', 'Corbel', 'Calibri', sans-serif; | ||
+ | font-size: 3vw; | ||
+ | letter-spacing: -0.05em; | ||
+ | font-weight: 500; | ||
} | } | ||
Line 655: | Line 667: | ||
} | } | ||
− | .attr-section p, .ihp-section p { | + | .attr-section p, .ihp-section p, .ihp-section ul { |
font-family: 'Bahnschrift', 'Segoe UI', sans-serif; | font-family: 'Bahnschrift', 'Segoe UI', sans-serif; | ||
font-size: 1.2vw; | font-size: 1.2vw; | ||
Line 677: | Line 689: | ||
font-size: 1.5vw; | font-size: 1.5vw; | ||
font-weight: 500; | font-weight: 500; | ||
− | line-height: 1 | + | line-height: 1.2; |
margin: 1% 0; | margin: 1% 0; | ||
} | } | ||
Line 712: | Line 724: | ||
width: 80%; | width: 80%; | ||
height: auto; | height: auto; | ||
+ | margin: 8% auto 0 auto; | ||
} | } | ||
#model-section { | #model-section { | ||
Line 742: | Line 755: | ||
margin: 2% auto; | margin: 2% auto; | ||
} | } | ||
+ | #igem-vit-logo { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | position: static; | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | margin: 5% auto 0 auto; | ||
+ | } | ||
.ill-description { | .ill-description { | ||
font-size: 3.5vw; | font-size: 3.5vw; | ||
Line 749: | Line 770: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
− | margin: | + | margin: 50% auto 15% auto; |
display: block; | display: block; | ||
padding: 5px; | padding: 5px; | ||
Line 755: | Line 776: | ||
#ill-nav { | #ill-nav { | ||
position: fixed; | position: fixed; | ||
− | + | top: 23%; | |
− | left: | + | left: 22%; |
+ | padding: 2%; | ||
} | } | ||
#ill-nav a { | #ill-nav a { | ||
− | font-size: | + | font-size: 8vw; |
display: inline; | display: inline; | ||
margin: 0 2%; | margin: 0 2%; | ||
padding: 0; | padding: 0; | ||
+ | } | ||
+ | #ill-nav a:hover { | ||
+ | margin: 0 2%; | ||
+ | } | ||
+ | .attr-section, .ihp-section { | ||
+ | width: 95%; | ||
+ | border: none; | ||
+ | } | ||
+ | .ihp-title { | ||
+ | font-size: 7.5vw; | ||
+ | } | ||
+ | .pos { | ||
+ | font-size: 4vw; | ||
+ | padding: 1% 0; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | .attr-section h4, .ihp-heading { | ||
+ | font-size: 5.5vw; | ||
+ | } | ||
+ | .attr-section p, .ihp-section p, .ihp-section ul { | ||
+ | font-size: 3.5vw; | ||
+ | } | ||
+ | .attr-section h3, h2 { | ||
+ | font-size: 6.5vw; | ||
+ | } | ||
+ | .main-h2 { | ||
+ | font-size: 5.2vw; | ||
+ | letter-spacing: 0.05em; | ||
} | } | ||
} | } |
Latest revision as of 06:20, 8 December 2018