Difference between revisions of "Template:ECUST/CSS"

(Undo revision 354010 by Kevinwang (talk))
Line 100: Line 100:
 
      
 
      
 
     width:100%;
 
     width:100%;
−
     background-size: contain;
+
     background-size: 100% 200px;
 
     text-align: center;
 
     text-align: center;
 
      
 
      
Line 1,340: Line 1,340:
 
         min-width: 1000px;
 
         min-width: 1000px;
 
   }
 
   }
 +
          #wrapper {
 +
              padding-bottom: 0px;
 +
          }
 +
 +
           
 +
          #textblock1 > p, #textblock2 > p, #textblock3 > p,#textblock4 > p, #textblock5 > p,#textblock6 > p,#textblock7 > p,#textblock8 > p,#textblock9 > p {
 +
    color: white !important;
 +
   
 +
 
 +
    font-size: 24px !important;
 +
    font-weight: 300 !important;
 +
}
 +
         
 +
    #textblock1 > a, #textblock2 > a,#textblock3 > a, #textblock4 > a,#textblock5 > a,#textblock6 > a,#textblock7 > a,#textblock8 > a,#textblock9 > a      {
 +
    line-height: 50px !important;
 +
    font-size: 50px !Important;
 +
}
 +
}
 +
@media screen and (max-width: 960px) {
 +
    .t-container {
 +
      width: 1000px ! important;
 +
      max-width: 1200px !important;
 +
      min-width: 980px !important;
 +
    }
 +
.footerbar {
 +
    font: var(--bodyfont);
 +
    margin-top: 0px;
 +
    padding: 0px;
 +
    width: 1000px;
 +
    min-height: 150px;
 +
    background: var(--logo-dark-blue);
 +
    box-shadow: 0 6px 12px rgba(0,0,0,0.5),0 12px 32px rgba(0,0,0,0.1);
 +
    bottom: 0;
 +
    left: 0;
 +
    right: 0;
 +
    z-index: 1;
 +
    color: white;
 +
    display: flex;
 +
    justify-content: space-around;
 +
    align-items: center;
 +
    flex-wrap: wrap;
 +
}
 +
  }
 +
 +
@media screen and (max-device-width: 1024px) {
 +
    .t-cover {
 +
       
 +
    }
 +
}
 +
.textblock > p {font-family: 'Josefin Sans' !important; font-size: 20px !important; color: #444 !important;font-weight: 300 !important;}
 +
 +
     
 +
#textblock1 > p, #textblock3 > p, #textblock5 > p,#textblock2 > p, #textblock4 > p, #textblock6 > p, #textblock7 > p, #textblock8 > p {
 +
    color: white !important;
 +
    text-align: center;
 +
    font-size: 26px !important;
 +
    font-weight: 300 !important;
 +
}
 +
 +
#textblock1 > a {
 +
    color: #F8991D;
 +
    font-size: 60px !important;
 +
    line-height: 60px !important;
 +
}
 +
#textblock1 > a:hover, #textblock2 > a:hover, #textblock3 > a:hover, #textblock4 > a:hover, #textblock5 > a:hover, #textblock6 > a:hover, #textblock7 > a:hover, #textblock9 > a:hover  {
 +
    text-decoration: underline;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
</style>
 +
</html>

Revision as of 11:43, 16 October 2018