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

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> ul#pulldown-menu a { color: #FFFFFF; text-decoration: none; } ul#pulldown-menu a:link, ul#pulldown-menu a:visited { backgr...")
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
ul#pulldown-menu a {
+
ul#drop-menu a {
         color: #FFFFFF;
         color: #FFFFFF;
         text-decoration: none;
         text-decoration: none;
}
}
-
ul#pulldown-menu a:link,
+
ul#drop-menu a:link,
-
ul#pulldown-menu a:visited {
+
ul#drop-menu a:visited {
         background: #3366FF;
         background: #3366FF;
}
}
-
ul#pulldown-menu a:hover,
+
ul#drop-menu a:hover,
-
ul#pulldown-menu a:active {
+
ul#drop-menu a:active {
         background: #FF9933;
         background: #FF9933;
}
}
-
ul#pulldown-menu li {
+
ul#drop-menu li {
         float: left;
         float: left;
         position: relative;
         position: relative;
Line 24: Line 24:
         line-height: 2em;
         line-height: 2em;
}
}
-
ul#pulldown-menu li a {
+
ul#drop-menu li a {
         display: block;
         display: block;
         width: 9em;
         width: 9em;
Line 32: Line 32:
/* 下層のメニューを不可視に */
/* 下層のメニューを不可視に */
-
ul#pulldown-menu li ul {
+
ul#drop-menu li ul {
         display: none;
         display: none;
}
}
/* 疑似要素 :hover で下層のメニューを可視に */
/* 疑似要素 :hover で下層のメニューを可視に */
-
ul#pulldown-menu li:hover ul {
+
ul#drop li:hover ul {
         display: block;
         display: block;
         position: absolute;
         position: absolute;
Line 43: Line 43:
}
}
-
ul#pulldown-menu li ul li {
+
ul#drop li ul li {
         float: none;
         float: none;
         margin: 0;
         margin: 0;

Revision as of 05:05, 16 August 2012