Difference between revisions of "Template:ECUST/CSS"

 
(26 intermediate revisions by the same user not shown)
Line 100: Line 100:
 
      
 
      
 
     width:100%;
 
     width:100%;
−
     background-size: 100% 200px;
+
     background-size:contain;
 
     text-align: center;
 
     text-align: center;
 
      
 
      
Line 556: Line 556:
 
     line-height: 42px;
 
     line-height: 42px;
 
     padding-top: 40px;
 
     padding-top: 40px;
−
     padding-left: 10px;
+
     padding-left: 3px;
−
     padding-right: 10px;
+
     padding-right: 3px;
 
     transition: height 0.5s;
 
     transition: height 0.5s;
 
}
 
}
Line 939: Line 939:
  
 
@media only screen and (min-width: 1200px) {
 
@media only screen and (min-width: 1200px) {
 +
#textblock1 {
 +
          position: absolute;
 +
          top: 300px;
 +
          left: 770px;
 +
          width:500px;
 +
      }   
 +
      #textblock2 {
 +
          position: absolute;
 +
          top: 980px;
 +
          left: 80px;
 +
          width:500px;
 +
      }     
 +
#textblock3 {
 +
          position: absolute;
 +
          top: 1879px;
 +
          left: 790px;
 +
          width:515px;
 +
      }     
 +
#textblock4 {
 +
          position: absolute;
 +
          top: 3250px;
 +
          left: 200px;
 +
          width:900px;
 +
      }
 +
#textblock5 {
 +
          position: absolute;
 +
          top: 3970px;
 +
          left: 770px;
 +
          width:500px;
 +
      }   
 
     main, .wrapper {
 
     main, .wrapper {
 
         margin-right: 5%;
 
         margin-right: 5%;
Line 959: Line 989:
  
 
@media screen and (min-width: 1000px) and (max-width: 1199px){
 
@media screen and (min-width: 1000px) and (max-width: 1199px){
 +
    #textblock1 {
 +
          position: absolute;
 +
          top: 180px;
 +
          left: 490px;
 +
          width:500px;
 +
      }   
 +
      #textblock2 {
 +
          position: absolute;
 +
          top: 700px;
 +
          left: 20px;
 +
          width:500px;
 +
      }     
 +
#textblock3 {
 +
          position: absolute;
 +
          top: 1360px;
 +
          left: 500px;
 +
          width:510px;
 +
      }     
 +
#textblock4 {
 +
          position: absolute;
 +
          top: 2250px;
 +
          left: 50px;
 +
          width:900px;
 +
      }
 +
#textblock5 {
 +
          position: absolute;
 +
          top: 2800px;
 +
          left: 490px;
 +
          width:500px;
 +
      }   
 
     main {
 
     main {
 
         margin-right: 30px;
 
         margin-right: 30px;
Line 997: Line 1,057:
 
     #textblock1 {
 
     #textblock1 {
 
           position: absolute;
 
           position: absolute;
−
           top: 400px;
+
           top: 180px;
−
           left: 480px;
+
           left: 490px;
 
           width:500px;
 
           width:500px;
 
       }     
 
       }     
 
       #textblock2 {
 
       #textblock2 {
 
           position: absolute;
 
           position: absolute;
−
           top: 900px;
+
           top: 700px;
 
           left: 10px;
 
           left: 10px;
 
           width:500px;
 
           width:500px;
Line 1,009: Line 1,069:
 
#textblock3 {
 
#textblock3 {
 
           position: absolute;
 
           position: absolute;
−
           top: 1560px;
+
           top: 1360px;
−
           left: 470px;
+
           left: 500px;
−
           width:525px;
+
           width:510px;
 
       }       
 
       }       
 
#textblock4 {
 
#textblock4 {
 
           position: absolute;
 
           position: absolute;
−
           top: 2450px;
+
           top: 2250px;
 
           left: 50px;
 
           left: 50px;
 
           width:900px;
 
           width:900px;
 
       }  
 
       }  
 +
#textblock5 {
 +
          position: absolute;
 +
          top: 2800px;
 +
          left: 490px;
 +
          width:500px;
 +
      }   
 
     .contentbox figure, .contentbox p, .contentbox .pdf-resources, .contentbox ul {
 
     .contentbox figure, .contentbox p, .contentbox .pdf-resources, .contentbox ul {
 
         padding: 10px !important;
 
         padding: 10px !important;
Line 1,341: Line 1,407:
 
     text-decoration: underline;
 
     text-decoration: underline;
 
}
 
}
 +
@media screen and (max-width: 1040px){
  
 +
#logo img {
 +
    width: 0px;
 +
    margin: 15px;
 +
}
  
−
 
+
}
−
 
+
−
 
+
  
  

Latest revision as of 11:34, 2 November 2018