Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 5: Line 5:
<style type="text/css">
<style type="text/css">
-
#nav { /*main menu css*/
+
#centeredmenu_bg{
position:fixed;
position:fixed;
 +
top:0px;
 +
background:#ffffff; /* the white line behind the main menu*/
 +
left:0px;
 +
width:100%;
 +
height:70px;
 +
z-index:999;
 +
}
 +
 +
 +
#navLaksh {
 +
 +
position:fixed;
width:850px;
width:850px;
top:15px;
top:15px;
Line 12: Line 24:
right:60%;
right:60%;
margin: 0 0 0 -230px;
margin: 0 0 0 -230px;
-
padding: 0;
 
z-index:1001;
z-index:1001;
Line 19: Line 30:
/*letter-spacing:1px;*/
/*letter-spacing:1px;*/
text-transform:uppercase;
text-transform:uppercase;
-
}
 
-
#nav ul{
 
-
width: 620px;
 
-
background: white;
 
-
text-align:center;
 
-
margin: 0 auto;
 
-
}
 
-
#nav li.on ul, #nav li.off ul {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
#nav a {
 
-
text-decoration: none;
 
-
}
 
-
#nav li { /*float the main list items*/
 
-
    position:static;
 
-
margin: 0;
 
-
float: left;
 
-
display: inline;
 
-
padding:0 3px;
 
-
background:white ;
 
-
text-align:center;
 
-
width:90px;
 
-
 
-
}
 
-
#nav li ul {
 
-
display: none;
 
-
width:200px;
 
-
}
 
-
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/
 
-
position:static;
 
-
direction:ltr;
 
-
 
-
width:150px;
 
-
height:100px;
 
-
 
-
/*left:30px;
 
-
right:50%;*/
 
-
margin: 0 0 0 -150px;
 
-
padding: 0 0 0 0;
 
-
background:white;
 
-
text-align:center;
 
}
}
-
#nav li a {
+
    #navLaksh li {  
-
color: #000000;  /*the main menu letters color but home*/
+
-
font-weight: bold;
+
-
display: block;
+
-
height: 30px;
+
-
width: auto;
+
-
border-bottom:0;
+
-
margin: 2px;
+
-
padding: 0 0 2px 0;
+
-
}
+
-
#nav li a span { /*i dont know what this is about*/
+
            float: left;
-
color: #FFD109;
+
            padding-right:0.5cm;
-
}
+
              }
-
#nav li a span span{ /*i dont know what this is about*/
+
        #navLaksh li:hover { position: relative }
-
color: #FFD109;
+
        #navLaksh li:hover > a {  
-
}
+
            background: #FFFFFF; 
 +
               
 +
        }
 +
            #navLaksh li.sub:hover > a {
 +
            box-shadow: 5px 5px 25px #000;
 +
            -moz-box-shadow: 5px 5px 25px #000;
 +
            -webkit-box-shadow: 5px 5px 25px #000;    
 +
            }
-
#nav li a span span span{ /*i dont know what this is about*/
+
            #navLaksh li a {
-
color: #FFD109;
+
                color: #000000;
-
}
+
                font-weight: bold;
 +
                text-decoration: none;
 +
                padding: 12px;
 +
                display: block;
 +
            }
 +
                #navLaksh li a:hover { background-color: #FFFFFF; }       
 +
                   
 +
    #navLaksh li ul {
 +
        background: #fff;
 +
        margin-top: -2px;
 +
        display: none; 
 +
    }
 +
        #navLaksh li:hover ul {
 +
            display:block;
 +
            position:absolute;
 +
        }
-
#nav li.on a {
+
        #navLaksh li ul {
-
border-bottom: 2px solid black;
+
-
color: #000000;  /*the color of HOME by default*/
+
-
}
+
-
#nav li.on2 a {    /*i dont know what this is about*/
+
            background: rgba(255,255,255,1);
-
border-bottom: 2px solid blue;
+
            padding: 10px 5px;
-
color: aqua;
+
           
-
}
+
            box-shadow: 5px 5px 25px #000;
-
 
+
            -moz-box-shadow: 5px 5px 25px #000;
-
#nav li.on a:hover {
+
            -webkit-box-shadow: 5px 5px 25px #000;
-
color: #2ab117;
+
   
-
}
+
            border-radius: 10px;
-
 
+
            -moz-border-radius: 10px;
-
#nav li.on a:hover span{
+
            -webkit-border-radius: 10px;
-
color:#2ab117;
+
-
}
+
        }
-
 
+
            #navLaksh li ul li a, #navLaksh li ul li a:hover {
-
#nav li.on ul a, #nav li.off ul a {
+
-
/*float: center; ie doesn't inherit the float*/
+
                background: solid;
-
border: 0;
+
                color: #000;
-
font-size:12px;
+
                width: 150px;
-
color: #2ab117;
+
                font-size: 0.95em;
-
width: auto;
+
                font-weight: normal;
-
margin-right: 0px;
+
            }
-
/*text-align: center;*/
+
                #navLaksh li ul li a:hover { text-decoration: underline;  
-
}
+
          box-shadow: 5px 5px 25px #000;
-
#nav li.on ul {
+
            -moz-box-shadow: 5px 5px 25px #000;
-
display: block;
+
            -webkit-box-shadow: 5px 5px 25px #000;
-
}
+
   
-
#nav li.off:hover ul {
+
            border-radius: 10px;
-
display: inline;
+
            -moz-border-radius: 10px;
-
z-index: 6000;
+
            -webkit-border-radius: 10px;  
-
}
+
               
-
#nav li.off a:hover, #nav li:hover a {  /* this is for the background that opens behind the submenu */
+
                }
-
background:white;
+
-
color: black;
+
-
height: 54px;
+
-
width: 150px;
+
-
}
+
-
 
+
-
#nav li.off a:hover span, #nav li:hover a {
+
-
background: white;
+
-
color: #2ab117;
+
-
width: 150px;
+
-
}
+
Line 140: Line 108:
-
<body>  
+
<body>
-
<ul id="nav">
+
 +
<div id="centeredmenu_bg"></div>
 +
<ul id="navLaksh">
<li class="on"><a href="https://2012.igem.org/Team:TU-Delft">Home</a></li>
<li class="on"><a href="https://2012.igem.org/Team:TU-Delft">Home</a></li>

Latest revision as of 03:10, 27 October 2012

Menu