@northdata/fomantic-ui 2.9.418 → 2.9.420
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/semantic-ui/dist/components/accordion.css +52 -0
- package/lib/semantic-ui/dist/components/accordion.min.css +1 -1
- package/lib/semantic-ui/dist/components/button.css +322 -7
- package/lib/semantic-ui/dist/components/button.min.css +1 -1
- package/lib/semantic-ui/dist/components/header.css +13 -13
- package/lib/semantic-ui/dist/components/header.min.css +1 -1
- package/lib/semantic-ui/dist/components/icon.css +17 -8
- package/lib/semantic-ui/dist/components/icon.min.css +1 -1
- package/lib/semantic-ui/dist/components/input.css +12 -12
- package/lib/semantic-ui/dist/components/input.min.css +1 -1
- package/lib/semantic-ui/dist/components/label.css +36 -36
- package/lib/semantic-ui/dist/components/label.min.css +1 -1
- package/lib/semantic-ui/dist/components/list.css +17 -12
- package/lib/semantic-ui/dist/components/list.min.css +1 -1
- package/lib/semantic-ui/dist/components/message.css +48 -7
- package/lib/semantic-ui/dist/components/message.min.css +1 -1
- package/lib/semantic-ui/dist/components/modal.css +8 -2
- package/lib/semantic-ui/dist/components/modal.min.css +1 -1
- package/lib/semantic-ui/dist/components/table.css +462 -38
- package/lib/semantic-ui/dist/components/table.min.css +1 -1
- package/lib/semantic-ui/dist/components/toast.css +288 -0
- package/lib/semantic-ui/dist/components/toast.js +964 -0
- package/lib/semantic-ui/dist/components/toast.min.css +9 -0
- package/lib/semantic-ui/dist/components/toast.min.js +11 -0
- package/lib/semantic-ui/dist/less/site/site.variables +5 -3
- package/lib/semantic-ui/dist/less/site/variation.variables +14 -14
- package/lib/semantic-ui/dist/semantic-packed.css +1424 -138
- package/lib/semantic-ui/dist/semantic.css +1549 -215
- package/lib/semantic-ui/dist/semantic.full.css +1741 -543
- package/lib/semantic-ui/dist/semantic.full.min.css +1 -1
- package/lib/semantic-ui/dist/semantic.js +965 -0
- package/lib/semantic-ui/dist/semantic.min.css +18 -10
- package/lib/semantic-ui/dist/semantic.min.js +1 -1
- package/package.json +2 -2
|
@@ -61,6 +61,12 @@
|
|
|
61
61
|
vertical-align: baseline;
|
|
62
62
|
transform: none;
|
|
63
63
|
}
|
|
64
|
+
.ui.accordion .ui.header > .dropdown.icon.right,
|
|
65
|
+
.ui.accordion .title > .dropdown.icon.right,
|
|
66
|
+
.ui.accordion .accordion .title > .dropdown.icon.right {
|
|
67
|
+
float: right;
|
|
68
|
+
transform: rotate(180deg);
|
|
69
|
+
}
|
|
64
70
|
|
|
65
71
|
/* --------------
|
|
66
72
|
Coupling
|
|
@@ -229,3 +235,49 @@
|
|
|
229
235
|
User Overrides
|
|
230
236
|
*******************************/
|
|
231
237
|
|
|
238
|
+
.plain-accordion {
|
|
239
|
+
max-width: 100%;
|
|
240
|
+
}
|
|
241
|
+
.plain-accordion .title {
|
|
242
|
+
cursor: pointer;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
/* Dropdown Icon */
|
|
246
|
+
.plain-accordion .title > .dropdown.icon {
|
|
247
|
+
font-family: Accordion;
|
|
248
|
+
line-height: 1;
|
|
249
|
+
backface-visibility: hidden;
|
|
250
|
+
font-weight: normal;
|
|
251
|
+
font-style: normal;
|
|
252
|
+
text-align: center;
|
|
253
|
+
}
|
|
254
|
+
.plain-accordion .title > .dropdown.icon::before {
|
|
255
|
+
content: "\f0da"
|
|
256
|
+
/* rtl: "\f0d9" */;
|
|
257
|
+
}
|
|
258
|
+
.plain-accordion .title > .dropdown.icon {
|
|
259
|
+
display: inline-block;
|
|
260
|
+
float: none;
|
|
261
|
+
opacity: 1;
|
|
262
|
+
width: 1.25em;
|
|
263
|
+
height: 1em;
|
|
264
|
+
margin: 0 0.25rem 0 0;
|
|
265
|
+
padding: 0;
|
|
266
|
+
font-size: 1em;
|
|
267
|
+
transition: transform 0.1s ease, opacity 0.1s ease;
|
|
268
|
+
vertical-align: baseline;
|
|
269
|
+
transform: none;
|
|
270
|
+
}
|
|
271
|
+
.plain-accordion .title > .dropdown.icon.right {
|
|
272
|
+
float: right;
|
|
273
|
+
transform: rotate(180deg);
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
/* States */
|
|
277
|
+
.plain-accordion[open] .title > .dropdown.icon,
|
|
278
|
+
.plain-accordion .active.title > .dropdown.icon {
|
|
279
|
+
transform: rotate(90deg);
|
|
280
|
+
}
|
|
281
|
+
.plain-accordion .title ~ .content:not(.active) {
|
|
282
|
+
display: none;
|
|
283
|
+
}
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
* Released under the MIT license
|
|
7
7
|
* https://opensource.org/licenses/MIT
|
|
8
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.menu .item>.title,.ui.accordion>.title{cursor:pointer;padding:.5em 0;font-family:"Josefin Sans",serif;font-size:1em;color:rgba(0,0,0,.87);list-style:none;line-height:1}.ui.accordion:not(.styled) .accordion .title~.content,.ui.accordion:not(.styled) .title~.content{margin:"";padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:last-child{padding-bottom:0}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;transition:transform .1s ease,opacity .1s ease;vertical-align:baseline;transform:none}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:0 .25rem 0 0;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 .accordion[open]>.title>.dropdown.icon,.ui.accordion .active.title>.dropdown.icon,.ui.accordion[open]>.title>.dropdown.icon{transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:0;background:#fff;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);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>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title,.ui.styled.accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.accordion .accordion:not(details) .title~.content:not(.active),.ui.accordion:not(details) .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}@font-face{font-family:Accordion;src:url(data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA) format("woff");font-weight:400;font-style:normal}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{font-family:Accordion;line-height:1;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,.ui.accordion .ui.header>.dropdown.icon::before{content:"\f0da"}
|
|
9
|
+
*/.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion>.title,.ui.accordion.menu .item>.title,.ui.accordion>.title{cursor:pointer;padding:.5em 0;font-family:"Josefin Sans",serif;font-size:1em;color:rgba(0,0,0,.87);list-style:none;line-height:1}.ui.accordion:not(.styled) .accordion .title~.content,.ui.accordion:not(.styled) .title~.content{margin:"";padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:last-child{padding-bottom:0}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;transition:transform .1s ease,opacity .1s ease;vertical-align:baseline;transform:none}.ui.accordion .accordion .title>.dropdown.icon.right,.ui.accordion .title>.dropdown.icon.right,.ui.accordion .ui.header>.dropdown.icon.right{float:right;transform:rotate(180deg)}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:0 .25rem 0 0;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 .accordion[open]>.title>.dropdown.icon,.ui.accordion .active.title>.dropdown.icon,.ui.accordion[open]>.title>.dropdown.icon{transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:0;background:#fff;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);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>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title,.ui.styled.accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.accordion .accordion:not(details) .title~.content:not(.active),.ui.accordion:not(details) .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}@font-face{font-family:Accordion;src:url(data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA) format("woff");font-weight:400;font-style:normal}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{font-family:Accordion;line-height:1;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,.ui.accordion .ui.header>.dropdown.icon::before{content:"\f0da"}.plain-accordion{max-width:100%}.plain-accordion .title{cursor:pointer}.plain-accordion .title>.dropdown.icon{font-family:Accordion;line-height:1;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.plain-accordion .title>.dropdown.icon::before{content:"\f0da"}.plain-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;transition:transform .1s ease,opacity .1s ease;vertical-align:baseline;transform:none}.plain-accordion .title>.dropdown.icon.right{float:right;transform:rotate(180deg)}.plain-accordion .active.title>.dropdown.icon,.plain-accordion[open] .title>.dropdown.icon{transform:rotate(90deg)}.plain-accordion .title~.content:not(.active){display:none}
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
color: rgba(0, 0, 0, 0.8);
|
|
59
59
|
}
|
|
60
60
|
.ui.button:hover .icon {
|
|
61
|
-
opacity:
|
|
61
|
+
opacity: 1;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
/* --------------
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
box-shadow: "";
|
|
72
72
|
}
|
|
73
73
|
.ui.button:focus .icon {
|
|
74
|
-
opacity:
|
|
74
|
+
opacity: 1;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
/* --------------
|
|
@@ -152,11 +152,17 @@
|
|
|
152
152
|
background-color: transparent;
|
|
153
153
|
box-shadow: none;
|
|
154
154
|
}
|
|
155
|
+
.ui.basic.loading.button::before {
|
|
156
|
+
border-color: rgba(0, 0, 0, 0.1);
|
|
157
|
+
}
|
|
158
|
+
.ui.basic.loading.button::after {
|
|
159
|
+
border-color: #a3b3c0;
|
|
160
|
+
}
|
|
155
161
|
|
|
156
162
|
/* -------------------
|
|
157
163
|
Disabled
|
|
158
164
|
-------------------- */
|
|
159
|
-
.ui.buttons .disabled.button,
|
|
165
|
+
.ui.buttons .disabled.button:not(.basic),
|
|
160
166
|
.ui.disabled.button,
|
|
161
167
|
.ui.button:disabled,
|
|
162
168
|
.ui.disabled.button:hover,
|
|
@@ -168,6 +174,11 @@
|
|
|
168
174
|
pointer-events: none !important;
|
|
169
175
|
}
|
|
170
176
|
|
|
177
|
+
/* Basic Group With Disabled */
|
|
178
|
+
.ui.basic.buttons .ui.disabled.button {
|
|
179
|
+
border-color: rgba(34, 36, 38, 0.5);
|
|
180
|
+
}
|
|
181
|
+
|
|
171
182
|
|
|
172
183
|
/*******************************
|
|
173
184
|
Types
|
|
@@ -228,7 +239,7 @@
|
|
|
228
239
|
--------------- */
|
|
229
240
|
.ui.button > .icon:not(.button) {
|
|
230
241
|
height: auto;
|
|
231
|
-
opacity:
|
|
242
|
+
opacity: 1;
|
|
232
243
|
transition: opacity 0.1s ease;
|
|
233
244
|
color: "";
|
|
234
245
|
}
|
|
@@ -377,11 +388,85 @@
|
|
|
377
388
|
.ui.animated.icon.button > .content > .icon,
|
|
378
389
|
.ui.icon.buttons .button > .icon,
|
|
379
390
|
.ui.icon.button > .icon {
|
|
380
|
-
opacity:
|
|
391
|
+
opacity: 1;
|
|
381
392
|
margin: 0 !important;
|
|
382
393
|
vertical-align: top;
|
|
383
394
|
}
|
|
384
395
|
|
|
396
|
+
/* -------------------
|
|
397
|
+
Basic
|
|
398
|
+
-------------------- */
|
|
399
|
+
.ui.basic.buttons .button,
|
|
400
|
+
.ui.basic.button {
|
|
401
|
+
background: #fff none;
|
|
402
|
+
color: rgba(0, 0, 0, 0.6);
|
|
403
|
+
font-weight: normal;
|
|
404
|
+
border-radius: 0;
|
|
405
|
+
text-transform: none;
|
|
406
|
+
text-shadow: none !important;
|
|
407
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
|
408
|
+
}
|
|
409
|
+
.ui.basic.buttons {
|
|
410
|
+
box-shadow: none;
|
|
411
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
412
|
+
border-radius: 0;
|
|
413
|
+
border-right: none;
|
|
414
|
+
}
|
|
415
|
+
.ui.basic.buttons .button {
|
|
416
|
+
border-radius: 0;
|
|
417
|
+
}
|
|
418
|
+
.ui.basic.buttons .button:hover,
|
|
419
|
+
.ui.basic.button:hover {
|
|
420
|
+
background: #f9fafb;
|
|
421
|
+
color: rgba(0, 0, 0, 0.8);
|
|
422
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
|
423
|
+
}
|
|
424
|
+
.ui.basic.buttons .button:focus,
|
|
425
|
+
.ui.basic.button:focus {
|
|
426
|
+
background: #f9fafb;
|
|
427
|
+
color: rgba(0, 0, 0, 0.8);
|
|
428
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
|
429
|
+
}
|
|
430
|
+
.ui.basic.buttons .button:active,
|
|
431
|
+
.ui.basic.button:active {
|
|
432
|
+
background: #f8f8f8;
|
|
433
|
+
color: rgba(0, 0, 0, 0.9);
|
|
434
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
|
|
435
|
+
}
|
|
436
|
+
.ui.basic.buttons .active.button,
|
|
437
|
+
.ui.basic.active.button {
|
|
438
|
+
background: rgba(0, 0, 0, 0.05);
|
|
439
|
+
box-shadow: "";
|
|
440
|
+
color: rgba(0, 0, 0, 0.95);
|
|
441
|
+
}
|
|
442
|
+
.ui.basic.buttons .active.button:hover,
|
|
443
|
+
.ui.basic.active.button:hover {
|
|
444
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
445
|
+
}
|
|
446
|
+
.ui.basic.buttons .button:hover {
|
|
447
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
|
448
|
+
}
|
|
449
|
+
.ui.basic.buttons .button:active {
|
|
450
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
|
|
451
|
+
}
|
|
452
|
+
.ui.basic.buttons .active.button {
|
|
453
|
+
box-shadow: "";
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
/* Basic Group */
|
|
457
|
+
.ui.basic.buttons .button:not(.basic) {
|
|
458
|
+
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
459
|
+
box-shadow: none;
|
|
460
|
+
}
|
|
461
|
+
.ui.basic.vertical.buttons .button {
|
|
462
|
+
border-left: none;
|
|
463
|
+
border-left-width: 0;
|
|
464
|
+
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
465
|
+
}
|
|
466
|
+
.ui.basic.vertical.buttons:not(.spaced):not(.circular) .button:first-child {
|
|
467
|
+
border-top: none;
|
|
468
|
+
}
|
|
469
|
+
|
|
385
470
|
/* --------------
|
|
386
471
|
Labeled Icon
|
|
387
472
|
--------------- */
|
|
@@ -480,6 +565,15 @@
|
|
|
480
565
|
.ui.vertical.circular.buttons .button {
|
|
481
566
|
margin-bottom: 0.25em;
|
|
482
567
|
}
|
|
568
|
+
.ui.circular.basic.buttons {
|
|
569
|
+
border: none;
|
|
570
|
+
}
|
|
571
|
+
.ui.circular.basic.buttons .button {
|
|
572
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
573
|
+
}
|
|
574
|
+
.ui.circular.basic.buttons .button.basic {
|
|
575
|
+
border: none;
|
|
576
|
+
}
|
|
483
577
|
.ui.two.buttons {
|
|
484
578
|
width: 100%;
|
|
485
579
|
}
|
|
@@ -619,6 +713,37 @@
|
|
|
619
713
|
color: #fff;
|
|
620
714
|
text-shadow: none;
|
|
621
715
|
}
|
|
716
|
+
|
|
717
|
+
/* Basic */
|
|
718
|
+
.ui.basic.primary.buttons .button,
|
|
719
|
+
.ui.basic.primary.button {
|
|
720
|
+
background: transparent;
|
|
721
|
+
box-shadow: 0 0 0 1px #007388 inset;
|
|
722
|
+
color: #007388;
|
|
723
|
+
}
|
|
724
|
+
.ui.basic.primary.buttons .button:hover,
|
|
725
|
+
.ui.basic.primary.button:hover {
|
|
726
|
+
background: transparent;
|
|
727
|
+
box-shadow: 0 0 0 1px #005d6f inset;
|
|
728
|
+
color: #005d6f;
|
|
729
|
+
}
|
|
730
|
+
.ui.basic.primary.buttons .button:focus,
|
|
731
|
+
.ui.basic.primary.button:focus {
|
|
732
|
+
background: transparent;
|
|
733
|
+
box-shadow: 0 0 0 1px #00505f inset;
|
|
734
|
+
color: #005d6f;
|
|
735
|
+
}
|
|
736
|
+
.ui.basic.primary.buttons .active.button,
|
|
737
|
+
.ui.basic.primary.active.button {
|
|
738
|
+
background: transparent;
|
|
739
|
+
box-shadow: 0 0 0 1px #005d6f inset;
|
|
740
|
+
color: #004855;
|
|
741
|
+
}
|
|
742
|
+
.ui.basic.primary.buttons .button:active,
|
|
743
|
+
.ui.basic.primary.button:active {
|
|
744
|
+
box-shadow: 0 0 0 1px #004855 inset;
|
|
745
|
+
color: #004855;
|
|
746
|
+
}
|
|
622
747
|
.ui.secondary.buttons .button,
|
|
623
748
|
.ui.secondary.button {
|
|
624
749
|
background-color: #294755;
|
|
@@ -655,6 +780,37 @@
|
|
|
655
780
|
color: #fff;
|
|
656
781
|
text-shadow: none;
|
|
657
782
|
}
|
|
783
|
+
|
|
784
|
+
/* Basic */
|
|
785
|
+
.ui.basic.secondary.buttons .button,
|
|
786
|
+
.ui.basic.secondary.button {
|
|
787
|
+
background: transparent;
|
|
788
|
+
box-shadow: 0 0 0 1px #294755 inset;
|
|
789
|
+
color: #294755;
|
|
790
|
+
}
|
|
791
|
+
.ui.basic.secondary.buttons .button:hover,
|
|
792
|
+
.ui.basic.secondary.button:hover {
|
|
793
|
+
background: transparent;
|
|
794
|
+
box-shadow: 0 0 0 1px #2f5669 inset;
|
|
795
|
+
color: #2f5669;
|
|
796
|
+
}
|
|
797
|
+
.ui.basic.secondary.buttons .button:focus,
|
|
798
|
+
.ui.basic.secondary.button:focus {
|
|
799
|
+
background: transparent;
|
|
800
|
+
box-shadow: 0 0 0 1px #306076 inset;
|
|
801
|
+
color: #2f5669;
|
|
802
|
+
}
|
|
803
|
+
.ui.basic.secondary.buttons .active.button,
|
|
804
|
+
.ui.basic.secondary.active.button {
|
|
805
|
+
background: transparent;
|
|
806
|
+
box-shadow: 0 0 0 1px #2d576a inset;
|
|
807
|
+
color: #3a6477;
|
|
808
|
+
}
|
|
809
|
+
.ui.basic.secondary.buttons .button:active,
|
|
810
|
+
.ui.basic.secondary.button:active {
|
|
811
|
+
box-shadow: 0 0 0 1px #3a6477 inset;
|
|
812
|
+
color: #3a6477;
|
|
813
|
+
}
|
|
658
814
|
.ui.green.buttons .button,
|
|
659
815
|
.ui.green.button {
|
|
660
816
|
background-color: #81b08c;
|
|
@@ -691,6 +847,37 @@
|
|
|
691
847
|
color: #fff;
|
|
692
848
|
text-shadow: none;
|
|
693
849
|
}
|
|
850
|
+
|
|
851
|
+
/* Basic */
|
|
852
|
+
.ui.basic.green.buttons .button,
|
|
853
|
+
.ui.basic.green.button {
|
|
854
|
+
background: transparent;
|
|
855
|
+
box-shadow: 0 0 0 1px #81b08c inset;
|
|
856
|
+
color: #81b08c;
|
|
857
|
+
}
|
|
858
|
+
.ui.basic.green.buttons .button:hover,
|
|
859
|
+
.ui.basic.green.button:hover {
|
|
860
|
+
background: transparent;
|
|
861
|
+
box-shadow: 0 0 0 1px #6fa97c inset;
|
|
862
|
+
color: #6fa97c;
|
|
863
|
+
}
|
|
864
|
+
.ui.basic.green.buttons .button:focus,
|
|
865
|
+
.ui.basic.green.button:focus {
|
|
866
|
+
background: transparent;
|
|
867
|
+
box-shadow: 0 0 0 1px #62a672 inset;
|
|
868
|
+
color: #6fa97c;
|
|
869
|
+
}
|
|
870
|
+
.ui.basic.green.buttons .active.button,
|
|
871
|
+
.ui.basic.green.active.button {
|
|
872
|
+
background: transparent;
|
|
873
|
+
box-shadow: 0 0 0 1px #6daa7c inset;
|
|
874
|
+
color: #629c70;
|
|
875
|
+
}
|
|
876
|
+
.ui.basic.green.buttons .button:active,
|
|
877
|
+
.ui.basic.green.button:active {
|
|
878
|
+
box-shadow: 0 0 0 1px #629c70 inset;
|
|
879
|
+
color: #629c70;
|
|
880
|
+
}
|
|
694
881
|
.ui.red.buttons .button,
|
|
695
882
|
.ui.red.button {
|
|
696
883
|
background-color: #af4e4a;
|
|
@@ -728,6 +915,37 @@
|
|
|
728
915
|
text-shadow: none;
|
|
729
916
|
}
|
|
730
917
|
|
|
918
|
+
/* Basic */
|
|
919
|
+
.ui.basic.red.buttons .button,
|
|
920
|
+
.ui.basic.red.button {
|
|
921
|
+
background: transparent;
|
|
922
|
+
box-shadow: 0 0 0 1px #af4e4a inset;
|
|
923
|
+
color: #af4e4a;
|
|
924
|
+
}
|
|
925
|
+
.ui.basic.red.buttons .button:hover,
|
|
926
|
+
.ui.basic.red.button:hover {
|
|
927
|
+
background: transparent;
|
|
928
|
+
box-shadow: 0 0 0 1px #a2423e inset;
|
|
929
|
+
color: #a2423e;
|
|
930
|
+
}
|
|
931
|
+
.ui.basic.red.buttons .button:focus,
|
|
932
|
+
.ui.basic.red.button:focus {
|
|
933
|
+
background: transparent;
|
|
934
|
+
box-shadow: 0 0 0 1px #9b3935 inset;
|
|
935
|
+
color: #a2423e;
|
|
936
|
+
}
|
|
937
|
+
.ui.basic.red.buttons .active.button,
|
|
938
|
+
.ui.basic.red.active.button {
|
|
939
|
+
background: transparent;
|
|
940
|
+
box-shadow: 0 0 0 1px #a4403c inset;
|
|
941
|
+
color: #8b3e3b;
|
|
942
|
+
}
|
|
943
|
+
.ui.basic.red.buttons .button:active,
|
|
944
|
+
.ui.basic.red.button:active {
|
|
945
|
+
box-shadow: 0 0 0 1px #8b3e3b inset;
|
|
946
|
+
color: #8b3e3b;
|
|
947
|
+
}
|
|
948
|
+
|
|
731
949
|
/* Standard */
|
|
732
950
|
.ui.positive.buttons .button,
|
|
733
951
|
.ui.positive.button {
|
|
@@ -766,6 +984,40 @@
|
|
|
766
984
|
text-shadow: none;
|
|
767
985
|
}
|
|
768
986
|
|
|
987
|
+
/* Basic */
|
|
988
|
+
.ui.basic.positive.buttons .button,
|
|
989
|
+
.ui.basic.positive.button {
|
|
990
|
+
background: transparent;
|
|
991
|
+
box-shadow: 0 0 0 1px #81b08c inset;
|
|
992
|
+
color: #81b08c;
|
|
993
|
+
}
|
|
994
|
+
.ui.basic.positive.buttons .button:hover,
|
|
995
|
+
.ui.basic.positive.button:hover {
|
|
996
|
+
background: transparent;
|
|
997
|
+
box-shadow: 0 0 0 1px #6fa97c inset;
|
|
998
|
+
color: #6fa97c;
|
|
999
|
+
}
|
|
1000
|
+
.ui.basic.positive.buttons .button:focus,
|
|
1001
|
+
.ui.basic.positive.button:focus {
|
|
1002
|
+
background: transparent;
|
|
1003
|
+
box-shadow: 0 0 0 1px #62a672 inset;
|
|
1004
|
+
color: #6fa97c;
|
|
1005
|
+
}
|
|
1006
|
+
.ui.basic.positive.buttons .active.button,
|
|
1007
|
+
.ui.basic.positive.active.button {
|
|
1008
|
+
background: transparent;
|
|
1009
|
+
box-shadow: 0 0 0 1px #6daa7c inset;
|
|
1010
|
+
color: #629c70;
|
|
1011
|
+
}
|
|
1012
|
+
.ui.basic.positive.buttons .button:active,
|
|
1013
|
+
.ui.basic.positive.button:active {
|
|
1014
|
+
box-shadow: 0 0 0 1px #629c70 inset;
|
|
1015
|
+
color: #629c70;
|
|
1016
|
+
}
|
|
1017
|
+
.ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
|
|
1018
|
+
margin-left: -1px;
|
|
1019
|
+
}
|
|
1020
|
+
|
|
769
1021
|
/* Standard */
|
|
770
1022
|
.ui.negative.buttons .button,
|
|
771
1023
|
.ui.negative.button {
|
|
@@ -804,6 +1056,40 @@
|
|
|
804
1056
|
text-shadow: none;
|
|
805
1057
|
}
|
|
806
1058
|
|
|
1059
|
+
/* Basic */
|
|
1060
|
+
.ui.basic.negative.buttons .button,
|
|
1061
|
+
.ui.basic.negative.button {
|
|
1062
|
+
background: transparent;
|
|
1063
|
+
box-shadow: 0 0 0 1px #af4e4a inset;
|
|
1064
|
+
color: #af4e4a;
|
|
1065
|
+
}
|
|
1066
|
+
.ui.basic.negative.buttons .button:hover,
|
|
1067
|
+
.ui.basic.negative.button:hover {
|
|
1068
|
+
background: transparent;
|
|
1069
|
+
box-shadow: 0 0 0 1px #a2423e inset;
|
|
1070
|
+
color: #a2423e;
|
|
1071
|
+
}
|
|
1072
|
+
.ui.basic.negative.buttons .button:focus,
|
|
1073
|
+
.ui.basic.negative.button:focus {
|
|
1074
|
+
background: transparent;
|
|
1075
|
+
box-shadow: 0 0 0 1px #9b3935 inset;
|
|
1076
|
+
color: #a2423e;
|
|
1077
|
+
}
|
|
1078
|
+
.ui.basic.negative.buttons .active.button,
|
|
1079
|
+
.ui.basic.negative.active.button {
|
|
1080
|
+
background: transparent;
|
|
1081
|
+
box-shadow: 0 0 0 1px #a4403c inset;
|
|
1082
|
+
color: #8b3e3b;
|
|
1083
|
+
}
|
|
1084
|
+
.ui.basic.negative.buttons .button:active,
|
|
1085
|
+
.ui.basic.negative.button:active {
|
|
1086
|
+
box-shadow: 0 0 0 1px #8b3e3b inset;
|
|
1087
|
+
color: #8b3e3b;
|
|
1088
|
+
}
|
|
1089
|
+
.ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
|
|
1090
|
+
margin-left: -1px;
|
|
1091
|
+
}
|
|
1092
|
+
|
|
807
1093
|
|
|
808
1094
|
/*******************************
|
|
809
1095
|
Groups
|
|
@@ -816,7 +1102,7 @@
|
|
|
816
1102
|
vertical-align: baseline;
|
|
817
1103
|
margin: 0 0.25em 0 0;
|
|
818
1104
|
}
|
|
819
|
-
.ui.buttons {
|
|
1105
|
+
.ui.buttons:not(.basic) {
|
|
820
1106
|
box-shadow: none;
|
|
821
1107
|
}
|
|
822
1108
|
|
|
@@ -835,7 +1121,7 @@
|
|
|
835
1121
|
border-radius: 0;
|
|
836
1122
|
margin: 0;
|
|
837
1123
|
}
|
|
838
|
-
.ui.buttons > .button {
|
|
1124
|
+
.ui.buttons:not(.basic) > .button:not(.basic) {
|
|
839
1125
|
box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
|
|
840
1126
|
}
|
|
841
1127
|
.ui.buttons .button:first-child {
|
|
@@ -860,6 +1146,8 @@
|
|
|
860
1146
|
width: 100%;
|
|
861
1147
|
margin: 0;
|
|
862
1148
|
border-radius: 0;
|
|
1149
|
+
}
|
|
1150
|
+
.ui.vertical.buttons .button:not(.basic) {
|
|
863
1151
|
box-shadow: none;
|
|
864
1152
|
}
|
|
865
1153
|
.ui.vertical.buttons .button:first-child {
|
|
@@ -874,11 +1162,38 @@
|
|
|
874
1162
|
.ui.vertical.buttons .button:only-child {
|
|
875
1163
|
border-radius: 0;
|
|
876
1164
|
}
|
|
1165
|
+
.ui.vertical.buttons .basic.button:not(:first-child) {
|
|
1166
|
+
border-top: none;
|
|
1167
|
+
}
|
|
877
1168
|
.ui.spaced.buttons .ui.button {
|
|
878
1169
|
margin-bottom: 1em;
|
|
879
1170
|
margin-right: 1em;
|
|
880
1171
|
border-radius: 0;
|
|
881
1172
|
}
|
|
1173
|
+
.ui.spaced.basic.buttons {
|
|
1174
|
+
border: none;
|
|
1175
|
+
}
|
|
1176
|
+
.ui.spaced.basic.buttons .button {
|
|
1177
|
+
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
1178
|
+
}
|
|
1179
|
+
.ui.spaced.basic.buttons .button.basic {
|
|
1180
|
+
border: none;
|
|
1181
|
+
}
|
|
1182
|
+
.ui.spaced.basic.vertical.buttons .button:first-child {
|
|
1183
|
+
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
1184
|
+
}
|
|
1185
|
+
.ui.basic.buttons:not(.vertical).inverted .button,
|
|
1186
|
+
.ui.basic.buttons:not(.vertical) .basic.button {
|
|
1187
|
+
margin-left: -1px;
|
|
1188
|
+
border-right: none;
|
|
1189
|
+
}
|
|
1190
|
+
.ui.basic.buttons:not(.vertical):not(.spaced) .basic.button {
|
|
1191
|
+
margin-top: -1px;
|
|
1192
|
+
border-bottom: none;
|
|
1193
|
+
}
|
|
1194
|
+
.ui.basic.buttons:not(.vertical):not(.spaced) .basic.button {
|
|
1195
|
+
margin-bottom: -1px;
|
|
1196
|
+
}
|
|
882
1197
|
|
|
883
1198
|
|
|
884
1199
|
/*******************************
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
* Released under the MIT license
|
|
7
7
|
* https://opensource.org/licenses/MIT
|
|
8
8
|
*
|
|
9
|
-
*/.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:0;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;box-shadow:""}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:"";color:rgba(0,0,0,.9);box-shadow:none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.ui.ui.ui.ui.ui.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button::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,.15)}.ui.loading.button::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;box-shadow:0 0 0 1px transparent}.ui.ui.ui.loading.button .label{background-color:transparent;border-color:transparent;color:transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none;box-shadow:none;pointer-events:none!important}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:0 0;padding:0!important;border:none;box-shadow:none}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:flex;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:"";border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label::before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.button>.icon:not(.button){height:auto;opacity:.8;transition:opacity .1s ease;color:""}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),.ui.button:not(.icon)>.icons:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em;vertical-align:baseline}.ui.button:not(.icon)>.icons:not(.button):not(.dropdown)>.icon{vertical-align:baseline}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}@media only screen and (max-width:767.98px){.ui.stackable.buttons{flex-direction:column;width:100%}.ui.stackable.buttons .button:first-child{border-bottom-left-radius:0;border-top-right-radius:0}.ui.stackable.buttons .button:last-child{border-bottom-left-radius:0;border-top-right-radius:0}.ui.stackable.buttons .button:only-child{border-radius:0}}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.58928571em 1.125em .58928571em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.58928571em .58928571em .58928571em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.58928571em 3.69642857em .58928571em}.ui.compact.labeled.icon.button>.icon,.ui.compact.labeled.icon.buttons .button>.icon{padding:.58928571em 0}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.mini.buttons .button,.ui.mini.buttons .dropdown,.ui.mini.buttons .dropdown .menu>.item,.ui.mini.buttons .or,.ui.ui.ui.ui.mini.button{font-size:.78571429rem}.ui.tiny.buttons .button,.ui.tiny.buttons .dropdown,.ui.tiny.buttons .dropdown .menu>.item,.ui.tiny.buttons .or,.ui.ui.ui.ui.tiny.button{font-size:.85714286rem}.ui.small.buttons .button,.ui.small.buttons .dropdown,.ui.small.buttons .dropdown .menu>.item,.ui.small.buttons .or,.ui.ui.ui.ui.small.button{font-size:.92857143rem}.ui.large.buttons .button,.ui.large.buttons .dropdown,.ui.large.buttons .dropdown .menu>.item,.ui.large.buttons .or,.ui.ui.ui.ui.large.button{font-size:1.14285714rem}.ui.big.buttons .button,.ui.big.buttons .dropdown,.ui.big.buttons .dropdown .menu>.item,.ui.big.buttons .or,.ui.ui.ui.ui.big.button{font-size:1.28571429rem}.ui.huge.buttons .button,.ui.huge.buttons .dropdown,.ui.huge.buttons .dropdown .menu>.item,.ui.huge.buttons .or,.ui.ui.ui.ui.huge.button{font-size:1.42857143rem}.ui.massive.buttons .button,.ui.massive.buttons .dropdown,.ui.massive.buttons .dropdown .menu>.item,.ui.massive.buttons .or,.ui.ui.ui.ui.massive.button{font-size:1.71428571rem}.ui.icon.button:not(.compact):not(.labeled),.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.animated.icon.button>.content>.icon,.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;animation:none;padding:.78571429em 0;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:"";box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon::after,.ui.labeled.icon.button>.icon::before,.ui.labeled.icon.buttons>.button>.icon::after,.ui.labeled.icon.buttons>.button>.icon::before{display:block;position:relative;width:100%;top:0;text-align:center}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:0;border-bottom-left-radius:0}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:0}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:0}.ui.labeled.icon.button>.loading.icon::before{animation:loader 2s linear infinite}.ui.ui.circular.buttons .button,.ui.ui.ui.ui.circular.button{border-radius:10em;min-width:0}.ui.circular.button>.icon,.ui.circular.buttons .button>.icon{width:1em;vertical-align:baseline}.ui.circular.buttons:not(.vertical):not(.spaced) .button{margin-right:.25em}.ui.vertical.circular.buttons .button{margin-bottom:.25em}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.primary.button,.ui.primary.buttons .button{background-color:#007388;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#005d6f;color:#fff;text-shadow:none}.ui.primary.button:focus,.ui.primary.buttons .button:focus{background-color:#00505f;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#004855;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active{background-color:#005d6f;color:#fff;text-shadow:none}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#294755;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#2f5669;color:#fff;text-shadow:none}.ui.secondary.button:focus,.ui.secondary.buttons .button:focus{background-color:#306076;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#3a6477;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active,.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active{background-color:#2d576a;color:#fff;text-shadow:none}.ui.green.button,.ui.green.buttons .button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.green.button:focus,.ui.green.buttons .button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.red.button,.ui.red.buttons .button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.red.button:focus,.ui.red.buttons .button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.positive.button,.ui.positive.buttons .button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover,.ui.positive.buttons .button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.positive.button:focus,.ui.positive.buttons .button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.negative.button,.ui.negative.buttons .button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover,.ui.negative.buttons .button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.negative.button:focus,.ui.negative.buttons .button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.buttons{display:inline-flex;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}.ui.buttons{box-shadow:none}.ui.buttons::after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{flex:1 0 auto;border-radius:0;margin:0}.ui.buttons>.button{box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.ui.buttons .button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.buttons{display:inline-flex;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;border-radius:0;box-shadow:none}.ui.vertical.buttons .button:first-child{border-top-left-radius:0;border-top-right-radius:0}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.vertical.buttons .button:only-child{border-radius:0}.ui.spaced.buttons .ui.button{margin-bottom:1em;margin-right:1em;border-radius:0}
|
|
9
|
+
*/.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:0;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:1}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;box-shadow:""}.ui.button:focus .icon{opacity:1}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:"";color:rgba(0,0,0,.9);box-shadow:none}.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.ui.ui.ui.ui.ui.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;transition:all 0s linear,opacity .1s ease}.ui.loading.button::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,.15)}.ui.loading.button::after{position:absolute;content:"";top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;box-shadow:0 0 0 1px transparent}.ui.ui.ui.loading.button .label{background-color:transparent;border-color:transparent;color:transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}.ui.basic.loading.button::before{border-color:rgba(0,0,0,.1)}.ui.basic.loading.button::after{border-color:#a3b3c0}.ui.button:disabled,.ui.buttons .disabled.button:not(.basic),.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none;box-shadow:none;pointer-events:none!important}.ui.basic.buttons .ui.disabled.button{border-color:rgba(34,36,38,.5)}.ui.labeled.button:not(.icon){display:inline-flex;flex-direction:row;background:0 0;padding:0!important;border:none;box-shadow:none}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:flex;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:"";border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label::before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.button>.icon:not(.button){height:auto;opacity:1;transition:opacity .1s ease;color:""}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),.ui.button:not(.icon)>.icons:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em;vertical-align:baseline}.ui.button:not(.icon)>.icons:not(.button):not(.dropdown)>.icon{vertical-align:baseline}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}@media only screen and (max-width:767.98px){.ui.stackable.buttons{flex-direction:column;width:100%}.ui.stackable.buttons .button:first-child{border-bottom-left-radius:0;border-top-right-radius:0}.ui.stackable.buttons .button:last-child{border-bottom-left-radius:0;border-top-right-radius:0}.ui.stackable.buttons .button:only-child{border-radius:0}}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.58928571em 1.125em .58928571em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.58928571em .58928571em .58928571em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.58928571em 3.69642857em .58928571em}.ui.compact.labeled.icon.button>.icon,.ui.compact.labeled.icon.buttons .button>.icon{padding:.58928571em 0}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.mini.buttons .button,.ui.mini.buttons .dropdown,.ui.mini.buttons .dropdown .menu>.item,.ui.mini.buttons .or,.ui.ui.ui.ui.mini.button{font-size:.78571429rem}.ui.tiny.buttons .button,.ui.tiny.buttons .dropdown,.ui.tiny.buttons .dropdown .menu>.item,.ui.tiny.buttons .or,.ui.ui.ui.ui.tiny.button{font-size:.85714286rem}.ui.small.buttons .button,.ui.small.buttons .dropdown,.ui.small.buttons .dropdown .menu>.item,.ui.small.buttons .or,.ui.ui.ui.ui.small.button{font-size:.92857143rem}.ui.large.buttons .button,.ui.large.buttons .dropdown,.ui.large.buttons .dropdown .menu>.item,.ui.large.buttons .or,.ui.ui.ui.ui.large.button{font-size:1.14285714rem}.ui.big.buttons .button,.ui.big.buttons .dropdown,.ui.big.buttons .dropdown .menu>.item,.ui.big.buttons .or,.ui.ui.ui.ui.big.button{font-size:1.28571429rem}.ui.huge.buttons .button,.ui.huge.buttons .dropdown,.ui.huge.buttons .dropdown .menu>.item,.ui.huge.buttons .or,.ui.ui.ui.ui.huge.button{font-size:1.42857143rem}.ui.massive.buttons .button,.ui.massive.buttons .dropdown,.ui.massive.buttons .dropdown .menu>.item,.ui.massive.buttons .or,.ui.ui.ui.ui.massive.button{font-size:1.71428571rem}.ui.icon.button:not(.compact):not(.labeled),.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.animated.icon.button>.content>.icon,.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:1;margin:0!important;vertical-align:top}.ui.basic.button,.ui.basic.buttons .button{background:#fff none;color:rgba(0,0,0,.6);font-weight:400;border-radius:0;text-transform:none;text-shadow:none!important;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.basic.buttons{box-shadow:none;border:1px solid rgba(0,0,0,.1);border-radius:0;border-right:none}.ui.basic.buttons .button{border-radius:0}.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:#f9fafb;color:rgba(0,0,0,.8);box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:focus,.ui.basic.buttons .button:focus{background:#f9fafb;color:rgba(0,0,0,.8);box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:active,.ui.basic.buttons .button:active{background:#f8f8f8;color:rgba(0,0,0,.9);box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset}.ui.basic.active.button,.ui.basic.buttons .active.button{background:rgba(0,0,0,.05);box-shadow:"";color:rgba(0,0,0,.95)}.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.buttons .button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset}.ui.basic.buttons .active.button{box-shadow:""}.ui.basic.buttons .button:not(.basic){border-right:1px solid rgba(0,0,0,.1);box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none;border-left-width:0;border-top:1px solid rgba(0,0,0,.1)}.ui.basic.vertical.buttons:not(.spaced):not(.circular) .button:first-child{border-top:none}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;animation:none;padding:.78571429em 0;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:"";box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon::after,.ui.labeled.icon.button>.icon::before,.ui.labeled.icon.buttons>.button>.icon::after,.ui.labeled.icon.buttons>.button>.icon::before{display:block;position:relative;width:100%;top:0;text-align:center}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:0;border-bottom-left-radius:0}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:0}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:0}.ui.labeled.icon.button>.loading.icon::before{animation:loader 2s linear infinite}.ui.ui.circular.buttons .button,.ui.ui.ui.ui.circular.button{border-radius:10em;min-width:0}.ui.circular.button>.icon,.ui.circular.buttons .button>.icon{width:1em;vertical-align:baseline}.ui.circular.buttons:not(.vertical):not(.spaced) .button{margin-right:.25em}.ui.vertical.circular.buttons .button{margin-bottom:.25em}.ui.circular.basic.buttons{border:none}.ui.circular.basic.buttons .button{border:1px solid rgba(0,0,0,.1)}.ui.circular.basic.buttons .button.basic{border:none}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.primary.button,.ui.primary.buttons .button{background-color:#007388;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#005d6f;color:#fff;text-shadow:none}.ui.primary.button:focus,.ui.primary.buttons .button:focus{background-color:#00505f;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#004855;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active{background-color:#005d6f;color:#fff;text-shadow:none}.ui.basic.primary.button,.ui.basic.primary.buttons .button{background:0 0;box-shadow:0 0 0 1px #007388 inset;color:#007388}.ui.basic.primary.button:hover,.ui.basic.primary.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #005d6f inset;color:#005d6f}.ui.basic.primary.button:focus,.ui.basic.primary.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #00505f inset;color:#005d6f}.ui.basic.primary.active.button,.ui.basic.primary.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #005d6f inset;color:#004855}.ui.basic.primary.button:active,.ui.basic.primary.buttons .button:active{box-shadow:0 0 0 1px #004855 inset;color:#004855}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#294755;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#2f5669;color:#fff;text-shadow:none}.ui.secondary.button:focus,.ui.secondary.buttons .button:focus{background-color:#306076;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#3a6477;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active,.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active{background-color:#2d576a;color:#fff;text-shadow:none}.ui.basic.secondary.button,.ui.basic.secondary.buttons .button{background:0 0;box-shadow:0 0 0 1px #294755 inset;color:#294755}.ui.basic.secondary.button:hover,.ui.basic.secondary.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #2f5669 inset;color:#2f5669}.ui.basic.secondary.button:focus,.ui.basic.secondary.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #306076 inset;color:#2f5669}.ui.basic.secondary.active.button,.ui.basic.secondary.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #2d576a inset;color:#3a6477}.ui.basic.secondary.button:active,.ui.basic.secondary.buttons .button:active{box-shadow:0 0 0 1px #3a6477 inset;color:#3a6477}.ui.green.button,.ui.green.buttons .button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.green.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.green.button:focus,.ui.green.buttons .button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.basic.green.button,.ui.basic.green.buttons .button{background:0 0;box-shadow:0 0 0 1px #81b08c inset;color:#81b08c}.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #6fa97c inset;color:#6fa97c}.ui.basic.green.button:focus,.ui.basic.green.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #62a672 inset;color:#6fa97c}.ui.basic.green.active.button,.ui.basic.green.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #6daa7c inset;color:#629c70}.ui.basic.green.button:active,.ui.basic.green.buttons .button:active{box-shadow:0 0 0 1px #629c70 inset;color:#629c70}.ui.red.button,.ui.red.buttons .button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.red.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.red.button:focus,.ui.red.buttons .button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.basic.red.button,.ui.basic.red.buttons .button{background:0 0;box-shadow:0 0 0 1px #af4e4a inset;color:#af4e4a}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #a2423e inset;color:#a2423e}.ui.basic.red.button:focus,.ui.basic.red.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #9b3935 inset;color:#a2423e}.ui.basic.red.active.button,.ui.basic.red.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #a4403c inset;color:#8b3e3b}.ui.basic.red.button:active,.ui.basic.red.buttons .button:active{box-shadow:0 0 0 1px #8b3e3b inset;color:#8b3e3b}.ui.positive.button,.ui.positive.buttons .button{background-color:#81b08c;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover,.ui.positive.buttons .button:hover{background-color:#6fa97c;color:#fff;text-shadow:none}.ui.positive.button:focus,.ui.positive.buttons .button:focus{background-color:#62a672;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#629c70;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#6daa7c;color:#fff;text-shadow:none}.ui.basic.positive.button,.ui.basic.positive.buttons .button{background:0 0;box-shadow:0 0 0 1px #81b08c inset;color:#81b08c}.ui.basic.positive.button:hover,.ui.basic.positive.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #6fa97c inset;color:#6fa97c}.ui.basic.positive.button:focus,.ui.basic.positive.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #62a672 inset;color:#6fa97c}.ui.basic.positive.active.button,.ui.basic.positive.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #6daa7c inset;color:#629c70}.ui.basic.positive.button:active,.ui.basic.positive.buttons .button:active{box-shadow:0 0 0 1px #629c70 inset;color:#629c70}.ui.buttons:not(.vertical)>.basic.positive.button:not(:first-child){margin-left:-1px}.ui.negative.button,.ui.negative.buttons .button{background-color:#af4e4a;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover,.ui.negative.buttons .button:hover{background-color:#a2423e;color:#fff;text-shadow:none}.ui.negative.button:focus,.ui.negative.buttons .button:focus{background-color:#9b3935;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#8b3e3b;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#a4403c;color:#fff;text-shadow:none}.ui.basic.negative.button,.ui.basic.negative.buttons .button{background:0 0;box-shadow:0 0 0 1px #af4e4a inset;color:#af4e4a}.ui.basic.negative.button:hover,.ui.basic.negative.buttons .button:hover{background:0 0;box-shadow:0 0 0 1px #a2423e inset;color:#a2423e}.ui.basic.negative.button:focus,.ui.basic.negative.buttons .button:focus{background:0 0;box-shadow:0 0 0 1px #9b3935 inset;color:#a2423e}.ui.basic.negative.active.button,.ui.basic.negative.buttons .active.button{background:0 0;box-shadow:0 0 0 1px #a4403c inset;color:#8b3e3b}.ui.basic.negative.button:active,.ui.basic.negative.buttons .button:active{box-shadow:0 0 0 1px #8b3e3b inset;color:#8b3e3b}.ui.buttons:not(.vertical)>.basic.negative.button:not(:first-child){margin-left:-1px}.ui.buttons{display:inline-flex;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}.ui.buttons:not(.basic){box-shadow:none}.ui.buttons::after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{flex:1 0 auto;border-radius:0;margin:0}.ui.buttons:not(.basic)>.button:not(.basic){box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.ui.buttons .button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.buttons{display:inline-flex;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;border-radius:0}.ui.vertical.buttons .button:not(.basic){box-shadow:none}.ui.vertical.buttons .button:first-child{border-top-left-radius:0;border-top-right-radius:0}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.vertical.buttons .button:only-child{border-radius:0}.ui.vertical.buttons .basic.button:not(:first-child){border-top:none}.ui.spaced.buttons .ui.button{margin-bottom:1em;margin-right:1em;border-radius:0}.ui.spaced.basic.buttons{border:none}.ui.spaced.basic.buttons .button{border:1px solid rgba(0,0,0,.1)}.ui.spaced.basic.buttons .button.basic{border:none}.ui.spaced.basic.vertical.buttons .button:first-child{border-top:1px solid rgba(0,0,0,.1)}.ui.basic.buttons:not(.vertical) .basic.button,.ui.basic.buttons:not(.vertical).inverted .button{margin-left:-1px;border-right:none}.ui.basic.buttons:not(.vertical):not(.spaced) .basic.button{margin-top:-1px;border-bottom:none}.ui.basic.buttons:not(.vertical):not(.spaced) .basic.button{margin-bottom:-1px}
|