"

From 2014.igem.org

Revision as of 14:23, 31 August 2014 (view source) Tzuyu (Talk | contribs) (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...") ← Older edit		Latest revision as of 00:24, 18 October 2014 (view source) Tzuyu (Talk | contribs)
(3 intermediate revisions not shown)
Line 5:		Line 5:
	right: 2%;		right: 2%;
	top: 30%;		top: 30%;
-	z-index: 1;	+	z-index: 100;
	}		}
Line 24:		Line 24:
	ul#side_nav li:hover {		ul#side_nav li:hover {
	background-color: #b7b7b7;		background-color: #b7b7b7;
		+	border-radius: 20%;
	opacity: 1.0;		opacity: 1.0;
		+	cursor: pointer;
	}		}
Line 33:		Line 35:
	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;
Line 44:		Line 46:
	padding: 4pt;		padding: 4pt;
	right: 23px;		right: 23px;
-	border-radius: 20%;	+	border-radius: 2pt;
	background-color: #d0d0d0;		background-color: #d0d0d0;
	color: black;		color: black;
	font-size: 10pt;		font-size: 10pt;
		+	font-style: oblique;
	}		}
Line 56:		Line 59:
	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 68:
	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;	+
	}		}

---

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;

}