Skip to content

Commit e454fc1

Browse files
rexebinrexebin
committed
more work towards user-center.
1 parent 59261c1 commit e454fc1

167 files changed

Lines changed: 57999 additions & 189 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎src/app/assets/components/accordion.css‎

Lines changed: 256 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,256 @@
1+
/*!
2+
* # Semantic UI 2.2.2 - Accordion
3+
* http://github.com/semantic-org/semantic-ui/
4+
*
5+
*
6+
* Released under the MIT license
7+
* http://opensource.org/licenses/MIT
8+
*
9+
*/
10+
11+
12+
/*******************************
13+
Accordion
14+
*******************************/
15+
16+
.ui.accordion,
17+
.ui.accordion .accordion {
18+
max-width: 100%;
19+
}
20+
.ui.accordion .accordion {
21+
margin: 1em 0em 0em;
22+
padding: 0em;
23+
}
24+
25+
/* Title */
26+
.ui.accordion .title,
27+
.ui.accordion .accordion .title {
28+
cursor: pointer;
29+
}
30+
31+
/* Default Styling */
32+
.ui.accordion .title:not(.ui) {
33+
padding: 0.5em 0em;
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+
/* Content */
40+
.ui.accordion .title ~ .content,
41+
.ui.accordion .accordion .title ~ .content {
42+
display: none;
43+
}
44+
45+
/* Default Styling */
46+
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
47+
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
48+
margin: '';
49+
padding: 0.5em 0em 1em;
50+
}
51+
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
52+
padding-bottom: 0em;
53+
}
54+
55+
/* Arrow */
56+
.ui.accordion .title .dropdown.icon,
57+
.ui.accordion .accordion .title .dropdown.icon {
58+
display: inline-block;
59+
float: none;
60+
opacity: 1;
61+
width: 1.25em;
62+
height: 1em;
63+
margin: 0em 0.25rem 0em 0rem;
64+
padding: 0em;
65+
font-size: 1em;
66+
-webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
67+
transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
68+
transition: transform 0.1s ease, opacity 0.1s ease;
69+
transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
70+
vertical-align: baseline;
71+
-webkit-transform: none;
72+
-ms-transform: none;
73+
transform: none;
74+
}
75+
76+
/*--------------
77+
Coupling
78+
---------------*/
79+
80+
81+
/* Menu */
82+
.ui.accordion.menu .item .title {
83+
display: block;
84+
padding: 0em;
85+
}
86+
.ui.accordion.menu .item .title > .dropdown.icon {
87+
float: right;
88+
margin: 0.21425em 0em 0em 1em;
89+
-webkit-transform: rotate(180deg);
90+
-ms-transform: rotate(180deg);
91+
transform: rotate(180deg);
92+
}
93+
94+
/* Header */
95+
.ui.accordion .ui.header .dropdown.icon {
96+
font-size: 1em;
97+
margin: 0em 0.25rem 0em 0rem;
98+
}
99+
100+
101+
/*******************************
102+
States
103+
*******************************/
104+
105+
.ui.accordion .active.title .dropdown.icon,
106+
.ui.accordion .accordion .active.title .dropdown.icon {
107+
-webkit-transform: rotate(90deg);
108+
-ms-transform: rotate(90deg);
109+
transform: rotate(90deg);
110+
}
111+
.ui.accordion.menu .item .active.title > .dropdown.icon {
112+
-webkit-transform: rotate(90deg);
113+
-ms-transform: rotate(90deg);
114+
transform: rotate(90deg);
115+
}
116+
117+
118+
/*******************************
119+
Types
120+
*******************************/
121+
122+
123+
/*--------------
124+
Styled
125+
---------------*/
126+
127+
.ui.styled.accordion {
128+
width: 600px;
129+
}
130+
.ui.styled.accordion,
131+
.ui.styled.accordion .accordion {
132+
border-radius: 0.28571429rem;
133+
background: #FFFFFF;
134+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
135+
}
136+
.ui.styled.accordion .title,
137+
.ui.styled.accordion .accordion .title {
138+
margin: 0em;
139+
padding: 0.75em 1em;
140+
color: rgba(0, 0, 0, 0.4);
141+
font-weight: bold;
142+
border-top: 1px solid rgba(34, 36, 38, 0.15);
143+
-webkit-transition: background 0.1s ease, color 0.1s ease;
144+
transition: background 0.1s ease, color 0.1s ease;
145+
}
146+
.ui.styled.accordion > .title:first-child,
147+
.ui.styled.accordion .accordion .title:first-child {
148+
border-top: none;
149+
}
150+
151+
/* Content */
152+
.ui.styled.accordion .content,
153+
.ui.styled.accordion .accordion .content {
154+
margin: 0em;
155+
padding: 0.5em 1em 1.5em;
156+
}
157+
.ui.styled.accordion .accordion .content {
158+
padding: 0em;
159+
padding: 0.5em 1em 1.5em;
160+
}
161+
162+
/* Hover */
163+
.ui.styled.accordion .title:hover,
164+
.ui.styled.accordion .active.title,
165+
.ui.styled.accordion .accordion .title:hover,
166+
.ui.styled.accordion .accordion .active.title {
167+
background: transparent;
168+
color: rgba(0, 0, 0, 0.87);
169+
}
170+
.ui.styled.accordion .accordion .title:hover,
171+
.ui.styled.accordion .accordion .active.title {
172+
background: transparent;
173+
color: rgba(0, 0, 0, 0.87);
174+
}
175+
176+
/* Active */
177+
.ui.styled.accordion .active.title {
178+
background: transparent;
179+
color: rgba(0, 0, 0, 0.95);
180+
}
181+
.ui.styled.accordion .accordion .active.title {
182+
background: transparent;
183+
color: rgba(0, 0, 0, 0.95);
184+
}
185+
186+
187+
/*******************************
188+
States
189+
*******************************/
190+
191+
192+
/*--------------
193+
Active
194+
---------------*/
195+
196+
.ui.accordion .active.content,
197+
.ui.accordion .accordion .active.content {
198+
display: block;
199+
}
200+
201+
202+
/*******************************
203+
Variations
204+
*******************************/
205+
206+
207+
/*--------------
208+
Fluid
209+
---------------*/
210+
211+
.ui.fluid.accordion,
212+
.ui.fluid.accordion .accordion {
213+
width: 100%;
214+
}
215+
216+
/*--------------
217+
Inverted
218+
---------------*/
219+
220+
.ui.inverted.accordion .title:not(.ui) {
221+
color: rgba(255, 255, 255, 0.9);
222+
}
223+
224+
225+
/*******************************
226+
Theme Overrides
227+
*******************************/
228+
229+
@font-face {
230+
font-family: 'Accordion';
231+
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');
232+
font-weight: normal;
233+
font-style: normal;
234+
}
235+
236+
/* Dropdown Icon */
237+
.ui.accordion .title .dropdown.icon,
238+
.ui.accordion .accordion .title .dropdown.icon {
239+
font-family: Accordion;
240+
line-height: 1;
241+
-webkit-backface-visibility: hidden;
242+
backface-visibility: hidden;
243+
font-weight: normal;
244+
font-style: normal;
245+
text-align: center;
246+
}
247+
.ui.accordion .title .dropdown.icon:before,
248+
.ui.accordion .accordion .title .dropdown.icon:before {
249+
content: '\f0da' /*rtl:'\f0d9'*/;
250+
}
251+
252+
253+
/*******************************
254+
User Overrides
255+
*******************************/
256+

0 commit comments

Comments
 (0)