(95 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 39: | Line 38: | ||
} | } | ||
.centered { | .centered { | ||
+ | padding:0; | ||
+ | margin: 0; | ||
position: absolute; | position: absolute; | ||
− | + | left:50vw; | |
− | left: | + | transform:translate(-50%,0%); |
− | transform: translate(-50%, | + | top: 70vh; |
+ | z-index:2; | ||
+ | } | ||
+ | @media screen and (max-width: 900px) { | ||
+ | .centered { | ||
+ | top: 25vh; | ||
+ | } | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*UNIVERSAL STUFF FOR ALL PAGES*/ | /*UNIVERSAL STUFF FOR ALL PAGES*/ | ||
Line 65: | 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; | ||
border: none; | border: none; | ||
− | height: | + | height: 0px; |
} | } | ||
Line 123: | Line 124: | ||
.navbar { | .navbar { | ||
+ | font-family:"Quicksand"; | ||
position:fixed; | position:fixed; | ||
top:16px; | top:16px; | ||
width:100%; | width:100%; | ||
− | z-index: | + | z-index:3; |
//overflow: hidden; | //overflow: hidden; | ||
background-color:#ace2d3; | background-color:#ace2d3; | ||
+ | box-shadow: 0px 5px 10px grey; | ||
} | } | ||
Line 134: | Line 137: | ||
float: left; | float: left; | ||
display: block; | display: block; | ||
− | color:# | + | color:#245d6b; |
text-align: center; | text-align: center; | ||
padding: 14px 16px 14px 16px; | padding: 14px 16px 14px 16px; | ||
Line 147: | Line 150: | ||
.navbar a:hover { | .navbar a:hover { | ||
background-color: #D4D4D4; | background-color: #D4D4D4; | ||
− | color: # | + | color: #245d6b; |
} | } | ||
Line 168: | Line 171: | ||
border: none; | border: none; | ||
outline: none; | outline: none; | ||
− | color: # | + | color: #245d6b; |
padding: 14px 16px; | padding: 14px 16px; | ||
background-color: inherit; | background-color: inherit; | ||
Line 185: | Line 188: | ||
min-width: 160px; | min-width: 160px; | ||
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: | + | z-index: 3; |
} | } | ||
.dropdown-content a { | .dropdown-content a { | ||
float: none; | float: none; | ||
− | color: # | + | color: #245d6b; |
padding: 12px 16px 12px 16px; | padding: 12px 16px 12px 16px; | ||
text-decoration: none; | text-decoration: none; | ||
Line 251: | Line 254: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*MAIN BODY CONTENT SECTION BEGINS*/ | /*MAIN BODY CONTENT SECTION BEGINS*/ | ||
.content-section { | .content-section { | ||
− | margin: 0 0 | + | margin: 0 10% 0 10%; |
padding: 3% 3% 5% 3%; | padding: 3% 3% 5% 3%; | ||
− | background: | + | background-color: #d2efe7; |
line-height: 1.6; | line-height: 1.6; | ||
Line 474: | Line 270: | ||
font-family: "Trebuchet MS"; | font-family: "Trebuchet MS"; | ||
} | } | ||
− | img { | + | .content-section img { |
+ | position:relative; | ||
+ | top:0px; | ||
display: block; | display: block; | ||
height: 50%; | height: 50%; | ||
width: 50%; | width: 50%; | ||
− | margin: auto; | + | margin: auto; |
− | + | ||
} | } | ||
Line 485: | Line 282: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 507: | Line 287: | ||
font-size: 125%; | font-size: 125%; | ||
text-align: center; | text-align: center; | ||
− | font-family: | + | font-family: 'Lato'; |
+ | color: #245d6b; | ||
line-height: 27px; | line-height: 27px; | ||
} | } | ||
#HQ_page h1, h2, h3, h4, h5 { | #HQ_page h1, h2, h3, h4, h5 { | ||
− | font-family: | + | color:black; |
+ | font-family: 'Quicksand'; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 532: | 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 608: | 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 656: | Line 444: | ||
</script> | </script> | ||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 17:18, 18 December 2020