CUNY Academic Commons

<!-- 

TABS

Clearing Div

In order to do the restyling I added a clearing div to the #cacap-tabs ul. Overflow:hidden doesn't work because then it messes with the bottom border I need to overlap on the tab to make it look like there is no bottom border.

HTML Changes to tab:

-->

	<ul>

		<li>

			<a href="http://cdev.gc.cuny.edu/members/cstein/profile/">Public Portfolio</a>

		</li>

		<li class="current-tab">

			<a href="http://cdev.gc.cuny.edu/members/cstein/profile/?commons-profile=1">Commons Profile</a>

		</li>

  		<div class="clear"></div>

	</ul>

// CSS changes for tabs

//change to this (remove everything but the one rule below)

//this moves it so the bottom border for the li covers the ul's bottom border

#cacap-tabs li.current-tab {

	margin-bottom: -1px;

}

//change to this

#cacap-tabs li.current-tab a{

	font-weight: bold;

	color: #3c3c3c;

	border: 1px solid #e6e6e6;

	border-bottom-color: #fff;

	-webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	border-radius: 5px 5px 0 0;

}