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

Line 150: Line 150:
 
#contentContainer #one_block1 img {
 
#contentContainer #one_block1 img {
 
width: 28%;
 
width: 28%;
−
height: 80%;
+
height: 288px;
 
margin-bottom: 20px;
 
margin-bottom: 20px;
 
}
 
}

Revision as of 18:51, 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; */
}
  1. contentContainer .wenzi {

font-size: 17px; line-height: 150%; } 

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

text-align: center; margin-bottom: 80px; font-size: 40px; }

  1. contentContainer h2 {

font-size: 24px; }

  1. contentContainer h3 {

font-size: 19.2px; }

  1. contentContainer h2, #contentContainer h3 {
	margin-bottom: 20px;

}

#contentContainer .juzhong {
	text-align: center;
}
  1. contentContainer #one h2{

font-size: 25px; color: #ecd683; }


  1. contentContainer #one {

padding: 5%; }

  1. contentContainer #one_block img {

width: 40%; float: left; }

  1. contentContainer #one_block #one_block_you {

width: 50%; float: right; padding-top: 8%; text-align: right; }



  1. contentContainer #four h2{

font-size: 25px; color: #72d3e3; }

  1. contentContainer #four{

padding: 5%; background-color: #f5f5f5; }

  1. contentContainer #four img {

margin-left: 45%; margin-bottom: 20px; }

  1. contentContainer #four #four_block1, #contentContainer #four #four_block2 {

overflow: hidden; }

  1. contentContainer #four #four_block1 {

margin-bottom: 20px; }

  1. contentContainer #four_block1 #four_block11 {

width: 30%; float: left; }

  1. contentContainer #four_block1 #four_block12 {

width: 30%; float: left; margin-left: 5%; }

  1. contentContainer #four_block1 #four_block13 {

width: 30%; float: right; }

  1. contentContainer #four_block21 {

width: 30%; float: left; margin-left: 10%; }

  1. contentContainer #four_block22 {

width: 30%; float: right; margin-right: 10%; }


  1. contentContainer #five h2 {

font-size: 25px; color: #ec5a5b; }

  1. contentContainer #five {

padding: 5%; }

  1. contentContainer #five_block {

overflow: hidden; }

  1. contentContainer #five_block img {

width: 40%; float: left; }

  1. contentContainer #five_block_you {

width: 50%; float: right; }

  1. contentContainer #one_block1 {

overflow: hidden; }

  1. contentContainer #one_block1 img {

width: 28%; height: 288px; margin-bottom: 20px; }

  1. contentContainer #one_block1 #im1 {

float: left; }

  1. contentContainer #one_block1 #im3 {

float: right; }

  1. contentContainer #one_block1 #im2 {

float: left; margin-left: 8%; }

  1. contentContainer #one_block2 {

overflow: hidden; }

  1. contentContainer .bw {

width: 20%; float: left; }

  1. contentContainer #bw1 {

margin-left: 8%; }

  1. contentContainer #bw2 {

margin-left: 13%; }

  1. contentContainer #bw3 {

margin-left: 15%; }

  1. contentContainer #one_block1 {

margin-top: 20px; }