web-activity-time-tracker/style/chart.css at 10bccfd3714ba53bad13a18e9a099a3c71a1eb80 · rubycoder/web-activity-time-tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
/* Add shadow effect to chart. If you don't like it, get rid of it. */
svg {
    -webkit-filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.3) );
    filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.25) );
}

/*Styling for the lines connecting the labels to the slices*/
polyline{
    opacity: .3;
    stroke: black;
    stroke-width: 2px;
    fill: none;
}

/* Make the percentage on the text labels bold*/
.labelName tspan {
    font-style: normal;
    font-weight: 700;
}

/* In biology we generally italicise species names. */
.labelName {
    font-size: 1.1em;
}

tspan{
    font-size: 1.2em;
    font-weight: 600;
}

.siteName{
    font-size: 1em !important;
    font-weight: 400 !important;
}

.percentageValue{
    font-size: 1.8em !important;
    font-weight: 600 !important;
}

.backColorChart{
    background-color: rgb(227, 245, 243);
}