"

From 2013.igem.org

Revision as of 09:54, 23 September 2013 (view source) Ggirelli (Talk | contribs) (Corrected Spot order) ← Older edit		Latest revision as of 12:00, 3 October 2013 (view source) Xli (Talk | contribs)
(7 intermediate revisions not shown)
Line 1:		Line 1:
-	.container .sheet {	+	#tn-content .container {
-	position: relative;	+	background-color: rgb(143,11,25);
-	min-height: 580px;	+	background-image: url(https://static.igem.org/mediawiki/2013/d/de/Tn-2013-boxbg-Onda-GrapeRed.png);
	}		}
-	.container .sheet .guide {	+	.silhouette img {
-	position: absolute;	+
-	top: 0px;	+
-	left: 0px;	+
-		+
-	width: 250px;	+
-	transform:rotate(-15deg);	+
-	}	+
-		+
-	.container .sheet .bubble {	+
-	position: absolute;	+
-	top: 10px;	+
-	left: 230px;	+
-		+
-	padding: 15px;	+
-	width: 620px;	+
-		+
-	background-color: white;	+
-	border: 2px solid black;	+
-	border-radius: 0.5em;	+
-		+
-	font-family: "Cabin", cursive;	+
-	}	+
-	.container .sheet .bubble .title {	+
-	font-size: 1.5em;	+
-	margin: 0;	+
-	}	+
-		+
-	.container .sheet .bubble .title b {	+
-	font-size: 1.2em;	+
-	font-family: "Boogaloo", sans-serif;	+
-	color: green;	+
-	}	+
-		+
-	.container .sheet .bubble .pointer {	+
-	position: absolute;	+
-	top: 20px;	+
-	left: -23px;	+
-		+
-	transform:rotate(90deg);	+
-	-ms-transform:rotate(90deg);	+
-	-webkit-transform:rotate(90deg);	+
-	}	+
-		+
-	.container .sheet .map {	+
-	position: absolute;	+
-	top: 180px;	+
-	left: 310px;	+
-		+
-	height: 100px;	+
-	width: 500px;	+
-		+
-	background-color: transparent;	+
-	}	+
-		+
-	.container .sheet .map .spot {	+
	display: block;		display: block;
-		+	margin: 0 auto;
-	width: 20px;	+	margin-bottom: 0 !important;
-	height: 20px;	+	width: 92%;
-		+	margin-top: -22px;
-	background-color: #545454;	+
-	border-bottom: 2px solid black;	+
-	border-radius: 10px;	+
-	box-shadow: 1px 1px 2px #323232;	+
	}		}
-	.container .sheet .map #spot1 {	+	.container {
-	position: absolute;	+	text-align: center;
-	top: 70px;	+
-	left: 150px;	+
	}		}
-	.container .sheet .map #spot2 {	+	.container .menu {
-	position: absolute;	+	margin: 0 auto;
-	top: 20px;	+	width: 600px;
-	left: 230px;	+
	}		}
-	.container .sheet .map #spot3 {	+	.container .menu a {
-	position: absolute;	+	display: inline-block;
-	top: 70px;	+
-	left: 310px;	+
-	}	+
-		+
-	.container .sheet .map #spot4 {	+
-	position: absolute;	+
-	top: 140px;	+
-	left: 265px;	+
-	}	+
-		+
-	.container .sheet .map #spot5 {	+
-	position: absolute;	+
-	top: 140px;	+
-	left: 190px;	+
-	}	+
-		+
-	.container .sheet .map .label {	+
-	font-family: "Cabin", sans-serif;	+
-	}	+
-		+
-	.container .sheet .map #label1 {	+
-	position: absolute;	+
-	top: 0;	+
-	left: 200px;	+
-	}	+
-		+
-	.container .sheet .map #label2 {	+
-	position: absolute;	+
-	top: 70px;	+
-	left: 80px;	+
-	}	+
-		+
-	.container .sheet .map #label3 {	+
-	position: absolute;	+
-	top: 70px;	+
-	left: 340px;	+
-	}	+
-	.container .sheet .map #label4 {	+
-	position: absolute;	+
-	top: 155px;	+
-	left: 145px;	+
-	}	+
-		+
-	.container .sheet .map #label5 {	+
-	position: absolute;	+
-	top: 155px;	+
-	left: 290px;	+
-	}	+
-		+
-	.container .sheet .map .line {	+
-	display: block;	+
-	width: 60px;	+	margin: 20px auto;
-	height: 5px;	+	padding: 4px;
		+	min-width: 92px;
		+	max-width: 110px;
-	border-bottom: 2px dashed black;	+	background-color: rgba(250,250,250,.6);
-	}	+	border: 3px solid transparent;
-		+	border-radius: 5px;
-	.container .sheet .map #line1 {	+
-	position: absolute;	+
-	top: 50px;	+
-	left: 250px;	+
-	width: 65px;	+
-		+
-	transform: rotate(32deg);	+
-	-webkit-transform: rotate(32deg);	+
-	-moz-transform: rotate(32deg);	+
-	}	+
-		+
-	.container .sheet .map #line2 {	+
-	position: absolute;	+
-	top: 110px;	+
-	left: 270px;	+
-		+
-	transform: rotate(123deg);	+
-	-webkit-transform: rotate(123deg);	+
-	-moz-transform: rotate(123deg);	+
-	}	+
-		+
-	.container .sheet .map #line3 {	+
-	position: absolute;	+
-	top: 145px;	+
-	left: 213px;	+
-	width: 50px;	+
-	}	+
-		+
-	.container .sheet .map #line4 {	+
-	position: absolute;	+
-	top: 116px;	+
-	left: 150px;	+
-		+
-	transform: rotate(-120deg);	+
-	-webkit-transform: rotate(-120deg);	+
-	-moz-transform: rotate(-120deg);	+
-	}	+
-		+
-	.container .sheet .map #line5 {	+
-	position: absolute;	+
-	top: 50px;	+
-	left: 165px;	+
-		+
-	transform: rotate(-32deg);	+
-	-webkit-transform: rotate(-32deg);	+
-	-moz-transform: rotate(-32deg);	+
-	}	+
-		+
-	.container .sheet .map .spot:hover {	+
-	background-color: red;	+
-	border-bottom: 2px solid #545454;	+
-	box-shadow: 1px 1px 2px #323232 inset;	+
-	}	+
-		+
-	.container .sheet .dot {	+
-	position: absolute;	+
-	top: 340px;	+
-	left: 300px;	+
-		+
-	padding: 10px;	+
-		+
-	height: 250px;	+
-	width: 500px;	+
		+	color: rgb(105, 18, 28);
		+	font-family: "Boogaloo", sans-serif;
		+	font-size: 1.2em;
		+	text-align: center;
	text-decoration: none;		text-decoration: none;
	}		}
-	.container .sheet .dot .title {	+	.container .menu a:hover {
-	position: absolute;	+	background-color: transparent;
-	display: block;	+	border-color: white;
-	top: 60px;	+
-	left: 260px;	+
-		+
	color: white;		color: white;
-	font-family: "Boogaloo";	+	text-shadow: 0 0 2px black;
-	font-size: 2em;	+
-	text-shadow: 1px 1px 4px black;	+
-	}	+
-		+
-	.container .sheet .dot .descr {	+
-	position: absolute;	+
-	display: block;	+
-	top: 100px;	+
-	left: 250px;	+
-		+
-	padding: 1.2em;	+
-	width: 300px;	+
-		+
-	background-color: white;	+
-	border-radius: 1em;	+
-	box-shadow: 1px 1px 2px #323232;	+
-		+
-	color: black;	+
-	font-family: "Cabin", sans-serif;	+
	}		}

---

Latest revision as of 12:00, 3 October 2013

1. tn-content .container {

   background-color: rgb(143,11,25);
   background-image: url();

}

.silhouette img {

   display: block;
   margin: 0 auto;
   margin-bottom: 0 !important;
   width: 92%;

margin-top: -22px; }

.container {

   text-align: center;

}

.container .menu {

   margin: 0 auto;
   width: 600px;

}

.container .menu a {

   display: inline-block;
   
   margin: 20px auto;
   padding: 4px;
   min-width: 92px;
   max-width: 110px;
   
   background-color: rgba(250,250,250,.6);
   border: 3px solid transparent;
   border-radius: 5px;
   
   color: rgb(105, 18, 28);
   font-family: "Boogaloo", sans-serif;
   font-size: 1.2em;
   text-align: center;
   text-decoration: none;

}

.container .menu a:hover {

   background-color: transparent;
   border-color: white;
   color: white;
   text-shadow: 0 0 2px black;

}