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

Line 177: Line 177:
 
     color: rgb(107, 107, 107);
 
     color: rgb(107, 107, 107);
 
     line-height: 30px;
 
     line-height: 30px;
 +
    float:none;
 
}
 
}

Revision as of 18:52, 30 October 2017

  1. main{
   position:relative;
   top:1200px;
   padding:0 150px 150px 150px;
   background: #f3f3f3;
   right: 0;
   left:0;
   border-top: solid rgb(22,167,182) 10px;
   border-left: solid rgb(33, 33, 33) 4px;
   border-right: solid rgb(33, 33, 33) 4px;

}

  1. main p,#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{
   color:inherit;
   padding: 2px;

}

  1. main p{
   font-size: 18px;
   text-align: justify;
   line-height: 25px;
   font-weight: 200;
   letter-spacing: 1px;

}

  1. main h2{
   font-size: 40px;
   text-align: center;
   margin: 50px;
   color: rgb(230, 168, 138);
   line-height: 50px;

}

  1. main h3{
   font-size: 25px;
   text-align: left;
   margin: 50px 0 30px 0;
   color: rgb(64, 64, 64);
   line-height: 30px;

}

  1. main h4{
   font-size: 15px;
   text-align: left;
   margin:20px 0 0 0;
   color: rgb(64, 64, 64);
   line-height: 15px;

}

  1. main h5{
   font-size: 18px;
   text-align: left;
   margin:20px 0 0 20px;
   color: rgb(64, 64, 64);
   line-height: 18px;
   letter-spacing: normal;

} .row{ 

   width:90%;
   margin: 0 auto 0 auto;

} .bright{

} .figure{ 

   margin: 30px auto 50px auto;
   font-size: 15px;
   text-align: justify;
   line-height: 20px;
   font-weight: 200;

} .figure b{ 

   font-weight: 600;

}

  1. main ol{
   font-size: 15px;
   text-align: justify;
   line-height: 20px;
   font-weight: 200;

}

  1. main table{
   text-align: center;
   line-height: 25px;
   font-size: 15px;
   margin: 0 auto 0 auto;

}

  1. banner img{
   width: 100%;

}

  1. banner{
   width: 100%;
   position: relative;
   top: 0;

}

  1. head{
   width: 100%;
   margin: 0;
   position: absolute;
   right: 0;
   top: 30px;

}

  1. main ul{
   font-size: 18px;
   text-align: justify;
   line-height: 25px;
   font-weight: 200;
   letter-spacing: 1px;

}

  1. logo{
   position: relative;
   top:-300px;
   width: 300px;
   margin: 0 auto 0 auto;

}

  1. logo img{
   width:150px;
   margin: 0 75px 0 75px;

}

  1. head h1{
   font-size: 50px;
   text-align: center;
   color: #f3f3f3;
   line-height: 50px;
   border-bottom: none;

}

  1. head h2{
   font-size: 30px;
   color: #f3f3f3;
   line-height: 30px;
   position: relative;

}

  1. line{
   position: absolute;
   left:280px;
   width: 40px;

}

  1. contentLeft{
   position: absolute;
   left:0;
   width: 280px;

}

  1. contentRight{
   position: absolute;
   left:320px;
   width: 280px;

}

  1. contentLeft img,#contentLeft h2{
   right: 20px;
   text-align: right;

}

  1. contentRight img,#contentRight h2{
   left: 20px;
   text-align: left;

} .lineItem{ 

   position: absolute;
   background: #ffffff;
   width: 20px;
   height: 20px;
   border-radius: 10px;
   z-index: 99;

} .lineItem:hover{ 

   transform: scale(2.5);
   transform-origin: 10px 10px;
   transition-duration: 500ms;

}

  1. FCcontent img{
   position: absolute;
   border: solid 5px #f3f3f3;

}

  1. FCcontent{
   position: relative;
   margin: 0 auto 0 auto;
   top:-80px;
   width:600px;

} .figure img{ 

   width:100%;

}

  1. main h3>a{
   font-size: 25px;
   color: rgb(107, 107, 107);
   line-height: 30px;
   float:none;

}