rails-active-ui 0.2.2 → 0.3.1
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.
- checksums.yaml +4 -4
- data/app/assets/datatables.css +15 -0
- data/app/assets/stylesheets.css +5 -1
- data/app/blocks/resource_list_block.rb +153 -0
- data/app/components/back_button_component.rb +34 -0
- data/app/components/button_component.rb +4 -2
- data/app/components/button_to_component.rb +3 -4
- data/app/components/column_component.rb +1 -1
- data/app/components/container_component.rb +1 -1
- data/app/components/dropdown_component.rb +8 -2
- data/app/components/grid_component.rb +5 -1
- data/app/components/link_to_component.rb +23 -0
- data/app/components/menu_item_component.rb +5 -1
- data/app/components/message_component.rb +3 -1
- data/app/components/modal_component.rb +23 -3
- data/app/components/paragraph_component.rb +13 -0
- data/app/components/row_component.rb +1 -1
- data/app/components/table_row_component.rb +3 -5
- data/app/components/template_component.rb +13 -0
- data/app/helpers/component_helper.rb +122 -76
- data/app/helpers/fui_helper.rb +37 -0
- data/app/javascript/datatables.js +10 -0
- data/app/javascript/ui/controllers/fui_datatable_controller.js +35 -0
- data/app/javascript/ui/controllers/fui_dropdown_controller.js +8 -1
- data/app/javascript/ui/controllers/fui_item_list_controller.js +40 -0
- data/app/javascript/ui/controllers/navigation_controller.js +23 -0
- data/app/javascript/ui/index.js +11 -0
- data/app/lib/component.rb +1 -1
- data/config/importmap.rb +3 -0
- data/config/initializers/ruby_template_handler.rb +4 -1
- data/formantic-ui/components/accordion.css +369 -0
- data/formantic-ui/components/accordion.js +595 -0
- data/formantic-ui/components/accordion.min.css +9 -0
- data/formantic-ui/components/accordion.min.js +11 -0
- data/formantic-ui/components/ad.css +264 -0
- data/formantic-ui/components/ad.min.css +10 -0
- data/formantic-ui/components/api.js +1225 -0
- data/formantic-ui/components/api.min.js +11 -0
- data/formantic-ui/components/breadcrumb.css +135 -0
- data/formantic-ui/components/breadcrumb.min.css +9 -0
- data/formantic-ui/components/button.css +4058 -0
- data/formantic-ui/components/button.min.css +9 -0
- data/formantic-ui/components/calendar.css +327 -0
- data/formantic-ui/components/calendar.js +2045 -0
- data/formantic-ui/components/calendar.min.css +9 -0
- data/formantic-ui/components/calendar.min.js +11 -0
- data/formantic-ui/components/card.css +1881 -0
- data/formantic-ui/components/card.min.css +9 -0
- data/formantic-ui/components/checkbox.css +785 -0
- data/formantic-ui/components/checkbox.js +888 -0
- data/formantic-ui/components/checkbox.min.css +9 -0
- data/formantic-ui/components/checkbox.min.js +11 -0
- data/formantic-ui/components/comment.css +283 -0
- data/formantic-ui/components/comment.min.css +9 -0
- data/formantic-ui/components/container.css +300 -0
- data/formantic-ui/components/container.min.css +9 -0
- data/formantic-ui/components/dimmer.css +367 -0
- data/formantic-ui/components/dimmer.js +732 -0
- data/formantic-ui/components/dimmer.min.css +9 -0
- data/formantic-ui/components/dimmer.min.js +11 -0
- data/formantic-ui/components/divider.css +287 -0
- data/formantic-ui/components/divider.min.css +9 -0
- data/formantic-ui/components/dropdown.css +2087 -0
- data/formantic-ui/components/dropdown.js +4432 -0
- data/formantic-ui/components/dropdown.min.css +9 -0
- data/formantic-ui/components/dropdown.min.js +11 -0
- data/formantic-ui/components/embed.css +155 -0
- data/formantic-ui/components/embed.js +688 -0
- data/formantic-ui/components/embed.min.css +9 -0
- data/formantic-ui/components/embed.min.js +11 -0
- data/formantic-ui/components/emoji.css +15311 -0
- data/formantic-ui/components/emoji.min.css +9 -0
- data/formantic-ui/components/feed.css +799 -0
- data/formantic-ui/components/feed.min.css +9 -0
- data/formantic-ui/components/flag.css +1149 -0
- data/formantic-ui/components/flag.min.css +9 -0
- data/formantic-ui/components/flyout.css +546 -0
- data/formantic-ui/components/flyout.js +1551 -0
- data/formantic-ui/components/flyout.min.css +9 -0
- data/formantic-ui/components/flyout.min.js +11 -0
- data/formantic-ui/components/form.css +1885 -0
- data/formantic-ui/components/form.js +2199 -0
- data/formantic-ui/components/form.min.css +9 -0
- data/formantic-ui/components/form.min.js +11 -0
- data/formantic-ui/components/grid.css +1952 -0
- data/formantic-ui/components/grid.min.css +9 -0
- data/formantic-ui/components/header.css +778 -0
- data/formantic-ui/components/header.min.css +9 -0
- data/formantic-ui/components/icon.css +7066 -0
- data/formantic-ui/components/icon.min.css +9 -0
- data/formantic-ui/components/image.css +315 -0
- data/formantic-ui/components/image.min.css +9 -0
- data/formantic-ui/components/input.css +1566 -0
- data/formantic-ui/components/input.min.css +9 -0
- data/formantic-ui/components/item.css +534 -0
- data/formantic-ui/components/item.min.css +9 -0
- data/formantic-ui/components/label.css +2114 -0
- data/formantic-ui/components/label.min.css +9 -0
- data/formantic-ui/components/list.css +955 -0
- data/formantic-ui/components/list.min.css +9 -0
- data/formantic-ui/components/loader.css +787 -0
- data/formantic-ui/components/loader.min.css +9 -0
- data/formantic-ui/components/menu.css +2131 -0
- data/formantic-ui/components/menu.min.css +9 -0
- data/formantic-ui/components/message.css +619 -0
- data/formantic-ui/components/message.min.css +9 -0
- data/formantic-ui/components/modal.css +779 -0
- data/formantic-ui/components/modal.js +1637 -0
- data/formantic-ui/components/modal.min.css +9 -0
- data/formantic-ui/components/modal.min.js +11 -0
- data/formantic-ui/components/nag.css +290 -0
- data/formantic-ui/components/nag.js +566 -0
- data/formantic-ui/components/nag.min.css +9 -0
- data/formantic-ui/components/nag.min.js +11 -0
- data/formantic-ui/components/placeholder.css +228 -0
- data/formantic-ui/components/placeholder.min.css +9 -0
- data/formantic-ui/components/popup.css +1184 -0
- data/formantic-ui/components/popup.js +1561 -0
- data/formantic-ui/components/popup.min.css +9 -0
- data/formantic-ui/components/popup.min.js +11 -0
- data/formantic-ui/components/progress.css +761 -0
- data/formantic-ui/components/progress.js +979 -0
- data/formantic-ui/components/progress.min.css +9 -0
- data/formantic-ui/components/progress.min.js +11 -0
- data/formantic-ui/components/rail.css +147 -0
- data/formantic-ui/components/rail.min.css +9 -0
- data/formantic-ui/components/rating.css +414 -0
- data/formantic-ui/components/rating.js +540 -0
- data/formantic-ui/components/rating.min.css +9 -0
- data/formantic-ui/components/rating.min.js +11 -0
- data/formantic-ui/components/reset.css +386 -0
- data/formantic-ui/components/reset.min.css +9 -0
- data/formantic-ui/components/reveal.css +277 -0
- data/formantic-ui/components/reveal.min.css +9 -0
- data/formantic-ui/components/search.css +541 -0
- data/formantic-ui/components/search.js +1641 -0
- data/formantic-ui/components/search.min.css +9 -0
- data/formantic-ui/components/search.min.js +11 -0
- data/formantic-ui/components/segment.css +1053 -0
- data/formantic-ui/components/segment.min.css +9 -0
- data/formantic-ui/components/shape.css +144 -0
- data/formantic-ui/components/shape.js +797 -0
- data/formantic-ui/components/shape.min.css +9 -0
- data/formantic-ui/components/shape.min.js +11 -0
- data/formantic-ui/components/sidebar.css +539 -0
- data/formantic-ui/components/sidebar.js +1054 -0
- data/formantic-ui/components/sidebar.min.css +9 -0
- data/formantic-ui/components/sidebar.min.js +11 -0
- data/formantic-ui/components/site.css +286 -0
- data/formantic-ui/components/site.js +455 -0
- data/formantic-ui/components/site.min.css +9 -0
- data/formantic-ui/components/site.min.js +11 -0
- data/formantic-ui/components/slider.css +926 -0
- data/formantic-ui/components/slider.js +1546 -0
- data/formantic-ui/components/slider.min.css +9 -0
- data/formantic-ui/components/slider.min.js +11 -0
- data/formantic-ui/components/state.js +697 -0
- data/formantic-ui/components/state.min.js +11 -0
- data/formantic-ui/components/statistic.css +586 -0
- data/formantic-ui/components/statistic.min.css +9 -0
- data/formantic-ui/components/step.css +1538 -0
- data/formantic-ui/components/step.min.css +9 -0
- data/formantic-ui/components/sticky.css +73 -0
- data/formantic-ui/components/sticky.js +917 -0
- data/formantic-ui/components/sticky.min.css +9 -0
- data/formantic-ui/components/sticky.min.js +11 -0
- data/formantic-ui/components/tab.css +84 -0
- data/formantic-ui/components/tab.js +967 -0
- data/formantic-ui/components/tab.min.css +9 -0
- data/formantic-ui/components/tab.min.js +11 -0
- data/formantic-ui/components/table.css +3473 -0
- data/formantic-ui/components/table.min.css +9 -0
- data/formantic-ui/components/text.css +155 -0
- data/formantic-ui/components/text.min.css +9 -0
- data/formantic-ui/components/toast.css +751 -0
- data/formantic-ui/components/toast.js +964 -0
- data/formantic-ui/components/toast.min.css +9 -0
- data/formantic-ui/components/toast.min.js +11 -0
- data/formantic-ui/components/transition.css +1148 -0
- data/formantic-ui/components/transition.js +1034 -0
- data/formantic-ui/components/transition.min.css +9 -0
- data/formantic-ui/components/transition.min.js +11 -0
- data/formantic-ui/components/visibility.js +1292 -0
- data/formantic-ui/components/visibility.min.js +11 -0
- data/formantic-ui/semantic.css +78485 -0
- data/formantic-ui/semantic.js +31036 -0
- data/formantic-ui/semantic.min.css +11 -0
- data/formantic-ui/semantic.min.js +11 -0
- data/formantic-ui/themes/basic/assets/fonts/LICENSE.txt +91 -0
- data/formantic-ui/themes/basic/assets/fonts/icons.woff +0 -0
- data/formantic-ui/themes/basic/assets/fonts/icons.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LICENSE_Lato.txt +94 -0
- data/formantic-ui/themes/default/assets/fonts/LICENSE_icons.txt +165 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Bold.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Italic.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Regular.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/brand-icons.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/brand-icons.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/icons.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/icons.woff2 +0 -0
- data/formantic-ui/themes/default/assets/fonts/outline-icons.woff +0 -0
- data/formantic-ui/themes/default/assets/fonts/outline-icons.woff2 +0 -0
- data/formantic-ui/themes/famfamfam/assets/images/flags.png +0 -0
- data/formantic-ui/themes/github/assets/fonts/LICENSE.txt +94 -0
- data/formantic-ui/themes/github/assets/fonts/octicons.woff +0 -0
- data/formantic-ui/themes/github/assets/fonts/octicons.woff2 +0 -0
- data/formantic-ui/themes/material/assets/fonts/LICENSE.txt +202 -0
- data/formantic-ui/themes/material/assets/fonts/icons.woff +0 -0
- data/formantic-ui/themes/material/assets/fonts/icons.woff2 +0 -0
- data/lib/ui/engine.rb +7 -2
- data/lib/ui/version.rb +1 -1
- metadata +205 -7
- data/app/components/link_component.rb +0 -23
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* # Fomantic-UI 2.9.4 - Menu
|
|
3
|
+
* https://github.com/fomantic/Fomantic-UI/
|
|
4
|
+
*
|
|
5
|
+
*
|
|
6
|
+
* Released under the MIT license
|
|
7
|
+
* https://opensource.org/licenses/MIT
|
|
8
|
+
*
|
|
9
|
+
*/.ui.menu{display:flex;margin:1rem 0;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";background:#fff;font-weight:400;border:1px solid rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem;min-height:2.85714286em}.ui.menu::after{content:"";display:block;height:0;clear:both;visibility:hidden}.ui.menu:first-child{margin-top:0}.ui.menu:last-child{margin-bottom:0}.ui.menu .menu{margin:0}.ui.menu:not(.vertical)>.menu{display:flex}.ui.menu:not(.vertical) .item{display:flex;align-items:center}.ui.menu .item{position:relative;vertical-align:middle;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent;flex:0 0 auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:0 0;padding:.92857143em 1.14285714em;text-transform:none;color:rgba(0,0,0,.87);font-weight:400;transition:background .1s ease,box-shadow .1s ease,color .1s ease}.ui.menu>.item:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.menu .item::before{position:absolute;content:"";top:0;right:0;height:100%;width:1px;background:rgba(34,36,38,.1)}.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child,.ui.menu .text.item>*{-webkit-user-select:text;-ms-user-select:text;user-select:text;line-height:1.3}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:last-child{margin-bottom:0}.ui.menu .item>i.icon{opacity:.9;float:none;margin:0 .35714286em 0 0}.ui.menu:not(.vertical) .item>.button{position:relative;top:0;margin:-.5em 0;padding-bottom:.78571429em;padding-top:.78571429em;font-size:1em}.ui.menu>.container,.ui.menu>.grid{display:flex;align-items:inherit;flex-direction:inherit}.ui.menu .item>.input{width:100%}.ui.menu:not(.vertical) .item>.input{position:relative;top:0;margin:-.5em 0}.ui.menu .item>.input input{font-size:1em;padding-top:.57142857em;padding-bottom:.57142857em}.ui.menu .header.item,.ui.vertical.menu .header.item{margin:0;background:"";text-transform:normal;font-weight:700}.ui.vertical.menu .item>.header:not(.ui){margin:0 0 .5em;font-size:1em;font-weight:700}.ui.menu .item>i.dropdown.icon{padding:0;float:right;margin:0 0 0 1em}.ui.menu .dropdown.item .menu{min-width:calc(100% - 1px);border-radius:0 0 .28571429rem .28571429rem;background:#fff;margin:0 0 0;box-shadow:0 1px 3px 0 rgba(0,0,0,.08)}.ui.menu .dropdown.item:not(.column) .menu{flex-direction:column}.ui.menu .ui.dropdown .menu>.item{margin:0;text-align:left;font-size:1em!important;padding:.78571429em 1.14285714em!important;background:0 0!important;color:rgba(0,0,0,.87)!important;text-transform:none!important;font-weight:400!important;box-shadow:none!important;transition:none!important}.ui.menu .ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown .menu>.selected.item{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown .menu>.active.item{background:rgba(0,0,0,.03)!important;font-weight:700!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown.item .menu .item:not(.filtered){display:block}.ui.menu .ui.dropdown .menu>.item>.icons,.ui.menu .ui.dropdown .menu>.item>i.icon:not(.dropdown){display:inline-block;font-size:1em!important;float:none;margin:0 .75em 0 0!important}.ui.secondary.menu .dropdown.item>.menu,.ui.text.menu .dropdown.item>.menu{border-radius:.28571429rem;margin-top:.35714286em}.ui.menu .pointing.dropdown.item .menu{margin-top:.75em}.ui.inverted.menu .search.dropdown.item>.search,.ui.inverted.menu .search.dropdown.item>.text{color:rgba(255,255,255,.9)}.ui.vertical.menu .dropdown.item>i.icon{float:right;content:"\f0da";margin-left:1em}.ui.vertical.menu .dropdown.item .menu{left:100%;min-width:0;min-width:max-content;margin:0;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);border-radius:0 .28571429rem .28571429rem .28571429rem}.ui.vertical.menu .dropdown.item.upward .menu{bottom:0}.ui.vertical.menu .dropdown.item:not(.upward) .menu{top:0}.ui.vertical.menu .active.dropdown.item{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.menu .dropdown.active.item{box-shadow:none}.ui.item.menu .dropdown .menu .item{width:100%}.ui.menu .item>.label:not(.floating){margin-left:1em;padding:.3em .78571429em}.ui.vertical.menu .item>.label{margin-top:-.15em;margin-bottom:-.15em;padding:.3em .78571429em}.ui.menu .item>.floating.label{padding:.3em .78571429em}.ui.menu .item>.label{background:#999;color:#fff}.ui.menu .item>.image.label img{margin:-.2833em .8em -.2833em -.8em;height:1.5666em}.ui.menu .item>img:not(.ui){display:inline-block;vertical-align:middle;margin:-.3em 0;width:2.5em}.ui.vertical.menu .item>img:not(.ui):only-child{display:block;max-width:100%;width:auto}.ui.menu .list .item::before{background:0 0!important}.ui.vertical.sidebar.menu>.item:first-child::before{display:block!important}.ui.vertical.sidebar.menu>.item::before{top:auto;bottom:0}@media only screen and (max-width:767.98px){.ui.menu>.ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}}@media only screen and (min-width:768px){.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child{border-left:1px solid rgba(34,36,38,.1)}.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.right.item:not(.borderless):last-child,.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.right.menu>.item:not(.borderless):last-child{border-right:1px solid rgba(34,36,38,.1)}}.ui.link.menu .item:hover,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover,.ui.menu a.item:hover{cursor:pointer;background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.link.menu .item:active,.ui.menu .link.item:active,.ui.menu a.item:active{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.menu .active.item{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);font-weight:400;box-shadow:none}.ui.menu .active.item>i.icon{opacity:1}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.ui.menu .item.disabled{cursor:default;background-color:transparent;color:rgba(40,40,40,.3);pointer-events:none}.ui.menu:not(.vertical) .left.item,.ui.menu:not(.vertical) .left.menu{display:flex;margin-right:auto!important}.ui.menu:not(.vertical) .right.item,.ui.menu:not(.vertical) .right.menu{display:flex;margin-left:auto!important}.ui.menu:not(.vertical) :not(.dropdown)>.left.menu,.ui.menu:not(.vertical) :not(.dropdown)>.right.menu{display:inherit}.ui.menu:not(.vertical) .center.item,.ui.menu:not(.vertical) .center.menu{display:flex;margin-left:auto!important;margin-right:auto!important}.ui.menu .right.item::before,.ui.menu .right.menu>.item::before{right:auto;left:0}.ui.menu .center.item:last-child::before,.ui.menu .center.menu>.item:last-child::before{display:none}.ui.vertical.menu{display:block;flex-direction:column;background:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui.vertical.menu .item{display:block;background:0 0;border-top:none;border-right:none}.ui.vertical.menu>.item:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.menu .item>.label{float:right;text-align:center}.ui.vertical.menu .item>i.icon,.ui.vertical.menu .item>i.icons{width:1.18em;float:right;margin:0 0 0 .5em}.ui.vertical.menu .item>.label+i.icon{float:none;margin:0 .5em 0 0}.ui.vertical.menu .item::before{position:absolute;content:"";top:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.vertical.menu .item:first-child::before{display:none!important}.ui.vertical.menu .item>.menu{margin:.5em -1.14285714em 0}.ui.vertical.menu .menu .item{background:0 0;padding:.5em 1.33333333em;font-size:.85714286em;color:rgba(0,0,0,.5)}.ui.vertical.menu .item .menu .link.item:hover,.ui.vertical.menu .item .menu a.item:hover{color:rgba(0,0,0,.85)}.ui.vertical.menu .menu .item::before{display:none}.ui.vertical.menu .active.item{background:rgba(0,0,0,.05);border-radius:0;box-shadow:none}.ui.vertical.menu>.active.item:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.menu>.active.item:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.menu>.active.item:only-child{border-radius:.28571429rem}.ui.vertical.menu .active.item .menu .active.item{border-left:none}.ui.vertical.menu .item .menu .active.item{background-color:transparent;font-weight:700;color:rgba(0,0,0,.95)}.ui.tabular.menu{border-radius:0;box-shadow:none!important;border:none;background:none transparent;border-bottom:1px solid #d4d4d5}.ui.tabular.fluid.menu{width:calc(100% + 2px)!important}.ui.tabular.menu .item{background:0 0;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;padding:.92857143em 1.42857143em;color:rgba(0,0,0,.87)}.ui.tabular.menu .item::before{display:none}.ui.tabular.menu .item:hover{background-color:transparent;color:rgba(0,0,0,.8)}.ui.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-top-width:1px;border-color:#d4d4d5;font-weight:700;margin-bottom:-1px;box-shadow:none;border-radius:.28571429rem .28571429rem 0 0!important}.ui.tabular.menu .active.item:hover{cursor:default}.ui.tabular.menu~.attached:not(.top).segment{border-top:none;margin-left:0;margin-top:0;margin-right:0;width:100%}.top.attached.segment+.ui.bottom.tabular.menu{position:relative;width:calc(100% + 2px);left:-1px}.ui.bottom.tabular.menu{background:none transparent;border-radius:0;box-shadow:none!important;border-bottom:none;border-top:1px solid #d4d4d5}.ui.bottom.tabular.menu .item{background:0 0;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:none}.ui.bottom.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:-1px 0 0 0;border-radius:0 0 .28571429rem .28571429rem!important}.ui.vertical.tabular.menu{background:none transparent;border-radius:0;box-shadow:none!important;border-bottom:none;border-right:1px solid #d4d4d5}.ui.vertical.tabular.menu .item{background:0 0;border-left:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-right:none}.ui.vertical.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:0 -1px 0 0;border-radius:.28571429rem 0 0 .28571429rem!important}.ui.vertical.right.tabular.menu{background:none transparent;border-radius:0;box-shadow:none!important;border-bottom:none;border-right:none;border-left:1px solid #d4d4d5}.ui.vertical.right.tabular.menu .item{background:0 0;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-left:none}.ui.vertical.right.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:0 0 0 -1px;border-radius:0 .28571429rem .28571429rem 0!important}.ui.tabular.menu .active.dropdown.item{margin-bottom:0;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;border-bottom:none}.ui.inverted.tabular.menu .active.item,.ui.inverted.tabular.menu .active.item:hover{background:none #1b1c1d;border-color:#555}.ui.inverted.tabular.menu .item:not(.active):hover{color:#fff;background:0 0;cursor:pointer}.ui.pagination.menu{margin:0;display:inline-flex;vertical-align:middle}.ui.pagination.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.compact.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.pagination.menu:not(.wrapping) .item:last-child::before{display:none}.ui.pagination.menu .item{min-width:3em;text-align:center}.ui.pagination.menu .icon.item i.icon{vertical-align:top}.ui.pagination.menu .active.item{border-top:none;padding-top:.92857143em;background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95);box-shadow:none}.ui.secondary.menu{background:0 0;margin-left:-.35714286em;margin-right:-.35714286em;border-radius:0;border:none;box-shadow:none}.ui.secondary.menu .item{align-self:center;box-shadow:none;border:none;padding:.78571429em .92857143em;margin:0 .35714286em;background:0 0;transition:color .1s ease;border-radius:.28571429rem}.ui.secondary.menu .item::before{display:none!important}.ui.secondary.menu .header.item{border-radius:0;border-right:none;background:none transparent}.ui.secondary.menu .item>img:not(.ui){margin:0}.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.menu .active.item{box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);border-radius:.28571429rem}.ui.secondary.menu .active.item:hover{box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.inverted.menu .link.item:not(.disabled),.ui.secondary.inverted.menu a.item:not(.disabled){color:rgba(255,255,255,.7)}.ui.secondary.inverted.menu .dropdown.item:hover,.ui.secondary.inverted.menu .link.item:hover,.ui.secondary.inverted.menu a.item:hover{background:rgba(255,255,255,.08);color:#fff}.ui.secondary.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff}.ui.secondary.item.menu{margin-left:0;margin-right:0}.ui.secondary.item.menu .item:last-child{margin-right:0}.ui.secondary.attached.menu{box-shadow:none}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu{margin:0 -.92857143em}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:.5em 1.33333333em}.ui.secondary.vertical.menu>.item{border:none;margin:0 0 .35714286em;border-radius:.28571429rem!important}.ui.secondary.vertical.menu>.header.item{border-radius:0}.ui.vertical.secondary.menu .item>.menu .item{background-color:transparent}.ui.secondary.inverted.menu{background-color:transparent}.ui.secondary.pointing.menu{margin-left:0;margin-right:0;border-bottom:2px solid rgba(34,36,38,.15)}.ui.secondary.pointing.menu .item{border-bottom:2px solid transparent;border-radius:0;align-self:flex-end;margin:0 0 -2px;padding:.85714286em 1.14285714em;transition:color .1s ease}.ui.secondary.pointing.menu .ui.dropdown .menu .item{border-bottom-width:0}.ui.secondary.pointing.menu .item>.label:not(.floating){margin-top:-.3em;margin-bottom:-.3em}.ui.secondary.pointing.menu .item>.circular.label{margin-top:-.5em;margin-bottom:-.5em}.ui.secondary.pointing.menu .header.item{color:rgba(0,0,0,.85)!important}.ui.secondary.pointing.menu .text.item{box-shadow:none!important}.ui.secondary.pointing.menu .item::after{display:none}.ui.secondary.pointing.menu .dropdown.item:hover,.ui.secondary.pointing.menu .link.item:hover,.ui.secondary.pointing.menu a.item:hover{background-color:transparent;color:rgba(0,0,0,.87)}.ui.secondary.pointing.menu .dropdown.item:active,.ui.secondary.pointing.menu .link.item:active,.ui.secondary.pointing.menu a.item:active{background-color:transparent;border-color:rgba(34,36,38,.15)}.ui.secondary.pointing.menu .active.item{background-color:transparent;box-shadow:none;border-color:currentColor;font-weight:700;color:rgba(0,0,0,.95)}.ui.secondary.pointing.menu .active.item:hover{border-color:currentColor;color:rgba(0,0,0,.95)}.ui.secondary.pointing.menu .active.dropdown.item{border-color:transparent}.ui.secondary.vertical.pointing.menu{border-bottom-width:0;border-right:2px solid rgba(34,36,38,.15)}.ui.secondary.vertical.pointing.menu .item{border-bottom:none;border-right:2px solid transparent;border-radius:0!important;margin:0 -2px 0 0}.ui.secondary.vertical.pointing.menu .active.item{border-color:currentColor}.ui.secondary.inverted.pointing.menu{border-color:rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu .item:not(.disabled){color:rgba(255,255,255,.9)}.ui.secondary.inverted.pointing.menu .header.item{color:#fff!important}.ui.secondary.inverted.pointing.menu .link.item:hover,.ui.secondary.inverted.pointing.menu a.item:hover{color:#fff}.ui.ui.secondary.inverted.pointing.menu .active.item{border-color:#fff;color:#fff;background-color:transparent}.ui.text.menu{background:none transparent;border-radius:0;box-shadow:none;border:none;margin:1em -.5em}.ui.text.menu .item{border-radius:0;box-shadow:none;align-self:center;margin:0;padding:.35714286em .5em;font-weight:400;color:rgba(0,0,0,.6);transition:opacity .1s ease}.ui.text.menu .item::before,.ui.text.menu .menu .item::before{display:none!important}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(0,0,0,.85);font-size:.92857143em;text-transform:uppercase;font-weight:700}.ui.text.menu .item>img:not(.ui){margin:0}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1em 0}.ui.vertical.text.menu:first-child{margin-top:0}.ui.vertical.text.menu:last-child{margin-bottom:0}.ui.vertical.text.menu .item{margin:.57142857em 0;padding-left:0;padding-right:0}.ui.vertical.text.menu .item>i.icon{float:none;margin:0 .35714286em 0 0}.ui.vertical.text.menu .header.item{margin:.57142857em 0 .71428571em}.ui.vertical.text.menu .item:not(.dropdown)>.menu{margin:0}.ui.vertical.text.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:.5em 0}.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;border:none;box-shadow:none;font-weight:400;color:rgba(0,0,0,.95)}.ui.text.menu .active.item:hover{background-color:transparent}.ui.text.pointing.menu .active.item::after{box-shadow:none}.ui.text.attached.menu{box-shadow:none}.ui.inverted.text.menu,.ui.inverted.text.menu .active.item,.ui.inverted.text.menu .item,.ui.inverted.text.menu .item:hover{background-color:transparent}.ui.fluid.text.menu{margin-left:0;margin-right:0}.ui.vertical.icon.menu{display:inline-block;width:auto}.ui.icon.menu .item{height:auto;text-align:center;color:#1b1c1d}.ui.icon.menu .item>i.icon:not(.dropdown){margin:0;opacity:1}.ui.icon.menu i.icon::before{opacity:1}.ui.menu .icon.item>i.icon{width:auto;margin:0 auto}.ui.vertical.icon.menu .item>i.icon:not(.dropdown){display:block;opacity:1;margin:0 auto;float:none}.ui.inverted.icon.menu .item{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .item{min-width:6em;flex-direction:column}.ui.labeled.icon.menu>.item>i.icon:not(.dropdown),.ui.labeled.icon.menu>.right.menu>.item>i.icon:not(.dropdown){height:1em;display:block;font-size:1.71428571em!important;margin:0 auto .5rem!important}.ui.fluid.labeled.icon.menu>.item{min-width:0}@media only screen and (max-width:767.98px){.ui.stackable.menu{flex-direction:column}.ui.stackable.menu.pointing .active.item::after{display:none}.ui.stackable.menu .item{width:100%!important}.ui.stackable.menu .item::before{position:absolute;content:"";top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.stackable.menu .left.item,.ui.stackable.menu .left.menu{margin-right:0!important}.ui.stackable.menu .right.item,.ui.stackable.menu .right.menu{margin-left:0!important}.ui.stackable.menu .center.item,.ui.stackable.menu .center.menu{margin-left:0!important;margin-right:0!important}.ui.stackable.menu .center.menu,.ui.stackable.menu .left.menu,.ui.stackable.menu .right.menu{flex-direction:column}}.ui.ui.primary.menu .active.item,.ui.ui.primary.menu .active.item:hover,.ui.ui.ui.menu .primary.active.item{color:#2185d0}.ui.ui.red.menu .active.item,.ui.ui.red.menu .active.item:hover,.ui.ui.ui.menu .red.active.item{color:#db2828}.ui.ui.orange.menu .active.item,.ui.ui.orange.menu .active.item:hover,.ui.ui.ui.menu .orange.active.item{color:#f2711c}.ui.ui.ui.menu .yellow.active.item,.ui.ui.yellow.menu .active.item,.ui.ui.yellow.menu .active.item:hover{color:#fbbd08}.ui.ui.olive.menu .active.item,.ui.ui.olive.menu .active.item:hover,.ui.ui.ui.menu .olive.active.item{color:#b5cc18}.ui.ui.green.menu .active.item,.ui.ui.green.menu .active.item:hover,.ui.ui.ui.menu .green.active.item{color:#21ba45}.ui.ui.teal.menu .active.item,.ui.ui.teal.menu .active.item:hover,.ui.ui.ui.menu .teal.active.item{color:#00b5ad}.ui.ui.blue.menu .active.item,.ui.ui.blue.menu .active.item:hover,.ui.ui.ui.menu .blue.active.item{color:#2185d0}.ui.ui.ui.menu .violet.active.item,.ui.ui.violet.menu .active.item,.ui.ui.violet.menu .active.item:hover{color:#6435c9}.ui.ui.purple.menu .active.item,.ui.ui.purple.menu .active.item:hover,.ui.ui.ui.menu .purple.active.item{color:#a333c8}.ui.ui.pink.menu .active.item,.ui.ui.pink.menu .active.item:hover,.ui.ui.ui.menu .pink.active.item{color:#e03997}.ui.ui.brown.menu .active.item,.ui.ui.brown.menu .active.item:hover,.ui.ui.ui.menu .brown.active.item{color:#a5673f}.ui.ui.grey.menu .active.item,.ui.ui.grey.menu .active.item:hover,.ui.ui.ui.menu .grey.active.item{color:#767676}.ui.ui.black.menu .active.item,.ui.ui.black.menu .active.item:hover,.ui.ui.ui.menu .black.active.item{color:#1b1c1d}.ui.inverted.menu{border:0 solid transparent;background:#1b1c1d;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a:not(.ui){background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.menu .item.menu{background:0 0}.ui.inverted.menu .item::before{background:rgba(255,255,255,.08)}.ui.vertical.inverted.menu .item::before{background:rgba(255,255,255,.08)}.ui.vertical.inverted.menu .menu .item,.ui.vertical.inverted.menu .menu .item a:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.menu .header.item{margin:0;background:0 0;box-shadow:none}.ui.ui.inverted.menu .item.disabled{color:rgba(225,225,225,.3)}.ui.inverted.menu .dropdown.item:hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.link.inverted.menu .item:hover{background:rgba(255,255,255,.08);color:#fff}.ui.vertical.inverted.menu .item .menu .link.item:hover,.ui.vertical.inverted.menu .item .menu a.item:hover{background:0 0;color:#fff}.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.menu .active.item{background:#3d3e3f;color:#fff!important}.ui.inverted.vertical.menu .item .menu .active.item{background:0 0;color:#fff}.ui.inverted.pointing.menu .active.item::after{background:#3d3e3f;margin:0!important;box-shadow:none!important;border:none!important}.ui.inverted.menu .active.item:hover{background:#3d3e3f;color:#fff!important}.ui.inverted.pointing.menu .active.item:hover::after{background:#3d3e3f}.ui.floated.menu{float:left;margin:0 .5rem 0 0}.ui.floated.menu .item:last-child::before{display:none}.ui.right.floated.menu{float:right;margin:0 0 0 .5rem}.ui.center.aligned.menu:not(.fluid),.ui.centered.menu:not(.fluid){display:inline-flex;transform:translateX(-50%);margin-left:50%}.ui.center.aligned.menu .item,.ui.centered.menu .item{flex:1 0 auto;justify-content:center}.ui.ui.inverted.primary.menu,.ui.ui.ui.inverted.menu .primary.active.item{background-color:#2185d0}.ui.inverted.primary.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.primary.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.primary.menu .active.item{background-color:#1678c2}.ui.ui.inverted.red.menu,.ui.ui.ui.inverted.menu .red.active.item{background-color:#db2828}.ui.inverted.red.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.red.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.red.menu .active.item{background-color:#d01919}.ui.ui.inverted.orange.menu,.ui.ui.ui.inverted.menu .orange.active.item{background-color:#f2711c}.ui.inverted.orange.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.orange.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.orange.menu .active.item{background-color:#f26202}.ui.ui.inverted.yellow.menu,.ui.ui.ui.inverted.menu .yellow.active.item{background-color:#fbbd08}.ui.inverted.yellow.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.yellow.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.yellow.menu .active.item{background-color:#eaae00}.ui.ui.inverted.olive.menu,.ui.ui.ui.inverted.menu .olive.active.item{background-color:#b5cc18}.ui.inverted.olive.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.olive.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.olive.menu .active.item{background-color:#a7bd0d}.ui.ui.inverted.green.menu,.ui.ui.ui.inverted.menu .green.active.item{background-color:#21ba45}.ui.inverted.green.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.green.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.green.menu .active.item{background-color:#16ab39}.ui.ui.inverted.teal.menu,.ui.ui.ui.inverted.menu .teal.active.item{background-color:#00b5ad}.ui.inverted.teal.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.teal.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.teal.menu .active.item{background-color:#009c95}.ui.ui.inverted.blue.menu,.ui.ui.ui.inverted.menu .blue.active.item{background-color:#2185d0}.ui.inverted.blue.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.blue.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.blue.menu .active.item{background-color:#1678c2}.ui.ui.inverted.violet.menu,.ui.ui.ui.inverted.menu .violet.active.item{background-color:#6435c9}.ui.inverted.violet.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.violet.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.violet.menu .active.item{background-color:#5829bb}.ui.ui.inverted.purple.menu,.ui.ui.ui.inverted.menu .purple.active.item{background-color:#a333c8}.ui.inverted.purple.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.purple.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.purple.menu .active.item{background-color:#9627ba}.ui.ui.inverted.pink.menu,.ui.ui.ui.inverted.menu .pink.active.item{background-color:#e03997}.ui.inverted.pink.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.pink.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.pink.menu .active.item{background-color:#e61a8d}.ui.ui.inverted.brown.menu,.ui.ui.ui.inverted.menu .brown.active.item{background-color:#a5673f}.ui.inverted.brown.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.brown.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.brown.menu .active.item{background-color:#975b33}.ui.ui.inverted.grey.menu,.ui.ui.ui.inverted.menu .grey.active.item{background-color:#767676}.ui.inverted.grey.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.grey.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.grey.menu .active.item{background-color:#838383}.ui.ui.inverted.black.menu,.ui.ui.ui.inverted.menu .black.active.item{background-color:#1b1c1d}.ui.inverted.black.menu .item::before{background-color:rgba(34,36,38,.1)}.ui.ui.inverted.black.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.pointing.black.menu .active.item{background-color:#27292a}.ui.ui.ui.inverted.pointing.menu .active.item::after{background-color:inherit}.ui.fitted.menu .item,.ui.fitted.menu .item .menu .item,.ui.menu .fitted.item{padding:0}.ui.horizontally.fitted.menu .item,.ui.horizontally.fitted.menu .item .menu .item,.ui.menu .horizontally.fitted.item{padding-top:.92857143em;padding-bottom:.92857143em}.ui.menu .vertically.fitted.item,.ui.vertically.fitted.menu .item,.ui.vertically.fitted.menu .item .menu .item{padding-left:1.14285714em;padding-right:1.14285714em}.ui.borderless.menu .item .menu .item::before,.ui.borderless.menu .item::before,.ui.menu .borderless.item::before{background:0 0!important}.ui.compact.menu{display:inline-flex;margin:0;vertical-align:middle}.ui.compact.vertical.menu{display:-ms-inline-flexbox!important;display:inline-block}.ui.compact.menu:not(.secondary) .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.compact.menu .item:last-child::before{display:none}.ui.compact.vertical.menu{width:auto!important}.ui.compact.vertical.menu .item:last-child::before{display:block}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100%!important}.ui[class*="equal width"].menu>.item{flex:1}.ui.item.menu,.ui.item.menu .item,.ui[class*="equal width"].menu>.item{width:100%;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;text-align:center;justify-content:center}.ui.attached.item.menu:not(.tabular),.ui.attached[class*="equal width"].menu:not(.tabular){margin:0 -1px!important}.ui.item.menu .item:last-child::before,.ui[class*="equal width"].menu>.item:last-child::before{display:none}.ui.menu.two.item .item{width:50%}.ui.menu.three.item .item{width:33.333%}.ui.menu.four.item .item{width:25%}.ui.menu.five.item .item{width:20%}.ui.menu.six.item .item{width:16.666%}.ui.menu.seven.item .item{width:14.285%}.ui.menu.eight.item .item{width:12.5%}.ui.menu.nine.item .item{width:11.11%}.ui.menu.ten.item .item{width:10%}.ui.menu.eleven.item .item{width:9.09%}.ui.menu.twelve.item .item{width:8.333%}.ui.menu.fixed{position:fixed;z-index:101;margin:0;width:100%}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{border-radius:0!important}.ui.fixed.menu,.ui[class*="top fixed"].menu{top:0;left:0;right:auto;bottom:auto}.ui[class*="top fixed"].menu{border-top:none;border-left:none;border-right:none}.ui[class*="right fixed"].menu{border-top:none;border-bottom:none;border-right:none;top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui[class*="bottom fixed"].menu{border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;top:auto;right:auto}.ui[class*="left fixed"].menu{border-top:none;border-bottom:none;border-left:none;top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.fixed.menu+.ui.grid{padding-top:2.75rem}.ui.pointing.menu .item::after{visibility:hidden;position:absolute;content:"";top:100%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);background:0 0;margin:.5px 0 0;width:.57142857em;height:.57142857em;border:none;border-bottom:1px solid #d4d4d5;border-right:1px solid #d4d4d5;z-index:2;transition:background .1s ease}.ui.vertical.pointing.menu .item::after{position:absolute;top:50%;right:0;bottom:auto;left:auto;transform:translateX(50%) translateY(-50%) rotate(45deg);margin:0 -.5px 0 0;border:none;border-top:1px solid #d4d4d5;border-right:1px solid #d4d4d5}.ui.pointing.menu .ui.dropdown .menu .item::after,.ui.vertical.pointing.menu .ui.dropdown .menu .item::after{display:none}.ui.pointing.menu .active.item::after{visibility:visible}.ui.pointing.menu .active.dropdown.item::after{visibility:hidden}.ui.pointing.menu .active.item .menu .active.item::after,.ui.pointing.menu .dropdown.active.item::after{display:none}.ui.pointing.menu .active.item:hover::after{background-color:#f2f2f2}.ui.pointing.menu .active.item::after{background-color:#f2f2f2}.ui.pointing.menu .active.item:hover::after{background-color:#f2f2f2}.ui.vertical.pointing.menu .active.item:hover::after{background-color:#f2f2f2}.ui.vertical.pointing.menu .active.item::after{background-color:#f2f2f2}.ui.vertical.pointing.menu .menu .active.item::after{background-color:#fff}@media only screen and (max-width:767.98px){.ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after{display:none}}.ui.inverted.pointing.menu .primary.active.item::after{background-color:#2185d0}.ui.inverted.pointing.menu .secondary.active.item::after{background-color:#1b1c1d}.ui.inverted.pointing.menu .red.active.item::after{background-color:#db2828}.ui.inverted.pointing.menu .orange.active.item::after{background-color:#f2711c}.ui.inverted.pointing.menu .yellow.active.item::after{background-color:#fbbd08}.ui.inverted.pointing.menu .olive.active.item::after{background-color:#b5cc18}.ui.inverted.pointing.menu .green.active.item::after{background-color:#21ba45}.ui.inverted.pointing.menu .teal.active.item::after{background-color:#00b5ad}.ui.inverted.pointing.menu .blue.active.item::after{background-color:#2185d0}.ui.inverted.pointing.menu .violet.active.item::after{background-color:#6435c9}.ui.inverted.pointing.menu .purple.active.item::after{background-color:#a333c8}.ui.inverted.pointing.menu .pink.active.item::after{background-color:#e03997}.ui.inverted.pointing.menu .brown.active.item::after{background-color:#a5673f}.ui.inverted.pointing.menu .grey.active.item::after{background-color:#767676}.ui.inverted.pointing.menu .black.active.item::after{background-color:#1b1c1d}.ui.attached.menu{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);box-shadow:none}.ui.attached+.ui.attached.menu:not(.top){border-top:none}.ui[class*="top attached"].menu{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.menu[class*="top attached"]:first-child{margin-top:0}.ui[class*="bottom attached"].menu{bottom:0;margin-top:0;top:0;margin-bottom:1rem;box-shadow:none;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].menu:last-child{margin-bottom:0}.ui.top.attached.menu>.item:first-child{border-radius:.28571429rem 0 0 0}.ui.bottom.attached.menu>.item:first-child{border-radius:0 0 0 .28571429rem}.ui.attached.menu:not(.tabular):not(.text){border:1px solid #d4d4d5}.ui.attached.inverted.menu{border:none}.ui[class*="top attached"].inverted.tabular.menu{border-bottom:1px solid #555}.ui.attached.tabular.menu{margin-left:0;margin-right:0;width:100%}.ui.wrapping.menu{flex-wrap:wrap}.ui.wrapping.menu .item::before{right:auto;left:0}.ui.wrapping.menu .item:first-child::before{display:none}.ui.wrapping.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:last-child,.ui.wrapping.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:last-of-type{border-right:1px solid rgba(34,36,38,.1)}.ui.wrapped.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:first-child{border-bottom-left-radius:0}.ui.wrapped.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) .item:last-child{border-top-right-radius:0}.ui.menu{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.mini.menu,.ui.mini.menu .dropdown,.ui.mini.menu .dropdown .menu>.item{font-size:.78571429rem}.ui.mini.vertical.menu:not(.icon){width:9rem}.ui.tiny.menu,.ui.tiny.menu .dropdown,.ui.tiny.menu .dropdown .menu>.item{font-size:.85714286rem}.ui.tiny.vertical.menu:not(.icon){width:11rem}.ui.small.menu,.ui.small.menu .dropdown,.ui.small.menu .dropdown .menu>.item{font-size:.92857143rem}.ui.small.vertical.menu:not(.icon){width:13rem}.ui.large.menu,.ui.large.menu .dropdown,.ui.large.menu .dropdown .menu>.item{font-size:1.07142857rem}.ui.large.vertical.menu:not(.icon){width:18rem}.ui.big.menu,.ui.big.menu .dropdown,.ui.big.menu .dropdown .menu>.item{font-size:1.14285714rem}.ui.big.vertical.menu:not(.icon){width:20rem}.ui.huge.menu,.ui.huge.menu .dropdown,.ui.huge.menu .dropdown .menu>.item{font-size:1.21428571rem}.ui.huge.vertical.menu:not(.icon){width:22rem}.ui.massive.menu,.ui.massive.menu .dropdown,.ui.massive.menu .dropdown .menu>.item{font-size:1.28571429rem}.ui.massive.vertical.menu:not(.icon){width:25rem}.ui.menu .ui.inverted.inverted.dropdown.item .menu{background:#1b1c1d;box-shadow:none}.ui.menu .ui.inverted.dropdown .menu>.item{color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.active.item{background:0 0!important;color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.item:hover{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.selected.item{background:rgba(255,255,255,.15)!important;color:rgba(255,255,255,.8)!important}.ui.vertical.menu .inverted.dropdown.item .menu{box-shadow:none}
|
|
@@ -0,0 +1,619 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* # Fomantic-UI 2.9.4 - Message
|
|
3
|
+
* https://github.com/fomantic/Fomantic-UI/
|
|
4
|
+
*
|
|
5
|
+
*
|
|
6
|
+
* Released under the MIT license
|
|
7
|
+
* https://opensource.org/licenses/MIT
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
/*******************************
|
|
13
|
+
Message
|
|
14
|
+
*******************************/
|
|
15
|
+
|
|
16
|
+
.ui.message {
|
|
17
|
+
position: relative;
|
|
18
|
+
min-height: 1em;
|
|
19
|
+
margin: 1em 0;
|
|
20
|
+
background: #f8f8f9;
|
|
21
|
+
padding: 1em 1.5em;
|
|
22
|
+
line-height: 1.4285em;
|
|
23
|
+
color: rgba(0, 0, 0, 0.87);
|
|
24
|
+
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
|
|
25
|
+
border-radius: 0.28571429rem;
|
|
26
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
27
|
+
}
|
|
28
|
+
.ui.message:first-child {
|
|
29
|
+
margin-top: 0;
|
|
30
|
+
}
|
|
31
|
+
.ui.message:last-child {
|
|
32
|
+
margin-bottom: 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/* --------------
|
|
36
|
+
Content
|
|
37
|
+
--------------- */
|
|
38
|
+
|
|
39
|
+
/* Header */
|
|
40
|
+
.ui.message .header {
|
|
41
|
+
display: block;
|
|
42
|
+
font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
43
|
+
font-weight: bold;
|
|
44
|
+
margin: -0.14285714em 0 0 0;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/* Default font size */
|
|
48
|
+
.ui.message .header:not(.ui) {
|
|
49
|
+
font-size: 1.14285714em;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* Paragraph */
|
|
53
|
+
.ui.message p {
|
|
54
|
+
opacity: 0.85;
|
|
55
|
+
margin: 0.75em 0;
|
|
56
|
+
}
|
|
57
|
+
.ui.message p:first-child {
|
|
58
|
+
margin-top: 0;
|
|
59
|
+
}
|
|
60
|
+
.ui.message p:last-child {
|
|
61
|
+
margin-bottom: 0;
|
|
62
|
+
}
|
|
63
|
+
.ui.message .header + p {
|
|
64
|
+
margin-top: 0.25em;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* List */
|
|
68
|
+
.ui.message .list:not(.ui) {
|
|
69
|
+
text-align: left;
|
|
70
|
+
padding: 0;
|
|
71
|
+
opacity: 0.85;
|
|
72
|
+
list-style-position: inside;
|
|
73
|
+
margin: 0.5em 0 0;
|
|
74
|
+
}
|
|
75
|
+
.ui.message .list:not(.ui):first-child {
|
|
76
|
+
margin-top: 0;
|
|
77
|
+
}
|
|
78
|
+
.ui.message .list:not(.ui):last-child {
|
|
79
|
+
margin-bottom: 0;
|
|
80
|
+
}
|
|
81
|
+
.ui.message .list:not(.ui) li {
|
|
82
|
+
position: relative;
|
|
83
|
+
list-style-type: none;
|
|
84
|
+
margin: 0 0 0.3em 1em;
|
|
85
|
+
padding: 0;
|
|
86
|
+
}
|
|
87
|
+
.ui.message .list:not(.ui) li::before {
|
|
88
|
+
position: absolute;
|
|
89
|
+
content: "•";
|
|
90
|
+
left: -1em;
|
|
91
|
+
height: 100%;
|
|
92
|
+
vertical-align: baseline;
|
|
93
|
+
}
|
|
94
|
+
.ui.message .list:not(.ui) li:last-child {
|
|
95
|
+
margin-bottom: 0;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/* Icon */
|
|
99
|
+
.ui.icon.message > .icons,
|
|
100
|
+
.ui.icon.message > i.icon {
|
|
101
|
+
margin-right: 0.6em;
|
|
102
|
+
}
|
|
103
|
+
.ui.icon.message > .icons:last-child,
|
|
104
|
+
.ui.icon.message > i.icon:last-child {
|
|
105
|
+
margin: 0 0 0 0.6em;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/* Close Icon */
|
|
109
|
+
.ui.message > .close.icon {
|
|
110
|
+
cursor: pointer;
|
|
111
|
+
position: absolute;
|
|
112
|
+
margin: 0;
|
|
113
|
+
top: 0.78575em;
|
|
114
|
+
right: 0.5em;
|
|
115
|
+
opacity: 0.7;
|
|
116
|
+
transition: opacity 0.1s ease;
|
|
117
|
+
}
|
|
118
|
+
.ui.message > .close.icon:hover {
|
|
119
|
+
opacity: 1;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/* First / Last Element */
|
|
123
|
+
.ui.message > :first-child {
|
|
124
|
+
margin-top: 0;
|
|
125
|
+
}
|
|
126
|
+
.ui.message > :last-child {
|
|
127
|
+
margin-bottom: 0;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
/*******************************
|
|
132
|
+
Coupling
|
|
133
|
+
*******************************/
|
|
134
|
+
|
|
135
|
+
.ui.dropdown .menu > .message {
|
|
136
|
+
margin: 0 -1px;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
/*******************************
|
|
141
|
+
States
|
|
142
|
+
*******************************/
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
/* --------------
|
|
146
|
+
Visible
|
|
147
|
+
--------------- */
|
|
148
|
+
.ui.visible.visible.visible.visible.message {
|
|
149
|
+
display: block;
|
|
150
|
+
}
|
|
151
|
+
.ui.icon.visible.visible.visible.visible.message {
|
|
152
|
+
display: flex;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
/* --------------
|
|
156
|
+
Hidden
|
|
157
|
+
--------------- */
|
|
158
|
+
.ui.hidden.hidden.hidden.hidden.message {
|
|
159
|
+
display: none;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
/*******************************
|
|
164
|
+
Variations
|
|
165
|
+
*******************************/
|
|
166
|
+
|
|
167
|
+
.ui.centered.message,
|
|
168
|
+
.ui.center.aligned.message {
|
|
169
|
+
text-align: center;
|
|
170
|
+
justify-content: center;
|
|
171
|
+
}
|
|
172
|
+
.ui.centered.message > .content,
|
|
173
|
+
.ui.center.aligned.message > .content {
|
|
174
|
+
flex: 0 0 auto;
|
|
175
|
+
}
|
|
176
|
+
.ui.right.aligned.message {
|
|
177
|
+
text-align: right;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
/* --------------
|
|
181
|
+
Compact
|
|
182
|
+
--------------- */
|
|
183
|
+
.ui.compact.message {
|
|
184
|
+
display: inline-block;
|
|
185
|
+
max-width: 100%;
|
|
186
|
+
}
|
|
187
|
+
.ui.compact.icon.message {
|
|
188
|
+
display: inline-flex;
|
|
189
|
+
width: auto;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
/* --------------
|
|
193
|
+
Attached
|
|
194
|
+
--------------- */
|
|
195
|
+
.ui.attached.message {
|
|
196
|
+
margin-bottom: -1px;
|
|
197
|
+
border-radius: 0.28571429rem 0.28571429rem 0 0;
|
|
198
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
|
|
199
|
+
margin-left: -1px;
|
|
200
|
+
margin-right: -1px;
|
|
201
|
+
}
|
|
202
|
+
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
|
|
203
|
+
margin-top: -1px;
|
|
204
|
+
border-radius: 0;
|
|
205
|
+
}
|
|
206
|
+
.ui.bottom.attached.message {
|
|
207
|
+
margin-top: -1px;
|
|
208
|
+
border-radius: 0 0 0.28571429rem 0.28571429rem;
|
|
209
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15);
|
|
210
|
+
}
|
|
211
|
+
.ui.bottom.attached.message:not(:last-child) {
|
|
212
|
+
margin-bottom: 1em;
|
|
213
|
+
}
|
|
214
|
+
.ui.attached.icon.message {
|
|
215
|
+
width: auto;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
/* --------------
|
|
219
|
+
Icon
|
|
220
|
+
--------------- */
|
|
221
|
+
.ui.icon.message {
|
|
222
|
+
display: flex;
|
|
223
|
+
width: 100%;
|
|
224
|
+
align-items: center;
|
|
225
|
+
}
|
|
226
|
+
.ui.icon.message > .icons,
|
|
227
|
+
.ui.icon.message > i.icon:not(.close) {
|
|
228
|
+
display: block;
|
|
229
|
+
flex: 0 0 auto;
|
|
230
|
+
width: auto;
|
|
231
|
+
line-height: 1;
|
|
232
|
+
vertical-align: middle;
|
|
233
|
+
font-size: 3em;
|
|
234
|
+
opacity: 0.8;
|
|
235
|
+
}
|
|
236
|
+
.ui.icon.message > .content {
|
|
237
|
+
display: block;
|
|
238
|
+
flex: 1 1 auto;
|
|
239
|
+
vertical-align: middle;
|
|
240
|
+
}
|
|
241
|
+
.ui.icon.message > .icons + .content,
|
|
242
|
+
.ui.icon.message > i.icon:not(.close) + .content {
|
|
243
|
+
padding-left: 0;
|
|
244
|
+
}
|
|
245
|
+
.ui.icon.message > i.circular {
|
|
246
|
+
width: 1em;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
/* --------------
|
|
250
|
+
Floating
|
|
251
|
+
--------------- */
|
|
252
|
+
.ui.floating.message {
|
|
253
|
+
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
/* --------------
|
|
257
|
+
Colors
|
|
258
|
+
--------------- */
|
|
259
|
+
|
|
260
|
+
/* --------------
|
|
261
|
+
Types
|
|
262
|
+
--------------- */
|
|
263
|
+
|
|
264
|
+
/* Colors */
|
|
265
|
+
.ui.positive.message {
|
|
266
|
+
background-color: #fcfff5;
|
|
267
|
+
color: #2c662d;
|
|
268
|
+
}
|
|
269
|
+
.ui.positive.message,
|
|
270
|
+
.ui.attached.positive.message {
|
|
271
|
+
box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
272
|
+
}
|
|
273
|
+
.ui.floating.positive.message {
|
|
274
|
+
box-shadow: 0 0 0 1px #a3c293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
275
|
+
}
|
|
276
|
+
.ui.positive.message .header {
|
|
277
|
+
color: #1a531b;
|
|
278
|
+
}
|
|
279
|
+
.ui.inverted.positive.message,
|
|
280
|
+
.ui.inverted.positive.message .header {
|
|
281
|
+
color: #a3c293;
|
|
282
|
+
}
|
|
283
|
+
.ui.negative.message {
|
|
284
|
+
background-color: #fff6f6;
|
|
285
|
+
color: #9f3a38;
|
|
286
|
+
}
|
|
287
|
+
.ui.negative.message,
|
|
288
|
+
.ui.attached.negative.message {
|
|
289
|
+
box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
290
|
+
}
|
|
291
|
+
.ui.floating.negative.message {
|
|
292
|
+
box-shadow: 0 0 0 1px #e0b4b4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
293
|
+
}
|
|
294
|
+
.ui.negative.message .header {
|
|
295
|
+
color: #912d2b;
|
|
296
|
+
}
|
|
297
|
+
.ui.inverted.negative.message,
|
|
298
|
+
.ui.inverted.negative.message .header {
|
|
299
|
+
color: #e0b4b4;
|
|
300
|
+
}
|
|
301
|
+
.ui.error.message {
|
|
302
|
+
background-color: #fff6f6;
|
|
303
|
+
color: #9f3a38;
|
|
304
|
+
}
|
|
305
|
+
.ui.error.message,
|
|
306
|
+
.ui.attached.error.message {
|
|
307
|
+
box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
308
|
+
}
|
|
309
|
+
.ui.floating.error.message {
|
|
310
|
+
box-shadow: 0 0 0 1px #e0b4b4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
311
|
+
}
|
|
312
|
+
.ui.error.message .header {
|
|
313
|
+
color: #912d2b;
|
|
314
|
+
}
|
|
315
|
+
.ui.inverted.error.message,
|
|
316
|
+
.ui.inverted.error.message .header {
|
|
317
|
+
color: #ecd1d1;
|
|
318
|
+
}
|
|
319
|
+
.ui.info.message {
|
|
320
|
+
background-color: #f8ffff;
|
|
321
|
+
color: #276f86;
|
|
322
|
+
}
|
|
323
|
+
.ui.info.message,
|
|
324
|
+
.ui.attached.info.message {
|
|
325
|
+
box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
326
|
+
}
|
|
327
|
+
.ui.floating.info.message {
|
|
328
|
+
box-shadow: 0 0 0 1px #a9d5de inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
329
|
+
}
|
|
330
|
+
.ui.info.message .header {
|
|
331
|
+
color: #0e566c;
|
|
332
|
+
}
|
|
333
|
+
.ui.inverted.info.message,
|
|
334
|
+
.ui.inverted.info.message .header {
|
|
335
|
+
color: #c6e3e9;
|
|
336
|
+
}
|
|
337
|
+
.ui.success.message {
|
|
338
|
+
background-color: #fcfff5;
|
|
339
|
+
color: #2c662d;
|
|
340
|
+
}
|
|
341
|
+
.ui.success.message,
|
|
342
|
+
.ui.attached.success.message {
|
|
343
|
+
box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
344
|
+
}
|
|
345
|
+
.ui.floating.success.message {
|
|
346
|
+
box-shadow: 0 0 0 1px #a3c293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
347
|
+
}
|
|
348
|
+
.ui.success.message .header {
|
|
349
|
+
color: #1a531b;
|
|
350
|
+
}
|
|
351
|
+
.ui.inverted.success.message,
|
|
352
|
+
.ui.inverted.success.message .header {
|
|
353
|
+
color: #b9d1ad;
|
|
354
|
+
}
|
|
355
|
+
.ui.warning.message {
|
|
356
|
+
background-color: #fffaf3;
|
|
357
|
+
color: #573a08;
|
|
358
|
+
}
|
|
359
|
+
.ui.warning.message,
|
|
360
|
+
.ui.attached.warning.message {
|
|
361
|
+
box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
362
|
+
}
|
|
363
|
+
.ui.floating.warning.message {
|
|
364
|
+
box-shadow: 0 0 0 1px #c9ba9b inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
365
|
+
}
|
|
366
|
+
.ui.warning.message .header {
|
|
367
|
+
color: #794b02;
|
|
368
|
+
}
|
|
369
|
+
.ui.inverted.warning.message,
|
|
370
|
+
.ui.inverted.warning.message .header {
|
|
371
|
+
color: #d7ccb5;
|
|
372
|
+
}
|
|
373
|
+
.ui.primary.message {
|
|
374
|
+
background-color: #dff0ff;
|
|
375
|
+
color: rgba(255, 255, 255, 0.9);
|
|
376
|
+
}
|
|
377
|
+
.ui.primary.message,
|
|
378
|
+
.ui.attached.primary.message {
|
|
379
|
+
box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
380
|
+
}
|
|
381
|
+
.ui.floating.primary.message {
|
|
382
|
+
box-shadow: 0 0 0 1px #2185d0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
383
|
+
}
|
|
384
|
+
.ui.primary.message .header {
|
|
385
|
+
color: rgba(242, 242, 242, 0.9);
|
|
386
|
+
}
|
|
387
|
+
.ui.secondary.message {
|
|
388
|
+
background-color: #f4f4f4;
|
|
389
|
+
color: rgba(255, 255, 255, 0.9);
|
|
390
|
+
}
|
|
391
|
+
.ui.secondary.message,
|
|
392
|
+
.ui.attached.secondary.message {
|
|
393
|
+
box-shadow: 0 0 0 1px #1b1c1d inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
394
|
+
}
|
|
395
|
+
.ui.floating.secondary.message {
|
|
396
|
+
box-shadow: 0 0 0 1px #1b1c1d inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
397
|
+
}
|
|
398
|
+
.ui.secondary.message .header {
|
|
399
|
+
color: rgba(242, 242, 242, 0.9);
|
|
400
|
+
}
|
|
401
|
+
.ui.red.message {
|
|
402
|
+
background-color: #ffe8e6;
|
|
403
|
+
color: #db2828;
|
|
404
|
+
}
|
|
405
|
+
.ui.red.message,
|
|
406
|
+
.ui.attached.red.message {
|
|
407
|
+
box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
408
|
+
}
|
|
409
|
+
.ui.floating.red.message {
|
|
410
|
+
box-shadow: 0 0 0 1px #db2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
411
|
+
}
|
|
412
|
+
.ui.red.message .header {
|
|
413
|
+
color: #c82121;
|
|
414
|
+
}
|
|
415
|
+
.ui.orange.message {
|
|
416
|
+
background-color: #ffedde;
|
|
417
|
+
color: #f2711c;
|
|
418
|
+
}
|
|
419
|
+
.ui.orange.message,
|
|
420
|
+
.ui.attached.orange.message {
|
|
421
|
+
box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
422
|
+
}
|
|
423
|
+
.ui.floating.orange.message {
|
|
424
|
+
box-shadow: 0 0 0 1px #f2711c inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
425
|
+
}
|
|
426
|
+
.ui.orange.message .header {
|
|
427
|
+
color: #e7640d;
|
|
428
|
+
}
|
|
429
|
+
.ui.yellow.message {
|
|
430
|
+
background-color: #fff8db;
|
|
431
|
+
color: #b58105;
|
|
432
|
+
}
|
|
433
|
+
.ui.yellow.message,
|
|
434
|
+
.ui.attached.yellow.message {
|
|
435
|
+
box-shadow: 0 0 0 1px #b58105 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
436
|
+
}
|
|
437
|
+
.ui.floating.yellow.message {
|
|
438
|
+
box-shadow: 0 0 0 1px #b58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
439
|
+
}
|
|
440
|
+
.ui.yellow.message .header {
|
|
441
|
+
color: #9c6f04;
|
|
442
|
+
}
|
|
443
|
+
.ui.olive.message {
|
|
444
|
+
background-color: #fbfdef;
|
|
445
|
+
color: #8abc1e;
|
|
446
|
+
}
|
|
447
|
+
.ui.olive.message,
|
|
448
|
+
.ui.attached.olive.message {
|
|
449
|
+
box-shadow: 0 0 0 1px #8abc1e inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
450
|
+
}
|
|
451
|
+
.ui.floating.olive.message {
|
|
452
|
+
box-shadow: 0 0 0 1px #8abc1e inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
453
|
+
}
|
|
454
|
+
.ui.olive.message .header {
|
|
455
|
+
color: #7aa61a;
|
|
456
|
+
}
|
|
457
|
+
.ui.green.message {
|
|
458
|
+
background-color: #e5f9e7;
|
|
459
|
+
color: #1ebc30;
|
|
460
|
+
}
|
|
461
|
+
.ui.green.message,
|
|
462
|
+
.ui.attached.green.message {
|
|
463
|
+
box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
464
|
+
}
|
|
465
|
+
.ui.floating.green.message {
|
|
466
|
+
box-shadow: 0 0 0 1px #1ebc30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
467
|
+
}
|
|
468
|
+
.ui.green.message .header {
|
|
469
|
+
color: #1aa62a;
|
|
470
|
+
}
|
|
471
|
+
.ui.teal.message {
|
|
472
|
+
background-color: #e1f7f7;
|
|
473
|
+
color: #10a3a3;
|
|
474
|
+
}
|
|
475
|
+
.ui.teal.message,
|
|
476
|
+
.ui.attached.teal.message {
|
|
477
|
+
box-shadow: 0 0 0 1px #10a3a3 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
478
|
+
}
|
|
479
|
+
.ui.floating.teal.message {
|
|
480
|
+
box-shadow: 0 0 0 1px #10a3a3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
481
|
+
}
|
|
482
|
+
.ui.teal.message .header {
|
|
483
|
+
color: #0e8c8c;
|
|
484
|
+
}
|
|
485
|
+
.ui.blue.message {
|
|
486
|
+
background-color: #dff0ff;
|
|
487
|
+
color: #2185d0;
|
|
488
|
+
}
|
|
489
|
+
.ui.blue.message,
|
|
490
|
+
.ui.attached.blue.message {
|
|
491
|
+
box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
492
|
+
}
|
|
493
|
+
.ui.floating.blue.message {
|
|
494
|
+
box-shadow: 0 0 0 1px #2185d0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
495
|
+
}
|
|
496
|
+
.ui.blue.message .header {
|
|
497
|
+
color: #1e77ba;
|
|
498
|
+
}
|
|
499
|
+
.ui.violet.message {
|
|
500
|
+
background-color: #eae7ff;
|
|
501
|
+
color: #6435c9;
|
|
502
|
+
}
|
|
503
|
+
.ui.violet.message,
|
|
504
|
+
.ui.attached.violet.message {
|
|
505
|
+
box-shadow: 0 0 0 1px #6435c9 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
506
|
+
}
|
|
507
|
+
.ui.floating.violet.message {
|
|
508
|
+
box-shadow: 0 0 0 1px #6435c9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
509
|
+
}
|
|
510
|
+
.ui.violet.message .header {
|
|
511
|
+
color: #5a30b5;
|
|
512
|
+
}
|
|
513
|
+
.ui.purple.message {
|
|
514
|
+
background-color: #f6e7ff;
|
|
515
|
+
color: #a333c8;
|
|
516
|
+
}
|
|
517
|
+
.ui.purple.message,
|
|
518
|
+
.ui.attached.purple.message {
|
|
519
|
+
box-shadow: 0 0 0 1px #a333c8 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
520
|
+
}
|
|
521
|
+
.ui.floating.purple.message {
|
|
522
|
+
box-shadow: 0 0 0 1px #a333c8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
523
|
+
}
|
|
524
|
+
.ui.purple.message .header {
|
|
525
|
+
color: #922eb4;
|
|
526
|
+
}
|
|
527
|
+
.ui.pink.message {
|
|
528
|
+
background-color: #ffe3fb;
|
|
529
|
+
color: #e03997;
|
|
530
|
+
}
|
|
531
|
+
.ui.pink.message,
|
|
532
|
+
.ui.attached.pink.message {
|
|
533
|
+
box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
534
|
+
}
|
|
535
|
+
.ui.floating.pink.message {
|
|
536
|
+
box-shadow: 0 0 0 1px #e03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
537
|
+
}
|
|
538
|
+
.ui.pink.message .header {
|
|
539
|
+
color: #dd238b;
|
|
540
|
+
}
|
|
541
|
+
.ui.brown.message {
|
|
542
|
+
background-color: #f1e2d3;
|
|
543
|
+
color: #a5673f;
|
|
544
|
+
}
|
|
545
|
+
.ui.brown.message,
|
|
546
|
+
.ui.attached.brown.message {
|
|
547
|
+
box-shadow: 0 0 0 1px #a5673f inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
548
|
+
}
|
|
549
|
+
.ui.floating.brown.message {
|
|
550
|
+
box-shadow: 0 0 0 1px #a5673f inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
551
|
+
}
|
|
552
|
+
.ui.brown.message .header {
|
|
553
|
+
color: #935b38;
|
|
554
|
+
}
|
|
555
|
+
.ui.grey.message {
|
|
556
|
+
background-color: #f4f4f4;
|
|
557
|
+
color: #767676;
|
|
558
|
+
}
|
|
559
|
+
.ui.grey.message,
|
|
560
|
+
.ui.attached.grey.message {
|
|
561
|
+
box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0);
|
|
562
|
+
}
|
|
563
|
+
.ui.floating.grey.message {
|
|
564
|
+
box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
|
565
|
+
}
|
|
566
|
+
.ui.grey.message .header {
|
|
567
|
+
color: #696969;
|
|
568
|
+
}
|
|
569
|
+
.ui.black.message {
|
|
570
|
+
background-color: #1b1c1d;
|
|
571
|
+
color: rgba(255, 255, 255, 0.9);
|
|
572
|
+
}
|
|
573
|
+
.ui.black.message .header {
|
|
574
|
+
color: rgba(255, 255, 255, 0.9);
|
|
575
|
+
}
|
|
576
|
+
.ui.inverted.message {
|
|
577
|
+
background-color: #1b1c1d;
|
|
578
|
+
color: rgba(255, 255, 255, 0.9);
|
|
579
|
+
}
|
|
580
|
+
|
|
581
|
+
/* --------------
|
|
582
|
+
Sizes
|
|
583
|
+
--------------- */
|
|
584
|
+
.ui.message {
|
|
585
|
+
font-size: 1em;
|
|
586
|
+
}
|
|
587
|
+
.ui.mini.message {
|
|
588
|
+
font-size: 0.78571429em;
|
|
589
|
+
}
|
|
590
|
+
.ui.tiny.message {
|
|
591
|
+
font-size: 0.85714286em;
|
|
592
|
+
}
|
|
593
|
+
.ui.small.message {
|
|
594
|
+
font-size: 0.92857143em;
|
|
595
|
+
}
|
|
596
|
+
.ui.large.message {
|
|
597
|
+
font-size: 1.14285714em;
|
|
598
|
+
}
|
|
599
|
+
.ui.big.message {
|
|
600
|
+
font-size: 1.28571429em;
|
|
601
|
+
}
|
|
602
|
+
.ui.huge.message {
|
|
603
|
+
font-size: 1.42857143em;
|
|
604
|
+
}
|
|
605
|
+
.ui.massive.message {
|
|
606
|
+
font-size: 1.71428571em;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
|
|
610
|
+
/*******************************
|
|
611
|
+
Theme Overrides
|
|
612
|
+
*******************************/
|
|
613
|
+
|
|
614
|
+
|
|
615
|
+
|
|
616
|
+
/*******************************
|
|
617
|
+
Site Overrides
|
|
618
|
+
*******************************/
|
|
619
|
+
|