Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
#nav {
+
 
-
    margin: 50px;
+
#centeredmenu_bg{
-
    z-index: 10;
+
position:fixed;
-
    display: block;
+
top:0px;
 +
background:#ffffff; /* the white line behind the main menu*/
 +
left:0px;
 +
width:100%;
 +
height:70px;
 +
z-index:999;
}
}
-
     #nav li { float: left; }
+
 
-
         #nav li:hover { position: relative }
+
 
-
         #nav li:hover > a {  
+
#navLaksh {
-
             background: #021A1A;  
+
 
-
              
+
position:fixed;
 +
width:850px;
 +
top:15px;
 +
left:40%;
 +
right:60%;
 +
margin: 0 0 0 -230px;
 +
z-index:1001;
 +
 
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 +
font-size:14px;
 +
/*letter-spacing:1px;*/
 +
text-transform:uppercase;
 +
 
 +
}
 +
 
 +
     #navLaksh li {  
 +
 
 +
            float: left;
 +
            padding-right:0.5cm;
 +
              }
 +
 
 +
         #navLaksh li:hover { position: relative }
 +
         #navLaksh li:hover > a {  
 +
             background: #FFFFFF;
 +
               
 +
        }
 +
             #navLaksh li.sub:hover > a {
             box-shadow: 5px 5px 25px #000;
             box-shadow: 5px 5px 25px #000;
             -moz-box-shadow: 5px 5px 25px #000;
             -moz-box-shadow: 5px 5px 25px #000;
-
             -webkit-box-shadow: 5px 5px 25px #000;
+
             -webkit-box-shadow: 5px 5px 25px #000;    
-
   
+
-
            border-radius: 10px;
+
-
            -moz-border-radius: 10px;
+
-
            -webkit-border-radius: 10px;                 
+
-
        }
+
-
            #nav li.sub:hover > a {
+
-
                border-radius: 10px 10px 0 0;
+
-
                -moz-border-radius: 10px 10px 0 0;
+
-
                -webkit-border-radius: 10px 10px 0 0;       
+
             }
             }
-
             #nav li a {
+
             #navLaksh li a {
-
                 color: #fff;
+
                 color: #000000;
                 font-weight: bold;
                 font-weight: bold;
                 text-decoration: none;
                 text-decoration: none;
Line 35: Line 57:
                 display: block;
                 display: block;
             }
             }
-
                 #nav li a:hover { background-color: #021A1A; }         
+
                 #navLaksh li a:hover { background-color: #FFFFFF; }         
                      
                      
-
     #nav li ul {  
+
     #navLaksh li ul {  
         background: #fff;
         background: #fff;
         margin-top: -2px;
         margin-top: -2px;
         display: none;   
         display: none;   
     }
     }
-
         #nav li:hover ul {
+
         #navLaksh li:hover ul {
             display:block;  
             display:block;  
             position:absolute;  
             position:absolute;  
         }
         }
-
         #nav li ul {
+
         #navLaksh li ul {
-
             background: rgba(255,255,255,0.5);
+
 
 +
             background: rgba(255,255,255,1);
             padding: 10px 5px;
             padding: 10px 5px;
              
              
-
            box-shadow: 5px 5px 25px #000;
+
            box-shadow: 5px 5px 25px #000;
             -moz-box-shadow: 5px 5px 25px #000;
             -moz-box-shadow: 5px 5px 25px #000;
             -webkit-box-shadow: 5px 5px 25px #000;
             -webkit-box-shadow: 5px 5px 25px #000;
-
           
+
   
-
             border-radius: 0px 15px 15px 15px;
+
             border-radius: 10px;
-
             -moz-border-radius: 0px 15px 15px 15px;
+
             -moz-border-radius: 10px;
-
             -webkit-border-radius: 0px 5px 5px 5px;
+
             -webkit-border-radius: 10px;
 +
         }
         }
-
             #nav li ul li a, #nav li ul li a:hover {
+
             #navLaksh li ul li a, #navLaksh li ul li a:hover {
-
                 background: transparent;
+
 +
                 background: solid;
                 color: #000;
                 color: #000;
                 width: 150px;
                 width: 150px;
Line 66: Line 91:
                 font-weight: normal;
                 font-weight: normal;
             }
             }
-
                 #nav li ul li a:hover { text-decoration: underline;  
+
                 #navLaksh li ul li a:hover { text-decoration: underline;  
-
                    box-shadow: none;
+
          box-shadow: 5px 5px 25px #000;
-
                    -moz-box-shadow: none;
+
            -moz-box-shadow: 5px 5px 25px #000;
-
                    -webkit-box-shadow: none;
+
            -webkit-box-shadow: 5px 5px 25px #000;
-
                           
+
   
-
                    border-radius: 0;
+
            border-radius: 10px;
-
                    -moz-border-radius: 0;
+
            -moz-border-radius: 10px;
-
                    -webkit-border-radius: 0;
+
            -webkit-border-radius: 10px;  
 +
               
                 }
                 }
Line 82: 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

Retrieved from "http://2012.igem.org/Team:TU-Delft/Test"