Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
-
 
<html>
<html>
<title>Menu</title>
<title>Menu</title>
Line 5: Line 4:
<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 {
-
    margin: 50px;
+
 
-
    z-index: 10;
+
position:fixed;
-
    display: block;
+
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; }
+
 
 +
     #navLaksh li {  
 +
 
 +
            float: left;
 +
            padding-right:0.5cm;
 +
              }
 +
 
         #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 37: 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 50: 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 69: 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 84: 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

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