Template:Team:TMU-Tokyo/css/drop-menu.css

From 2012.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 8: Line 8:
ul#drop-menu a:link,
ul#drop-menu a:link,
ul#drop-menu a:visited {
ul#drop-menu a:visited {
-
         background: #3366FF;
+
         background: #87CEFA;
}
}
ul#drop-menu a:hover,
ul#drop-menu a:hover,
Line 18: Line 18:
         float: left;
         float: left;
         position: relative;
         position: relative;
-
        margin: 0 0.5em;
+
         width: 160px;
-
         width: 9em;
+
         height: 30px;
-
         height: 2em;
+
         font-weight: bold;
         font-weight: bold;
-
         line-height: 2em;
+
         text-align: center;
}
}
ul#drop-menu li a {
ul#drop-menu li a {
         display: block;
         display: block;
-
         width: 9em;
+
         width: 160px;
-
         height: 2em;
+
         height: 30px;
-
        text-align: center;
+
}
}
Line 37: Line 35:
/* 疑似要素 :hover で下層のメニューを可視に */
/* 疑似要素 :hover で下層のメニューを可視に */
-
ul#drop li:hover ul {
+
ul#drop-menu li:hover ul {
         display: block;
         display: block;
         position: absolute;
         position: absolute;
Line 43: Line 41:
}
}
-
ul#drop li ul li {
+
ul#drop-menu li ul li {
         float: none;
         float: none;
         margin: 0;
         margin: 0;

Latest revision as of 09:03, 3 September 2012