Difference between revisions of "Team:SYSU-Software/Vailidation/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;...")
 
 
(2 intermediate revisions by 2 users not shown)
Line 10: Line 10:
 
font-size: 17px;
 
font-size: 17px;
 
line-height: 150%;
 
line-height: 150%;
 +
}
 +
 +
#contentContainer .Boli {
 +
font-family: "MV Boli";
 
}
 
}
  
Line 26: Line 30:
  
 
#contentContainer h2 {
 
#contentContainer h2 {
−
font-size: 24px;
+
font-size: 27px;
 +
color: #93d150;
 
}
 
}
  
 
#contentContainer h3 {
 
#contentContainer h3 {
−
font-size: 19.2px;
+
font-size: 27px;
 
}
 
}
  
Line 37: Line 42:
  
 
  }
 
  }
 +
 +
#contentContainer .juzhong {
 +
text-align: center;
 +
}
 +
 +
#contentContainer .tu {
 +
overflow: hidden;
 +
}
 +
 +
#contentContainer .zuo{
 +
width: 47%;
 +
float: left;
 +
margin-left: 0px;
 +
}
 +
 +
#contentContainer .you{
 +
width: 47%;
 +
float: right;
 +
margin-left: 0px;
 +
}
 +
 +
#contentContainer img {
 +
width: 100%;
 +
margin-bottom: 20px;
 +
}
 +
 +
#contentContainer #tiaozheng {
 +
width: 80%;
 +
        margin-left:10%;
 +
}
 +
 +
#contentContainer #tiaozheng2 {
 +
margin-left: 0px;
 +
width: 70%;
 +
}
  
 
#contentContainer .juzhong {
 
#contentContainer .juzhong {
Line 85: Line 125:
 
#contentContainer .proc {
 
#contentContainer .proc {
 
margin-bottom: 20px;
 
margin-bottom: 20px;
 +
}
 +
 +
#contentContainer #Windows_10_block1, #contentContainer #Windows_10_block2, #contentContainer #Windows_10_block3 {
 +
margin-bottom: 20px;
 +
}
 +
 +
#contentContainer #test {
 +
margin-top: 40px;
 +
}
 +
 +
#contentContainer #thtu {
 +
overflow: hidden;
 +
}
 +
 +
#contentContainer #thtu img {
 +
width: 100%;
 +
}
 +
#contentContainer #thtu #zhili1 {
 +
float: left;
 +
width: 28%;
 +
}
 +
 +
#contentContainer #thtu #zhili2 {
 +
float: left;
 +
width: 34%;
 +
margin-left: 5%;
 +
}
 +
 +
#contentContainer #thtu #zhili3 {
 +
float: right;
 +
width: 28%;
 +
}
 +
 +
#contentContainer .zhushi {
 +
font-size: 15px;
 +
text-align: center;
 +
font-weight: bold;
 
}
 
}

Latest revision as of 22:31, 18 September 2015

#contentContainer {
  margin: 0 auto;
  width: 70%;
  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%; }

  1. contentContainer .Boli {

font-family: "MV Boli"; } 

#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: 27px; color: #93d150; }

  1. contentContainer h3 {

font-size: 27px; }

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

}
  1. contentContainer .juzhong {
	text-align: center;
}
  1. contentContainer .tu {

overflow: hidden; }

  1. contentContainer .zuo{

width: 47%; float: left; margin-left: 0px; }

  1. contentContainer .you{

width: 47%; float: right; margin-left: 0px; }

  1. contentContainer img {

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

  1. contentContainer #tiaozheng {

width: 80%; 

       margin-left:10%;

}

  1. contentContainer #tiaozheng2 {

margin-left: 0px; width: 70%; }

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


  1. contentContainer #MacOS_X_block1, #contentContainer #MacOS_X_block2, #contentContainer #MacOS_X_block3, #contentContainer #MacOS_X_block4, #contentContainer #MacOS_X_block5 {

overflow: hidden; margin-bottom: 40px; }


  1. contentContainer #MacOS_X_block1 img, #contentContainer #MacOS_X_block2_you, #contentContainer #MacOS_X_block3 img, #contentContainer #MacOS_X_block4 img, #contentContainer #MacOS_X_block5_you {

width: 60%; float: right; }

  1. contentContainer #MacOS_X_block2_you img , #contentContainer #MacOS_X_block5_you img{

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

  1. contentContainer #MacOS_X_block1_zuo, #contentContainer #MacOS_X_block2_zuo, #contentContainer #MacOS_X_block3_zuo, #contentContainer #MacOS_X_block4_zuo, #MacOS_X_block5_zuo {

width: 35%; float: left; }

  1. contentContainer #Windows_10_block1, #contentContainer #Windows_10_block2, #contentContainer #Windows_10_block3 {

overflow: hidden; }

  1. contentContainer #Windows_10_block1 img, #contentContainer #Windows_10_block2 img, #contentContainer #Windows_10_block3_you {

width: 60%; float: right; }

  1. contentContainer #Windows_10_block3 img {

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

  1. contentContainer #Windows_10_block1_zuo, #contentContainer #Windows_10_block2_zuo, #contentContainer #Windows_10_block3_zuo {

width: 35%; float: left; }

  1. contentContainer .proc {

margin-bottom: 20px; }

  1. contentContainer #Windows_10_block1, #contentContainer #Windows_10_block2, #contentContainer #Windows_10_block3 {

margin-bottom: 20px; }

  1. contentContainer #test {

margin-top: 40px; }

  1. contentContainer #thtu {

overflow: hidden; }

  1. contentContainer #thtu img {

width: 100%; }

  1. contentContainer #thtu #zhili1 {

float: left; width: 28%; }

  1. contentContainer #thtu #zhili2 {

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

  1. contentContainer #thtu #zhili3 {

float: right; width: 28%; }

  1. contentContainer .zhushi {

font-size: 15px; text-align: center; font-weight: bold; }