"

From 2013.igem.org

Revision as of 07:35, 20 September 2013 (view source) Ggirelli (Talk | contribs) ← Older edit		Revision as of 07:44, 20 September 2013 (view source) Ggirelli (Talk | contribs) Newer edit →
Line 140:		Line 140:
	.pre-footer {		.pre-footer {
-	width: 960px;	+	width: 920px;
	margin: 0 auto;		margin: 0 auto;
	}		}
Line 152:		Line 152:
	border: 3px solid white;		border: 3px solid white;
	border-bottom: none;		border-bottom: none;
-	border-top-left-radius: 50px;	+	border-radius: 50px;
-	border-top-right-radius: 50px;	+
	box-shadow: 2px -2px 4px #323232;		box-shadow: 2px -2px 4px #323232;

---

Revision as of 07:44, 20 September 2013

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

   padding-bottom: 0 !important;

}

.grid {

   width: 960px;
   margin: 0 auto;

}

.column {

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

}

.wrap, .cell {

   display: block;

}

.column.first .wrap.first {

   height: 686px;
   width: 324px;
   margin: 0 7px 7px 17px;

   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 .wrap.first .container {

   height: 646px;
   width: 284px;

   margin: 10px;
   padding: 10px;

   background-color: rgba(255,255,255,.5);
   border-radius: 10px;

   font-family: arial;
   font-size: 14px;
   text-align: justify;

}

.column.first .wrap.first .container p {

   line-height: 17px;

}

.column.first .wrap.second {

   height: 215px;
   width: 324px;
   margin: 14px 7px 0 17px;

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

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

}

.column.first .wrap.second .container {

   height: 175px;
   width: 284px;

   margin: 10px;
   padding: 10px;

   background-color: rgba(255,255,255,.5);
   border-radius: 10px;

   font-size: 14px;

}

.column.second .cell.first {

   height: 398px;
   width: 574px;
   margin: 0 0 7px 7px;

   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 .wrap.second {

   height: 268px;
   width: 574px;
   margin: 14px 0 7px 7px;

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

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

}

.column.second .wrap.second .container {

   height: 228px;
   width: 534px;

   margin: 10px;
   padding: 10px;

   background-color: rgba(255,255,255,.5);
   border-radius: 10px;

   font-size: 14px;

}

.column.second .row.third .cell {

   display: inline-block;

   height: 215px;
   width: 277px;
   margin: 7px 0 0 7px;

   background-color: #2d59de;
   background-image: url();
   background-position: bottom;
   background-repeat: no-repeat;
   border: 3px solid white;

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

}

/*PRE-FOOTER*/

.pre-footer {

   width: 920px;
   margin: 0 auto;

}

.pre-footer .sheet {

   min-height: 100px;

   padding: 40px;

   background-color: #f0f0f0;
   border: 3px solid white;
   border-bottom: none;
   border-radius: 50px;

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

}

.pre-footer .silhouette {

   display: block;
   margin: 0 auto;

}