ComunicWeb/assets/css/components/friends/friendsBar.css

/**
 * Friends bar style sheet
 *
 * @author Pierre HUBERT
 */

#friendsList {
	position: fixed;
	right: 0px;
	border-left: 1px black solid;
	z-index: 999;
	background-color: #fff3ff80;
	top: 0px;
	height: 100%;
	padding-top: 50px;

	/**
	width: 50px;
	font-size: 70%;
	transition: width 1s;
	*/

	width: 230px;
	transition: right 1s;
	right: -175px;
}

#friendsList:hover {
	background-color: #ffffff;

	/**
	width: 230px;
	font-size: 100%;
	padding: 10px;
	padding-top: 50px;
	*/

	right: 0px;
}

#friendsList td {
	vertical-align: middle;
}

#friendsList .account-image {
	margin: auto 10px auto auto;
	max-width: 40px;
	height: 40px;
	border-radius: 50%;
	visibility: visible
}