Template:Fudan China/CSS

1. mainBody {

   background: #141414;
   color: #ded1c8;

}

1. nav {

   background: #f7b5c8;
   position: fixed;
   margin: 0 0 0 0;
   top: 25px;
   left: 0;
   right: 0;
   height: 60px;
   width: 100%;
   border-bottom: 1px solid #d79bac;
   z-index: 9999;

}

1. projectAndTeamName {

   float: left;
   position: relative;
   margin: 0 0 0 0;
   top: 5px;
   left: 25px;
   height: 50px;
   width: 170px;
   overflow: hidden;
   color: #141414;
   font-weight: 600;
   text-align: center;

}

1. projectName {

   float: top;
   position: relative;
   margin: 0;
   top: 0;
   left: 0;
   height: 35px;
   font-size: 20px;
   font-weight: 600;
   font-family: "Futura", serif;
   line-height: 35px;
   text-shadow: -3px 3px 5px #141414;

}

1. teamName {

   float: top;
   position: relative;
   margin: 0;
   top: 0;
   left: 0;
   height: 15px;
   width: 170px;
   overflow: hidden;
   font-size: 10px;
   font-weight: 600;
   font-family: "Futura", serif;
   line-height: 15px;
   text-shadow: -1px 1px 2px #141414;

}

1. teamLogo {

   background: #f7b5c8;
   position: fixed;
   margin: 0 0 0 0;
   top: 21px;
   left: 200px;
   height: 68px;
   width: 114px;
   border-bottom: 1px solid #d79bac;
   border-radius: 4px;

}

1. teamLogo img {

   height: 58px;
   width: 104px;
   margin: 5px;
   border-radius: 3px;

}

1. navListContainer {

   background: #f7b5c8;
   position: relative;
   float: right;
   margin: 0 0 0 0;
   top: 5px;
   right: 40px;
   height: 50px;
   width: 500px;
   border-radius: 3px;

}

1. navList {

   list-style-type: none;
   position: absolute;
   margin:0 0 0 0;
   left: -40px;
   right: 0;
   top: 0;
   bottom: 0;
   border-radius: 3px;

} .navListItem {

   list-style-type: none;
   display: block;
   position: relative;
   float: left;
   margin:0 0 0 0;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   height: 50px;
   width: 100px;
   background: #fff0e6;
   color: #141414;
   font-weight: 600;
   font-family: "Futura", serif;
   font-size: 16px;
   text-align: center;
   line-height: 50px;

} .navListItem a{

   color: #141414;
   font-weight: 600;
   font-family: "Futura", serif;
   font-size: 16px;
   text-align: center;
   line-height: 50px;
   text-decoration: none;

} .navListItem a:hover {

   color: #454545;
   transition-property: color;
   transition-duration: 0.3s;

} .navListItem:hover {

   background: #f9dc9e;
   color: #454545;
   transition-property: background, color;
   transition-duration: 0.3s;

} .navListItem:first-child {

   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;

} .navListItem:last-child {

   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;

} .navChildListItem {

   list-style-type: none;
   display: block;
   position: relative;
   float: top;
   padding:0;
   margin:0 0 0 0;
   left: -25px;
   right: 0;
   top: -5px;
   bottom: 0;
   height: 35px;
   width: 100px;
   background: #f9dc9e;
   font-weight: 300;
   font-family: "Futura", serif;
   font-size: 12px;
   text-align: center;
   line-height: 35px;
   border-top: 1px solid #141414;

} .navChildListItem:hover {

   background: #f9ebdb;
   transition-property: background;
   transition-duration: 0.2s;

} .navChildListItem a{

   font-weight: 300;
   font-family: "Futura", sans-serif;
   font-size: 12px;
   text-align: center;
   line-height: 35px;
   text-decoration: none;

} .navChildListItem a:hover {

   color: #454545;
   transition-property: color;
   transition-duration: 0.3s;
   text-decoration: none;

} .navChildListItem:last-child {

   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;

}

1. main {

   position: relative;
   top: 75px;
   float: top;
   width: 1000px;
   min-height: 2000px;
   margin: 0 auto 0 auto;
   background: #1a1a1a;
   border-radius: 10px;
   color: #ded1c8;
   text-align: justify;
   font-family: Futura, sans-serif;
   font-size: 16px;

}

1. intro {

   position: relative;
   width: 850px;
   margin: 0 auto 100px auto;
   top: 30px;

}

1. main .mh1 {

   text-align: center;
   font-size: 60px;
   font-family: Gabriola, serif;
   margin: 40px;
   color: #ded1c8;

}

1. main .mh2 {

   text-align: left;
   font-size: 30px;
   font-family: Gabriola, serif;
   padding: 0;
   margin: 25px;
   color: #ded1c8;

}

1. animationContainer {

   position: relative;
   background: #212121;
   width: 800px;
   height: 550px;
   margin: 0 auto 0 auto;
   top: 30px;
   border-radius: 10px;

}

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: #1a1a1a;
   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: 30px;
   font-family: Gabriola, serif;

}

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;

}