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

 
Line 70: Line 70:
 
#contentContainer #tiaozheng {
 
#contentContainer #tiaozheng {
 
width: 80%;
 
width: 80%;
 +
        margin-left:10%;
 
}
 
}
  

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