Team:ZJU-China/CSS/Widget.css

From 2014.igem.org

(Difference between revisions)
(Created page with "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...")
Line 33: Line 33:
     opacity: 0.5;
     opacity: 0.5;
     background-color: transparent;
     background-color: transparent;
-
     background-image: url("/img/nav_side_home.png");
+
     background-image: url("https://static.igem.org/mediawiki/2014/b/bf/ZJU_nav_side_home.png");
     background-size: 26px 22px;
     background-size: 26px 22px;
      
      

Revision as of 15:15, 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;

}

ul#side_nav li#first_item b {

   right:26px;

}

ul#side_nav li:hover b{

   display: block;
   background-color: #b0b0b0;
   opacity: 0.5;
   color: black;

}

ul#side_nav li b:hover {

   display: block;
   background-color: white;
   opacity: 1.0;
   color: black;
   font-size: 12pt;

}