Difference between revisions of "Team:SYSU-Software/Description/CSS"
| Line 149: | Line 149: | ||
} | } | ||
#contentContainer #one_block1 img { | #contentContainer #one_block1 img { | ||
| − | width: | + | width: 28%; |
| − | height: | + | height: 80%; |
| + | margin-bottom: 20px; | ||
} | } | ||
| Line 163: | Line 164: | ||
#contentContainer #one_block1 #im2 { | #contentContainer #one_block1 #im2 { | ||
float: left; | float: left; | ||
| − | margin-left: | + | margin-left: 8%; |
} | } | ||
Revision as of 18:33, 18 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; */
}
- contentContainer .wenzi {
font-size: 17px; line-height: 150%; }
#contentContainer h1, #contentContainer h2, #contentContainer h3 {
padding: 0px;
margin: 0px;
border: 0px;
font-weight:bold;
}
- contentContainer h1 {
text-align: center; margin-bottom: 80px; font-size: 40px; }
- contentContainer h2 {
font-size: 24px; }
- contentContainer h3 {
font-size: 19.2px; }
- contentContainer h2, #contentContainer h3 {
margin-bottom: 20px;
}
#contentContainer .juzhong {
text-align: center;
}
- contentContainer #one h2{
font-size: 25px; color: #ecd683; }
- contentContainer #one {
padding: 5%; }
- contentContainer #one_block img {
width: 40%; float: left; }
- contentContainer #one_block #one_block_you {
width: 50%; float: right; padding-top: 8%; text-align: right; }
- contentContainer #four h2{
font-size: 25px; color: #72d3e3; }
- contentContainer #four{
padding: 5%; background-color: #f5f5f5; }
- contentContainer #four img {
margin-left: 45%; margin-bottom: 20px; }
- contentContainer #four #four_block1, #contentContainer #four #four_block2 {
overflow: hidden; }
- contentContainer #four #four_block1 {
margin-bottom: 20px; }
- contentContainer #four_block1 #four_block11 {
width: 30%; float: left; }
- contentContainer #four_block1 #four_block12 {
width: 30%; float: left; margin-left: 5%; }
- contentContainer #four_block1 #four_block13 {
width: 30%; float: right; }
- contentContainer #four_block21 {
width: 30%; float: left; margin-left: 10%; }
- contentContainer #four_block22 {
width: 30%; float: right; margin-right: 10%; }
- contentContainer #five h2 {
font-size: 25px; color: #ec5a5b; }
- contentContainer #five {
padding: 5%; }
- contentContainer #five_block {
overflow: hidden; }
- contentContainer #five_block img {
width: 40%; float: left; }
- contentContainer #five_block_you {
width: 50%; float: right; }
- contentContainer #one_block1 {
overflow: hidden; }
- contentContainer #one_block1 img {
width: 28%; height: 80%; margin-bottom: 20px; }
- contentContainer #one_block1 #im1 {
float: left; }
- contentContainer #one_block1 #im3 {
float: right; }
- contentContainer #one_block1 #im2 {
float: left; margin-left: 8%; }
- contentContainer #one_block2 {
overflow: hidden; }
- contentContainer .bw {
width: 20%; float: left; }
- contentContainer #bw1 {
margin-left: 8%; }
- contentContainer #bw2 {
margin-left: 13%; }
- contentContainer #bw3 {
margin-left: 15%; }
- contentContainer #one_block1 {
margin-top: 20px; }