"

From 2013.igem.org

Revision as of 16:46, 21 September 2013 (view source) Ustcchen (Talk | contribs) ← Older edit		Revision as of 16:48, 21 September 2013 (view source) Ustcchen (Talk | contribs) Newer edit →
Line 7:		Line 7:
	top:0px;		top:0px;
	left:0px;		left:0px;
-	opacity:1;	+	opacity:1;
	}		}
Line 14:		Line 14:
	#header {		#header {
	position: relative;		position: relative;
-	/*background:url(../images/bg.png) repeat-x;	+	background-color:#34495e;
-	background-color:#34495e;	+
	border-radius: 0 0 10px 10px;		border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 5px 5px;		-moz-border-radius: 0 0 5px 5px;
Line 57:		Line 56:
-	#nav-strip a:hover { text-decoration:none;}	+	#nav-strip a:hover {
		+	ext-decoration:none;
		+	}
Line 65:		Line 66:
	position:relative;		position:relative;
	padding-top:10px;		padding-top:10px;
-	width:120px;/*主菜单宽 110px*/	+	width:120px;
	height: 35px;		height: 35px;
	text-align:center;		text-align:center;
Line 82:		Line 83:
	#nav-strip ul li a {		#nav-strip ul li a {
-	color:#fff;/*#09c;*/	+	color:#fff
	display:block;		display:block;
	font-size: 20px;		font-size: 20px;
Line 122:		Line 123:
	#nav-strip ul li .subnav ul li {		#nav-strip ul li .subnav ul li {
	display:block;		display:block;
-	border-top:2px outset #34495e;/*1b2d3f;*/	+	border-top:2px outset #34495e;
-	float:left;	+	float:left;
-	width: 120px;/*白线宽120px度*/	+	width: 120px;
	}		}
Line 146:		Line 147:
	#nav-strip ul li .subnav ul li a,		#nav-strip ul li .subnav ul li a,
-	#nav-strip ul li.nav-item:hover .subnav ul li a { white-space: normal;}	+	#nav-strip ul li.nav-item:hover .subnav ul li a {
		+	white-space: normal;
		+	}
	#nav-strip ul li .subnav ul li.active a,		#nav-strip ul li .subnav ul li.active a,
-	#nav-strip ul li .subnav ul li a:hover { color:#000;}	+	#nav-strip ul li .subnav ul li a:hover {
		+	color:#000;
		+	}
Line 179:		Line 184:
	#team_logo a:active{		#team_logo a:active{
-	text-shadow:2px 2px 2px #f1f0f0;	+	text-shadow:2px 2px 2px #f1f0f0;
-	left:1px;	+	left:1px;
-	top:1px;	+	top:1px;
	}		}
-	#team_logo:hover a{ color:#439b66;}	+	#team_logo:hover a{
		+	color:#439b66;
		+	}
	#igem {		#igem {

---

Revision as of 16:48, 21 September 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:95px;
      font-family: "Helvetica Neue","Arial",sans-serif;
     
      border-top-width:0px;
      max-width:980px;
      width:970px;
      margin-left:-15px;

}

1. nav-strip a {

      color: #fff;
      text-decoration: none;
      cursor: pointer;
      cursor: hand;

}

1. nav-strip ul {

     margin:0;
     padding:0;
     list-style:none;

}

1. nav-strip {

     margin-top:50px;
     margin-left:-25px;
     width: auto;
     height: 25px;
     position: absolute;
     z-index:9999;
     left:190px;

}

1. nav-strip a:hover {

     ext-decoration:none;

}

1. nav-strip ul li.nav-item {

      display: inline;
      float: left;
      position:relative;
      padding-top:10px;
      width:120px;
      height: 35px;
      text-align:center;

}

1. nav-strip ul li.nav-item:hover,
2. nav-strip ul li.nav-item.hover {

   background: #fff;

}

1. nav-strip ul li.nav-item:hover a,
2. nav-strip ul li.nav-item.hover a {

    color: #000;

}

1. nav-strip ul li a {

       color:#fff
       display:block;
       font-size: 20px;

font-weight:200; }

1. nav-strip ul li .subnav {

      display: none;
      position:absolute;
      background: #34495e;
      top:45px;

}

1. nav-strip ul li .subnav ul li:hover{

background-color:#4d77a1; }

1. nav-strip .subnav-inner {

      float: left;
      width: 120px;

}

1. nav-strip .subnav .subnav-inner ul li.hp{

height:60px; background-color:#34495e; }

1. nav-strip .subnav .subnav-inner ul .hp:hover{

background:#7599bc; }

1. nav-strip ul li .subnav ul {

      float: left;
      width: 120px;
      list-style:none;

height:auto; }

1. nav-strip ul li .subnav ul li {

      display:block;
      border-top:2px outset #34495e;
      float:left;
      width: 120px;

}

1. nav-strip ul li .subnav ul li a {

      font-weight: normal;
      margin-top:12px;
      height:32px;
      margin-bottom:2px;

margin-top:8px; }

1. nav-strip ul li .subnav ul li a,
2. nav-strip ul li.nav-item:hover .subnav ul li a{

      position: relative;
      color: #fff;
      text-align:center;

}

1. nav-strip ul li .subnav ul li a,
2. nav-strip ul li.nav-item:hover .subnav ul li a {

      white-space: normal;

}

1. nav-strip ul li .subnav ul li.active a,
2. nav-strip ul li .subnav ul li a:hover {

      color:#000;

}

1. team_logo {

     width: 275px; 
     height: 45px; 
     float: left;
     margin-top:5px;
     margin-left:-95px;
     font-size:35px;
     font-family:'Open Sans',"Helvetica Neue",arial,serif;

}

1. team_logo a{

     color:#ed7751;
     text-decoration:none;
     text-shadow: 4px 3px 0.5px #03C 0.6;
     position:relative;
  

}

1. team_logo a img{

width:220px; height:134px; }

1. team_logo a:active{

     text-shadow:2px 2px 2px #f1f0f0;
     left:1px;
     top:1px;

}

1. team_logo:hover a{

     color:#439b66;

}

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; 
       -webkit-transition:width 1s, height 1s, -webkit-transform 1s; 
       -o-transition:width 1s, height 1s, -o-transform 1s; 
       -ms-transition:width 1s, height 1s, -ms-transform 1s;

}

1. igem a img:hover{

       transform:rotate(360deg);
       -moz-transform:rotate(360deg);
       -webkit-transform:rotate(360deg);
       -o-transform:rotate(360deg); 
       -ms-transition:width 1s, height 1s, -ms-transform 1s;

}