Template:Team:Paris Bettencourt/Menu

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
.navmenubkg {
.navmenubkg {
-
position:fixed;
+
  position:fixed;
-
top:0;
+
  display:block;
-
left:0;
+
  z-index:50;
-
right:0;
+
  top:0;
-
background:white;
+
  height:40px;
-
        z-index : 100;
+
  left:0;
-
        height : 50px;
+
  right:0;
-
        text-align : center;
+
  background:white;
}
}
.navmenubkg2 {
.navmenubkg2 {
-
position:fixed;
+
  position:fixed;
-
height:50px;
+
  display:none;
-
left:0;
+
  z-index:50;
-
right:0;
+
  top:43px;
-
background:white;
+
  height:40px;
-
display : none;
+
  left:0;
-
        text-align : center;
+
  right:0;
 +
  background:white;
}
}
#navmenubox {
#navmenubox {
-
padding:0;
+
    padding:0;
-
margin-left:0;
+
    margin-left:auto;
-
margin-right:0;
+
    margin-right:auto;
-
width:100%;
+
    width:1100px;
-
height:45px;
+
    height:40px;
-
background-color:transparent;
+
    z-index:100;
-
        text-align : center;
+
    display:block;
 +
    background:transparent;
 +
    color: rgb(46,43,52);
 +
    text-align:center;
 +
    /*line-height:40px;*/
}
}
.sidelogos {
.sidelogos {
Line 98: Line 103:
margin-left:-111px;
margin-left:-111px;
}
}
-
#nav, #nav ul{
+
ul#nav {
-
padding:0;
+
    display:block;
-
margin:0;
+
    float:left;
-
list-style:none;
+
    padding:0;
-
background : transparent
+
    margin:0;
-
float:left;
+
    list-style: none;
-
width : 90%;
+
    height:40px;
-
color : rgb(230,0,100);
+
    width:890px;
 +
    background:none;
 +
    z-index:100;
 +
    /*font-family: 'PT Sans Narrow', sans-serif;*/
 +
    font-family: 'Archivo Narrow', sans-serif;
}
}
-
#nav li{
+
ul#nav a {
-
display:inline-block;
+
  display:block;
-
position:relative;
+
  top:0;
-
width : 140px;
+
  bottom:0;
-
top : 15px;
+
-
font-size : 15px;
+
-
height : 40px;
+
-
float:left;
+
-
color : rgb(230,0,100);
+
-
        background : white;
+
-
        vertical-align : middle;
+
-
        padding : 0;
+
-
        margin : 0;
+
-
        background : transparent;
+
}
}
-
#nav ul li{
+
ul#nav ul {
-
display:inherit;
+
    margin:0;
-
        width : 160px;
+
    padding:0;
-
        font-color : rgb(230,0,100);
+
    list-style:none;
 +
    background:transparent;
 +
    z-index:100;
}
}
-
#nav li ul{
+
ul#nav li {
-
        vertical-align : middle;
+
    float:left;  
-
        width : 160px;
+
    padding:0;
 +
    margin:0;
 +
    width:127px;
 +
    margin-top:13px;
 +
    line-height:27px;
 +
    height:27px;
 +
    font-size:15px;
 +
    font-weight:600;
 +
    background:transparent;
 +
    font-weight:normal;
 +
    z-index:100;
}
}
-
#nav li ul li {
+
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
-
        display : inline-block
+
    color: rgb(228,45,51);
-
        top : 10px;
+
    /*font-weight:bold;*/
-
        height : 50px;
+
    border-bottom:4px solid rgb(255,255,255);
-
        vertical-align : middle;
+
-
        padding : 0;
+
-
        width : 160px;
+
-
        background : white;
+
-
        border-bottom : solid 1px rgb(0,0,0);
+
}
}
-
#nav ul{
+
ul#nav a{
-
        display : inline-block;
+
    padding:0px;
-
        width : 160px;
+
    margin:0px;
-
max-height:0px;
+
    width:100%;
-
left: 0;
+
    height:100%;
-
right: 0;
+
    text-decoration:none;
-
overflow:hidden;
+
    background:transparent;
-
-moz-transition: .8s all .3s;
+
    color:rgb(46,43,52);  
-
-webkit-transition: .8s all .3s;
+
-
transition: .8s all .3s;
+
}
}
-
#nav li:hover ul{
+
ul#nav a:hover{
-
max-height:30em;
+
    color: rgb(228,45,51);
}
}
-
#nav a{
+
#nav li ul {
-
text-decoration:none;
+
    display:block;
-
display:block;
+
    margin:0;
-
font-family:Helvetica;
+
    margin-left:auto;
-
        font-weight : bold;
+
    margin-right:auto;
-
        color : rgb(0,0,0);
+
    padding:0;
-
        vertical-align : middle;
+
    list-style: none;
 +
    width:1100px;
 +
    height:40px;
 +
    background:transparent;
 +
    color:rgb(46,43,52);
 +
    z-index:100;  
}
}
-
#nav li:hover a {
+
#nav li ul li {
-
        color : rgb(255,0,99);
+
    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 ul a{
+
#nav li:hover .navmenubkg2 {
-
color : rgb(0,0,0);
+
    display:block;
}
}
-
#nav li li:hover a{
+
#nav li .navmenubkg2:hover {
-
text-transform:inherit;
+
    display:block;
-
color : rgb(255,0,99);
+
}
}
-
#nav li:hover a {
+
ul#nav li:hover li a, ul#nav li.over li a {
-
        text-transform:inherit;
+
    color: rgb(46,43,52);
-
        font-color : rgb(255,0,100);
+
    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;
</style>
</style>

Revision as of 14:53, 8 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Paris_Bettencourt/Menu"