Showing
164 changed files
with
4959 additions
and
0 deletions
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - 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 | + transform: none; | ||
73 | +} | ||
74 | + | ||
75 | +/*-------------- | ||
76 | + Coupling | ||
77 | +---------------*/ | ||
78 | + | ||
79 | + | ||
80 | +/* Menu */ | ||
81 | +.ui.accordion.menu .item .title { | ||
82 | + display: block; | ||
83 | + padding: 0em; | ||
84 | +} | ||
85 | +.ui.accordion.menu .item .title > .dropdown.icon { | ||
86 | + float: right; | ||
87 | + margin: 0.21425em 0em 0em 1em; | ||
88 | + -webkit-transform: rotate(180deg); | ||
89 | + transform: rotate(180deg); | ||
90 | +} | ||
91 | + | ||
92 | +/* Header */ | ||
93 | +.ui.accordion .ui.header .dropdown.icon { | ||
94 | + font-size: 1em; | ||
95 | + margin: 0em 0.25rem 0em 0rem; | ||
96 | +} | ||
97 | + | ||
98 | + | ||
99 | +/******************************* | ||
100 | + States | ||
101 | +*******************************/ | ||
102 | + | ||
103 | +.ui.accordion .active.title .dropdown.icon, | ||
104 | +.ui.accordion .accordion .active.title .dropdown.icon { | ||
105 | + -webkit-transform: rotate(90deg); | ||
106 | + transform: rotate(90deg); | ||
107 | +} | ||
108 | +.ui.accordion.menu .item .active.title > .dropdown.icon { | ||
109 | + -webkit-transform: rotate(90deg); | ||
110 | + transform: rotate(90deg); | ||
111 | +} | ||
112 | + | ||
113 | + | ||
114 | +/******************************* | ||
115 | + Types | ||
116 | +*******************************/ | ||
117 | + | ||
118 | + | ||
119 | +/*-------------- | ||
120 | + Styled | ||
121 | +---------------*/ | ||
122 | + | ||
123 | +.ui.styled.accordion { | ||
124 | + width: 600px; | ||
125 | +} | ||
126 | +.ui.styled.accordion, | ||
127 | +.ui.styled.accordion .accordion { | ||
128 | + border-radius: 0.28571429rem; | ||
129 | + background: #FFFFFF; | ||
130 | + -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); | ||
131 | + box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); | ||
132 | +} | ||
133 | +.ui.styled.accordion .title, | ||
134 | +.ui.styled.accordion .accordion .title { | ||
135 | + margin: 0em; | ||
136 | + padding: 0.75em 1em; | ||
137 | + color: rgba(0, 0, 0, 0.4); | ||
138 | + font-weight: bold; | ||
139 | + border-top: 1px solid rgba(34, 36, 38, 0.15); | ||
140 | + -webkit-transition: background 0.1s ease, color 0.1s ease; | ||
141 | + transition: background 0.1s ease, color 0.1s ease; | ||
142 | +} | ||
143 | +.ui.styled.accordion > .title:first-child, | ||
144 | +.ui.styled.accordion .accordion .title:first-child { | ||
145 | + border-top: none; | ||
146 | +} | ||
147 | + | ||
148 | +/* Content */ | ||
149 | +.ui.styled.accordion .content, | ||
150 | +.ui.styled.accordion .accordion .content { | ||
151 | + margin: 0em; | ||
152 | + padding: 0.5em 1em 1.5em; | ||
153 | +} | ||
154 | +.ui.styled.accordion .accordion .content { | ||
155 | + padding: 0em; | ||
156 | + padding: 0.5em 1em 1.5em; | ||
157 | +} | ||
158 | + | ||
159 | +/* Hover */ | ||
160 | +.ui.styled.accordion .title:hover, | ||
161 | +.ui.styled.accordion .active.title, | ||
162 | +.ui.styled.accordion .accordion .title:hover, | ||
163 | +.ui.styled.accordion .accordion .active.title { | ||
164 | + background: transparent; | ||
165 | + color: rgba(0, 0, 0, 0.87); | ||
166 | +} | ||
167 | +.ui.styled.accordion .accordion .title:hover, | ||
168 | +.ui.styled.accordion .accordion .active.title { | ||
169 | + background: transparent; | ||
170 | + color: rgba(0, 0, 0, 0.87); | ||
171 | +} | ||
172 | + | ||
173 | +/* Active */ | ||
174 | +.ui.styled.accordion .active.title { | ||
175 | + background: transparent; | ||
176 | + color: rgba(0, 0, 0, 0.95); | ||
177 | +} | ||
178 | +.ui.styled.accordion .accordion .active.title { | ||
179 | + background: transparent; | ||
180 | + color: rgba(0, 0, 0, 0.95); | ||
181 | +} | ||
182 | + | ||
183 | + | ||
184 | +/******************************* | ||
185 | + States | ||
186 | +*******************************/ | ||
187 | + | ||
188 | + | ||
189 | +/*-------------- | ||
190 | + Active | ||
191 | +---------------*/ | ||
192 | + | ||
193 | +.ui.accordion .active.content, | ||
194 | +.ui.accordion .accordion .active.content { | ||
195 | + display: block; | ||
196 | +} | ||
197 | + | ||
198 | + | ||
199 | +/******************************* | ||
200 | + Variations | ||
201 | +*******************************/ | ||
202 | + | ||
203 | + | ||
204 | +/*-------------- | ||
205 | + Fluid | ||
206 | +---------------*/ | ||
207 | + | ||
208 | +.ui.fluid.accordion, | ||
209 | +.ui.fluid.accordion .accordion { | ||
210 | + width: 100%; | ||
211 | +} | ||
212 | + | ||
213 | +/*-------------- | ||
214 | + Inverted | ||
215 | +---------------*/ | ||
216 | + | ||
217 | +.ui.inverted.accordion .title:not(.ui) { | ||
218 | + color: rgba(255, 255, 255, 0.9); | ||
219 | +} | ||
220 | + | ||
221 | + | ||
222 | +/******************************* | ||
223 | + Theme Overrides | ||
224 | +*******************************/ | ||
225 | + | ||
226 | +@font-face { | ||
227 | + font-family: 'Accordion'; | ||
228 | + 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'); | ||
229 | + font-weight: normal; | ||
230 | + font-style: normal; | ||
231 | +} | ||
232 | + | ||
233 | +/* Dropdown Icon */ | ||
234 | +.ui.accordion .title .dropdown.icon, | ||
235 | +.ui.accordion .accordion .title .dropdown.icon { | ||
236 | + font-family: Accordion; | ||
237 | + line-height: 1; | ||
238 | + -webkit-backface-visibility: hidden; | ||
239 | + backface-visibility: hidden; | ||
240 | + font-weight: normal; | ||
241 | + font-style: normal; | ||
242 | + text-align: center; | ||
243 | +} | ||
244 | +.ui.accordion .title .dropdown.icon:before, | ||
245 | +.ui.accordion .accordion .title .dropdown.icon:before { | ||
246 | + content: '\f0da' /*rtl:'\f0d9'*/; | ||
247 | +} | ||
248 | + | ||
249 | + | ||
250 | +/******************************* | ||
251 | + User Overrides | ||
252 | +*******************************/ | ||
253 | + |
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - 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 | + */.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion .title,.ui.accordion .title{cursor:pointer}.ui.accordion .title:not(.ui){padding:.5em 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;color:rgba(0,0,0,.87)}.ui.accordion .accordion .title~.content,.ui.accordion .title~.content{display:none}.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),.ui.accordion:not(.styled) .title~.content:not(.ui){margin:'';padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:not(.ui):last-child{padding-bottom:0}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease;vertical-align:baseline;-webkit-transform:none;transform:none}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:.21425em 0 0 1em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ui.accordion .ui.header .dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title .dropdown.icon,.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion .title,.ui.styled.accordion .title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);-webkit-transition:background .1s ease,color .1s ease;transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion .title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion .accordion .content,.ui.styled.accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .content{padding:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.accordion .accordion .active.content,.ui.accordion .active.content{display:block}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .title:not(.ui){color:rgba(255,255,255,.9)}@font-face{font-family:Accordion;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');font-weight:400;font-style:normal}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title .dropdown.icon:before,.ui.accordion .title .dropdown.icon:before{content:'\f0da'} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +!function(F,A,e,q){"use strict";A=void 0!==A&&A.Math==Math?A:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),F.fn.accordion=function(a){var v,s=F(this),b=(new Date).getTime(),y=[],C=a,O="string"==typeof C,x=[].slice.call(arguments,1);A.requestAnimationFrame||A.mozRequestAnimationFrame||A.webkitRequestAnimationFrame||A.msRequestAnimationFrame;return s.each(function(){var e,c,u=F.isPlainObject(a)?F.extend(!0,{},F.fn.accordion.settings,a):F.extend({},F.fn.accordion.settings),d=u.className,n=u.namespace,g=u.selector,l=u.error,t="."+n,i="module-"+n,o=s.selector||"",f=F(this),m=f.find(g.title),p=f.find(g.content),r=this,h=f.data(i);c={initialize:function(){c.debug("Initializing",f),c.bind.events(),u.observeChanges&&c.observeChanges(),c.instantiate()},instantiate:function(){h=c,f.data(i,c)},destroy:function(){c.debug("Destroying previous instance",f),f.off(t).removeData(i)},refresh:function(){m=f.find(g.title),p=f.find(g.content)},observeChanges:function(){"MutationObserver"in A&&((e=new MutationObserver(function(e){c.debug("DOM tree modified, updating selector cache"),c.refresh()})).observe(r,{childList:!0,subtree:!0}),c.debug("Setting up mutation observer",e))},bind:{events:function(){c.debug("Binding delegated events"),f.on(u.on+t,g.trigger,c.event.click)}},event:{click:function(){c.toggle.call(this)}},toggle:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating),o=t.hasClass(d.active),a=o&&!i,s=!o&&i;c.debug("Toggling visibility of content",n),a||s?u.collapsible?c.close.call(n):c.debug("Cannot close accordion content collapsing is disabled"):c.open.call(n)},open:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating);t.hasClass(d.active)||i?c.debug("Accordion already open, skipping",t):(c.debug("Opening accordion content",n),u.onOpening.call(t),u.onChanging.call(t),u.exclusive&&c.closeOthers.call(n),n.addClass(d.active),t.stop(!0,!0).addClass(d.animating),u.animateChildren&&(F.fn.transition!==q&&f.transition("is supported")?t.children().transition({animation:"fade in",queue:!1,useFailSafe:!0,debug:u.debug,verbose:u.verbose,duration:u.duration}):t.children().stop(!0,!0).animate({opacity:1},u.duration,c.resetOpacity)),t.slideDown(u.duration,u.easing,function(){t.removeClass(d.animating).addClass(d.active),c.reset.display.call(this),u.onOpen.call(this),u.onChange.call(this)}))},close:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating),o=t.hasClass(d.active);!o&&!(!o&&i)||o&&i||(c.debug("Closing accordion content",t),u.onClosing.call(t),u.onChanging.call(t),n.removeClass(d.active),t.stop(!0,!0).addClass(d.animating),u.animateChildren&&(F.fn.transition!==q&&f.transition("is supported")?t.children().transition({animation:"fade out",queue:!1,useFailSafe:!0,debug:u.debug,verbose:u.verbose,duration:u.duration}):t.children().stop(!0,!0).animate({opacity:0},u.duration,c.resetOpacity)),t.slideUp(u.duration,u.easing,function(){t.removeClass(d.animating).removeClass(d.active),c.reset.display.call(this),u.onClose.call(this),u.onChange.call(this)}))},closeOthers:function(e){var n,t,i,o=e!==q?m.eq(e):F(this).closest(g.title),a=o.parents(g.content).prev(g.title),s=o.closest(g.accordion),l=g.title+"."+d.active+":visible",r=g.content+"."+d.active+":visible";u.closeNested?i=(n=s.find(l).not(a)).next(p):(n=s.find(l).not(a),t=s.find(r).find(l).not(a),i=(n=n.not(t)).next(p)),0<n.length&&(c.debug("Exclusive enabled, closing other content",n),n.removeClass(d.active),i.removeClass(d.animating).stop(!0,!0),u.animateChildren&&(F.fn.transition!==q&&f.transition("is supported")?i.children().transition({animation:"fade out",useFailSafe:!0,debug:u.debug,verbose:u.verbose,duration:u.duration}):i.children().stop(!0,!0).animate({opacity:0},u.duration,c.resetOpacity)),i.slideUp(u.duration,u.easing,function(){F(this).removeClass(d.active),c.reset.display.call(this)}))},reset:{display:function(){c.verbose("Removing inline display from element",this),F(this).css("display",""),""===F(this).attr("style")&&F(this).attr("style","").removeAttr("style")},opacity:function(){c.verbose("Removing inline opacity from element",this),F(this).css("opacity",""),""===F(this).attr("style")&&F(this).attr("style","").removeAttr("style")}},setting:function(e,n){if(c.debug("Changing setting",e,n),F.isPlainObject(e))F.extend(!0,u,e);else{if(n===q)return u[e];F.isPlainObject(u[e])?F.extend(!0,u[e],n):u[e]=n}},internal:function(e,n){if(c.debug("Changing internal",e,n),n===q)return c[e];F.isPlainObject(e)?F.extend(!0,c,e):c[e]=n},debug:function(){!u.silent&&u.debug&&(u.performance?c.performance.log(arguments):(c.debug=Function.prototype.bind.call(console.info,console,u.name+":"),c.debug.apply(console,arguments)))},verbose:function(){!u.silent&&u.verbose&&u.debug&&(u.performance?c.performance.log(arguments):(c.verbose=Function.prototype.bind.call(console.info,console,u.name+":"),c.verbose.apply(console,arguments)))},error:function(){u.silent||(c.error=Function.prototype.bind.call(console.error,console,u.name+":"),c.error.apply(console,arguments))},performance:{log:function(e){var n,t;u.performance&&(t=(n=(new Date).getTime())-(b||n),b=n,y.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:r,"Execution Time":t})),clearTimeout(c.performance.timer),c.performance.timer=setTimeout(c.performance.display,500)},display:function(){var e=u.name+":",t=0;b=!1,clearTimeout(c.performance.timer),F.each(y,function(e,n){t+=n["Execution Time"]}),e+=" "+t+"ms",o&&(e+=" '"+o+"'"),(console.group!==q||console.table!==q)&&0<y.length&&(console.groupCollapsed(e),console.table?console.table(y):F.each(y,function(e,n){console.log(n.Name+": "+n["Execution Time"]+"ms")}),console.groupEnd()),y=[]}},invoke:function(i,e,n){var o,a,t,s=h;return e=e||x,n=r||n,"string"==typeof i&&s!==q&&(i=i.split(/[\. ]/),o=i.length-1,F.each(i,function(e,n){var t=e!=o?n+i[e+1].charAt(0).toUpperCase()+i[e+1].slice(1):i;if(F.isPlainObject(s[t])&&e!=o)s=s[t];else{if(s[t]!==q)return a=s[t],!1;if(!F.isPlainObject(s[n])||e==o)return s[n]!==q?a=s[n]:c.error(l.method,i),!1;s=s[n]}})),F.isFunction(a)?t=a.apply(n,e):a!==q&&(t=a),F.isArray(v)?v.push(t):v!==q?v=[v,t]:t!==q&&(v=t),a}},O?(h===q&&c.initialize(),c.invoke(C)):(h!==q&&h.invoke("destroy"),c.initialize())}),v!==q?v:this},F.fn.accordion.settings={name:"Accordion",namespace:"accordion",silent:!1,debug:!1,verbose:!1,performance:!0,on:"click",observeChanges:!0,exclusive:!0,collapsible:!0,closeNested:!1,animateChildren:!0,duration:350,easing:"easeOutQuad",onOpening:function(){},onClosing:function(){},onChanging:function(){},onOpen:function(){},onClose:function(){},onChange:function(){},error:{method:"The method you called is not defined"},className:{active:"active",animating:"animating"},selector:{accordion:".accordion",title:".title",trigger:".title",content:".content"}},F.extend(F.easing,{easeOutQuad:function(e,n,t,i,o){return-i*(n/=o)*(n-2)+t}})}(jQuery,window,document); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Ad | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Copyright 2013 Contributors | ||
7 | + * Released under the MIT license | ||
8 | + * http://opensource.org/licenses/MIT | ||
9 | + * | ||
10 | + */ | ||
11 | + | ||
12 | + | ||
13 | +/******************************* | ||
14 | + Advertisement | ||
15 | +*******************************/ | ||
16 | + | ||
17 | +.ui.ad { | ||
18 | + display: block; | ||
19 | + overflow: hidden; | ||
20 | + margin: 1em 0em; | ||
21 | +} | ||
22 | +.ui.ad:first-child { | ||
23 | + margin: 0em; | ||
24 | +} | ||
25 | +.ui.ad:last-child { | ||
26 | + margin: 0em; | ||
27 | +} | ||
28 | +.ui.ad iframe { | ||
29 | + margin: 0em; | ||
30 | + padding: 0em; | ||
31 | + border: none; | ||
32 | + overflow: hidden; | ||
33 | +} | ||
34 | + | ||
35 | +/*-------------- | ||
36 | + Common | ||
37 | +---------------*/ | ||
38 | + | ||
39 | + | ||
40 | +/* Leaderboard */ | ||
41 | +.ui.leaderboard.ad { | ||
42 | + width: 728px; | ||
43 | + height: 90px; | ||
44 | +} | ||
45 | + | ||
46 | +/* Medium Rectangle */ | ||
47 | +.ui[class*="medium rectangle"].ad { | ||
48 | + width: 300px; | ||
49 | + height: 250px; | ||
50 | +} | ||
51 | + | ||
52 | +/* Large Rectangle */ | ||
53 | +.ui[class*="large rectangle"].ad { | ||
54 | + width: 336px; | ||
55 | + height: 280px; | ||
56 | +} | ||
57 | + | ||
58 | +/* Half Page */ | ||
59 | +.ui[class*="half page"].ad { | ||
60 | + width: 300px; | ||
61 | + height: 600px; | ||
62 | +} | ||
63 | + | ||
64 | +/*-------------- | ||
65 | + Square | ||
66 | +---------------*/ | ||
67 | + | ||
68 | + | ||
69 | +/* Square */ | ||
70 | +.ui.square.ad { | ||
71 | + width: 250px; | ||
72 | + height: 250px; | ||
73 | +} | ||
74 | + | ||
75 | +/* Small Square */ | ||
76 | +.ui[class*="small square"].ad { | ||
77 | + width: 200px; | ||
78 | + height: 200px; | ||
79 | +} | ||
80 | + | ||
81 | +/*-------------- | ||
82 | + Rectangle | ||
83 | +---------------*/ | ||
84 | + | ||
85 | + | ||
86 | +/* Small Rectangle */ | ||
87 | +.ui[class*="small rectangle"].ad { | ||
88 | + width: 180px; | ||
89 | + height: 150px; | ||
90 | +} | ||
91 | + | ||
92 | +/* Vertical Rectangle */ | ||
93 | +.ui[class*="vertical rectangle"].ad { | ||
94 | + width: 240px; | ||
95 | + height: 400px; | ||
96 | +} | ||
97 | + | ||
98 | +/*-------------- | ||
99 | + Button | ||
100 | +---------------*/ | ||
101 | + | ||
102 | +.ui.button.ad { | ||
103 | + width: 120px; | ||
104 | + height: 90px; | ||
105 | +} | ||
106 | +.ui[class*="square button"].ad { | ||
107 | + width: 125px; | ||
108 | + height: 125px; | ||
109 | +} | ||
110 | +.ui[class*="small button"].ad { | ||
111 | + width: 120px; | ||
112 | + height: 60px; | ||
113 | +} | ||
114 | + | ||
115 | +/*-------------- | ||
116 | + Skyscrapers | ||
117 | +---------------*/ | ||
118 | + | ||
119 | + | ||
120 | +/* Skyscraper */ | ||
121 | +.ui.skyscraper.ad { | ||
122 | + width: 120px; | ||
123 | + height: 600px; | ||
124 | +} | ||
125 | + | ||
126 | +/* Wide Skyscraper */ | ||
127 | +.ui[class*="wide skyscraper"].ad { | ||
128 | + width: 160px; | ||
129 | +} | ||
130 | + | ||
131 | +/*-------------- | ||
132 | + Banners | ||
133 | +---------------*/ | ||
134 | + | ||
135 | + | ||
136 | +/* Banner */ | ||
137 | +.ui.banner.ad { | ||
138 | + width: 468px; | ||
139 | + height: 60px; | ||
140 | +} | ||
141 | + | ||
142 | +/* Vertical Banner */ | ||
143 | +.ui[class*="vertical banner"].ad { | ||
144 | + width: 120px; | ||
145 | + height: 240px; | ||
146 | +} | ||
147 | + | ||
148 | +/* Top Banner */ | ||
149 | +.ui[class*="top banner"].ad { | ||
150 | + width: 930px; | ||
151 | + height: 180px; | ||
152 | +} | ||
153 | + | ||
154 | +/* Half Banner */ | ||
155 | +.ui[class*="half banner"].ad { | ||
156 | + width: 234px; | ||
157 | + height: 60px; | ||
158 | +} | ||
159 | + | ||
160 | +/*-------------- | ||
161 | + Boards | ||
162 | +---------------*/ | ||
163 | + | ||
164 | + | ||
165 | +/* Leaderboard */ | ||
166 | +.ui[class*="large leaderboard"].ad { | ||
167 | + width: 970px; | ||
168 | + height: 90px; | ||
169 | +} | ||
170 | + | ||
171 | +/* Billboard */ | ||
172 | +.ui.billboard.ad { | ||
173 | + width: 970px; | ||
174 | + height: 250px; | ||
175 | +} | ||
176 | + | ||
177 | +/*-------------- | ||
178 | + Panorama | ||
179 | +---------------*/ | ||
180 | + | ||
181 | + | ||
182 | +/* Panorama */ | ||
183 | +.ui.panorama.ad { | ||
184 | + width: 980px; | ||
185 | + height: 120px; | ||
186 | +} | ||
187 | + | ||
188 | +/*-------------- | ||
189 | + Netboard | ||
190 | +---------------*/ | ||
191 | + | ||
192 | + | ||
193 | +/* Netboard */ | ||
194 | +.ui.netboard.ad { | ||
195 | + width: 580px; | ||
196 | + height: 400px; | ||
197 | +} | ||
198 | + | ||
199 | +/*-------------- | ||
200 | + Mobile | ||
201 | +---------------*/ | ||
202 | + | ||
203 | + | ||
204 | +/* Large Mobile Banner */ | ||
205 | +.ui[class*="large mobile banner"].ad { | ||
206 | + width: 320px; | ||
207 | + height: 100px; | ||
208 | +} | ||
209 | + | ||
210 | +/* Mobile Leaderboard */ | ||
211 | +.ui[class*="mobile leaderboard"].ad { | ||
212 | + width: 320px; | ||
213 | + height: 50px; | ||
214 | +} | ||
215 | + | ||
216 | + | ||
217 | +/******************************* | ||
218 | + Types | ||
219 | +*******************************/ | ||
220 | + | ||
221 | + | ||
222 | +/* Mobile Sizes */ | ||
223 | +.ui.mobile.ad { | ||
224 | + display: none; | ||
225 | +} | ||
226 | +@media only screen and (max-width: 767px) { | ||
227 | + .ui.mobile.ad { | ||
228 | + display: block; | ||
229 | + } | ||
230 | +} | ||
231 | + | ||
232 | + | ||
233 | +/******************************* | ||
234 | + Variations | ||
235 | +*******************************/ | ||
236 | + | ||
237 | +.ui.centered.ad { | ||
238 | + margin-left: auto; | ||
239 | + margin-right: auto; | ||
240 | +} | ||
241 | +.ui.test.ad { | ||
242 | + position: relative; | ||
243 | + background: #545454; | ||
244 | +} | ||
245 | +.ui.test.ad:after { | ||
246 | + position: absolute; | ||
247 | + top: 50%; | ||
248 | + left: 50%; | ||
249 | + width: 100%; | ||
250 | + text-align: center; | ||
251 | + -webkit-transform: translateX(-50%) translateY(-50%); | ||
252 | + transform: translateX(-50%) translateY(-50%); | ||
253 | + content: 'Ad'; | ||
254 | + color: #FFFFFF; | ||
255 | + font-size: 1em; | ||
256 | + font-weight: bold; | ||
257 | +} | ||
258 | +.ui.mobile.test.ad:after { | ||
259 | + font-size: 0.85714286em; | ||
260 | +} | ||
261 | +.ui.test.ad[data-text]:after { | ||
262 | + content: attr(data-text); | ||
263 | +} | ||
264 | + | ||
265 | + | ||
266 | +/******************************* | ||
267 | + Theme Overrides | ||
268 | +*******************************/ | ||
269 | + | ||
270 | + | ||
271 | + | ||
272 | +/******************************* | ||
273 | + User Variable Overrides | ||
274 | +*******************************/ | ||
275 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Ad | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Copyright 2013 Contributors | ||
7 | + * Released under the MIT license | ||
8 | + * http://opensource.org/licenses/MIT | ||
9 | + * | ||
10 | + */.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.85714286em}.ui.test.ad[data-text]:after{content:attr(data-text)} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Breadcrumb | ||
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 | + Breadcrumb | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.breadcrumb { | ||
17 | + line-height: 1; | ||
18 | + display: inline-block; | ||
19 | + margin: 0em 0em; | ||
20 | + vertical-align: middle; | ||
21 | +} | ||
22 | +.ui.breadcrumb:first-child { | ||
23 | + margin-top: 0em; | ||
24 | +} | ||
25 | +.ui.breadcrumb:last-child { | ||
26 | + margin-bottom: 0em; | ||
27 | +} | ||
28 | + | ||
29 | + | ||
30 | +/******************************* | ||
31 | + Content | ||
32 | +*******************************/ | ||
33 | + | ||
34 | + | ||
35 | +/* Divider */ | ||
36 | +.ui.breadcrumb .divider { | ||
37 | + display: inline-block; | ||
38 | + opacity: 0.7; | ||
39 | + margin: 0em 0.21428571rem 0em; | ||
40 | + font-size: 0.92857143em; | ||
41 | + color: rgba(0, 0, 0, 0.4); | ||
42 | + vertical-align: baseline; | ||
43 | +} | ||
44 | + | ||
45 | +/* Link */ | ||
46 | +.ui.breadcrumb a { | ||
47 | + color: #4183C4; | ||
48 | +} | ||
49 | +.ui.breadcrumb a:hover { | ||
50 | + color: #1e70bf; | ||
51 | +} | ||
52 | + | ||
53 | +/* Icon Divider */ | ||
54 | +.ui.breadcrumb .icon.divider { | ||
55 | + font-size: 0.85714286em; | ||
56 | + vertical-align: baseline; | ||
57 | +} | ||
58 | + | ||
59 | +/* Section */ | ||
60 | +.ui.breadcrumb a.section { | ||
61 | + cursor: pointer; | ||
62 | +} | ||
63 | +.ui.breadcrumb .section { | ||
64 | + display: inline-block; | ||
65 | + margin: 0em; | ||
66 | + padding: 0em; | ||
67 | +} | ||
68 | + | ||
69 | +/* Loose Coupling */ | ||
70 | +.ui.breadcrumb.segment { | ||
71 | + display: inline-block; | ||
72 | + padding: 0.78571429em 1em; | ||
73 | +} | ||
74 | + | ||
75 | + | ||
76 | +/******************************* | ||
77 | + States | ||
78 | +*******************************/ | ||
79 | + | ||
80 | +.ui.breadcrumb .active.section { | ||
81 | + font-weight: bold; | ||
82 | +} | ||
83 | + | ||
84 | + | ||
85 | +/******************************* | ||
86 | + Variations | ||
87 | +*******************************/ | ||
88 | + | ||
89 | +.ui.mini.breadcrumb { | ||
90 | + font-size: 0.78571429rem; | ||
91 | +} | ||
92 | +.ui.tiny.breadcrumb { | ||
93 | + font-size: 0.85714286rem; | ||
94 | +} | ||
95 | +.ui.small.breadcrumb { | ||
96 | + font-size: 0.92857143rem; | ||
97 | +} | ||
98 | +.ui.breadcrumb { | ||
99 | + font-size: 1rem; | ||
100 | +} | ||
101 | +.ui.large.breadcrumb { | ||
102 | + font-size: 1.14285714rem; | ||
103 | +} | ||
104 | +.ui.big.breadcrumb { | ||
105 | + font-size: 1.28571429rem; | ||
106 | +} | ||
107 | +.ui.huge.breadcrumb { | ||
108 | + font-size: 1.42857143rem; | ||
109 | +} | ||
110 | +.ui.massive.breadcrumb { | ||
111 | + font-size: 1.71428571rem; | ||
112 | +} | ||
113 | + | ||
114 | + | ||
115 | +/******************************* | ||
116 | + Theme Overrides | ||
117 | +*******************************/ | ||
118 | + | ||
119 | + | ||
120 | + | ||
121 | +/******************************* | ||
122 | + Site Overrides | ||
123 | +*******************************/ | ||
124 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Breadcrumb | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.breadcrumb{line-height:1;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem 0;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.78571429em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.mini.breadcrumb{font-size:.78571429rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.breadcrumb{font-size:1rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Comment | ||
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 | + Standard | ||
14 | +*******************************/ | ||
15 | + | ||
16 | + | ||
17 | +/*-------------- | ||
18 | + Comments | ||
19 | +---------------*/ | ||
20 | + | ||
21 | +.ui.comments { | ||
22 | + margin: 1.5em 0em; | ||
23 | + max-width: 650px; | ||
24 | +} | ||
25 | +.ui.comments:first-child { | ||
26 | + margin-top: 0em; | ||
27 | +} | ||
28 | +.ui.comments:last-child { | ||
29 | + margin-bottom: 0em; | ||
30 | +} | ||
31 | + | ||
32 | +/*-------------- | ||
33 | + Comment | ||
34 | +---------------*/ | ||
35 | + | ||
36 | +.ui.comments .comment { | ||
37 | + position: relative; | ||
38 | + background: none; | ||
39 | + margin: 0.5em 0em 0em; | ||
40 | + padding: 0.5em 0em 0em; | ||
41 | + border: none; | ||
42 | + border-top: none; | ||
43 | + line-height: 1.2; | ||
44 | +} | ||
45 | +.ui.comments .comment:first-child { | ||
46 | + margin-top: 0em; | ||
47 | + padding-top: 0em; | ||
48 | +} | ||
49 | + | ||
50 | +/*-------------------- | ||
51 | + Nested Comments | ||
52 | +---------------------*/ | ||
53 | + | ||
54 | +.ui.comments .comment .comments { | ||
55 | + margin: 0em 0em 0.5em 0.5em; | ||
56 | + padding: 1em 0em 1em 1em; | ||
57 | +} | ||
58 | +.ui.comments .comment .comments:before { | ||
59 | + position: absolute; | ||
60 | + top: 0px; | ||
61 | + left: 0px; | ||
62 | +} | ||
63 | +.ui.comments .comment .comments .comment { | ||
64 | + border: none; | ||
65 | + border-top: none; | ||
66 | + background: none; | ||
67 | +} | ||
68 | + | ||
69 | +/*-------------- | ||
70 | + Avatar | ||
71 | +---------------*/ | ||
72 | + | ||
73 | +.ui.comments .comment .avatar { | ||
74 | + display: block; | ||
75 | + width: 2.5em; | ||
76 | + height: auto; | ||
77 | + float: left; | ||
78 | + margin: 0.2em 0em 0em; | ||
79 | +} | ||
80 | +.ui.comments .comment img.avatar, | ||
81 | +.ui.comments .comment .avatar img { | ||
82 | + display: block; | ||
83 | + margin: 0em auto; | ||
84 | + width: 100%; | ||
85 | + height: 100%; | ||
86 | + border-radius: 0.25rem; | ||
87 | +} | ||
88 | + | ||
89 | +/*-------------- | ||
90 | + Content | ||
91 | +---------------*/ | ||
92 | + | ||
93 | +.ui.comments .comment > .content { | ||
94 | + display: block; | ||
95 | +} | ||
96 | + | ||
97 | +/* If there is an avatar move content over */ | ||
98 | +.ui.comments .comment > .avatar ~ .content { | ||
99 | + margin-left: 3.5em; | ||
100 | +} | ||
101 | + | ||
102 | +/*-------------- | ||
103 | + Author | ||
104 | +---------------*/ | ||
105 | + | ||
106 | +.ui.comments .comment .author { | ||
107 | + font-size: 1em; | ||
108 | + color: rgba(0, 0, 0, 0.87); | ||
109 | + font-weight: bold; | ||
110 | +} | ||
111 | +.ui.comments .comment a.author { | ||
112 | + cursor: pointer; | ||
113 | +} | ||
114 | +.ui.comments .comment a.author:hover { | ||
115 | + color: #1e70bf; | ||
116 | +} | ||
117 | + | ||
118 | +/*-------------- | ||
119 | + Metadata | ||
120 | +---------------*/ | ||
121 | + | ||
122 | +.ui.comments .comment .metadata { | ||
123 | + display: inline-block; | ||
124 | + margin-left: 0.5em; | ||
125 | + color: rgba(0, 0, 0, 0.4); | ||
126 | + font-size: 0.875em; | ||
127 | +} | ||
128 | +.ui.comments .comment .metadata > * { | ||
129 | + display: inline-block; | ||
130 | + margin: 0em 0.5em 0em 0em; | ||
131 | +} | ||
132 | +.ui.comments .comment .metadata > :last-child { | ||
133 | + margin-right: 0em; | ||
134 | +} | ||
135 | + | ||
136 | +/*-------------------- | ||
137 | + Comment Text | ||
138 | +---------------------*/ | ||
139 | + | ||
140 | +.ui.comments .comment .text { | ||
141 | + margin: 0.25em 0em 0.5em; | ||
142 | + font-size: 1em; | ||
143 | + word-wrap: break-word; | ||
144 | + color: rgba(0, 0, 0, 0.87); | ||
145 | + line-height: 1.3; | ||
146 | +} | ||
147 | + | ||
148 | +/*-------------------- | ||
149 | + User Actions | ||
150 | +---------------------*/ | ||
151 | + | ||
152 | +.ui.comments .comment .actions { | ||
153 | + font-size: 0.875em; | ||
154 | +} | ||
155 | +.ui.comments .comment .actions a { | ||
156 | + cursor: pointer; | ||
157 | + display: inline-block; | ||
158 | + margin: 0em 0.75em 0em 0em; | ||
159 | + color: rgba(0, 0, 0, 0.4); | ||
160 | +} | ||
161 | +.ui.comments .comment .actions a:last-child { | ||
162 | + margin-right: 0em; | ||
163 | +} | ||
164 | +.ui.comments .comment .actions a.active, | ||
165 | +.ui.comments .comment .actions a:hover { | ||
166 | + color: rgba(0, 0, 0, 0.8); | ||
167 | +} | ||
168 | + | ||
169 | +/*-------------------- | ||
170 | + Reply Form | ||
171 | +---------------------*/ | ||
172 | + | ||
173 | +.ui.comments > .reply.form { | ||
174 | + margin-top: 1em; | ||
175 | +} | ||
176 | +.ui.comments .comment .reply.form { | ||
177 | + width: 100%; | ||
178 | + margin-top: 1em; | ||
179 | +} | ||
180 | +.ui.comments .reply.form textarea { | ||
181 | + font-size: 1em; | ||
182 | + height: 12em; | ||
183 | +} | ||
184 | + | ||
185 | + | ||
186 | +/******************************* | ||
187 | + State | ||
188 | +*******************************/ | ||
189 | + | ||
190 | +.ui.collapsed.comments, | ||
191 | +.ui.comments .collapsed.comments, | ||
192 | +.ui.comments .collapsed.comment { | ||
193 | + display: none; | ||
194 | +} | ||
195 | + | ||
196 | + | ||
197 | +/******************************* | ||
198 | + Variations | ||
199 | +*******************************/ | ||
200 | + | ||
201 | + | ||
202 | +/*-------------------- | ||
203 | + Threaded | ||
204 | +---------------------*/ | ||
205 | + | ||
206 | +.ui.threaded.comments .comment .comments { | ||
207 | + margin: -1.5em 0 -1em 1.25em; | ||
208 | + padding: 3em 0em 2em 2.25em; | ||
209 | + -webkit-box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); | ||
210 | + box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); | ||
211 | +} | ||
212 | + | ||
213 | +/*-------------------- | ||
214 | + Minimal | ||
215 | +---------------------*/ | ||
216 | + | ||
217 | +.ui.minimal.comments .comment .actions { | ||
218 | + opacity: 0; | ||
219 | + position: absolute; | ||
220 | + top: 0px; | ||
221 | + right: 0px; | ||
222 | + left: auto; | ||
223 | + -webkit-transition: opacity 0.2s ease; | ||
224 | + transition: opacity 0.2s ease; | ||
225 | + -webkit-transition-delay: 0.1s; | ||
226 | + transition-delay: 0.1s; | ||
227 | +} | ||
228 | +.ui.minimal.comments .comment > .content:hover > .actions { | ||
229 | + opacity: 1; | ||
230 | +} | ||
231 | + | ||
232 | +/*------------------- | ||
233 | + Sizes | ||
234 | +--------------------*/ | ||
235 | + | ||
236 | +.ui.mini.comments { | ||
237 | + font-size: 0.78571429rem; | ||
238 | +} | ||
239 | +.ui.tiny.comments { | ||
240 | + font-size: 0.85714286rem; | ||
241 | +} | ||
242 | +.ui.small.comments { | ||
243 | + font-size: 0.92857143rem; | ||
244 | +} | ||
245 | +.ui.comments { | ||
246 | + font-size: 1rem; | ||
247 | +} | ||
248 | +.ui.large.comments { | ||
249 | + font-size: 1.14285714rem; | ||
250 | +} | ||
251 | +.ui.big.comments { | ||
252 | + font-size: 1.28571429rem; | ||
253 | +} | ||
254 | +.ui.huge.comments { | ||
255 | + font-size: 1.42857143rem; | ||
256 | +} | ||
257 | +.ui.massive.comments { | ||
258 | + font-size: 1.71428571rem; | ||
259 | +} | ||
260 | + | ||
261 | + | ||
262 | +/******************************* | ||
263 | + Theme Overrides | ||
264 | +*******************************/ | ||
265 | + | ||
266 | + | ||
267 | + | ||
268 | +/******************************* | ||
269 | + User Variable Overrides | ||
270 | +*******************************/ | ||
271 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Comment | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.comments{margin:1.5em 0;max-width:650px}.ui.comments:first-child{margin-top:0}.ui.comments:last-child{margin-bottom:0}.ui.comments .comment{position:relative;background:0 0;margin:.5em 0 0;padding:.5em 0 0;border:none;border-top:none;line-height:1.2}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .comments{margin:0 0 .5em .5em;padding:1em 0 1em 1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments .comment .comments .comment{border:none;border-top:none;background:0 0}.ui.comments .comment .avatar{display:block;width:2.5em;height:auto;float:left;margin:.2em 0 0}.ui.comments .comment .avatar img,.ui.comments .comment img.avatar{display:block;margin:0 auto;width:100%;height:100%;border-radius:.25rem}.ui.comments .comment>.content{display:block}.ui.comments .comment>.avatar~.content{margin-left:3.5em}.ui.comments .comment .author{font-size:1em;color:rgba(0,0,0,.87);font-weight:700}.ui.comments .comment a.author{cursor:pointer}.ui.comments .comment a.author:hover{color:#1e70bf}.ui.comments .comment .metadata{display:inline-block;margin-left:.5em;color:rgba(0,0,0,.4);font-size:.875em}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .5em 0 0}.ui.comments .comment .metadata>:last-child{margin-right:0}.ui.comments .comment .text{margin:.25em 0 .5em;font-size:1em;word-wrap:break-word;color:rgba(0,0,0,.87);line-height:1.3}.ui.comments .comment .actions{font-size:.875em}.ui.comments .comment .actions a{cursor:pointer;display:inline-block;margin:0 .75em 0 0;color:rgba(0,0,0,.4)}.ui.comments .comment .actions a:last-child{margin-right:0}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.8)}.ui.comments>.reply.form{margin-top:1em}.ui.comments .comment .reply.form{width:100%;margin-top:1em}.ui.comments .reply.form textarea{font-size:1em;height:12em}.ui.collapsed.comments,.ui.comments .collapsed.comment,.ui.comments .collapsed.comments{display:none}.ui.threaded.comments .comment .comments{margin:-1.5em 0 -1em 1.25em;padding:3em 0 2em 2.25em;-webkit-box-shadow:-1px 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 rgba(34,36,38,.15)}.ui.minimal.comments .comment .actions{opacity:0;position:absolute;top:0;right:0;left:auto;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-transition-delay:.1s;transition-delay:.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}.ui.mini.comments{font-size:.78571429rem}.ui.tiny.comments{font-size:.85714286rem}.ui.small.comments{font-size:.92857143rem}.ui.comments{font-size:1rem}.ui.large.comments{font-size:1.14285714rem}.ui.big.comments{font-size:1.28571429rem}.ui.huge.comments{font-size:1.42857143rem}.ui.massive.comments{font-size:1.71428571rem} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Container | ||
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 | + Container | ||
14 | +*******************************/ | ||
15 | + | ||
16 | + | ||
17 | +/* All Sizes */ | ||
18 | +.ui.container { | ||
19 | + display: block; | ||
20 | + max-width: 100% !important; | ||
21 | +} | ||
22 | + | ||
23 | +/* Mobile */ | ||
24 | +@media only screen and (max-width: 767px) { | ||
25 | + .ui.container { | ||
26 | + width: auto !important; | ||
27 | + margin-left: 1em !important; | ||
28 | + margin-right: 1em !important; | ||
29 | + } | ||
30 | + .ui.grid.container { | ||
31 | + width: auto !important; | ||
32 | + } | ||
33 | + .ui.relaxed.grid.container { | ||
34 | + width: auto !important; | ||
35 | + } | ||
36 | + .ui.very.relaxed.grid.container { | ||
37 | + width: auto !important; | ||
38 | + } | ||
39 | +} | ||
40 | + | ||
41 | +/* Tablet */ | ||
42 | +@media only screen and (min-width: 768px) and (max-width: 991px) { | ||
43 | + .ui.container { | ||
44 | + width: 723px; | ||
45 | + margin-left: auto !important; | ||
46 | + margin-right: auto !important; | ||
47 | + } | ||
48 | + .ui.grid.container { | ||
49 | + width: calc( 723px + 2rem ) !important; | ||
50 | + } | ||
51 | + .ui.relaxed.grid.container { | ||
52 | + width: calc( 723px + 3rem ) !important; | ||
53 | + } | ||
54 | + .ui.very.relaxed.grid.container { | ||
55 | + width: calc( 723px + 5rem ) !important; | ||
56 | + } | ||
57 | +} | ||
58 | + | ||
59 | +/* Small Monitor */ | ||
60 | +@media only screen and (min-width: 992px) and (max-width: 1199px) { | ||
61 | + .ui.container { | ||
62 | + width: 933px; | ||
63 | + margin-left: auto !important; | ||
64 | + margin-right: auto !important; | ||
65 | + } | ||
66 | + .ui.grid.container { | ||
67 | + width: calc( 933px + 2rem ) !important; | ||
68 | + } | ||
69 | + .ui.relaxed.grid.container { | ||
70 | + width: calc( 933px + 3rem ) !important; | ||
71 | + } | ||
72 | + .ui.very.relaxed.grid.container { | ||
73 | + width: calc( 933px + 5rem ) !important; | ||
74 | + } | ||
75 | +} | ||
76 | + | ||
77 | +/* Large Monitor */ | ||
78 | +@media only screen and (min-width: 1200px) { | ||
79 | + .ui.container { | ||
80 | + width: 1127px; | ||
81 | + margin-left: auto !important; | ||
82 | + margin-right: auto !important; | ||
83 | + } | ||
84 | + .ui.grid.container { | ||
85 | + width: calc( 1127px + 2rem ) !important; | ||
86 | + } | ||
87 | + .ui.relaxed.grid.container { | ||
88 | + width: calc( 1127px + 3rem ) !important; | ||
89 | + } | ||
90 | + .ui.very.relaxed.grid.container { | ||
91 | + width: calc( 1127px + 5rem ) !important; | ||
92 | + } | ||
93 | +} | ||
94 | + | ||
95 | + | ||
96 | +/******************************* | ||
97 | + Types | ||
98 | +*******************************/ | ||
99 | + | ||
100 | + | ||
101 | +/* Text Container */ | ||
102 | +.ui.text.container { | ||
103 | + font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; | ||
104 | + max-width: 700px !important; | ||
105 | + line-height: 1.5; | ||
106 | +} | ||
107 | +.ui.text.container { | ||
108 | + font-size: 1.14285714rem; | ||
109 | +} | ||
110 | + | ||
111 | +/* Fluid */ | ||
112 | +.ui.fluid.container { | ||
113 | + width: 100%; | ||
114 | +} | ||
115 | + | ||
116 | + | ||
117 | +/******************************* | ||
118 | + Variations | ||
119 | +*******************************/ | ||
120 | + | ||
121 | +.ui[class*="left aligned"].container { | ||
122 | + text-align: left; | ||
123 | +} | ||
124 | +.ui[class*="center aligned"].container { | ||
125 | + text-align: center; | ||
126 | +} | ||
127 | +.ui[class*="right aligned"].container { | ||
128 | + text-align: right; | ||
129 | +} | ||
130 | +.ui.justified.container { | ||
131 | + text-align: justify; | ||
132 | + -webkit-hyphens: auto; | ||
133 | + -ms-hyphens: auto; | ||
134 | + hyphens: auto; | ||
135 | +} | ||
136 | + | ||
137 | + | ||
138 | +/******************************* | ||
139 | + Theme Overrides | ||
140 | +*******************************/ | ||
141 | + | ||
142 | + | ||
143 | + | ||
144 | +/******************************* | ||
145 | + Site Overrides | ||
146 | +*******************************/ | ||
147 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Container | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.container{display:block;max-width:100%!important}@media only screen and (max-width:767px){.ui.container{width:auto!important;margin-left:1em!important;margin-right:1em!important}.ui.grid.container{width:auto!important}.ui.relaxed.grid.container{width:auto!important}.ui.very.relaxed.grid.container{width:auto!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.container{width:723px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(723px + 2rem)!important}.ui.relaxed.grid.container{width:calc(723px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(723px + 5rem)!important}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.container{width:933px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(933px + 2rem)!important}.ui.relaxed.grid.container{width:calc(933px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(933px + 5rem)!important}}@media only screen and (min-width:1200px){.ui.container{width:1127px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(1127px + 2rem)!important}.ui.relaxed.grid.container{width:calc(1127px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)!important}}.ui.text.container{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px!important;line-height:1.5}.ui.text.container{font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Dimmer | ||
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 | + Dimmer | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.dimmable:not(body) { | ||
17 | + position: relative; | ||
18 | +} | ||
19 | +.ui.dimmer { | ||
20 | + display: none; | ||
21 | + position: absolute; | ||
22 | + top: 0em !important; | ||
23 | + left: 0em !important; | ||
24 | + width: 100%; | ||
25 | + height: 100%; | ||
26 | + text-align: center; | ||
27 | + vertical-align: middle; | ||
28 | + padding: 1em; | ||
29 | + background-color: rgba(0, 0, 0, 0.85); | ||
30 | + opacity: 0; | ||
31 | + line-height: 1; | ||
32 | + -webkit-animation-fill-mode: both; | ||
33 | + animation-fill-mode: both; | ||
34 | + -webkit-animation-duration: 0.5s; | ||
35 | + animation-duration: 0.5s; | ||
36 | + -webkit-transition: background-color 0.5s linear; | ||
37 | + transition: background-color 0.5s linear; | ||
38 | + -webkit-box-orient: vertical; | ||
39 | + -webkit-box-direction: normal; | ||
40 | + -ms-flex-direction: column; | ||
41 | + flex-direction: column; | ||
42 | + -webkit-box-align: center; | ||
43 | + -ms-flex-align: center; | ||
44 | + align-items: center; | ||
45 | + -webkit-box-pack: center; | ||
46 | + -ms-flex-pack: center; | ||
47 | + justify-content: center; | ||
48 | + -webkit-user-select: none; | ||
49 | + -moz-user-select: none; | ||
50 | + -ms-user-select: none; | ||
51 | + user-select: none; | ||
52 | + will-change: opacity; | ||
53 | + z-index: 1000; | ||
54 | +} | ||
55 | + | ||
56 | +/* Dimmer Content */ | ||
57 | +.ui.dimmer > .content { | ||
58 | + -webkit-user-select: text; | ||
59 | + -moz-user-select: text; | ||
60 | + -ms-user-select: text; | ||
61 | + user-select: text; | ||
62 | + color: #FFFFFF; | ||
63 | +} | ||
64 | + | ||
65 | +/* Loose Coupling */ | ||
66 | +.ui.segment > .ui.dimmer { | ||
67 | + border-radius: inherit !important; | ||
68 | +} | ||
69 | + | ||
70 | +/* Scrollbars */ | ||
71 | +.ui.dimmer:not(.inverted)::-webkit-scrollbar-track { | ||
72 | + background: rgba(255, 255, 255, 0.1); | ||
73 | +} | ||
74 | +.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb { | ||
75 | + background: rgba(255, 255, 255, 0.25); | ||
76 | +} | ||
77 | +.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive { | ||
78 | + background: rgba(255, 255, 255, 0.15); | ||
79 | +} | ||
80 | +.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover { | ||
81 | + background: rgba(255, 255, 255, 0.35); | ||
82 | +} | ||
83 | + | ||
84 | + | ||
85 | +/******************************* | ||
86 | + States | ||
87 | +*******************************/ | ||
88 | + | ||
89 | + | ||
90 | +/* Animating */ | ||
91 | +.animating.dimmable:not(body), | ||
92 | +.dimmed.dimmable:not(body) { | ||
93 | + overflow: hidden; | ||
94 | +} | ||
95 | + | ||
96 | +/* Animating / Active / Visible */ | ||
97 | +.dimmed.dimmable > .ui.animating.dimmer, | ||
98 | +.dimmed.dimmable > .ui.visible.dimmer, | ||
99 | +.ui.active.dimmer { | ||
100 | + display: -webkit-box; | ||
101 | + display: -ms-flexbox; | ||
102 | + display: flex; | ||
103 | + opacity: 1; | ||
104 | +} | ||
105 | + | ||
106 | +/* Disabled */ | ||
107 | +.ui.disabled.dimmer { | ||
108 | + width: 0 !important; | ||
109 | + height: 0 !important; | ||
110 | +} | ||
111 | + | ||
112 | + | ||
113 | +/******************************* | ||
114 | + Variations | ||
115 | +*******************************/ | ||
116 | + | ||
117 | + | ||
118 | +/*-------------- | ||
119 | + Alignment | ||
120 | +---------------*/ | ||
121 | + | ||
122 | +.ui[class*="top aligned"].dimmer { | ||
123 | + -webkit-box-pack: start; | ||
124 | + -ms-flex-pack: start; | ||
125 | + justify-content: flex-start; | ||
126 | +} | ||
127 | +.ui[class*="bottom aligned"].dimmer { | ||
128 | + -webkit-box-pack: end; | ||
129 | + -ms-flex-pack: end; | ||
130 | + justify-content: flex-end; | ||
131 | +} | ||
132 | + | ||
133 | +/*-------------- | ||
134 | + Page | ||
135 | +---------------*/ | ||
136 | + | ||
137 | +.ui.page.dimmer { | ||
138 | + position: fixed; | ||
139 | + -webkit-transform-style: ''; | ||
140 | + transform-style: ''; | ||
141 | + -webkit-perspective: 2000px; | ||
142 | + perspective: 2000px; | ||
143 | + -webkit-transform-origin: center center; | ||
144 | + transform-origin: center center; | ||
145 | +} | ||
146 | +body.animating.in.dimmable, | ||
147 | +body.dimmed.dimmable { | ||
148 | + overflow: hidden; | ||
149 | +} | ||
150 | +body.dimmable > .dimmer { | ||
151 | + position: fixed; | ||
152 | +} | ||
153 | + | ||
154 | +/*-------------- | ||
155 | + Blurring | ||
156 | +---------------*/ | ||
157 | + | ||
158 | +.blurring.dimmable > :not(.dimmer) { | ||
159 | + -webkit-filter: blur(0px) grayscale(0); | ||
160 | + filter: blur(0px) grayscale(0); | ||
161 | + -webkit-transition: 800ms -webkit-filter ease; | ||
162 | + transition: 800ms -webkit-filter ease; | ||
163 | + transition: 800ms filter ease; | ||
164 | + transition: 800ms filter ease, 800ms -webkit-filter ease; | ||
165 | +} | ||
166 | +.blurring.dimmed.dimmable > :not(.dimmer) { | ||
167 | + -webkit-filter: blur(5px) grayscale(0.7); | ||
168 | + filter: blur(5px) grayscale(0.7); | ||
169 | +} | ||
170 | + | ||
171 | +/* Dimmer Color */ | ||
172 | +.blurring.dimmable > .dimmer { | ||
173 | + background-color: rgba(0, 0, 0, 0.6); | ||
174 | +} | ||
175 | +.blurring.dimmable > .inverted.dimmer { | ||
176 | + background-color: rgba(255, 255, 255, 0.6); | ||
177 | +} | ||
178 | + | ||
179 | +/*-------------- | ||
180 | + Aligned | ||
181 | +---------------*/ | ||
182 | + | ||
183 | +.ui.dimmer > .top.aligned.content > * { | ||
184 | + vertical-align: top; | ||
185 | +} | ||
186 | +.ui.dimmer > .bottom.aligned.content > * { | ||
187 | + vertical-align: bottom; | ||
188 | +} | ||
189 | + | ||
190 | +/*-------------- | ||
191 | + Inverted | ||
192 | +---------------*/ | ||
193 | + | ||
194 | +.ui.inverted.dimmer { | ||
195 | + background-color: rgba(255, 255, 255, 0.85); | ||
196 | +} | ||
197 | +.ui.inverted.dimmer > .content > * { | ||
198 | + color: #FFFFFF; | ||
199 | +} | ||
200 | + | ||
201 | +/*-------------- | ||
202 | + Simple | ||
203 | +---------------*/ | ||
204 | + | ||
205 | + | ||
206 | +/* Displays without javascript */ | ||
207 | +.ui.simple.dimmer { | ||
208 | + display: block; | ||
209 | + overflow: hidden; | ||
210 | + opacity: 1; | ||
211 | + width: 0%; | ||
212 | + height: 0%; | ||
213 | + z-index: -100; | ||
214 | + background-color: rgba(0, 0, 0, 0); | ||
215 | +} | ||
216 | +.dimmed.dimmable > .ui.simple.dimmer { | ||
217 | + overflow: visible; | ||
218 | + opacity: 1; | ||
219 | + width: 100%; | ||
220 | + height: 100%; | ||
221 | + background-color: rgba(0, 0, 0, 0.85); | ||
222 | + z-index: 1; | ||
223 | +} | ||
224 | +.ui.simple.inverted.dimmer { | ||
225 | + background-color: rgba(255, 255, 255, 0); | ||
226 | +} | ||
227 | +.dimmed.dimmable > .ui.simple.inverted.dimmer { | ||
228 | + background-color: rgba(255, 255, 255, 0.85); | ||
229 | +} | ||
230 | + | ||
231 | + | ||
232 | +/******************************* | ||
233 | + Theme Overrides | ||
234 | +*******************************/ | ||
235 | + | ||
236 | + | ||
237 | + | ||
238 | +/******************************* | ||
239 | + User Overrides | ||
240 | +*******************************/ | ||
241 | + |
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Dimmer | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#fff}.ui.segment>.ui.dimmer{border-radius:inherit!important}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.ui[class*="top aligned"].dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui.page.dimmer{position:fixed;-webkit-transform-style:'';transform-style:'';-webkit-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;transform-origin:center center}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}.blurring.dimmable>:not(.dimmer){-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0);-webkit-transition:.8s -webkit-filter ease;transition:.8s -webkit-filter ease;transition:.8s filter ease;transition:.8s filter ease,.8s -webkit-filter ease}.blurring.dimmed.dimmable>:not(.dimmer){-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}.blurring.dimmable>.dimmer{background-color:rgba(0,0,0,.6)}.blurring.dimmable>.inverted.dimmer{background-color:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content>*{color:#fff}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;width:0%;height:0%;z-index:-100;background-color:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +!function(T,e,D,N){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),T.fn.dimmer=function(p){var h,b=T(this),v=(new Date).getTime(),y=[],C=p,w="string"==typeof C,S=[].slice.call(arguments,1);return b.each(function(){var a,i,s,r=T.isPlainObject(p)?T.extend(!0,{},T.fn.dimmer.settings,p):T.extend({},T.fn.dimmer.settings),n=r.selector,e=r.namespace,t=r.className,m=r.error,o="."+e,d="module-"+e,c=b.selector||"",u="ontouchstart"in D.documentElement?"touchstart":"click",l=T(this),f=this,g=l.data(d);(s={preinitialize:function(){s.is.dimmer()?(i=l.parent(),a=l):(i=l,a=s.has.dimmer()?r.dimmerName?i.find(n.dimmer).filter("."+r.dimmerName):i.find(n.dimmer):s.create(),s.set.variation())},initialize:function(){s.debug("Initializing dimmer",r),s.bind.events(),s.set.dimmable(),s.instantiate()},instantiate:function(){s.verbose("Storing instance of module",s),g=s,l.data(d,g)},destroy:function(){s.verbose("Destroying previous module",a),s.unbind.events(),s.remove.variation(),i.off(o)},bind:{events:function(){"hover"==r.on?i.on("mouseenter"+o,s.show).on("mouseleave"+o,s.hide):"click"==r.on&&i.on(u+o,s.toggle),s.is.page()&&(s.debug("Setting as a page dimmer",i),s.set.pageDimmer()),s.is.closable()&&(s.verbose("Adding dimmer close event",a),i.on(u+o,n.dimmer,s.event.click))}},unbind:{events:function(){l.removeData(d),i.off(o)}},event:{click:function(e){s.verbose("Determining if event occured on dimmer",e),(0===a.find(e.target).length||T(e.target).is(n.content))&&(s.hide(),e.stopImmediatePropagation())}},addContent:function(e){var i=T(e);s.debug("Add content to dimmer",i),i.parent()[0]!==a[0]&&i.detach().appendTo(a)},create:function(){var e=T(r.template.dimmer());return r.dimmerName&&(s.debug("Creating named dimmer",r.dimmerName),e.addClass(r.dimmerName)),e.appendTo(i),e},show:function(e){e=T.isFunction(e)?e:function(){},s.debug("Showing dimmer",a,r),s.is.dimmed()&&!s.is.animating()||!s.is.enabled()?s.debug("Dimmer is already shown or disabled"):(s.animate.show(e),r.onShow.call(f),r.onChange.call(f))},hide:function(e){e=T.isFunction(e)?e:function(){},s.is.dimmed()||s.is.animating()?(s.debug("Hiding dimmer",a),s.animate.hide(e),r.onHide.call(f),r.onChange.call(f)):s.debug("Dimmer is not visible")},toggle:function(){s.verbose("Toggling dimmer visibility",a),s.is.dimmed()?s.hide():s.show()},animate:{show:function(e){e=T.isFunction(e)?e:function(){},r.useCSS&&T.fn.transition!==N&&a.transition("is supported")?("auto"!==r.opacity&&s.set.opacity(),a.transition({displayType:"flex",animation:r.transition+" in",queue:!1,duration:s.get.duration(),useFailSafe:!0,onStart:function(){s.set.dimmed()},onComplete:function(){s.set.active(),e()}})):(s.verbose("Showing dimmer animation with javascript"),s.set.dimmed(),"auto"==r.opacity&&(r.opacity=.8),a.stop().css({opacity:0,width:"100%",height:"100%"}).fadeTo(s.get.duration(),r.opacity,function(){a.removeAttr("style"),s.set.active(),e()}))},hide:function(e){e=T.isFunction(e)?e:function(){},r.useCSS&&T.fn.transition!==N&&a.transition("is supported")?(s.verbose("Hiding dimmer with css"),a.transition({displayType:"flex",animation:r.transition+" out",queue:!1,duration:s.get.duration(),useFailSafe:!0,onStart:function(){s.remove.dimmed()},onComplete:function(){s.remove.active(),e()}})):(s.verbose("Hiding dimmer with javascript"),s.remove.dimmed(),a.stop().fadeOut(s.get.duration(),function(){s.remove.active(),a.removeAttr("style"),e()}))}},get:{dimmer:function(){return a},duration:function(){return"object"==typeof r.duration?s.is.active()?r.duration.hide:r.duration.show:r.duration}},has:{dimmer:function(){return r.dimmerName?0<l.find(n.dimmer).filter("."+r.dimmerName).length:0<l.find(n.dimmer).length}},is:{active:function(){return a.hasClass(t.active)},animating:function(){return a.is(":animated")||a.hasClass(t.animating)},closable:function(){return"auto"==r.closable?"hover"!=r.on:r.closable},dimmer:function(){return l.hasClass(t.dimmer)},dimmable:function(){return l.hasClass(t.dimmable)},dimmed:function(){return i.hasClass(t.dimmed)},disabled:function(){return i.hasClass(t.disabled)},enabled:function(){return!s.is.disabled()},page:function(){return i.is("body")},pageDimmer:function(){return a.hasClass(t.pageDimmer)}},can:{show:function(){return!a.hasClass(t.disabled)}},set:{opacity:function(e){var i=a.css("background-color"),n=i.split(","),t=n&&3==n.length,o=n&&4==n.length;e=0===r.opacity?0:r.opacity||e,t||o?(n[3]=e+")",i=n.join(",")):i="rgba(0, 0, 0, "+e+")",s.debug("Setting opacity to",e),a.css("background-color",i)},active:function(){a.addClass(t.active)},dimmable:function(){i.addClass(t.dimmable)},dimmed:function(){i.addClass(t.dimmed)},pageDimmer:function(){a.addClass(t.pageDimmer)},disabled:function(){a.addClass(t.disabled)},variation:function(e){(e=e||r.variation)&&a.addClass(e)}},remove:{active:function(){a.removeClass(t.active)},dimmed:function(){i.removeClass(t.dimmed)},disabled:function(){a.removeClass(t.disabled)},variation:function(e){(e=e||r.variation)&&a.removeClass(e)}},setting:function(e,i){if(s.debug("Changing setting",e,i),T.isPlainObject(e))T.extend(!0,r,e);else{if(i===N)return r[e];T.isPlainObject(r[e])?T.extend(!0,r[e],i):r[e]=i}},internal:function(e,i){if(T.isPlainObject(e))T.extend(!0,s,e);else{if(i===N)return s[e];s[e]=i}},debug:function(){!r.silent&&r.debug&&(r.performance?s.performance.log(arguments):(s.debug=Function.prototype.bind.call(console.info,console,r.name+":"),s.debug.apply(console,arguments)))},verbose:function(){!r.silent&&r.verbose&&r.debug&&(r.performance?s.performance.log(arguments):(s.verbose=Function.prototype.bind.call(console.info,console,r.name+":"),s.verbose.apply(console,arguments)))},error:function(){r.silent||(s.error=Function.prototype.bind.call(console.error,console,r.name+":"),s.error.apply(console,arguments))},performance:{log:function(e){var i,n;r.performance&&(n=(i=(new Date).getTime())-(v||i),v=i,y.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:f,"Execution Time":n})),clearTimeout(s.performance.timer),s.performance.timer=setTimeout(s.performance.display,500)},display:function(){var e=r.name+":",n=0;v=!1,clearTimeout(s.performance.timer),T.each(y,function(e,i){n+=i["Execution Time"]}),e+=" "+n+"ms",c&&(e+=" '"+c+"'"),1<b.length&&(e+=" ("+b.length+")"),(console.group!==N||console.table!==N)&&0<y.length&&(console.groupCollapsed(e),console.table?console.table(y):T.each(y,function(e,i){console.log(i.Name+": "+i["Execution Time"]+"ms")}),console.groupEnd()),y=[]}},invoke:function(t,e,i){var o,a,n,r=g;return e=e||S,i=f||i,"string"==typeof t&&r!==N&&(t=t.split(/[\. ]/),o=t.length-1,T.each(t,function(e,i){var n=e!=o?i+t[e+1].charAt(0).toUpperCase()+t[e+1].slice(1):t;if(T.isPlainObject(r[n])&&e!=o)r=r[n];else{if(r[n]!==N)return a=r[n],!1;if(!T.isPlainObject(r[i])||e==o)return r[i]!==N?a=r[i]:s.error(m.method,t),!1;r=r[i]}})),T.isFunction(a)?n=a.apply(i,e):a!==N&&(n=a),T.isArray(h)?h.push(n):h!==N?h=[h,n]:n!==N&&(h=n),a}}).preinitialize(),w?(g===N&&s.initialize(),s.invoke(C)):(g!==N&&g.invoke("destroy"),s.initialize())}),h!==N?h:this},T.fn.dimmer.settings={name:"Dimmer",namespace:"dimmer",silent:!1,debug:!1,verbose:!1,performance:!0,dimmerName:!1,variation:!1,closable:"auto",useCSS:!0,transition:"fade",on:!1,opacity:"auto",duration:{show:500,hide:500},onChange:function(){},onShow:function(){},onHide:function(){},error:{method:"The method you called is not defined."},className:{active:"active",animating:"animating",dimmable:"dimmable",dimmed:"dimmed",dimmer:"dimmer",disabled:"disabled",hide:"hide",pageDimmer:"page",show:"show"},selector:{dimmer:"> .ui.dimmer",content:".ui.dimmer > .content, .ui.dimmer > .content > .center"},template:{dimmer:function(){return T("<div />").attr("class","ui dimmer")}}}}(jQuery,window,document); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Divider | ||
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 | + Divider | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.divider { | ||
17 | + margin: 1rem 0rem; | ||
18 | + line-height: 1; | ||
19 | + height: 0em; | ||
20 | + font-weight: bold; | ||
21 | + text-transform: uppercase; | ||
22 | + letter-spacing: 0.05em; | ||
23 | + color: rgba(0, 0, 0, 0.85); | ||
24 | + -webkit-user-select: none; | ||
25 | + -moz-user-select: none; | ||
26 | + -ms-user-select: none; | ||
27 | + user-select: none; | ||
28 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
29 | +} | ||
30 | + | ||
31 | +/*-------------- | ||
32 | + Basic | ||
33 | +---------------*/ | ||
34 | + | ||
35 | +.ui.divider:not(.vertical):not(.horizontal) { | ||
36 | + border-top: 1px solid rgba(34, 36, 38, 0.15); | ||
37 | + border-bottom: 1px solid rgba(255, 255, 255, 0.1); | ||
38 | +} | ||
39 | + | ||
40 | +/*-------------- | ||
41 | + Coupling | ||
42 | +---------------*/ | ||
43 | + | ||
44 | + | ||
45 | +/* Allow divider between each column row */ | ||
46 | +.ui.grid > .column + .divider, | ||
47 | +.ui.grid > .row > .column + .divider { | ||
48 | + left: auto; | ||
49 | +} | ||
50 | + | ||
51 | +/*-------------- | ||
52 | + Horizontal | ||
53 | +---------------*/ | ||
54 | + | ||
55 | +.ui.horizontal.divider { | ||
56 | + display: table; | ||
57 | + white-space: nowrap; | ||
58 | + height: auto; | ||
59 | + margin: ''; | ||
60 | + line-height: 1; | ||
61 | + text-align: center; | ||
62 | +} | ||
63 | +.ui.horizontal.divider:before, | ||
64 | +.ui.horizontal.divider:after { | ||
65 | + content: ''; | ||
66 | + display: table-cell; | ||
67 | + position: relative; | ||
68 | + top: 50%; | ||
69 | + width: 50%; | ||
70 | + background-repeat: no-repeat; | ||
71 | +} | ||
72 | +.ui.horizontal.divider:before { | ||
73 | + background-position: right 1em top 50%; | ||
74 | +} | ||
75 | +.ui.horizontal.divider:after { | ||
76 | + background-position: left 1em top 50%; | ||
77 | +} | ||
78 | + | ||
79 | +/*-------------- | ||
80 | + Vertical | ||
81 | +---------------*/ | ||
82 | + | ||
83 | +.ui.vertical.divider { | ||
84 | + position: absolute; | ||
85 | + z-index: 2; | ||
86 | + top: 50%; | ||
87 | + left: 50%; | ||
88 | + margin: 0rem; | ||
89 | + padding: 0em; | ||
90 | + width: auto; | ||
91 | + height: 50%; | ||
92 | + line-height: 0em; | ||
93 | + text-align: center; | ||
94 | + -webkit-transform: translateX(-50%); | ||
95 | + transform: translateX(-50%); | ||
96 | +} | ||
97 | +.ui.vertical.divider:before, | ||
98 | +.ui.vertical.divider:after { | ||
99 | + position: absolute; | ||
100 | + left: 50%; | ||
101 | + content: ''; | ||
102 | + z-index: 3; | ||
103 | + border-left: 1px solid rgba(34, 36, 38, 0.15); | ||
104 | + border-right: 1px solid rgba(255, 255, 255, 0.1); | ||
105 | + width: 0%; | ||
106 | + height: calc(100% - 1rem ); | ||
107 | +} | ||
108 | +.ui.vertical.divider:before { | ||
109 | + top: -100%; | ||
110 | +} | ||
111 | +.ui.vertical.divider:after { | ||
112 | + top: auto; | ||
113 | + bottom: 0px; | ||
114 | +} | ||
115 | + | ||
116 | +/* Inside grid */ | ||
117 | +@media only screen and (max-width: 767px) { | ||
118 | + .ui.stackable.grid .ui.vertical.divider, | ||
119 | + .ui.grid .stackable.row .ui.vertical.divider { | ||
120 | + display: table; | ||
121 | + white-space: nowrap; | ||
122 | + height: auto; | ||
123 | + margin: ''; | ||
124 | + overflow: hidden; | ||
125 | + line-height: 1; | ||
126 | + text-align: center; | ||
127 | + position: static; | ||
128 | + top: 0; | ||
129 | + left: 0; | ||
130 | + -webkit-transform: none; | ||
131 | + transform: none; | ||
132 | + } | ||
133 | + .ui.stackable.grid .ui.vertical.divider:before, | ||
134 | + .ui.grid .stackable.row .ui.vertical.divider:before, | ||
135 | + .ui.stackable.grid .ui.vertical.divider:after, | ||
136 | + .ui.grid .stackable.row .ui.vertical.divider:after { | ||
137 | + position: static; | ||
138 | + left: 0; | ||
139 | + border-left: none; | ||
140 | + border-right: none; | ||
141 | + content: ''; | ||
142 | + display: table-cell; | ||
143 | + position: relative; | ||
144 | + top: 50%; | ||
145 | + width: 50%; | ||
146 | + background-repeat: no-repeat; | ||
147 | + } | ||
148 | + .ui.stackable.grid .ui.vertical.divider:before, | ||
149 | + .ui.grid .stackable.row .ui.vertical.divider:before { | ||
150 | + background-position: right 1em top 50%; | ||
151 | + } | ||
152 | + .ui.stackable.grid .ui.vertical.divider:after, | ||
153 | + .ui.grid .stackable.row .ui.vertical.divider:after { | ||
154 | + background-position: left 1em top 50%; | ||
155 | + } | ||
156 | +} | ||
157 | + | ||
158 | +/*-------------- | ||
159 | + Icon | ||
160 | +---------------*/ | ||
161 | + | ||
162 | +.ui.divider > .icon { | ||
163 | + margin: 0rem; | ||
164 | + font-size: 1rem; | ||
165 | + height: 1em; | ||
166 | + vertical-align: middle; | ||
167 | +} | ||
168 | + | ||
169 | + | ||
170 | +/******************************* | ||
171 | + Variations | ||
172 | +*******************************/ | ||
173 | + | ||
174 | + | ||
175 | +/*-------------- | ||
176 | + Hidden | ||
177 | +---------------*/ | ||
178 | + | ||
179 | +.ui.hidden.divider { | ||
180 | + border-color: transparent !important; | ||
181 | +} | ||
182 | +.ui.hidden.divider:before, | ||
183 | +.ui.hidden.divider:after { | ||
184 | + display: none; | ||
185 | +} | ||
186 | + | ||
187 | +/*-------------- | ||
188 | + Inverted | ||
189 | +---------------*/ | ||
190 | + | ||
191 | +.ui.divider.inverted, | ||
192 | +.ui.vertical.inverted.divider, | ||
193 | +.ui.horizontal.inverted.divider { | ||
194 | + color: #FFFFFF; | ||
195 | +} | ||
196 | +.ui.divider.inverted, | ||
197 | +.ui.divider.inverted:after, | ||
198 | +.ui.divider.inverted:before { | ||
199 | + border-top-color: rgba(34, 36, 38, 0.15) !important; | ||
200 | + border-left-color: rgba(34, 36, 38, 0.15) !important; | ||
201 | + border-bottom-color: rgba(255, 255, 255, 0.15) !important; | ||
202 | + border-right-color: rgba(255, 255, 255, 0.15) !important; | ||
203 | +} | ||
204 | + | ||
205 | +/*-------------- | ||
206 | + Fitted | ||
207 | +---------------*/ | ||
208 | + | ||
209 | +.ui.fitted.divider { | ||
210 | + margin: 0em; | ||
211 | +} | ||
212 | + | ||
213 | +/*-------------- | ||
214 | + Clearing | ||
215 | +---------------*/ | ||
216 | + | ||
217 | +.ui.clearing.divider { | ||
218 | + clear: both; | ||
219 | +} | ||
220 | + | ||
221 | +/*-------------- | ||
222 | + Section | ||
223 | +---------------*/ | ||
224 | + | ||
225 | +.ui.section.divider { | ||
226 | + margin-top: 2rem; | ||
227 | + margin-bottom: 2rem; | ||
228 | +} | ||
229 | + | ||
230 | +/*-------------- | ||
231 | + Sizes | ||
232 | +---------------*/ | ||
233 | + | ||
234 | +.ui.divider { | ||
235 | + font-size: 1rem; | ||
236 | +} | ||
237 | + | ||
238 | + | ||
239 | +/******************************* | ||
240 | + Theme Overrides | ||
241 | +*******************************/ | ||
242 | + | ||
243 | +.ui.horizontal.divider:before, | ||
244 | +.ui.horizontal.divider:after { | ||
245 | + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); | ||
246 | +} | ||
247 | +@media only screen and (max-width: 767px) { | ||
248 | + .ui.stackable.grid .ui.vertical.divider:before, | ||
249 | + .ui.grid .stackable.row .ui.vertical.divider:before, | ||
250 | + .ui.stackable.grid .ui.vertical.divider:after, | ||
251 | + .ui.grid .stackable.row .ui.vertical.divider:after { | ||
252 | + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); | ||
253 | + } | ||
254 | +} | ||
255 | + | ||
256 | + | ||
257 | +/******************************* | ||
258 | + Site Overrides | ||
259 | +*******************************/ | ||
260 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Divider | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(255,255,255,.1)}.ui.grid>.column+.divider,.ui.grid>.row>.column+.divider{left:auto}.ui.horizontal.divider{display:table;white-space:nowrap;height:auto;margin:'';line-height:1;text-align:center}.ui.horizontal.divider:after,.ui.horizontal.divider:before{content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.horizontal.divider:before{background-position:right 1em top 50%}.ui.horizontal.divider:after{background-position:left 1em top 50%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ui.vertical.divider:after,.ui.vertical.divider:before{position:absolute;left:50%;content:'';z-index:3;border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(255,255,255,.1);width:0%;height:calc(100% - 1rem)}.ui.vertical.divider:before{top:-100%}.ui.vertical.divider:after{top:auto;bottom:0}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{display:table;white-space:nowrap;height:auto;margin:'';overflow:hidden;line-height:1;text-align:center;position:static;top:0;left:0;-webkit-transform:none;transform:none}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{position:static;left:0;border-left:none;border-right:none;content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:before{background-position:right 1em top 50%}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:after{background-position:left 1em top 50%}}.ui.divider>.icon{margin:0;font-size:1rem;height:1em;vertical-align:middle}.ui.hidden.divider{border-color:transparent!important}.ui.hidden.divider:after,.ui.hidden.divider:before{display:none}.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider{color:#fff}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(34,36,38,.15)!important;border-left-color:rgba(34,36,38,.15)!important;border-bottom-color:rgba(255,255,255,.15)!important;border-right-color:rgba(255,255,255,.15)!important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}.ui.divider{font-size:1rem}.ui.horizontal.divider:after,.ui.horizontal.divider:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Video | ||
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 | + Types | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.embed { | ||
17 | + position: relative; | ||
18 | + max-width: 100%; | ||
19 | + height: 0px; | ||
20 | + overflow: hidden; | ||
21 | + background: #DCDDDE; | ||
22 | + padding-bottom: 56.25%; | ||
23 | +} | ||
24 | + | ||
25 | +/*----------------- | ||
26 | + Embedded Content | ||
27 | +------------------*/ | ||
28 | + | ||
29 | +.ui.embed iframe, | ||
30 | +.ui.embed embed, | ||
31 | +.ui.embed object { | ||
32 | + position: absolute; | ||
33 | + border: none; | ||
34 | + width: 100%; | ||
35 | + height: 100%; | ||
36 | + top: 0px; | ||
37 | + left: 0px; | ||
38 | + margin: 0em; | ||
39 | + padding: 0em; | ||
40 | +} | ||
41 | + | ||
42 | +/*----------------- | ||
43 | + Embed | ||
44 | +------------------*/ | ||
45 | + | ||
46 | +.ui.embed > .embed { | ||
47 | + display: none; | ||
48 | +} | ||
49 | + | ||
50 | +/*-------------- | ||
51 | + Placeholder | ||
52 | +---------------*/ | ||
53 | + | ||
54 | +.ui.embed > .placeholder { | ||
55 | + position: absolute; | ||
56 | + cursor: pointer; | ||
57 | + top: 0px; | ||
58 | + left: 0px; | ||
59 | + display: block; | ||
60 | + width: 100%; | ||
61 | + height: 100%; | ||
62 | + background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); | ||
63 | +} | ||
64 | + | ||
65 | +/*-------------- | ||
66 | + Icon | ||
67 | +---------------*/ | ||
68 | + | ||
69 | +.ui.embed > .icon { | ||
70 | + cursor: pointer; | ||
71 | + position: absolute; | ||
72 | + top: 0px; | ||
73 | + left: 0px; | ||
74 | + width: 100%; | ||
75 | + height: 100%; | ||
76 | + z-index: 2; | ||
77 | +} | ||
78 | +.ui.embed > .icon:after { | ||
79 | + position: absolute; | ||
80 | + top: 0%; | ||
81 | + left: 0%; | ||
82 | + width: 100%; | ||
83 | + height: 100%; | ||
84 | + z-index: 3; | ||
85 | + content: ''; | ||
86 | + background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); | ||
87 | + background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); | ||
88 | + opacity: 0.5; | ||
89 | + -webkit-transition: opacity 0.5s ease; | ||
90 | + transition: opacity 0.5s ease; | ||
91 | +} | ||
92 | +.ui.embed > .icon:before { | ||
93 | + position: absolute; | ||
94 | + top: 50%; | ||
95 | + left: 50%; | ||
96 | + z-index: 4; | ||
97 | + -webkit-transform: translateX(-50%) translateY(-50%); | ||
98 | + transform: translateX(-50%) translateY(-50%); | ||
99 | + color: #FFFFFF; | ||
100 | + font-size: 6rem; | ||
101 | + text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2); | ||
102 | + -webkit-transition: opacity 0.5s ease, color 0.5s ease; | ||
103 | + transition: opacity 0.5s ease, color 0.5s ease; | ||
104 | + z-index: 10; | ||
105 | +} | ||
106 | + | ||
107 | + | ||
108 | +/******************************* | ||
109 | + States | ||
110 | +*******************************/ | ||
111 | + | ||
112 | + | ||
113 | +/*-------------- | ||
114 | + Hover | ||
115 | +---------------*/ | ||
116 | + | ||
117 | +.ui.embed .icon:hover:after { | ||
118 | + background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); | ||
119 | + background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); | ||
120 | + opacity: 1; | ||
121 | +} | ||
122 | +.ui.embed .icon:hover:before { | ||
123 | + color: #FFFFFF; | ||
124 | +} | ||
125 | + | ||
126 | +/*-------------- | ||
127 | + Active | ||
128 | +---------------*/ | ||
129 | + | ||
130 | +.ui.active.embed > .icon, | ||
131 | +.ui.active.embed > .placeholder { | ||
132 | + display: none; | ||
133 | +} | ||
134 | +.ui.active.embed > .embed { | ||
135 | + display: block; | ||
136 | +} | ||
137 | + | ||
138 | + | ||
139 | +/******************************* | ||
140 | + Video Overrides | ||
141 | +*******************************/ | ||
142 | + | ||
143 | + | ||
144 | + | ||
145 | +/******************************* | ||
146 | + Site Overrides | ||
147 | +*******************************/ | ||
148 | + | ||
149 | + | ||
150 | + | ||
151 | +/******************************* | ||
152 | + Variations | ||
153 | +*******************************/ | ||
154 | + | ||
155 | +.ui.square.embed { | ||
156 | + padding-bottom: 100%; | ||
157 | +} | ||
158 | +.ui[class*="4:3"].embed { | ||
159 | + padding-bottom: 75%; | ||
160 | +} | ||
161 | +.ui[class*="16:9"].embed { | ||
162 | + padding-bottom: 56.25%; | ||
163 | +} | ||
164 | +.ui[class*="21:9"].embed { | ||
165 | + padding-bottom: 42.85714286%; | ||
166 | +} |
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Video | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.embed{position:relative;max-width:100%;height:0;overflow:hidden;background:#dcddde;padding-bottom:56.25%}.ui.embed embed,.ui.embed iframe,.ui.embed object{position:absolute;border:none;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.ui.embed>.embed{display:none}.ui.embed>.placeholder{position:absolute;cursor:pointer;top:0;left:0;display:block;width:100%;height:100%;background-color:radial-gradient(transparent 45%,rgba(0,0,0,.3))}.ui.embed>.icon{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.ui.embed>.icon:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;content:'';background:-webkit-radial-gradient(transparent 45%,rgba(0,0,0,.3));background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:.5;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.ui.embed>.icon:before{position:absolute;top:50%;left:50%;z-index:4;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff;font-size:6rem;text-shadow:0 2px 10px rgba(34,36,38,.2);-webkit-transition:opacity .5s ease,color .5s ease;transition:opacity .5s ease,color .5s ease;z-index:10}.ui.embed .icon:hover:after{background:-webkit-radial-gradient(transparent 45%,rgba(0,0,0,.3));background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:1}.ui.embed .icon:hover:before{color:#fff}.ui.active.embed>.icon,.ui.active.embed>.placeholder{display:none}.ui.active.embed>.embed{display:block}.ui.square.embed{padding-bottom:100%}.ui[class*="4:3"].embed{padding-bottom:75%}.ui[class*="16:9"].embed{padding-bottom:56.25%}.ui[class*="21:9"].embed{padding-bottom:42.85714286%} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +!function(U,j,e,S){"use strict";j=void 0!==j&&j.Math==Math?j:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),U.fn.embed=function(h){var b,g=U(this),v=g.selector||"",y=(new Date).getTime(),w=[],P=h,C="string"==typeof P,E=[].slice.call(arguments,1);return g.each(function(){var c,t=U.isPlainObject(h)?U.extend(!0,{},U.fn.embed.settings,h):U.extend({},U.fn.embed.settings),e=t.selector,n=t.className,r=t.sources,l=t.error,a=t.metadata,o=t.namespace,i=t.templates,d="."+o,u="module-"+o,s=(U(j),U(this)),m=(s.find(e.placeholder),s.find(e.icon),s.find(e.embed)),p=this,f=s.data(u);c={initialize:function(){c.debug("Initializing embed"),c.determine.autoplay(),c.create(),c.bind.events(),c.instantiate()},instantiate:function(){c.verbose("Storing instance of module",c),f=c,s.data(u,c)},destroy:function(){c.verbose("Destroying previous instance of embed"),c.reset(),s.removeData(u).off(d)},refresh:function(){c.verbose("Refreshing selector cache"),s.find(e.placeholder),s.find(e.icon),m=s.find(e.embed)},bind:{events:function(){c.has.placeholder()&&(c.debug("Adding placeholder events"),s.on("click"+d,e.placeholder,c.createAndShow).on("click"+d,e.icon,c.createAndShow))}},create:function(){c.get.placeholder()?c.createPlaceholder():c.createAndShow()},createPlaceholder:function(e){var n=c.get.icon(),o=c.get.url();c.generate.embed(o);e=e||c.get.placeholder(),s.html(i.placeholder(e,n)),c.debug("Creating placeholder for embed",e,n)},createEmbed:function(e){c.refresh(),e=e||c.get.url(),m=U("<div/>").addClass(n.embed).html(c.generate.embed(e)).appendTo(s),t.onCreate.call(p,e),c.debug("Creating embed object",m)},changeEmbed:function(e){m.html(c.generate.embed(e))},createAndShow:function(){c.createEmbed(),c.show()},change:function(e,n,o){c.debug("Changing video to ",e,n,o),s.data(a.source,e).data(a.id,n),o?s.data(a.url,o):s.removeData(a.url),c.has.embed()?c.changeEmbed():c.create()},reset:function(){c.debug("Clearing embed and showing placeholder"),c.remove.active(),c.remove.embed(),c.showPlaceholder(),t.onReset.call(p)},show:function(){c.debug("Showing embed"),c.set.active(),t.onDisplay.call(p)},hide:function(){c.debug("Hiding embed"),c.showPlaceholder()},showPlaceholder:function(){c.debug("Showing placeholder image"),c.remove.active(),t.onPlaceholderDisplay.call(p)},get:{id:function(){return t.id||s.data(a.id)},placeholder:function(){return t.placeholder||s.data(a.placeholder)},icon:function(){return t.icon?t.icon:s.data(a.icon)!==S?s.data(a.icon):c.determine.icon()},source:function(e){return t.source?t.source:s.data(a.source)!==S?s.data(a.source):c.determine.source()},type:function(){var e=c.get.source();return r[e]!==S&&r[e].type},url:function(){return t.url?t.url:s.data(a.url)!==S?s.data(a.url):c.determine.url()}},determine:{autoplay:function(){c.should.autoplay()&&(t.autoplay=!0)},source:function(o){var t=!1;return(o=o||c.get.url())&&U.each(r,function(e,n){if(-1!==o.search(n.domain))return t=e,!1}),t},icon:function(){var e=c.get.source();return r[e]!==S&&r[e].icon},url:function(){var e,n=t.id||s.data(a.id),o=t.source||s.data(a.source);return(e=r[o]!==S&&r[o].url.replace("{id}",n))&&s.data(a.url,e),e}},set:{active:function(){s.addClass(n.active)}},remove:{active:function(){s.removeClass(n.active)},embed:function(){m.empty()}},encode:{parameters:function(e){var n,o=[];for(n in e)o.push(encodeURIComponent(n)+"="+encodeURIComponent(e[n]));return o.join("&")}},generate:{embed:function(e){c.debug("Generating embed html");var n,o,t=c.get.source();return(e=c.get.url(e))?(o=c.generate.parameters(t),n=i.iframe(e,o)):c.error(l.noURL,s),n},parameters:function(e,n){var o=r[e]&&r[e].parameters!==S?r[e].parameters(t):{};return(n=n||t.parameters)&&(o=U.extend({},o,n)),o=t.onEmbed(o),c.encode.parameters(o)}},has:{embed:function(){return 0<m.length},placeholder:function(){return t.placeholder||s.data(a.placeholder)}},should:{autoplay:function(){return"auto"===t.autoplay?t.placeholder||s.data(a.placeholder)!==S:t.autoplay}},is:{video:function(){return"video"==c.get.type()}},setting:function(e,n){if(c.debug("Changing setting",e,n),U.isPlainObject(e))U.extend(!0,t,e);else{if(n===S)return t[e];U.isPlainObject(t[e])?U.extend(!0,t[e],n):t[e]=n}},internal:function(e,n){if(U.isPlainObject(e))U.extend(!0,c,e);else{if(n===S)return c[e];c[e]=n}},debug:function(){!t.silent&&t.debug&&(t.performance?c.performance.log(arguments):(c.debug=Function.prototype.bind.call(console.info,console,t.name+":"),c.debug.apply(console,arguments)))},verbose:function(){!t.silent&&t.verbose&&t.debug&&(t.performance?c.performance.log(arguments):(c.verbose=Function.prototype.bind.call(console.info,console,t.name+":"),c.verbose.apply(console,arguments)))},error:function(){t.silent||(c.error=Function.prototype.bind.call(console.error,console,t.name+":"),c.error.apply(console,arguments))},performance:{log:function(e){var n,o;t.performance&&(o=(n=(new Date).getTime())-(y||n),y=n,w.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:p,"Execution Time":o})),clearTimeout(c.performance.timer),c.performance.timer=setTimeout(c.performance.display,500)},display:function(){var e=t.name+":",o=0;y=!1,clearTimeout(c.performance.timer),U.each(w,function(e,n){o+=n["Execution Time"]}),e+=" "+o+"ms",v&&(e+=" '"+v+"'"),1<g.length&&(e+=" ("+g.length+")"),(console.group!==S||console.table!==S)&&0<w.length&&(console.groupCollapsed(e),console.table?console.table(w):U.each(w,function(e,n){console.log(n.Name+": "+n["Execution Time"]+"ms")}),console.groupEnd()),w=[]}},invoke:function(t,e,n){var r,a,o,i=f;return e=e||E,n=p||n,"string"==typeof t&&i!==S&&(t=t.split(/[\. ]/),r=t.length-1,U.each(t,function(e,n){var o=e!=r?n+t[e+1].charAt(0).toUpperCase()+t[e+1].slice(1):t;if(U.isPlainObject(i[o])&&e!=r)i=i[o];else{if(i[o]!==S)return a=i[o],!1;if(!U.isPlainObject(i[n])||e==r)return i[n]!==S?a=i[n]:c.error(l.method,t),!1;i=i[n]}})),U.isFunction(a)?o=a.apply(n,e):a!==S&&(o=a),U.isArray(b)?b.push(o):b!==S?b=[b,o]:o!==S&&(b=o),a}},C?(f===S&&c.initialize(),c.invoke(P)):(f!==S&&f.invoke("destroy"),c.initialize())}),b!==S?b:this},U.fn.embed.settings={name:"Embed",namespace:"embed",silent:!1,debug:!1,verbose:!1,performance:!0,icon:!1,source:!1,url:!1,id:!1,autoplay:"auto",color:"#444444",hd:!0,brandedUI:!1,parameters:!1,onDisplay:function(){},onPlaceholderDisplay:function(){},onReset:function(){},onCreate:function(e){},onEmbed:function(e){return e},metadata:{id:"id",icon:"icon",placeholder:"placeholder",source:"source",url:"url"},error:{noURL:"No URL specified",method:"The method you called is not defined"},className:{active:"active",embed:"embed"},selector:{embed:".embed",placeholder:".placeholder",icon:".icon"},sources:{youtube:{name:"youtube",type:"video",icon:"video play",domain:"youtube.com",url:"//www.youtube.com/embed/{id}",parameters:function(e){return{autohide:!e.brandedUI,autoplay:e.autoplay,color:e.color||S,hq:e.hd,jsapi:e.api,modestbranding:!e.brandedUI}}},vimeo:{name:"vimeo",type:"video",icon:"video play",domain:"vimeo.com",url:"//player.vimeo.com/video/{id}",parameters:function(e){return{api:e.api,autoplay:e.autoplay,byline:e.brandedUI,color:e.color||S,portrait:e.brandedUI,title:e.brandedUI}}}},templates:{iframe:function(e,n){var o=e;return n&&(o+="?"+n),'<iframe src="'+o+'" width="100%" height="100%" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'},placeholder:function(e,n){var o="";return n&&(o+='<i class="'+n+' icon"></i>'),e&&(o+='<img class="placeholder" src="'+e+'">'),o}},api:!1,onPause:function(){},onPlay:function(){},onStop:function(){}}}(jQuery,window,document); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Feed | ||
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 | + Activity Feed | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.feed { | ||
17 | + margin: 1em 0em; | ||
18 | +} | ||
19 | +.ui.feed:first-child { | ||
20 | + margin-top: 0em; | ||
21 | +} | ||
22 | +.ui.feed:last-child { | ||
23 | + margin-bottom: 0em; | ||
24 | +} | ||
25 | + | ||
26 | + | ||
27 | +/******************************* | ||
28 | + Content | ||
29 | +*******************************/ | ||
30 | + | ||
31 | + | ||
32 | +/* Event */ | ||
33 | +.ui.feed > .event { | ||
34 | + display: -webkit-box; | ||
35 | + display: -ms-flexbox; | ||
36 | + display: flex; | ||
37 | + -webkit-box-orient: horizontal; | ||
38 | + -webkit-box-direction: normal; | ||
39 | + -ms-flex-direction: row; | ||
40 | + flex-direction: row; | ||
41 | + width: 100%; | ||
42 | + padding: 0.21428571rem 0em; | ||
43 | + margin: 0em; | ||
44 | + background: none; | ||
45 | + border-top: none; | ||
46 | +} | ||
47 | +.ui.feed > .event:first-child { | ||
48 | + border-top: 0px; | ||
49 | + padding-top: 0em; | ||
50 | +} | ||
51 | +.ui.feed > .event:last-child { | ||
52 | + padding-bottom: 0em; | ||
53 | +} | ||
54 | + | ||
55 | +/* Event Label */ | ||
56 | +.ui.feed > .event > .label { | ||
57 | + display: block; | ||
58 | + -webkit-box-flex: 0; | ||
59 | + -ms-flex: 0 0 auto; | ||
60 | + flex: 0 0 auto; | ||
61 | + width: 2.5em; | ||
62 | + height: auto; | ||
63 | + -ms-flex-item-align: stretch; | ||
64 | + align-self: stretch; | ||
65 | + text-align: left; | ||
66 | +} | ||
67 | +.ui.feed > .event > .label .icon { | ||
68 | + opacity: 1; | ||
69 | + font-size: 1.5em; | ||
70 | + width: 100%; | ||
71 | + padding: 0.25em; | ||
72 | + background: none; | ||
73 | + border: none; | ||
74 | + border-radius: none; | ||
75 | + color: rgba(0, 0, 0, 0.6); | ||
76 | +} | ||
77 | +.ui.feed > .event > .label img { | ||
78 | + width: 100%; | ||
79 | + height: auto; | ||
80 | + border-radius: 500rem; | ||
81 | +} | ||
82 | +.ui.feed > .event > .label + .content { | ||
83 | + margin: 0.5em 0em 0.35714286em 1.14285714em; | ||
84 | +} | ||
85 | + | ||
86 | +/*-------------- | ||
87 | + Content | ||
88 | +---------------*/ | ||
89 | + | ||
90 | + | ||
91 | +/* Content */ | ||
92 | +.ui.feed > .event > .content { | ||
93 | + display: block; | ||
94 | + -webkit-box-flex: 1; | ||
95 | + -ms-flex: 1 1 auto; | ||
96 | + flex: 1 1 auto; | ||
97 | + -ms-flex-item-align: stretch; | ||
98 | + align-self: stretch; | ||
99 | + text-align: left; | ||
100 | + word-wrap: break-word; | ||
101 | +} | ||
102 | +.ui.feed > .event:last-child > .content { | ||
103 | + padding-bottom: 0em; | ||
104 | +} | ||
105 | + | ||
106 | +/* Link */ | ||
107 | +.ui.feed > .event > .content a { | ||
108 | + cursor: pointer; | ||
109 | +} | ||
110 | + | ||
111 | +/*-------------- | ||
112 | + Date | ||
113 | +---------------*/ | ||
114 | + | ||
115 | +.ui.feed > .event > .content .date { | ||
116 | + margin: -0.5rem 0em 0em; | ||
117 | + padding: 0em; | ||
118 | + font-weight: normal; | ||
119 | + font-size: 1em; | ||
120 | + font-style: normal; | ||
121 | + color: rgba(0, 0, 0, 0.4); | ||
122 | +} | ||
123 | + | ||
124 | +/*-------------- | ||
125 | + Summary | ||
126 | +---------------*/ | ||
127 | + | ||
128 | +.ui.feed > .event > .content .summary { | ||
129 | + margin: 0em; | ||
130 | + font-size: 1em; | ||
131 | + font-weight: bold; | ||
132 | + color: rgba(0, 0, 0, 0.87); | ||
133 | +} | ||
134 | + | ||
135 | +/* Summary Image */ | ||
136 | +.ui.feed > .event > .content .summary img { | ||
137 | + display: inline-block; | ||
138 | + width: auto; | ||
139 | + height: 10em; | ||
140 | + margin: -0.25em 0.25em 0em 0em; | ||
141 | + border-radius: 0.25em; | ||
142 | + vertical-align: middle; | ||
143 | +} | ||
144 | + | ||
145 | +/*-------------- | ||
146 | + User | ||
147 | +---------------*/ | ||
148 | + | ||
149 | +.ui.feed > .event > .content .user { | ||
150 | + display: inline-block; | ||
151 | + font-weight: bold; | ||
152 | + margin-right: 0em; | ||
153 | + vertical-align: baseline; | ||
154 | +} | ||
155 | +.ui.feed > .event > .content .user img { | ||
156 | + margin: -0.25em 0.25em 0em 0em; | ||
157 | + width: auto; | ||
158 | + height: 10em; | ||
159 | + vertical-align: middle; | ||
160 | +} | ||
161 | + | ||
162 | +/*-------------- | ||
163 | + Inline Date | ||
164 | +---------------*/ | ||
165 | + | ||
166 | + | ||
167 | +/* Date inside Summary */ | ||
168 | +.ui.feed > .event > .content .summary > .date { | ||
169 | + display: inline-block; | ||
170 | + float: none; | ||
171 | + font-weight: normal; | ||
172 | + font-size: 0.85714286em; | ||
173 | + font-style: normal; | ||
174 | + margin: 0em 0em 0em 0.5em; | ||
175 | + padding: 0em; | ||
176 | + color: rgba(0, 0, 0, 0.4); | ||
177 | +} | ||
178 | + | ||
179 | +/*-------------- | ||
180 | + Extra Summary | ||
181 | +---------------*/ | ||
182 | + | ||
183 | +.ui.feed > .event > .content .extra { | ||
184 | + margin: 0.5em 0em 0em; | ||
185 | + background: none; | ||
186 | + padding: 0em; | ||
187 | + color: rgba(0, 0, 0, 0.87); | ||
188 | +} | ||
189 | + | ||
190 | +/* Images */ | ||
191 | +.ui.feed > .event > .content .extra.images img { | ||
192 | + display: inline-block; | ||
193 | + margin: 0em 0.25em 0em 0em; | ||
194 | + width: 6em; | ||
195 | +} | ||
196 | + | ||
197 | +/* Text */ | ||
198 | +.ui.feed > .event > .content .extra.text { | ||
199 | + padding: 0em; | ||
200 | + border-left: none; | ||
201 | + font-size: 1em; | ||
202 | + max-width: 500px; | ||
203 | + line-height: 1.4285em; | ||
204 | +} | ||
205 | + | ||
206 | +/*-------------- | ||
207 | + Meta | ||
208 | +---------------*/ | ||
209 | + | ||
210 | +.ui.feed > .event > .content .meta { | ||
211 | + display: inline-block; | ||
212 | + font-size: 0.85714286em; | ||
213 | + margin: 0.5em 0em 0em; | ||
214 | + background: none; | ||
215 | + border: none; | ||
216 | + border-radius: 0; | ||
217 | + -webkit-box-shadow: none; | ||
218 | + box-shadow: none; | ||
219 | + padding: 0em; | ||
220 | + color: rgba(0, 0, 0, 0.6); | ||
221 | +} | ||
222 | +.ui.feed > .event > .content .meta > * { | ||
223 | + position: relative; | ||
224 | + margin-left: 0.75em; | ||
225 | +} | ||
226 | +.ui.feed > .event > .content .meta > *:after { | ||
227 | + content: ''; | ||
228 | + color: rgba(0, 0, 0, 0.2); | ||
229 | + top: 0em; | ||
230 | + left: -1em; | ||
231 | + opacity: 1; | ||
232 | + position: absolute; | ||
233 | + vertical-align: top; | ||
234 | +} | ||
235 | +.ui.feed > .event > .content .meta .like { | ||
236 | + color: ''; | ||
237 | + -webkit-transition: 0.2s color ease; | ||
238 | + transition: 0.2s color ease; | ||
239 | +} | ||
240 | +.ui.feed > .event > .content .meta .like:hover .icon { | ||
241 | + color: #FF2733; | ||
242 | +} | ||
243 | +.ui.feed > .event > .content .meta .active.like .icon { | ||
244 | + color: #EF404A; | ||
245 | +} | ||
246 | + | ||
247 | +/* First element */ | ||
248 | +.ui.feed > .event > .content .meta > :first-child { | ||
249 | + margin-left: 0em; | ||
250 | +} | ||
251 | +.ui.feed > .event > .content .meta > :first-child::after { | ||
252 | + display: none; | ||
253 | +} | ||
254 | + | ||
255 | +/* Action */ | ||
256 | +.ui.feed > .event > .content .meta a, | ||
257 | +.ui.feed > .event > .content .meta > .icon { | ||
258 | + cursor: pointer; | ||
259 | + opacity: 1; | ||
260 | + color: rgba(0, 0, 0, 0.5); | ||
261 | + -webkit-transition: color 0.1s ease; | ||
262 | + transition: color 0.1s ease; | ||
263 | +} | ||
264 | +.ui.feed > .event > .content .meta a:hover, | ||
265 | +.ui.feed > .event > .content .meta a:hover .icon, | ||
266 | +.ui.feed > .event > .content .meta > .icon:hover { | ||
267 | + color: rgba(0, 0, 0, 0.95); | ||
268 | +} | ||
269 | + | ||
270 | + | ||
271 | +/******************************* | ||
272 | + Variations | ||
273 | +*******************************/ | ||
274 | + | ||
275 | +.ui.small.feed { | ||
276 | + font-size: 0.92857143rem; | ||
277 | +} | ||
278 | +.ui.feed { | ||
279 | + font-size: 1rem; | ||
280 | +} | ||
281 | +.ui.large.feed { | ||
282 | + font-size: 1.14285714rem; | ||
283 | +} | ||
284 | + | ||
285 | + | ||
286 | +/******************************* | ||
287 | + Theme Overrides | ||
288 | +*******************************/ | ||
289 | + | ||
290 | + | ||
291 | + | ||
292 | +/******************************* | ||
293 | + User Variable Overrides | ||
294 | +*******************************/ | ||
295 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Feed | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0;border-top:none}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:2.5em;height:auto;-ms-flex-item-align:stretch;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:none;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;font-weight:400;font-size:1em;font-style:normal;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>:after{content:'';color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:'';-webkit-transition:.2s color ease;transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover .icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like .icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);-webkit-transition:color .1s ease;transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover .icon,.ui.feed>.event>.content .meta>.icon:hover{color:rgba(0,0,0,.95)}.ui.small.feed{font-size:.92857143rem}.ui.feed{font-size:1rem}.ui.large.feed{font-size:1.14285714rem} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Header | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.header{border:none;margin:calc(2rem - .14285714em) 0 1rem;padding:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;line-height:1.28571429em;text-transform:none;color:rgba(0,0,0,.87)}.ui.header:first-child{margin-top:-.14285714em}.ui.header:last-child{margin-bottom:0}.ui.header .sub.header{display:block;font-weight:400;padding:0;margin:0;font-size:1rem;line-height:1.2em;color:rgba(0,0,0,.6)}.ui.header>.icon{display:table-cell;opacity:1;font-size:1.5em;padding-top:0;vertical-align:middle}.ui.header .icon:only-child{display:inline-block;padding:0;margin-right:.75rem}.ui.header>.image:not(.icon),.ui.header>img{display:inline-block;margin-top:.14285714em;width:2.5em;height:auto;vertical-align:middle}.ui.header>.image:not(.icon):only-child,.ui.header>img:only-child{margin-right:.75rem}.ui.header .content{display:inline-block;vertical-align:top}.ui.header>.image+.content,.ui.header>img+.content{padding-left:.75rem;vertical-align:middle}.ui.header>.icon+.content{padding-left:.75rem;display:table-cell;vertical-align:middle}.ui.header .ui.label{font-size:'';margin-left:.5rem;vertical-align:middle}.ui.header+p{margin-top:0}h1.ui.header{font-size:2rem}h2.ui.header{font-size:1.71428571rem}h3.ui.header{font-size:1.28571429rem}h4.ui.header{font-size:1.07142857rem}h5.ui.header{font-size:1rem}h1.ui.header .sub.header{font-size:1.14285714rem}h2.ui.header .sub.header{font-size:1.14285714rem}h3.ui.header .sub.header{font-size:1rem}h4.ui.header .sub.header{font-size:1rem}h5.ui.header .sub.header{font-size:.92857143rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.71428571em}.ui.medium.header{font-size:1.28571429em}.ui.small.header{font-size:1.07142857em}.ui.tiny.header{font-size:1em}.ui.huge.header .sub.header{font-size:1.14285714rem}.ui.large.header .sub.header{font-size:1.14285714rem}.ui.header .sub.header{font-size:1rem}.ui.small.header .sub.header{font-size:1rem}.ui.tiny.header .sub.header{font-size:.92857143rem}.ui.sub.header{padding:0;margin-bottom:.14285714rem;font-weight:700;font-size:.85714286em;text-transform:uppercase;color:''}.ui.small.sub.header{font-size:.78571429em}.ui.sub.header{font-size:.85714286em}.ui.large.sub.header{font-size:.92857143em}.ui.huge.sub.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center;margin:2rem 0 1rem}.ui.icon.header:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.icon.header:first-child{margin-top:0}.ui.icon.header .icon{float:none;display:block;width:auto;height:auto;line-height:1;padding:0;font-size:3em;margin:0 auto .5rem;opacity:1}.ui.icon.header .content{display:block;padding:0}.ui.icon.header .circular.icon{font-size:2em}.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.45}.ui.inverted.header{color:#fff}.ui.inverted.header .sub.header{color:rgba(255,255,255,.8)}.ui.inverted.attached.header{background:#545454 -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#545454 -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#545454 linear-gradient(transparent,rgba(0,0,0,.05));-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.ui.inverted.block.header{background:#545454 -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#545454 -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#545454 linear-gradient(transparent,rgba(0,0,0,.05));-webkit-box-shadow:none;box-shadow:none}.ui.inverted.block.header{border-bottom:none}.ui.red.header{color:#db2828!important}a.ui.red.header:hover{color:#d01919!important}.ui.red.dividing.header{border-bottom:2px solid #db2828}.ui.inverted.red.header{color:#ff695e!important}a.ui.inverted.red.header:hover{color:#ff5144!important}.ui.orange.header{color:#f2711c!important}a.ui.orange.header:hover{color:#f26202!important}.ui.orange.dividing.header{border-bottom:2px solid #f2711c}.ui.inverted.orange.header{color:#ff851b!important}a.ui.inverted.orange.header:hover{color:#ff7701!important}.ui.olive.header{color:#b5cc18!important}a.ui.olive.header:hover{color:#a7bd0d!important}.ui.olive.dividing.header{border-bottom:2px solid #b5cc18}.ui.inverted.olive.header{color:#d9e778!important}a.ui.inverted.olive.header:hover{color:#d8ea5c!important}.ui.yellow.header{color:#fbbd08!important}a.ui.yellow.header:hover{color:#eaae00!important}.ui.yellow.dividing.header{border-bottom:2px solid #fbbd08}.ui.inverted.yellow.header{color:#ffe21f!important}a.ui.inverted.yellow.header:hover{color:#ffdf05!important}.ui.green.header{color:#21ba45!important}a.ui.green.header:hover{color:#16ab39!important}.ui.green.dividing.header{border-bottom:2px solid #21ba45}.ui.inverted.green.header{color:#2ecc40!important}a.ui.inverted.green.header:hover{color:#22be34!important}.ui.teal.header{color:#00b5ad!important}a.ui.teal.header:hover{color:#009c95!important}.ui.teal.dividing.header{border-bottom:2px solid #00b5ad}.ui.inverted.teal.header{color:#6dffff!important}a.ui.inverted.teal.header:hover{color:#54ffff!important}.ui.blue.header{color:#2185d0!important}a.ui.blue.header:hover{color:#1678c2!important}.ui.blue.dividing.header{border-bottom:2px solid #2185d0}.ui.inverted.blue.header{color:#54c8ff!important}a.ui.inverted.blue.header:hover{color:#3ac0ff!important}.ui.violet.header{color:#6435c9!important}a.ui.violet.header:hover{color:#5829bb!important}.ui.violet.dividing.header{border-bottom:2px solid #6435c9}.ui.inverted.violet.header{color:#a291fb!important}a.ui.inverted.violet.header:hover{color:#8a73ff!important}.ui.purple.header{color:#a333c8!important}a.ui.purple.header:hover{color:#9627ba!important}.ui.purple.dividing.header{border-bottom:2px solid #a333c8}.ui.inverted.purple.header{color:#dc73ff!important}a.ui.inverted.purple.header:hover{color:#d65aff!important}.ui.pink.header{color:#e03997!important}a.ui.pink.header:hover{color:#e61a8d!important}.ui.pink.dividing.header{border-bottom:2px solid #e03997}.ui.inverted.pink.header{color:#ff8edf!important}a.ui.inverted.pink.header:hover{color:#ff74d8!important}.ui.brown.header{color:#a5673f!important}a.ui.brown.header:hover{color:#975b33!important}.ui.brown.dividing.header{border-bottom:2px solid #a5673f}.ui.inverted.brown.header{color:#d67c1c!important}a.ui.inverted.brown.header:hover{color:#c86f11!important}.ui.grey.header{color:#767676!important}a.ui.grey.header:hover{color:#838383!important}.ui.grey.dividing.header{border-bottom:2px solid #767676}.ui.inverted.grey.header{color:#dcddde!important}a.ui.inverted.grey.header:hover{color:#cfd0d2!important}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header,.ui.centered.header{text-align:center}.ui.justified.header{text-align:justify}.ui.justified.header:after{display:inline-block;content:'';width:100%}.ui.floated.header,.ui[class*="left floated"].header{float:left;margin-top:0;margin-right:.5em}.ui[class*="right floated"].header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.21428571rem;border-bottom:1px solid rgba(34,36,38,.15)}.ui.dividing.header .sub.header{padding-bottom:.21428571rem}.ui.dividing.header .icon{margin-bottom:0}.ui.inverted.dividing.header{border-bottom-color:rgba(255,255,255,.1)}.ui.block.header{background:#f3f4f5;padding:.78571429rem 1rem;-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5;border-radius:.28571429rem}.ui.tiny.block.header{font-size:.85714286rem}.ui.small.block.header{font-size:.92857143rem}.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1rem}.ui.large.block.header{font-size:1.14285714rem}.ui.huge.block.header{font-size:1.42857143rem}.ui.attached.header{background:#fff;padding:.78571429rem 1rem;margin-left:-1px;margin-right:-1px;-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5}.ui.attached.block.header{background:#f3f4f5}.ui.attached:not(.top):not(.bottom).header{margin-top:0;margin-bottom:0;border-top:none;border-radius:0}.ui.top.attached.header{margin-bottom:0;border-radius:.28571429rem .28571429rem 0 0}.ui.bottom.attached.header{margin-top:0;border-top:none;border-radius:0 0 .28571429rem .28571429rem}.ui.tiny.attached.header{font-size:.85714286em}.ui.small.attached.header{font-size:.92857143em}.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1em}.ui.large.attached.header{font-size:1.14285714em}.ui.huge.attached.header{font-size:1.42857143em}.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1.28571429em} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Image | ||
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 | + Image | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.image { | ||
17 | + position: relative; | ||
18 | + display: inline-block; | ||
19 | + vertical-align: middle; | ||
20 | + max-width: 100%; | ||
21 | + background-color: transparent; | ||
22 | +} | ||
23 | +img.ui.image { | ||
24 | + display: block; | ||
25 | +} | ||
26 | +.ui.image svg, | ||
27 | +.ui.image img { | ||
28 | + display: block; | ||
29 | + max-width: 100%; | ||
30 | + height: auto; | ||
31 | +} | ||
32 | + | ||
33 | + | ||
34 | +/******************************* | ||
35 | + States | ||
36 | +*******************************/ | ||
37 | + | ||
38 | +.ui.hidden.images, | ||
39 | +.ui.hidden.image { | ||
40 | + display: none; | ||
41 | +} | ||
42 | +.ui.hidden.transition.images, | ||
43 | +.ui.hidden.transition.image { | ||
44 | + display: block; | ||
45 | + visibility: hidden; | ||
46 | +} | ||
47 | +.ui.images > .hidden.transition { | ||
48 | + display: inline-block; | ||
49 | + visibility: hidden; | ||
50 | +} | ||
51 | +.ui.disabled.images, | ||
52 | +.ui.disabled.image { | ||
53 | + cursor: default; | ||
54 | + opacity: 0.45; | ||
55 | +} | ||
56 | + | ||
57 | + | ||
58 | +/******************************* | ||
59 | + Variations | ||
60 | +*******************************/ | ||
61 | + | ||
62 | + | ||
63 | +/*-------------- | ||
64 | + Inline | ||
65 | +---------------*/ | ||
66 | + | ||
67 | +.ui.inline.image, | ||
68 | +.ui.inline.image svg, | ||
69 | +.ui.inline.image img { | ||
70 | + display: inline-block; | ||
71 | +} | ||
72 | + | ||
73 | +/*------------------ | ||
74 | + Vertical Aligned | ||
75 | +-------------------*/ | ||
76 | + | ||
77 | +.ui.top.aligned.images .image, | ||
78 | +.ui.top.aligned.image, | ||
79 | +.ui.top.aligned.image svg, | ||
80 | +.ui.top.aligned.image img { | ||
81 | + display: inline-block; | ||
82 | + vertical-align: top; | ||
83 | +} | ||
84 | +.ui.middle.aligned.images .image, | ||
85 | +.ui.middle.aligned.image, | ||
86 | +.ui.middle.aligned.image svg, | ||
87 | +.ui.middle.aligned.image img { | ||
88 | + display: inline-block; | ||
89 | + vertical-align: middle; | ||
90 | +} | ||
91 | +.ui.bottom.aligned.images .image, | ||
92 | +.ui.bottom.aligned.image, | ||
93 | +.ui.bottom.aligned.image svg, | ||
94 | +.ui.bottom.aligned.image img { | ||
95 | + display: inline-block; | ||
96 | + vertical-align: bottom; | ||
97 | +} | ||
98 | + | ||
99 | +/*-------------- | ||
100 | + Rounded | ||
101 | +---------------*/ | ||
102 | + | ||
103 | +.ui.rounded.images .image, | ||
104 | +.ui.rounded.image, | ||
105 | +.ui.rounded.images .image > *, | ||
106 | +.ui.rounded.image > * { | ||
107 | + border-radius: 0.3125em; | ||
108 | +} | ||
109 | + | ||
110 | +/*-------------- | ||
111 | + Bordered | ||
112 | +---------------*/ | ||
113 | + | ||
114 | +.ui.bordered.images .image, | ||
115 | +.ui.bordered.images img, | ||
116 | +.ui.bordered.images svg, | ||
117 | +.ui.bordered.image img, | ||
118 | +.ui.bordered.image svg, | ||
119 | +img.ui.bordered.image { | ||
120 | + border: 1px solid rgba(0, 0, 0, 0.1); | ||
121 | +} | ||
122 | + | ||
123 | +/*-------------- | ||
124 | + Circular | ||
125 | +---------------*/ | ||
126 | + | ||
127 | +.ui.circular.images, | ||
128 | +.ui.circular.image { | ||
129 | + overflow: hidden; | ||
130 | +} | ||
131 | +.ui.circular.images .image, | ||
132 | +.ui.circular.image, | ||
133 | +.ui.circular.images .image > *, | ||
134 | +.ui.circular.image > * { | ||
135 | + border-radius: 500rem; | ||
136 | +} | ||
137 | + | ||
138 | +/*-------------- | ||
139 | + Fluid | ||
140 | +---------------*/ | ||
141 | + | ||
142 | +.ui.fluid.images, | ||
143 | +.ui.fluid.image, | ||
144 | +.ui.fluid.images img, | ||
145 | +.ui.fluid.images svg, | ||
146 | +.ui.fluid.image svg, | ||
147 | +.ui.fluid.image img { | ||
148 | + display: block; | ||
149 | + width: 100%; | ||
150 | + height: auto; | ||
151 | +} | ||
152 | + | ||
153 | +/*-------------- | ||
154 | + Avatar | ||
155 | +---------------*/ | ||
156 | + | ||
157 | +.ui.avatar.images .image, | ||
158 | +.ui.avatar.images img, | ||
159 | +.ui.avatar.images svg, | ||
160 | +.ui.avatar.image img, | ||
161 | +.ui.avatar.image svg, | ||
162 | +.ui.avatar.image { | ||
163 | + margin-right: 0.25em; | ||
164 | + display: inline-block; | ||
165 | + width: 2em; | ||
166 | + height: 2em; | ||
167 | + border-radius: 500rem; | ||
168 | +} | ||
169 | + | ||
170 | +/*------------------- | ||
171 | + Spaced | ||
172 | +--------------------*/ | ||
173 | + | ||
174 | +.ui.spaced.image { | ||
175 | + display: inline-block !important; | ||
176 | + margin-left: 0.5em; | ||
177 | + margin-right: 0.5em; | ||
178 | +} | ||
179 | +.ui[class*="left spaced"].image { | ||
180 | + margin-left: 0.5em; | ||
181 | + margin-right: 0em; | ||
182 | +} | ||
183 | +.ui[class*="right spaced"].image { | ||
184 | + margin-left: 0em; | ||
185 | + margin-right: 0.5em; | ||
186 | +} | ||
187 | + | ||
188 | +/*------------------- | ||
189 | + Floated | ||
190 | +--------------------*/ | ||
191 | + | ||
192 | +.ui.floated.image, | ||
193 | +.ui.floated.images { | ||
194 | + float: left; | ||
195 | + margin-right: 1em; | ||
196 | + margin-bottom: 1em; | ||
197 | +} | ||
198 | +.ui.right.floated.images, | ||
199 | +.ui.right.floated.image { | ||
200 | + float: right; | ||
201 | + margin-right: 0em; | ||
202 | + margin-bottom: 1em; | ||
203 | + margin-left: 1em; | ||
204 | +} | ||
205 | +.ui.floated.images:last-child, | ||
206 | +.ui.floated.image:last-child { | ||
207 | + margin-bottom: 0em; | ||
208 | +} | ||
209 | +.ui.centered.images, | ||
210 | +.ui.centered.image { | ||
211 | + margin-left: auto; | ||
212 | + margin-right: auto; | ||
213 | +} | ||
214 | + | ||
215 | +/*-------------- | ||
216 | + Sizes | ||
217 | +---------------*/ | ||
218 | + | ||
219 | +.ui.mini.images .image, | ||
220 | +.ui.mini.images img, | ||
221 | +.ui.mini.images svg, | ||
222 | +.ui.mini.image { | ||
223 | + width: 35px; | ||
224 | + height: auto; | ||
225 | + font-size: 0.78571429rem; | ||
226 | +} | ||
227 | +.ui.tiny.images .image, | ||
228 | +.ui.tiny.images img, | ||
229 | +.ui.tiny.images svg, | ||
230 | +.ui.tiny.image { | ||
231 | + width: 80px; | ||
232 | + height: auto; | ||
233 | + font-size: 0.85714286rem; | ||
234 | +} | ||
235 | +.ui.small.images .image, | ||
236 | +.ui.small.images img, | ||
237 | +.ui.small.images svg, | ||
238 | +.ui.small.image { | ||
239 | + width: 150px; | ||
240 | + height: auto; | ||
241 | + font-size: 0.92857143rem; | ||
242 | +} | ||
243 | +.ui.medium.images .image, | ||
244 | +.ui.medium.images img, | ||
245 | +.ui.medium.images svg, | ||
246 | +.ui.medium.image { | ||
247 | + width: 300px; | ||
248 | + height: auto; | ||
249 | + font-size: 1rem; | ||
250 | +} | ||
251 | +.ui.large.images .image, | ||
252 | +.ui.large.images img, | ||
253 | +.ui.large.images svg, | ||
254 | +.ui.large.image { | ||
255 | + width: 450px; | ||
256 | + height: auto; | ||
257 | + font-size: 1.14285714rem; | ||
258 | +} | ||
259 | +.ui.big.images .image, | ||
260 | +.ui.big.images img, | ||
261 | +.ui.big.images svg, | ||
262 | +.ui.big.image { | ||
263 | + width: 600px; | ||
264 | + height: auto; | ||
265 | + font-size: 1.28571429rem; | ||
266 | +} | ||
267 | +.ui.huge.images .image, | ||
268 | +.ui.huge.images img, | ||
269 | +.ui.huge.images svg, | ||
270 | +.ui.huge.image { | ||
271 | + width: 800px; | ||
272 | + height: auto; | ||
273 | + font-size: 1.42857143rem; | ||
274 | +} | ||
275 | +.ui.massive.images .image, | ||
276 | +.ui.massive.images img, | ||
277 | +.ui.massive.images svg, | ||
278 | +.ui.massive.image { | ||
279 | + width: 960px; | ||
280 | + height: auto; | ||
281 | + font-size: 1.71428571rem; | ||
282 | +} | ||
283 | + | ||
284 | + | ||
285 | +/******************************* | ||
286 | + Groups | ||
287 | +*******************************/ | ||
288 | + | ||
289 | +.ui.images { | ||
290 | + font-size: 0em; | ||
291 | + margin: 0em -0.25rem 0rem; | ||
292 | +} | ||
293 | +.ui.images .image, | ||
294 | +.ui.images > img, | ||
295 | +.ui.images > svg { | ||
296 | + display: inline-block; | ||
297 | + margin: 0em 0.25rem 0.5rem; | ||
298 | +} | ||
299 | + | ||
300 | + | ||
301 | +/******************************* | ||
302 | + Theme Overrides | ||
303 | +*******************************/ | ||
304 | + | ||
305 | + | ||
306 | + | ||
307 | +/******************************* | ||
308 | + Site Overrides | ||
309 | +*******************************/ | ||
310 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Image | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:transparent}img.ui.image{display:block}.ui.image img,.ui.image svg{display:block;max-width:100%;height:auto}.ui.hidden.image,.ui.hidden.images{display:none}.ui.hidden.transition.image,.ui.hidden.transition.images{display:block;visibility:hidden}.ui.images>.hidden.transition{display:inline-block;visibility:hidden}.ui.disabled.image,.ui.disabled.images{cursor:default;opacity:.45}.ui.inline.image,.ui.inline.image img,.ui.inline.image svg{display:inline-block}.ui.top.aligned.image,.ui.top.aligned.image img,.ui.top.aligned.image svg,.ui.top.aligned.images .image{display:inline-block;vertical-align:top}.ui.middle.aligned.image,.ui.middle.aligned.image img,.ui.middle.aligned.image svg,.ui.middle.aligned.images .image{display:inline-block;vertical-align:middle}.ui.bottom.aligned.image,.ui.bottom.aligned.image img,.ui.bottom.aligned.image svg,.ui.bottom.aligned.images .image{display:inline-block;vertical-align:bottom}.ui.rounded.image,.ui.rounded.image>*,.ui.rounded.images .image,.ui.rounded.images .image>*{border-radius:.3125em}.ui.bordered.image img,.ui.bordered.image svg,.ui.bordered.images .image,.ui.bordered.images img,.ui.bordered.images svg,img.ui.bordered.image{border:1px solid rgba(0,0,0,.1)}.ui.circular.image,.ui.circular.images{overflow:hidden}.ui.circular.image,.ui.circular.image>*,.ui.circular.images .image,.ui.circular.images .image>*{border-radius:500rem}.ui.fluid.image,.ui.fluid.image img,.ui.fluid.image svg,.ui.fluid.images,.ui.fluid.images img,.ui.fluid.images svg{display:block;width:100%;height:auto}.ui.avatar.image,.ui.avatar.image img,.ui.avatar.image svg,.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.images svg{margin-right:.25em;display:inline-block;width:2em;height:2em;border-radius:500rem}.ui.spaced.image{display:inline-block!important;margin-left:.5em;margin-right:.5em}.ui[class*="left spaced"].image{margin-left:.5em;margin-right:0}.ui[class*="right spaced"].image{margin-left:0;margin-right:.5em}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.image,.ui.right.floated.images{float:right;margin-right:0;margin-bottom:1em;margin-left:1em}.ui.floated.image:last-child,.ui.floated.images:last-child{margin-bottom:0}.ui.centered.image,.ui.centered.images{margin-left:auto;margin-right:auto}.ui.mini.image,.ui.mini.images .image,.ui.mini.images img,.ui.mini.images svg{width:35px;height:auto;font-size:.78571429rem}.ui.tiny.image,.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.images svg{width:80px;height:auto;font-size:.85714286rem}.ui.small.image,.ui.small.images .image,.ui.small.images img,.ui.small.images svg{width:150px;height:auto;font-size:.92857143rem}.ui.medium.image,.ui.medium.images .image,.ui.medium.images img,.ui.medium.images svg{width:300px;height:auto;font-size:1rem}.ui.large.image,.ui.large.images .image,.ui.large.images img,.ui.large.images svg{width:450px;height:auto;font-size:1.14285714rem}.ui.big.image,.ui.big.images .image,.ui.big.images img,.ui.big.images svg{width:600px;height:auto;font-size:1.28571429rem}.ui.huge.image,.ui.huge.images .image,.ui.huge.images img,.ui.huge.images svg{width:800px;height:auto;font-size:1.42857143rem}.ui.massive.image,.ui.massive.images .image,.ui.massive.images img,.ui.massive.images svg{width:960px;height:auto;font-size:1.71428571rem}.ui.images{font-size:0;margin:0 -.25rem 0}.ui.images .image,.ui.images>img,.ui.images>svg{display:inline-block;margin:0 .25rem .5rem} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Input | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.input{position:relative;font-weight:400;font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:rgba(0,0,0,.87)}.ui.input>input{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;padding:.67857143em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,border-color .1s ease;transition:box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;-webkit-box-shadow:none;box-shadow:none}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,.87)}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input.down input,.ui.input>input:active{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.loading.loading.input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#85b7d9;background:#fff;color:rgba(0,0,0,.8);-webkit-box-shadow:none;box-shadow:none}.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.error>input{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-box-shadow:none;box-shadow:none}.ui.input.error>input::-webkit-input-placeholder{color:#e7bdbc}.ui.input.error>input::-moz-placeholder{color:#e7bdbc}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc!important}.ui.input.error>input:focus::-webkit-input-placeholder{color:#da9796}.ui.input.error>input:focus::-moz-placeholder{color:#da9796}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796!important}.ui.transparent.input>input{border-color:transparent!important;background-color:transparent!important;padding:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important}.ui.transparent.icon.input>i.icon{width:1.1em}.ui.transparent.icon.input>input{padding-left:0!important;padding-right:2em!important}.ui.transparent[class*="left icon"].input>input{padding-left:2em!important;padding-right:0!important}.ui.transparent.inverted.input{color:#fff}.ui.transparent.inverted.input>input{color:inherit}.ui.transparent.inverted.input>input::-webkit-input-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input::-moz-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input:-ms-input-placeholder{color:rgba(255,255,255,.5)}.ui.icon.input>i.icon{cursor:default;position:absolute;line-height:1;text-align:center;top:0;right:0;margin:0;height:100%;width:2.67142857em;opacity:.5;border-radius:0 .28571429rem .28571429rem 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui.icon.input>i.icon:not(.link){pointer-events:none}.ui.icon.input>input{padding-right:2.67142857em!important}.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.icon.input>i.link.icon{cursor:pointer}.ui.icon.input>i.circular.icon{top:.35em;right:.5em}.ui[class*="left icon"].input>i.icon{right:auto;left:1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left icon"].input>i.circular.icon{right:auto;left:.5em}.ui[class*="left icon"].input>input{padding-left:2.67142857em!important;padding-right:1em!important}.ui.icon.input>input:focus~i.icon{opacity:1}.ui.labeled.input>.label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;font-size:1em}.ui.labeled.input>.label:not(.corner){padding-top:.78571429em;padding-bottom:.78571429em}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus{border-left-color:#85b7d9}.ui[class*="right labeled"].input>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui[class*="right labeled"].input>input+.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="right labeled"].input>input:focus{border-right-color:#85b7d9!important}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.64285714em;border-radius:0 .28571429rem 0 0}.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input{padding-right:2.5em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input{padding-right:3.25em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>.icon{margin-right:1.25em}.ui[class*="left corner labeled"].labeled.input>input{padding-left:2.5em!important}.ui[class*="left corner labeled"].icon.input>input{padding-left:3.25em!important}.ui[class*="left corner labeled"].icon.input>.icon{margin-left:1.25em}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.left.corner.label{right:auto;left:1px}.ui.action.input>.button,.ui.action.input>.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui.action.input>.button,.ui.action.input>.buttons>.button{padding-top:.78571429em;padding-bottom:.78571429em;margin:0}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui.action.input:not([class*="left action"])>.button:not(:first-child),.ui.action.input:not([class*="left action"])>.buttons:not(:first-child)>.button,.ui.action.input:not([class*="left action"])>.dropdown:not(:first-child){border-radius:0}.ui.action.input:not([class*="left action"])>.button:last-child,.ui.action.input:not([class*="left action"])>.buttons:last-child>.button,.ui.action.input:not([class*="left action"])>.dropdown:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:#85b7d9!important}.ui[class*="left action"].input>input{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left-color:transparent!important}.ui[class*="left action"].input>.button,.ui[class*="left action"].input>.buttons>.button,.ui[class*="left action"].input>.dropdown{border-radius:0}.ui[class*="left action"].input>.button:first-child,.ui[class*="left action"].input>.buttons:first-child>.button,.ui[class*="left action"].input>.dropdown:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left action"].input>input:focus{border-left-color:#85b7d9!important}.ui.inverted.input>input{border:none}.ui.fluid.input{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.fluid.input>input{width:0!important}.ui.mini.input{font-size:.78571429em}.ui.small.input{font-size:.92857143em}.ui.input{font-size:1em}.ui.large.input{font-size:1.14285714em}.ui.big.input{font-size:1.28571429em}.ui.huge.input{font-size:1.42857143em}.ui.massive.input{font-size:1.71428571em} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Item | ||
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 | + Standard | ||
14 | +*******************************/ | ||
15 | + | ||
16 | + | ||
17 | +/*-------------- | ||
18 | + Item | ||
19 | +---------------*/ | ||
20 | + | ||
21 | +.ui.items > .item { | ||
22 | + display: -webkit-box; | ||
23 | + display: -ms-flexbox; | ||
24 | + display: flex; | ||
25 | + margin: 1em 0em; | ||
26 | + width: 100%; | ||
27 | + min-height: 0px; | ||
28 | + background: transparent; | ||
29 | + padding: 0em; | ||
30 | + border: none; | ||
31 | + border-radius: 0rem; | ||
32 | + -webkit-box-shadow: none; | ||
33 | + box-shadow: none; | ||
34 | + -webkit-transition: -webkit-box-shadow 0.1s ease; | ||
35 | + transition: -webkit-box-shadow 0.1s ease; | ||
36 | + transition: box-shadow 0.1s ease; | ||
37 | + transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; | ||
38 | + z-index: ''; | ||
39 | +} | ||
40 | +.ui.items > .item a { | ||
41 | + cursor: pointer; | ||
42 | +} | ||
43 | + | ||
44 | +/*-------------- | ||
45 | + Items | ||
46 | +---------------*/ | ||
47 | + | ||
48 | +.ui.items { | ||
49 | + margin: 1.5em 0em; | ||
50 | +} | ||
51 | +.ui.items:first-child { | ||
52 | + margin-top: 0em !important; | ||
53 | +} | ||
54 | +.ui.items:last-child { | ||
55 | + margin-bottom: 0em !important; | ||
56 | +} | ||
57 | + | ||
58 | +/*-------------- | ||
59 | + Item | ||
60 | +---------------*/ | ||
61 | + | ||
62 | +.ui.items > .item:after { | ||
63 | + display: block; | ||
64 | + content: ' '; | ||
65 | + height: 0px; | ||
66 | + clear: both; | ||
67 | + overflow: hidden; | ||
68 | + visibility: hidden; | ||
69 | +} | ||
70 | +.ui.items > .item:first-child { | ||
71 | + margin-top: 0em; | ||
72 | +} | ||
73 | +.ui.items > .item:last-child { | ||
74 | + margin-bottom: 0em; | ||
75 | +} | ||
76 | + | ||
77 | +/*-------------- | ||
78 | + Images | ||
79 | +---------------*/ | ||
80 | + | ||
81 | +.ui.items > .item > .image { | ||
82 | + position: relative; | ||
83 | + -webkit-box-flex: 0; | ||
84 | + -ms-flex: 0 0 auto; | ||
85 | + flex: 0 0 auto; | ||
86 | + display: block; | ||
87 | + float: none; | ||
88 | + margin: 0em; | ||
89 | + padding: 0em; | ||
90 | + max-height: ''; | ||
91 | + -ms-flex-item-align: top; | ||
92 | + align-self: top; | ||
93 | +} | ||
94 | +.ui.items > .item > .image > img { | ||
95 | + display: block; | ||
96 | + width: 100%; | ||
97 | + height: auto; | ||
98 | + border-radius: 0.125rem; | ||
99 | + border: none; | ||
100 | +} | ||
101 | +.ui.items > .item > .image:only-child > img { | ||
102 | + border-radius: 0rem; | ||
103 | +} | ||
104 | + | ||
105 | +/*-------------- | ||
106 | + Content | ||
107 | +---------------*/ | ||
108 | + | ||
109 | +.ui.items > .item > .content { | ||
110 | + display: block; | ||
111 | + -webkit-box-flex: 1; | ||
112 | + -ms-flex: 1 1 auto; | ||
113 | + flex: 1 1 auto; | ||
114 | + background: none; | ||
115 | + margin: 0em; | ||
116 | + padding: 0em; | ||
117 | + -webkit-box-shadow: none; | ||
118 | + box-shadow: none; | ||
119 | + font-size: 1em; | ||
120 | + border: none; | ||
121 | + border-radius: 0em; | ||
122 | +} | ||
123 | +.ui.items > .item > .content:after { | ||
124 | + display: block; | ||
125 | + content: ' '; | ||
126 | + height: 0px; | ||
127 | + clear: both; | ||
128 | + overflow: hidden; | ||
129 | + visibility: hidden; | ||
130 | +} | ||
131 | +.ui.items > .item > .image + .content { | ||
132 | + min-width: 0; | ||
133 | + width: auto; | ||
134 | + display: block; | ||
135 | + margin-left: 0em; | ||
136 | + -ms-flex-item-align: top; | ||
137 | + align-self: top; | ||
138 | + padding-left: 1.5em; | ||
139 | +} | ||
140 | +.ui.items > .item > .content > .header { | ||
141 | + display: inline-block; | ||
142 | + margin: -0.21425em 0em 0em; | ||
143 | + font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; | ||
144 | + font-weight: bold; | ||
145 | + color: rgba(0, 0, 0, 0.85); | ||
146 | +} | ||
147 | + | ||
148 | +/* Default Header Size */ | ||
149 | +.ui.items > .item > .content > .header:not(.ui) { | ||
150 | + font-size: 1.28571429em; | ||
151 | +} | ||
152 | + | ||
153 | +/*-------------- | ||
154 | + Floated | ||
155 | +---------------*/ | ||
156 | + | ||
157 | +.ui.items > .item [class*="left floated"] { | ||
158 | + float: left; | ||
159 | +} | ||
160 | +.ui.items > .item [class*="right floated"] { | ||
161 | + float: right; | ||
162 | +} | ||
163 | + | ||
164 | +/*-------------- | ||
165 | + Content Image | ||
166 | +---------------*/ | ||
167 | + | ||
168 | +.ui.items > .item .content img { | ||
169 | + -ms-flex-item-align: middle; | ||
170 | + align-self: middle; | ||
171 | + width: ''; | ||
172 | +} | ||
173 | +.ui.items > .item img.avatar, | ||
174 | +.ui.items > .item .avatar img { | ||
175 | + width: ''; | ||
176 | + height: ''; | ||
177 | + border-radius: 500rem; | ||
178 | +} | ||
179 | + | ||
180 | +/*-------------- | ||
181 | + Description | ||
182 | +---------------*/ | ||
183 | + | ||
184 | +.ui.items > .item > .content > .description { | ||
185 | + margin-top: 0.6em; | ||
186 | + max-width: auto; | ||
187 | + font-size: 1em; | ||
188 | + line-height: 1.4285em; | ||
189 | + color: rgba(0, 0, 0, 0.87); | ||
190 | +} | ||
191 | + | ||
192 | +/*-------------- | ||
193 | + Paragraph | ||
194 | +---------------*/ | ||
195 | + | ||
196 | +.ui.items > .item > .content p { | ||
197 | + margin: 0em 0em 0.5em; | ||
198 | +} | ||
199 | +.ui.items > .item > .content p:last-child { | ||
200 | + margin-bottom: 0em; | ||
201 | +} | ||
202 | + | ||
203 | +/*-------------- | ||
204 | + Meta | ||
205 | +---------------*/ | ||
206 | + | ||
207 | +.ui.items > .item .meta { | ||
208 | + margin: 0.5em 0em 0.5em; | ||
209 | + font-size: 1em; | ||
210 | + line-height: 1em; | ||
211 | + color: rgba(0, 0, 0, 0.6); | ||
212 | +} | ||
213 | +.ui.items > .item .meta * { | ||
214 | + margin-right: 0.3em; | ||
215 | +} | ||
216 | +.ui.items > .item .meta :last-child { | ||
217 | + margin-right: 0em; | ||
218 | +} | ||
219 | +.ui.items > .item .meta [class*="right floated"] { | ||
220 | + margin-right: 0em; | ||
221 | + margin-left: 0.3em; | ||
222 | +} | ||
223 | + | ||
224 | +/*-------------- | ||
225 | + Links | ||
226 | +---------------*/ | ||
227 | + | ||
228 | + | ||
229 | +/* Generic */ | ||
230 | +.ui.items > .item > .content a:not(.ui) { | ||
231 | + color: ''; | ||
232 | + -webkit-transition: color 0.1s ease; | ||
233 | + transition: color 0.1s ease; | ||
234 | +} | ||
235 | +.ui.items > .item > .content a:not(.ui):hover { | ||
236 | + color: ''; | ||
237 | +} | ||
238 | + | ||
239 | +/* Header */ | ||
240 | +.ui.items > .item > .content > a.header { | ||
241 | + color: rgba(0, 0, 0, 0.85); | ||
242 | +} | ||
243 | +.ui.items > .item > .content > a.header:hover { | ||
244 | + color: #1e70bf; | ||
245 | +} | ||
246 | + | ||
247 | +/* Meta */ | ||
248 | +.ui.items > .item .meta > a:not(.ui) { | ||
249 | + color: rgba(0, 0, 0, 0.4); | ||
250 | +} | ||
251 | +.ui.items > .item .meta > a:not(.ui):hover { | ||
252 | + color: rgba(0, 0, 0, 0.87); | ||
253 | +} | ||
254 | + | ||
255 | +/*-------------- | ||
256 | + Labels | ||
257 | +---------------*/ | ||
258 | + | ||
259 | + | ||
260 | +/*-----Star----- */ | ||
261 | + | ||
262 | + | ||
263 | +/* Icon */ | ||
264 | +.ui.items > .item > .content .favorite.icon { | ||
265 | + cursor: pointer; | ||
266 | + opacity: 0.75; | ||
267 | + -webkit-transition: color 0.1s ease; | ||
268 | + transition: color 0.1s ease; | ||
269 | +} | ||
270 | +.ui.items > .item > .content .favorite.icon:hover { | ||
271 | + opacity: 1; | ||
272 | + color: #FFB70A; | ||
273 | +} | ||
274 | +.ui.items > .item > .content .active.favorite.icon { | ||
275 | + color: #FFE623; | ||
276 | +} | ||
277 | + | ||
278 | +/*-----Like----- */ | ||
279 | + | ||
280 | + | ||
281 | +/* Icon */ | ||
282 | +.ui.items > .item > .content .like.icon { | ||
283 | + cursor: pointer; | ||
284 | + opacity: 0.75; | ||
285 | + -webkit-transition: color 0.1s ease; | ||
286 | + transition: color 0.1s ease; | ||
287 | +} | ||
288 | +.ui.items > .item > .content .like.icon:hover { | ||
289 | + opacity: 1; | ||
290 | + color: #FF2733; | ||
291 | +} | ||
292 | +.ui.items > .item > .content .active.like.icon { | ||
293 | + color: #FF2733; | ||
294 | +} | ||
295 | + | ||
296 | +/*---------------- | ||
297 | + Extra Content | ||
298 | +-----------------*/ | ||
299 | + | ||
300 | +.ui.items > .item .extra { | ||
301 | + display: block; | ||
302 | + position: relative; | ||
303 | + background: none; | ||
304 | + margin: 0.5rem 0em 0em; | ||
305 | + width: 100%; | ||
306 | + padding: 0em 0em 0em; | ||
307 | + top: 0em; | ||
308 | + left: 0em; | ||
309 | + color: rgba(0, 0, 0, 0.4); | ||
310 | + -webkit-box-shadow: none; | ||
311 | + box-shadow: none; | ||
312 | + -webkit-transition: color 0.1s ease; | ||
313 | + transition: color 0.1s ease; | ||
314 | + border-top: none; | ||
315 | +} | ||
316 | +.ui.items > .item .extra > * { | ||
317 | + margin: 0.25rem 0.5rem 0.25rem 0em; | ||
318 | +} | ||
319 | +.ui.items > .item .extra > [class*="right floated"] { | ||
320 | + margin: 0.25rem 0em 0.25rem 0.5rem; | ||
321 | +} | ||
322 | +.ui.items > .item .extra:after { | ||
323 | + display: block; | ||
324 | + content: ' '; | ||
325 | + height: 0px; | ||
326 | + clear: both; | ||
327 | + overflow: hidden; | ||
328 | + visibility: hidden; | ||
329 | +} | ||
330 | + | ||
331 | + | ||
332 | +/******************************* | ||
333 | + Responsive | ||
334 | +*******************************/ | ||
335 | + | ||
336 | + | ||
337 | +/* Default Image Width */ | ||
338 | +.ui.items > .item > .image:not(.ui) { | ||
339 | + width: 175px; | ||
340 | +} | ||
341 | + | ||
342 | +/* Tablet Only */ | ||
343 | +@media only screen and (min-width: 768px) and (max-width: 991px) { | ||
344 | + .ui.items > .item { | ||
345 | + margin: 1em 0em; | ||
346 | + } | ||
347 | + .ui.items > .item > .image:not(.ui) { | ||
348 | + width: 150px; | ||
349 | + } | ||
350 | + .ui.items > .item > .image + .content { | ||
351 | + display: block; | ||
352 | + padding: 0em 0em 0em 1em; | ||
353 | + } | ||
354 | +} | ||
355 | + | ||
356 | +/* Mobile Only */ | ||
357 | +@media only screen and (max-width: 767px) { | ||
358 | + .ui.items:not(.unstackable) > .item { | ||
359 | + -webkit-box-orient: vertical; | ||
360 | + -webkit-box-direction: normal; | ||
361 | + -ms-flex-direction: column; | ||
362 | + flex-direction: column; | ||
363 | + margin: 2em 0em; | ||
364 | + } | ||
365 | + .ui.items:not(.unstackable) > .item > .image { | ||
366 | + display: block; | ||
367 | + margin-left: auto; | ||
368 | + margin-right: auto; | ||
369 | + } | ||
370 | + .ui.items:not(.unstackable) > .item > .image, | ||
371 | + .ui.items:not(.unstackable) > .item > .image > img { | ||
372 | + max-width: 100% !important; | ||
373 | + width: auto !important; | ||
374 | + max-height: 250px !important; | ||
375 | + } | ||
376 | + .ui.items:not(.unstackable) > .item > .image + .content { | ||
377 | + display: block; | ||
378 | + padding: 1.5em 0em 0em; | ||
379 | + } | ||
380 | +} | ||
381 | + | ||
382 | + | ||
383 | +/******************************* | ||
384 | + Variations | ||
385 | +*******************************/ | ||
386 | + | ||
387 | + | ||
388 | +/*------------------- | ||
389 | + Aligned | ||
390 | +--------------------*/ | ||
391 | + | ||
392 | +.ui.items > .item > .image + [class*="top aligned"].content { | ||
393 | + -ms-flex-item-align: start; | ||
394 | + align-self: flex-start; | ||
395 | +} | ||
396 | +.ui.items > .item > .image + [class*="middle aligned"].content { | ||
397 | + -ms-flex-item-align: center; | ||
398 | + align-self: center; | ||
399 | +} | ||
400 | +.ui.items > .item > .image + [class*="bottom aligned"].content { | ||
401 | + -ms-flex-item-align: end; | ||
402 | + align-self: flex-end; | ||
403 | +} | ||
404 | + | ||
405 | +/*-------------- | ||
406 | + Relaxed | ||
407 | +---------------*/ | ||
408 | + | ||
409 | +.ui.relaxed.items > .item { | ||
410 | + margin: 1.5em 0em; | ||
411 | +} | ||
412 | +.ui[class*="very relaxed"].items > .item { | ||
413 | + margin: 2em 0em; | ||
414 | +} | ||
415 | + | ||
416 | +/*------------------- | ||
417 | + Divided | ||
418 | +--------------------*/ | ||
419 | + | ||
420 | +.ui.divided.items > .item { | ||
421 | + border-top: 1px solid rgba(34, 36, 38, 0.15); | ||
422 | + margin: 0em; | ||
423 | + padding: 1em 0em; | ||
424 | +} | ||
425 | +.ui.divided.items > .item:first-child { | ||
426 | + border-top: none; | ||
427 | + margin-top: 0em !important; | ||
428 | + padding-top: 0em !important; | ||
429 | +} | ||
430 | +.ui.divided.items > .item:last-child { | ||
431 | + margin-bottom: 0em !important; | ||
432 | + padding-bottom: 0em !important; | ||
433 | +} | ||
434 | + | ||
435 | +/* Relaxed Divided */ | ||
436 | +.ui.relaxed.divided.items > .item { | ||
437 | + margin: 0em; | ||
438 | + padding: 1.5em 0em; | ||
439 | +} | ||
440 | +.ui[class*="very relaxed"].divided.items > .item { | ||
441 | + margin: 0em; | ||
442 | + padding: 2em 0em; | ||
443 | +} | ||
444 | + | ||
445 | +/*------------------- | ||
446 | + Link | ||
447 | +--------------------*/ | ||
448 | + | ||
449 | +.ui.items a.item:hover, | ||
450 | +.ui.link.items > .item:hover { | ||
451 | + cursor: pointer; | ||
452 | +} | ||
453 | +.ui.items a.item:hover .content .header, | ||
454 | +.ui.link.items > .item:hover .content .header { | ||
455 | + color: #1e70bf; | ||
456 | +} | ||
457 | + | ||
458 | +/*-------------- | ||
459 | + Size | ||
460 | +---------------*/ | ||
461 | + | ||
462 | +.ui.items > .item { | ||
463 | + font-size: 1em; | ||
464 | +} | ||
465 | + | ||
466 | +/*--------------- | ||
467 | + Unstackable | ||
468 | +----------------*/ | ||
469 | + | ||
470 | +@media only screen and (max-width: 767px) { | ||
471 | + .ui.unstackable.items > .item > .image, | ||
472 | + .ui.unstackable.items > .item > .image > img { | ||
473 | + width: 125px !important; | ||
474 | + } | ||
475 | +} | ||
476 | + | ||
477 | + | ||
478 | +/******************************* | ||
479 | + Theme Overrides | ||
480 | +*******************************/ | ||
481 | + | ||
482 | + | ||
483 | + | ||
484 | +/******************************* | ||
485 | + User Variable Overrides | ||
486 | +*******************************/ | ||
487 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Item | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.items>.item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em 0;width:100%;min-height:0;background:0 0;padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow .1s ease;transition:-webkit-box-shadow .1s ease;transition:box-shadow .1s ease;transition:box-shadow .1s ease,-webkit-box-shadow .1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0}.ui.items:first-child{margin-top:0!important}.ui.items:last-child{margin-bottom:0!important}.ui.items>.item:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0}.ui.items>.item:last-child{margin-bottom:0}.ui.items>.item>.image{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;float:none;margin:0;padding:0;max-height:'';-ms-flex-item-align:top;align-self:top}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0}.ui.items>.item>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:0 0;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border:none;border-radius:0}.ui.items>.item>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0;-ms-flex-item-align:top;align-self:top;padding-left:1.5em}.ui.items>.item>.content>.header{display:inline-block;margin:-.21425em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;color:rgba(0,0,0,.85)}.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:left}.ui.items>.item [class*="right floated"]{float:right}.ui.items>.item .content img{-ms-flex-item-align:middle;align-self:middle;width:''}.ui.items>.item .avatar img,.ui.items>.item img.avatar{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,.87)}.ui.items>.item>.content p{margin:0 0 .5em}.ui.items>.item>.content p:last-child{margin-bottom:0}.ui.items>.item .meta{margin:.5em 0 .5em;font-size:1em;line-height:1em;color:rgba(0,0,0,.6)}.ui.items>.item .meta *{margin-right:.3em}.ui.items>.item .meta :last-child{margin-right:0}.ui.items>.item .meta [class*="right floated"]{margin-right:0;margin-left:.3em}.ui.items>.item>.content a:not(.ui){color:'';-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:.75;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#ffb70a}.ui.items>.item>.content .active.favorite.icon{color:#ffe623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:.75;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#ff2733}.ui.items>.item>.content .active.like.icon{color:#ff2733}.ui.items>.item .extra{display:block;position:relative;background:0 0;margin:.5rem 0 0;width:100%;padding:0 0 0;top:0;left:0;color:rgba(0,0,0,.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color .1s ease;transition:color .1s ease;border-top:none}.ui.items>.item .extra>*{margin:.25rem .5rem .25rem 0}.ui.items>.item .extra>[class*="right floated"]{margin:.25rem 0 .25rem .5rem}.ui.items>.item .extra:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width:768px) and (max-width:991px){.ui.items>.item{margin:1em 0}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0 0 0 1em}}@media only screen and (max-width:767px){.ui.items:not(.unstackable)>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em 0}.ui.items:not(.unstackable)>.item>.image{display:block;margin-left:auto;margin-right:auto}.ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img{max-width:100%!important;width:auto!important;max-height:250px!important}.ui.items:not(.unstackable)>.item>.image+.content{display:block;padding:1.5em 0 0}}.ui.items>.item>.image+[class*="top aligned"].content{-ms-flex-item-align:start;align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{-ms-flex-item-align:center;align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{-ms-flex-item-align:end;align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0}.ui[class*="very relaxed"].items>.item{margin:2em 0}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,.15);margin:0;padding:1em 0}.ui.divided.items>.item:first-child{border-top:none;margin-top:0!important;padding-top:0!important}.ui.divided.items>.item:last-child{margin-bottom:0!important;padding-bottom:0!important}.ui.relaxed.divided.items>.item{margin:0;padding:1.5em 0}.ui[class*="very relaxed"].divided.items>.item{margin:0;padding:2em 0}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}@media only screen and (max-width:767px){.ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img{width:125px!important}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Loader | ||
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 | + Loader | ||
14 | +*******************************/ | ||
15 | + | ||
16 | + | ||
17 | +/* Standard Size */ | ||
18 | +.ui.loader { | ||
19 | + display: none; | ||
20 | + position: absolute; | ||
21 | + top: 50%; | ||
22 | + left: 50%; | ||
23 | + margin: 0px; | ||
24 | + text-align: center; | ||
25 | + z-index: 1000; | ||
26 | + -webkit-transform: translateX(-50%) translateY(-50%); | ||
27 | + transform: translateX(-50%) translateY(-50%); | ||
28 | +} | ||
29 | + | ||
30 | +/* Static Shape */ | ||
31 | +.ui.loader:before { | ||
32 | + position: absolute; | ||
33 | + content: ''; | ||
34 | + top: 0%; | ||
35 | + left: 50%; | ||
36 | + width: 100%; | ||
37 | + height: 100%; | ||
38 | + border-radius: 500rem; | ||
39 | + border: 0.2em solid rgba(0, 0, 0, 0.1); | ||
40 | +} | ||
41 | + | ||
42 | +/* Active Shape */ | ||
43 | +.ui.loader:after { | ||
44 | + position: absolute; | ||
45 | + content: ''; | ||
46 | + top: 0%; | ||
47 | + left: 50%; | ||
48 | + width: 100%; | ||
49 | + height: 100%; | ||
50 | + -webkit-animation: loader 0.6s linear; | ||
51 | + animation: loader 0.6s linear; | ||
52 | + -webkit-animation-iteration-count: infinite; | ||
53 | + animation-iteration-count: infinite; | ||
54 | + border-radius: 500rem; | ||
55 | + border-color: #767676 transparent transparent; | ||
56 | + border-style: solid; | ||
57 | + border-width: 0.2em; | ||
58 | + -webkit-box-shadow: 0px 0px 0px 1px transparent; | ||
59 | + box-shadow: 0px 0px 0px 1px transparent; | ||
60 | +} | ||
61 | + | ||
62 | +/* Active Animation */ | ||
63 | +@-webkit-keyframes loader { | ||
64 | + from { | ||
65 | + -webkit-transform: rotate(0deg); | ||
66 | + transform: rotate(0deg); | ||
67 | + } | ||
68 | + to { | ||
69 | + -webkit-transform: rotate(360deg); | ||
70 | + transform: rotate(360deg); | ||
71 | + } | ||
72 | +} | ||
73 | +@keyframes loader { | ||
74 | + from { | ||
75 | + -webkit-transform: rotate(0deg); | ||
76 | + transform: rotate(0deg); | ||
77 | + } | ||
78 | + to { | ||
79 | + -webkit-transform: rotate(360deg); | ||
80 | + transform: rotate(360deg); | ||
81 | + } | ||
82 | +} | ||
83 | + | ||
84 | +/* Sizes */ | ||
85 | +.ui.mini.loader:before, | ||
86 | +.ui.mini.loader:after { | ||
87 | + width: 1rem; | ||
88 | + height: 1rem; | ||
89 | + margin: 0em 0em 0em -0.5rem; | ||
90 | +} | ||
91 | +.ui.tiny.loader:before, | ||
92 | +.ui.tiny.loader:after { | ||
93 | + width: 1.14285714rem; | ||
94 | + height: 1.14285714rem; | ||
95 | + margin: 0em 0em 0em -0.57142857rem; | ||
96 | +} | ||
97 | +.ui.small.loader:before, | ||
98 | +.ui.small.loader:after { | ||
99 | + width: 1.71428571rem; | ||
100 | + height: 1.71428571rem; | ||
101 | + margin: 0em 0em 0em -0.85714286rem; | ||
102 | +} | ||
103 | +.ui.loader:before, | ||
104 | +.ui.loader:after { | ||
105 | + width: 2.28571429rem; | ||
106 | + height: 2.28571429rem; | ||
107 | + margin: 0em 0em 0em -1.14285714rem; | ||
108 | +} | ||
109 | +.ui.large.loader:before, | ||
110 | +.ui.large.loader:after { | ||
111 | + width: 3.42857143rem; | ||
112 | + height: 3.42857143rem; | ||
113 | + margin: 0em 0em 0em -1.71428571rem; | ||
114 | +} | ||
115 | +.ui.big.loader:before, | ||
116 | +.ui.big.loader:after { | ||
117 | + width: 3.71428571rem; | ||
118 | + height: 3.71428571rem; | ||
119 | + margin: 0em 0em 0em -1.85714286rem; | ||
120 | +} | ||
121 | +.ui.huge.loader:before, | ||
122 | +.ui.huge.loader:after { | ||
123 | + width: 4.14285714rem; | ||
124 | + height: 4.14285714rem; | ||
125 | + margin: 0em 0em 0em -2.07142857rem; | ||
126 | +} | ||
127 | +.ui.massive.loader:before, | ||
128 | +.ui.massive.loader:after { | ||
129 | + width: 4.57142857rem; | ||
130 | + height: 4.57142857rem; | ||
131 | + margin: 0em 0em 0em -2.28571429rem; | ||
132 | +} | ||
133 | + | ||
134 | +/*------------------- | ||
135 | + Coupling | ||
136 | +--------------------*/ | ||
137 | + | ||
138 | + | ||
139 | +/* Show inside active dimmer */ | ||
140 | +.ui.dimmer .loader { | ||
141 | + display: block; | ||
142 | +} | ||
143 | + | ||
144 | +/* Black Dimmer */ | ||
145 | +.ui.dimmer .ui.loader { | ||
146 | + color: rgba(255, 255, 255, 0.9); | ||
147 | +} | ||
148 | +.ui.dimmer .ui.loader:before { | ||
149 | + border-color: rgba(255, 255, 255, 0.15); | ||
150 | +} | ||
151 | +.ui.dimmer .ui.loader:after { | ||
152 | + border-color: #FFFFFF transparent transparent; | ||
153 | +} | ||
154 | + | ||
155 | +/* White Dimmer (Inverted) */ | ||
156 | +.ui.inverted.dimmer .ui.loader { | ||
157 | + color: rgba(0, 0, 0, 0.87); | ||
158 | +} | ||
159 | +.ui.inverted.dimmer .ui.loader:before { | ||
160 | + border-color: rgba(0, 0, 0, 0.1); | ||
161 | +} | ||
162 | +.ui.inverted.dimmer .ui.loader:after { | ||
163 | + border-color: #767676 transparent transparent; | ||
164 | +} | ||
165 | + | ||
166 | + | ||
167 | +/******************************* | ||
168 | + Types | ||
169 | +*******************************/ | ||
170 | + | ||
171 | + | ||
172 | +/*------------------- | ||
173 | + Text | ||
174 | +--------------------*/ | ||
175 | + | ||
176 | +.ui.text.loader { | ||
177 | + width: auto !important; | ||
178 | + height: auto !important; | ||
179 | + text-align: center; | ||
180 | + font-style: normal; | ||
181 | +} | ||
182 | + | ||
183 | + | ||
184 | +/******************************* | ||
185 | + States | ||
186 | +*******************************/ | ||
187 | + | ||
188 | +.ui.indeterminate.loader:after { | ||
189 | + animation-direction: reverse; | ||
190 | + -webkit-animation-duration: 1.2s; | ||
191 | + animation-duration: 1.2s; | ||
192 | +} | ||
193 | +.ui.loader.active, | ||
194 | +.ui.loader.visible { | ||
195 | + display: block; | ||
196 | +} | ||
197 | +.ui.loader.disabled, | ||
198 | +.ui.loader.hidden { | ||
199 | + display: none; | ||
200 | +} | ||
201 | + | ||
202 | + | ||
203 | +/******************************* | ||
204 | + Variations | ||
205 | +*******************************/ | ||
206 | + | ||
207 | + | ||
208 | +/*------------------- | ||
209 | + Sizes | ||
210 | +--------------------*/ | ||
211 | + | ||
212 | + | ||
213 | +/* Loader */ | ||
214 | +.ui.inverted.dimmer .ui.mini.loader, | ||
215 | +.ui.mini.loader { | ||
216 | + width: 1rem; | ||
217 | + height: 1rem; | ||
218 | + font-size: 0.78571429em; | ||
219 | +} | ||
220 | +.ui.inverted.dimmer .ui.tiny.loader, | ||
221 | +.ui.tiny.loader { | ||
222 | + width: 1.14285714rem; | ||
223 | + height: 1.14285714rem; | ||
224 | + font-size: 0.85714286em; | ||
225 | +} | ||
226 | +.ui.inverted.dimmer .ui.small.loader, | ||
227 | +.ui.small.loader { | ||
228 | + width: 1.71428571rem; | ||
229 | + height: 1.71428571rem; | ||
230 | + font-size: 0.92857143em; | ||
231 | +} | ||
232 | +.ui.inverted.dimmer .ui.loader, | ||
233 | +.ui.loader { | ||
234 | + width: 2.28571429rem; | ||
235 | + height: 2.28571429rem; | ||
236 | + font-size: 1em; | ||
237 | +} | ||
238 | +.ui.inverted.dimmer .ui.large.loader, | ||
239 | +.ui.large.loader { | ||
240 | + width: 3.42857143rem; | ||
241 | + height: 3.42857143rem; | ||
242 | + font-size: 1.14285714em; | ||
243 | +} | ||
244 | +.ui.inverted.dimmer .ui.big.loader, | ||
245 | +.ui.big.loader { | ||
246 | + width: 3.71428571rem; | ||
247 | + height: 3.71428571rem; | ||
248 | + font-size: 1.28571429em; | ||
249 | +} | ||
250 | +.ui.inverted.dimmer .ui.huge.loader, | ||
251 | +.ui.huge.loader { | ||
252 | + width: 4.14285714rem; | ||
253 | + height: 4.14285714rem; | ||
254 | + font-size: 1.42857143em; | ||
255 | +} | ||
256 | +.ui.inverted.dimmer .ui.massive.loader, | ||
257 | +.ui.massive.loader { | ||
258 | + width: 4.57142857rem; | ||
259 | + height: 4.57142857rem; | ||
260 | + font-size: 1.71428571em; | ||
261 | +} | ||
262 | + | ||
263 | +/* Text Loader */ | ||
264 | +.ui.mini.text.loader { | ||
265 | + min-width: 1rem; | ||
266 | + padding-top: 1.78571429rem; | ||
267 | +} | ||
268 | +.ui.tiny.text.loader { | ||
269 | + min-width: 1.14285714rem; | ||
270 | + padding-top: 1.92857143rem; | ||
271 | +} | ||
272 | +.ui.small.text.loader { | ||
273 | + min-width: 1.71428571rem; | ||
274 | + padding-top: 2.5rem; | ||
275 | +} | ||
276 | +.ui.text.loader { | ||
277 | + min-width: 2.28571429rem; | ||
278 | + padding-top: 3.07142857rem; | ||
279 | +} | ||
280 | +.ui.large.text.loader { | ||
281 | + min-width: 3.42857143rem; | ||
282 | + padding-top: 4.21428571rem; | ||
283 | +} | ||
284 | +.ui.big.text.loader { | ||
285 | + min-width: 3.71428571rem; | ||
286 | + padding-top: 4.5rem; | ||
287 | +} | ||
288 | +.ui.huge.text.loader { | ||
289 | + min-width: 4.14285714rem; | ||
290 | + padding-top: 4.92857143rem; | ||
291 | +} | ||
292 | +.ui.massive.text.loader { | ||
293 | + min-width: 4.57142857rem; | ||
294 | + padding-top: 5.35714286rem; | ||
295 | +} | ||
296 | + | ||
297 | +/*------------------- | ||
298 | + Inverted | ||
299 | +--------------------*/ | ||
300 | + | ||
301 | +.ui.inverted.loader { | ||
302 | + color: rgba(255, 255, 255, 0.9); | ||
303 | +} | ||
304 | +.ui.inverted.loader:before { | ||
305 | + border-color: rgba(255, 255, 255, 0.15); | ||
306 | +} | ||
307 | +.ui.inverted.loader:after { | ||
308 | + border-top-color: #FFFFFF; | ||
309 | +} | ||
310 | + | ||
311 | +/*------------------- | ||
312 | + Inline | ||
313 | +--------------------*/ | ||
314 | + | ||
315 | +.ui.inline.loader { | ||
316 | + position: relative; | ||
317 | + vertical-align: middle; | ||
318 | + margin: 0em; | ||
319 | + left: 0em; | ||
320 | + top: 0em; | ||
321 | + -webkit-transform: none; | ||
322 | + transform: none; | ||
323 | +} | ||
324 | +.ui.inline.loader.active, | ||
325 | +.ui.inline.loader.visible { | ||
326 | + display: inline-block; | ||
327 | +} | ||
328 | + | ||
329 | +/* Centered Inline */ | ||
330 | +.ui.centered.inline.loader.active, | ||
331 | +.ui.centered.inline.loader.visible { | ||
332 | + display: block; | ||
333 | + margin-left: auto; | ||
334 | + margin-right: auto; | ||
335 | +} | ||
336 | + | ||
337 | + | ||
338 | +/******************************* | ||
339 | + Theme Overrides | ||
340 | +*******************************/ | ||
341 | + | ||
342 | + | ||
343 | + | ||
344 | +/******************************* | ||
345 | + Site Overrides | ||
346 | +*******************************/ | ||
347 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Loader | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}@-webkit-keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.mini.loader:after,.ui.mini.loader:before{width:1rem;height:1rem;margin:0 0 0 -.5rem}.ui.tiny.loader:after,.ui.tiny.loader:before{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -.57142857rem}.ui.small.loader:after,.ui.small.loader:before{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -.85714286rem}.ui.loader:after,.ui.loader:before{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.large.loader:after,.ui.large.loader:before{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.big.loader:after,.ui.big.loader:before{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.huge.loader:after,.ui.huge.loader:before{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.massive.loader:after,.ui.massive.loader:before{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.dimmer .loader{display:block}.ui.dimmer .ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer .ui.loader:before{border-color:rgba(255,255,255,.15)}.ui.dimmer .ui.loader:after{border-color:#fff transparent transparent}.ui.inverted.dimmer .ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer .ui.loader:before{border-color:rgba(0,0,0,.1)}.ui.inverted.dimmer .ui.loader:after{border-color:#767676 transparent transparent}.ui.text.loader{width:auto!important;height:auto!important;text-align:center;font-style:normal}.ui.indeterminate.loader:after{animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader{width:1rem;height:1rem;font-size:.78571429em}.ui.inverted.dimmer .ui.tiny.loader,.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:.85714286em}.ui.inverted.dimmer .ui.small.loader,.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:.92857143em}.ui.inverted.dimmer .ui.loader,.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.inverted.dimmer .ui.large.loader,.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.big.loader,.ui.inverted.dimmer .ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.huge.loader,.ui.inverted.dimmer .ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.inverted.dimmer .ui.massive.loader,.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.inverted.loader{color:rgba(255,255,255,.9)}.ui.inverted.loader:before{border-color:rgba(255,255,255,.15)}.ui.inverted.loader:after{border-top-color:#fff}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Message | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.message{position:relative;min-height:1em;margin:1em 0;background:#f8f8f9;padding:1em 1.5em;line-height:1.4285em;color:rgba(0,0,0,.87);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;margin:-.14285714em 0 0 0}.ui.message .header:not(.ui){font-size:1.14285714em}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message .list:not(.ui){text-align:left;padding:0;opacity:.85;list-style-position:inside;margin:.5em 0 0}.ui.message .list:not(.ui):first-child{margin-top:0}.ui.message .list:not(.ui):last-child{margin-bottom:0}.ui.message .list:not(.ui) li{position:relative;list-style-type:none;margin:0 0 .3em 1em;padding:0}.ui.message .list:not(.ui) li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message .list:not(.ui) li:last-child{margin-bottom:0}.ui.message>.icon{margin-right:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;margin:0;top:.78575em;right:.5em;opacity:.7;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.dropdown .menu>.message{margin:0 -1px}.ui.visible.visible.visible.visible.message{display:block}.ui.icon.visible.visible.visible.visible.message{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.hidden.hidden.hidden.hidden.message{display:none}.ui.compact.message{display:inline-block}.ui.compact.icon.message{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.attached.message{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;margin-left:-1px;margin-right:-1px}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{width:auto}.ui.icon.message{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.icon.message>.icon:not(.close){display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;line-height:1;vertical-align:middle;font-size:3em;opacity:.8}.ui.icon.message>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;vertical-align:middle}.ui.icon.message .icon:not(.close)+.content{padding-left:0}.ui.icon.message .circular.icon{width:1em}.ui.floating.message{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.black.message{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.positive.message{background-color:#fcfff5;color:#2c662d}.ui.attached.positive.message,.ui.positive.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.ui.positive.message .header{color:#1a531b}.ui.negative.message{background-color:#fff6f6;color:#9f3a38}.ui.attached.negative.message,.ui.negative.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.ui.negative.message .header{color:#912d2b}.ui.info.message{background-color:#f8ffff;color:#276f86}.ui.attached.info.message,.ui.info.message{-webkit-box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent}.ui.info.message .header{color:#0e566c}.ui.warning.message{background-color:#fffaf3;color:#573a08}.ui.attached.warning.message,.ui.warning.message{-webkit-box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent}.ui.warning.message .header{color:#794b02}.ui.error.message{background-color:#fff6f6;color:#9f3a38}.ui.attached.error.message,.ui.error.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.ui.error.message .header{color:#912d2b}.ui.success.message{background-color:#fcfff5;color:#2c662d}.ui.attached.success.message,.ui.success.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.ui.success.message .header{color:#1a531b}.ui.black.message,.ui.inverted.message{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.red.message{background-color:#ffe8e6;color:#db2828;-webkit-box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent}.ui.red.message .header{color:#c82121}.ui.orange.message{background-color:#ffedde;color:#f2711c;-webkit-box-shadow:0 0 0 1px #f2711c inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #f2711c inset,0 0 0 0 transparent}.ui.orange.message .header{color:#e7640d}.ui.yellow.message{background-color:#fff8db;color:#b58105;-webkit-box-shadow:0 0 0 1px #b58105 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #b58105 inset,0 0 0 0 transparent}.ui.yellow.message .header{color:#9c6f04}.ui.olive.message{background-color:#fbfdef;color:#8abc1e;-webkit-box-shadow:0 0 0 1px #8abc1e inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #8abc1e inset,0 0 0 0 transparent}.ui.olive.message .header{color:#7aa61a}.ui.green.message{background-color:#e5f9e7;color:#1ebc30;-webkit-box-shadow:0 0 0 1px #1ebc30 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #1ebc30 inset,0 0 0 0 transparent}.ui.green.message .header{color:#1aa62a}.ui.teal.message{background-color:#e1f7f7;color:#10a3a3;-webkit-box-shadow:0 0 0 1px #10a3a3 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #10a3a3 inset,0 0 0 0 transparent}.ui.teal.message .header{color:#0e8c8c}.ui.blue.message{background-color:#dff0ff;color:#2185d0;-webkit-box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent}.ui.blue.message .header{color:#1e77ba}.ui.violet.message{background-color:#eae7ff;color:#6435c9;-webkit-box-shadow:0 0 0 1px #6435c9 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #6435c9 inset,0 0 0 0 transparent}.ui.violet.message .header{color:#5a30b5}.ui.purple.message{background-color:#f6e7ff;color:#a333c8;-webkit-box-shadow:0 0 0 1px #a333c8 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a333c8 inset,0 0 0 0 transparent}.ui.purple.message .header{color:#922eb4}.ui.pink.message{background-color:#ffe3fb;color:#e03997;-webkit-box-shadow:0 0 0 1px #e03997 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e03997 inset,0 0 0 0 transparent}.ui.pink.message .header{color:#dd238b}.ui.brown.message{background-color:#f1e2d3;color:#a5673f;-webkit-box-shadow:0 0 0 1px #a5673f inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a5673f inset,0 0 0 0 transparent}.ui.brown.message .header{color:#935b38}.ui.mini.message{font-size:.78571429em}.ui.tiny.message{font-size:.85714286em}.ui.small.message{font-size:.92857143em}.ui.message{font-size:1em}.ui.large.message{font-size:1.14285714em}.ui.big.message{font-size:1.28571429em}.ui.huge.message{font-size:1.42857143em}.ui.massive.message{font-size:1.71428571em} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Modal | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.modal{display:none;z-index:1001;text-align:left;background:#fff;border:none;-webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.icon:first-child+*,.ui.modal>:first-child:not(.icon){border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25rem;height:2.25rem;padding:.625rem 0 0 0}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;margin:0;padding:1.25rem 1.5rem;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(34,36,38,.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:700}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#fff}.ui.modal>.image.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ui.modal>.content>.image{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:'';-ms-flex-item-align:top;align-self:top}.ui.modal>[class*="top aligned"]{-ms-flex-item-align:top;align-self:top}.ui.modal>[class*="middle aligned"]{-ms-flex-item-align:middle;align-self:middle}.ui.modal>[class*=stretched]{-ms-flex-item-align:stretch;align-self:stretch}.ui.modal>.content>.description{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:0;-ms-flex-item-align:top;align-self:top}.ui.modal>.content>.icon+.description,.ui.modal>.content>.image+.description{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:'';width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#f9fafb;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,.15);text-align:right}.ui.modal .actions>.button{margin-left:.75em}@media only screen and (max-width:767px){.ui.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.modal{width:850px;margin:0}}@media only screen and (min-width:1200px){.ui.modal{width:900px;margin:0}}@media only screen and (min-width:1920px){.ui.modal{width:950px;margin:0}}@media only screen and (max-width:991px){.ui.modal>.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}}@media only screen and (max-width:767px){.ui.modal>.header{padding:.75rem 1rem!important;padding-right:2.25rem!important}.ui.modal>.content{display:block;padding:1rem!important}.ui.modal>.close{top:.5rem!important;right:.5rem!important}.ui.modal .image.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.modal .content>.image{display:block;max-width:100%;margin:0 auto!important;text-align:center;padding:0 0 1rem!important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal .content>.description{display:block;width:100%!important;margin:0!important;padding:1rem 0!important;-webkit-box-shadow:none;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0!important}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{-webkit-box-shadow:1px 3px 10px 2px rgba(0,0,0,.2);box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header{background-color:transparent}.ui.basic.modal>.header{color:#fff}.ui.basic.modal>.close{top:1rem;right:1.5rem}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,.85)}@media only screen and (max-width:991px){.ui.basic.modal>.close{color:#fff}}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer[class*="top aligned"] .modal{margin:5vh auto}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.dimmable>.dimmer{position:fixed}.modals.dimmer .ui.scrolling.modal{margin:1rem auto!important}.scrolling.undetached.dimmable.dimmed{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal{position:absolute;left:50%;margin-top:1rem!important}.ui.modal .scrolling.content{max-height:calc(70vh);overflow:auto}.ui.fullscreen.modal{width:95%!important;left:0!important;margin:1em auto}.ui.fullscreen.scrolling.modal{left:0!important}.ui.fullscreen.modal>.header{padding-right:2.25rem}.ui.fullscreen.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.mini.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.mini.modal{width:35.2%;margin:0}}@media only screen and (min-width:992px){.ui.mini.modal{width:340px;margin:0}}@media only screen and (min-width:1200px){.ui.mini.modal{width:360px;margin:0}}@media only screen and (min-width:1920px){.ui.mini.modal{width:380px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.tiny.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.tiny.modal{width:52.8%;margin:0}}@media only screen and (min-width:992px){.ui.tiny.modal{width:510px;margin:0}}@media only screen and (min-width:1200px){.ui.tiny.modal{width:540px;margin:0}}@media only screen and (min-width:1920px){.ui.tiny.modal{width:570px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.small.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.small.modal{width:70.4%;margin:0}}@media only screen and (min-width:992px){.ui.small.modal{width:680px;margin:0}}@media only screen and (min-width:1200px){.ui.small.modal{width:720px;margin:0}}@media only screen and (min-width:1920px){.ui.small.modal{width:760px;margin:0}}.ui.large.modal>.header{font-size:1.6em}@media only screen and (max-width:767px){.ui.large.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.large.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.large.modal{width:1020px;margin:0}}@media only screen and (min-width:1200px){.ui.large.modal{width:1080px;margin:0}}@media only screen and (min-width:1920px){.ui.large.modal{width:1140px;margin:0}} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Nag | ||
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 | + Nag | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.nag { | ||
17 | + display: none; | ||
18 | + opacity: 0.95; | ||
19 | + position: relative; | ||
20 | + top: 0em; | ||
21 | + left: 0px; | ||
22 | + z-index: 999; | ||
23 | + min-height: 0em; | ||
24 | + width: 100%; | ||
25 | + margin: 0em; | ||
26 | + padding: 0.75em 1em; | ||
27 | + background: #555555; | ||
28 | + -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); | ||
29 | + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); | ||
30 | + font-size: 1rem; | ||
31 | + text-align: center; | ||
32 | + color: rgba(0, 0, 0, 0.87); | ||
33 | + border-radius: 0em 0em 0.28571429rem 0.28571429rem; | ||
34 | + -webkit-transition: 0.2s background ease; | ||
35 | + transition: 0.2s background ease; | ||
36 | +} | ||
37 | +a.ui.nag { | ||
38 | + cursor: pointer; | ||
39 | +} | ||
40 | +.ui.nag > .title { | ||
41 | + display: inline-block; | ||
42 | + margin: 0em 0.5em; | ||
43 | + color: #FFFFFF; | ||
44 | +} | ||
45 | +.ui.nag > .close.icon { | ||
46 | + cursor: pointer; | ||
47 | + opacity: 0.4; | ||
48 | + position: absolute; | ||
49 | + top: 50%; | ||
50 | + right: 1em; | ||
51 | + font-size: 1em; | ||
52 | + margin: -0.5em 0em 0em; | ||
53 | + color: #FFFFFF; | ||
54 | + -webkit-transition: opacity 0.2s ease; | ||
55 | + transition: opacity 0.2s ease; | ||
56 | +} | ||
57 | + | ||
58 | + | ||
59 | +/******************************* | ||
60 | + States | ||
61 | +*******************************/ | ||
62 | + | ||
63 | + | ||
64 | +/* Hover */ | ||
65 | +.ui.nag:hover { | ||
66 | + background: #555555; | ||
67 | + opacity: 1; | ||
68 | +} | ||
69 | +.ui.nag .close:hover { | ||
70 | + opacity: 1; | ||
71 | +} | ||
72 | + | ||
73 | + | ||
74 | +/******************************* | ||
75 | + Variations | ||
76 | +*******************************/ | ||
77 | + | ||
78 | + | ||
79 | +/*-------------- | ||
80 | + Static | ||
81 | +---------------*/ | ||
82 | + | ||
83 | +.ui.overlay.nag { | ||
84 | + position: absolute; | ||
85 | + display: block; | ||
86 | +} | ||
87 | + | ||
88 | +/*-------------- | ||
89 | + Fixed | ||
90 | +---------------*/ | ||
91 | + | ||
92 | +.ui.fixed.nag { | ||
93 | + position: fixed; | ||
94 | +} | ||
95 | + | ||
96 | +/*-------------- | ||
97 | + Bottom | ||
98 | +---------------*/ | ||
99 | + | ||
100 | +.ui.bottom.nags, | ||
101 | +.ui.bottom.nag { | ||
102 | + border-radius: 0.28571429rem 0.28571429rem 0em 0em; | ||
103 | + top: auto; | ||
104 | + bottom: 0em; | ||
105 | +} | ||
106 | + | ||
107 | +/*-------------- | ||
108 | + White | ||
109 | +---------------*/ | ||
110 | + | ||
111 | +.ui.inverted.nags .nag, | ||
112 | +.ui.inverted.nag { | ||
113 | + background-color: #F3F4F5; | ||
114 | + color: rgba(0, 0, 0, 0.85); | ||
115 | +} | ||
116 | +.ui.inverted.nags .nag .close, | ||
117 | +.ui.inverted.nags .nag .title, | ||
118 | +.ui.inverted.nag .close, | ||
119 | +.ui.inverted.nag .title { | ||
120 | + color: rgba(0, 0, 0, 0.4); | ||
121 | +} | ||
122 | + | ||
123 | + | ||
124 | +/******************************* | ||
125 | + Groups | ||
126 | +*******************************/ | ||
127 | + | ||
128 | +.ui.nags .nag { | ||
129 | + border-radius: 0em !important; | ||
130 | +} | ||
131 | +.ui.nags .nag:last-child { | ||
132 | + border-radius: 0em 0em 0.28571429rem 0.28571429rem; | ||
133 | +} | ||
134 | +.ui.bottom.nags .nag:last-child { | ||
135 | + border-radius: 0.28571429rem 0.28571429rem 0em 0em; | ||
136 | +} | ||
137 | + | ||
138 | + | ||
139 | +/******************************* | ||
140 | + Theme Overrides | ||
141 | +*******************************/ | ||
142 | + | ||
143 | + | ||
144 | + | ||
145 | +/******************************* | ||
146 | + User Overrides | ||
147 | +*******************************/ | ||
148 | + |
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Nag | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.nag{display:none;opacity:.95;position:relative;top:0;left:0;z-index:999;min-height:0;width:100%;margin:0;padding:.75em 1em;background:#555;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2);font-size:1rem;text-align:center;color:rgba(0,0,0,.87);border-radius:0 0 .28571429rem .28571429rem;-webkit-transition:.2s background ease;transition:.2s background ease}a.ui.nag{cursor:pointer}.ui.nag>.title{display:inline-block;margin:0 .5em;color:#fff}.ui.nag>.close.icon{cursor:pointer;opacity:.4;position:absolute;top:50%;right:1em;font-size:1em;margin:-.5em 0 0;color:#fff;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui.nag:hover{background:#555;opacity:1}.ui.nag .close:hover{opacity:1}.ui.overlay.nag{position:absolute;display:block}.ui.fixed.nag{position:fixed}.ui.bottom.nag,.ui.bottom.nags{border-radius:.28571429rem .28571429rem 0 0;top:auto;bottom:0}.ui.inverted.nag,.ui.inverted.nags .nag{background-color:#f3f4f5;color:rgba(0,0,0,.85)}.ui.inverted.nag .close,.ui.inverted.nag .title,.ui.inverted.nags .nag .close,.ui.inverted.nags .nag .title{color:rgba(0,0,0,.4)}.ui.nags .nag{border-radius:0!important}.ui.nags .nag:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.nags .nag:last-child{border-radius:.28571429rem .28571429rem 0 0} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +!function(y,k,e,S){"use strict";k=void 0!==k&&k.Math==Math?k:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),y.fn.nag=function(u){var d,e=y(this),m=e.selector||"",f=(new Date).getTime(),p=[],h=u,b="string"==typeof h,v=[].slice.call(arguments,1);return e.each(function(){var r,n=y.isPlainObject(u)?y.extend(!0,{},y.fn.nag.settings,u):y.extend({},y.fn.nag.settings),e=(n.className,n.selector),l=n.error,o=n.namespace,t="."+o,i=o+"-module",s=y(this),a=(s.find(e.close),n.context?y(n.context):y("body")),c=this,g=s.data(i);k.requestAnimationFrame||k.mozRequestAnimationFrame||k.webkitRequestAnimationFrame||k.msRequestAnimationFrame;r={initialize:function(){r.verbose("Initializing element"),s.on("click"+t,e.close,r.dismiss).data(i,r),n.detachable&&s.parent()[0]!==a[0]&&s.detach().prependTo(a),0<n.displayTime&&setTimeout(r.hide,n.displayTime),r.show()},destroy:function(){r.verbose("Destroying instance"),s.removeData(i).off(t)},show:function(){r.should.show()&&!s.is(":visible")&&(r.debug("Showing nag",n.animation.show),"fade"==n.animation.show?s.fadeIn(n.duration,n.easing):s.slideDown(n.duration,n.easing))},hide:function(){r.debug("Showing nag",n.animation.hide),"fade"==n.animation.show?s.fadeIn(n.duration,n.easing):s.slideUp(n.duration,n.easing)},onHide:function(){r.debug("Removing nag",n.animation.hide),s.remove(),n.onHide&&n.onHide()},dismiss:function(e){n.storageMethod&&r.storage.set(n.key,n.value),r.hide(),e.stopImmediatePropagation(),e.preventDefault()},should:{show:function(){return n.persist?(r.debug("Persistent nag is set, can show nag"),!0):r.storage.get(n.key)!=n.value.toString()?(r.debug("Stored value is not set, can show nag",r.storage.get(n.key)),!0):(r.debug("Stored value is set, cannot show nag",r.storage.get(n.key)),!1)}},get:{storageOptions:function(){var e={};return n.expires&&(e.expires=n.expires),n.domain&&(e.domain=n.domain),n.path&&(e.path=n.path),e}},clear:function(){r.storage.remove(n.key)},storage:{set:function(e,o){var t=r.get.storageOptions();if("localstorage"==n.storageMethod&&k.localStorage!==S)k.localStorage.setItem(e,o),r.debug("Value stored using local storage",e,o);else if("sessionstorage"==n.storageMethod&&k.sessionStorage!==S)k.sessionStorage.setItem(e,o),r.debug("Value stored using session storage",e,o);else{if(y.cookie===S)return void r.error(l.noCookieStorage);y.cookie(e,o,t),r.debug("Value stored using cookie",e,o,t)}},get:function(e,o){var t;return"localstorage"==n.storageMethod&&k.localStorage!==S?t=k.localStorage.getItem(e):"sessionstorage"==n.storageMethod&&k.sessionStorage!==S?t=k.sessionStorage.getItem(e):y.cookie!==S?t=y.cookie(e):r.error(l.noCookieStorage),"undefined"!=t&&"null"!=t&&t!==S&&null!==t||(t=S),t},remove:function(e){var o=r.get.storageOptions();"localstorage"==n.storageMethod&&k.localStorage!==S?k.localStorage.removeItem(e):"sessionstorage"==n.storageMethod&&k.sessionStorage!==S?k.sessionStorage.removeItem(e):y.cookie!==S?y.removeCookie(e,o):r.error(l.noStorage)}},setting:function(e,o){if(r.debug("Changing setting",e,o),y.isPlainObject(e))y.extend(!0,n,e);else{if(o===S)return n[e];y.isPlainObject(n[e])?y.extend(!0,n[e],o):n[e]=o}},internal:function(e,o){if(y.isPlainObject(e))y.extend(!0,r,e);else{if(o===S)return r[e];r[e]=o}},debug:function(){!n.silent&&n.debug&&(n.performance?r.performance.log(arguments):(r.debug=Function.prototype.bind.call(console.info,console,n.name+":"),r.debug.apply(console,arguments)))},verbose:function(){!n.silent&&n.verbose&&n.debug&&(n.performance?r.performance.log(arguments):(r.verbose=Function.prototype.bind.call(console.info,console,n.name+":"),r.verbose.apply(console,arguments)))},error:function(){n.silent||(r.error=Function.prototype.bind.call(console.error,console,n.name+":"),r.error.apply(console,arguments))},performance:{log:function(e){var o,t;n.performance&&(t=(o=(new Date).getTime())-(f||o),f=o,p.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:c,"Execution Time":t})),clearTimeout(r.performance.timer),r.performance.timer=setTimeout(r.performance.display,500)},display:function(){var e=n.name+":",t=0;f=!1,clearTimeout(r.performance.timer),y.each(p,function(e,o){t+=o["Execution Time"]}),e+=" "+t+"ms",m&&(e+=" '"+m+"'"),(console.group!==S||console.table!==S)&&0<p.length&&(console.groupCollapsed(e),console.table?console.table(p):y.each(p,function(e,o){console.log(o.Name+": "+o["Execution Time"]+"ms")}),console.groupEnd()),p=[]}},invoke:function(n,e,o){var i,s,t,a=g;return e=e||v,o=c||o,"string"==typeof n&&a!==S&&(n=n.split(/[\. ]/),i=n.length-1,y.each(n,function(e,o){var t=e!=i?o+n[e+1].charAt(0).toUpperCase()+n[e+1].slice(1):n;if(y.isPlainObject(a[t])&&e!=i)a=a[t];else{if(a[t]!==S)return s=a[t],!1;if(!y.isPlainObject(a[o])||e==i)return a[o]!==S?s=a[o]:r.error(l.method,n),!1;a=a[o]}})),y.isFunction(s)?t=s.apply(o,e):s!==S&&(t=s),y.isArray(d)?d.push(t):d!==S?d=[d,t]:t!==S&&(d=t),s}},b?(g===S&&r.initialize(),r.invoke(h)):(g!==S&&g.invoke("destroy"),r.initialize())}),d!==S?d:this},y.fn.nag.settings={name:"Nag",silent:!1,debug:!1,verbose:!1,performance:!0,namespace:"Nag",persist:!1,displayTime:0,animation:{show:"slide",hide:"slide"},context:!1,detachable:!1,expires:30,domain:!1,path:"/",storageMethod:"cookie",key:"nag",value:"dismiss",error:{noCookieStorage:"$.cookie is not included. A storage solution is required.",noStorage:"Neither $.cookie or store is defined. A storage solution is required for storing state",method:"The method you called is not defined."},className:{bottom:"bottom",fixed:"fixed"},selector:{close:".close.icon"},speed:500,easing:"easeOutQuad",onHide:function(){}},y.extend(y.easing,{easeOutQuad:function(e,o,t,n,i){return-n*(o/=i)*(o-2)+t}})}(jQuery,window,document); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Progress Bar | ||
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 | + Progress | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.progress { | ||
17 | + position: relative; | ||
18 | + display: block; | ||
19 | + max-width: 100%; | ||
20 | + border: none; | ||
21 | + margin: 1em 0em 2.5em; | ||
22 | + -webkit-box-shadow: none; | ||
23 | + box-shadow: none; | ||
24 | + background: rgba(0, 0, 0, 0.1); | ||
25 | + padding: 0em; | ||
26 | + border-radius: 0.28571429rem; | ||
27 | +} | ||
28 | +.ui.progress:first-child { | ||
29 | + margin: 0em 0em 2.5em; | ||
30 | +} | ||
31 | +.ui.progress:last-child { | ||
32 | + margin: 0em 0em 1.5em; | ||
33 | +} | ||
34 | + | ||
35 | + | ||
36 | +/******************************* | ||
37 | + Content | ||
38 | +*******************************/ | ||
39 | + | ||
40 | + | ||
41 | +/* Activity Bar */ | ||
42 | +.ui.progress .bar { | ||
43 | + display: block; | ||
44 | + line-height: 1; | ||
45 | + position: relative; | ||
46 | + width: 0%; | ||
47 | + min-width: 2em; | ||
48 | + background: #888888; | ||
49 | + border-radius: 0.28571429rem; | ||
50 | + -webkit-transition: width 0.1s ease, background-color 0.1s ease; | ||
51 | + transition: width 0.1s ease, background-color 0.1s ease; | ||
52 | +} | ||
53 | + | ||
54 | +/* Percent Complete */ | ||
55 | +.ui.progress .bar > .progress { | ||
56 | + white-space: nowrap; | ||
57 | + position: absolute; | ||
58 | + width: auto; | ||
59 | + font-size: 0.92857143em; | ||
60 | + top: 50%; | ||
61 | + right: 0.5em; | ||
62 | + left: auto; | ||
63 | + bottom: auto; | ||
64 | + color: rgba(255, 255, 255, 0.7); | ||
65 | + text-shadow: none; | ||
66 | + margin-top: -0.5em; | ||
67 | + font-weight: bold; | ||
68 | + text-align: left; | ||
69 | +} | ||
70 | + | ||
71 | +/* Label */ | ||
72 | +.ui.progress > .label { | ||
73 | + position: absolute; | ||
74 | + width: 100%; | ||
75 | + font-size: 1em; | ||
76 | + top: 100%; | ||
77 | + right: auto; | ||
78 | + left: 0%; | ||
79 | + bottom: auto; | ||
80 | + color: rgba(0, 0, 0, 0.87); | ||
81 | + font-weight: bold; | ||
82 | + text-shadow: none; | ||
83 | + margin-top: 0.2em; | ||
84 | + text-align: center; | ||
85 | + -webkit-transition: color 0.4s ease; | ||
86 | + transition: color 0.4s ease; | ||
87 | +} | ||
88 | + | ||
89 | + | ||
90 | +/******************************* | ||
91 | + Types | ||
92 | +*******************************/ | ||
93 | + | ||
94 | + | ||
95 | +/* Indicating */ | ||
96 | +.ui.indicating.progress[data-percent^="1"] .bar, | ||
97 | +.ui.indicating.progress[data-percent^="2"] .bar { | ||
98 | + background-color: #D95C5C; | ||
99 | +} | ||
100 | +.ui.indicating.progress[data-percent^="3"] .bar { | ||
101 | + background-color: #EFBC72; | ||
102 | +} | ||
103 | +.ui.indicating.progress[data-percent^="4"] .bar, | ||
104 | +.ui.indicating.progress[data-percent^="5"] .bar { | ||
105 | + background-color: #E6BB48; | ||
106 | +} | ||
107 | +.ui.indicating.progress[data-percent^="6"] .bar { | ||
108 | + background-color: #DDC928; | ||
109 | +} | ||
110 | +.ui.indicating.progress[data-percent^="7"] .bar, | ||
111 | +.ui.indicating.progress[data-percent^="8"] .bar { | ||
112 | + background-color: #B4D95C; | ||
113 | +} | ||
114 | +.ui.indicating.progress[data-percent^="9"] .bar, | ||
115 | +.ui.indicating.progress[data-percent^="100"] .bar { | ||
116 | + background-color: #66DA81; | ||
117 | +} | ||
118 | + | ||
119 | +/* Indicating Label */ | ||
120 | +.ui.indicating.progress[data-percent^="1"] .label, | ||
121 | +.ui.indicating.progress[data-percent^="2"] .label { | ||
122 | + color: rgba(0, 0, 0, 0.87); | ||
123 | +} | ||
124 | +.ui.indicating.progress[data-percent^="3"] .label { | ||
125 | + color: rgba(0, 0, 0, 0.87); | ||
126 | +} | ||
127 | +.ui.indicating.progress[data-percent^="4"] .label, | ||
128 | +.ui.indicating.progress[data-percent^="5"] .label { | ||
129 | + color: rgba(0, 0, 0, 0.87); | ||
130 | +} | ||
131 | +.ui.indicating.progress[data-percent^="6"] .label { | ||
132 | + color: rgba(0, 0, 0, 0.87); | ||
133 | +} | ||
134 | +.ui.indicating.progress[data-percent^="7"] .label, | ||
135 | +.ui.indicating.progress[data-percent^="8"] .label { | ||
136 | + color: rgba(0, 0, 0, 0.87); | ||
137 | +} | ||
138 | +.ui.indicating.progress[data-percent^="9"] .label, | ||
139 | +.ui.indicating.progress[data-percent^="100"] .label { | ||
140 | + color: rgba(0, 0, 0, 0.87); | ||
141 | +} | ||
142 | + | ||
143 | +/* Single Digits */ | ||
144 | +.ui.indicating.progress[data-percent="1"] .bar, | ||
145 | +.ui.indicating.progress[data-percent="2"] .bar, | ||
146 | +.ui.indicating.progress[data-percent="3"] .bar, | ||
147 | +.ui.indicating.progress[data-percent="4"] .bar, | ||
148 | +.ui.indicating.progress[data-percent="5"] .bar, | ||
149 | +.ui.indicating.progress[data-percent="6"] .bar, | ||
150 | +.ui.indicating.progress[data-percent="7"] .bar, | ||
151 | +.ui.indicating.progress[data-percent="8"] .bar, | ||
152 | +.ui.indicating.progress[data-percent="9"] .bar { | ||
153 | + background-color: #D95C5C; | ||
154 | +} | ||
155 | +.ui.indicating.progress[data-percent="1"] .label, | ||
156 | +.ui.indicating.progress[data-percent="2"] .label, | ||
157 | +.ui.indicating.progress[data-percent="3"] .label, | ||
158 | +.ui.indicating.progress[data-percent="4"] .label, | ||
159 | +.ui.indicating.progress[data-percent="5"] .label, | ||
160 | +.ui.indicating.progress[data-percent="6"] .label, | ||
161 | +.ui.indicating.progress[data-percent="7"] .label, | ||
162 | +.ui.indicating.progress[data-percent="8"] .label, | ||
163 | +.ui.indicating.progress[data-percent="9"] .label { | ||
164 | + color: rgba(0, 0, 0, 0.87); | ||
165 | +} | ||
166 | + | ||
167 | +/* Indicating Success */ | ||
168 | +.ui.indicating.progress.success .label { | ||
169 | + color: #1A531B; | ||
170 | +} | ||
171 | + | ||
172 | + | ||
173 | +/******************************* | ||
174 | + States | ||
175 | +*******************************/ | ||
176 | + | ||
177 | + | ||
178 | +/*-------------- | ||
179 | + Success | ||
180 | +---------------*/ | ||
181 | + | ||
182 | +.ui.progress.success .bar { | ||
183 | + background-color: #21BA45 !important; | ||
184 | +} | ||
185 | +.ui.progress.success .bar, | ||
186 | +.ui.progress.success .bar::after { | ||
187 | + -webkit-animation: none !important; | ||
188 | + animation: none !important; | ||
189 | +} | ||
190 | +.ui.progress.success > .label { | ||
191 | + color: #1A531B; | ||
192 | +} | ||
193 | + | ||
194 | +/*-------------- | ||
195 | + Warning | ||
196 | +---------------*/ | ||
197 | + | ||
198 | +.ui.progress.warning .bar { | ||
199 | + background-color: #F2C037 !important; | ||
200 | +} | ||
201 | +.ui.progress.warning .bar, | ||
202 | +.ui.progress.warning .bar::after { | ||
203 | + -webkit-animation: none !important; | ||
204 | + animation: none !important; | ||
205 | +} | ||
206 | +.ui.progress.warning > .label { | ||
207 | + color: #794B02; | ||
208 | +} | ||
209 | + | ||
210 | +/*-------------- | ||
211 | + Error | ||
212 | +---------------*/ | ||
213 | + | ||
214 | +.ui.progress.error .bar { | ||
215 | + background-color: #DB2828 !important; | ||
216 | +} | ||
217 | +.ui.progress.error .bar, | ||
218 | +.ui.progress.error .bar::after { | ||
219 | + -webkit-animation: none !important; | ||
220 | + animation: none !important; | ||
221 | +} | ||
222 | +.ui.progress.error > .label { | ||
223 | + color: #912D2B; | ||
224 | +} | ||
225 | + | ||
226 | +/*-------------- | ||
227 | + Active | ||
228 | +---------------*/ | ||
229 | + | ||
230 | +.ui.active.progress .bar { | ||
231 | + position: relative; | ||
232 | + min-width: 2em; | ||
233 | +} | ||
234 | +.ui.active.progress .bar::after { | ||
235 | + content: ''; | ||
236 | + opacity: 0; | ||
237 | + position: absolute; | ||
238 | + top: 0px; | ||
239 | + left: 0px; | ||
240 | + right: 0px; | ||
241 | + bottom: 0px; | ||
242 | + background: #FFFFFF; | ||
243 | + border-radius: 0.28571429rem; | ||
244 | + -webkit-animation: progress-active 2s ease infinite; | ||
245 | + animation: progress-active 2s ease infinite; | ||
246 | +} | ||
247 | +@-webkit-keyframes progress-active { | ||
248 | + 0% { | ||
249 | + opacity: 0.3; | ||
250 | + width: 0; | ||
251 | + } | ||
252 | + 100% { | ||
253 | + opacity: 0; | ||
254 | + width: 100%; | ||
255 | + } | ||
256 | +} | ||
257 | +@keyframes progress-active { | ||
258 | + 0% { | ||
259 | + opacity: 0.3; | ||
260 | + width: 0; | ||
261 | + } | ||
262 | + 100% { | ||
263 | + opacity: 0; | ||
264 | + width: 100%; | ||
265 | + } | ||
266 | +} | ||
267 | + | ||
268 | +/*-------------- | ||
269 | + Disabled | ||
270 | +---------------*/ | ||
271 | + | ||
272 | +.ui.disabled.progress { | ||
273 | + opacity: 0.35; | ||
274 | +} | ||
275 | +.ui.disabled.progress .bar, | ||
276 | +.ui.disabled.progress .bar::after { | ||
277 | + -webkit-animation: none !important; | ||
278 | + animation: none !important; | ||
279 | +} | ||
280 | + | ||
281 | + | ||
282 | +/******************************* | ||
283 | + Variations | ||
284 | +*******************************/ | ||
285 | + | ||
286 | + | ||
287 | +/*-------------- | ||
288 | + Inverted | ||
289 | +---------------*/ | ||
290 | + | ||
291 | +.ui.inverted.progress { | ||
292 | + background: rgba(255, 255, 255, 0.08); | ||
293 | + border: none; | ||
294 | +} | ||
295 | +.ui.inverted.progress .bar { | ||
296 | + background: #888888; | ||
297 | +} | ||
298 | +.ui.inverted.progress .bar > .progress { | ||
299 | + color: #F9FAFB; | ||
300 | +} | ||
301 | +.ui.inverted.progress > .label { | ||
302 | + color: #FFFFFF; | ||
303 | +} | ||
304 | +.ui.inverted.progress.success > .label { | ||
305 | + color: #21BA45; | ||
306 | +} | ||
307 | +.ui.inverted.progress.warning > .label { | ||
308 | + color: #F2C037; | ||
309 | +} | ||
310 | +.ui.inverted.progress.error > .label { | ||
311 | + color: #DB2828; | ||
312 | +} | ||
313 | + | ||
314 | +/*-------------- | ||
315 | + Attached | ||
316 | +---------------*/ | ||
317 | + | ||
318 | + | ||
319 | +/* bottom attached */ | ||
320 | +.ui.progress.attached { | ||
321 | + background: transparent; | ||
322 | + position: relative; | ||
323 | + border: none; | ||
324 | + margin: 0em; | ||
325 | +} | ||
326 | +.ui.progress.attached, | ||
327 | +.ui.progress.attached .bar { | ||
328 | + display: block; | ||
329 | + height: 0.2rem; | ||
330 | + padding: 0px; | ||
331 | + overflow: hidden; | ||
332 | + border-radius: 0em 0em 0.28571429rem 0.28571429rem; | ||
333 | +} | ||
334 | +.ui.progress.attached .bar { | ||
335 | + border-radius: 0em; | ||
336 | +} | ||
337 | + | ||
338 | +/* top attached */ | ||
339 | +.ui.progress.top.attached, | ||
340 | +.ui.progress.top.attached .bar { | ||
341 | + top: 0px; | ||
342 | + border-radius: 0.28571429rem 0.28571429rem 0em 0em; | ||
343 | +} | ||
344 | +.ui.progress.top.attached .bar { | ||
345 | + border-radius: 0em; | ||
346 | +} | ||
347 | + | ||
348 | +/* Coupling */ | ||
349 | +.ui.segment > .ui.attached.progress, | ||
350 | +.ui.card > .ui.attached.progress { | ||
351 | + position: absolute; | ||
352 | + top: auto; | ||
353 | + left: 0; | ||
354 | + bottom: 100%; | ||
355 | + width: 100%; | ||
356 | +} | ||
357 | +.ui.segment > .ui.bottom.attached.progress, | ||
358 | +.ui.card > .ui.bottom.attached.progress { | ||
359 | + top: 100%; | ||
360 | + bottom: auto; | ||
361 | +} | ||
362 | + | ||
363 | +/*-------------- | ||
364 | + Colors | ||
365 | +---------------*/ | ||
366 | + | ||
367 | + | ||
368 | +/* Red */ | ||
369 | +.ui.red.progress .bar { | ||
370 | + background-color: #DB2828; | ||
371 | +} | ||
372 | +.ui.red.inverted.progress .bar { | ||
373 | + background-color: #FF695E; | ||
374 | +} | ||
375 | + | ||
376 | +/* Orange */ | ||
377 | +.ui.orange.progress .bar { | ||
378 | + background-color: #F2711C; | ||
379 | +} | ||
380 | +.ui.orange.inverted.progress .bar { | ||
381 | + background-color: #FF851B; | ||
382 | +} | ||
383 | + | ||
384 | +/* Yellow */ | ||
385 | +.ui.yellow.progress .bar { | ||
386 | + background-color: #FBBD08; | ||
387 | +} | ||
388 | +.ui.yellow.inverted.progress .bar { | ||
389 | + background-color: #FFE21F; | ||
390 | +} | ||
391 | + | ||
392 | +/* Olive */ | ||
393 | +.ui.olive.progress .bar { | ||
394 | + background-color: #B5CC18; | ||
395 | +} | ||
396 | +.ui.olive.inverted.progress .bar { | ||
397 | + background-color: #D9E778; | ||
398 | +} | ||
399 | + | ||
400 | +/* Green */ | ||
401 | +.ui.green.progress .bar { | ||
402 | + background-color: #21BA45; | ||
403 | +} | ||
404 | +.ui.green.inverted.progress .bar { | ||
405 | + background-color: #2ECC40; | ||
406 | +} | ||
407 | + | ||
408 | +/* Teal */ | ||
409 | +.ui.teal.progress .bar { | ||
410 | + background-color: #00B5AD; | ||
411 | +} | ||
412 | +.ui.teal.inverted.progress .bar { | ||
413 | + background-color: #6DFFFF; | ||
414 | +} | ||
415 | + | ||
416 | +/* Blue */ | ||
417 | +.ui.blue.progress .bar { | ||
418 | + background-color: #2185D0; | ||
419 | +} | ||
420 | +.ui.blue.inverted.progress .bar { | ||
421 | + background-color: #54C8FF; | ||
422 | +} | ||
423 | + | ||
424 | +/* Violet */ | ||
425 | +.ui.violet.progress .bar { | ||
426 | + background-color: #6435C9; | ||
427 | +} | ||
428 | +.ui.violet.inverted.progress .bar { | ||
429 | + background-color: #A291FB; | ||
430 | +} | ||
431 | + | ||
432 | +/* Purple */ | ||
433 | +.ui.purple.progress .bar { | ||
434 | + background-color: #A333C8; | ||
435 | +} | ||
436 | +.ui.purple.inverted.progress .bar { | ||
437 | + background-color: #DC73FF; | ||
438 | +} | ||
439 | + | ||
440 | +/* Pink */ | ||
441 | +.ui.pink.progress .bar { | ||
442 | + background-color: #E03997; | ||
443 | +} | ||
444 | +.ui.pink.inverted.progress .bar { | ||
445 | + background-color: #FF8EDF; | ||
446 | +} | ||
447 | + | ||
448 | +/* Brown */ | ||
449 | +.ui.brown.progress .bar { | ||
450 | + background-color: #A5673F; | ||
451 | +} | ||
452 | +.ui.brown.inverted.progress .bar { | ||
453 | + background-color: #D67C1C; | ||
454 | +} | ||
455 | + | ||
456 | +/* Grey */ | ||
457 | +.ui.grey.progress .bar { | ||
458 | + background-color: #767676; | ||
459 | +} | ||
460 | +.ui.grey.inverted.progress .bar { | ||
461 | + background-color: #DCDDDE; | ||
462 | +} | ||
463 | + | ||
464 | +/* Black */ | ||
465 | +.ui.black.progress .bar { | ||
466 | + background-color: #1B1C1D; | ||
467 | +} | ||
468 | +.ui.black.inverted.progress .bar { | ||
469 | + background-color: #545454; | ||
470 | +} | ||
471 | + | ||
472 | +/*-------------- | ||
473 | + Sizes | ||
474 | +---------------*/ | ||
475 | + | ||
476 | +.ui.tiny.progress { | ||
477 | + font-size: 0.85714286rem; | ||
478 | +} | ||
479 | +.ui.tiny.progress .bar { | ||
480 | + height: 0.5em; | ||
481 | +} | ||
482 | +.ui.small.progress { | ||
483 | + font-size: 0.92857143rem; | ||
484 | +} | ||
485 | +.ui.small.progress .bar { | ||
486 | + height: 1em; | ||
487 | +} | ||
488 | +.ui.progress { | ||
489 | + font-size: 1rem; | ||
490 | +} | ||
491 | +.ui.progress .bar { | ||
492 | + height: 1.75em; | ||
493 | +} | ||
494 | +.ui.large.progress { | ||
495 | + font-size: 1.14285714rem; | ||
496 | +} | ||
497 | +.ui.large.progress .bar { | ||
498 | + height: 2.5em; | ||
499 | +} | ||
500 | +.ui.big.progress { | ||
501 | + font-size: 1.28571429rem; | ||
502 | +} | ||
503 | +.ui.big.progress .bar { | ||
504 | + height: 3.5em; | ||
505 | +} | ||
506 | + | ||
507 | + | ||
508 | +/******************************* | ||
509 | + Progress | ||
510 | +*******************************/ | ||
511 | + | ||
512 | + | ||
513 | + | ||
514 | +/******************************* | ||
515 | + Site Overrides | ||
516 | +*******************************/ | ||
517 | + |
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Progress Bar | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.progress{position:relative;display:block;max-width:100%;border:none;margin:1em 0 2.5em;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.1);padding:0;border-radius:.28571429rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.progress .bar{display:block;line-height:1;position:relative;width:0%;min-width:2em;background:#888;border-radius:.28571429rem;-webkit-transition:width .1s ease,background-color .1s ease;transition:width .1s ease,background-color .1s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.92857143em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.7);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.87);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;-webkit-transition:color .4s ease;transition:color .4s ease}.ui.indicating.progress[data-percent^="1"] .bar,.ui.indicating.progress[data-percent^="2"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent^="3"] .bar{background-color:#efbc72}.ui.indicating.progress[data-percent^="4"] .bar,.ui.indicating.progress[data-percent^="5"] .bar{background-color:#e6bb48}.ui.indicating.progress[data-percent^="6"] .bar{background-color:#ddc928}.ui.indicating.progress[data-percent^="7"] .bar,.ui.indicating.progress[data-percent^="8"] .bar{background-color:#b4d95c}.ui.indicating.progress[data-percent^="100"] .bar,.ui.indicating.progress[data-percent^="9"] .bar{background-color:#66da81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="3"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="6"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="100"] .label,.ui.indicating.progress[data-percent^="9"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent="1"] .bar,.ui.indicating.progress[data-percent="2"] .bar,.ui.indicating.progress[data-percent="3"] .bar,.ui.indicating.progress[data-percent="4"] .bar,.ui.indicating.progress[data-percent="5"] .bar,.ui.indicating.progress[data-percent="6"] .bar,.ui.indicating.progress[data-percent="7"] .bar,.ui.indicating.progress[data-percent="8"] .bar,.ui.indicating.progress[data-percent="9"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress.success .label{color:#1a531b}.ui.progress.success .bar{background-color:#21ba45!important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.success>.label{color:#1a531b}.ui.progress.warning .bar{background-color:#f2c037!important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.warning>.label{color:#794b02}.ui.progress.error .bar{background-color:#db2828!important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.error>.label{color:#912d2b}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.28571429rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite}@-webkit-keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}@keyframes progress-active{0%{opacity:.3;width:0}100%{opacity:0;width:100%}}.ui.disabled.progress{opacity:.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.inverted.progress{background:rgba(255,255,255,.08);border:none}.ui.inverted.progress .bar{background:#888}.ui.inverted.progress .bar>.progress{color:#f9fafb}.ui.inverted.progress>.label{color:#fff}.ui.inverted.progress.success>.label{color:#21ba45}.ui.inverted.progress.warning>.label{color:#f2c037}.ui.inverted.progress.error>.label{color:#db2828}.ui.progress.attached{background:0 0;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:.2rem;padding:0;overflow:hidden;border-radius:0 0 .28571429rem .28571429rem}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.28571429rem .28571429rem 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.card>.ui.attached.progress,.ui.segment>.ui.attached.progress{position:absolute;top:auto;left:0;bottom:100%;width:100%}.ui.card>.ui.bottom.attached.progress,.ui.segment>.ui.bottom.attached.progress{top:100%;bottom:auto}.ui.red.progress .bar{background-color:#db2828}.ui.red.inverted.progress .bar{background-color:#ff695e}.ui.orange.progress .bar{background-color:#f2711c}.ui.orange.inverted.progress .bar{background-color:#ff851b}.ui.yellow.progress .bar{background-color:#fbbd08}.ui.yellow.inverted.progress .bar{background-color:#ffe21f}.ui.olive.progress .bar{background-color:#b5cc18}.ui.olive.inverted.progress .bar{background-color:#d9e778}.ui.green.progress .bar{background-color:#21ba45}.ui.green.inverted.progress .bar{background-color:#2ecc40}.ui.teal.progress .bar{background-color:#00b5ad}.ui.teal.inverted.progress .bar{background-color:#6dffff}.ui.blue.progress .bar{background-color:#2185d0}.ui.blue.inverted.progress .bar{background-color:#54c8ff}.ui.violet.progress .bar{background-color:#6435c9}.ui.violet.inverted.progress .bar{background-color:#a291fb}.ui.purple.progress .bar{background-color:#a333c8}.ui.purple.inverted.progress .bar{background-color:#dc73ff}.ui.pink.progress .bar{background-color:#e03997}.ui.pink.inverted.progress .bar{background-color:#ff8edf}.ui.brown.progress .bar{background-color:#a5673f}.ui.brown.inverted.progress .bar{background-color:#d67c1c}.ui.grey.progress .bar{background-color:#767676}.ui.grey.inverted.progress .bar{background-color:#dcddde}.ui.black.progress .bar{background-color:#1b1c1d}.ui.black.inverted.progress .bar{background-color:#545454}.ui.tiny.progress{font-size:.85714286rem}.ui.tiny.progress .bar{height:.5em}.ui.small.progress{font-size:.92857143rem}.ui.small.progress .bar{height:1em}.ui.progress{font-size:1rem}.ui.progress .bar{height:1.75em}.ui.large.progress{font-size:1.14285714rem}.ui.large.progress .bar{height:2.5em}.ui.big.progress{font-size:1.28571429rem}.ui.big.progress .bar{height:3.5em} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Rail | ||
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 | + Rails | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.rail { | ||
17 | + position: absolute; | ||
18 | + top: 0%; | ||
19 | + width: 300px; | ||
20 | + height: 100%; | ||
21 | +} | ||
22 | +.ui.left.rail { | ||
23 | + left: auto; | ||
24 | + right: 100%; | ||
25 | + padding: 0em 2rem 0em 0em; | ||
26 | + margin: 0em 2rem 0em 0em; | ||
27 | +} | ||
28 | +.ui.right.rail { | ||
29 | + left: 100%; | ||
30 | + right: auto; | ||
31 | + padding: 0em 0em 0em 2rem; | ||
32 | + margin: 0em 0em 0em 2rem; | ||
33 | +} | ||
34 | + | ||
35 | + | ||
36 | +/******************************* | ||
37 | + Variations | ||
38 | +*******************************/ | ||
39 | + | ||
40 | + | ||
41 | +/*-------------- | ||
42 | + Internal | ||
43 | +---------------*/ | ||
44 | + | ||
45 | +.ui.left.internal.rail { | ||
46 | + left: 0%; | ||
47 | + right: auto; | ||
48 | + padding: 0em 0em 0em 2rem; | ||
49 | + margin: 0em 0em 0em 2rem; | ||
50 | +} | ||
51 | +.ui.right.internal.rail { | ||
52 | + left: auto; | ||
53 | + right: 0%; | ||
54 | + padding: 0em 2rem 0em 0em; | ||
55 | + margin: 0em 2rem 0em 0em; | ||
56 | +} | ||
57 | + | ||
58 | +/*-------------- | ||
59 | + Dividing | ||
60 | +---------------*/ | ||
61 | + | ||
62 | +.ui.dividing.rail { | ||
63 | + width: 302.5px; | ||
64 | +} | ||
65 | +.ui.left.dividing.rail { | ||
66 | + padding: 0em 2.5rem 0em 0em; | ||
67 | + margin: 0em 2.5rem 0em 0em; | ||
68 | + border-right: 1px solid rgba(34, 36, 38, 0.15); | ||
69 | +} | ||
70 | +.ui.right.dividing.rail { | ||
71 | + border-left: 1px solid rgba(34, 36, 38, 0.15); | ||
72 | + padding: 0em 0em 0em 2.5rem; | ||
73 | + margin: 0em 0em 0em 2.5rem; | ||
74 | +} | ||
75 | + | ||
76 | +/*-------------- | ||
77 | + Distance | ||
78 | +---------------*/ | ||
79 | + | ||
80 | +.ui.close.rail { | ||
81 | + width: calc( 300px + 1em ); | ||
82 | +} | ||
83 | +.ui.close.left.rail { | ||
84 | + padding: 0em 1em 0em 0em; | ||
85 | + margin: 0em 1em 0em 0em; | ||
86 | +} | ||
87 | +.ui.close.right.rail { | ||
88 | + padding: 0em 0em 0em 1em; | ||
89 | + margin: 0em 0em 0em 1em; | ||
90 | +} | ||
91 | +.ui.very.close.rail { | ||
92 | + width: calc( 300px + 0.5em ); | ||
93 | +} | ||
94 | +.ui.very.close.left.rail { | ||
95 | + padding: 0em 0.5em 0em 0em; | ||
96 | + margin: 0em 0.5em 0em 0em; | ||
97 | +} | ||
98 | +.ui.very.close.right.rail { | ||
99 | + padding: 0em 0em 0em 0.5em; | ||
100 | + margin: 0em 0em 0em 0.5em; | ||
101 | +} | ||
102 | + | ||
103 | +/*-------------- | ||
104 | + Attached | ||
105 | +---------------*/ | ||
106 | + | ||
107 | +.ui.attached.left.rail, | ||
108 | +.ui.attached.right.rail { | ||
109 | + padding: 0em; | ||
110 | + margin: 0em; | ||
111 | +} | ||
112 | + | ||
113 | +/*-------------- | ||
114 | + Sizing | ||
115 | +---------------*/ | ||
116 | + | ||
117 | +.ui.mini.rail { | ||
118 | + font-size: 0.78571429rem; | ||
119 | +} | ||
120 | +.ui.tiny.rail { | ||
121 | + font-size: 0.85714286rem; | ||
122 | +} | ||
123 | +.ui.small.rail { | ||
124 | + font-size: 0.92857143rem; | ||
125 | +} | ||
126 | +.ui.rail { | ||
127 | + font-size: 1rem; | ||
128 | +} | ||
129 | +.ui.large.rail { | ||
130 | + font-size: 1.14285714rem; | ||
131 | +} | ||
132 | +.ui.big.rail { | ||
133 | + font-size: 1.28571429rem; | ||
134 | +} | ||
135 | +.ui.huge.rail { | ||
136 | + font-size: 1.42857143rem; | ||
137 | +} | ||
138 | +.ui.massive.rail { | ||
139 | + font-size: 1.71428571rem; | ||
140 | +} | ||
141 | + | ||
142 | + | ||
143 | +/******************************* | ||
144 | + Theme Overrides | ||
145 | +*******************************/ | ||
146 | + | ||
147 | + | ||
148 | + | ||
149 | +/******************************* | ||
150 | + Site Overrides | ||
151 | +*******************************/ | ||
152 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Rail | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */.ui.rail{position:absolute;top:0;width:300px;height:100%}.ui.left.rail{left:auto;right:100%;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.right.rail{left:100%;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.left.internal.rail{left:0;right:auto;padding:0 0 0 2rem;margin:0 0 0 2rem}.ui.right.internal.rail{left:auto;right:0;padding:0 2rem 0 0;margin:0 2rem 0 0}.ui.dividing.rail{width:302.5px}.ui.left.dividing.rail{padding:0 2.5rem 0 0;margin:0 2.5rem 0 0;border-right:1px solid rgba(34,36,38,.15)}.ui.right.dividing.rail{border-left:1px solid rgba(34,36,38,.15);padding:0 0 0 2.5rem;margin:0 0 0 2.5rem}.ui.close.rail{width:calc(300px + 1em)}.ui.close.left.rail{padding:0 1em 0 0;margin:0 1em 0 0}.ui.close.right.rail{padding:0 0 0 1em;margin:0 0 0 1em}.ui.very.close.rail{width:calc(300px + .5em)}.ui.very.close.left.rail{padding:0 .5em 0 0;margin:0 .5em 0 0}.ui.very.close.right.rail{padding:0 0 0 .5em;margin:0 0 0 .5em}.ui.attached.left.rail,.ui.attached.right.rail{padding:0;margin:0}.ui.mini.rail{font-size:.78571429rem}.ui.tiny.rail{font-size:.85714286rem}.ui.small.rail{font-size:.92857143rem}.ui.rail{font-size:1rem}.ui.large.rail{font-size:1.14285714rem}.ui.big.rail{font-size:1.28571429rem}.ui.huge.rail{font-size:1.42857143rem}.ui.massive.rail{font-size:1.71428571rem} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 | +!function(C,e,n,T){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),C.fn.rating=function(m){var f,v=C(this),p=v.selector||"",b=(new Date).getTime(),h=[],y=m,x="string"==typeof y,R=[].slice.call(arguments,1);return v.each(function(){var e,i,a=C.isPlainObject(m)?C.extend(!0,{},C.fn.rating.settings,m):C.extend({},C.fn.rating.settings),n=a.namespace,o=a.className,t=a.metadata,r=a.selector,s=(a.error,"."+n),l="module-"+n,c=this,u=C(this).data(l),d=C(this),g=d.find(r.icon);i={initialize:function(){i.verbose("Initializing rating module",a),0===g.length&&i.setup.layout(),a.interactive?i.enable():i.disable(),i.set.initialLoad(),i.set.rating(i.get.initialRating()),i.remove.initialLoad(),i.instantiate()},instantiate:function(){i.verbose("Instantiating module",a),u=i,d.data(l,i)},destroy:function(){i.verbose("Destroying previous instance",u),i.remove.events(),d.removeData(l)},refresh:function(){g=d.find(r.icon)},setup:{layout:function(){var e=i.get.maxRating(),n=C.fn.rating.settings.templates.icon(e);i.debug("Generating icon html dynamically"),d.html(n),i.refresh()}},event:{mouseenter:function(){var e=C(this);e.nextAll().removeClass(o.selected),d.addClass(o.selected),e.addClass(o.selected).prevAll().addClass(o.selected)},mouseleave:function(){d.removeClass(o.selected),g.removeClass(o.selected)},click:function(){var e=C(this),n=i.get.rating(),t=g.index(e)+1;("auto"==a.clearable?1===g.length:a.clearable)&&n==t?i.clearRating():i.set.rating(t)}},clearRating:function(){i.debug("Clearing current rating"),i.set.rating(0)},bind:{events:function(){i.verbose("Binding events"),d.on("mouseenter"+s,r.icon,i.event.mouseenter).on("mouseleave"+s,r.icon,i.event.mouseleave).on("click"+s,r.icon,i.event.click)}},remove:{events:function(){i.verbose("Removing events"),d.off(s)},initialLoad:function(){e=!1}},enable:function(){i.debug("Setting rating to interactive mode"),i.bind.events(),d.removeClass(o.disabled)},disable:function(){i.debug("Setting rating to read-only mode"),i.remove.events(),d.addClass(o.disabled)},is:{initialLoad:function(){return e}},get:{initialRating:function(){return d.data(t.rating)!==T?(d.removeData(t.rating),d.data(t.rating)):a.initialRating},maxRating:function(){return d.data(t.maxRating)!==T?(d.removeData(t.maxRating),d.data(t.maxRating)):a.maxRating},rating:function(){var e=g.filter("."+o.active).length;return i.verbose("Current rating retrieved",e),e}},set:{rating:function(e){var n=0<=e-1?e-1:0,t=g.eq(n);d.removeClass(o.selected),g.removeClass(o.selected).removeClass(o.active),0<e&&(i.verbose("Setting current rating to",e),t.prevAll().addBack().addClass(o.active)),i.is.initialLoad()||a.onRate.call(c,e)},initialLoad:function(){e=!0}},setting:function(e,n){if(i.debug("Changing setting",e,n),C.isPlainObject(e))C.extend(!0,a,e);else{if(n===T)return a[e];C.isPlainObject(a[e])?C.extend(!0,a[e],n):a[e]=n}},internal:function(e,n){if(C.isPlainObject(e))C.extend(!0,i,e);else{if(n===T)return i[e];i[e]=n}},debug:function(){!a.silent&&a.debug&&(a.performance?i.performance.log(arguments):(i.debug=Function.prototype.bind.call(console.info,console,a.name+":"),i.debug.apply(console,arguments)))},verbose:function(){!a.silent&&a.verbose&&a.debug&&(a.performance?i.performance.log(arguments):(i.verbose=Function.prototype.bind.call(console.info,console,a.name+":"),i.verbose.apply(console,arguments)))},error:function(){a.silent||(i.error=Function.prototype.bind.call(console.error,console,a.name+":"),i.error.apply(console,arguments))},performance:{log:function(e){var n,t;a.performance&&(t=(n=(new Date).getTime())-(b||n),b=n,h.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:c,"Execution Time":t})),clearTimeout(i.performance.timer),i.performance.timer=setTimeout(i.performance.display,500)},display:function(){var e=a.name+":",t=0;b=!1,clearTimeout(i.performance.timer),C.each(h,function(e,n){t+=n["Execution Time"]}),e+=" "+t+"ms",p&&(e+=" '"+p+"'"),1<v.length&&(e+=" ("+v.length+")"),(console.group!==T||console.table!==T)&&0<h.length&&(console.groupCollapsed(e),console.table?console.table(h):C.each(h,function(e,n){console.log(n.Name+": "+n["Execution Time"]+"ms")}),console.groupEnd()),h=[]}},invoke:function(i,e,n){var a,o,t,r=u;return e=e||R,n=c||n,"string"==typeof i&&r!==T&&(i=i.split(/[\. ]/),a=i.length-1,C.each(i,function(e,n){var t=e!=a?n+i[e+1].charAt(0).toUpperCase()+i[e+1].slice(1):i;if(C.isPlainObject(r[t])&&e!=a)r=r[t];else{if(r[t]!==T)return o=r[t],!1;if(!C.isPlainObject(r[n])||e==a)return r[n]!==T&&(o=r[n]),!1;r=r[n]}})),C.isFunction(o)?t=o.apply(n,e):o!==T&&(t=o),C.isArray(f)?f.push(t):f!==T?f=[f,t]:t!==T&&(f=t),o}},x?(u===T&&i.initialize(),i.invoke(y)):(u!==T&&u.invoke("destroy"),i.initialize())}),f!==T?f:this},C.fn.rating.settings={name:"Rating",namespace:"rating",slent:!1,debug:!1,verbose:!1,performance:!0,initialRating:0,interactive:!0,maxRating:4,clearable:"auto",fireOnInit:!1,onRate:function(e){},error:{method:"The method you called is not defined",noMaximum:"No maximum rating specified. Cannot generate HTML automatically"},metadata:{rating:"rating",maxRating:"maxRating"},className:{active:"active",disabled:"disabled",selected:"selected",loading:"loading"},selector:{icon:".icon"},templates:{icon:function(e){for(var n=1,t="";n<=e;)t+='<i class="icon"></i>',n++;return t}}}}(jQuery,window,document); | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Reset | ||
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 | + Reset | ||
14 | +*******************************/ | ||
15 | + | ||
16 | + | ||
17 | +/* Border-Box */ | ||
18 | +*, | ||
19 | +*:before, | ||
20 | +*:after { | ||
21 | + -webkit-box-sizing: inherit; | ||
22 | + box-sizing: inherit; | ||
23 | +} | ||
24 | +html { | ||
25 | + -webkit-box-sizing: border-box; | ||
26 | + box-sizing: border-box; | ||
27 | +} | ||
28 | + | ||
29 | +/* iPad Input Shadows */ | ||
30 | +input[type="text"], | ||
31 | +input[type="email"], | ||
32 | +input[type="search"], | ||
33 | +input[type="password"] { | ||
34 | + -webkit-appearance: none; | ||
35 | + -moz-appearance: none; | ||
36 | + | ||
37 | +/* mobile firefox too! */ | ||
38 | +} | ||
39 | +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ | ||
40 | + | ||
41 | +/* Document | ||
42 | + ========================================================================== */ | ||
43 | +/** | ||
44 | + * 1. Correct the line height in all browsers. | ||
45 | + * 2. Prevent adjustments of font size after orientation changes in | ||
46 | + * IE on Windows Phone and in iOS. | ||
47 | + */ | ||
48 | +html { | ||
49 | + line-height: 1.15; | ||
50 | + | ||
51 | +/* 1 */ | ||
52 | + -ms-text-size-adjust: 100%; | ||
53 | + | ||
54 | +/* 2 */ | ||
55 | + -webkit-text-size-adjust: 100%; | ||
56 | + | ||
57 | +/* 2 */ | ||
58 | +} | ||
59 | + | ||
60 | +/* Sections | ||
61 | + ========================================================================== */ | ||
62 | +/** | ||
63 | + * Remove the margin in all browsers (opinionated). | ||
64 | + */ | ||
65 | +body { | ||
66 | + margin: 0; | ||
67 | +} | ||
68 | +/** | ||
69 | + * Add the correct display in IE 9-. | ||
70 | + */ | ||
71 | +article, | ||
72 | +aside, | ||
73 | +footer, | ||
74 | +header, | ||
75 | +nav, | ||
76 | +section { | ||
77 | + display: block; | ||
78 | +} | ||
79 | +/** | ||
80 | + * Correct the font size and margin on `h1` elements within `section` and | ||
81 | + * `article` contexts in Chrome, Firefox, and Safari. | ||
82 | + */ | ||
83 | +h1 { | ||
84 | + font-size: 2em; | ||
85 | + margin: 0.67em 0; | ||
86 | +} | ||
87 | + | ||
88 | +/* Grouping content | ||
89 | + ========================================================================== */ | ||
90 | +/** | ||
91 | + * Add the correct display in IE 9-. | ||
92 | + * 1. Add the correct display in IE. | ||
93 | + */ | ||
94 | +figcaption, | ||
95 | +figure, | ||
96 | +main { | ||
97 | + | ||
98 | +/* 1 */ | ||
99 | + display: block; | ||
100 | +} | ||
101 | +/** | ||
102 | + * Add the correct margin in IE 8. | ||
103 | + */ | ||
104 | +figure { | ||
105 | + margin: 1em 40px; | ||
106 | +} | ||
107 | +/** | ||
108 | + * 1. Add the correct box sizing in Firefox. | ||
109 | + * 2. Show the overflow in Edge and IE. | ||
110 | + */ | ||
111 | +hr { | ||
112 | + -webkit-box-sizing: content-box; | ||
113 | + box-sizing: content-box; | ||
114 | + | ||
115 | +/* 1 */ | ||
116 | + height: 0; | ||
117 | + | ||
118 | +/* 1 */ | ||
119 | + overflow: visible; | ||
120 | + | ||
121 | +/* 2 */ | ||
122 | +} | ||
123 | +/** | ||
124 | + * 1. Correct the inheritance and scaling of font size in all browsers. | ||
125 | + * 2. Correct the odd `em` font sizing in all browsers. | ||
126 | + */ | ||
127 | +pre { | ||
128 | + font-family: monospace, monospace; | ||
129 | + | ||
130 | +/* 1 */ | ||
131 | + font-size: 1em; | ||
132 | + | ||
133 | +/* 2 */ | ||
134 | +} | ||
135 | + | ||
136 | +/* Text-level semantics | ||
137 | + ========================================================================== */ | ||
138 | +/** | ||
139 | + * 1. Remove the gray background on active links in IE 10. | ||
140 | + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. | ||
141 | + */ | ||
142 | +a { | ||
143 | + background-color: transparent; | ||
144 | + | ||
145 | +/* 1 */ | ||
146 | + -webkit-text-decoration-skip: objects; | ||
147 | + | ||
148 | +/* 2 */ | ||
149 | +} | ||
150 | +/** | ||
151 | + * 1. Remove the bottom border in Chrome 57- and Firefox 39-. | ||
152 | + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. | ||
153 | + */ | ||
154 | +abbr[title] { | ||
155 | + border-bottom: none; | ||
156 | + | ||
157 | +/* 1 */ | ||
158 | + text-decoration: underline; | ||
159 | + | ||
160 | +/* 2 */ | ||
161 | + -webkit-text-decoration: underline dotted; | ||
162 | + text-decoration: underline dotted; | ||
163 | + | ||
164 | +/* 2 */ | ||
165 | +} | ||
166 | +/** | ||
167 | + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. | ||
168 | + */ | ||
169 | +b, | ||
170 | +strong { | ||
171 | + font-weight: inherit; | ||
172 | +} | ||
173 | +/** | ||
174 | + * Add the correct font weight in Chrome, Edge, and Safari. | ||
175 | + */ | ||
176 | +b, | ||
177 | +strong { | ||
178 | + font-weight: bolder; | ||
179 | +} | ||
180 | +/** | ||
181 | + * 1. Correct the inheritance and scaling of font size in all browsers. | ||
182 | + * 2. Correct the odd `em` font sizing in all browsers. | ||
183 | + */ | ||
184 | +code, | ||
185 | +kbd, | ||
186 | +samp { | ||
187 | + font-family: monospace, monospace; | ||
188 | + | ||
189 | +/* 1 */ | ||
190 | + font-size: 1em; | ||
191 | + | ||
192 | +/* 2 */ | ||
193 | +} | ||
194 | +/** | ||
195 | + * Add the correct font style in Android 4.3-. | ||
196 | + */ | ||
197 | +dfn { | ||
198 | + font-style: italic; | ||
199 | +} | ||
200 | +/** | ||
201 | + * Add the correct background and color in IE 9-. | ||
202 | + */ | ||
203 | +mark { | ||
204 | + background-color: #ff0; | ||
205 | + color: #000; | ||
206 | +} | ||
207 | +/** | ||
208 | + * Add the correct font size in all browsers. | ||
209 | + */ | ||
210 | +small { | ||
211 | + font-size: 80%; | ||
212 | +} | ||
213 | +/** | ||
214 | + * Prevent `sub` and `sup` elements from affecting the line height in | ||
215 | + * all browsers. | ||
216 | + */ | ||
217 | +sub, | ||
218 | +sup { | ||
219 | + font-size: 75%; | ||
220 | + line-height: 0; | ||
221 | + position: relative; | ||
222 | + vertical-align: baseline; | ||
223 | +} | ||
224 | +sub { | ||
225 | + bottom: -0.25em; | ||
226 | +} | ||
227 | +sup { | ||
228 | + top: -0.5em; | ||
229 | +} | ||
230 | + | ||
231 | +/* Embedded content | ||
232 | + ========================================================================== */ | ||
233 | +/** | ||
234 | + * Add the correct display in IE 9-. | ||
235 | + */ | ||
236 | +audio, | ||
237 | +video { | ||
238 | + display: inline-block; | ||
239 | +} | ||
240 | +/** | ||
241 | + * Add the correct display in iOS 4-7. | ||
242 | + */ | ||
243 | +audio:not([controls]) { | ||
244 | + display: none; | ||
245 | + height: 0; | ||
246 | +} | ||
247 | +/** | ||
248 | + * Remove the border on images inside links in IE 10-. | ||
249 | + */ | ||
250 | +img { | ||
251 | + border-style: none; | ||
252 | +} | ||
253 | +/** | ||
254 | + * Hide the overflow in IE. | ||
255 | + */ | ||
256 | +svg:not(:root) { | ||
257 | + overflow: hidden; | ||
258 | +} | ||
259 | + | ||
260 | +/* Forms | ||
261 | + ========================================================================== */ | ||
262 | +/** | ||
263 | + * 1. Change the font styles in all browsers (opinionated). | ||
264 | + * 2. Remove the margin in Firefox and Safari. | ||
265 | + */ | ||
266 | +button, | ||
267 | +input, | ||
268 | +optgroup, | ||
269 | +select, | ||
270 | +textarea { | ||
271 | + font-family: sans-serif; | ||
272 | + | ||
273 | +/* 1 */ | ||
274 | + font-size: 100%; | ||
275 | + | ||
276 | +/* 1 */ | ||
277 | + line-height: 1.15; | ||
278 | + | ||
279 | +/* 1 */ | ||
280 | + margin: 0; | ||
281 | + | ||
282 | +/* 2 */ | ||
283 | +} | ||
284 | +/** | ||
285 | + * Show the overflow in IE. | ||
286 | + * 1. Show the overflow in Edge. | ||
287 | + */ | ||
288 | +button, | ||
289 | +input { | ||
290 | + | ||
291 | +/* 1 */ | ||
292 | + overflow: visible; | ||
293 | +} | ||
294 | +/** | ||
295 | + * Remove the inheritance of text transform in Edge, Firefox, and IE. | ||
296 | + * 1. Remove the inheritance of text transform in Firefox. | ||
297 | + */ | ||
298 | +button, | ||
299 | +select { | ||
300 | + | ||
301 | +/* 1 */ | ||
302 | + text-transform: none; | ||
303 | +} | ||
304 | +/** | ||
305 | + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` | ||
306 | + * controls in Android 4. | ||
307 | + * 2. Correct the inability to style clickable types in iOS and Safari. | ||
308 | + */ | ||
309 | +button, | ||
310 | +html [type="button"], | ||
311 | +[type="reset"], | ||
312 | +[type="submit"] { | ||
313 | + -webkit-appearance: button; | ||
314 | + | ||
315 | +/* 2 */ | ||
316 | +} | ||
317 | +/** | ||
318 | + * Remove the inner border and padding in Firefox. | ||
319 | + */ | ||
320 | +button::-moz-focus-inner, | ||
321 | +[type="button"]::-moz-focus-inner, | ||
322 | +[type="reset"]::-moz-focus-inner, | ||
323 | +[type="submit"]::-moz-focus-inner { | ||
324 | + border-style: none; | ||
325 | + padding: 0; | ||
326 | +} | ||
327 | +/** | ||
328 | + * Restore the focus styles unset by the previous rule. | ||
329 | + */ | ||
330 | +button:-moz-focusring, | ||
331 | +[type="button"]:-moz-focusring, | ||
332 | +[type="reset"]:-moz-focusring, | ||
333 | +[type="submit"]:-moz-focusring { | ||
334 | + outline: 1px dotted ButtonText; | ||
335 | +} | ||
336 | +/** | ||
337 | + * Correct the padding in Firefox. | ||
338 | + */ | ||
339 | +fieldset { | ||
340 | + padding: 0.35em 0.75em 0.625em; | ||
341 | +} | ||
342 | +/** | ||
343 | + * 1. Correct the text wrapping in Edge and IE. | ||
344 | + * 2. Correct the color inheritance from `fieldset` elements in IE. | ||
345 | + * 3. Remove the padding so developers are not caught out when they zero out | ||
346 | + * `fieldset` elements in all browsers. | ||
347 | + */ | ||
348 | +legend { | ||
349 | + -webkit-box-sizing: border-box; | ||
350 | + box-sizing: border-box; | ||
351 | + | ||
352 | +/* 1 */ | ||
353 | + color: inherit; | ||
354 | + | ||
355 | +/* 2 */ | ||
356 | + display: table; | ||
357 | + | ||
358 | +/* 1 */ | ||
359 | + max-width: 100%; | ||
360 | + | ||
361 | +/* 1 */ | ||
362 | + padding: 0; | ||
363 | + | ||
364 | +/* 3 */ | ||
365 | + white-space: normal; | ||
366 | + | ||
367 | +/* 1 */ | ||
368 | +} | ||
369 | +/** | ||
370 | + * 1. Add the correct display in IE 9-. | ||
371 | + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. | ||
372 | + */ | ||
373 | +progress { | ||
374 | + display: inline-block; | ||
375 | + | ||
376 | +/* 1 */ | ||
377 | + vertical-align: baseline; | ||
378 | + | ||
379 | +/* 2 */ | ||
380 | +} | ||
381 | +/** | ||
382 | + * Remove the default vertical scrollbar in IE. | ||
383 | + */ | ||
384 | +textarea { | ||
385 | + overflow: auto; | ||
386 | +} | ||
387 | +/** | ||
388 | + * 1. Add the correct box sizing in IE 10-. | ||
389 | + * 2. Remove the padding in IE 10-. | ||
390 | + */ | ||
391 | +[type="checkbox"], | ||
392 | +[type="radio"] { | ||
393 | + -webkit-box-sizing: border-box; | ||
394 | + box-sizing: border-box; | ||
395 | + | ||
396 | +/* 1 */ | ||
397 | + padding: 0; | ||
398 | + | ||
399 | +/* 2 */ | ||
400 | +} | ||
401 | +/** | ||
402 | + * Correct the cursor style of increment and decrement buttons in Chrome. | ||
403 | + */ | ||
404 | +[type="number"]::-webkit-inner-spin-button, | ||
405 | +[type="number"]::-webkit-outer-spin-button { | ||
406 | + height: auto; | ||
407 | +} | ||
408 | +/** | ||
409 | + * 1. Correct the odd appearance in Chrome and Safari. | ||
410 | + * 2. Correct the outline style in Safari. | ||
411 | + */ | ||
412 | +[type="search"] { | ||
413 | + -webkit-appearance: textfield; | ||
414 | + | ||
415 | +/* 1 */ | ||
416 | + outline-offset: -2px; | ||
417 | + | ||
418 | +/* 2 */ | ||
419 | +} | ||
420 | +/** | ||
421 | + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. | ||
422 | + */ | ||
423 | +[type="search"]::-webkit-search-cancel-button, | ||
424 | +[type="search"]::-webkit-search-decoration { | ||
425 | + -webkit-appearance: none; | ||
426 | +} | ||
427 | +/** | ||
428 | + * 1. Correct the inability to style clickable types in iOS and Safari. | ||
429 | + * 2. Change font properties to `inherit` in Safari. | ||
430 | + */ | ||
431 | +::-webkit-file-upload-button { | ||
432 | + -webkit-appearance: button; | ||
433 | + | ||
434 | +/* 1 */ | ||
435 | + font: inherit; | ||
436 | + | ||
437 | +/* 2 */ | ||
438 | +} | ||
439 | + | ||
440 | +/* Interactive | ||
441 | + ========================================================================== */ | ||
442 | +/* | ||
443 | + * Add the correct display in IE 9-. | ||
444 | + * 1. Add the correct display in Edge, IE, and Firefox. | ||
445 | + */ | ||
446 | +details, | ||
447 | +menu { | ||
448 | + display: block; | ||
449 | +} | ||
450 | +/* | ||
451 | + * Add the correct display in all browsers. | ||
452 | + */ | ||
453 | +summary { | ||
454 | + display: list-item; | ||
455 | +} | ||
456 | + | ||
457 | +/* Scripting | ||
458 | + ========================================================================== */ | ||
459 | +/** | ||
460 | + * Add the correct display in IE 9-. | ||
461 | + */ | ||
462 | +canvas { | ||
463 | + display: inline-block; | ||
464 | +} | ||
465 | +/** | ||
466 | + * Add the correct display in IE. | ||
467 | + */ | ||
468 | +template { | ||
469 | + display: none; | ||
470 | +} | ||
471 | + | ||
472 | +/* Hidden | ||
473 | + ========================================================================== */ | ||
474 | +/** | ||
475 | + * Add the correct display in IE 10-. | ||
476 | + */ | ||
477 | +[hidden] { | ||
478 | + display: none; | ||
479 | +} | ||
480 | + | ||
481 | + | ||
482 | +/******************************* | ||
483 | + Site Overrides | ||
484 | +*******************************/ | ||
485 | + |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Reset | ||
3 | + * http://github.com/semantic-org/semantic-ui/ | ||
4 | + * | ||
5 | + * | ||
6 | + * Released under the MIT license | ||
7 | + * http://opensource.org/licenses/MIT | ||
8 | + * | ||
9 | + */*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}input[type=email],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;-moz-appearance:none}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none} | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | +/*! | ||
2 | + * # Semantic UI 2.3.1 - Reveal | ||
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 | + Reveal | ||
14 | +*******************************/ | ||
15 | + | ||
16 | +.ui.reveal { | ||
17 | + display: inherit; | ||
18 | + position: relative !important; | ||
19 | + font-size: 0em !important; | ||
20 | +} | ||
21 | +.ui.reveal > .visible.content { | ||
22 | + position: absolute !important; | ||
23 | + top: 0em !important; | ||
24 | + left: 0em !important; | ||
25 | + z-index: 3 !important; | ||
26 | + -webkit-transition: all 0.5s ease 0.1s; | ||
27 | + transition: all 0.5s ease 0.1s; | ||
28 | +} | ||
29 | +.ui.reveal > .hidden.content { | ||
30 | + position: relative !important; | ||
31 | + z-index: 2 !important; | ||
32 | +} | ||
33 | + | ||
34 | +/* Make sure hovered element is on top of other reveal */ | ||
35 | +.ui.active.reveal .visible.content, | ||
36 | +.ui.reveal:hover .visible.content { | ||
37 | + z-index: 4 !important; | ||
38 | +} | ||
39 | + | ||
40 | + | ||
41 | +/******************************* | ||
42 | + Types | ||
43 | +*******************************/ | ||
44 | + | ||
45 | + | ||
46 | +/*-------------- | ||
47 | + Slide | ||
48 | +---------------*/ | ||
49 | + | ||
50 | +.ui.slide.reveal { | ||
51 | + position: relative !important; | ||
52 | + overflow: hidden !important; | ||
53 | + white-space: nowrap; | ||
54 | +} | ||
55 | +.ui.slide.reveal > .content { | ||
56 | + display: block; | ||
57 | + width: 100%; | ||
58 | + white-space: normal; | ||
59 | + float: left; | ||
60 | + margin: 0em; | ||
61 | + -webkit-transition: -webkit-transform 0.5s ease 0.1s; | ||
62 | + transition: -webkit-transform 0.5s ease 0.1s; | ||
63 | + transition: transform 0.5s ease 0.1s; | ||
64 | + transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s; | ||
65 | +} | ||
66 | +.ui.slide.reveal > .visible.content { | ||
67 | + position: relative !important; | ||
68 | +} | ||
69 | +.ui.slide.reveal > .hidden.content { | ||
70 | + position: absolute !important; | ||
71 | + left: 0% !important; | ||
72 | + width: 100% !important; | ||
73 | + -webkit-transform: translateX(100%) !important; | ||
74 | + transform: translateX(100%) !important; | ||
75 | +} | ||
76 | +.ui.slide.active.reveal > .visible.content, | ||
77 | +.ui.slide.reveal:hover > .visible.content { | ||
78 | + -webkit-transform: translateX(-100%) !important; | ||
79 | + transform: translateX(-100%) !important; | ||
80 | +} | ||
81 | +.ui.slide.active.reveal > .hidden.content, | ||
82 | +.ui.slide.reveal:hover > .hidden.content { | ||
83 | + -webkit-transform: translateX(0%) !important; | ||
84 | + transform: translateX(0%) !important; | ||
85 | +} | ||
86 | +.ui.slide.right.reveal > .visible.content { | ||
87 | + -webkit-transform: translateX(0%) !important; | ||
88 | + transform: translateX(0%) !important; | ||
89 | +} | ||
90 | +.ui.slide.right.reveal > .hidden.content { | ||
91 | + -webkit-transform: translateX(-100%) !important; | ||
92 | + transform: translateX(-100%) !important; | ||
93 | +} | ||
94 | +.ui.slide.right.active.reveal > .visible.content, | ||
95 | +.ui.slide.right.reveal:hover > .visible.content { | ||
96 | + -webkit-transform: translateX(100%) !important; | ||
97 | + transform: translateX(100%) !important; | ||
98 | +} | ||
99 | +.ui.slide.right.active.reveal > .hidden.content, | ||
100 | +.ui.slide.right.reveal:hover > .hidden.content { | ||
101 | + -webkit-transform: translateX(0%) !important; | ||
102 | + transform: translateX(0%) !important; | ||
103 | +} | ||
104 | +.ui.slide.up.reveal > .hidden.content { | ||
105 | + -webkit-transform: translateY(100%) !important; | ||
106 | + transform: translateY(100%) !important; | ||
107 | +} | ||
108 | +.ui.slide.up.active.reveal > .visible.content, | ||
109 | +.ui.slide.up.reveal:hover > .visible.content { | ||
110 | + -webkit-transform: translateY(-100%) !important; | ||
111 | + transform: translateY(-100%) !important; | ||
112 | +} | ||
113 | +.ui.slide.up.active.reveal > .hidden.content, | ||
114 | +.ui.slide.up.reveal:hover > .hidden.content { | ||
115 | + -webkit-transform: translateY(0%) !important; | ||
116 | + transform: translateY(0%) !important; | ||
117 | +} | ||
118 | +.ui.slide.down.reveal > .hidden.content { | ||
119 | + -webkit-transform: translateY(-100%) !important; | ||
120 | + transform: translateY(-100%) !important; | ||
121 | +} | ||
122 | +.ui.slide.down.active.reveal > .visible.content, | ||
123 | +.ui.slide.down.reveal:hover > .visible.content { | ||
124 | + -webkit-transform: translateY(100%) !important; | ||
125 | + transform: translateY(100%) !important; | ||
126 | +} | ||
127 | +.ui.slide.down.active.reveal > .hidden.content, | ||
128 | +.ui.slide.down.reveal:hover > .hidden.content { | ||
129 | + -webkit-transform: translateY(0%) !important; | ||
130 | + transform: translateY(0%) !important; | ||
131 | +} | ||
132 | + | ||
133 | +/*-------------- | ||
134 | + Fade | ||
135 | +---------------*/ | ||
136 | + | ||
137 | +.ui.fade.reveal > .visible.content { | ||
138 | + opacity: 1; | ||
139 | +} | ||
140 | +.ui.fade.active.reveal > .visible.content, | ||
141 | +.ui.fade.reveal:hover > .visible.content { | ||
142 | + opacity: 0; | ||
143 | +} | ||
144 | + | ||
145 | +/*-------------- | ||
146 | + Move | ||
147 | +---------------*/ | ||
148 | + | ||
149 | +.ui.move.reveal { | ||
150 | + position: relative !important; | ||
151 | + overflow: hidden !important; | ||
152 | + white-space: nowrap; | ||
153 | +} | ||
154 | +.ui.move.reveal > .content { | ||
155 | + display: block; | ||
156 | + float: left; | ||
157 | + white-space: normal; | ||
158 | + margin: 0em; | ||
159 | + -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; | ||
160 | + transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; | ||
161 | + transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; | ||
162 | + transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; | ||
163 | +} | ||
164 | +.ui.move.reveal > .visible.content { | ||
165 | + position: relative !important; | ||
166 | +} | ||
167 | +.ui.move.reveal > .hidden.content { | ||
168 | + position: absolute !important; | ||
169 | + left: 0% !important; | ||
170 | + width: 100% !important; | ||
171 | +} | ||
172 | +.ui.move.active.reveal > .visible.content, | ||
173 | +.ui.move.reveal:hover > .visible.content { | ||
174 | + -webkit-transform: translateX(-100%) !important; | ||
175 | + transform: translateX(-100%) !important; | ||
176 | +} | ||
177 | +.ui.move.right.active.reveal > .visible.content, | ||
178 | +.ui.move.right.reveal:hover > .visible.content { | ||
179 | + -webkit-transform: translateX(100%) !important; | ||
180 | + transform: translateX(100%) !important; | ||
181 | +} | ||
182 | +.ui.move.up.active.reveal > .visible.content, | ||
183 | +.ui.move.up.reveal:hover > .visible.content { | ||
184 | + -webkit-transform: translateY(-100%) !important; | ||
185 | + transform: translateY(-100%) !important; | ||
186 | +} | ||
187 | +.ui.move.down.active.reveal > .visible.content, | ||
188 | +.ui.move.down.reveal:hover > .visible.content { | ||
189 | + -webkit-transform: translateY(100%) !important; | ||
190 | + transform: translateY(100%) !important; | ||
191 | +} | ||
192 | + | ||
193 | +/*-------------- | ||
194 | + Rotate | ||
195 | +---------------*/ | ||
196 | + | ||
197 | +.ui.rotate.reveal > .visible.content { | ||
198 | + -webkit-transition-duration: 0.5s; | ||
199 | + transition-duration: 0.5s; | ||
200 | + -webkit-transform: rotate(0deg); | ||
201 | + transform: rotate(0deg); | ||
202 | +} | ||
203 | +.ui.rotate.reveal > .visible.content, | ||
204 | +.ui.rotate.right.reveal > .visible.content { | ||
205 | + -webkit-transform-origin: bottom right; | ||
206 | + transform-origin: bottom right; | ||
207 | +} | ||
208 | +.ui.rotate.active.reveal > .visible.content, | ||
209 | +.ui.rotate.reveal:hover > .visible.content, | ||
210 | +.ui.rotate.right.active.reveal > .visible.content, | ||
211 | +.ui.rotate.right.reveal:hover > .visible.content { | ||
212 | + -webkit-transform: rotate(110deg); | ||
213 | + transform: rotate(110deg); | ||
214 | +} | ||
215 | +.ui.rotate.left.reveal > .visible.content { | ||
216 | + -webkit-transform-origin: bottom left; | ||
217 | + transform-origin: bottom left; | ||
218 | +} | ||
219 | +.ui.rotate.left.active.reveal > .visible.content, | ||
220 | +.ui.rotate.left.reveal:hover > .visible.content { | ||
221 | + -webkit-transform: rotate(-110deg); | ||
222 | + transform: rotate(-110deg); | ||
223 | +} | ||
224 | + | ||
225 | + | ||
226 | +/******************************* | ||
227 | + States | ||
228 | +*******************************/ | ||
229 | + | ||
230 | +.ui.disabled.reveal:hover > .visible.visible.content { | ||
231 | + position: static !important; | ||
232 | + display: block !important; | ||
233 | + opacity: 1 !important; | ||
234 | + top: 0 !important; | ||
235 | + left: 0 !important; | ||
236 | + right: auto !important; | ||
237 | + bottom: auto !important; | ||
238 | + -webkit-transform: none !important; | ||
239 | + transform: none !important; | ||
240 | +} | ||
241 | +.ui.disabled.reveal:hover > .hidden.hidden.content { | ||
242 | + display: none !important; | ||
243 | +} | ||
244 | + | ||
245 | + | ||
246 | +/******************************* | ||
247 | + Coupling | ||
248 | +*******************************/ | ||
249 | + | ||
250 | +.ui.reveal > .ui.ribbon.label { | ||
251 | + z-index: 5; | ||
252 | +} | ||
253 | + | ||
254 | + | ||
255 | +/******************************* | ||
256 | + Variations | ||
257 | +*******************************/ | ||
258 | + | ||
259 | + | ||
260 | +/*-------------- | ||
261 | + Visible | ||
262 | +---------------*/ | ||
263 | + | ||
264 | +.ui.visible.reveal { | ||
265 | + overflow: visible; | ||
266 | +} | ||
267 | + | ||
268 | +/*-------------- | ||
269 | + Instant | ||
270 | +---------------*/ | ||
271 | + | ||
272 | +.ui.instant.reveal > .content { | ||
273 | + -webkit-transition-delay: 0s !important; | ||
274 | + transition-delay: 0s !important; | ||
275 | +} | ||
276 | + | ||
277 | +/*-------------- | ||
278 | + Sizing | ||
279 | +---------------*/ | ||
280 | + | ||
281 | +.ui.reveal > .content { | ||
282 | + font-size: 1rem !important; | ||
283 | +} | ||
284 | + | ||
285 | + | ||
286 | +/******************************* | ||
287 | + Theme Overrides | ||
288 | +*******************************/ | ||
289 | + | ||
290 | + | ||
291 | + | ||
292 | +/******************************* | ||
293 | + Site Overrides | ||
294 | +*******************************/ | ||
295 | + |
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
No preview for this file type
This diff is collapsed. Click to expand it.
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
27.5 KB
No preview for this file type
This diff is collapsed. Click to expand it.
No preview for this file type
No preview for this file type
No preview for this file type
This diff could not be displayed because it is too large.
No preview for this file type
No preview for this file type
No preview for this file type
This diff is collapsed. Click to expand it.
-
Please register or login to post a comment