Difference between revisions of "Template:IIT Kanpur/Footer"

Line 1: Line 1:
−
{{Template:IIT_Kanpur}}
 
 
<html>
 
<html>
−
<head>
+
 
 
<style>
 
<style>
 +
 
/* Fonts */
 
/* Fonts */
  
Line 19: Line 19:
 
}
 
}
  
−
.column.full_size, .igem_2018_team_menu.displaying_menu{
+
/* Code for removing iGEM loader content */
−
display: none;
+
 
 +
#sideMenu, #top_title, #top, #toc{
 +
  display: none;
 
}
 
}
−
  #pagefooter {
+
 
 +
/* Content styling */
 +
 
 +
#content {
 +
  width: 100%;
 +
  height: 100%;
 +
  box-sizing: border-box;
 +
  margin: -31px 0 0;
 +
  padding: 0;
 +
}
 +
 
 +
body {
 +
    margin: 0;
 +
    height: 100%;
 +
}
 +
 
 +
#inPageNav {
 +
    position: fixed;
 +
    display: block;
 +
    top: 50%;
 +
    transform: translateY(-50%);
 +
    right: 83%;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    box-sizing: border-box;
 +
    list-style: none;
 +
    z-index: 1;
 +
    display: none;
 +
}
 +
 
 +
#inPageNav li {
 +
    display: block;
 +
    padding: 10px 10px 10px 10px;
 +
    text-align: right;
 +
    font-family: "Raleway", sans-serif;
 +
}
 +
 
 +
#inPageNav li a {
 +
    color: inherit;
 +
}
 +
 
 +
#inPageNav li a img {
 +
    width: 0;
 +
    height: 0;
 +
    box-sizing: border-box;
 +
    margin-top: -5px;
 +
    padding: 20px;
 +
    background-image: url('https://static.igem.org/mediawiki/2017/6/68/T--IISc-Bangalore--navbar_bullet.png');
 +
    background-size: 40px 40px;
 +
}
 +
 
 +
#inPageNav li a.active img {
 +
    background-image: url('https://static.igem.org/mediawiki/2017/2/20/T--IISc-Bangalore--navbar_bullet_active.png');
 +
    background-size: 40px 40px;
 +
}
 +
 
 +
#inPageNav li a:focus {
 +
    color: inherit;
 +
    text-decoration: none;
 +
    outline: none;
 +
}
 +
 
 +
#inPageNav li a:active {
 +
    text-decoration: none;
 +
}
 +
 
 +
#inPageNav li a.active {
 +
    font-weight: 800;
 +
}
 +
 
 +
#inPageNav li:hover {
 +
    background-color: #f4f4f4;
 +
}
 +
   
 +
#contentMain {
 +
    width: 100%;
 +
    float: left;
 +
    display: block;
 +
    padding: 0 15% 50px 0;
 +
    box-sizing: border-box;
 +
    position: relative;
 +
    height: auto;
 +
    overflow: auto;
 +
    font-family: "Poppins", sans-serif;
 +
    font-size: 1em;
 +
    line-height: 2;
 +
    background-image: url('https://static.igem.org/mediawiki/2017/4/44/T--IISc-Bangalore--background_final.png');
 +
    background-size: cover;
 +
    background-attachment: fixed;
 +
    padding-left: 20%;
 +
    top: 80px;
 +
}
 +
 
 +
#contentMain h1 {
 +
    margin: 20px 0;
 +
    line-height: 1.3;
 +
    font-family: "Raleway-ExtraBold", sans-serif;
 +
    padding: 0;
 +
    text-align: center;
 +
    border-bottom: 2px solid;
 +
    padding-bottom: 10px;
 +
    box-sizing: border-box;
 +
    font-size: 3em;
 +
}
 +
 
 +
#contentMain h1 img {
 +
    vertical-align: text-top;
 +
    box-sizing: border-box;
 +
    padding-bottom: 8px;
 +
    height: 50px;
 +
}
 +
 
 +
#contentMain h1 img:nth-child(1) {
 +
    margin-right: 10px;
 +
}
 +
 
 +
#contentMain h1 img:nth-child(2) {
 +
    margin-left: 10px;
 +
}
 +
 
 +
#contentMain h1:target {
 +
    padding-top: 80px;
 +
    margin-top: -80px;
 +
}
 +
 
 +
#contentMain h2, h3 {
 +
    margin: 15px 0 15px 0;
 +
    font-family: "Raleway", sans-serif;
 +
    font-weight: 600;
 +
    padding: 0;
 +
}
 +
#contentMain p {
 +
    margin: 15px 0 15px 0;
 +
    line-height: 1.9;
 +
    font-size: 1.25em;
 +
    font-family: "Poppins", sans-serif;
 +
}
 +
#contentMain li li{
 +
    font-size: 1em;
 +
}
 +
#contentMain table {
 +
    background: none;
 +
    border: none;
 +
    margin: auto;
 +
}
 +
 
 +
#contentMain th {
 +
    background: none;
 +
    border: none;
 +
    border-bottom: 2px solid black;
 +
}
 +
 
 +
#contentMain td {
 +
    background: none;
 +
    border: none;
 +
}
 +
 
 +
.navbar {
 +
    overflow: hidden;
 +
    padding-right: 60px;
 +
    background-color: #ffe97c;
 +
    font-family: "Poppins", sans-serif;
 +
}
 +
 
 +
.navbar a {
 +
    float: right;
 +
    font-size: 14px;
 +
    color: black;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
}
 +
 
 +
.dropdown {
 +
    float: right;
 +
    overflow: hidden;
 +
    z-index: 100;
 +
}
 +
 
 +
.dropdown .dropbtn, .dropdown a {
 +
    font-size: 14.5px;   
 +
    border: none;
 +
    outline: none;
 +
    color: black;
 +
    padding: 13px 24px;
 +
    font-family: "Poppins", sans-serif;
 +
    letter-spacing: 0.05em;
 +
}
 +
 
 +
.dropbtn {
 +
    position: relative;
 +
    background-color: rgb(255,255,255);
 +
    background-color: #ffe97c;
 +
}
 +
 
 +
.dropbtn span {
 +
    position: absolute;
 +
    height: 100%;
 +
    width: 100%;
 +
    top: 0;
 +
    left: 0;
 +
}
 +
 
 +
.dropbtn a {
 +
    padding: 0;
 +
    float: none;
 +
}
 +
 
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #fff4bd;
 +
}
 +
 
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #fff4bd;
 +
    min-width: 160px;
 +
    box-shadow: 0px 13px 10px -2px rgba(0, 0, 0, 0.12);
 +
}
 +
 
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
    letter-spacing: 0;
 +
}
 +
 
 +
.dropdown-content a:hover {
 +
    background-color: #fffdec;
 +
}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
 
 +
#logoImg {
 +
    height: 70px;
 +
    position: fixed;
 +
    top: 20px;
 +
    left: 0;
 +
    z-index: 2;
 +
    background-color: #FFE97C;
 +
    border-radius: 0 0 100px 0;
 +
    padding: 5px 80px 10px 10px;
 +
    border: none;
 +
}
 +
 
 +
figure img {
 +
    display: block;
 +
    margin: auto;
 +
}
 +
 
 +
figurecaption {
 +
    text-align: center;
 +
    font-style: italic;
 +
    display: block;
 +
    margin: auto;
 +
}
 +
 
 +
.clearfix::after {
 +
    content: "";
 +
    clear: both;
 +
    display: table;
 +
}
 +
 
 +
.fch {
 +
    border-bottom: 2px solid !important;
 +
}
 +
 
 +
.fch tr:nth-child(1) th:nth-child(1) {
 +
    border-bottom: 2px solid !important;
 +
}
 +
 
 +
.fch tr th:nth-child(1) {
 +
    border: none !important;
 +
}
 +
 
 +
#contentMain li {
 +
    font-size: 1.25em;
 +
    line-height: 1.9;
 +
}
 +
 
 +
#contentMain table li {
 +
    font-size: 1em;
 +
}
 +
 
 +
.gifAnimated {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: calc(100% - 61px);
 +
    background-size: contain;
 +
    background-position: center; 
 +
    background-repeat: no-repeat;
 +
    top: 68px;
 +
    left: 0;
 +
}
 +
 
 +
#headerImg {
 +
    margin-left: -30.76%;
 +
    margin-right: -23.07%;
 +
}
 +
 
 +
/* Footer styling */
 +
 
 +
        #pagefooter {
 
             width: 100%;
 
             width: 100%;
 
             position: fixed;
 
             position: fixed;
Line 30: Line 340:
 
             transition: all 0.5s ease;
 
             transition: all 0.5s ease;
 
             padding-left: 10px;
 
             padding-left: 10px;
−
             z-index: 3000;
+
             z-index: 2;
 
             font-family: "Poppins", sans-serif;
 
             font-family: "Poppins", sans-serif;
 
         }
 
         }
Line 105: Line 415:
 
             height: 70px;
 
             height: 70px;
 
         }
 
         }
 +
 
</style>
 
</style>
−
</head>
+
 
−
<body>
+
<div id="contentWrapper">
 +
<div style="position: fixed; width: 100%; top: 16px; left: 0; z-index: 1;">
 +
<div class="navbar">
 +
 
 +
  <div class="dropdown">
 +
    <div class="dropbtn">COMMUNITY</div>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/HP/Silver">Human Practices</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/HP/Gold_Integrated">Integrated Practices</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Collaborations">Collaborations</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Engagement">Public Engagement</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Safety">Safety</a>
 +
 
 +
    </div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <div class="dropbtn"><a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware"><span></span></a>HARDWARE</div>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware">GCODe</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Mini">Mini</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro">Pro</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">Results</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">Hardware Evolution</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Documentation">Build Your Own</a>
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="dropdown">
 +
    <div class="dropbtn">LAB</div>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Assembly">Assembly</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Results">Results</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Demonstrate">Demonstrate</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Notebook">Notebook</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Protocols">Protocols</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/InterLab">InterLab</a>
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="dropdown">
 +
    <div class="dropbtn">PROJECT</div>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Description">iFLOAT</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Model">Model</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Experiments">Experiments</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Parts">Parts</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Design">Design</a>
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="dropdown">
 +
    <div class="dropbtn">ABOUT</div>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Team">Team</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Philosophy">Philosophy</a>
 +
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Attributions">Attributions</a>
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="dropdown">
 +
    <a href="https://2017.igem.org/Team:IISc-Bangalore">HOME</a>
 +
  </div>
 +
</div>
 +
  <a href="https://2017.igem.org/Team:IISc-Bangalore"><img id="logoImg" src="/wiki/images/6/65/T--IISc-Bangalore--logo-new.png"></a>
 +
</div>
 +
 
 
<div id="pagefooter" class="clearfix">
 
<div id="pagefooter" class="clearfix">
 
         <div id="smallfooter" class="clearfix">
 
         <div id="smallfooter" class="clearfix">
Line 166: Line 542:
 
})
 
})
 
</script>
 
</script>
−
 
−
</body>
 
 
</html>
 
</html>

Revision as of 13:23, 11 October 2018