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

 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
#FudanChinaWikiBody{
+
 
−
    background: rgb(210,228,220) no-repeat fixed top;
+
−
    min-height: 2000px;
+
−
}
+
 
#nav{
 
#nav{
 
     position: fixed;
 
     position: fixed;
Line 12: Line 9:
 
     z-index: 999;
 
     z-index: 999;
 
}
 
}
−
a{
+
#FudanChinaWikiBody a{
 
     color: #ffffff;
 
     color: #ffffff;
 
     text-decoration: none;
 
     text-decoration: none;
Line 21: Line 18:
 
     color: rgb(22,167,182);
 
     color: rgb(22,167,182);
 
     transition: color;
 
     transition: color;
−
     transition-duration: 1000ms;
+
     transition-duration: 500ms;
 
}
 
}
 
.navList{
 
.navList{
Line 36: Line 33:
 
     transition: margin;
 
     transition: margin;
 
     transition-duration: 1000ms;
 
     transition-duration: 1000ms;
 +
}
 +
#FudanChinaWikiBody ul{
 +
    list-style-image: none;
 
}
 
}
 
.navList>ul{
 
.navList>ul{
Line 58: Line 58:
 
     line-height: 25px;
 
     line-height: 25px;
 
}
 
}
−
.hh5{
+
#FudanChinaWikiBody h5{
 
     font-size: 14px;
 
     font-size: 14px;
 
     letter-spacing: 3px;
 
     letter-spacing: 3px;
 
     margin: 0;
 
     margin: 0;
 +
    padding:0;
 +
    color:inherit;
 
}
 
}
−
.hh6{
+
#FudanChinaWikiBody h6{
 
     font-size: 12px;
 
     font-size: 12px;
 
     letter-spacing: 2px;
 
     letter-spacing: 2px;
 
     margin: 0;
 
     margin: 0;
 +
    padding:0;
 +
    color:inherit;
 
}
 
}
 
#upButton{
 
#upButton{
 
     position: fixed;
 
     position: fixed;
−
     right:40px;
+
     right:30px;
−
     bottom: 100px;
+
     bottom: 30px;
 
     width: 50px;
 
     width: 50px;
 
     height:50px;
 
     height:50px;
 +
    color:white;
 
     background: rgba(72,149,138,0.8);
 
     background: rgba(72,149,138,0.8);
 +
    z-index: 999;
 
}
 
}
−
#upButton .hh5{
+
#upButton h5{
 
     line-height: 50px;
 
     line-height: 50px;
 
     text-align: center;
 
     text-align: center;
Line 85: Line 91:
 
     transition: background,color;
 
     transition: background,color;
 
     transition-duration: 400ms;
 
     transition-duration: 400ms;
 +
}
 +
#homeLogo{
 +
position: fixed;
 +
    left: 20px;
 +
    top: 80px;
 +
    width: 75px;
 +
    height:75px;
 +
    z-index: 900;
 +
}
 +
#homeLogo img{
 +
width:100%;
 
}
 
}

Latest revision as of 13:16, 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: 75px;
   height:75px;
   z-index: 900;

}

  1. homeLogo img{

width:100%; }