(19 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
p{font-family: 'Product Sans', Arial, sans-serif;} | p{font-family: 'Product Sans', Arial, sans-serif;} | ||
− | + | .imageimage00{width:100%; height:500px; margin-top:50px; overflow:hidden; background-color:#FFFFFF;} | |
− | .imageimage1{background-image:url(' | + | .imageimage0{width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden; background-color:#FFFFFF;} |
+ | .imageimage1{background-image:url('https://static.igem.org/mediawiki/2016/8/86/T--NYMU-Taipei--photo-plasmid-new.jpg'); width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden;} | ||
.wordword1{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:130px;} | .wordword1{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:130px;} | ||
.wordword1 p{font-size:240px; color:#FFFFFF; /*white-space:pre-wrap;*/ /*word-wrap:break-word;*/ word-spacing:-0.5px;} | .wordword1 p{font-size:240px; color:#FFFFFF; /*white-space:pre-wrap;*/ /*word-wrap:break-word;*/ word-spacing:-0.5px;} | ||
.wordword1 h1{font-size:36px; color:#FFFFFF;} | .wordword1 h1{font-size:36px; color:#FFFFFF;} | ||
+ | .wordword1 h2{font-size:24px; color:#FFFFFF;} | ||
+ | .wordword0{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:130px;} | ||
+ | .wordword0 p{font-size:240px; color:#FFFFFF; /*white-space:pre-wrap;*/ /*word-wrap:break-word;*/ word-spacing:-0.5px;} | ||
+ | .wordword0 h2{font-size:24px; color:#FFFFFF;} | ||
#wrap{width:80%; position:relative; margin:auto;} | #wrap{width:80%; position:relative; margin:auto;} | ||
− | .imageimage{width: | + | .imageimage{width:100%; justify-content:space-between; display:flex; position:relative; margin:auto;} |
.subimage{position:relative; width:28%;} | .subimage{position:relative; width:28%;} | ||
.title{width:100% height:200px;} | .title{width:100% height:200px;} | ||
Line 19: | Line 24: | ||
.prototypeprototypesp{width:100%;} | .prototypeprototypesp{width:100%;} | ||
.prototypeprototype{display:none;} | .prototypeprototype{display:none;} | ||
+ | .SilverSilversp{width:100%;} | ||
+ | .SilverSilver{display:none;} | ||
} | } | ||
Line 27: | Line 34: | ||
p {font-family: 'Product Sans', Arial, sans-serif;} | p {font-family: 'Product Sans', Arial, sans-serif;} | ||
− | + | .imageimage00{width:100%; height:300px; margin-top:38px; overflow:hidden; background-color:#FFFFFF;} | |
− | .imageimage1{background-image:url(' | + | .imageimage0{width:100%; height:300px; border-radius:50px; margin-top:50px; overflow:hidden; background-color:#FFFFFF;} |
+ | .imageimage1{background-image:url('https://static.igem.org/mediawiki/2016/8/86/T--NYMU-Taipei--photo-plasmid-new.jpg'); width:100%; height:300px; border-radius:50px; margin-top:50px; overflow:hidden;} | ||
.wordword1{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden;} | .wordword1{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden;} | ||
− | .wordword1 p{text-indent: 100px; font-size: | + | .wordword1 p{text-indent: 100px; font-size:24px; color:#FFFFFF;} |
.wordword1 h1{text-indent: 100px; font-size:72px; color:#FFFFFF;} | .wordword1 h1{text-indent: 100px; font-size:72px; color:#FFFFFF;} | ||
+ | .wordword0{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden;} | ||
+ | .wordword0 p{text-indent: 100px; font-size:240px; color:#FFFFFF;} | ||
+ | .wordword0 h2{text-indent: 100px; font-size:36px; color:#FFFFFF;} | ||
#wrap{width:70%; position:relative; margin:auto; font-size:24px;} | #wrap{width:70%; position:relative; margin:auto; font-size:24px;} | ||
− | .imageimage{width: | + | .imageimage{width:100%; justify-content:space-between; display:flex; position:relative; margin:auto;} |
.subimage{position:relative; width:28%;} | .subimage{position:relative; width:28%;} | ||
.title{width:100% height:200px;} | .title{width:100% height:200px;} | ||
Line 44: | Line 55: | ||
.prototypeprototype{width:100%;} | .prototypeprototype{width:100%;} | ||
.prototypeprototypesp{display:none;} | .prototypeprototypesp{display:none;} | ||
+ | .SilverSilver{width:100%;} | ||
+ | .SilverSilversp{display:none;} | ||
} | } |
Latest revision as of 02:24, 20 October 2016
@media screen and (min-width: 300px) and (max-width: 1000px){
p{font-family: 'Product Sans', Arial, sans-serif;} .imageimage00{width:100%; height:500px; margin-top:50px; overflow:hidden; background-color:#FFFFFF;} .imageimage0{width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden; background-color:#FFFFFF;} .imageimage1{background-image:url('https://static.igem.org/mediawiki/2016/8/86/T--NYMU-Taipei--photo-plasmid-new.jpg'); width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden;} .wordword1{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:130px;} .wordword1 p{font-size:240px; color:#FFFFFF; /*white-space:pre-wrap;*/ /*word-wrap:break-word;*/ word-spacing:-0.5px;} .wordword1 h1{font-size:36px; color:#FFFFFF;} .wordword1 h2{font-size:24px; color:#FFFFFF;} .wordword0{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:130px;} .wordword0 p{font-size:240px; color:#FFFFFF; /*white-space:pre-wrap;*/ /*word-wrap:break-word;*/ word-spacing:-0.5px;} .wordword0 h2{font-size:24px; color:#FFFFFF;}
- wrap{width:80%; position:relative; margin:auto;}
.imageimage{width:100%; justify-content:space-between; display:flex; position:relative; margin:auto;} .subimage{position:relative; width:28%;} .title{width:100% height:200px;} .fund{width:100%; font-size:18px; font-family: 'Product Sans', Arial, sans-serif;} .satisfy{display:none;} .satisfysp{width:100%; font-size:18px; font-family: 'Product Sans', Arial, sans-serif; margin-bottom:0px;} .satisfysp h1{height:25px;}
.prototypeprototypesp{width:100%;} .prototypeprototype{display:none;} .SilverSilversp{width:100%;} .SilverSilver{display:none;}
}
/**************************************************************************************************************************/
@media screen and (min-width: 1000px){
p {font-family: 'Product Sans', Arial, sans-serif;} .imageimage00{width:100%; height:300px; margin-top:38px; overflow:hidden; background-color:#FFFFFF;} .imageimage0{width:100%; height:300px; border-radius:50px; margin-top:50px; overflow:hidden; background-color:#FFFFFF;} .imageimage1{background-image:url('https://static.igem.org/mediawiki/2016/8/86/T--NYMU-Taipei--photo-plasmid-new.jpg'); width:100%; height:300px; border-radius:50px; margin-top:50px; overflow:hidden;} .wordword1{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden;} .wordword1 p{text-indent: 100px; font-size:24px; color:#FFFFFF;} .wordword1 h1{text-indent: 100px; font-size:72px; color:#FFFFFF;} .wordword0{z-index:50; width:100%; height:300px; border-radius:50px; margin-top:120px; overflow:hidden;} .wordword0 p{text-indent: 100px; font-size:240px; color:#FFFFFF;} .wordword0 h2{text-indent: 100px; font-size:36px; color:#FFFFFF;}
- wrap{width:70%; position:relative; margin:auto; font-size:24px;}
.imageimage{width:100%; justify-content:space-between; display:flex; position:relative; margin:auto;} .subimage{position:relative; width:28%;} .title{width:100% height:200px;} .fund{width:100%; font-size:18px; font-family: 'Product Sans', Arial, sans-serif;} .satisfy{width:100%; font-size:18px; font-family: 'Product Sans', Arial, sans-serif; margin-bottom:-25px;} .satisfy h1{height:60px;} .satisfysp{display:none;}
.prototypeprototype{width:100%;} .prototypeprototypesp{display:none;} .SilverSilver{width:100%;} .SilverSilversp{display:none;}
}