Template:USTC-Software/header/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
#top {
#top {
position: fixed;
position: fixed;
-
background: #0D97F2;
+
background: #0D97F2;
width:100%;
width:100%;
height:50px;
height:50px;
Line 7: Line 7:
top:0px;
top:0px;
left:0px;
left:0px;
-
         border-radius: 0 0 5px 5px;  
+
         border-radius: 0 0 5px 5px;
-
-moz-border-radius: 0 0 5px 5px;  
+
-moz-border-radius: 0 0 5px 5px;
-
  -webkit-border-radius: 0 0 15px 15px;
+
  -webkit-border-radius: 0 0 15px 15px;
}
}
-
#header {  
+
#header {
position: relative;
position: relative;
-
background: url(https://static.igem.org/mediawiki/2013/3/3f/USTC-Software_header_bg.png) no-repeat right top;  
+
background: url(https://static.igem.org/mediawiki/2013/3/3f/USTC-Software_header_bg.png) no-repeat right top;
-
         border-radius: 0 0 5px 5px;  
+
         border-radius: 0 0 5px 5px;
-
-moz-border-radius: 0 0 5px 5px;  
+
-moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
-
height: 45px;  
+
height: 45px;
font-family: "Helvetica Neue","Arial",sans-serif;
font-family: "Helvetica Neue","Arial",sans-serif;
border: 5px #0D97F2 solid;
border: 5px #0D97F2 solid;
Line 29: Line 29:
#nav-strip a {
#nav-strip a {
-
color: #fff;
+
        color: #fff;
-
text-decoration: none;
+
        text-decoration: none;
-
cursor: pointer;
+
        cursor: pointer;
-
cursor: hand;
+
        cursor: hand;
}
}
#nav-strip ul {
#nav-strip ul {
-
margin:0;
+
      margin:0;
-
padding:0;
+
      padding:0;
-
list-style:none;
+
      list-style:none;
}
}
Line 58: Line 58:
-
#nav-strip ul li.nav-item {
+
#nav-strip ul li.nav-item {
         display: inline;
         display: inline;
         float: left;
         float: left;
Line 70: Line 70:
#nav-strip ul li.nav-item:hover,
#nav-strip ul li.nav-item:hover,
-
#nav-strip ul li.nav-item.hover{ background: #0D97F2;}
+
#nav-strip ul li.nav-item.hover { background: #0D97F2;}
#nav-strip ul li.nav-item:hover a,  
#nav-strip ul li.nav-item:hover a,  
-
#nav-strip ul li.nav-item.hover a{color: #FFF;}/*鼠标接触时的颜色浓绿*/
+
#nav-strip ul li.nav-item.hover a {color: #FFF;}/*鼠标接触时的颜色浓绿*/
-
#nav-strip ul li a{
+
#nav-strip ul li a {
color: #000;
color: #000;
display:block;
display:block;
Line 96: Line 96:
-
#nav-strip ul li .subnav ul{
+
#nav-strip ul li .subnav ul {
float: left;
float: left;
width: 130px;
width: 130px;
Line 103: Line 103:
-
#nav-strip ul li .subnav ul li{
+
#nav-strip ul li .subnav ul li {
-
        display:block;
+
      display:block;
-
border-bottom:1px solid #fff;
+
      border-bottom:1px solid #fff;
-
float:left;
+
      float:left;
-
width: 130px;
+
      width: 130px;
}
}
-
#nav-strip ul li .subnav ul li a{
+
#nav-strip ul li .subnav ul li a {
       font-weight: normal;
       font-weight: normal;
       margin-top:5px;
       margin-top:5px;
-
       height:20px;  
+
       height:20px;
       margin-bottom:2px;
       margin-bottom:2px;
}
}

Revision as of 06:54, 8 August 2013

  1. top {

position: fixed; background: #0D97F2; width:100%; height:50px; z-index: 5000; top:0px; left:0px;

       border-radius: 0 0 5px 5px;

-moz-border-radius: 0 0 5px 5px;

	-webkit-border-radius: 0 0 15px 15px;

}


  1. header {

position: relative; background: url(USTC-Software_header_bg.png) no-repeat right top;

        border-radius: 0 0 5px 5px;

-moz-border-radius: 0 0 5px 5px;

	 -webkit-border-radius: 0 0 15px 15px;

height: 45px; font-family: "Helvetica Neue","Arial",sans-serif; border: 5px #0D97F2 solid; border-top-width:0px; max-width:1340px; width:100%; }


  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:0; width: 670px;/*总宽度*/ height: 45px; position: absolute; z-index:9999; left:350px; }


  1. nav-strip a:hover { text-decoration:none;}


  1. nav-strip ul li.nav-item {
       display: inline;
       float: left;

position:relative; padding-top:15px; width:130px;/*主菜单宽*/ height: 30px; text-align:center; }


  1. nav-strip ul li.nav-item:hover,
  2. nav-strip ul li.nav-item.hover { background: #0D97F2;}
  1. nav-strip ul li.nav-item:hover a,
  2. nav-strip ul li.nav-item.hover a {color: #FFF;}/*鼠标接触时的颜色浓绿*/
  1. nav-strip ul li a {

color: #000; display:block; font-size: 14px;/*主菜单字体大小*/ }


  1. nav-strip ul li .subnav {

display: none; position:absolute; background: #0D97F2; top:45px; }


  1. nav-strip .subnav-inner {

float: left; width: 130px; }


  1. nav-strip ul li .subnav ul {

float: left; width: 130px; list-style:none; }


  1. nav-strip ul li .subnav ul li {
      display:block;
      border-bottom:1px solid #fff;		
      float:left;
      width: 130px;

}


  1. nav-strip ul li .subnav ul li a {
      font-weight: normal;
      margin-top:5px;
      height:20px;
      margin-bottom:2px;

}


  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!important;}


  1. team_logo {
     width:290px; 
     height: 15px; 
     float: left;
     margin-top:0px;
     margin-left:60px;
     font-size:36px;
     font-family:"汉仪蝶语体简";
     -webkit-transition: all .5s ease-out;
     -moz-transition: all .5s ease-out;
     -o-transition: all .5s ease-out;
     -ms-transition: all .5s ease-out;
     transition: all .5s ease-out;

}


  1. team_logo a{
     color:#99cc99;
     text-decoration:none;
     text-shadow: 4px 3px 0.5px #666666;
     position:relative;
     -webkit-transition: color .5s ease-out;
     -moz-transition: color .5s ease-out;
     -o-transition: color .5s ease-out;
     -ms-transition: color .5s ease-out;
     transition: color .5s ease-out;

}

  1. team_logo a:active{
   text-shadow:6px 4px 1px black;
   left:1px;
   top:1px;

}

  1. team_logo:hover a{ color:#0D97F2;}
  1. igem {
      float:right;
      margin-top:-1px;
      margin-right:100px;
      background: url(USTC-Software_circle.png) no-repeat center;
      height:80px; 
      width:160px; 
      border-bottom-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-top-left-radius:0px;
      border-top-right-radius:0px;

}