integration/css/article.css
author Anthony Ly <anthonyly.com@gmail.com>
Mon, 29 Oct 2012 18:06:44 +0100
changeset 18 bf333fd74eee
child 20 c86141a8570d
permissions -rw-r--r--
réorganisation css

/*articles*/
.articles{
	padding-left: 1px;
	overflow: auto;
	border-bottom: 1px solid #e0dde0;
}
.article{
	padding: 12px 0 6px 0;
	float: left;
	border-bottom: 1px solid #e0dde0;
}
.article:hover{
	background-color: #eee;
}
.inner-article{
	width: 177px;
	padding-left: 12px;
	border-right: 1px solid #e0dde0;
	min-height: 250px;
}
.article:nth-child(4n+4) .inner-article{  
  border-right: none;
}
.article h2{
	font-size: 20px;
	margin-bottom: 2px;
}
.article h2 a{
	text-decoration: none;
}
.article h2 a:hover{
	color:#C51810;
}
.author{
	font-family: Arial;
	font-size: 8px;
	line-height: 10px;
	margin-bottom: 10px;
}
.number-article{
	font-size: 10px;
	overflow: hidden;
}
.author a:hover, 
.number-article a:hover{
	text-decoration: none;
}
.author, .author a,
.number-article, .number-article a{
	color: #c51810;
}
.number-article{
	line-height: 22px;
}
.article-content{
	width: 168px;
	min-height: 105px;
}
.article-content .links li{
	list-style-image: url(../img/article-link-arrow.png);
}
.article-content .links li a:hover{
	text-decoration: none;
}
.article-content .links{
	margin-top: 10px;
	clear: both;
	padding-left: 20px;
}
.article-visuel-wrap{
	display: block;
	float: right;
	margin-left: 10px;
}
/* annotations */
.article-annotations{
	width: 160px;
	height: 4px;
	border:1px solid #edebed;
	background-color: #898989;
	margin-bottom: 6px;
}
.article-annotations a{
	float: left;
	display: block;
	width: 100%;
	height: 4px;
	background-image: url(../img/border-right-annotation-value.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.article-annotations .blue{
	background-color: #429dd4;
}
.article-annotations .green{
	background-color: #73c263;
}
.article-annotations .red{
	background-color: #d64752;
}
.article-annotations .empty{
	background-color: #898989;
}
.add-annotation{
	width: 22px;
	height: 17px;
	display: block;
	background: url(../img/article-annotations-add-comment-sprite.png) no-repeat 0 0;
	float: right;
	margin-right: 14px;
}
.add-annotation:hover{
	background-position: -22px 0;
}