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

Revision as of 12:33, 17 August 2021 (view source) Lanchai (Talk | contribs) ← Older edit		Revision as of 12:38, 17 August 2021 (view source) Lanchai (Talk | contribs) Newer edit →
Line 48:		Line 48:
	line-height: normal;		line-height: normal;
	font-weight: bold;		font-weight: bold;
−	font-size: 800%;	+	font-size: 1100%;
	color: #FAFAFA;		color: #FAFAFA;
	z-index: -1;		z-index: -1;
Line 56:		Line 56:
	#title{		#title{
	top:10%;		top:10%;
−	font-size: 700%;	+	font-size: 1000%;
	}		}
Line 63:		Line 63:
	#title{		#title{
	top:10%;		top:10%;
−	font-size: 600%;	+	font-size: 900%;
	}		}
Line 70:		Line 70:
	#title{		#title{
	top:10%;		top:10%;
−	font-size: 500%;	+	font-size: 800%;
	}		}
Line 77:		Line 77:
	#title{		#title{
	top:10%;		top:10%;
−	font-size: 450%;	+	font-size: 750%;
	}		}
	}		}
Line 83:		Line 83:
	#title{		#title{
	top:5%;		top:5%;
−	font-size: 400%;	+	font-size: 700%;
	}		}
Line 90:		Line 90:
	#title{		#title{
	top:4%;		top:4%;
−	font-size: 350%;	+	font-size: 650%;
	}		}
Line 96:		Line 96:
	@media screen and (max-width:450px) {		@media screen and (max-width:450px) {
	#title{		#title{
−	font-size: 300%;	+	font-size: 600%;
	}		}
Line 102:		Line 102:
	@media screen and (max-width:400px){		@media screen and (max-width:400px){
	#title{		#title{
−	font-size: 250%;	+	font-size: 550%;
	}		}
	}		}
Line 108:		Line 108:
	@media screen and (max-width:350px){		@media screen and (max-width:350px){
	#title{		#title{
−	font-size: 200%;	+	font-size: 500%;
	}		}
	}		}

---

Revision as of 12:38, 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: 15%;
   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:10%;
       font-size: 900%;
   }
   

} @media screen and (max-width:830px) {

   #title{
       top:10%;
       font-size: 800%;
   }
   

} @media screen and (max-width:730px) {

   #title{
       top:10%;
       font-size: 750%;
   }

} @media screen and (max-width:630px) {

   #title{
       top:5%;
       font-size: 700%;
   }
   

} @media screen and (max-width:530px) {

   #title{
       top:4%;
       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%;
   }

}