Difference between revisions of "Template:IISER Berhampur"

(Replaced content with "<html> </html>")
 
(101 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<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 href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet'>
  
 +
<script>
 +
$(document).ready(function(){
 +
$('p:empty').css('display','none');
 +
});
 +
</script>
  
 +
<style  type="text/css">
  
 +
Flash {
 +
  font-family: 'Quicksand';font-size: 10vw;
 +
  padding:0;
 +
  line-height:70%;
 +
  color: #245d6b;
 +
  animation: color-change 4s 1;
 +
}
 +
 +
@keyframes color-change {
 +
  0%,50% { opacity: 0; transform: scale(0, 0); }
 +
  100% { opacity:1; transform: scale(1, 1); }
 +
 +
}
 +
.container {
 +
  position: relative;
 +
  text-align: center;
 +
  color: white;
 +
}
 +
.container img
 +
{ 
 +
    position: relative;
 +
    top:-7vw;
 +
    height: 100%;
 +
    width: 100%;
 +
}
 +
.centered {
 +
  padding:0;
 +
  margin: 0;
 +
  position: absolute;
 +
  left:50vw;
 +
  transform:translate(-50%,0%);
 +
  top: 70vh;
 +
  z-index:2;
 +
}
 +
@media screen and (max-width: 900px) {
 +
  .centered {
 +
    top: 25vh;
 +
  }
 +
}
 +
 +
/*UNIVERSAL STUFF FOR ALL PAGES*/
 +
html {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: none;
 +
}
 +
.container {
 +
  margin: 0 0 0 0;
 +
  padding: 0 0 0 0;
 +
  border: none;
 +
}
 +
 +
body {
 +
    background-color: #d2efe7;
 +
    font-family: 'Lato', sans-serif;
 +
    margin: 0 0 0 0;
 +
    padding: 0 0 0 0;
 +
    border: none;
 +
    height: 0px;
 +
}
 +
 +
/* width */
 +
::-webkit-scrollbar {
 +
  width: 12px;
 +
}
 +
 +
/* Track */
 +
::-webkit-scrollbar-track {
 +
  background: white;
 +
  margin-top: 0px;
 +
  margin-bottom: 0px;
 +
}
 +
 +
/* Handle */
 +
::-webkit-scrollbar-thumb {
 +
  background: #bfe9dd;
 +
}
 +
 +
/* Handle on hover */
 +
::-webkit-scrollbar-thumb:hover {
 +
  background: #86d5bf;
 +
}
 +
 +
#top_title {
 +
display: none;
 +
margin-bottom: 0px;
 +
 +
}
 +
 +
#content {
 +
margin: 0;
 +
display: inline;
 +
        padding: 0;
 +
 +
}
 +
 +
#globalWrapper {
 +
padding: 0;
 +
}
 +
 +
 +
p {
 +
margin: 0;
 +
}
 +
 +
 +
#home_logo, #sideMenu, #sideMenu, #top_title, .patrollink {display:none;}
 +
#content {margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
#bodyContent a[href ^="https://"], .link-https {padding-right:0px;}
 +
 +
 +
.navbar {
 +
  font-family:"Quicksand";
 +
  position:fixed;
 +
  top:16px;
 +
  width:100%;
 +
  z-index:3;
 +
  //overflow: hidden;
 +
  background-color:#ace2d3;
 +
  box-shadow: 0px 5px 10px grey;
 +
}
 +
 +
.navbar a {
 +
  float: left;
 +
  display: block;
 +
  color:#245d6b;
 +
  text-align: center;
 +
  padding: 14px 16px 14px 16px;
 +
  text-decoration: none;
 +
  font-size: 1.2em;
 +
}
 +
 +
.topnav .icon {
 +
  display: none;
 +
}
 +
 +
.navbar a:hover {
 +
  background-color: #D4D4D4;
 +
  color: #245d6b;
 +
}
 +
 +
.navbar a.active {
 +
  background-color: #3B3B3B;
 +
  color: #ffffff;
 +
}
 +
 +
.navbar .icon {
 +
  display: none;
 +
}
 +
 +
.dropdown {
 +
  float: left;
 +
  overflow: hidden;
 +
}
 +
 +
.dropdown .dropbtn {
 +
  font-size: 1.2em; 
 +
  border: none;
 +
  outline: none;
 +
  color: #245d6b;
 +
  padding: 14px 16px;
 +
  background-color: inherit;
 +
  font-family: inherit;
 +
  margin: 0px 0px 0px 0px;
 +
}
 +
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
  background-color: #D4D4D4 ;
 +
}
 +
 +
.dropdown-content {
 +
  display: none;
 +
  position: absolute;
 +
  background-color: #E9E9E9;
 +
  min-width: 160px;
 +
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
  z-index: 3;
 +
}
 +
 +
.dropdown-content a {
 +
  float: none;
 +
  color: #245d6b;
 +
  padding: 12px 16px 12px 16px;
 +
  text-decoration: none;
 +
  display: block;
 +
  text-align: left;
 +
}
 +
 +
.dropdown-content a:hover {
 +
  background-color: #ddd;
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
  display: block;
 +
}
 +
 +
 +
 +
@media screen and (max-width: 600px) {
 +
  .navbar a:not(:first-child), .dropdown .dropbtn {
 +
    display: none;
 +
  }
 +
  .navbar a.icon {
 +
    float: right;
 +
    display: block;
 +
  }
 +
}
 +
 +
@media screen and (max-width: 600px) {
 +
  .navbar.responsive {position: fixed; overflow:auto;}
 +
  .navbar.responsive a.icon {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 0;
 +
  }
 +
  .navbar.responsive a {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
  .navbar.responsive .dropdown {float: none;}
 +
  .navbar.responsive .dropdown-content {position: relative;}
 +
  .navbar.responsive .dropdown .dropbtn {
 +
    display: block;
 +
    width: 100%;
 +
    text-align: left;
 +
  }
 +
}
 +
 +
#navright{
 +
  float:right;
 +
  font-family:"Quicksand";
 +
  font-size: 24px;
 +
  margin-right:10px
 +
}
 +
#home_logo, #sideMenu, #sideMenu, #top_title, .patrollink {display:none;}
 +
#content {margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
.responsive {
 +
  width: 100%;
 +
  height: 550px;
 +
} 
 +
 +
 +
 +
 +
/*MAIN BODY CONTENT SECTION BEGINS*/
 +
.content-section {
 +
    margin: 0 10% 0 10%;
 +
    padding: 3% 3% 5% 3%;
 +
    background-color: #d2efe7;
 +
    line-height: 1.6;
 +
   
 +
}
 +
.PageTitle {
 +
    font-size: 300%;
 +
    text-align: center;
 +
    font-family: "Trebuchet MS";
 +
}
 +
.content-section img {
 +
    position:relative;
 +
    top:0px;
 +
    display: block;
 +
    height: 50%;
 +
    width: 50%;
 +
    margin: auto; 
 +
}
 +
 +
.biggerImg img {
 +
    height: 100%;
 +
    width: 100%;
 +
}
 +
 +
#HQ_page p {
 +
  font-size: 125%;
 +
  text-align: center;
 +
  font-family: 'Lato';
 +
  color: #245d6b;
 +
  line-height: 27px;
 +
}
 +
 +
#HQ_page h1, h2, h3, h4, h5 {
 +
  color:black;
 +
  font-family: 'Quicksand';
 +
  text-align: center;
 +
}
 +
 +
#HQ_page #navbar h1 {
 +
  text-align: left;
 +
  display: inline;
 +
  vertical-align: middle;
 +
  font-size: 3em;
 +
}
 +
 +
table img {
 +
  width: 150px;
 +
  height: auto;
 +
  float: left;
 +
  display: inline-block;
 +
  margin: 2% 4% 2% 0;
 +
}
 +
 +
#HQ_page td {
 +
    padding: 10px;
 +
    border: 2px solid white;
 +
    background: #519182;
 +
}
 +
#HQ_page th {
 +
    padding: 10px;
 +
    border: 2px solid white;
 +
    background:lightblue;
 +
}
 +
 +
#HQ_page table {
 +
    color:white;
 +
    padding: 10px;
 +
    border: 2px solid white;
 +
}
 +
 +
#HQ_page table p {
 +
    text-align: left;
 +
}
 +
 +
#HQ_page .leftSide p {
 +
    text-align: left;
 +
}
 +
 +
#HQ_page .leftSide h1, h2, h3, h4, h5 {
 +
    text-align: left;
 +
}
 +
#HQ_page .leftSide img {
 +
    display: block;
 +
    width: 25%;
 +
    height: auto;
 +
    margin: 0 0 2.5% 0;
 +
}
 +
 +
/*MAIN BODY CONTENT SECTION ENDS*/
 +
 +
 +
 +
/*MEDIA QUERIES BEGIN*/
 +
@media screen and (max-width: 768px) {
 +
  .content-section {
 +
    margin: 0;
 +
    padding: 12.5% 4% 5% 4%;
 +
  }
 +
 +
  img {
 +
      height: 85%;
 +
      width: 85%;
 +
  }
 +
  #HQ_page p {
 +
      font-size: 115%;
 +
      line-height: 24px;
 +
  }
 +
 +
 +
#HQ_page .leftSide p {
 +
    text-align: justify;
 +
}
 +
 +
#HQ_page .leftSide h1, h2, h3, h4, h5 {
 +
    text-align: justify;
 +
}
 +
 +
 +
}
 +
/*MEDIA QUERIES END*/
 +
 +
 +
</style>
 +
<div class="container">
 +
<!--DO NOT CHANGE ANY OF THIS BEGINS-->
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<title>IISER-BPR IGEM</title>
 +
<!--<link rel="stylesheet" type="text/css" href="stylesheet1.css">-->
 +
</head>
 +
 +
<body>
 +
<div class="navbar" id="myNavbar">
 +
<a href="https://2020.igem.org/Team:IISER_Berhampur">Home</a>
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Project&#9660;</button>
 +
    <div class="dropdown-content">
 +
<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/Implementation">Implementation</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>
 +
    </div>
 +
 +
 +
  </div>
 +
      <a href="https://2020.igem.org/Team:IISER_Berhampur/Model">Modelling</a>
 +
<div class="dropdown">
 +
    <button class="dropbtn">Team&#9660;</button>
 +
    <div class="dropdown-content">
 +
      <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/Collaborations">Collaborations</a>
 +
    </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/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>
 +
function myNavbarResponsive() {
 +
  var x = document.getElementById("myNavbar");
 +
  if (x.className === "navbar") {
 +
    x.className += " responsive";
 +
  } else {
 +
    x.className = "navbar";
 +
  }
 +
}
 +
 +
</script>
 +
 +
 +
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 17:18, 18 December 2020

IISER-BPR IGEM