Team:BIOSINT Mexico/Header2

From 2014.igem.org

(Difference between revisions)
Line 110: Line 110:
             position:relative;
             position:relative;
         }
         }
-
        #navigation{
+
      ul#nav {
-
            float:center;
+
    display:block;
-
            width:100%;
+
    float:left;
-
            height: 50px;
+
    padding:0;
-
            background:#000;
+
    margin:0;
-
            margin-top:-20px;
+
    list-style: none;
-
            border-bottom-right-radius:8px;
+
    height:40px;
-
            border-bottom-left-radius:8px;
+
    width:890px;
-
 
+
    background:none;
-
        }
+
    z-index:100;
-
        #navigation ul{
+
    /*font-family: 'PT Sans Narrow', sans-serif;*/
-
margin-left: 0px;
+
    font-family: 'Archivo Narrow', sans-serif;
-
padding-left: 0px;
+
}
-
list-style:none;
+
#navmenubox {
-
border-bottom: 1px dashed #000;
+
    padding:0;
-
overflow: hidden;
+
    margin-left:auto;
-
zoom: 1;
+
    margin-right:auto;
-
        }
+
    width:1100px;
-
        #navigation ul li{
+
    height:40px;
-
            width:130px;
+
    z-index:100;
-
            min-height: 35px;
+
    display:block;
-
            text-align: center;
+
    background:transparent;
-
            vertical-align: middle;
+
    color: rgb(46,43,52);
-
            position: relative;
+
    text-align:center;
-
            float: left;
+
    /*line-height:40px;*/
-
            margin-right: 10px;
+
    border-bottom:4px solid rgba(228,45,51,0.9);
-
            background:#000;
+
}
-
 
+
ul#nav a {
-
        }
+
  display:block;
-
        #navigation a{
+
  top:0;
-
            text-decoration:none;
+
  bottom:0;
-
            font-size: 17px;
+
}
-
            color: #FFF;
+
ul#nav ul {
-
 
+
    margin:0;
-
        }
+
    padding:0;
-
        #navigation a:hover{
+
    list-style:none;
-
            color:#fff;
+
    background:transparent;
-
            background:#2E2E2E;
+
    z-index:100;
-
            font-size:1.4em;
+
}
-
 
+
ul#nav li {
-
        }
+
    float:left;  
-
 
+
    padding:0;
-
      #navigation li:hover{
+
    margin:0;
-
            background:#2E2E2E;
+
    width:127px;
-
 
+
    margin-top:13px;
-
        }
+
    line-height:27px;
-
        .menu_body {display:none; width:184px;margin-left: 0px; margin-top: 10px; z-index:999;}
+
    height:27px;
-
        .menu_body li{background:#fffafa; background-image: none !important;z-index:999; margin:0; border-radius: 0px;}
+
    font-size:15px;
-
        .menu_body li.alt{background:#fffafa;background-image: none; border-radius: 0px;}
+
    font-weight:600;
-
        .menu_body li a{color:#fffafa; text-decoration:none; padding:10px; display:block;}
+
    background:transparent;
-
        .menu_body li a:hover{ font-weight:bold;}
+
    font-weight:normal;
-
      p{ font-style:italic; padding-left:20px;padding:right:20px; margin-right:20px;}
+
    z-index:100;
 +
}
 +
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
 +
    color: rgb(228,45,51);
 +
    /*font-weight:bold;*/
 +
    border-bottom:4px solid rgb(255,255,255);
 +
}
 +
ul#nav a{
 +
    padding:0px;
 +
    margin:0px;
 +
    width:100%;
 +
    height:100%;
 +
    text-decoration:none;
 +
    background:transparent;
 +
    color:rgb(46,43,52);
 +
}
 +
ul#nav a:hover{
 +
    color: rgb(228,45,51);
 +
}
 +
#nav li ul {
 +
    display:block;
 +
    margin:0;
 +
    margin-left:auto;
 +
    margin-right:auto;
 +
    padding:0;
 +
    list-style: none;
 +
    width:1100px;
 +
    height:40px;
 +
    background:transparent;
 +
    color:rgb(46,43,52);
 +
    z-index:100;  
 +
}
 +
#nav li ul li {
 +
    margin:0px;
 +
    padding:0;
 +
    float:left;
 +
    background:none;
 +
    height:100%;
 +
    line-height:40px;
 +
    height:40px;
 +
    width:127px;
 +
    color:rgb(46,43,52);
 +
    z-index:100;
 +
}
 +
#nav li:hover .navmenubkg2 {
 +
    display:block;
 +
}
 +
#nav li .navmenubkg2:hover {
 +
    display:block;
 +
}
 +
ul#nav li:hover li a, ul#nav li.over li a  {
 +
    color: rgb(46,43,52);
 +
    font-weight:normal;
 +
    border:none;
 +
}
 +
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
 +
    color:rgb(228,45,51);
 +
    /*font-weight:bold;*/
 +
    border:none;

Revision as of 17:10, 21 September 2014

Retrieved from "http://2014.igem.org/Team:BIOSINT_Mexico/Header2"