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

(Created page with " #contentContainer { margin: 0 auto; width: 100%; font-family: arial,"Lucida Sans Unicode","Lucida Grande",sans-serif; padding-top: 50px; margin-bottom: 50px;...")
 
Line 49: Line 49:
  
  
#contentContainer #one_block {
+
#contentContainer #one {
 
padding: 5%;
 
padding: 5%;
overflow: hidden;
 
 
}
 
}
  
Line 66: Line 65:
 
}
 
}
  
 
 
#contentContainer #two {
 
padding: 5%;
 
overflow: hidden;
 
background-color: #f5f5f5;
 
}
 
 
#contentContainer #two img {
 
width: 40%;
 
float: right;
 
}
 
 
#contentContainer #two_zuo {
 
width: 45%;
 
float: left;
 
}
 
 
 
 
#contentContainer #three {
 
padding: 5%;
 
overflow: hidden;
 
}
 
 
#contentContainer #three img {
 
width: 40%;
 
float: left;
 
}
 
 
#contentContainer #three_you {
 
width: 50%;
 
float: right;
 
text-align: center;
 
padding-top: 4%;
 
}
 
  
  
Line 180: Line 143:
 
width: 50%;
 
width: 50%;
 
float: right;
 
float: right;
 +
}
 +
 +
#contentContainer #one_block1 {
 +
overflow: hidden;
 +
}
 +
#contentContainer #one_block1 img {
 +
width: 26%;
 +
height: 330px;
 +
}
 +
 +
#contentContainer #one_block1 #im1 {
 +
float: left;
 +
}
 +
 +
#contentContainer #one_block1 #im3 {
 +
float: right;
 +
}
 +
 +
#contentContainer #one_block1 #im2 {
 +
float: left;
 +
margin-left: 11%;
 +
}
 +
 +
#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;
 
}
 
}

Revision as of 18:29, 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: 26%; height: 330px; }

  1. contentContainer #one_block1 #im1 {

float: left; }

  1. contentContainer #one_block1 #im3 {

float: right; }

  1. contentContainer #one_block1 #im2 {

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

  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; }