Template:METU-Ankara header

From 2011.igem.org

(Difference between revisions)
Line 74: Line 74:
}
}
-
 
+
ul#menu {
-
 
+
    height: 54px;
-
.navbar
+
    width: 500px;
-
{
+
    margin: 0;
-
align:center;
+
    padding: 0;
-
font-size:18px;
+
    position: relative;
-
 
+
}
}
-
 
+
ul#menu2 {
-
.navbar tr
+
    height: 54px;
-
{
+
    width: 500px;
-
background-color:#d3c4a7;
+
    margin: 0;
-
 
+
    padding: 0;
 +
    position: relative;
}
}
-
.navbar td
+
ul#menu li {
-
{
+
    list-style: none;
-
border-right:1px dotted #FFF;
+
    position: absolute;
-
display:inline;
+
-
margin-left:18px;
+
-
padding-right:8px;
+
-
align="center";
+
}
}
-
 
+
ul#menu2 li {
-
#metubar
+
    list-style: none;
-
{
+
    position: absolute;
-
  width:100%;
+
}
}
-
 
+
ul#menu li a {
-
.metuhome a {
+
    height: 54px;
-
  margin:0 25px;
+
    display: block;
-
  float:left;
+
    position:relative;
-
  width:96px;
+
-
  height:30px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/home.png")
+
}
}
-
 
+
ul#menu2 li a {
-
 
+
    height: 54px;
-
 
+
    display: block;
-
.metuproject a {
+
    position:relative;
-
  margin:0 25px;
+
-
  float:left;
+
-
  width:127px;
+
-
  height:38px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/project.png")
+
}
}
-
 
+
#home a{
-
 
+
    width:96px;
-
 
+
    height: 30px;
-
.metuwetlab a {
+
    background: url("http://ascmedikal.com/igem/home.png") no-repeat;
-
  margin:0 25px;
+
-
  float:left;
+
-
  width:145px;
+
-
  height:30px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/wetlab.png")  
+
}
}
-
 
+
#project a{
-
 
+
    width:127px;
-
.metuhumanprac a {
+
    height: 38px;
-
  margin:0 15px;
+
    background: url("http://ascmedikal.com/igem/project.png") no-repeat;
-
  float:left;
+
-
  width:268px;
+
-
  height:31px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/humanprac.png")  
+
}
}
-
 
+
#wetlab a{
-
 
+
    width:145px;
-
.metusafety a {
+
    height: 30px;
-
  margin:0 18px;
+
    background: url("http://ascmedikal.com/igem/wetlab.png") no-repeat;
-
  float:left;
+
-
  width:112px;
+
-
  height:37px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/safety.png")  
+
}
}
-
 
+
#humanprac a{
-
.metufuturework a {
+
    width:268px;
-
  margin-left: -100px;
+
    height: 31px;
-
  float:left;
+
    background: url("http://ascmedikal.com/igem/humanprac.png") no-repeat;
-
  width:223px;
+
-
  height:30px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/futurework.png")  
+
}
}
-
 
+
#safety a{
-
.metuextras a {
+
    width:112px;
-
  margin:0 30px;
+
    height: 37px;
-
  float:left;
+
    background: url("http://ascmedikal.com/igem/safety.png") no-repeat;
-
  width:117px;
+
}
-
  height:30px;
+
#futurework a{
-
  display:block;
+
    width:223px;
-
  text-decoration:none;
+
    height: 30px;
-
  background-image: url("http://ascmedikal.com/igem/extras.png")  
+
    background: url("http://ascmedikal.com/igem/futurework.png") no-repeat;
}
}
 +
#extras a{
 +
    width:117px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/extras.png") no-repeat;
 +
}
 +
#team a{
 +
    width:94px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/team.png") no-repeat;
 +
}
 +
#home {left: 0px;}
 +
#project {left: 130px;}
 +
#wetlab {left: 300px;}
 +
#humanprac {left: 480px;}
 +
#safety {left: 0px;}
 +
#futurework {left: 140px;}
 +
#extras {left: 390px;}
 +
#team {left: 530px;}
-
.metuteam a {
+
ul#menu li a {
-
  margin:0 25px;
+
    text-indent: -9999px;
-
  float:left;
+
    text-decoration: none;
-
  width:94px;
+
}
-
  height:30px;
+
ul#menu2 li a {
-
  display:block;
+
    text-indent: -9999px;
-
  text-decoration:none;
+
    text-decoration: none;
-
  background-image: url("http://ascmedikal.com/igem/team.png")  
+
}
 +
#home a:hover{
 +
    width:96px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/home_h.png") no-repeat;
 +
}
 +
#project a:hover{
 +
    width:127px;
 +
    height: 38px;
 +
    background: url("http://ascmedikal.com/igem/project_h.png") no-repeat;
 +
}
 +
#wetlab a:hover{
 +
    width:145px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/wetlab_h.png") no-repeat;
 +
}
 +
#humanprac a:hover{
 +
    width:268px;
 +
    height: 31px;
 +
    background: url("http://ascmedikal.com/igem/humanprac_h.png") no-repeat;
 +
}
 +
#safety a:hover{
 +
    width:112px;
 +
    height: 37px;
 +
    background: url("http://ascmedikal.com/igem/safety_h.png") no-repeat;
 +
}
 +
#futurework a:hover{
 +
    width:223px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/futurework_h.png") no-repeat;
 +
}
 +
#extras a:hover{
 +
    width:117px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
 +
}
 +
#team a:hover{
 +
    width:94px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
}
}
</style>
</style>
</html>
</html>
-
<center>
 
-
<div class="metuhome">[[Team:METU-Ankara|&nbsp;]]</div>
 
-
<div class="metuproject">[[METU-Ankara/Project|&nbsp;]]</div>
 
-
<div class="metuwetlab">[[METU-Ankara/Wet-Lab|&nbsp;]]</div>
 
-
<div class="metuhumanprac">[[Team:METU-Ankara/Human-Practice|&nbsp;]]</div>
 
-
<div class="metusafety">[[Team:METU-Ankara/Safety|&nbsp;]]</div>
 
-
<div id="metubar" class="metufuturework">[[Team:METU-Ankara/Future-Work|&nbsp;]]</div>
 
-
<div id="metubar" class="metuextras">[[Team:METU-Ankara/Extras|&nbsp;]]</div>
 
-
<div id="metubar" class="metuteam">[[Team:METU-Ankara/Team|&nbsp;]]</div>
 
-
</center>
 
-
<html>
 
 +
<html>
 +
<ul id="menu" >
 +
<li id="home"><a href="#" title="Home">Home</a></li>
 +
<li id="project"><a href="#" title="Project">Project</a></li>
 +
<li id="wetlab"><a href="#" title="Muz">Wet-Lab</a></li>
 +
<li id="humanprac"><a href="#" title="Human Practice">Human Practice</a></li>
 +
</ul>
 +
<ul id="menu2" >
 +
<li id="safety"><a href="#" title="Safety">Safety</a></li>
 +
<li id="futurework"><a href="#" title="Future Work">Future Work</a></li>
 +
<li id="extras"><a href="#" title="Extras">Extras</a></li>
 +
<li id="team"><a href="#" title="Team">Team</a></li>
 +
</ul>
</html>
</html>

Revision as of 19:08, 25 August 2011


Retrieved from "http://2011.igem.org/Template:METU-Ankara_header"