Team:TU-Delft/Test

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
-
#navigation {
+
#nav {
-
margin: 0;
+
    margin: 50px;
-
padding: 0 1em;
+
    z-index: 10;
-
background: #000;
+
    display: block;
-
height: 3em;
+
-
list-style: none;
+
}
}
 +
    #nav li { float: left; }
 +
        #nav li:hover { position: relative }
 +
        #nav li:hover > a {
 +
            background: #021A1A;
 +
           
 +
            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;                 
 +
        }
 +
            #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;       
 +
            }
-
#navigation > li {
+
            #nav li a {
-
float: left;
+
                color: #fff;
-
height: 100%;
+
                font-weight: bold;
-
margin-right: 0.5em;
+
                text-decoration: none;
-
padding: 0 1em;
+
                padding: 12px;
-
}
+
                display: block;
 +
            }
 +
                #nav li a:hover { background-color: #021A1A; }       
 +
                   
 +
    #nav li ul {
 +
        background: #fff;
 +
        margin-top: -2px;
 +
        display: none; 
 +
    }
 +
        #nav li:hover ul {
 +
            display:block;
 +
            position:absolute;  
 +
        }
-
#navigation > li > a {
+
        #nav li ul {
-
float: left;
+
            background: rgba(255,255,255,0.5);
-
height: 100%;
+
            padding: 10px 5px;
-
color: #c60;
+
           
-
text-decoration: none;
+
            box-shadow: 5px 5px 25px #000;
-
line-height: 3;
+
            -moz-box-shadow: 5px 5px 25px #000;
-
font-weight: bold;
+
            -webkit-box-shadow: 5px 5px 25px #000;
-
text-transform: uppercase;
+
           
-
}
+
            border-radius: 0px 15px 15px 15px;
 +
            -moz-border-radius: 0px 15px 15px 15px;
 +
            -webkit-border-radius: 0px 5px 5px 5px;
 +
        }
 +
            #nav li ul li a, #nav li ul li a:hover {
 +
                background: transparent;
 +
                color: #000;
 +
                width: 150px;
 +
                font-size: 0.95em;
 +
                font-weight: normal;
 +
            }
 +
                #nav li ul li a:hover { text-decoration: underline;
 +
                    box-shadow: none;
 +
                    -moz-box-shadow: none;
 +
                    -webkit-box-shadow: none;
 +
                           
 +
                    border-radius: 0;
 +
                    -moz-border-radius: 0;
 +
                    -webkit-border-radius: 0;
 +
                }
-
#navigation > li > a:hover {
 
-
color: orange;
 
-
text-decoration: underline;
 
-
}
 
-
#navigation > li.sub {
 
-
position: relative;
 
-
}
 
-
#navigation > li.sub ul {
 
-
width: 10em;
 
-
margin: 0;
 
-
padding: 0.5em 0;
 
-
list-style: none;
 
-
background: #a40;
 
-
position: absolute;
 
-
top: -1000em;
 
-
}
 
-
#navigation > li.sub ul li {
 
-
width: 90%;
 
-
margin: 0 auto 0.3em auto;
 
-
}
 
-
#navigation > li.sub ul li a {
 
-
height: 100%;
 
-
display: block;
 
-
padding: 0.4em;
 
-
color: #fff;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
}
 
-
 
-
#navigation > li.sub ul li a:hover {
 
-
background: #c60;
 
-
text-decoration: underline;
 
-
}
 
-
#navigation > li.sub:hover ul {
 
-
top: 3em;
 
-
}
 
</style>
</style>

Revision as of 02:01, 27 October 2012

Menu

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