Team:Imperial College/Template:Welcome

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
   <style type="text/css">
   <style type="text/css">
   /* Compulsory IDs ***********************************************************/
   /* Compulsory IDs ***********************************************************/
-
#navbar{
+
#navigation {
-
width:auto;
+
width: 950px;
-
height:36px;
+
height: 50px;
-
background:url(img/navbar-bg.png) left top repeat-x; }
+
margin: 0;
-
#navbar .inbar{
+
padding: 0;
-
display:block;
+
background: url(images/navigation-bg.jpg) no-repeat left top;
-
height:36px;
+
}  
-
background:url(img/right-round.png) right top no-repeat; }
+
#navigation ul {
-
#navbar ul, #navbar ul li{
+
list-style: none;
-
border:0px;
+
margin: 0;
-
margin:0px;
+
padding: 0;
-
padding:0px;
+
}  
-
list-style:none;
+
#navigation ul li {
-
height:36px;
+
display: inline;
-
line-height:36px; } #navbar ul{
+
margin: 0px;
-
background:url(img/left-round.png) left top no-repeat; }  
+
}  
-
#navbar ul li{
+
#navigation ul li a {
-
float:left;
+
height:33px;
-
display:block;
+
display: block;
-
line-height:36px; }  
+
float: left;
-
#navbar ul li a{
+
padding: 17px 15px 0 15px;
-
color:#403e32;
+
font: bold 12px Arial;
-
text-decoration:none;
+
color: #FFF;
-
font-weight:bold;
+
text-decoration: none;
-
display:block; }
+
background: url(images/navigation-separator.png) no-repeat right center;
-
#navbar ul li a span{
+
}  
-
padding:0 20px 0 0;
+
 
-
height:36px;
+
#navigation ul li a:hover {
-
line-height:36px;
+
color:#134264;
-
display:block;
+
background: url(images/navigation-hover.png) repeat-x left top;
-
margin-left:20px; }
+
}
-
#navbar .navhome a, #navbar .navhome a:hover{
+
 
-
background:url(img/a-bg.png) left top no-repeat;
+
#navigation ul li#active a {
-
height:36px;
+
color:#134264;
-
line-height:36px; }  
+
background: url(images/navigation-hover.png) repeat-x left top;
-
#navbar .navhome a span, #navbar .navhome a:hover span{
+
}
-
color:#FFFFFF;
+
-
background:url(img/span-bg.png) right top no-repeat;
+
-
height:36px;
+
-
line-height:36px; }  
+
-
#navbar ul li a:hover{
+
-
background:url(img/ahover-bg.png) left top no-repeat;
+
-
height:36px;
+
-
line-height:36px; }
+
-
#navbar ul li a:hover span{
+
-
background:url(img/spanhover-bg.png) right top no-repeat;
+
-
height:36px;
+
-
line-height:36px; }
+
   /**************************************************************/
   /**************************************************************/
   </style>
   </style>
</html>
</html>

Revision as of 11:23, 19 August 2013