Team:IIT Delhi/Safety

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
   <meta content="text/html; charset=ISO-8859-1"
   <meta content="text/html; charset=ISO-8859-1"
  http-equiv="content-type">
  http-equiv="content-type">
-
   <title>css</title>
+
   <title></title>
-
   <style type="text/css">
+
   <style ="text/css">
-
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo {
+
contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
  display: none;
+
  display:none;}
 +
/* Redesigning the topmenu */ /***************************/ body {
 +
  margin: 10px 0 0 0;
 +
  padding: 0;}
 +
#content, #globalWrapper {
 +
  border: none;
 +
  width: 100%;
 +
  margin: 0;
 +
  padding: 0;}
 +
.centering {
 +
  margin: 0 auto;
 +
  width: 965px;}
 +
#wrap {
 +
width: 100%; /* Spans the width of the page */
 +
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 */
 +
position: relative; background-color: #366b82;
}
}
-
#top-section {
+
.navbar {
-
  border: none;
+
height: 50px;
-
  height: 0px;
+
padding: 0;
 +
margin: 0;
 +
position: absolute; /* Ensures that the menu doesn’t affect other elements */
 +
border-right: 1px solid #54879d; }
 +
.navbar li {
 +
height: auto;
 +
width: 150px; /* Each menu item is 150px wide */
 +
float: left; /* This lines up the menu items horizontally */
 +
text-align: center; /* All text is placed in the center of the box */
 +
list-style: none; /* Removes the default styling (bullets) for the list */
 +
font: normal bold 12px/1.2em Arial, Verdana, Helvetica; padding: 0;
 +
margin: 0;
 +
background-color: #366b82;
}
}
-
#content {
+
.navbar a { padding: 18px 0; /* Adds a padding on the top and bottom so the text appears centered vertically */
-
  border: none;
+
border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background. Combined with the right border, this creates a nice effect. */
 +
border-right: 1px solid #1f5065; /* Creates a border in a slightly darker shade of blue than the background. Combined with the left border, this creates a nice effect. */
 +
text-decoration: none; /* Removes the default hyperlink styling. */
 +
color: white; /* Text color is white */
 +
display: block;
}
}
-
#body {
+
.navbar li:hover, a:hover {background-color: #54879d;}
-
  margin: 0;
+
.navbar li ul {
-
  padding: 0;
+
display: none; /* Hides the drop-down menu */
-
  background: #ffffff none repeat scroll 0%;
+
height: auto; margin: 0; /* Aligns drop-down box underneath the menu item */
-
  font-family: 'Open Sans',sans-serif;
+
padding: 0; /* Aligns drop-down box underneath the menu item */ } .navbar li:hover ul {
-
  font-size: 13px;
+
display: block; /* Displays the drop-down box when the menu item is hovered over */
-
  color: #5b5b5b;
+
}
}
-
#header-wrapper {
+
.navbar li ul li {background-color: #54879d;}  
-
  background: #b50d0d none repeat scroll 0% 50%;
+
.navbar li ul li a {
-
  height: 120px;
+
border-left: 1px solid #1f5065; border-right: 1px solid #1f5065; border-top: 1px solid #74a3b7; border-bottom: 1px solid #1f5065; }
-
}
+
.navbar li ul li a:hover {background-color: #366b82;}
-
#header {
+
-
  background: #b50d0d none repeat scroll 0% 50%;
+
-
  width: 1000px;
+
-
  margin-top: 0;
+
-
  margin-bottom: 0;
+
-
  padding-top: 0px;
+
-
  padding-bottom: 0px;
+
-
  height: 120px;
+
-
}
+
-
 
+
   </style>
   </style>
</head>
</head>
-
<body
+
<body>
-
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 153);"
+
<div id="wrap">
-
alink="#000099" link="#000099" vlink="#990099">
+
<ul class="navbar">
-
<div id="header">
+
  <li><a href="#">Home</a></li>
 +
  <li><a href="#">Retrievals</a>
 +
    <ul>
 +
      <li><a href="#">Data Listing</a></li>
 +
      <li><a href="#">Web Scheduling</a></li>
 +
      <li><a href="#">Google Maps Application</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="#">Reporting</a>
 +
    <ul>
 +
      <li><a href="#">Ad Hoc Report</a></li>
 +
      <li><a href="#">Drill Down Report</a></li>
 +
      <li><a href="#">Ranking Report</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="#">Business Intelligence</a>
 +
    <ul>
 +
      <li><a href="#">Business Dashboard</a></li>
 +
      <li><a href="#">Web Pivot Table</a></li>
 +
      <li><a href="#">Interactive Report</a></li>
 +
      <li><a href="#">What-If Analysis</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="#">Data Maintenance</a>
 +
    <ul>
 +
      <li><a href="#">Database CRUD</a></li>
 +
      <li><a href="#">Database Update</a></li>
 +
      <li><a href="#">Order Entry</a></li>
 +
      <li><a href="#">Drag-and-Drop Application</a></li>
 +
    </ul>
 +
  </li>
 +
  <li><a href="#">B2B Portal</a>
 +
    <ul>
 +
      <li><a href="#">B2B Portal</a></li>
 +
      <li><a href="#">Secure Data-Driven Listings</a></li>
 +
      <li><a href="#">Secure Shopping Cart</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
</div>
</div>
 +
<br>
</body>
</body>
</html>
</html>

Revision as of 11:04, 20 September 2013


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