Difference between revisions of "Team:SYSU-Software/Features/CSS"

Revision as of 07:22, 17 September 2015 (view source) Liangjj37 (Talk | contribs) ← Older edit		Revision as of 07:50, 17 September 2015 (view source) Liangjj37 (Talk | contribs) Newer edit →
Line 10:		Line 10:
	font-size: 17px;		font-size: 17px;
	line-height: 170%;		line-height: 170%;
		+	color: #5f5f5f;
	}		}

---

Revision as of 07:50, 17 September 2015

#contentContainer {
  margin: 0 auto;
  width: 100%;
  font-family: arial,"Lucida Sans Unicode","Lucida Grande",sans-serif;
  padding-top: 50px;
  margin-bottom: 50px; 
 /* height:4850px; */
}

1. contentContainer .wenzi {

font-size: 17px; line-height: 170%; color: #5f5f5f; }

#contentContainer h1, #contentContainer h2, #contentContainer h3 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-weight:bold;
}

1. contentContainer h1 {

text-align: center; margin-bottom: 100px; font-size: 28.8px; }

1. contentContainer h2 {

font-size: 24px; }

1. contentContainer h3 {

font-size: 19.2px; }

1. contentContainer h2, #contentContainer h3 {

	margin-bottom: 20px;

}

1. contentContainer .zhongtu {

margin-bottom: 37px; margin-left: 40%; }

1. contentContainer .biao {

font-size: 40px; color: #212121; margin-bottom: 20px; }

1. contentContainer .wenzi {

   font-size: 17px;
   line-height: 170%;

}

1. contentContainer .juzhong {

text-align: center; }

1. contentContainer #Crowdsourcing {

padding-top: 5%; padding-bottom: 5%; padding-left: 5%; padding-right: 5%; }

1. contentContainer #Crowdsourcing_block {

text-align: center; }

1. contentContainer #Inspirations {

padding-top: 5%; padding-bottom: 5%; padding-left: 5%; padding-right: 5%; background-color: #f5f5f5;

}

1. contentContainer #Inspirations_block {

overflow: hidden; }

1. contentContainer #Inspirations_block #Inspirations_block_zuo {

width: 48%; float: left; }

1. contentContainer #Inspirations_block #Inspirations_block_you {

width: 48%; float: right; }

1. contentContainer #Inspirations_block #Inspirations_block_you img {

width: 100%; }

1. contentContainer #Inspirations_block .tuwen {

overflow: hidden; }

1. contentContainer #Inspirations_block .tuwen .twtu{

width: 10%; float: left; }

1. contentContainer #Inspirations_block .tuwen .twwen{

width: 90%; float: left; line-height: 170%; }

1. contentContainer #Easier {

padding-top: 5%; padding-bottom: 5%; padding-left: 5%; padding-right: 5%; }

1. contentContainer #Easier #Easier_block {

overflow: hidden; }

1. contentContainer #Easier #Easier_block #pic_zuo {

width: 38%; float:left; }

1. contentContainer #Easier #Easier_block #pic_you {

width: 58%; float:right; }

1. contentContainer #Easier #Easier_block_wenzi {

margin-bottom: 20px; }

1. contentContainer #Safer {

padding-top: 5%; padding-bottom: 5%; padding-left: 5%; padding-right: 5%; overflow: hidden; background-color: #f5f5f5; }

1. contentContainer #Safer_zuo {

  width: 48%;
  float:left;

}

1. contentContainer #Safer_you {

width: 48%; float: right; }

1. contentContainer #Safer_you img {

width: 100%; margin-bottom: 20px; }

1. contentContainer #Open {

padding-top: 80px; padding-bottom: 80px; }

1. contentContainer #Open img {

width: 70%; margin-top: 20px; margin-left: 15%; }