Team:ZJU-China/CSS/Widget.css
From 2014.igem.org
(Difference between revisions)
Line 5: | Line 5: | ||
right: 2%; | right: 2%; | ||
top: 30%; | top: 30%; | ||
- | z-index: | + | z-index: 100; |
} | } | ||
Latest revision as of 00:24, 18 October 2014
ul#side_nav {
position: fixed; display: block; padding: 0px; right: 2%; top: 30%; z-index: 100;
}
ul#side_nav a {
text-decoration: none;
}
ul#side_nav li {
display: block; width: 20px; height: 20px; margin: 10px 3px; background-color: black; opacity: 0.5; border-radius: 50%;
}
ul#side_nav li:hover {
background-color: #b7b7b7; border-radius: 20%; opacity: 1.0; cursor: pointer;
}
ul#side_nav li#first_item {
width: 26px; height: 22px; margin: 10px 0px; opacity: 0.5; background-color: transparent; background-image: url(""); background-size: 26px 22px;
}
ul#side_nav li b{
display: none; position: absolute; text-align: right; padding: 4pt; right: 23px; border-radius: 2pt; background-color: #d0d0d0; color: black; font-size: 10pt; font-style: oblique;
}
ul#side_nav li#first_item b {
right:26px;
}
ul#side_nav li:hover b{
display: block; white-space:nowrap; width:auto; background-color: #b0b0b0; opacity: 0.5; color: black;
}
ul#side_nav li b:hover {
display: block; background-color: #727272; opacity: 0.8; color: white;
}