"

From 2013.igem.org

Revision as of 12:30, 27 October 2013 (view source) Zigzag (Talk | contribs) ← Older edit		Revision as of 12:43, 27 October 2013 (view source) Zigzag (Talk | contribs) Newer edit →
Line 1:		Line 1:
		+	#top {
		+	position:fixed;
		+	background-color:#34495e;
		+	width:100%;
		+	height:100px;
		+	z-index: 5000;
		+	top:0px;
		+	left:0px;
		+	opacity:1;
		+	}
		+
		+
	#header {		#header {
	position: relative;		position: relative;
Line 13:		Line 25:
-	#top {
-	position:fixed;
-	background-color:#34495e;
-	width:100%;
-	height:100px;
-	z-index: 5000;
-	top:0px;
-	left:0px;
-	opacity:1;
-	}
	.menu {		.menu {
Line 34:		Line 36:
	padding:0;		padding:0;
	margin:0;		margin:0;
-	list-style-type: none !important;	+	list-style-type:none !important;
	text-decoration:none !important;		text-decoration:none !important;
	}		}
Line 42:		Line 44:
	float:left;		float:left;
	position: relative;		position: relative;
-	list-style-type: none !important;	+	list-style-type:none !important;
	text-decoration:none !important;		text-decoration:none !important;
	}		}
Line 63:		Line 65:
-	.menu ul li ul {display: none;}	+	.menu ul li ul {
		+	display: none;
		+	list-style-type:none !important;
		+	}

---

Revision as of 12:43, 27 October 2013

1. top {

   position:fixed;
   background-color:#34495e;
   width:100%;
   height:100px;
   z-index: 5000;
   top:0px;
   left:0px;
   opacity:1;

}

1. header {

   position: relative;
   background-color:#34495e;
   border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 5px 5px;
   -webkit-border-radius: 0 0 15px 15px;
   height:100px;
   font-family: "Helvetica Neue","Arial",sans-serif;
   border-top-width:0px;
   max-width:100%;
   width:100%;

}

.menu {

   font:18px Arial, Helvetica, sans-serif;
   width:100%;
   padding-top:50px;

}

.menu ul {

   padding:0;
   margin:0;
   list-style-type:none !important;
   text-decoration:none !important;

}

.menu ul li {

   float:left;
   position: relative;
   list-style-type:none !important;
   text-decoration:none !important;

}

.menu ul li a, .menu ul li a:visited {

   display:block;
   text-align:center;
   text-decoration:none !important;
   width:130px;
   height:40px;
   color:#fff;
   border:1px solid #34495e;
   border-width:1px 1px 0 0;
   background:#34495e;
   line-height:40px;
   font-size:18px;
   letter-spacing:1px;

}

.menu ul li ul {

   display: none;
   list-style-type:none !important;

}

.menu ul li:hover a {

   color:#000;
   background:#fff;

}

.menu ul li:hover ul {

   display:block;
   position:fixed;
   top:99px;
   width:150px;

}

.menu ul li:hover ul li a {

   display:block;
   background:#34495e;
   height:40px;
   line-height:40px;
   color:#fff;
   font-size:16px;

}

.menu ul li:hover ul li a:hover {

   background:#7599bc;
   color:#fff;

}

1. igem {

   float:right;
   margin-top:-1px;
   margin-right:-55px;
   height:83px; 
   width:110px; 

}

1. igem a img{

   transition:width 1s, height 1s;
   -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
   -webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
   -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
   -ms-transition:width 1s, height 1s, -ms-transform 1s;

}

1. igem a img:hover{

   transform:rotate(360deg);
   -moz-transform:rotate(360deg); /* Firefox 4 */
   -webkit-transform:rotate(360deg); /* Safari and Chrome */
   -o-transform:rotate(360deg); /* Opera */
   -ms-transition:width 1s, height 1s, -ms-transform 1s;/*IE*/

}