| author | Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> |
| Thu, 10 Apr 2014 14:20:23 +0200 | |
| changeset 47 | c0b4a8b5a012 |
| parent 28 | 10a958322a62 |
| permissions | -rw-r--r-- |
| 18 | 1 |
/* actu */ |
2 |
.actu { |
|
3 |
float: left; |
|
4 |
position: relative; |
|
5 |
} |
|
|
20
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
6 |
.actu .voile{ |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
7 |
width: 100%; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
8 |
height: 100%; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
9 |
position: absolute; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
10 |
background-color: #c51810; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
11 |
top: 0; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
12 |
left: 0; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
13 |
zoom: 1; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
14 |
filter: alpha(opacity=30); |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
15 |
opacity: 0.3; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
16 |
display: none; |
|
c86141a8570d
maj retours / modifications
Anthony Ly <anthonyly.com@gmail.com>
parents:
19
diff
changeset
|
17 |
} |
| 18 | 18 |
.inner-actu{ |
19 |
width: 100%; |
|
20 |
background-color:rgba(0,0,0,.7); |
|
21 |
height: 40px; |
|
22 |
position: absolute; |
|
23 |
bottom: 0; |
|
24 |
} |
|
25 |
.inner-actu h2{ |
|
26 |
color: #FFF; |
|
27 |
line-height: 40px; |
|
| 28 | 28 |
font-size: 20px; |
| 18 | 29 |
padding-left: 10px; |
30 |
} |
|
31 |
.inner-actu h2 a{ |
|
32 |
color: #FFF; |
|
33 |
text-decoration: none; |
|
34 |
} |
|
| 21 | 35 |
.actu .links{ |
| 18 | 36 |
display: none; |
37 |
position: absolute; |
|
38 |
bottom: 0; |
|
39 |
right: 0; |
|
40 |
} |
|
| 26 | 41 |
.actu.selected .links, .actu.selected .voile{ |
| 18 | 42 |
display: block; |
43 |
} |
|
| 21 | 44 |
.actu .links li{ |
| 18 | 45 |
float: left; |
46 |
margin: 0 0 1px 1px; |
|
47 |
} |
|
| 21 | 48 |
.actu .links a{ |
| 18 | 49 |
display: block; |
50 |
width: 28px; |
|
51 |
height: 28px; |
|
52 |
background-color: #007dad; |
|
53 |
background-repeat: no-repeat; |
|
54 |
} |
|
| 21 | 55 |
.actu .links a:hover{ |
| 18 | 56 |
background-color: #4FA3C4; |
57 |
} |
|
| 21 | 58 |
.actu .links a.trash{ |
| 18 | 59 |
background-image: url(../img/home-button-trash.png); |
60 |
background-position: 8px 5px; |
|
61 |
} |
|
| 21 | 62 |
.actu .links a.file{ |
| 18 | 63 |
background-image: url(../img/home-button-file.png); |
64 |
background-position: 2px 6px; |
|
65 |
text-decoration: none; |
|
66 |
position: relative; |
|
67 |
} |
|
| 21 | 68 |
.actu .links a.file span{ |
| 18 | 69 |
color: #0F85B2; |
70 |
display: block; |
|
71 |
font-size: 11px; |
|
72 |
left: 8px; |
|
73 |
position: absolute; |
|
74 |
text-align: center; |
|
75 |
top: 6px; |
|
76 |
width: 18px; |
|
77 |
} |
|
| 21 | 78 |
.actu .links a.comment{ |
| 18 | 79 |
background-image: url(../img/home-button-comment.png); |
80 |
background-position: 4px 6px; |
|
| 19 | 81 |
} |
82 |
/* treemap */ |
|
83 |
.actus{ |
|
84 |
position: relative; |
|
85 |
} |
|
86 |
.actu{ |
|
87 |
position: absolute; |
|
88 |
overflow: hidden; |
|
89 |
float: none; |
|
| 26 | 90 |
} |
91 |
||
92 |
/* Treemap 2 */ |
|
93 |
||
94 |
.cluster-article { |
|
95 |
position: absolute; overflow: hidden; |
|
96 |
} |
|
97 |
||
98 |
.cluster-article p { |
|
99 |
position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; overflow: hidden; |
|
100 |
} |
|
101 |
||
102 |
.abstract { |
|
103 |
position: absolute; bottom: 40px; left: 0; right: 0; padding: 4px; background: rgba(0,0,0,0.7); |
|
104 |
color: #ffffff; font-size: 12px; text-shadow: 1px 1px 1px #000000; display: none; |
|
105 |
} |
|
106 |
||
107 |
.actu.selected .abstract { |
|
108 |
display: block; |
|
109 |
} |