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

Line 237: Line 237:
 
}
 
}
 
#adPhoto>.photo{
 
#adPhoto>.photo{
−
     width:230px;
+
     width:25%;
 
     height:280px;
 
     height:280px;
 
     position: relative;
 
     position: relative;
Line 244: Line 244:
 
}
 
}
 
#adPhoto .photoFrame{
 
#adPhoto .photoFrame{
−
     width: 190px;
+
     width: 90%px;
 
     height: 240px;
 
     height: 240px;
 +
margin:10px auto 0 auto;
 +
position:relative;
 
}
 
}
 
.childPage{
 
.childPage{

Revision as of 01:17, 2 November 2017

  1. main{
   position:relative;
   top:1250px;
   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;

border-bottom: solid rgb(22,167,182) 10px; }

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

font-family:"Century Gothic",sans-serif; }

  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{

position:absolute; 

   height:720px;

left:50%; margin-left:-720px; }

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

height:720px; overflow:hidden; }

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

}

  1. head h1, #head h2{

font-family: "Lucida Console",sans-serif; }

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

}

  1. logo{
   position: absolute;
   left:50%;

margin-left:-275px; top:250px; 

   width: 550px;

}

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

}

  1. head h1{
   font-size: 50px;

font-weight:300; 

   text-align: center;
   color: #f3f3f3;
   line-height: 50px;
   border-bottom: none;

}

  1. head h2{
   font-size: 30px;

font-weight:200; 

   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: absolute;

left:50%; margin-left: -300px; top:820px; 

   width:600px;

} .figure img{ 

   width:100%;

}

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

}

  1. main h5>a{
   color: rgb(107, 107, 107);
   float:none;

font-size: 18px; }

  1. main p>a{

font-size: 18px; color: rgb(107, 107, 107); 

   float:none;

} } .photo{ 

   width:300px;
   height:350px;

} .selfintro{ 

   height:350px;
   position: absolute;
   left: 300px;
   top:0;
   margin: 20px 0 20px 40px;

} .photoFrame{ 

   margin: 20px;
   width: 260px;
   height: 310px;
   overflow: hidden;
   border-radius: 20px;

} .photoFrame img{ 

   width:100%;

} .memberRow{ 

   width:90%;
   margin: 0 auto 0 auto;
   height:350px;
   font-size: 18px;
   text-align: justify;
   line-height: 30px;
   font-weight: 150;
   letter-spacing: 1px;
   position: relative;

}

  1. adPhoto>.photo{
   width:25%;
   height:280px;
   position: relative;
   float: left;
   text-align: center;

}

  1. adPhoto .photoFrame{
   width: 90%px;
   height: 240px;

margin:10px auto 0 auto; position:relative; } .childPage{ 

   width:190px;
   position: relative;
   float: left;
   margin: 40px 10px 0 10px;
   border-radius: 20px;
   padding: 20px;
   height: 300px;

font-size: 14px; 

   text-align: left;
   line-height: 25px;

} .cPodd{ 

   background: #99ddff;

} .cPeven{ 

   background: #4dc3ff;

} .childPage h1{ font-size: 20px; 

   text-align: center;
   line-height: 25px;
   font-weight: 400;
   letter-spacing: 1.5px;

border-bottom:none; }