Difference between revisions of "Template:SYSU-Software/CSS/Home"

Revision as of 14:46, 16 September 2015 (view source) YEIGEM (Talk | contribs) ← Older edit		Revision as of 02:34, 17 September 2015 (view source) YEIGEM (Talk | contribs) Newer edit →
Line 3:		Line 3:
	font-family: Arial;		font-family: Arial;
	font-size: 12pt;		font-size: 12pt;
−	}
−
−	#contentContainer h1, #contentContainer h2 {
−	border: 0;
	}		}
Line 25:		Line 21:
	width:1353px;		width:1353px;
	margin:0 auto;		margin:0 auto;
		+	text-align: center;
	}		}
	.firstSection .BackgroundCore .background {		.firstSection .BackgroundCore .background {
−	background-image: url("https://static.igem.org/mediawiki/2015/8/81/SYSU-Software_BackgroundCore.png");
−	background-position: center;
−	background-size: 565px auto;
−	background-repeat: no-repeat;
	margin:0 auto;		margin:0 auto;
	width:605px;		width:605px;
Line 37:		Line 30:
	margin-left: -9px;		margin-left: -9px;
	float: left;		float: left;
		+	}
		+
		+	.firstSection .BackgroundCore .TruebackGround {
		+	position:absolute;
		+	background-image: url("https://static.igem.org/mediawiki/2015/8/81/SYSU-Software_BackgroundCore.png");
		+	background-position: center;
		+	background-size: 565px auto;
		+	background-repeat: no-repeat;
		+	width:605px;
		+	height:200px;
		+	margin: auto;
		+	left: 0; right: 0;
		+	z-index: 0;
	}		}
Line 52:		Line 58:
	width:374px;		width:374px;
	margin-top:38px;		margin-top:38px;
−	margin-left: -10px;	+	margin-left: 0px;
	opacity:0;		opacity:0;
	}		}
Line 74:		Line 80:
	.firstSection .BackgroundCore .BackgroundPositioner {		.firstSection .BackgroundCore .BackgroundPositioner {
	margin: 0 auto;		margin: 0 auto;
−	width: 551px;	+	width: 566px;
	}		}
Line 84:		Line 90:
	width:160px;		width:160px;
	height:160px;		height:160px;
		+
		+	margin-left: 15px;
		+
	float: left;		float: left;
		+	position: relative;
		+	z-index: 1;
	}		}
Line 96:		Line 107:
	margin-right: 7px;		margin-right: 7px;
	float: left;		float: left;
		+	position: relative;
		+	z-index: 1;
	}		}
Line 104:		Line 117:
	margin-top: 60px;		margin-top: 60px;
	text-align: center;		text-align: center;
		+	position:relative;
	}		}
Line 123:		Line 137:
	.CoDevelopmentTitle {		.CoDevelopmentTitle {
	float:left;		float:left;
−	margin-left: 25%;	+	margin-left: 27%;
	text-align: center;		text-align: center;
	}		}
Line 182:		Line 196:
	.rowThird .DesignDescription {		.rowThird .DesignDescription {
	position:relative;		position:relative;
−	top: -240px;	+	top: -220px;
	left: 57%;		left: 57%;
	opacity: 0;		opacity: 0;

---

Revision as of 02:34, 17 September 2015

1. contentContainer {

   font-family: Arial;
   font-size: 12pt;

}

.firstSection {

   background-color: #F8F8F8;
   height: 630px;
   padding-top: 30px;
   padding-bottom: 20px;

}

.firstSection .BackgroundCore {

   height: 200px;
   margin: 0 auto;
   overflow: hidden;

}

.firstSection .CorePositioner {

   width:1353px;
   margin:0 auto;
   text-align: center;

}

.firstSection .BackgroundCore .background {

   margin:0 auto;
   width:605px;
   height:100%;
   margin-left: -9px;
   float: left;

}

.firstSection .BackgroundCore .TruebackGround {

   position:absolute;
   background-image: url("");
   background-position: center;
   background-size: 565px auto;
   background-repeat: no-repeat;
   width:605px;
   height:200px;
   margin: auto;
   left: 0; right: 0;
   z-index: 0;

}

.firstSection .BackgroundCore .leftDescription {

   text-align: right;
   float:left;
   width:374px;
   margin-top:36px;
   opacity:0;

}

.firstSection .BackgroundCore .rightDescription {

   text-align: left;
   float:left;
   width:374px;
   margin-top:38px;
   margin-left: 0px;
   opacity:0;

}

1. contentContainer .firstSection .BackgroundCore .Description p {

   margin-top: 10px;
   margin-bottom: 10px;
   color:#959595;
   font-size: 12.5pt;

}

.firstSection .BackgroundCore .BackgroundCoreContainer {

   margin:0 auto;
   width:600px;
   height: 180px;
   margin-top: 20px;
   padding-left: 5px;
   padding-right: 5px;

}

.firstSection .BackgroundCore .BackgroundPositioner {

   margin: 0 auto;
   width: 566px;

}

.firstSection .BackgroundCore .CoDevelopment {

   background-image: url("");
   background-position: center;
   background-size: 160px auto;
   background-repeat: no-repeat;
   width:160px;
   height:160px;

   margin-left: 15px;

   float: left;
   position: relative;
   z-index: 1;

}

.firstSection .BackgroundCore .coreBank {

   background-image: url("");
   background-position: center;
   background-size: 160px auto;
   background-repeat: no-repeat;
   width:160px;
   height:160px;
   margin-right: 7px;
   float: left;
   position: relative;
   z-index: 1;

}

.firstSection .BackgroundCore .synTitle {

   width:216px;
   float:left;
   margin-left: 8px;
   margin-top: 60px;
   text-align: center;
   position:relative;

}

.firstSection .BackgroundCore .synTitle h1 {

   margin: 0;
   padding: 0;
   font-weight: lighter;
   font-family: Arial; 

}

.rowSecond {

   height: 80px;
   overflow: hidden;
   margin-top: 20px

}

.CoDevelopmentTitle {

   float:left;
   margin-left: 27%;
   text-align: center;

}

.coreBankTitle {

   float:left;
   text-align: center;
   margin-left: 50px;

}

.CoDevelopmentTitle h1, .coreBankTitle h1 {

   font-family: Arial;
   font-size: 20pt;
   font-weight: 200;
   margin-top: 0px;
   padding-top: 0px;
   margin-bottom: 0px;

}

.rowThird {

   height: 320px;
   margin-top: 30px;

}

.rowThird .DesignContainer {

   margin:0 auto;
   width: 400px;
   text-align: center;

}

.rowThird .DesignContainer .Design {

   background-image: url("");
   background-position: center;
   background-size: 160px auto;
   background-repeat: no-repeat;
   width:160px;
   height:160px;
   margin:0 auto;

}

.rowThird .DesignContainer .DesignTitle {

   margin-top: 30px;

}

.rowThird .DesignContainer .DesignTitle h1{

   font-family: Arial;
   font-size: 20pt;
   font-weight: 200;
   margin-top: 0px;
   padding-top: 0px;
   margin-bottom: 0px;

}

.rowThird .DesignDescription {

   position:relative;
   top: -220px;
   left: 57%;  
  opacity: 0;

}

1. contentContainer .rowThird .DesignDescription p {

   margin-bottom: 10px;
   color:#959595;
   font-size: 12.5pt;

}