Difference between revisions of "Template:XJTU-China/style"

 
(17 intermediate revisions by the same user not shown)
Line 327: Line 327:
  
 
.fixedBackground:before {
 
.fixedBackground:before {
−
     background: rgba(0, 0, 0, 0.1);
+
     background: rgba(0, 0, 0, 0.15);
 
     position: absolute;
 
     position: absolute;
 
     width: 100%;
 
     width: 100%;
Line 338: Line 338:
 
.fixedBackground {
 
.fixedBackground {
 
     height: 70vh;
 
     height: 70vh;
 +
    background-color: white;
 
}
 
}
  
Line 359: Line 360:
 
     width: 100vw;
 
     width: 100vw;
 
     height: 70vh;
 
     height: 70vh;
−
      
+
     z-index: 2;
 
}
 
}
  
Line 382: Line 383:
 
     text-align: justify;
 
     text-align: justify;
 
     background-color: #21242d;
 
     background-color: #21242d;
 +
}
 +
 +
.container.mainBox.bg-white {
 +
    background-color: white !important;
 
}
 
}
  
 
.wallpaper-bg{
 
.wallpaper-bg{
 
     background-image: url(https://static.igem.org/mediawiki/2021/1/17/T--XJTU-China--wallpaper.jpg);
 
     background-image: url(https://static.igem.org/mediawiki/2021/1/17/T--XJTU-China--wallpaper.jpg);
−
     background-size: 30%;
+
     background-size: 90%;
 
}
 
}
  
Line 393: Line 398:
 
     padding: 1em 0;
 
     padding: 1em 0;
 
     background-color: #2e323e !important;
 
     background-color: #2e323e !important;
 +
    z-index: 202;
 +
}
 +
.page-light{
 +
    border-radius: 20px;
 +
    padding: 1em 0;
 +
    background-color: rgba(250,250,250,0.9) !important;
 
     z-index: 2;
 
     z-index: 2;
 
}
 
}
Line 425: Line 436:
 
}
 
}
  
−
.xjtuText h1,.xjtuText h2,.xjtuText h3{
+
.xjtuText h1,.xjtuText h2,.xjtuText h3, .xjtuText h4{
 
     font-family: 'britanic',sans-serif !important;
 
     font-family: 'britanic',sans-serif !important;
 
}
 
}
Line 443: Line 454:
 
}
 
}
 
.xjtuText h3{
 
.xjtuText h3{
−
     text-transform: capitalize;
+
     color: #acde92;
 
     font-weight: 400;
 
     font-weight: 400;
 +
}
 +
.xjtuText h4,
 +
.xjtuText h5{
 +
    color: white;
 
}
 
}
  
Line 459: Line 474:
 
}
 
}
  
 +
.xjtuText p a {
 +
    color: #7298ff;
 +
    text-decoration-line: underline;
 +
    text-transform: capitalize;
 +
}
 +
 +
.xjtuText p.nav{
 +
    font-size: 1.2em!important;
 +
    font-weight: bold;
 +
}
 +
 +
.xjtuText h3 a {
 +
    color: inherit;
 +
    text-decoration: inherit;
 +
}
 +
 +
.xjtuText a.nav{
 +
    text-decoration: none;
 +
    font-size: 1.2em;
 +
}
  
 
.xjtuText .imgWrapper {
 
.xjtuText .imgWrapper {
Line 504: Line 539:
 
     z-index: -1;
 
     z-index: -1;
 
     transition: transform .3s ease;
 
     transition: transform .3s ease;
 +
}
 +
 +
.xjtuText .underline {
 +
    text-decoration: underline !important;
 +
}
 +
 +
.xjtuText .sup {
 +
    vertical-align: super;
 +
    font-size: 0.8em;
 +
}
 +
 +
.xjtuText .sub {
 +
    vertical-align: sub;
 +
    font-size: 0.8em;
 +
}
 +
 +
.xjtuText ul {
 +
    font-family: 'eras', sans-serif !important;
 +
    color: white;
 +
    font-size: 18px;
 +
}
 +
 +
img.hoverLarger {
 +
    cursor: zoom-in;
 +
    transition: 1s;
 +
}
 +
 +
img.hoverLarger:hover{
 +
    transition: 1s;
 +
    transform: scale(1.3);
 
}
 
}
  
Line 511: Line 576:
 
     padding: 1em;
 
     padding: 1em;
 
     border-radius: 15px;
 
     border-radius: 15px;
 +
}
 +
 +
.highlightBox-light {
 +
    width: 95%;
 +
    background-color: rgba(250,250,250,0.8);
 +
    padding: 1em;
 +
    border-radius: 15px;
 +
}
 +
 +
.card.card-dark {
 +
    background-color: #3a3f4f;
 
}
 
}
  
 
@media (max-width:768px) {
 
@media (max-width:768px) {
−
     .page{
+
     .page,.page-light{
 
         padding: 20px 30px;
 
         padding: 20px 30px;
 
     }
 
     }
Line 583: Line 659:
  
 
footer .sponsor{
 
footer .sponsor{
−
     height: 240px;
+
     height: 250px;
 +
}
 +
 
 +
footer .sponsor a>img{
 +
    opacity: 0.75;
 +
}
 +
 
 +
footer .sponsor a>img:hover{
 +
    opacity: 1;
 
}
 
}
  

Latest revision as of 08:59, 21 October 2021