Team:IIT Delhi/Outreach

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
<html>
<html>
<head>
<head>
Line 22: Line 21:
.centering {
.centering {
margin: 0 auto;
margin: 0 auto;
-
width: 965px;}
+
width: 100%;}
/* Nav Bar */
/* Nav Bar */
#wrap {
#wrap {
Line 28: Line 27:
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */
height: 50px; margin: 0; /* Ensures there is no space between sides of the screen and the menu */
z-index: 99; /* Makes sure that your menu remains on top of other page elements */
z-index: 99; /* Makes sure that your menu remains on top of other page elements */
-
position: relative; background-color: #333333;
+
position: relative; background-color: white;
}
}
.navbar {
.navbar {
height: 50px;
height: 50px;
 +
width: 100%;
padding: 0;
padding: 0;
margin: 0;
margin: 0;
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */
position: absolute; /* Ensures that the menu doesn&#8217;t affect other elements */
-
border-right: 1px solid #333333; }
+
border-right: 0.5px solid white; }
.navbar li {
.navbar li {
height: auto;
height: auto;
-
width: 150px; /* Each menu item is 150px wide */
+
width: 16.666%; /* Each menu item is 200px wide */
float: left; /* This lines up the menu items horizontally */
float: left; /* This lines up the menu items horizontally */
text-align: center; /* All text is placed in the center of the box */
text-align: center; /* All text is placed in the center of the box */
list-style: none; /* Removes the default styling (bullets) for the list */
list-style: none; /* Removes the default styling (bullets) for the list */
-
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;
+
font: normal bold 13px/1.2em Arial, Verdana, Helvetica; padding: 0;
margin: 0;
margin: 0;
-
background-color: #333333;
+
background-color: white;
}
}
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
-
border-left: 1px solid #333333; border-right: 1px solid #333333; text-decoration: none; /* Removes the default hyperlink styling. */
+
border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black;text-decoration: none; /* Removes the default hyperlink styling. */
color: white; /* Text color is white */
color: white; /* Text color is white */
display: block;
display: block;
}
}
-
.navbar li:hover, a:hover {background-color: #333333;} .navbar li ul {
+
 
 +
#home {background-color:red;}
 +
#home:hover {color:red; background-color: white;}
 +
 
 +
#Project {background-color:orange;}
 +
#Project:hover {color:orange; background-color: white;}
 +
#overview {background-color: orange;}
 +
#overview:hover {color:orange; background-color: white;}
 +
#motivation {background-color: orange;}
 +
#motivation:hover {color:orange; background-color: white;}
 +
#model {background-color: orange;}
 +
#model:hover {color:orange; background-color: white;}
 +
#biobricks {background-color: orange;}
 +
#biobricks:hover {color:orange; background-color: white;}
 +
 
 +
#modelling {background-color: #b3b300;}
 +
#modelling:hover {color:#b3b300; background-color: white;}
 +
 
 +
#methods {background-color: green;}
 +
#methods:hover {color:green; background-color:white;}
 +
#protocol {background-color: green;}
 +
#protocol:hover {color:green; background-color:white;}
 +
#notebook {background-color: green;}
 +
#notebook:hover {color:green; background-color: white;}
 +
#brainstorming {background-color: green;}
 +
#brainstorming:hover {color:green; background-color: white;}
 +
#safety {background-color: green;}
 +
#safety:hover {color:green; background-color:white;}
 +
 
 +
#outreach {background-color: violet;}
 +
#outreach:hover {color:violet; background-color: white;}
 +
#orientation {background-color: violet;}
 +
#orientation:hover {color:violet; background-color: white;}
 +
#south {background-color: violet;}
 +
#south:hover {color:violet; background-color: white;}
 +
#bill {background-color: violet;}
 +
#bill:hover {color:violet; background-color: white;}
 +
#biotoilets {background-color: violet;}
 +
#biotoilets:hover {color:violet; background-color: white;}
 +
 
 +
#team {background-color: darkblue;}
 +
#team:hover {color:darkblue; background-color: white;}
 +
#student {background-color: darkblue;}
 +
#student:hover {color:darkblue; background-color: white;}
 +
#faculty {background-color: darkblue;}
 +
#faculty:hover {color:darkblue; background-color: white;}
 +
#attributions {background-color: darkblue;}
 +
#attributions:hover {color:darkblue; background-color: white;}
 +
 
 +
.navbar li ul {
display: none; /* Hides the drop-down menu */
display: none; /* Hides the drop-down menu */
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {
display: block; /* Displays the drop-down box when the menu item is hovered over */
display: block; /* Displays the drop-down box when the menu item is hovered over */
 +
}
}
-
.navbar li ul li {background-color: #333333;} .navbar li ul li a {
+
 
-
border-left: 1px solid #1f5065; border-right: 1px solid #333333; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
+
.navbar li ul li {background-color: white; width: 100%;} .navbar li ul li a {
-
.navbar li ul li a:hover {background-color: #333333;}
+
border-left: 0.5px solid black; border-right: 0.5px solid black; border-top: 0.5px solid black; border-bottom: 0.5px solid black; width: auto; }
 +
.navbar li ul li a:hover {width: 100%; background-color: white;}
 +
 
/* Slider */
/* Slider */
#image-slider {
#image-slider {

Revision as of 19:44, 26 September 2013

Navigation-Top




Outreach

In order to generate interest for the contest on the IIT Campus, it was essential that we talk to people about the contest. We had the opportunity to talk to the First Year students; and gave a presentation for the course "Introduction to Engineering" to about 800 students.
























Feel Free to contact us at igemiitdelhi2013 at gmail dot com if you have queries; requests; suggestions et cetera.

Thanks to iGEM and IIT Delhi,
we had an awesome summer!		 Our Project was supported by and done by the students

 of IIT Delhi, India.

 This project was done as a part of iGEM:
iGEM Main Website

Retrieved from "http://2013.igem.org/Team:IIT_Delhi/Outreach"