PDC-IRAP / pdc-web

Blame view

app/main/static/css/charges.css 2.27 KB
Edit Raw Normal View History
f9c1f568   hitier   Add dot on total ... 
1
 
.total-line {
518c7cc5   hitier   Draw the total ca... 
2
3
4
5
6
 
    fill: none;
    stroke: orangered;
    stroke-width: 2px;
    z-index: -1;
}
f9c1f568   hitier   Add dot on total ... 
7
8
9
10
11
12
13
14
15
16
17
18
 
.total-circle {
	fill: orangered;
}
.total-circle:hover {
    -webkit-filter: brightness(2.0);
    -moz-filter: brightness(2.0);
    filter: brightness(2.0);
}
.total-tooltip {
    border: orangered;
}
518c7cc5   hitier   Draw the total ca... 
19
ff5fd5bf   hitier   Less and Longer ... 
20
21
 
.horizontalY {
    /*fill : none;*/
518c7cc5   hitier   Draw the total ca... 
22
23
24
 
    shape-rendering: crispEdges;
    stroke: lightgrey;
    stroke-width: 1px;
ff5fd5bf   hitier   Less and Longer ... 
25
 
}
518c7cc5   hitier   Draw the total ca... 
26
ff5fd5bf   hitier   Less and Longer ... 
27
 
.horizontalY0 {
518c7cc5   hitier   Draw the total ca... 
28
 
    stroke-width: 0px;
ff5fd5bf   hitier   Less and Longer ... 
29
 
}
54e2baa6   hitier   Add charge charts... 
30
46227d23   Anais Amato   Change charts wid... 
31
 
#charge_table, .charge_chart{
dfb905cf   Anais Amato   Update width of c... 
32
 
    width: 100%;
01429777   hitier   Widen table width... 
33
 
}
46227d23   Anais Amato   Change charts wid... 
34
709006af   hitier   Move agent style ... 
35
36
37
38
39
40
41
42
 
#charge_table,
#charge_table th,
#charge_table td {
    margin-top: 5em;
    margin-bottom: 5em;
    border: solid 1px lightsteelblue;
}
b9d90810   hitier   Tweak charges tab... 
43
44
 
#charge_table td,
#charge_table th {
709006af   hitier   Move agent style ... 
45
46
47
 
    padding: 0.8em;
}
cfc5bded   hitier   More chart classe... 
48
 
.svg_chart {
709006af   hitier   Move agent style ... 
49
50
51
 
    background-color: #fAfAfA;
    border: 1pt solid black;
    display: inline-block;
dfb905cf   Anais Amato   Update width of c... 
52
 
    width: 100%;
709006af   hitier   Move agent style ... 
53
54
 
}
f0706d95   hitier   Add color legend 
55
56
 
text.legend {
    font-size: 12px;
cfc5bded   hitier   More chart classe... 
57
 
    font-family: sans-serif;
f0706d95   hitier   Add color legend 
58
59
60
 
}

rect.legend {
cfc5bded   hitier   More chart classe... 
61
 
    stroke: grey;
f0706d95   hitier   Add color legend 
62
63
64
 
    stroke-width: 0.5pt;
}
b34ae681   hitier   Style bars with c... 
65
 
rect.bar {
67ab2300   hitier   Fix appearance de... 
66
 
    stroke: lightgrey;
b34ae681   hitier   Style bars with c... 
67
 
    stroke-width: 0.5pt;
709006af   hitier   Move agent style ... 
68
69
 
}
8afeed29   Anais Amato   Add hover effect ... 
70
 
.brillance, rect.bar:hover {
67ab2300   hitier   Fix appearance de... 
71
72
73
 
    -webkit-filter: brightness(0.5);
    -moz-filter: brightness(0.5);
    filter: brightness(0.8);
709006af   hitier   Move agent style ... 
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
}

.tooltip {
    position: absolute;
    opacity: 1.0;
    z-index: 1000;
    text-align: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    border: 1px solid;
    background-color: white;
    color: black;
    /*font: 12px sans-serif;*/
    max-width: 300px;
069a5102   hitier   Fixed tooltip 
90
 
    pointer-events: none;
709006af   hitier   Move agent style ... 
91
 
}
cfc5bded   hitier   More chart classe... 
92
a30b11ff   Anais Amato   Add an 'export me... 
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
 
i.export {
    padding: 7px;
    position: absolute;
    margin-top:8px;
    right: 3%;
}

i.export:hover {
    background: lightgrey;
    border-radius: 2px;
}

.tooltip_hamburger {
    border-radius: 0px;
    box-shadow: 2px 2px 2px 2px darkgrey;
    right: 2%;
    pointer-events: auto;
    width: 150px;
    margin-top:15px;
    padding: 0;
}

.tooltip_hamburger li {
    list-style: none;
    padding: 5px;
    cursor: pointer;
    pointer-events: auto;
}

.tooltip_hamburger li:hover {
    background-color: lightgrey;
}

.tooltip_hamburger span {
    width: 90%;
    padding: 5px;
    margin-left: 5px;
    display: block;
    border-bottom: 1px solid grey;
}

.rectmouseleave {
    width: 200px;
    height: 150px;
    position: absolute;
    padding: 10px;
    top:0;
    right: 0;
    /*background-color: #0b2e13;*/
cfc5bded   hitier   More chart classe... 
142
 
}