Difference between revisions of "Team:DEIAGRA"

Line 1: Line 1:
 
<html>
 
<html>
−
<style type="text/css">
+
<style>
−
#main, header, #banner, #menubar, #site_content, footer, #content_grey, nav
+
/* Add a black background color to the top navigation */
−
{ margin-left: auto;  
+
.topnav {
−
  margin-right: auto;}
+
    background-color: #333;
 +
    overflow: hidden;
 +
}
  
−
#main
+
/* Style the links inside the navigation bar */
−
{ background: transparent;}
+
.topnav a {
 +
    float: left;
 +
    display: block;
 +
    color: #f2f2f2;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
    font-size: 17px;
 +
}
  
−
#banner
+
/* Change the color of links on hover */
−
{ width: 940px;
+
.topnav a:hover {
−
  position: relative;
+
    background-color: #ddd;
−
  height: 50px;
+
    color: black;
−
  padding: 15px 0 0 0;
+
}
−
  background: transparent;}
+
  
−
#welcome
+
/* Add a color to the active/current link */
−
{ width: 880px;
+
.topnav a.active {
−
  float: left;
+
    background-color: #4CAF50;
−
  height: 50px;
+
    color: white;
−
  margin: 0 auto;
+
}
−
  padding-left: 20px;
+
−
  background: transparent;}
+
−
 
+
−
#welcome_slogan
+
−
{ width: 880px;
+
−
  float: left;
+
−
  height: 50px;
+
−
  margin: 0 auto;
+
−
  padding-left: 20px;
+
−
  background: transparent;} 
+
−
 
+
−
#welcome H3
+
−
{ font: bold 300% 'News Cycle', Arial, sans-serif;
+
−
  text-shadow: 1px 1px #000;
+
−
  color: #FFF;}
+
−
 
+
−
#welcome_slogan H3
+
−
{ font: bold 200% 'News Cycle', Arial, sans-serif;
+
−
  text-shadow: 1px 1px #000;
+
−
  color: #FFF;} 
+
−
 
+
−
#menubar
+
−
{ width: 940px;
+
−
  height: 50px;
+
−
  text-align: center;
+
−
  margin: 100 auto;
+
−
  background: #432415;
+
−
  background: -moz-linear-gradient(#723D27, #432415);
+
−
  background: -o-linear-gradient(#723D27, #432415);
+
−
  background: -webkit-linear-gradient(#723D27, #432415);
+
−
  border-radius: 7px 7px 0px 0px;
+
−
  -moz-border-radius: 7px 7px 0px 0px;
+
−
  -webkit-border: 7px 7px 0px 0px;}
+
−
 
+
−
nav
+
−
{ height: 50px;} 
+
−
 
+
−
ul#nav
+
−
{ margin:0;
+
−
  float: right;}
+
−
 
+
−
ul#nav li
+
−
{ padding: 0 0 0 0px;
+
−
  list-style: none;
+
−
  margin: 2px 0 0 0;
+
−
  display: inline;
+
−
  background: transparent;}
+
−
 
+
−
ul#nav li a
+
−
{ float: left;
+
−
  font: bold 120% Arial, Helvetica, sans-serif;
+
−
  height: 24px;
+
−
  margin: 10px 20px 0 0;
+
−
  text-shadow: 0px -1px 0px #000;
+
−
  padding: 6px 20px 0 20px;
+
−
  background: transparent;
+
−
  border-radius: 7px 7px 7px 7px;
+
−
  -moz-border-radius: 7px 7px 7px 7px;
+
−
  -webkit-border: 7px 7px 7px 7px;
+
−
  text-align: center;
+
−
  color: #FFF;
+
−
  text-decoration: none;}
+
−
 
+
−
ul#nav li.current a, ul#nav li:hover a
+
−
{ color: #FFF;
+
−
  background: #723D27;
+
−
  background: -moz-linear-gradient(#432415, #723D27);
+
−
  background: -o-linear-gradient(#432415, #723D27);
+
−
  background: -webkit-linear-gradient(#432415, #723D27);
+
−
  text-shadow: none;}
+
 
</style>
 
</style>
 
<body>
 
<body>
−
<div id="main">
+
<div class="topnav" id="myTopnav">
−
    <header>
+
  <a href="#home">Home</a>
−
  <div id="banner">
+
  <a href="#news">News</a>
−
    <div id="welcome">
+
  <a href="#contact">Contact</a>
−
      <h3>DEI AGRA</h3>
+
  <a href="#about">About</a>
−
    </div><!--close welcome-->
+
−
    <div id="welcome_slogan">
+
−
      <h3>Wiki Page</h3>
+
−
    </div><!--close welcome_slogan-->
+
−
  </div><!--close banner-->
+
−
    </header>
+
−
   
+
−
    <nav>
+
−
<div id="menubar">
+
−
        <ul id="nav">
+
−
          <li class="current"><a href="index.html">Home</a></li>
+
−
          <li><a href="team.html">Team</a></li>
+
−
          <li><a href="humanpractice.html">Human Practices</a></li>
+
−
  <li><a href="biosafety.html">Biosafety</a></li>
+
−
          <li><a href="projects.html">Project</a></li>
+
−
          <li><a href="contact.html">Contact Us</a></li>
+
−
        </ul>
+
−
      </div><!--close menubar-->
+
−
    </nav>
+
−
Welcome to Wiki page
+
 
</div>
 
</div>
−
 
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:44, 1 November 2017