"

From 2013.igem.org

Revision as of 15:07, 20 September 2013 (view source) Ggirelli (Talk | contribs) ← Older edit		Revision as of 15:11, 20 September 2013 (view source) Ggirelli (Talk | contribs) (Undo revision 139801 by Ggirelli (talk)) Newer edit →
Line 1:		Line 1:
-	.tn-parts-container {	+	#tn-central-container,
-	width: 960px;	+	#tn-content-wrap,
-	margin: 0 auto;	+	#tn-content {
-	padding: 0;	+	padding-bottom: 0 !important;
-	vertical-align: top;	+
	}		}
-	.tn-parts-container .menu {	+	.grid {
-	display: inline-block;	+	width: 960px;
		+	margin: 0 auto;
		+	padding-bottom: 2em;
		+	}
-	height: 300px;	+	.column {
-	width: 200px;	+	display: inline-block;
-		+	vertical-align: top;
-	margin: 10px;	+	}
-		+
-	background-color: #989898;	+
-	border: 5px solid white;	+
-	border-radius: 1em;	+
-	box-shadow: 2px 2px 4px #323232;	+
-	vertical-align: top;	+	.wrap,
		+	.cell {
		+	display: block;
	}		}
-	.tn-parts-container .content {	+	.column.first .cell {
-	display: inline-block;	+	height: 222px;
		+	width: 324px;
-	width: 715px;	+	background-color: #005e20;
		+	/*background-image: url(https://static.igem.org/mediawiki/2013/a/af/Tn-2013-boxbgs-Box-verde.png);
		+	background-position: bottom;
		+	background-repeat: no-repeat;*/
		+	border: 3px solid white;
-	margin: 0 10px 10px 10px;	+	box-shadow: 2px 2px 4px #323232;
-	margin-left: 0;	+	}
-	vertical-align: top;	+	.column.first .cell.first {
		+	margin: 17px 7px 9px 17px;
	}		}
-	.tn-parts-container .content .box {	+	.column.first .cell.second {
-	position: relative;	+	margin: 9px 7px 9px 17px;
-	display: block;	+	}
-	margin-top: 0;	+	.column.first .cell.third {
-	margin-bottom: 30px;	+	margin: 9px 7px 0px 17px;
-		+
-	min-height: 300px;	+
-	width: 615px;	+
-		+
-	/*background: #323232;*/	+
-	vertical-align: top;	+
-		+
-	background-color: rgba(40, 128, 197,.8);	+
-	border: 5px solid white;	+
-	border-radius: 1em;	+
-	box-shadow: 2px 2px 4px #323232;	+
-	color: white;	+
	}		}
-	.tn-parts-container .content .box .label {	+	.column.second .cell {
-	position: absolute;	+	width: 574px;
-	top: 10px;	+
-	right: -85px;	+
-	height: 100px;	+	background-color: #355667;
-	width: 75px;	+	/*background-image: url(https://static.igem.org/mediawiki/2013/d/dd/Tn-2013-boxbgs-Box-video.jpg);
		+	background-position: bottom;
		+	background-repeat: no-repeat;*/
		+	border: 3px solid white;
-	background: rgb(130, 20, 16);
-	border: 5px solid white;
-	border-left: 0;
-	border-top-right-radius: 1em;
-	border-bottom-right-radius: 1em;
	box-shadow: 2px 2px 4px #323232;		box-shadow: 2px 2px 4px #323232;
	}		}
-	.tn-parts-container .content .box .title {	+	.column.second .cell.first {
-	display: block;	+	height: 412px;
		+	margin: 17px 17px 9px 0;
		+	}
-	margin: 0 13px;	+	.column.second .cell.second {
		+	height: 268px;
		+	margin: 9px 17px 0px 0;
		+	}
-	border-bottom: 3px solid white;	+	.row.second {
		+	height: 215px;
		+	width: 915px;
		+	margin: 9px 17px 0 17px;
-	font-family: "Boogaloo",sans-serif;	+	background-color: #323232;
-	font-size: 3em;	+	border: 3px solid white;
-	}	+
-	.tn-parts-container .content .box .part-box {	+	box-shadow: 2px 2px 4px #323232;
-	/*background-color: #f0f0f0;*/	+
-	font-family: "Cabin";	+
	}		}
-	.part-box {	+	/*PRE-FOOTER*/
-	padding: 10px;	+
-	}	+
-	.part-box table {	+	.pre-footer {
-	width: 100% !important;	+	width: 960px;
-	margin: 0 auto !important;	+	margin: 0 auto;
-	background: transparent;	+
-	border-radius: 1em;	+
	}		}
-	.part-box td {	+	.pre-footer .sheet {
-	background-color: rgba(50,50,50,.3);	+	width: 915px;
-	border-radius: 0.3em;	+	min-height: 100px;
-	vertical-align: top;	+
-	color: white;	+
-	box-shadow: 0 0 2px rgba(250,250,250,1);	+
-	}	+
-	.part-box table .grade {	+	margin-left: 17px;
-	width: 100px;	+
-	text-align: center;	+
-	vertical-align: top !important;	+
-	}	+
-	.part-box table .grade img {	+	background-color: #989898;
-	display: inline-block !important;	+	border: 3px solid white;
-	margin: 0 !important;	+
-	width: 25px;	+
-	vertical-align: top !important;	+
-	}	+
-	.part-box table .code {	+	box-shadow: 2px -2px 4px #323232;
-	width: 100px;	+
-	font-weight: bold;	+
-	}	+
-		+
-	.part-box table .code a {	+
-	color: white;	+
-	text-decoration: none;	+
-	}	+
-	.part-box table .code a:hover {	+	text-align: justify;
-	color: #a9a9a9;	+
	}		}
-	.part-box table .name {	+	.pre-footer .sheet .container {
-	font-style: italic;	+	margin: 20px;
		+	padding: 25px;
		+
		+	background-color: rgba(250,250,250,.7);
		+	border-radius: 10px;
	}		}
-	.part-box table .descr {	+	.pre-footer .silhouette {
-	font-size: 0.9em;	+	display: block;
-	text-align: justify;	+	margin: 0 auto;
	}		}

---

Revision as of 15:11, 20 September 2013

1. tn-central-container,
2. tn-content-wrap,
3. tn-content {

   padding-bottom: 0 !important;

}

.grid {

   width: 960px;
   margin: 0 auto;
   padding-bottom: 2em;

}

.column {

   display: inline-block;
   vertical-align: top;

}

.wrap, .cell {

   display: block;

}

.column.first .cell {

   height: 222px;
   width: 324px;

   background-color: #005e20;
   /*background-image: url();
   background-position: bottom;
   background-repeat: no-repeat;*/
   border: 3px solid white;

   box-shadow: 2px 2px 4px #323232;

}

.column.first .cell.first {

   margin: 17px 7px 9px 17px;

}

.column.first .cell.second {

   margin: 9px 7px 9px 17px;

}

.column.first .cell.third {

   margin: 9px 7px 0px 17px;

}

.column.second .cell {

   width: 574px;

   background-color: #355667;
   /*background-image: url();
   background-position: bottom;
   background-repeat: no-repeat;*/
   border: 3px solid white;

   box-shadow: 2px 2px 4px #323232;

}

.column.second .cell.first {

   height: 412px;
   margin: 17px 17px 9px 0;

}

.column.second .cell.second {

   height: 268px;
   margin: 9px 17px 0px 0;

}

.row.second {

   height: 215px;
   width: 915px;
   margin: 9px 17px 0 17px;

   background-color: #323232;
   border: 3px solid white;

   box-shadow: 2px 2px 4px #323232;

}

/*PRE-FOOTER*/

.pre-footer {

   width: 960px;
   margin: 0 auto;

}

.pre-footer .sheet {

   width: 915px;
   min-height: 100px;

   margin-left: 17px;

   background-color: #989898;
   border: 3px solid white;

   box-shadow: 2px -2px 4px #323232;

   text-align: justify;

}

.pre-footer .sheet .container {

   margin: 20px;
   padding: 25px;
   
   background-color: rgba(250,250,250,.7);
   border-radius: 10px;

}

.pre-footer .silhouette {

   display: block;
   margin: 0 auto;

}