/**
* Comment classes
*
* @date 	15/07/2013
* @author splitfire - http://splitfire.fr
* @version 1.0
*
*
*/ 


//avatar
.comment_list--img
{
	float: left;
	width: 64px;
	height: 64px;
}
.comment_list--container
{
	@extend %clearfloat;
}

//Container d'un commentaire
.comment_list--item
{
	position: relative;
	padding: 10px 16px;
	margin:0 0 20px 75px;
	color: #000;
	//background-color: #EEEEEE;
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 5px;
	
	//caret
	&:after
	{
		position:absolute;
		content:"";
		top:8px;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		left:-8px;
	}	
	& .comment_list--toolbar
	{
		@include opacity(0);
		transition : opacity 0.2s linear;
		float: right;
		@include mq($to:tablet)
		{
			@include opacity(1);
		}
	}
	&:hover
	{		
		& .comment_list--toolbar
		{
			@include opacity(1);
		}
	}
	&.no-modify .comment_list--toolbar .comment-modify
	{
		display: none;
	}
	& .comment_list--author
	{
		font-size: 0.8em;
		line-height: 20px;
		padding-bottom: 10px;	
	}
	& .comment_list--content
	{
		& .chzn-container
		{
			color: black;
		}
	}
}

// Style d'un message de type info
.comment_list--item_info
{
	//color: white;
	//background-color: $infoColor;
	border-left:solid 2px $infoColor;
	&:after
	{
		border-right: 8px solid $infoColor;	//couleur de fond du caret	
	}
}
// Style d'un message de type survey
.comment_list--item_survey
{
	//color: white;
	//background-color: $dangerColor;
	border-left:solid 2px $dangerColor;

	&:after
	{
		border-right: 8px solid $dangerColor;	//couleur de fond du caret			
	}
}

// Style d'un message de type important
.comment_list--item_important
{
	//color: white;
	//background-color: $successColor;
	border-left:solid 2px $successColor;

	&:after
	{
		border-right: 8px solid $successColor; //couleur de fond du caret			
	}
}