Team:Tsinghua-A/css/menu.css
From 2013.igem.org
(Difference between revisions)
(9 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
padding: 0px; | padding: 0px; | ||
font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; | font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; | ||
- | font-size: | + | font-size: 28px; |
font-weight: bold; | font-weight: bold; | ||
width: 100%; | width: 100%; | ||
- | + | } | |
- | } | + | |
#cssmenu ul { | #cssmenu ul { | ||
background: #333333; | background: #333333; | ||
- | height: | + | height: 70px; |
list-style: none; | list-style: none; | ||
margin: 0; | margin: 0; | ||
- | padding: 0; | + | padding :0; |
} | } | ||
#cssmenu li { | #cssmenu li { | ||
Line 24: | Line 23: | ||
float:left; | float:left; | ||
- | padding: | + | padding-top: 30px; |
} | } | ||
#cssmenu li a { | #cssmenu li a { | ||
Line 32: | Line 31: | ||
line-height: 35px; | line-height: 35px; | ||
margin: 0px; | margin: 0px; | ||
- | padding: 0px | + | padding: 0px 20px; |
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
Line 79: | Line 78: | ||
display: block; | display: block; | ||
height: 35px; | height: 35px; | ||
- | font-size: | + | font-size: 18px; |
font-style: normal; | font-style: normal; | ||
margin: 0px; | margin: 0px; |
Latest revision as of 07:19, 27 September 2013
- cssmenu {
border: none; border: 0px; margin: 0px; padding: 0px; font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size: 28px; font-weight: bold; width: 100%; }
- cssmenu ul {
background: #333333; height: 70px; list-style: none; margin: 0; padding :0;
}
- cssmenu li {
float:left;
padding-top: 30px;
}
- cssmenu li a {
background: #333333 url('https://static.igem.org/mediawiki/2013/3/3f/Seperator.gif') bottom right no-repeat; display: block; font-weight: normal; line-height: 35px; margin: 0px; padding: 0px 20px; text-align: center; text-decoration: none;
}
- cssmenu > ul > li > a {
color: #cccccc;
}
- cssmenu ul ul a {
color: #cccccc;
}
- cssmenu li > a:hover,
- cssmenu ul li:hover > a {
background: #1f7899 url('https://static.igem.org/mediawiki/2013/f/f7/Hover.png') bottom center no-repeat; color: #FFFFFF; text-decoration: none;
}
- cssmenu li ul {
background: #333333; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 225px; z-index: 200; /*top:1em;
/*left:0;*/
}
- cssmenu li:hover ul {
display: block;
}
- cssmenu li li {
background: url('https://static.igem.org/mediawiki/2013/3/3f/Sub_sep.gif') bottom left no-repeat; display: block; float: none; margin: 0px; padding: 0px; width: 225px;
}
- cssmenu li:hover li a {
background: none;
}
- cssmenu li ul a {
display: block; height: 35px; font-size: 18px; font-style: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left;
}
- cssmenu li ul a:hover,
- cssmenu li ul li:hover > a {
background: #1f7899 url('https://static.igem.org/mediawiki/2013/2/2b/Hover_sub.png') center left no-repeat; border: 0px; color: #ffffff; text-decoration: none;
}
- cssmenu p {
clear: left;
}