Difference between revisions of "Template:TJU China/home css"

 
Line 82: Line 82:
 
       }
 
       }
  
−
      .home_abstract {
+
.home_abstract {
−
          z-index: 2;
+
    z-index: 2;
−
          position: absolute;
+
    position: absolute;
−
          width: 62.5%;
+
    width: 62.5%;
−
          margin-left: 18.75%;
+
    margin-left: 18.75%;
−
          height: 300px;
+
    height: 318px;
−
          margin-top: 580px;
+
    margin-top: 580px;
−
          color: #ffffff;
+
    color: #ffffff;
−
          background: #4e72b8;
+
    background: #4e72b8;
−
 
+
}
−
      }
+
  
 
       .home_abstract_head {
 
       .home_abstract_head {
Line 106: Line 105:
 
       }
 
       }
  
−
      .home_abstract_word {
+
.home_abstract_word {
−
          font-size: 17px;
+
    font-size: 17px;
−
          margin-top: 20px;
+
    margin-top: 20px;
−
          padding-left: 30px;
+
    padding-right: 30px;
−
          text-align: left;
+
    padding-left: 30px;
−
          line-height: 1.5;
+
    text-align: left;
−
      }
+
    line-height: 1.5;
 +
}
  
 
       .home_abstract_logo {
 
       .home_abstract_logo {

Latest revision as of 19:24, 17 October 2018

       body {
         background: #eeeeee;
     }

     #banner {
         text-align: left;
         z-index: 10;
         margin-top: 52px;

     }

     .pic img {
         display: block;
         position: absolute;
         top: 2px;
         left: 0px;
         width: 100%;
         background-size: cover;

     }

     .pic a {
         display: none;
     }

     .pic {
         position: relative;
         margin-left: 18.75%;
         margin-right: 18.75%;



     }

     .btn_background {
         width: 62.5%;
         margin-left: 18.75%;
         height: 30px;
         background: #ffffff;
         position: absolute;
         top: 550px;
         opacity: 0.5;
         z-index: 2;

     }

     .btn {
         width: 62.5%;
         margin-left: 18.75%;
         height: 30px;
         position: absolute;
         top: 550px;
         z-index: 3;
     }

     .btn ul {
         width: 20%;
         height: 15px;
         margin-left: 40%;
         margin-top: 7.5px;
     }

     .btn ul li {
         background-color: #4e72b8;
         /*黑色*/
         color: #ffffff;
         list-style-type: none;
         width: 15px;
         height: 15px;
         float: left;
         border-radius: 7.5px;
         /*变成圆的*/
         text-align: center;
         line-height: 15px;
         cursor: pointer;
         /*鼠标移动变手指状态*/
         margin-left: 5px;
     }

     .btn ul li.one {
         background-color: #ffffff;
     }

.home_abstract { 

   z-index: 2;
   position: absolute;
   width: 62.5%;
   margin-left: 18.75%;
   height: 318px;
   margin-top: 580px;
   color: #ffffff;
   background: #4e72b8;

} 

     .home_abstract_head {
         color: #4e72b8;
         background: #ffffff;
         padding-left: 20px;
         height: 90px;

         padding-top: 70px;
         font-size: 50px;
         font-weight: bold;

     }

.home_abstract_word { 

   font-size: 17px;
   margin-top: 20px;
   padding-right: 30px;
   padding-left: 30px;
   text-align: left;
   line-height: 1.5;

} 

     .home_abstract_logo {
         z-index: 3;
         position: absolute;
         width: 20px;
         height: 20px;
         margin-top: 600px;
         margin-left: 20%;
         background: #4e72b8;

     }

     .home_achievements_logo {
         z-index: 3;
         position: absolute;
         width: 20px;
         height: 20px;
         margin-top: 950px;
         margin-left: 20%;
         background: #4e72b8;

     }

     .home_achievements {
         width: 62.5%;
         position: absolute;
         margin-top: 930px;
         margin-left: 18.75%;
         color: #4e72b8;
         background: #ffffff;
         z-index: 2;
     }

     .home_achievements_head {
         font-weight: bold;
         font-size: 50px;
         padding-top: 65px;
         height: 90px;
         margin-left: 20px;
         float: left;

     }

     .home_achievements_word {
         padding-top: 30px;
         line-height: 2;
         margin-top: 140px;
         height: 120px;
         font-size: 25px;
         text-align: center;
         color: #ffffff;
         background: #4e72b8;
     }

     .home_achievements_word p {
         padding-top: 30px;
     }

     .home_medal {
         z-index: 3;
         margin-left: 58%;
         position: absolute;
         top: 1010px;
         width: 260px;
         height: 130px;
     }

     .home_medal_pic {

         max-width: 100%;
         height: auto;
     }

     .home_contact {
         background: #4e72b8;
         position: absolute;
         width: 100%;
         height: 190px;
         margin-top: 1300px;
     }

     .home_contact_icon1 {
         float: left;
         margin-left: 150px;
         margin-top: 20px;
         width: 140px;
         height: 140px;
     }

     .home_contact_icon2 {
         float: left;
         margin-left: 200px;
         margin-top: 20px;
         width: 140px;
         height: 140px;
     }

     .home_contact_word1 {
         float: left;
         margin-left: 100px;
         margin-top: 40px;
         width: 200px;
         height: 120px;
         color: #ffffff;
         font-family: "Microsoft YaHei", "Raleway", sans-serif;
         font-size: 25px;
         line-height: 1.5;
     }

     .home_contact_word2 {
         float: left;
         margin-left: 100px;
         margin-top: 40px;
         width: 300px;
         height: 120px;
         color: #ffffff;
         font-family: "Microsoft YaHei", "Raleway", sans-serif;
         font-size: 25px;
         line-height: 1.5;
     }

     .home_copyright {
         z-index: 2;
         position: absolute;
         margin-top: 160px;
         margin-left: 330px;
         clear: both;
         color: #ffffff;
         font-size: 15px;
     }