Paint/style.css at master · kryban93/Paint · 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
:root {
    --bgColor: white;
    --selectColor: #BADA55;
}
body {
    height: 100vh;
    background-image: linear-gradient(30deg,#ffad99,#99ff99,#b3d9ff,#ffff99)
}

#container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

#accordion-menu {
    width: 250px;
    border: 1px solid black;
    border-radius: 5px;
}

.panelHeader {
    background-color: #004d4d;
    padding: 1px;
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;
    color: white;
    transition: 1s;
}

.panelHeader:hover {
    background-color: #0043dd;
}

.panelContent {
    display: none;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.3s ease-out;
}

.panelText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;

    text-align: center;
    margin: 0 auto;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;

}

#draw {
    background-color: var(--bgColor);
    width: 1000px;
    height: 600px;

    border: 3px solid;
    border-color: var(--selectColor);
}

#rectangle {
    display: flex;
    flex-direction:column;
}