Template:Team:DukeMBar/CSS

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
<style type="text/css">
<style type="text/css">
-
#navbar ul, #navbar li { list-style: none;
+
#navbar ul, #navbar li {  
-
        list-style-position:inside;
+
    list-style: none;
 +
    list-style-position:inside;
     margin:0px 0px;
     margin:0px 0px;
     padding:0;
     padding:0;
 +
}
-
    }
+
#navbar ul {
-
 
+
-
    #navbar ul{
+
     display:none;
     display:none;
     position:absolute;
     position:absolute;
     left:0px;
     left:0px;
     width:100%;
     width:100%;
-
      background-color:#40CC9D;
+
    background-color:#40CC9D;
-
 
+
}
-
    }
+
-
    #navbar li{
+
#navbar li{
     float:left;
     float:left;
     padding:10px 0px;
     padding:10px 0px;
     position:relative;
     position:relative;
     width:16.666%
     width:16.666%
-
    }
+
}
-
    #navbar > li >ul{
+
#navbar > li >ul {
     margin: 10px 0px;
     margin: 10px 0px;
-
    }
+
}
-
    #navbar{
+
#navbar {
     text-align:center;
     text-align:center;
-
      /*height: 43px;*/
+
    /*height: 43px;*/
-
      background-color:#40CC9D;
+
    background-color:##0736A4;
-
margin: 0px 0px 40px 0px;
+
    margin: 0px 0px 40px 0px;
-
    }
+
}
-
    #navbar a{
+
#navbar a {
     text-decoration:none;
     text-decoration:none;
     color:white;
     color:white;
     font-family:raleway;
     font-family:raleway;
-
font-size:16px;
+
    font-size:16px;
-
    }
+
}
-
#navbar li li{
+
#navbar li li {
-
  width:100%;
+
    width:100%;
}
}
</style>
</style>
Line 67: Line 66:
$('#navbar > li > ul > li').mouseover(function(){
$('#navbar > li > ul > li').mouseover(function(){
-
   $(this).css("background-color","#5F9C87");
+
   $(this).css("background-color","#0730D3");
});
});
$('#navbar li').hover(function(){
$('#navbar li').hover(function(){
-
   $(this).css("background-color","#40CC9D");
+
   $(this).css("background-color","#0736A4");
});
});

Revision as of 14:59, 15 October 2014