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

(Created page with "body{ background: rgb(210,228,220) no-repeat fixed top; min-height: 2000px; } #nav{ position: fixed; top: 18px; right: 0; width:100%; height: 40px;...")
 
Line 1: Line 1:
−
body{
+
#FudanChinaWikiBody{
 
     background: rgb(210,228,220) no-repeat fixed top;
 
     background: rgb(210,228,220) no-repeat fixed top;
 
     min-height: 2000px;
 
     min-height: 2000px;
Line 12: Line 12:
 
     z-index: 999;
 
     z-index: 999;
 
}
 
}
−
a{
+
#FudanChinaWikiBody a{
 
     color: #ffffff;
 
     color: #ffffff;
 
     text-decoration: none;
 
     text-decoration: none;

Revision as of 05:19, 22 October 2017

  1. FudanChinaWikiBody{
   background: rgb(210,228,220) no-repeat fixed top;
   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: 1000ms;

} .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;

} .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;

} h5{ 

   font-size: 14px;
   letter-spacing: 3px;
   margin: 0;

} h6{ 

   font-size: 12px;
   letter-spacing: 2px;
   margin: 0;

}

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

}

  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;

}