Team:ZJU-China/CSS/Widget.css
From 2014.igem.org
(Difference between revisions)
Line 48: | Line 48: | ||
color: black; | color: black; | ||
font-size: 10pt; | font-size: 10pt; | ||
+ | font-style: oblique; | ||
} | } | ||
Line 56: | Line 57: | ||
ul#side_nav li:hover b{ | ul#side_nav li:hover b{ | ||
display: block; | display: block; | ||
+ | white-space:nowrap; | ||
+ | width:auto; | ||
background-color: #b0b0b0; | background-color: #b0b0b0; | ||
opacity: 0.5; | opacity: 0.5; | ||
Line 63: | Line 66: | ||
ul#side_nav li b:hover { | ul#side_nav li b:hover { | ||
display: block; | display: block; | ||
- | background-color: | + | background-color: #727272; |
- | opacity: | + | opacity: 0.8; |
- | color: | + | color: white; |
- | + | ||
} | } |
Revision as of 15:24, 31 August 2014
ul#side_nav {
position: fixed; display: block; padding: 0px; right: 2%; top: 30%; z-index: 1;
}
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; opacity: 1.0;
}
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: 20%; 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;
}