Difference between revisions of "Template:Fudan China/CSS/NAV"

Line 1: Line 1:
 
#FudanChinaWikiBody{
 
#FudanChinaWikiBody{
−
     background: #f3f3f3 no-repeat fixed top;
+
     background: url("https://static.igem.org/mediawiki/2017/2/22/T--Fudan_China--background.jpg") 100% 100% fixed;
 
     min-height: 2000px;
 
     min-height: 2000px;
 
}
 
}
Line 83: Line 83:
 
     color:white;
 
     color:white;
 
     background: rgba(72,149,138,0.8);
 
     background: rgba(72,149,138,0.8);
 +
    z-index: 999;
 
}
 
}
 
#upButton h5{
 
#upButton h5{

Revision as of 01:09, 27 October 2017

  1. FudanChinaWikiBody{
   background: url("T--Fudan_China--background.jpg") 100% 100% fixed;
   min-height: 2000px;

}

  1. nav{
   position: fixed;
   top: 18px;
   right: 0;
   width:100%;
   height: 40px;
   background: #141414;
   z-index: 999;

}

  1. FudanChinaWikiBody a{
   color: #ffffff;
   text-decoration: none;
   position: relative;
   float: left;

}

  1. nav a:hover{
   color: rgb(22,167,182);
   transition: color;
   transition-duration: 500ms;

} .navList{ 

   position: relative;
   height: 40px;
   float: left;

} .navList>a{ 

   margin: 0 10px 0 10px;
   line-height: 40px;

} .navList:hover{ 

   margin: 0 30px 0 0;
   transition: margin;
   transition-duration: 1000ms;

}

  1. FudanChinaWikiBody ul{
   list-style-image: none;

} .navList>ul{ 

   position: absolute;
   top: 40px;
   left: 10px;
   background: #141414;
   color: #ffffff;
   width: 200px;
   list-style-type: none;
   margin: 0;
   padding: 0;

} .navList li{ 

   position: relative;
   float: top;
   height: 25px;

} .navList h6{ 

   position: relative;
   left: 10px;
   line-height: 25px;

}

  1. FudanChinaWikiBody h5{
   font-size: 14px;
   letter-spacing: 3px;
   margin: 0;
   padding:0;
   color:inherit;

}

  1. FudanChinaWikiBody h6{
   font-size: 12px;
   letter-spacing: 2px;
   margin: 0;
   padding:0;
   color:inherit;

}

  1. upButton{
   position: fixed;
   right:40px;
   bottom: 100px;
   width: 50px;
   height:50px;
   color:white;
   background: rgba(72,149,138,0.8);
   z-index: 999;

}

  1. upButton h5{
   line-height: 50px;
   text-align: center;

}

  1. upButton:hover{
   color: black;
   background: rgba(22,167,182,0.8);
   transition: background,color;
   transition-duration: 400ms;

}