CUNY Academic Commons

<p class="dismiss">

	<a href="http://commons.gc.cuny.edu/members/cstein/?remove" class="button">Remove Message Permanently</a>

</p>

/* BUTTON Styling */

#cacap-message .button {

	background: none repeat scroll 0 0 #e6254e;

	border: 1px solid #c92045;

	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;

	background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));

}

/*Separte button from text above it */

#cacap-message .dismiss {

	margin-top: 1em;

}

<!-- replaces current paragraph. Also moves Hide Message to inside the heading and gave it a class of hide. Moving it in and changing the class is not a requirement and a bit of a hack. The alternative is to float the heading and the hide message. I just figured that might require more checking and fixing for something we're about to remove. -->

<h5>

	New CUNY Academic Commons Profiles 

	<span class="hide"><a href="#">Hide Message</a></span>

</h5>

#cacap-message .hide {

	padding-left: 20px;

}