Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 5: Line 5:
<style type="text/css">
<style type="text/css">
 +
#centeredmenu_bg{
 +
position:fixed;
 +
top:0px;
 +
background:#ffffff; /* the white line behind the main menu*/
 +
left:0px;
 +
width:100%;
 +
height:70px;
 +
z-index:999;
 +
}
#navLaksh {
#navLaksh {
 +
position:fixed;
position:fixed;
width:850px;
width:850px;
Line 14: 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 24: Line 33:
}
}
 +
    #navLaksh li {
 +
            float: left;
 +
            padding-right:0.5cm;
 +
              }
-
#nav li { /*float the main list items*/
 
-
 
-
float: left;
 
-
 
-
 
-
}
 
         #navLaksh li:hover { position: relative }
         #navLaksh li:hover { position: relative }
         #navLaksh li:hover > a {  
         #navLaksh li:hover > a {  
-
             background: #021A1A;  
+
             background: #FFFFFF;
-
           
+
               
-
            box-shadow: 5px 5px 25px #000;
+
-
            -moz-box-shadow: 5px 5px 25px #000;
+
-
            -webkit-box-shadow: 5px 5px 25px #000;
+
-
   
+
-
            border-radius: 10px;
+
-
            -moz-border-radius: 10px;
+
-
            -webkit-border-radius: 10px;                 
+
         }
         }
             #navLaksh li.sub:hover > a {
             #navLaksh li.sub:hover > a {
-
                border-radius: 10px 10px 0 0;
+
            box-shadow: 5px 5px 25px #000;
-
                -moz-border-radius: 10px 10px 0 0;
+
            -moz-box-shadow: 5px 5px 25px #000;
-
                -webkit-border-radius: 10px 10px 0 0;      
+
            -webkit-box-shadow: 5px 5px 25px #000;    
             }
             }
             #navLaksh li a {
             #navLaksh li a {
-
                 color: #fff;
+
                 color: #000000;
                 font-weight: bold;
                 font-weight: bold;
                 text-decoration: none;
                 text-decoration: none;
Line 57: Line 57:
                 display: block;
                 display: block;
             }
             }
-
                 #navLaksh li a:hover { background-color: #021A1A; }         
+
                 #navLaksh li a:hover { background-color: #FFFFFF; }         
                      
                      
     #navLaksh li ul {  
     #navLaksh li ul {  
Line 70: Line 70:
         #navLaksh 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;
 +
         }
         }
             #navLaksh li ul li a, #navLaksh 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 89: Line 92:
             }
             }
                 #navLaksh 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 104: Line 108:
-
<body>  
+
<body>
 +
 +
<div id="centeredmenu_bg"></div>
<ul id="navLaksh">
<ul id="navLaksh">

Latest revision as of 03:10, 27 October 2012

Menu