Difference between revisions of "Template:ECUST/CSS"

Line 100: Line 100:
 
      
 
      
 
     width:100%;
 
     width:100%;
     background-size: 100% 200px;
+
     background-size: contain;
 
     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:38, 16 October 2018