Difference between revisions of "Team:SYSU-Software/Features/CSS"
(Created page with " #contentContainer { margin: 0 auto; width: 70%; font-family: arial,"Lucida Sans Unicode","Lucida Grande",sans-serif; padding-top: 50px; margin-bottom: 50px;...") |
|||
Line 62: | Line 62: | ||
#contentContainer #Crowdsourcing { | #contentContainer #Crowdsourcing { | ||
− | padding-top: | + | padding-top: 5%; |
− | padding-bottom: | + | padding-bottom: 5%; |
+ | padding-left: 5%; | ||
+ | padding-right: 5%; | ||
} | } | ||
Line 72: | Line 74: | ||
#contentContainer #Inspirations { | #contentContainer #Inspirations { | ||
− | padding-top: | + | padding-top: 5%; |
− | padding-bottom: | + | padding-bottom: 5%; |
+ | padding-left: 5%; | ||
+ | padding-right: 5%; | ||
background-color: #f5f5f5; | background-color: #f5f5f5; | ||
+ | |||
} | } | ||
Line 113: | Line 118: | ||
#contentContainer #Easier { | #contentContainer #Easier { | ||
− | padding-top: | + | padding-top: 5%; |
− | padding-bottom: | + | padding-bottom: 5%; |
+ | padding-left: 5%; | ||
+ | padding-right: 5%; | ||
} | } | ||
Line 138: | Line 145: | ||
#contentContainer #Safer { | #contentContainer #Safer { | ||
− | padding-top: | + | padding-top: 5%; |
− | padding-bottom: | + | padding-bottom: 5%; |
+ | padding-left: 5%; | ||
+ | padding-right: 5%; | ||
overflow: hidden; | overflow: hidden; | ||
background-color: #f5f5f5; | background-color: #f5f5f5; |
Revision as of 07:15, 17 September 2015
#contentContainer { margin: 0 auto; width: 70%; font-family: arial,"Lucida Sans Unicode","Lucida Grande",sans-serif; padding-top: 50px; margin-bottom: 50px; margin-top: 100px; /* height:4850px; */ }
- contentContainer .wenzi {
font-size: 17px; line-height: 170%; }
#contentContainer h1, #contentContainer h2, #contentContainer h3 { padding: 0px; margin: 0px; border: 0px; font-weight:bold; }
- contentContainer h1 {
text-align: center; margin-bottom: 100px; font-size: 28.8px; }
- contentContainer h2 {
font-size: 24px; }
- contentContainer h3 {
font-size: 19.2px; }
- contentContainer h2, #contentContainer h3 {
margin-bottom: 20px;
}
- contentContainer .zhongtu {
margin-bottom: 37px; margin-left: 40%; }
- contentContainer .biao {
font-size: 40px; color: #212121; margin-bottom: 20px; }
- contentContainer .wenzi {
font-size: 17px; line-height: 170%;
}
- contentContainer .juzhong {
text-align: center; }
- contentContainer #Crowdsourcing {
padding-top: 5%; padding-bottom: 5%; padding-left: 5%; padding-right: 5%; }
- contentContainer #Crowdsourcing_block {
text-align: center; }
- contentContainer #Inspirations {
padding-top: 5%; padding-bottom: 5%; padding-left: 5%; padding-right: 5%; background-color: #f5f5f5;
}
- contentContainer #Inspirations_block {
overflow: hidden; }
- contentContainer #Inspirations_block #Inspirations_block_zuo {
width: 48%; float: left; }
- contentContainer #Inspirations_block #Inspirations_block_you {
width: 48%; float: right; }
- contentContainer #Inspirations_block #Inspirations_block_you img {
width: 100%; }
- contentContainer #Inspirations_block .tuwen {
overflow: hidden; }
- contentContainer #Inspirations_block .tuwen .twtu{
width: 10%; float: left; }
- contentContainer #Inspirations_block .tuwen .twwen{
width: 90%; float: left; line-height: 170%; }
- contentContainer #Easier {
padding-top: 5%; padding-bottom: 5%; padding-left: 5%; padding-right: 5%; }
- contentContainer #Easier #Easier_block {
overflow: hidden; }
- contentContainer #Easier #Easier_block #pic_zuo {
width: 38%; float:left; }
- contentContainer #Easier #Easier_block #pic_you {
width: 58%; float:right; }
- contentContainer #Easier #Easier_block_wenzi {
margin-bottom: 20px; }
- contentContainer #Safer {
padding-top: 5%; padding-bottom: 5%; padding-left: 5%; padding-right: 5%; overflow: hidden; background-color: #f5f5f5; }
- contentContainer #Safer_zuo {
width: 48%; float:left;
}
- contentContainer #Safer_you {
width: 48%; float: right; }
- contentContainer #Safer_you img {
width: 100%; margin-bottom: 20px; }
- contentContainer #Open {
padding-top: 80px; padding-bottom: 80px; }
- contentContainer #Open img {
width: 70%; margin-top: 20px; margin-left: 15%; }