|
1 /*articles*/ |
|
2 .articles{ |
|
3 padding-left: 1px; |
|
4 overflow: auto; |
|
5 border-bottom: 1px solid #e0dde0; |
|
6 } |
|
7 .article{ |
|
8 padding: 12px 0 6px 0; |
|
9 float: left; |
|
10 border-bottom: 1px solid #e0dde0; |
|
11 } |
|
12 .article:hover{ |
|
13 background-color: #eee; |
|
14 } |
|
15 .inner-article{ |
|
16 width: 177px; |
|
17 padding-left: 12px; |
|
18 border-right: 1px solid #e0dde0; |
|
19 min-height: 250px; |
|
20 } |
|
21 .article:nth-child(4n+4) .inner-article{ |
|
22 border-right: none; |
|
23 } |
|
24 .article h2{ |
|
25 font-size: 20px; |
|
26 margin-bottom: 2px; |
|
27 } |
|
28 .article h2 a{ |
|
29 text-decoration: none; |
|
30 } |
|
31 .article h2 a:hover{ |
|
32 color:#C51810; |
|
33 } |
|
34 .author{ |
|
35 font-family: Arial; |
|
36 font-size: 8px; |
|
37 line-height: 10px; |
|
38 margin-bottom: 10px; |
|
39 } |
|
40 .number-article{ |
|
41 font-size: 10px; |
|
42 overflow: hidden; |
|
43 } |
|
44 .author a:hover, |
|
45 .number-article a:hover{ |
|
46 text-decoration: none; |
|
47 } |
|
48 .author, .author a, |
|
49 .number-article, .number-article a{ |
|
50 color: #c51810; |
|
51 } |
|
52 .number-article{ |
|
53 line-height: 22px; |
|
54 } |
|
55 .article-content{ |
|
56 width: 168px; |
|
57 min-height: 105px; |
|
58 } |
|
59 .article-content .articlelinks li{ |
|
60 list-style-image: url(../img/article-link-arrow.png); |
|
61 } |
|
62 .article-content .articlelinks li a:hover{ |
|
63 text-decoration: none; |
|
64 } |
|
65 .article-content .articlelinks{ |
|
66 margin-top: 10px; |
|
67 clear: both; |
|
68 padding-left: 20px; |
|
69 } |
|
70 .article-visuel-wrap{ |
|
71 display: block; |
|
72 float: right; |
|
73 margin-left: 10px; |
|
74 } |
|
75 /* annotations */ |
|
76 .article-annotations{ |
|
77 width: 160px; |
|
78 height: 4px; |
|
79 border:1px solid #edebed; |
|
80 background-color: #898989; |
|
81 margin-bottom: 6px; |
|
82 } |
|
83 .article-annotations a{ |
|
84 float: left; |
|
85 display: block; |
|
86 width: 100%; |
|
87 height: 4px; |
|
88 background-image: url(../img/border-right-annotation-value.png); |
|
89 background-repeat: repeat-y; |
|
90 background-position: right top; |
|
91 } |
|
92 .article-annotations .blue{ |
|
93 background-color: #429dd4; |
|
94 } |
|
95 .article-annotations .green{ |
|
96 background-color: #73c263; |
|
97 } |
|
98 .article-annotations .red{ |
|
99 background-color: #d64752; |
|
100 } |
|
101 .article-annotations .empty{ |
|
102 background-color: #898989; |
|
103 } |
|
104 .add-annotation{ |
|
105 width: 22px; |
|
106 height: 17px; |
|
107 display: block; |
|
108 background: url(../img/article-annotations-add-comment-sprite.png) no-repeat 0 0; |
|
109 float: right; |
|
110 margin-right: 14px; |
|
111 } |
|
112 .add-annotation:hover{ |
|
113 background-position: -22px 0; |
|
114 } |