Difference between revisions of "Team:IIT Delhi/labs"

 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
ftab<html>
+
<html>
−
 
+
<link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet'>
 
<script>
 
<script>
 
// When the user scrolls down 20px from the top of the document, show the button
 
// When the user scrolls down 20px from the top of the document, show the button
Line 23: Line 23:
 
@import url(font-awesome.min.css);
 
@import url(font-awesome.min.css);
 
@import url("http://fonts.googleapis.com/css?family=Lato:300,400");
 
@import url("http://fonts.googleapis.com/css?family=Lato:300,400");
 +
 +
 +
.boogaloo_font
 +
{ font-family:'Boogaloo'}
 +
  
 
.backbody2{
 
.backbody2{
Line 70: Line 75:
 
height: auto;
 
height: auto;
 
}
 
}
−
.navbar {
+
 
−
position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
+
−
top:0px;
+
−
left:0px;
+
−
height:50px;
+
−
width:100%;;
+
−
margin:0;
+
−
padding:0;
+
−
z-index:999;
+
−
background-color: #333;
+
−
overflow:visible;
+
−
}
+
 
button.accordion:after {
 
button.accordion:after {
 
     content: '+';
 
     content: '+';
Line 148: Line 142:
 
body, input, select, textarea {
 
body, input, select, textarea {
 
color: #444;
 
color: #444;
−
font-family: "Lato", Helvetica, sans-serif;
+
font-family: "Boogaloo", Helvetica, sans-serif;
 
font-size: 15pt;
 
font-size: 15pt;
 
font-weight: 300;
 
font-weight: 300;
Line 387: Line 381:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
−
font-family: FontAwesome;
+
font-family: 'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 453: Line 447:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
−
font-family: FontAwesome;
+
font-family: 'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 554: Line 548:
 
-moz-osx-font-smoothing: grayscale;
 
-moz-osx-font-smoothing: grayscale;
 
-webkit-font-smoothing: antialiased;
 
-webkit-font-smoothing: antialiased;
−
font-family: FontAwesome;
+
font-family: 'Boogaloo';
 
font-style: normal;
 
font-style: normal;
 
font-weight: normal;
 
font-weight: normal;
Line 782: Line 776:
 
table {
 
table {
 
margin: 0 0 2em 0;
 
margin: 0 0 2em 0;
−
width: 100%;
+
width: 98.5%;
 
}
 
}
  
Line 1,093: Line 1,087:
  
 
#banner {
 
#banner {
−
background: url("https://static.igem.org/mediawiki/2017/8/8d/T--IIT_DELHI--banner_index.jpg") ;
+
background: url("https://static.igem.org/mediawiki/2017/8/80/T--IIT_Delhi--notebook.png") ;
  
 
background-position: center;
 
background-position: center;
Line 1,266: Line 1,260:
 
top:0px;
 
top:0px;
 
left:0px;
 
left:0px;
−
height:50px;
+
height:68px;
 
width:100%;
 
width:100%;
 
margin:0;
 
margin:0;
−
padding:0;
+
padding:20px;
 
z-index:999;
 
z-index:999;
 
background-color: #333;
 
background-color: #333;
Line 1,320: Line 1,314:
 
     outline: none;
 
     outline: none;
 
     color: white;
 
     color: white;
−
     padding: 18px 16px;
+
     padding: 15px 16px;
 +
    background-color: inherit;
 +
    z-index: 101;
 +
}
 +
.dropbtn1 {
 +
    font-size: 16px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 15px 16px;
 
     background-color: inherit;
 
     background-color: inherit;
 
     z-index: 101;
 
     z-index: 101;
 
}
 
}
−
 
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
     background-color: red;
 
     background-color: red;
Line 1,526: Line 1,528:
 
   position: relative;
 
   position: relative;
 
   border-radius: 6px;
 
   border-radius: 6px;
 +
  font-family: Boogaloof;
 
}
 
}
  
Line 1,687: Line 1,690:
 
<body class="landing .igem_iitd_delhi_body" background-color: black;>
 
<body class="landing .igem_iitd_delhi_body" background-color: black;>
  
 +
 
<!-- Header -->
 
<!-- Header -->
 
 
 
<div class = "navbar ">
 
<div class = "navbar ">
−
<a href="index.html">iGEM IIT Delhi</a>
+
 +
                                                        <button class="dropbtn1"><a href="https://2017.igem.org/Team:IIT_Delhi">iGEM IIT Delhi</a></button>
 
<div class = "right_menu">
 
<div class = "right_menu">
 
   <div class="dropdown">
 
   <div class="dropdown">
Line 1,697: Line 1,702:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="#">Description</a>
+
       <a href="/Team:IIT_Delhi/Description">Description</a>
−
       <a href="#">Results</a>
+
       <a href="/Team:IIT_Delhi/Results">Results</a>
−
      <a href="#">Proof of Concept</a>
+
 
−
       <a href="#">Basic Parts</a>
+
       <a href="/Team:IIT_Delhi/Interlab">Interlab</a>
−
      <a href="#">Composite Parts</a>
+
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
−
  <div class="dropdown">
+
                                                        <div class="dropdown">
−
     <button class="dropbtn">Modelling
+
     <button class="dropbtn">Parts
 
     <i class="fa fa-caret-down"></i>
 
     <i class="fa fa-caret-down"></i>
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="#">Overview</a>
+
       <a href="/Team:IIT_Delhi/Basic_Part">Basic Parts</a>
−
       <a href="#">Logic Assessment</a>
+
       <a href="/Team:IIT_Delhi/Composite_Part">Composite Parts</a>
−
       <a href="#">Signalling Tools</a>
+
       <a href="/Team:IIT_Delhi/Improved_Part">Improved Parts</a>
 +
      <a href="/Team:IIT_Delhi/Part_Collection">Part Collection</a>
 
     </div>
 
     </div>
−
   </div>  
+
   </div>
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Modeling
 +
                                                        <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content-big">
 +
      <a href="/Team:IIT_Delhi/Model">Overview</a>
 +
      <a href="/Team:IIT_Delhi/Database">Simulation Database</a>
 +
    </div>
 +
    </div>
 
   <div class="dropdown">
 
   <div class="dropdown">
 
     <button class="dropbtn">Human Practices  
 
     <button class="dropbtn">Human Practices  
Line 1,719: Line 1,733:
 
     </button>
 
     </button>
 
     <div class="dropdown-content-big">
 
     <div class="dropdown-content-big">
−
       <a href="#">Human Practices</a>
+
       <a href="/Team:IIT_Delhi/HP/Silver">Human Practices</a>
−
       <a href="#">Integrated Practices</a>
+
       <a href="/Team:IIT_Delhi/HP/Gold_Integrated">Integrated Practices</a>
−
       <a href="#">Public Engagement</a>
+
       <a href="/Team:IIT_Delhi/Engagement">Public Engagement</a>
−
       <a href="#">Collaborations</a>
+
       <a href="/Team:IIT_Delhi/Collaborations">Collaborations</a>
 
     </div>
 
     </div>
 
   </div>  
 
   </div>  
Line 1,730: Line 1,744:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="#">Lab Records</a>
+
       <a href="/Team:IIT_Delhi/Notebook">Lab Records</a>
−
       <a href="#">Protocols</a>
+
       <a href="/Team:IIT_Delhi/protocol">Protocols</a>
−
       <a href="#">Recipes</a>
+
       <a href="/Team:IIT_Delhi/recipe">Recipes</a>
−
       <a href="#">Medal Criteria</a>
+
       <a href="/Team:IIT_Delhi/medal">Medal Criteria</a>
−
      <a href="#">Recipes</a>
+
     
 
     </div>
 
     </div>
 
   </div>   
 
   </div>   
Line 1,742: Line 1,756:
 
     </button>
 
     </button>
 
     <div class="dropdown-content">
 
     <div class="dropdown-content">
−
       <a href="team.html">The Team</a>
+
       <a href="/Team:IIT_Delhi/Team">The Team</a>
−
       <a href="#">Attributions</a>
+
 
 +
       <a href="/Team:IIT_Delhi/Attributions">Attributions</a>
 
     </div>
 
     </div>
 
   </div>   
 
   </div>   
Line 1,774: Line 1,789:
 
   <div class="container1 left1">
 
   <div class="container1 left1">
 
     <div class="content1">
 
     <div class="content1">
−
       <h2>march</h2>
+
       <h2 class="boogaloo_font ">march</h2>
 
       <p>Lorem ipsum..</p>
 
       <p>Lorem ipsum..</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
   <div class="container1 right1">
 
   <div class="container1 right1">
−
     <div class="content1 " style="overflow:scroll; ">
+
     <div class="content1 boogaloo_font " style="overflow:scroll; ">
−
       <h2>april</h2>
+
       <h2 class="boogaloo_font ">april</h2>
 
       <p>Lorem ipsum..</p>
 
       <p>Lorem ipsum..</p>
 
     </div>
 
     </div>
Line 1,789: Line 1,804:
 
    
 
    
 
   <div class="container1 left1">
 
   <div class="container1 left1">
−
     <div class="content1">
+
     <div class="content1 boogaloo_font">
−
       <h2>may</h2>
+
       <h2 class="boogaloo_font">may</h2>
 
       <p>Lorem ipsum..</p>
 
       <p>Lorem ipsum..</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
   <div class="container1 right1">
 
   <div class="container1 right1">
−
     <div class="content1">
+
     <div class="content1 boogaloo_font">
−
       <h2>june</h2>
+
       <h2 class="boogaloo_font ">june</h2>
 
       <p>Lorem ipsum..</p>
 
       <p>Lorem ipsum..</p>
 
     </div>
 
     </div>
 
   </div><div class="container1 left1">
 
   </div><div class="container1 left1">
−
     <div class="content1">
+
     <div class="content1 boogaloo_font">
−
       <h2>july</h2>
+
       <h2 class="boogaloo_font ">july</h2>
 
       <p>Lorem ipsum..</p>
 
       <p>Lorem ipsum..</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
   <div class="container1 right1">
 
   <div class="container1 right1">
−
     <div class="content1">
+
     <div class="content1 boogaloo_font">
−
       <h2>august</h2>
+
       <h2 class="boogaloo_font ">august</h2>
 
       <p>Lorem ipsum..</p>
 
       <p>Lorem ipsum..</p>
 
     </div>
 
     </div>
 
   </div><div class="container1 left1">
 
   </div><div class="container1 left1">
−
     <div class="content1">
+
     <div class="content1 boogaloo_font">
−
       <h2>september</h2>
+
       <h2 class="boogaloo_font ">september</h2>
 
       <p>Lorem ipsum..</p>
 
       <p>Lorem ipsum..</p>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
   <div class="container1 right1">
 
   <div class="container1 right1">
−
     <div class="content1">
+
     <div class="content1 boogaloo_font">
−
       <h2>october</h2>
+
       <h2 class="boogaloo_font ">october</h2>
 
       <p>Lorem ipsum..</p>
 
       <p>Lorem ipsum..</p>
 
     </div>
 
     </div>
Line 1,846: Line 1,861:
 
<!-- Footer -->
 
<!-- Footer -->
 
<footer id="footer">
 
<footer id="footer">
−
<table  style="font-family:'Lato'; border: 0px solid black; ">
+
<table  style="font-family:'Boogaloo'; border: 0px solid black; ">
 
         <tr align="center"  >
 
         <tr align="center"  >
 
         <td align="center" width="50%" colspan="2" class="tr2"><b>Sponsored By</b></td></tr>
 
         <td align="center" width="50%" colspan="2" class="tr2"><b>Sponsored By</b></td></tr>

Latest revision as of 20:33, 31 October 2017

iGEM IIT Delhi

Description Results Interlab
Basic Parts Composite Parts Improved Parts Part Collection
Overview Simulation Database
Human Practices Integrated Practices Public Engagement Collaborations
Lab Records Protocols Recipes Medal Criteria
The Team Attributions

march

Lorem ipsum..

april

Lorem ipsum..

may

Lorem ipsum..

june

Lorem ipsum..

july

Lorem ipsum..

august

Lorem ipsum..

september

Lorem ipsum..

october

Lorem ipsum..

Sponsored By
Contact Us Address

E-mail: iitd.igem@gmail.com
Undergraduate Laboratory
Department of Biotechnology and Biochemical Engineering, IIT Delhi