Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
#menu, #menu ul {
 
-
list-style:none;
 
-
padding:0;
 
-
margin:0;
 
-
}
 
-
#menu li {
 
-
float:left;
 
-
position:relative;
 
-
line-height: 2.5em;
 
-
width: 10em;
 
-
}
 
-
#menu li ul {
 
-
position:absolute;
 
-
margin-top:-1em;
 
-
margin-left:.5em;
 
-
display:none;
 
-
        width: 15em;
 
-
}
+
#centeredmenu_bg{
-
#menu ul li ul {
+
position:fixed;
-
margin-top:-3em;
+
top:0px;
-
margin-left:7em;
+
background:#ffffff; /* the white line behind the main menu*/
-
        width: 15em;
+
left:0px;
 +
width:100%;
 +
height:70px;
 +
z-index:999;
}
}
-
#menu a {
+
#navLaksh {
-
display:block;
+
-
border-right:1px solid #fff;
+
-
background:#E0F574;
+
-
color:#3B3B3B;
+
-
text-decoration:none;
+
-
padding:0 10px;
+
-
}
+
-
#menu a:hover {
+
-
background-color:#5798B4;
+
-
color:#fff;
+
-
        width: 15em;
+
-
}
+
-
#menu ul {
+
-
border-top:1px solid #fff;
+
-
        width: 15em;
+
-
}
+
-
#menu ul a {
+
-
border-right:none;
+
-
border-right:1px solid #fff;
+
-
border-bottom:1px solid #fff;
+
-
border-left:1px solid #fff;
+
-
background:#AEC245;
+
-
}
+
 +
position:fixed;
 +
width:850px;
 +
top:15px;
 +
left:40%;
 +
right:60%;
 +
margin: 0 0 0 -230px;
 +
z-index:1001;
-
/* SHOW SUBMENU 1 */
+
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
-
#menu li:hover ul, #menu li.over ul {
+
font-size:14px;
-
display:block;
+
/*letter-spacing:1px;*/
 +
text-transform:uppercase;
}
}
-
#menu li:hover ul ul, #menu li.over ul ul {
 
-
display:none;
 
-
}
+
    #navLaksh li {
-
/* SHOW SUBMENU 2 */
+
 
-
#menu ul li:hover ul, #menu ul li.over ul {
+
            float: left;
-
display:block;
+
            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;
 +
            -moz-box-shadow: 5px 5px 25px #000;
 +
            -webkit-box-shadow: 5px 5px 25px #000;     
 +
            }
 +
 
 +
            #navLaksh li a {
 +
                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;
 +
        }
 +
 
 +
        #navLaksh li ul {
 +
 
 +
            background: rgba(255,255,255,1);
 +
            padding: 10px 5px;
 +
           
 +
            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 ul li a, #navLaksh li ul li a:hover {
 +
 +
                background: solid;
 +
                color: #000;
 +
                width: 150px;
 +
                font-size: 0.95em;
 +
                font-weight: normal;
 +
            }
 +
                #navLaksh li ul li a:hover { text-decoration: underline;
 +
          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;
 +
               
 +
                }
 +
 
 +
 
 +
 
</style>
</style>
-
<body>  
+
<body>
-
<ul id="menu">
+
 +
<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"