Visualization_Project/style.css at master · guyelov/Visualization_Project · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

/* Header */
.css-xhm2t3{
        background:#003f5c;
}

/* Body */
.css-18e3th9{
        background:#003f5c;
}

div[data-testid="stMarkdownContainer"]{
        text-align: center;
}

/* Description left */
#root > div:nth-child(1) > div.withScreencast > div > div > div > section > div > div:nth-child(1) > div > div:nth-child(3) > div.css-19qgf1r.e1tzin5v2 > div:nth-child(1) > div > div:nth-child(1) > div > div{
        text-align: left;
}

/* Analysis title left */
#root > div:nth-child(1) > div.withScreencast > div > div > div > section > div > div:nth-child(1) > div > div:nth-child(4) > div.css-19qgf1r.e1tzin5v2 > div:nth-child(1) > div > div:nth-child(1) > div > div{
        text-align: left;
}

/* Analysis text left */
#root > div:nth-child(1) > div.withScreencast > div > div > div > section > div > div:nth-child(1) > div > div:nth-child(4) > div.css-19qgf1r.e1tzin5v2 > div:nth-child(1) > div > div:nth-child(2) > div > div{
        text-align: left;
}

/* Purple Blocks */
div[data-testid="stHorizontalBlock"] {
        border:10px;
        padding:20px;
        border-radius: 10px;
        background:#2f4b7c;
}

/* Disable Plots Blocks */
#root > div:nth-child(1) > div.withScreencast > div > div > div > section > div > div:nth-child(1) > div > div:nth-child(7){
        border:0px;
        padding:0px;
        border-radius: 0px;
        background:#003f5c;
}

/* Map Block */
#root > div:nth-child(1) > div.withScreencast > div > div > div > section > div > div:nth-child(1) > div > div:nth-child(7) > div.css-1hzbxjf.e1tzin5v2{
        border:10px;
        padding:20px;
        border-radius: 10px;
        background:#2f4b7c;
}

/* Bar Plot Block */
#root > div:nth-child(1) > div.withScreencast > div > div > div > section > div > div:nth-child(1) > div > div:nth-child(7) > div.css-1i1hhp5.e1tzin5v2{
        border:10px;
        padding:20px;
        border-radius: 10px;
        background:#2f4b7c;
}

/* Center Flags */
.css-1kymt8f{
        display: flex;
        align-items: center;
}

/* Flags Border */
div[data-testid="stImage"] {
        border: 3px solid #16425B;
}

/* Push Map Down */
.user-select-none{
        margin-top:100px;
}