Line 43: | Line 43: | ||
#title{ | #title{ | ||
position:fixed; | position:fixed; | ||
− | top: | + | top: 12%; |
left: 18%; | left: 18%; | ||
font-family: "MONTSERRAT-BLACKITALIC2"; | font-family: "MONTSERRAT-BLACKITALIC2"; | ||
Line 62: | Line 62: | ||
@media screen and (max-width:930px){ | @media screen and (max-width:930px){ | ||
#title{ | #title{ | ||
− | top: | + | top:9%; |
font-size: 900%; | font-size: 900%; | ||
} | } | ||
Line 69: | Line 69: | ||
@media screen and (max-width:830px) { | @media screen and (max-width:830px) { | ||
#title{ | #title{ | ||
− | top: | + | top:8%; |
font-size: 800%; | font-size: 800%; | ||
} | } | ||
Line 76: | Line 76: | ||
@media screen and (max-width:730px) { | @media screen and (max-width:730px) { | ||
#title{ | #title{ | ||
− | top: | + | top:7%; |
font-size: 750%; | font-size: 750%; | ||
} | } | ||
Line 82: | Line 82: | ||
@media screen and (max-width:630px) { | @media screen and (max-width:630px) { | ||
#title{ | #title{ | ||
− | top: | + | top:4%; |
font-size: 700%; | font-size: 700%; | ||
} | } | ||
Line 89: | Line 89: | ||
@media screen and (max-width:530px) { | @media screen and (max-width:530px) { | ||
#title{ | #title{ | ||
− | top: | + | top:3%; |
font-size: 650%; | font-size: 650%; | ||
} | } |
Revision as of 12:40, 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);
}
- 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; }
- title{
position:fixed; top: 12%; left: 18%; font-family: "MONTSERRAT-BLACKITALIC2"; line-height: normal; font-weight: bold; font-size: 1100%; color: #FAFAFA; 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:7%; font-size: 750%; }
} @media screen and (max-width:630px) {
#title{ top:4%; font-size: 700%; }
} @media screen and (max-width:530px) {
#title{ top:3%; font-size: 650%; }
} @media screen and (max-width:450px) {
#title{ font-size: 600%; }
} @media screen and (max-width:400px){
#title{ font-size: 550%; }
}
@media screen and (max-width:350px){
#title{ font-size: 500%; }
}