"

From 2014.igem.org

Revision as of 14:30, 15 August 2014 (view source) Hiwang123 (Talk | contribs) ← Older edit		Revision as of 14:54, 15 August 2014 (view source) Hiwang123 (Talk | contribs) Newer edit →
Line 10:		Line 10:
	#tabframe{		#tabframe{
	position:absolute;		position:absolute;
		+	top:100px;
	}		}
	.note-tab{		.note-tab{

---

Revision as of 14:54, 15 August 2014

1. labnote{

 width: 950px;
 border-left: solid 1px;
 margin: 0 auto;
 position:relative;
 display:inline-block;
 margin-left:45px;

}

1. tabframe{

 position:absolute;
 top:100px;

} .note-tab{

 border: solid 1px;
 line-height: 40px;
 font-size: 20px;
 width: 150px;
 text-align: center;
 margin-left: -100px;
 margin-top: 10px;
 background-color: pink;
 cursor:pointer;

}

1. nt1{

 -webkit-transform: rotate(5deg);
 -moz-transform: rotate(5deg);
 -o-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 transform: rotate(5deg);

}

1. nt2{

 -webkit-transform: rotate(-5deg);
 -moz-transform: rotate(-5deg);
 -o-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 transform: rotate(-5deg);

}

1. nt4{

 -webkit-transform: rotate(10deg);
 -moz-transform: rotate(10deg);
 -o-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 transform: rotate(10deg);

}

1. nt5{

 -webkit-transform: rotate(3deg);
 -moz-transform: rotate(3deg);
 -o-transform: rotate(3deg);
 -ms-transform: rotate(3deg);
 transform: rotate(3deg);

}

1. nt6{

 -webkit-transform: rotate(5deg);
 -moz-transform: rotate(5deg);
 -o-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 transform: rotate(5deg);

}

.note-content{ }