Line 21: | Line 21: | ||
body{ | body{ | ||
− | width: | + | width: 100%; |
font-family:"CABIN-REGULAR","Arial","Microsoft YaHei","黑体","宋体",sans-serif; | font-family:"CABIN-REGULAR","Arial","Microsoft YaHei","黑体","宋体",sans-serif; | ||
} | } | ||
Line 31: | Line 31: | ||
z-index: 1; | z-index: 1; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .background{ | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0; | ||
+ | z-index: -1; | ||
} | } | ||
Revision as of 11:05, 16 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;
} .contain{
margin-top:-8px; 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;
}
h1{
position:fixed; top: 15%; left: 18%; font-weight: bold; font-size: 800%; color: #FAFAFA; z-index: -1;
}
@media screen and (max-width:1030px) {
h1{ top:10%; font-size: 700%; }
} @media screen and (max-width:930px){
h1{ top:10%; font-size: 600%; }
} @media screen and (max-width:830px) {
h1{ top:10%; font-size: 500%; }
} @media screen and (max-width:730px) {
h1{ top:10%; font-size: 450%; }
} @media screen and (max-width:630px) {
h1{ top:5%; font-size: 400%; }
} @media screen and (max-width:530px) {
h1{ top:4%; font-size: 350%; }
} @media screen and (max-width:450px) {
h1{ font-size: 300%; }
} @media screen and (max-width:400px){
h1{ font-size: 250%; }
}
@media screen and (max-width:350px){
h1{ font-size: 200%; }
}