Difference between revisions of "Team:NYMU-Taipei/StyleSheets/sheet"

Line 17: Line 17:
 
.satisfysp h1{height:25px;}
 
.satisfysp h1{height:25px;}
  
−
 
+
.prototypeprototypesp{width:100%;}
−
 
+
.prototypeprototype{display:none;}
−
 
+
−
/*achievement subwebsite*/
+
−
/*.achievementsp{width:100%; font-size:18px; font-family: 'Product Sans', Arial, sans-serif;}.achievement{display:none;}*/
+
−
 
+
−
.prototypeprototype{width:100%;}
+
−
.prototypeprototypesp{display:none;}
+
  
 
}
 
}
Line 48: Line 42:
 
.satisfysp{display:none;}
 
.satisfysp{display:none;}
  
−
 
−
 
−
/*achievement subwebsite*/
 
−
/*.achievement{width:100%; font-size:18px; font-family: 'Product Sans', Arial, sans-serif;}.achievementsp{display:none;}*/
 
−
 
−
/*prototype subwebsite*/
 
 
.prototypeprototype{width:100%;}
 
.prototypeprototype{width:100%;}
 
.prototypeprototypesp{display:none;}
 
.prototypeprototypesp{display:none;}
  
 
}
 
}

Revision as of 13:04, 16 October 2016

@media screen and (min-width: 300px) and (max-width: 1000px){

p{font-family: 'Product Sans', Arial, sans-serif;}

.imageimage1{background-image:url('http://s6.gigacircle.com/media/s6_53fd32d924bc7.gif'); width:100%; height:300px; border-radius:50px; margin-top:100px; 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;}

  1. wrap{width:80%; position:relative; margin:auto;}

.imageimage{width:80%; 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;}

}

/**************************************************************************************************************************/

@media screen and (min-width: 1000px){

p {font-family: 'Product Sans', Arial, sans-serif;}

.imageimage1{background-image:url('http://img02.tooopen.com/images/20141231/sy_78327074576.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:240px; color:#FFFFFF;} .wordword1 h1{text-indent: 100px; font-size:72px; color:#FFFFFF;}

  1. wrap{width:70%; position:relative; margin:auto; font-size:24px;}

.imageimage{width:80%; 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;}

}