"

From 2013.igem.org

Revision as of 10:17, 22 September 2013 (view source) Ggirelli (Talk | contribs) ← Older edit		Revision as of 10:21, 22 September 2013 (view source) Ggirelli (Talk | contribs) (Styled bubble and pointer) Newer edit →
Line 11:		Line 11:
	width: 300px;		width: 300px;
	transform:rotate(-15deg);		transform:rotate(-15deg);
		+	}
		+
		+	.container .sheet .bubble {
		+	position: absolute;
		+	top: 10px;
		+	left: 300px;
		+
		+	padding: 15px;
		+	width: 500px;
		+
		+	background-color: white;
		+	border: 2px solid black;
		+	border-radius: 0.5em;
		+
		+	font-family: "Cabin", cursive;
		+	}
		+
		+	.container .sheet .bubble .pointer {
		+	position: absolute;
		+	top: 20px;
		+	left: -23px;
		+
		+	transform:rotate(90deg);
	}		}

---

Revision as of 10:21, 22 September 2013

.container .sheet {

   position: relative;
   min-height: 600px;

}

.container .sheet .guide {

   position: absolute;
   top: 0px;
   left: 0px;
   
   width: 300px;
   transform:rotate(-15deg);

}

.container .sheet .bubble {

   position: absolute;
   top: 10px;
   left: 300px;
   
   padding: 15px;
   width: 500px;
   
   background-color: white;
   border: 2px solid black;
   border-radius: 0.5em;
   
   font-family: "Cabin", cursive;

}

.container .sheet .bubble .pointer {

   position: absolute;
   top: 20px;
   left: -23px;
   
   transform:rotate(90deg);

}