forked from h5p/h5p-accordion
-
Notifications
You must be signed in to change notification settings - Fork 0
/
h5p-accordion.css
47 lines (47 loc) · 1.13 KB
/
h5p-accordion.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
40
41
42
43
44
45
46
47
.h5p-no-frame > .h5p-accordion {
border: 1px solid #eee;
}
.h5p-accordion .h5p-panel-title {
margin: 0;
padding: 0.8em 0.8em 0.8em 2.25em;
color: #111111;
position: relative;
font-size: 1.25em;
text-decoration: none;
-webkit-transition: color 200ms ease 0s;
-moz-transition: color 200ms ease 0s;
transition: color 200ms ease 0s;
border-top: 1px solid #eeeeee;
cursor: pointer;
}
.h5p-accordion .h5p-panel-title:hover,
.h5p-accordion .h5p-panel-title:focus,
.h5p-accordion .h5p-panel-title:active {
color: #222266;
}
.h5p-accordion .h5p-panel-title:first-of-type {
border-top: 0;
}
.h5p-accordion .h5p-panel-title:before {
font-family: 'H5PFontAwesome4';
content: "\f105";
position: absolute;
left: 0.95em;
-webkit-transition: all 200ms ease 0s;
-moz-transition: all 200ms ease 0s;
transition: all 200ms ease 0s;
}
.h5p-accordion .h5p-panel-expanded {
color: #000000;
}
.h5p-accordion .h5p-panel-expanded:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.h5p-accordion .h5p-panel-content {
display: none;
padding: 0 1em;
}
.h5p-accordion .h5p-panel-content p {
margin-top: 0;
}