Template:Fudan China/CSS/animation

  1. animationContainer {
   position: relative;
   background: #4a4a4a;
   width: 800px;
   height: 550px;
   margin: 0 auto 0 auto;
   top: 30px;
   border-radius: 10px;
   color: #ffffff;

}

  1. animationHeader {
   position: relative;
   float: top;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: 0;
   height: 50px;
   width: 800px;

}

  1. animationHeaderWord {
   position: relative;
   float: right;
   right: 5px;
   top: 0;
   bottom: 0;
   height: 50px;
   width: 650px;

}

  1. animationHeaderWord div {
   position: relative;
   float: left;
   margin: 0 1px 0 1px;
   left: 4px;
   right: 0;
   top: 0;
   bottom: 0;
   height: 50px;
   width: 160px;
   font-size: 20px;
   text-align: center;
   line-height: 50px;

}

  1. animationPartContainer {
   position: relative;
   float: right;
   right: 5px;
   top: 0;
   bottom: 0;
   height: 500px;
   width: 650px;

}

  1. animationPart5 {
   position: relative;
   float: left;
   margin:0 1px 0 1px;
   left:4px;
   right: 0;
   top: 0;
   bottom: 0;
   height: 205px;
   width: 646px;
   background: #222222;
   border-radius: 5px;
   z-index: 100;
   overflow: hidden;

} .animationPart { 

   position: relative;
   float: left;
   margin:5px 1px 5px 1px;
   left: 4px;
   right: 0;
   top: 0;
   bottom: 0;
   height: 280px;
   width: 160px;
   background: #1a1a1a;
   border-radius: 5px;
   z-index: 100;
   overflow: hidden;

} .animationCurtain { 

   position: absolute;
   top: 0;
   height: 280px;
   width: 160px;
   background: rgba(255,240,230,0.05);
   border-radius: 5px;
   z-index: 1000;

}

  1. animationWordContainer {
   position: relative;
   float: right;
   right: 4px;
   margin:5px 1px 5px 1px;
   top: 0;
   bottom: 0;
   height: 490px;
   width: 140px;

} .animationWord { 

   position: relative;
   float: top;
   width: 140px;
   text-align: center;
   font-size: 20px;

}

  1. animationWord1 {
   height: 139px;
   line-height: 139px;
   border-bottom: dashed thin #fff0e6;
   border-top: dashed thin #fff0e6;

}

  1. animationWord2 {
   height: 138px;
   line-height: 138px;
   border-bottom: dashed thin #fff0e6;

}

  1. animationWord3 {
   height: 210px;
   line-height: 210px;

} .animationImgContainer { 

   position: relative;
   z-index: 200;

} .animationImgContainerA { 

   position: relative;
   z-index: 200;

}

  1. animationNotice {
   position: relative;
   margin:0;
   left:0;
   right: 0;
   top: 0;
   bottom: 0;
   width:646px;
   height:50px;
   text-align: center;
   line-height: 25px;
   z-index: 200;
   overflow: hidden;

}

  1. animationCircuit {
   position: relative;
   margin:0;
   left:0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 200;
   overflow: hidden;

}