Updates Tab #4

*****THIS PART GOES AFTER <STYLE TYPE="TEXT/CSS">********

.star {
	font-size: 45px;
	font-family: sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #737B98;
	position: absolute;
	top: 10px;
	left: 20px;
	right 0px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}

.star:hover {
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	left: 150px;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
}

.box {
	overflow: hidden;
	background: #eee;
	height: 0px;
	width: 0px;
	position: absolute;
	right: 20px;
	top: 30px;
	z-index: -1;
	font-size: 11px;
	text-transform: none;
	font-weight: normal;
	color: #333;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
}

.star:hover .box {
	width: 130px;
	padding: 10px;
	height: 210px;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
}


****THIS PART GOES AFTER <BODY>*******

<div class="star">&#9733;
	<div class="box">
		This is the text of your updates tab.  You can put anything you want in here, and adjust the height to your liking.
		<p />
		You can make new paragraphs, you can <b>bold</b> and <i>italacize</i> text, and even <u>underline</u> things!
		<p />
		Technically you can put as much text as you want in here, as long as the box doesn't expand off the screen!
	</div>
</div>