project/assets/css/accordian.css


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


div.accordian {
    margin: 1em 2em 2em 2em;
}


.accordian > input[name="collapse"] {
    display: none;
}


.accordian .hidden_content {
    overflow: hidden;
    height: 0;
}


.accordian label {
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    padding: 0.5em;
    background: #808080;
}


.accordian label:hover,
.accordian label:focus {
    color: #ffffff;
    background: #000000;
}


.accordian > input[name="collapse"]:checked ~ .hidden_content {
    height: auto;
}