integration/css/home.css
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--
add toolkit.html + démonstrateurs
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     1
/* actu */
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     2
.actu {
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     3
	float: left;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     4
	position: relative;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
     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
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    18
.inner-actu{
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    19
	width: 100%;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    20
	background-color:rgba(0,0,0,.7);
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    21
	height: 40px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    22
	position: absolute;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    23
	bottom: 0;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    24
}
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    25
.inner-actu h2{
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    26
	color: #FFF;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    27
	line-height: 40px;
28
10a958322a62 Small modifications for screenshots
veltr
parents: 26
diff changeset
    28
	font-size: 20px;
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    29
	padding-left: 10px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    30
}
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    31
.inner-actu h2 a{
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    32
	color: #FFF;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    33
	text-decoration: none;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    34
}
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    35
.actu .links{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    36
	display: none;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    37
	position: absolute;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    38
	bottom: 0;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    39
	right: 0;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    40
}
26
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    41
.actu.selected .links, .actu.selected .voile{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    42
	display: block;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    43
}
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    44
.actu .links li{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    45
	float: left;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    46
	margin: 0 0 1px 1px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    47
}
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    48
.actu .links a{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    49
	display: block;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    50
	width: 28px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    51
	height: 28px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    52
	background-color: #007dad;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    53
	background-repeat: no-repeat;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    54
}
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    55
.actu .links a:hover{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    56
	background-color: #4FA3C4;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    57
}
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    58
.actu .links a.trash{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    59
	background-image: url(../img/home-button-trash.png);
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    60
	background-position: 8px 5px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    61
}
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    62
.actu .links a.file{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    63
	background-image: url(../img/home-button-file.png);
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    64
	background-position: 2px 6px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    65
	text-decoration: none; 
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    66
	position: relative;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    67
}
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    68
.actu .links a.file span{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    69
    color: #0F85B2;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    70
    display: block;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    71
    font-size: 11px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    72
    left: 8px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    73
    position: absolute;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    74
    text-align: center;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    75
    top: 6px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    76
    width: 18px;
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    77
}
21
c2dd00471b2d maj retour.
Anthony Ly <anthonyly.com@gmail.com>
parents: 20
diff changeset
    78
.actu .links a.comment{
18
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    79
	background-image: url(../img/home-button-comment.png);
bf333fd74eee réorganisation css
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    80
	background-position: 4px 6px;
19
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    81
}
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    82
/* treemap */
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    83
.actus{
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    84
	position: relative;
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    85
}
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    86
.actu{
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    87
	position: absolute;
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    88
	overflow: hidden;
81a605180745 ajout algo treemap
Anthony Ly <anthonyly.com@gmail.com>
parents: 18
diff changeset
    89
	float: none;
26
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    90
}
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    91
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    92
/* Treemap 2 */
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    93
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    94
.cluster-article {
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    95
    position: absolute; overflow: hidden;
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    96
}
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    97
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    98
.cluster-article p {
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
    99
    position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; overflow: hidden;
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   100
}
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   101
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   102
.abstract {
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   103
    position: absolute; bottom: 40px; left: 0; right: 0; padding: 4px; background: rgba(0,0,0,0.7);
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   104
    color: #ffffff; font-size: 12px; text-shadow: 1px 1px 1px #000000; display: none;
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   105
}
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   106
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   107
.actu.selected .abstract {
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   108
    display: block;
94f586daa623 Syncing treemap & streamgraph
veltr
parents: 21
diff changeset
   109
}