"

From 2013.igem.org

Revision as of 08:44, 29 August 2013 (view source) Ggirelli (Talk | contribs) ← Older edit		Revision as of 09:40, 15 September 2013 (view source) Ggirelli (Talk | contribs) Newer edit →
Line 17:		Line 17:
	}		}
-	/*jmslideshow*/	+	.sheet {
-		+	position: relative;
-	.jms-wrapper {	+	display: inline-block;
-	box-shadow: 2px 2px 4px #323232;	+	width: 525px;
		+	vertical-align: top;
	}		}
-	.jms-slideshow,	+	.sheet img.profile {
-	.jms-wrapper {	+	display: inline-block;
-	height: 600px;	+	width: 200px;
-		+	margin-top: 6px;
-	font-size: 16px;	+	border-radius: 10px;
-	}	+	box-shadow: inset 1px 1px 2px #323232;
-		+
-	.jms-slideshow .step {	+
-	height: 600px;	+
-	height: 520px;	+
-	font-size: 1.5em;	+
-	text-align: center;	+
-	border-radius: 1em;	+
-	-webkit-box-shadow: 0 8px 6px -6px black;	+
-	-moz-box-shadow: 0 8px 6px -6px black;	+
-	box-shadow: 0 8px 6px -6px black;	+
-	background-image: url(http://i40.tinypic.com/wlvibc.png);	+
-	}	+
-		+
-	.jms-slideshow .step .title {	+
-	height: 1em;	+
-	font-family: "Contrail One";	+
-	font-size: 2.5em;	+
-	font-weight: bold;	+
-	text-align: center;	+
-	text-shadow: 1px 1px 2px #323232;	+
-	}	+
-		+
-	.jms-slideshow .step table {	+
-	width: 100%;	+
-	height: 100%;	+
-	border-radius: 1em;	+
-	background-color: rgba(250,250,250,0.6);	+
-	}	+
-		+
-	.jms-slideshow .step table th {	+
-	height: 1em;	+
-	width: 160px;	+
-		+
-	font-size: 0.9em;	+
-	font-variant: small-caps;	+
-		+
-	text-align: right;	+
	vertical-align: top;		vertical-align: top;
	}		}
-	.jms-slideshow .step table td:not(.title):not(.image) {	+	.sheet .data {
-	width: 400px;	+	display: inline-block;
-		+	width: 300px;
-	padding: 0 1em;	+	margin-left: 1em;
-		+	font-family: "Kameron", arial;
-	font-size: 0.8em;	+
-		+
-	text-align: justify;	+
-	}	+
-		+
-	.jms-slideshow .step table .image {	+
-	position: relative;	+
-		+
-	padding: 0;	+
-		+
-	text-align: center;	+
	vertical-align: top;		vertical-align: top;
-
-	background-color: transparent;
	}		}
-	.jms-slideshow .step table .image img {	+	.sheet .title {
-	border-radius: 1em;	+	display: block;
-	}	+	position: absolute;
		+	top: -0.7em;
		+	right: 1em;
-	.jms-slideshow .step table td:not(.image),	+	font-family: "Contrail One", serif;
-	.jms-slideshow .step table th {	+	font-size: 2.5em;
-	vertical-align: middle;	+
-	}	+
-		+
-	/*hashtags*/	+
-	#tn-content a {	+
-	display: inline-block;	+
-	margin: 2px;	+
-	padding: 10px;	+
-	background-color: #323232;	+
-	border-radius: 5px;	+
-	box-shadow: 1px 1px 0 1px rgba(18,18,18,.3);	+
-	color: #dadada;	+
-	font-size: 0.8em;	+
-	font-variant: small-caps;	+
	font-weight: bold;		font-weight: bold;
-	}
-	.jms-slideshow .color-1,	+	text-shadow: 0 0 2px rgba(250,250,250,.9);
-	#tn-content .color-1 a {	+
-	background-color: #000000!important;	+
	}		}
-	.txt-color-1 {	+	.container img.lab {
-	color: #000000!important;	+	display: inline-block;
-	text-shadow: 1px 1px 2px #efefef;	+	width: 328px;
		+	margin-left: -1em;
		+	margin-top: 2em;
		+	border-radius: 10px;
	}		}
-	.jms-slideshow .color-2,	+	.sheet .left {
-	#tn-content .color-2 a {	+	margin-left: 2em;
-	background-color: #68C9B6!important;	+
	}		}
-	.txt-color-2 {	+	.sheet .right {
-	color: #68C9B6!important;	+	margin-right: 2em;
-	}	+
-		+
-	.jms-slideshow .color-3,	+
-	#tn-content .color-3 a {	+
-	background-color: #D67500!important;	+
-	}	+
-		+
-	.txt-color-3 {	+
-	color: #D67500!important;	+
-	}	+
-		+
-	.jms-slideshow .color-4,	+
-	#tn-content .color-4 a {	+
-	background-color: #7F0A06!important;	+
-	}	+
-		+
-	.txt-color-4 {	+
-	color: #7F0A06!important;	+
-	}	+
-		+
-	.jms-slideshow .color-5,	+
-	#tn-content .color-5 a {	+
-	background-color: #BA301B!important;	+
-	}	+
-		+
-	.txt-color-5 {	+
-	color: #BA301B!important;	+
-	}	+
-		+
-	.jms-slideshow .color-6,	+
-	#tn-content .color-6 a {	+
-	background-color: #97D900!important;	+
-	}	+
-		+
-	.txt-color-6 {	+
-	color: #97D900!important;	+
-	}	+
-		+
-	.jms-slideshow .color-7,	+
-	#tn-content .color-7 a {	+
-	background-color: #239435!important;	+
-	}	+
-		+
-	.txt-color-7 {	+
-	color: #239435!important;	+
-	}	+
-		+
-	.jms-slideshow .color-8,	+
-	#tn-content .color-8 a {	+
-	background-color: #C7004C!important;	+
-	}	+
-		+
-	.txt-color-8 {	+
-	color: #C7004C!important;	+
-	}	+
-		+
-	#tn-content a:hover {	+
-	background-color: #dadada!important;	+
-	box-shadow: 1px 1px 0 1px rgba(18,18,18,.3) inset;	+
-	color: #323232;	+
-	text-decoration: none;	+
-	}	+
-		+
-	/*hoverTag*/	+
-		+
-	.tn-hoverTag {	+
-	display: table;	+
-	position: fixed;	+
-	top: 0; left: 0; right: 0; bottom: 0;	+
-	width: 100%; height: 100%;	+
-	z-index: 10;	+
-	text-align: center;	+
-	}	+
-		+
-	.tn-hoverTag div {	+
-	display: table-cell;	+
-	max-width: 600px;	+
-	padding: 1em;	+
-	background-color: rgba(250,250,250,.8);	+
-	border-radius: 1em;	+
-	vertical-align: middle;	+
-	}	+
-		+
-	.tn-hoverTag span {	+
-	display: inline-block;	+
-	max-width: 200px;	+
-	background-color: white;	+
-	font-size: 2em;	+
-	}	+
-		+
-	.tn-hoverTag .title {	+
-	padding: 15px;	+
-	max-width: 800px;	+
-	font-family: "Contrail One";	+
-	font-size: 4em;	+
-	font-weight: bold;	+
-	text-align: center;	+
	}		}

---

Revision as of 09:40, 15 September 2013

@import url(http://fonts.googleapis.com/css?family=Contrail+One);

.tn-title {

   display: block;

   margin-bottom: 0;
   margin-top: -0.3em;
   padding-bottom: 0.1em;

   color: #C4221C;

   font-family: "Boogaloo",Helvetica,sans-serif;
   font-size: 5em;
   
   text-align: center;
   text-shadow: 1px 1px 1px #323232;

}

.sheet {

   position: relative;
   display: inline-block;
   width: 525px;
   vertical-align: top;

}

.sheet img.profile {

   display: inline-block;
   width: 200px;
   margin-top: 6px;
   border-radius: 10px;
   box-shadow: inset 1px 1px 2px #323232;
   vertical-align: top;

}

.sheet .data {

   display: inline-block;
   width: 300px;
   margin-left: 1em;
   font-family: "Kameron", arial;
   vertical-align: top;

}

.sheet .title {

   display: block;
   position: absolute;
   top: -0.7em;
   right: 1em;

   font-family: "Contrail One", serif;
   font-size: 2.5em;
   font-weight: bold;

   text-shadow: 0 0 2px rgba(250,250,250,.9);

}

.container img.lab {

   display: inline-block;
   width: 328px;
   margin-left: -1em;
   margin-top: 2em;
   border-radius: 10px;

}

.sheet .left {

   margin-left: 2em;

}

.sheet .right {

   margin-right: 2em;

}