Difference between revisions of "Template:CPU CHINA/common CSS"

Line 44: Line 44:
 
     position:fixed;
 
     position:fixed;
 
     top: 10%;
 
     top: 10%;
    left: 18%;
 
 
     font-family: "MONTSERRAT-BLACKITALIC2";
 
     font-family: "MONTSERRAT-BLACKITALIC2";
 
     line-height: normal;
 
     line-height: normal;
Line 51: Line 50:
 
     color: #FAFAFA;
 
     color: #FAFAFA;
 
     z-index: -1;
 
     z-index: -1;
}
 
 
@media screen and (max-width:1030px) {
 
    #title{
 
        top:10%;
 
        font-size: 1000%;
 
    }
 
   
 
}
 
@media screen and (max-width:930px){
 
    #title{
 
        top:9%;
 
        font-size: 900%;
 
    }
 
   
 
}
 
@media screen and (max-width:830px) {
 
    #title{
 
        top:8%;
 
        font-size: 800%;
 
    }
 
   
 
}
 
@media screen and (max-width:730px) {
 
    #title{
 
        top:5%;
 
        font-size: 700%;
 
    }
 
}
 
@media screen and (max-width:630px) {
 
    #title{
 
        top:4%;
 
        font-size: 600%;
 
    }
 
   
 
}
 
@media screen and (max-width:530px) {
 
    #title{
 
        top:3%;
 
        font-size: 500%;
 
    }
 
   
 
}
 
@media screen and (max-width:450px) {
 
    #title{
 
        font-size: 400%;
 
    }
 
   
 
}
 
@media screen and (max-width:400px){
 
    #title{
 
        font-size: 350%;
 
    }
 
}
 
 
@media screen and (max-width:350px){
 
    #title{
 
        font-size: 300%;
 
    }
 
 
}
 
}

Revision as of 15:33, 17 August 2021

@font-face{

   font-family: MONTSERRAT-BLACK1;
   src: url("https://static.igem.org/mediawiki/2021/0/04/T--CPU_CHINA--MONTSERRAT-BLACK1.woff")format('woff');

}

@font-face{

   font-family: MONTSERRAT-BLACKITALIC2;
   src: url("https://static.igem.org/mediawiki/2021/d/d4/T--CPU_CHINA--MONTSERRAT-BLACKITALIC2.woff")format('woff');

}

@font-face{

   font-family: CABIN-REGULAR;
   src: url("https://static.igem.org/mediawiki/2021/b/b3/T--CPU_CHINA--CABIN-REGULAR.woff")format('woff');

}

@font-face{

   font-family: CABIN-ITALIC;
   src: url("https://static.igem.org/mediawiki/2021/7/75/T--CPU_CHINA--CABIN-ITALIC.woff")format('woff');

}


body{

   width: 100%;
   font-family:"CABIN-REGULAR","Arial","Microsoft YaHei","黑体","宋体",sans-serif;
   background-color: rgb(250,250,250);

}

  1. contain{
   margin-top:-12px;
   padding:0 3% 10%; 
   width: 100%;
   background-color: rgb(250,250,250);
   z-index: 1;
   box-sizing: border-box;

}

.background{

       position: fixed;
       width: 100%;
       top: 0;
       z-index: -1;
   }
  1. title{
   position:fixed;
   top: 10%;
   font-family: "MONTSERRAT-BLACKITALIC2";
   line-height: normal;
   font-weight: bold;
   font-size: 1100%;
   color: #FAFAFA;
   z-index: -1;

}