(56 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet"> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
− | + | <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet'> | |
<script> | <script> | ||
Line 14: | Line 14: | ||
Flash { | Flash { | ||
font-family: 'Quicksand';font-size: 10vw; | font-family: 'Quicksand';font-size: 10vw; | ||
− | color: # | + | padding:0; |
− | animation: color-change 1 | + | line-height:70%; |
+ | color: #245d6b; | ||
+ | animation: color-change 4s 1; | ||
} | } | ||
@keyframes color-change { | @keyframes color-change { | ||
− | 0% | + | 0%,50% { opacity: 0; transform: scale(0, 0); } |
− | + | 100% { opacity:1; transform: scale(1, 1); } | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 49: | Line 48: | ||
@media screen and (max-width: 900px) { | @media screen and (max-width: 900px) { | ||
.centered { | .centered { | ||
− | top: | + | top: 25vh; |
} | } | ||
} | } | ||
Line 67: | Line 66: | ||
body { | body { | ||
background-color: #d2efe7; | background-color: #d2efe7; | ||
− | font-family: ' | + | font-family: 'Lato', sans-serif; |
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
padding: 0 0 0 0; | padding: 0 0 0 0; | ||
Line 125: | Line 124: | ||
.navbar { | .navbar { | ||
+ | font-family:"Quicksand"; | ||
position:fixed; | position:fixed; | ||
top:16px; | top:16px; | ||
Line 131: | Line 131: | ||
//overflow: hidden; | //overflow: hidden; | ||
background-color:#ace2d3; | background-color:#ace2d3; | ||
+ | box-shadow: 0px 5px 10px grey; | ||
} | } | ||
Line 253: | Line 254: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 467: | Line 261: | ||
margin: 0 10% 0 10%; | margin: 0 10% 0 10%; | ||
padding: 3% 3% 5% 3%; | padding: 3% 3% 5% 3%; | ||
− | background-color: # | + | background-color: #d2efe7; |
line-height: 1.6; | line-height: 1.6; | ||
Line 493: | Line 287: | ||
font-size: 125%; | font-size: 125%; | ||
text-align: center; | text-align: center; | ||
− | font-family: ' | + | font-family: 'Lato'; |
color: #245d6b; | color: #245d6b; | ||
line-height: 27px; | line-height: 27px; | ||
Line 499: | Line 293: | ||
#HQ_page h1, h2, h3, h4, h5 { | #HQ_page h1, h2, h3, h4, h5 { | ||
− | color: | + | color:black; |
font-family: 'Quicksand'; | font-family: 'Quicksand'; | ||
text-align: center; | text-align: center; | ||
Line 520: | Line 314: | ||
#HQ_page td { | #HQ_page td { | ||
− | padding: | + | padding: 10px; |
− | border: | + | border: 2px solid white; |
+ | background: #519182; | ||
+ | } | ||
+ | #HQ_page th { | ||
+ | padding: 10px; | ||
+ | border: 2px solid white; | ||
+ | background:lightblue; | ||
} | } | ||
#HQ_page table { | #HQ_page table { | ||
− | padding: | + | color:white; |
− | border: | + | padding: 10px; |
+ | border: 2px solid white; | ||
} | } | ||
Line 596: | Line 397: | ||
<button class="dropbtn">Project▼</button> | <button class="dropbtn">Project▼</button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="https://2020.igem.org/Team:IISER_Berhampur/ | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Project/Overview">Overview</a> |
<a href="https://2020.igem.org/Team:IISER_Berhampur/Description">Description</a> | <a href="https://2020.igem.org/Team:IISER_Berhampur/Description">Description</a> | ||
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Implementation">Implementation</a> | |
− | <a href="https://2020.igem.org/Team:IISER_Berhampur/ | + | |
<a href="https://2020.igem.org/Team:IISER_Berhampur/Experiments">Experiments</a> | <a href="https://2020.igem.org/Team:IISER_Berhampur/Experiments">Experiments</a> | ||
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Engineering">Engineering</a> | |
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Project/Notebook">Notebook</a> | |
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Contribution">Contribution</a> | |
− | <a href="https://2020.igem.org/Team:IISER_Berhampur/ | + | |
</div> | </div> | ||
+ | |||
+ | |||
</div> | </div> | ||
+ | <a href="https://2020.igem.org/Team:IISER_Berhampur/Model">Modelling</a> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Team▼</button> | <button class="dropbtn">Team▼</button> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a href="https://2020.igem.org/Team:IISER_Berhampur/Team"> | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Team">Members</a> |
− | + | ||
<a href="https://2020.igem.org/Team:IISER_Berhampur/Attributions">Attributions</a> | <a href="https://2020.igem.org/Team:IISER_Berhampur/Attributions">Attributions</a> | ||
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Collaborations">Collaborations</a> | |
</div> | </div> | ||
</div> | </div> | ||
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Parts">Parts</a> | |
− | + | ||
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Human_Practices">Human Practices</a> | |
− | + | ||
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Education">Science Communication</a> | |
− | + | ||
− | + | <a href="https://2020.igem.org/Team:IISER_Berhampur/Splash">Splash</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<a href="https://2020.igem.org/Team:IISER_Berhampur/Awards">Awards</a> | <a href="https://2020.igem.org/Team:IISER_Berhampur/Awards">Awards</a> | ||
− | |||
− | |||
− | |||
− | |||
+ | <a href="https://2020.igem.org/Team:IISER_Berhampur/Graphics">Graphics</a> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div style="position:fixed; top:0; right:0; width:5vw;height:6vw;z-index:10000;"> | ||
+ | <img style="position:relative;top:0;object-fit:contain; " src="https://static.igem.org/mediawiki/2020/6/69/T--IISER_Berhampur--gold.png"></img></div> | ||
<script> | <script> | ||
function myNavbarResponsive() { | function myNavbarResponsive() { | ||
Line 644: | Line 444: | ||
</script> | </script> | ||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 17:18, 18 December 2020