Difference between revisions of "Template:IIT Delhi"

Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<head>
 
<style>
 
<style>
−
.navbar {
+
/* ADJUSTS DEFAULT iGEM CONTENT */
−
position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
+
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
−
top:0px;
+
display: none;
−
left:0px;
+
−
height:50px;
+
−
width:100%;
+
−
margin:0;
+
−
padding:0;
+
−
z-index:999;
+
−
background-color: #333;
+
−
overflow:visible;
+
 
}
 
}
−
.navbar a:hover, .dropdown:hover .dropbtn {
+
#top_menu_14, #top_menu_inside { /* MAKES BACKGROUND OF iGEM MENU TRANSPARENT */
−
    background-color: red;
+
background: none;
−
    z-index: 101;
+
border: none;
 
}
 
}
−
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
−
.igem_iitd-hover-opacity {cursor: pointer;}
+
background-color: transparent;
−
 
+
−
.igem_iitd-black,.igem_iitd-hover-black:hover{color:#fff!important;background-color:#000!important}
+
−
.igem_iitd-padding-64{padding-top:64px!important;padding-bottom:64px!important}
+
−
.igem_iitd-hover-opacity-off:hover{opacity:1}
+
−
.igem_iitd-button:hover{color:#000!important;background-color:#ccc!important}
+
−
.igem_iitd-light-grey,.igem_iitd-hover-light-grey:hover,.igem_iitd-light-gray,.igem_iitd-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
+
−
.igem_iitd-margin-right{margin-right:16px!important}
+
−
.igem_iitd-button:hover{color:#000!important;background-color:#ccc!important}
+
−
 
+
−
.dropdown-content {
+
−
    display: none;
+
−
    position: absolute;
+
−
    background-color: #f9f9f9;
+
−
    min-width: 160px;
+
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
    z-index: 101;
+
 
}
 
}
−
.dropdown-content-big {
+
:focus, :active {
−
    display: none;
+
  outline: 0;
−
    position: absolute;
+
−
    background-color: #f9f9f9;
+
−
    min-width: 200px;
+
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
    z-index: 101;
+
 
}
 
}
−
.dropdown-content a {
+
body, html, #globalWrapper, #bodyContent, #HQ_page {
−
    float: none;
+
width: 100%;
−
    color: black;
+
margin: 0;
−
    padding: 12px 16px;
+
padding: 0;
−
    text-decoration: none;
+
height: 100%
−
    display: block;
+
−
    text-align: left;
+
−
    z-index: 101;
+
 
}
 
}
−
 
+
#content {
−
.dropdown-content a:hover {
+
width: 100%;
−
    background-color: #ddd;
+
margin: 0;
−
    z-index: 101;
+
margin-top: -33px;
 +
padding: 0;
 +
height: 100%
 
}
 
}
−
.dropdown-content-big a {
+
html {
−
    float: none;
+
-webkit-font-smoothing: antialiased;
−
    color: black;
+
−
    padding: 12px 16px;
+
−
    text-decoration: none;
+
−
    display: block;
+
−
    text-align: left;
+
−
    z-index: 101;
+
 
}
 
}
−
 
−
.dropdown-content-big a:hover {
 
−
    background-color: #ddd;
 
−
    z-index: 101;
 
−
}
 
−
 
−
.dropdown:hover .dropdown-content {
 
−
    display: block;
 
−
    z-index: 101;
 
−
}
 
−
.dropdown:hover .dropdown-content-big {
 
−
    display: block;
 
−
    z-index: 101;
 
−
}
 
−
.right_menu{
 
−
    float: right;
 
−
    text-align: right;
 
−
    width: auto;
 
−
    margin-right: 60px;
 
−
}
 
−
.backbody {
 
−
    background-image: url("1.png");
 
−
    min-height: 800px;
 
−
    background-attachment: fixed;
 
−
    background-position: center;
 
−
    background-repeat: no-repeat;
 
−
    background-size: cover;
 
−
    opacity: 0.4;
 
−
        position: absolute;
 
−
    left: 0px;
 
−
    top: 0px;
 
−
    bottom: 0px;
 
−
    z-index: -1;
 
−
}
 
−
body {
 
−
    background-color: black;
 
−
}
 
−
body.landing #header {
 
−
background-color: transparent;
 
−
left: 0;
 
−
position: absolute;
 
−
top: 0;
 
−
}
 
 
</style>
 
</style>
−
 
+
</head>
−
 
+
<body>
−
<body class="landing" background-color: black;>
+
<script>
−
 
+
</script>
−
<!-- Header -->
+
</body>
−
+
−
<div class = "navbar ">
+
−
<a href="index.html">iGEM IIT Delhi</a>
+
−
<div class = "right_menu">
+
−
  <div class="dropdown">
+
−
    <button class="dropbtn">Project
+
−
    <i class="fa fa-caret-down"></i>
+
−
    </button>
+
−
    <div class="dropdown-content">
+
−
      <a href="#">Description</a>
+
−
      <a href="#">Results</a>
+
−
      <a href="#">Proof of Concept</a>
+
−
      <a href="#">Basic Parts</a>
+
−
      <a href="#">Composite Parts</a>
+
−
    </div>
+
−
  </div>
+
−
  <div class="dropdown">
+
−
    <button class="dropbtn">Modelling
+
−
    <i class="fa fa-caret-down"></i>
+
−
    </button>
+
−
    <div class="dropdown-content">
+
−
      <a href="#">Overview</a>
+
−
      <a href="#">Logic Assessment</a>
+
−
      <a href="#">Signalling Tools</a>
+
−
    </div>
+
−
  </div>
+
−
  <div class="dropdown">
+
−
    <button class="dropbtn">Human Practices
+
−
    <i class="fa fa-caret-down"></i>
+
−
    </button>
+
−
    <div class="dropdown-content-big">
+
−
      <a href="#">Human Practices</a>
+
−
      <a href="#">Integrated Practices</a>
+
−
      <a href="#">Public Engagement</a>
+
−
      <a href="#">Collaborations</a>
+
−
    </div>
+
−
  </div>
+
−
  <div class="dropdown">
+
−
    <button class="dropbtn">Notebook
+
−
    <i class="fa fa-caret-down"></i>
+
−
    </button>
+
−
    <div class="dropdown-content">
+
−
      <a href="#">Lab Records</a>
+
−
      <a href="#">Protocols</a>
+
−
      <a href="#">Recipes</a>
+
−
      <a href="#">Medal Criteria</a>
+
−
      <a href="#">Recipes</a>
+
−
    </div>
+
−
  </div> 
+
−
  <div class="dropdown">
+
−
    <button class="dropbtn">Team
+
−
    <i class="fa fa-caret-down"></i>
+
−
    </button>
+
−
    <div class="dropdown-content">
+
−
      <a href="team.html">The Team</a>
+
−
      <a href="#">Attributions</a>
+
−
    </div>
+
−
  </div> 
+
−
+
−
</div>
+
−
</div>
+

Revision as of 10:16, 28 October 2017