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

Line 94: Line 94:
 
#homeLogo{
 
#homeLogo{
 
position: fixed;
 
position: fixed;
−
     left:-170px;
+
     left: 20px;
−
     top: -120px;
+
     top: 80px;
−
     width: 250px;
+
     width: 50px;
−
     height:250px;
+
     height:50px;
 
     z-index: 900;
 
     z-index: 900;
 
}
 
}

Revision as of 13:15, 1 November 2017

  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:30px;
   bottom: 30px;
   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;

}

  1. homeLogo{

position: fixed; 

   left: 20px;
   top: 80px;
   width: 50px;
   height:50px;
   z-index: 900;

}

  1. homeLogo img{

width:100%; }