1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 | .ui.accordion,
|
17 | .ui.accordion .accordion {
|
18 | max-width: 100%;
|
19 | }
|
20 | .ui.accordion .accordion {
|
21 | margin: 1em 0 0;
|
22 | padding: 0;
|
23 | }
|
24 |
|
25 |
|
26 | .ui.accordion .title,
|
27 | .ui.accordion .accordion .title {
|
28 | cursor: pointer;
|
29 | }
|
30 |
|
31 |
|
32 | .ui.accordion .title:not(.ui) {
|
33 | padding: 0.5em 0;
|
34 | font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
35 | font-size: 1em;
|
36 | color: rgba(0, 0, 0, 0.87);
|
37 | }
|
38 |
|
39 |
|
40 | .ui.accordion:not(.styled) .title ~ .content:not(.ui),
|
41 | .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
|
42 | margin: '';
|
43 | padding: 0.5em 0 1em;
|
44 | }
|
45 | .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
|
46 | padding-bottom: 0;
|
47 | }
|
48 |
|
49 |
|
50 | .ui.accordion .title .dropdown.icon,
|
51 | .ui.accordion .accordion .title .dropdown.icon {
|
52 | display: inline-block;
|
53 | float: none;
|
54 | opacity: 1;
|
55 | width: 1.25em;
|
56 | height: 1em;
|
57 | margin: 0 0.25rem 0 0;
|
58 | padding: 0;
|
59 | font-size: 1em;
|
60 | -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
61 | transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
62 | transition: transform 0.1s ease, opacity 0.1s ease;
|
63 | transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
|
64 | vertical-align: baseline;
|
65 | -webkit-transform: none;
|
66 | transform: none;
|
67 | }
|
68 |
|
69 |
|
70 |
|
71 |
|
72 |
|
73 |
|
74 |
|
75 | .ui.accordion.menu .item .title {
|
76 | display: block;
|
77 | padding: 0;
|
78 | }
|
79 | .ui.accordion.menu .item .title > .dropdown.icon {
|
80 | float: right;
|
81 | margin: 0.21425em 0 0 1em;
|
82 | -webkit-transform: rotate(180deg);
|
83 | transform: rotate(180deg);
|
84 | }
|
85 |
|
86 |
|
87 | .ui.accordion .ui.header .dropdown.icon {
|
88 | font-size: 1em;
|
89 | margin: 0 0.25rem 0 0;
|
90 | }
|
91 |
|
92 |
|
93 |
|
94 |
|
95 |
|
96 |
|
97 | .ui.accordion .active.title .dropdown.icon,
|
98 | .ui.accordion .accordion .active.title .dropdown.icon {
|
99 | -webkit-transform: rotate(90deg);
|
100 | transform: rotate(90deg);
|
101 | }
|
102 | .ui.accordion.menu .item .active.title > .dropdown.icon {
|
103 | -webkit-transform: rotate(90deg);
|
104 | transform: rotate(90deg);
|
105 | }
|
106 |
|
107 |
|
108 |
|
109 |
|
110 |
|
111 |
|
112 |
|
113 |
|
114 |
|
115 |
|
116 |
|
117 | .ui.styled.accordion {
|
118 | width: 600px;
|
119 | }
|
120 | .ui.styled.accordion,
|
121 | .ui.styled.accordion .accordion {
|
122 | border-radius: 0.28571429rem;
|
123 | background: #FFFFFF;
|
124 | -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
|
125 | box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
|
126 | }
|
127 | .ui.styled.accordion .title,
|
128 | .ui.styled.accordion .accordion .title {
|
129 | margin: 0;
|
130 | padding: 0.75em 1em;
|
131 | color: rgba(0, 0, 0, 0.4);
|
132 | font-weight: bold;
|
133 | border-top: 1px solid rgba(34, 36, 38, 0.15);
|
134 | -webkit-transition: background 0.1s ease, color 0.1s ease;
|
135 | transition: background 0.1s ease, color 0.1s ease;
|
136 | }
|
137 | .ui.styled.accordion > .title:first-child,
|
138 | .ui.styled.accordion .accordion .title:first-child {
|
139 | border-top: none;
|
140 | }
|
141 |
|
142 |
|
143 | .ui.styled.accordion .content,
|
144 | .ui.styled.accordion .accordion .content {
|
145 | margin: 0;
|
146 | padding: 0.5em 1em 1.5em;
|
147 | }
|
148 | .ui.styled.accordion .accordion .content {
|
149 | margin: 0;
|
150 | padding: 0.5em 1em 1.5em;
|
151 | }
|
152 |
|
153 |
|
154 | .ui.styled.accordion .title:hover,
|
155 | .ui.styled.accordion .active.title,
|
156 | .ui.styled.accordion .accordion .title:hover,
|
157 | .ui.styled.accordion .accordion .active.title {
|
158 | background: transparent;
|
159 | color: rgba(0, 0, 0, 0.87);
|
160 | }
|
161 | .ui.styled.accordion .accordion .title:hover,
|
162 | .ui.styled.accordion .accordion .active.title {
|
163 | background: transparent;
|
164 | color: rgba(0, 0, 0, 0.87);
|
165 | }
|
166 |
|
167 |
|
168 | .ui.styled.accordion .active.title {
|
169 | background: transparent;
|
170 | color: rgba(0, 0, 0, 0.95);
|
171 | }
|
172 | .ui.styled.accordion .accordion .active.title {
|
173 | background: transparent;
|
174 | color: rgba(0, 0, 0, 0.95);
|
175 | }
|
176 |
|
177 |
|
178 |
|
179 |
|
180 |
|
181 |
|
182 |
|
183 |
|
184 |
|
185 |
|
186 |
|
187 | .ui.accordion .title ~ .content:not(.active),
|
188 | .ui.accordion .accordion .title ~ .content:not(.active) {
|
189 | display: none;
|
190 | }
|
191 |
|
192 |
|
193 |
|
194 |
|
195 |
|
196 |
|
197 |
|
198 |
|
199 |
|
200 |
|
201 |
|
202 | .ui.fluid.accordion,
|
203 | .ui.fluid.accordion .accordion {
|
204 | width: 100%;
|
205 | }
|
206 |
|
207 |
|
208 |
|
209 |
|
210 |
|
211 | .ui.inverted.accordion .title:not(.ui) {
|
212 | color: rgba(255, 255, 255, 0.9);
|
213 | }
|
214 |
|
215 |
|
216 |
|
217 |
|
218 |
|
219 |
|
220 | @font-face {
|
221 | font-family: 'Accordion';
|
222 | src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
|
223 | font-weight: normal;
|
224 | font-style: normal;
|
225 | }
|
226 |
|
227 |
|
228 | .ui.accordion .title .dropdown.icon,
|
229 | .ui.accordion .accordion .title .dropdown.icon {
|
230 | font-family: Accordion;
|
231 | line-height: 1;
|
232 | -webkit-backface-visibility: hidden;
|
233 | backface-visibility: hidden;
|
234 | font-weight: normal;
|
235 | font-style: normal;
|
236 | text-align: center;
|
237 | }
|
238 | .ui.accordion .title .dropdown.icon:before,
|
239 | .ui.accordion .accordion .title .dropdown.icon:before {
|
240 | content: '\f0da' ;
|
241 | }
|
242 |
|
243 |
|
244 |
|
245 |
|
246 |
|
247 |
|