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: white;
+
     background-color: #727272;
-
     opacity: 1.0;
+
     opacity: 0.8;
-
     color: black;
+
     color: white;
-
    font-size: 12pt;
+
}
}

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("ZJU_nav_side_home.png");
   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;

}