volt-semantic-ui 0.0.2 → 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +0 -0
- data/Gemfile +0 -0
- data/LICENSE.txt +0 -0
- data/README.md +0 -0
- data/Rakefile +0 -0
- data/app/semanticui/assets/css/semantic.min.css +3 -3
- data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.eot +0 -0
- data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.svg +0 -0
- data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.ttf +0 -0
- data/app/semanticui/assets/css/themes/basic/assets/fonts/icons.woff +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.eot +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.otf +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.svg +526 -465
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.ttf +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.woff +0 -0
- data/app/semanticui/assets/css/themes/default/assets/fonts/icons.woff2 +0 -0
- data/app/semanticui/assets/css/themes/default/assets/images/flags.png +0 -0
- data/app/semanticui/assets/js/components/accordion.css +256 -0
- data/app/semanticui/assets/js/components/accordion.js +578 -0
- data/app/semanticui/assets/js/components/accordion.min.css +10 -0
- data/app/semanticui/assets/js/components/accordion.min.js +11 -0
- data/app/semanticui/assets/js/components/ad.css +276 -0
- data/app/semanticui/assets/js/components/ad.min.css +10 -0
- data/app/semanticui/assets/js/components/api.js +871 -0
- data/app/semanticui/assets/js/components/api.min.js +11 -0
- data/app/semanticui/assets/js/components/breadcrumb.css +124 -0
- data/app/semanticui/assets/js/components/breadcrumb.min.css +10 -0
- data/app/semanticui/assets/js/components/button.css +2391 -0
- data/app/semanticui/assets/js/components/button.min.css +10 -0
- data/app/semanticui/assets/js/components/card.css +909 -0
- data/app/semanticui/assets/js/components/card.min.css +10 -0
- data/app/semanticui/assets/js/components/checkbox.css +513 -0
- data/app/semanticui/assets/js/components/checkbox.js +509 -0
- data/app/semanticui/assets/js/components/checkbox.min.css +10 -0
- data/app/semanticui/assets/js/components/checkbox.min.js +11 -0
- data/app/semanticui/assets/js/components/comment.css +259 -0
- data/app/semanticui/assets/js/components/comment.min.css +10 -0
- data/app/semanticui/assets/js/components/dimmer.css +186 -0
- data/app/semanticui/assets/js/components/dimmer.js +669 -0
- data/app/semanticui/assets/js/components/dimmer.min.css +10 -0
- data/app/semanticui/assets/js/components/dimmer.min.js +11 -0
- data/app/semanticui/assets/js/components/divider.css +241 -0
- data/app/semanticui/assets/js/components/divider.min.css +10 -0
- data/app/semanticui/assets/js/components/dropdown.css +1103 -0
- data/app/semanticui/assets/js/components/dropdown.js +1795 -0
- data/app/semanticui/assets/js/components/dropdown.min.css +10 -0
- data/app/semanticui/assets/js/components/dropdown.min.js +11 -0
- data/app/semanticui/assets/js/components/feed.css +276 -0
- data/app/semanticui/assets/js/components/feed.min.css +10 -0
- data/app/semanticui/assets/js/components/flag.css +1024 -0
- data/app/semanticui/assets/js/components/flag.min.css +10 -0
- data/app/semanticui/assets/js/components/form.css +891 -0
- data/app/semanticui/assets/js/components/form.js +1118 -0
- data/app/semanticui/assets/js/components/form.min.css +10 -0
- data/app/semanticui/assets/js/components/form.min.js +11 -0
- data/app/semanticui/assets/js/components/grid.css +1871 -0
- data/app/semanticui/assets/js/components/grid.min.css +10 -0
- data/app/semanticui/assets/js/components/header.css +596 -0
- data/app/semanticui/assets/js/components/header.min.css +10 -0
- data/app/semanticui/assets/js/components/icon.css +2467 -0
- data/app/semanticui/assets/js/components/icon.min.css +10 -0
- data/app/semanticui/assets/js/components/image.css +288 -0
- data/app/semanticui/assets/js/components/image.min.css +10 -0
- data/app/semanticui/assets/js/components/input.css +439 -0
- data/app/semanticui/assets/js/components/input.min.css +10 -0
- data/app/semanticui/assets/js/components/item.css +456 -0
- data/app/semanticui/assets/js/components/item.min.css +10 -0
- data/app/semanticui/assets/js/components/label.css +963 -0
- data/app/semanticui/assets/js/components/label.min.css +10 -0
- data/app/semanticui/assets/js/components/list.css +878 -0
- data/app/semanticui/assets/js/components/list.min.css +10 -0
- data/app/semanticui/assets/js/components/loader.css +284 -0
- data/app/semanticui/assets/js/components/loader.min.css +10 -0
- data/app/semanticui/assets/js/components/menu.css +1608 -0
- data/app/semanticui/assets/js/components/menu.min.css +10 -0
- data/app/semanticui/assets/js/components/message.css +421 -0
- data/app/semanticui/assets/js/components/message.min.css +10 -0
- data/app/semanticui/assets/js/components/modal.css +432 -0
- data/app/semanticui/assets/js/components/modal.js +860 -0
- data/app/semanticui/assets/js/components/modal.min.css +10 -0
- data/app/semanticui/assets/js/components/modal.min.js +11 -0
- data/app/semanticui/assets/js/components/nag.css +148 -0
- data/app/semanticui/assets/js/components/nag.js +477 -0
- data/app/semanticui/assets/js/components/nag.min.css +10 -0
- data/app/semanticui/assets/js/components/nag.min.js +11 -0
- data/app/semanticui/assets/js/components/popup.css +293 -0
- data/app/semanticui/assets/js/components/popup.js +1224 -0
- data/app/semanticui/assets/js/components/popup.min.css +10 -0
- data/app/semanticui/assets/js/components/popup.min.js +11 -0
- data/app/semanticui/assets/js/components/progress.css +461 -0
- data/app/semanticui/assets/js/components/progress.js +785 -0
- data/app/semanticui/assets/js/components/progress.min.css +10 -0
- data/app/semanticui/assets/js/components/progress.min.js +11 -0
- data/app/semanticui/assets/js/components/rail.css +124 -0
- data/app/semanticui/assets/js/components/rail.min.css +10 -0
- data/app/semanticui/assets/js/components/rating.css +251 -0
- data/app/semanticui/assets/js/components/rating.js +451 -0
- data/app/semanticui/assets/js/components/rating.min.css +10 -0
- data/app/semanticui/assets/js/components/rating.min.js +11 -0
- data/app/semanticui/assets/js/components/reset.css +429 -0
- data/app/semanticui/assets/js/components/reset.min.css +10 -0
- data/app/semanticui/assets/js/components/reveal.css +293 -0
- data/app/semanticui/assets/js/components/reveal.min.css +10 -0
- data/app/semanticui/assets/js/components/search.css +329 -0
- data/app/semanticui/assets/js/components/search.js +1096 -0
- data/app/semanticui/assets/js/components/search.min.css +10 -0
- data/app/semanticui/assets/js/components/search.min.js +11 -0
- data/app/semanticui/assets/js/components/segment.css +635 -0
- data/app/semanticui/assets/js/components/segment.min.css +10 -0
- data/app/semanticui/assets/js/components/shape.css +154 -0
- data/app/semanticui/assets/js/components/shape.js +830 -0
- data/app/semanticui/assets/js/components/shape.min.css +10 -0
- data/app/semanticui/assets/js/components/shape.min.js +11 -0
- data/app/semanticui/assets/js/components/sidebar.css +625 -0
- data/app/semanticui/assets/js/components/sidebar.js +1089 -0
- data/app/semanticui/assets/js/components/sidebar.min.css +10 -0
- data/app/semanticui/assets/js/components/sidebar.min.js +11 -0
- data/app/semanticui/assets/js/components/site.css +160 -0
- data/app/semanticui/assets/js/components/site.js +487 -0
- data/app/semanticui/assets/js/components/site.min.css +10 -0
- data/app/semanticui/assets/js/components/site.min.js +11 -0
- data/app/semanticui/assets/js/components/state.js +695 -0
- data/app/semanticui/assets/js/components/state.min.js +11 -0
- data/app/semanticui/assets/js/components/statistic.css +409 -0
- data/app/semanticui/assets/js/components/statistic.min.css +10 -0
- data/app/semanticui/assets/js/components/step.css +432 -0
- data/app/semanticui/assets/js/components/step.min.css +10 -0
- data/app/semanticui/assets/js/components/sticky.css +79 -0
- data/app/semanticui/assets/js/components/sticky.js +792 -0
- data/app/semanticui/assets/js/components/sticky.min.css +10 -0
- data/app/semanticui/assets/js/components/sticky.min.js +11 -0
- data/app/semanticui/assets/js/components/tab.css +92 -0
- data/app/semanticui/assets/js/components/tab.js +802 -0
- data/app/semanticui/assets/js/components/tab.min.css +10 -0
- data/app/semanticui/assets/js/components/tab.min.js +11 -0
- data/app/semanticui/assets/js/components/table.css +1000 -0
- data/app/semanticui/assets/js/components/table.min.css +10 -0
- data/app/semanticui/assets/js/components/transition.css +1990 -0
- data/app/semanticui/assets/js/components/transition.js +1038 -0
- data/app/semanticui/assets/js/components/transition.min.css +10 -0
- data/app/semanticui/assets/js/components/transition.min.js +11 -0
- data/app/semanticui/assets/js/components/video.css +125 -0
- data/app/semanticui/assets/js/components/video.js +540 -0
- data/app/semanticui/assets/js/components/video.min.css +10 -0
- data/app/semanticui/assets/js/components/video.min.js +11 -0
- data/app/semanticui/assets/js/components/visibility.js +1032 -0
- data/app/semanticui/assets/js/components/visibility.min.js +11 -0
- data/app/semanticui/assets/js/semantic.min.js +9 -9
- data/lib/volt/semanticui.rb +0 -0
- data/lib/volt/semanticui/version.rb +1 -1
- data/volt-semantic-ui-0.0.1.gem +0 -0
- data/volt-semanticui-0.0.1.gem +0 -0
- data/volt-semanticui.gemspec +0 -0
- metadata +141 -10
@@ -0,0 +1,10 @@
|
|
1
|
+
/*!
|
2
|
+
* # Semantic UI 1.11.4 - Menu
|
3
|
+
* http://github.com/semantic-org/semantic-ui/
|
4
|
+
*
|
5
|
+
*
|
6
|
+
* Copyright 2014 Contributors
|
7
|
+
* Released under the MIT license
|
8
|
+
* http://opensource.org/licenses/MIT
|
9
|
+
*
|
10
|
+
*/.ui.menu{margin:1rem 0;background:#fff;font-size:0;font-weight:400;box-shadow:0 0 0 1px rgba(39,41,43,.15),0 1px 2px 0 rgba(0,0,0,.05);border-radius:.2857rem}.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{font-size:0}.ui.menu .item{color:rgba(0,0,0,.8)}.ui.menu .item .item{color:rgba(0,0,0,.5)}.ui.menu .item .menu .link.item:hover,.ui.menu .item .menu a.item:hover{color:rgba(0,0,0,.85)}.ui.menu .item{position:relative;display:inline-block;padding:.78571em .95em;border-top:0 solid transparent;background:0 0;vertical-align:middle;line-height:1;text-decoration:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease}.ui.menu>.item:first-child{border-radius:.2857rem 0 0 .2857rem}.ui.menu:not(.vertical) .item.left,.ui.menu:not(.vertical) .menu.left{float:left}.ui.menu:not(.vertical) .item.right,.ui.menu:not(.vertical) .menu.right{float:right}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;width:1px;height:100%;background:-webkit-linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background:linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%)}.ui.menu>.right.menu:first-child{display:none}.ui.menu .item.right:before,.ui.menu .menu.right .item:before{right:auto;left:0}.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child,.ui.menu .text.item>*{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;line-height:1.3;color:rgba(0,0,0,.8)}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:last-child{margin-bottom:0}.ui.menu .item>i.icon{opacity:.75;float:none;margin:0 .25em 0 0}.ui.menu .item>i.dropdown.icon{float:right;margin-left:1em}.ui.menu:not(.vertical) .item>.button{position:relative;top:-.05em;margin:-.55em 0;padding-bottom:.55em;padding-top:.55em;font-size:.875em}.ui.menu .item>.input{width:100%}.ui.menu:not(.vertical) .item>.input{position:relative;top:0;margin:-.6em 0}.ui.menu .item>.input input{font-size:1em;padding-top:.4em;padding-bottom:.4em}.ui.menu .item>.input .button,.ui.menu .item>.input .label{padding-top:.4em;padding-bottom:.4em}.ui.small.menu .item>.input input{top:0;padding-top:.4em;padding-bottom:.4em}.ui.small.menu .item>.input .button,.ui.small.menu .item>.input .label{padding-top:.4em;padding-bottom:.4em}.ui.large.menu .item>.input input{top:-.125em;padding-bottom:.6em;padding-top:.6em}.ui.large.menu .item>.input .button,.ui.large.menu .item>.input .label{padding-top:.6em;padding-bottom:.6em}.ui.menu .header.item,.ui.vertical.menu .header.item{background:rgba(0,0,0,.04);margin:0;text-transform:normal;font-weight:700}.ui.menu .ui.dropdown.item.visible{background:rgba(0,0,0,.03);border-bottom-right-radius:0;border-bottom-left-radius:0}.ui.menu .ui.dropdown.active{box-shadow:none}.ui.menu .dropdown.item .menu{background:#fff;left:0;margin:0;min-width:-webkit-calc(100% - 1px);min-width:calc(100% - 1px);box-shadow:0 1px 3px 0 rgba(0,0,0,.08)}.ui.menu:not(.secondary) .pointing.dropdown.item .menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.ui.menu .simple.dropdown.item .menu{margin:0!important}.ui.secondary.menu>.menu>.active.dropdown.item{background-color:transparent}.ui.secondary.menu .dropdown.item .menu{left:0;min-width:100%}.ui.item.menu .dropdown .menu .item{width:100%}.ui.menu .item>.label{background:rgba(0,0,0,.35);color:#fff;margin:-.15em 0 -.15em .5em;padding:.3em .8em;vertical-align:baseline}.ui.menu .item>.floating.label{padding:.3em .8em}.ui.menu .item>img:only-child{display:block;max-width:100%;margin:0 auto}.ui.link.menu .menu>.item:hover,.ui.link.menu>.item:hover,.ui.menu .menu>.link.item:hover,.ui.menu .menu>a.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,.8)}.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,.8)}.ui.menu .active.item{background:rgba(0,0,0,.03);color:rgba(0,0,0,.8);font-weight:400;box-shadow:0 2px 0 inset}.ui.menu .active.item>i.icon{opacity:1}.ui.vertical.menu .active.item{background:rgba(0,0,0,.03);border-radius:0;box-shadow:2px 0 0 inset}.ui.vertical.menu>.active.item:first-child{border-radius:0 .2857rem 0 0}.ui.vertical.menu>.active.item:last-child{border-radius:0 0 .2857rem}.ui.vertical.menu>.active.item:only-child{border-radius:0 .2857rem .2857rem 0}.ui.vertical.menu .active.item .menu .active.item{border-left:none}.ui.vertical.menu .item .menu .active.item{background-color:transparent;box-shadow:none}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{background-color:rgba(0,0,0,.03)}.ui.menu .item.disabled,.ui.menu .item.disabled:hover{cursor:default;color:rgba(40,40,40,.3);background-color:transparent!important}.ui.vertical.menu{background:#fff}.ui.vertical.menu .item{background:0 0;display:block;height:auto!important;border-top:none;border-left:0 solid transparent;border-right:none}.ui.vertical.menu>.item:first-child{border-radius:.2857rem .2857rem 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .2857rem .2857rem}.ui.vertical.menu .item>.label{float:right;text-align:center}.ui.vertical.menu .item>i.icon{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%;background:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background:linear-gradient(to right,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);height:1px}.ui.vertical.menu .item:first-child:before{background:0 0!important}.ui.vertical.menu .dropdown.item>.icon{float:right;content:"\f0da";margin-left:1em}.ui.vertical.menu .active.dropdown.item{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.menu .dropdown.item .menu{top:0!important;left:100%;margin:0;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);border-radius:0 .2857rem .2857rem}.ui.vertical.menu .dropdown.item .menu .item{font-size:1rem}.ui.vertical.menu .dropdown.item .menu .item i.icon{margin-right:0}.ui.vertical.menu .dropdown.item.active{box-shadow:none}.ui.vertical.menu .item:not(.dropdown)>.menu{margin:.5em -.95em 0}.ui.vertical.menu .item:not(.dropdown)>.menu>.item{background:0 0;padding:.5rem 1.5rem;font-size:.875rem}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.tiered.menu>.menu>.item:hover{color:rgba(0,0,0,.8)}.ui.tiered.menu .active.item{background:#fcfcfc}.ui.tiered.menu>.menu .item.active:after{position:absolute;content:'';margin-top:-1px;top:100%;left:0;width:100%;height:2px;background-color:#fcfcfc}.ui.tiered.menu .sub.menu{background-color:#fcfcfc;border-radius:0 0 .2857rem .2857rem;border-top:1px solid rgba(39,41,43,.15);box-shadow:none}.ui.tiered.menu>.sub.menu>.item{color:rgba(0,0,0,.4);font-weight:400;text-transform:normal;font-size:.875rem}.ui.tiered.menu .sub.menu .item:before{background:0 0}.ui.tiered.menu .sub.menu .item:hover{background:none;color:rgba(0,0,0,.8)}.ui.tiered.menu .sub.menu .active.item{padding-top:.78571em;background:none;border-radius:0;border-top:medium none;box-shadow:none;color:rgba(0,0,0,.8)!important}.ui.tiered.menu .sub.menu .active.item:after{display:none}.ui.inverted.tiered.menu>.menu>.item{color:rgba(255,255,255,.5)}.ui.inverted.tiered.menu .sub.menu{background-color:rgba(0,0,0,.2)}.ui.inverted.tiered.menu .sub.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.tiered.menu>.menu>.item:hover{color:#fff}.ui.inverted.tiered.menu .active.item:after{display:none}.ui.inverted.tiered.menu>.menu>.active.item,.ui.inverted.tiered.menu>.sub.menu>.active.item{color:#fff!important;box-shadow:none}.ui.pointing.tiered.menu>.menu>.item:after{display:none}.ui.pointing.tiered.menu>.sub.menu>.item:after{display:block}.ui.tabular.menu{background-color:transparent;border-radius:0;box-shadow:none!important;border-bottom:1px solid #d4d4d5}.ui.tabular.fluid.menu{width:-webkit-calc(100% + 2px)!important;width:calc(100% + 2px)!important}.ui.tabular.menu .item{background-color:transparent;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;padding-left:1.4em;padding-right:1.4em;color:rgba(0,0,0,.8)}.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{position:relative;border-bottom:none;vertical-align:bottom;background-color:#fff;color:rgba(0,0,0,.8);border-color:#d4d4d5;font-weight:700;margin-bottom:-1px;box-shadow:none;border-radius:5px 5px 0 0}.ui.attached.tabular.menu{position:relative;z-index:2}.ui.tabular.menu+.bottom.attached.segment,.ui.tabular.menu~.bottom.attached.segment+.bottom.attached.segment{border-top:none;margin:0}.ui.pagination.menu{margin:0;display:inline-block;vertical-align:middle}.ui.pagination.menu .item{min-width:3em;text-align:center}.ui.pagination.menu .icon.item i.icon{vertical-align:top}.ui.pagination.menu.floated{display:block}.ui.pagination.menu .active.item{border-top:none;padding-top:.78571em;background-color:rgba(0,0,0,.03);box-shadow:none}.ui.secondary.menu{background:0 0;border-radius:0;box-shadow:none}.ui.secondary.menu>.item,.ui.secondary.menu>.menu>.item{box-shadow:none;border:none;height:auto!important;background:0 0;margin:0 .25em;padding:.5em .8em;border-radius:.2857rem}.ui.secondary.menu>.item:before,.ui.secondary.menu>.menu>.item:before{display:none!important}.ui.secondary.menu .item>.input input{background-color:transparent;border:none}.ui.secondary.menu .link.item,.ui.secondary.menu a.item{opacity:.8;-webkit-transition:none;transition:none}.ui.secondary.menu .header.item{border-right:.1em solid rgba(0,0,0,.1);background:none;border-radius:0}.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{opacity:1}.ui.secondary.menu>.active.item,.ui.secondary.menu>.menu>.active.item{background:rgba(0,0,0,.05);opacity:1;box-shadow:none}.ui.secondary.vertical.menu>.active.item{border-radius:.2857rem}.ui.secondary.inverted.menu .link.item,.ui.secondary.inverted.menu a.item{color:rgba(255,255,255,.8)}.ui.secondary.inverted.menu .link.item:hover,.ui.secondary.inverted.menu a.item:hover{color:#fff}.ui.secondary.inverted.menu .active.item{background-color:rgba(255,255,255,.05)}.ui.secondary.item.menu>.item{margin:0}.ui.secondary.attached.menu{box-shadow:none}.ui.secondary.vertical.menu>.item{border:none;margin:0 0 .3em;border-radius:.2857rem}.ui.secondary.vertical.menu>.header.item{border-radius:0}.ui.secondary.inverted.menu{background-color:transparent}.ui.secondary.inverted.pointing.menu{border-bottom:3px solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.header.item{color:#FFF!important}.ui.secondary.inverted.pointing.menu>.item:hover,.ui.secondary.inverted.pointing.menu>.menu>.item:hover{color:rgba(255,255,255,.85)}.ui.secondary.inverted.pointing.menu>.item:active,.ui.secondary.inverted.pointing.menu>.menu>.item:active{border-color:rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active,.ui.secondary.inverted.pointing.menu>.menu>.item.active{border-color:rgba(255,255,255,.8);color:#fff}.ui.secondary.pointing.menu{border-bottom:3px solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item,.ui.secondary.pointing.menu>.menu>.item{margin:0 0 -3px;padding:.6em .95em;border-bottom:3px solid transparent;border-radius:0;-webkit-transition:color .2s ease;transition:color .2s ease}.ui.secondary.pointing.menu .header.item{margin-bottom:-3px;background-color:transparent!important;border-right-width:0!important;font-weight:700!important;color:rgba(0,0,0,.85)!important}.ui.secondary.pointing.menu .text.item{box-shadow:none!important}.ui.secondary.pointing.menu>.item:after,.ui.secondary.pointing.menu>.menu>.item:after{display:none}.ui.secondary.pointing.menu>.link.item:hover,.ui.secondary.pointing.menu>.menu>.link.item:hover,.ui.secondary.pointing.menu>.menu>a.item:hover,.ui.secondary.pointing.menu>a.item:hover{background-color:transparent;color:rgba(0,0,0,.8)}.ui.secondary.pointing.menu>.link.item:active,.ui.secondary.pointing.menu>.menu>.link.item:active,.ui.secondary.pointing.menu>.menu>a.item:active,.ui.secondary.pointing.menu>a.item:active{background-color:transparent;border-color:rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active,.ui.secondary.pointing.menu>.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4);box-shadow:none;color:rgba(0,0,0,.8)}.ui.secondary.vertical.pointing.menu{border:none;border-right:3px solid rgba(0,0,0,.1)}.ui.secondary.vertical.pointing.menu>.item{margin:0 -3px 0 0;border-bottom:none;border-right:3px solid transparent;border-radius:0}.ui.secondary.vertical.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.vertical.pointing.menu>.item:active{background-color:transparent;border-color:rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.inverted.vertical.pointing.menu{border-right:3px solid rgba(255,255,255,.1);border-bottom:none}.ui.text.menu{display:inline-block;background:none;margin:1rem -1rem;border-radius:0;box-shadow:none}.ui.text.menu>.item{opacity:.8;margin:0 1em;padding:0;height:auto!important;border-radius:0;box-shadow:none;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui.text.menu>.item:before{display:none!important}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(50,50,50,.8);font-size:.875rem;padding:0;text-transform:uppercase;font-weight:700}.ui.text.menu .text.item{opacity:1;color:rgba(50,50,50,.8);font-weight:700}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1rem 0}.ui.vertical.text.menu:first-child{margin-top:0}.ui.vertical.text.menu:last-child{margin-bottom:0}.ui.vertical.text.menu .item{float:left;clear:left;margin:.5em 0}.ui.vertical.text.menu .item>i.icon{float:none;margin:0 .78571em 0 0}.ui.vertical.text.menu .header.item{margin:.8em 0}.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;padding:0;border:none;opacity:1;font-weight:700;box-shadow:none}.ui.text.attached.menu,.ui.text.pointing.menu .active.item:after{box-shadow:none}.ui.inverted.text.menu,.ui.inverted.text.menu .item,.ui.inverted.text.menu .item.active,.ui.inverted.text.menu .item:hover{background-color:transparent}.ui.fluid.text.menu{margin-left:0;margin-right:0}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;height:auto}.ui.icon.menu>.item{height:auto;text-align:center;color:rgba(0,0,0,.6)}.ui.icon.menu>.item>.icon{display:block;float:none!important;margin:0 auto!important;opacity:1}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item .icon{margin:0}.ui.vertical.icon.menu{float:none}.ui.inverted.icon.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.icon.menu .icon{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.fluid.labeled.icon.menu>.item{min-width:0}.ui.labeled.icon.menu>.item{min-width:6em}.ui.labeled.icon.menu>.item>.icon{display:block;font-size:1.5em!important;margin:0 auto .5em!important}.ui.blue.menu .active.item,.ui.menu .blue.active.item{border-color:#3b83c0!important;color:#3b83c0!important}.ui.green.menu .active.item,.ui.menu .green.active.item{border-color:#5bbd72!important;color:#5bbd72!important}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#e07b53!important;color:#e07b53!important}.ui.menu .pink.active.item,.ui.pink.menu .active.item{border-color:#d9499a!important;color:#d9499a!important}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564f8a!important;color:#564f8a!important}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#d95c5c!important;color:#d95c5c!important}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00b5ad!important;color:#00b5ad!important}.ui.menu .yellow.active.item,.ui.yellow.menu .active.item{border-color:#f2c61f!important;color:#f2c61f!important}.ui.inverted.menu{background:#1b1c1d;box-shadow:none}.ui.inverted.menu .header.item{margin:0;background:rgba(0,0,0,.3);box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a:not(.ui){color:#fff}.ui.inverted.menu .item:not(.dropdown).menu{background:0 0}.ui.inverted.menu .item .item,.ui.inverted.menu .item .item>a:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.menu .dropdown .menu .item{color:rgba(0,0,0,.8)!important;-webkit-transition:none;transition:none}.ui.inverted.menu .dropdown .menu .item:hover{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.85)!important}.ui.inverted.menu .item.disabled,.ui.inverted.menu .item.disabled:hover{color:rgba(225,225,225,.3)}.ui.inverted.menu .item:before{background:-webkit-linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background:linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.vertical.inverted.menu .item:before{background:-webkit-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background:linear-gradient(to right,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.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,.1);color:#fff}.ui.inverted.menu .item .menu .link.item:hover,.ui.inverted.menu .item .menu a.item:hover{background:0 0;color:#fff}.ui.inverted.menu .dropdown.item:active,.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background:rgba(255,255,255,.15);color:#fff}.ui.inverted.menu .active.item{box-shadow:none!important;background:rgba(255,255,255,.2);color:#fff!important}.ui.inverted.vertical.menu .item .menu .active.item{background:0 0;color:#fff}.ui.inverted.pointing.menu .active.item:after{background:#5B5B5B;box-shadow:none}.ui.inverted.pointing.menu .active.item:hover:after{background:#4A4A4A}.ui.selection.menu>.item{color:rgba(0,0,0,.4)}.ui.selection.menu>.item:hover{color:rgba(0,0,0,.6)}.ui.selection.menu>.item.active{color:rgba(0,0,0,.85)}.ui.inverted.selection.menu>.item{color:rgba(255,255,255,.4)}.ui.inverted.selection.menu>.item:hover{color:rgba(255,255,255,.9)}.ui.inverted.selection.menu>.item.active{color:#FFF}.ui.floated.menu{float:left;margin:0 .5rem 0 0}.ui.right.floated.menu{float:right;margin:0 0 0 .5rem}.ui.grey.menu{background-color:#fafafa}.ui.inverted.blue.menu,.ui.inverted.blue.pointing.menu .active.item:after{background-color:#3b83c0}.ui.inverted.green.menu,.ui.inverted.green.pointing.menu .active.item:after{background-color:#5bbd72}.ui.inverted.orange.menu,.ui.inverted.orange.pointing.menu .active.item:after{background-color:#e07b53}.ui.inverted.pink.menu,.ui.inverted.pink.pointing.menu .active.item:after{background-color:#d9499a}.ui.inverted.purple.menu,.ui.inverted.purple.pointing.menu .active.item:after{background-color:#564f8a}.ui.inverted.red.menu,.ui.inverted.red.pointing.menu .active.item:after{background-color:#d95c5c}.ui.inverted.teal.menu,.ui.inverted.teal.pointing.menu .active.item:after{background-color:#00b5ad}.ui.inverted.yellow.menu,.ui.inverted.yellow.pointing.menu .active.item:after{background-color:#f2c61f}.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:.78571em;padding-bottom:.78571em}.ui.menu .vertically.fitted.item,.ui.vertically.fitted.menu .item,.ui.vertically.fitted.menu .item .menu .item{padding-left:.95em;padding-right:.95em}.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-block;margin:0;vertical-align:middle}.ui.compact.vertical.menu{width:auto!important}.ui.compact.vertical.menu .item:last-child::before{display:block}.ui.menu.fluid,.ui.vertical.menu.fluid{display:block;width:100%!important}.ui.item.menu,.ui.item.menu .item{width:100%;padding-left:0!important;padding-right:0!important;text-align:center}.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;border:none;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.top.fixed.menu{top:0;left:0;right:auto;bottom:auto}.ui.right.fixed.menu{top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui.bottom.fixed.menu{bottom:0;left:0;top:auto;right:auto}.ui.left.fixed.menu{top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.fixed.menu+.ui.grid{padding-top:2.75rem}.ui.pointing.menu .active.item:after{position:absolute;content:'';top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);margin:0;background:0 0;width:.6em;height:.6em;border:none;border-bottom:1px solid #d4d4d5;border-right:1px solid #d4d4d5;z-index:11;-webkit-transition:background .2s ease;transition:background .2s ease}.ui.pointing.menu .active.item .menu .active.item:after{display:none}.ui.vertical.pointing.menu .active.item:after{position:absolute;top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);margin:0 -1px 0 0;border:none;border-top:1px solid #d4d4d5;border-right:1px solid #d4d4d5}.ui.pointing.menu .active.item:hover:after{background-color:#fafafa}.ui.pointing.menu .active.item:after{background-color:#f7f7f7}.ui.vertical.pointing.menu .item:hover:after{background-color:#fafafa}.ui.vertical.pointing.menu .active.item:after{background-color:#f7f7f7}.ui.vertical.pointing.menu .menu .active.item:after{background-color:#fff}.ui.menu.attached{margin:0;border-radius:0;box-shadow:0 0 0 1px #ddd}.ui.top.attached.menu{border-radius:.2857rem .2857rem 0 0}.ui.menu.bottom.attached{border-radius:0 0 .2857rem .2857rem}.ui.small.menu .item{font-size:.875rem}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem}.ui.large.menu .item .item{font-size:.875rem}.ui.large.menu .dropdown .item{font-size:1rem}.ui.large.vertical.menu{width:18rem}
|
@@ -0,0 +1,421 @@
|
|
1
|
+
/*!
|
2
|
+
* # Semantic UI 1.11.4 - Message
|
3
|
+
* http://github.com/semantic-org/semantic-ui/
|
4
|
+
*
|
5
|
+
*
|
6
|
+
* Copyright 2014 Contributors
|
7
|
+
* Released under the MIT license
|
8
|
+
* http://opensource.org/licenses/MIT
|
9
|
+
*
|
10
|
+
*/
|
11
|
+
|
12
|
+
|
13
|
+
/*******************************
|
14
|
+
Message
|
15
|
+
*******************************/
|
16
|
+
|
17
|
+
.ui.message {
|
18
|
+
position: relative;
|
19
|
+
min-height: 1em;
|
20
|
+
margin: 1em 0em;
|
21
|
+
background: #efefef;
|
22
|
+
padding: 1em 1.5em;
|
23
|
+
line-height: 1.3;
|
24
|
+
color: rgba(0, 0, 0, 0.8);
|
25
|
+
-webkit-transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
|
26
|
+
transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
|
27
|
+
border-radius: 0.2857rem;
|
28
|
+
box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px transparent;
|
29
|
+
}
|
30
|
+
.ui.message:first-child {
|
31
|
+
margin-top: 0em;
|
32
|
+
}
|
33
|
+
.ui.message:last-child {
|
34
|
+
margin-bottom: 0em;
|
35
|
+
}
|
36
|
+
|
37
|
+
/*--------------
|
38
|
+
Content
|
39
|
+
---------------*/
|
40
|
+
|
41
|
+
|
42
|
+
/* Header */
|
43
|
+
.ui.message .header {
|
44
|
+
display: block;
|
45
|
+
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
46
|
+
font-weight: bold;
|
47
|
+
margin: 0em 0em 0.5rem 0em;
|
48
|
+
}
|
49
|
+
|
50
|
+
/* Default font size */
|
51
|
+
.ui.message .header:not(.ui) {
|
52
|
+
font-size: 1.1em;
|
53
|
+
}
|
54
|
+
|
55
|
+
/* Paragraph */
|
56
|
+
.ui.message p {
|
57
|
+
opacity: 0.85;
|
58
|
+
margin: 0.75em 0em;
|
59
|
+
}
|
60
|
+
.ui.message p:first-child {
|
61
|
+
margin-top: 0em;
|
62
|
+
}
|
63
|
+
.ui.message p:last-child {
|
64
|
+
margin-bottom: 0em;
|
65
|
+
}
|
66
|
+
.ui.message .header + p {
|
67
|
+
margin-top: 0.25em;
|
68
|
+
}
|
69
|
+
|
70
|
+
/* List */
|
71
|
+
.ui.message ul.list {
|
72
|
+
opacity: 0.85;
|
73
|
+
list-style-position: inside;
|
74
|
+
margin: 0.5em 0em 0em;
|
75
|
+
padding: 0em;
|
76
|
+
}
|
77
|
+
.ui.message ul.list:first-child {
|
78
|
+
margin-top: 0em;
|
79
|
+
}
|
80
|
+
.ui.message ul.list:last-child {
|
81
|
+
margin-bottom: 0em;
|
82
|
+
}
|
83
|
+
.ui.message ul.list li {
|
84
|
+
position: relative;
|
85
|
+
list-style-type: none;
|
86
|
+
margin: 0em 0em 0.3em 1em;
|
87
|
+
padding: 0em;
|
88
|
+
}
|
89
|
+
.ui.message ul.list li:before {
|
90
|
+
position: absolute;
|
91
|
+
content: '•';
|
92
|
+
left: -1em;
|
93
|
+
height: 100%;
|
94
|
+
vertical-align: baseline;
|
95
|
+
}
|
96
|
+
.ui.message ul.list li:last-child {
|
97
|
+
margin-bottom: 0em;
|
98
|
+
}
|
99
|
+
|
100
|
+
/* Icon */
|
101
|
+
.ui.message > .icon {
|
102
|
+
margin-right: 0.6em;
|
103
|
+
}
|
104
|
+
|
105
|
+
/* Close Icon */
|
106
|
+
.ui.message > .close.icon {
|
107
|
+
cursor: pointer;
|
108
|
+
position: absolute;
|
109
|
+
margin: 0em;
|
110
|
+
top: 1.15em;
|
111
|
+
right: 0.5em;
|
112
|
+
opacity: 0.7;
|
113
|
+
-webkit-transition: opacity 0.1s linear
|
114
|
+
;
|
115
|
+
transition: opacity 0.1s linear
|
116
|
+
;
|
117
|
+
}
|
118
|
+
.ui.message > .close.icon:hover {
|
119
|
+
opacity: 1;
|
120
|
+
}
|
121
|
+
|
122
|
+
/* First / Last Element */
|
123
|
+
.ui.message > :first-child {
|
124
|
+
margin-top: 0em;
|
125
|
+
}
|
126
|
+
.ui.message > :last-child {
|
127
|
+
margin-bottom: 0em;
|
128
|
+
}
|
129
|
+
|
130
|
+
|
131
|
+
/*******************************
|
132
|
+
States
|
133
|
+
*******************************/
|
134
|
+
|
135
|
+
|
136
|
+
/*--------------
|
137
|
+
Visible
|
138
|
+
---------------*/
|
139
|
+
|
140
|
+
.ui.visible.visible.visible.visible.message {
|
141
|
+
display: block;
|
142
|
+
}
|
143
|
+
.ui.icon.visible.visible.visible.visible.message {
|
144
|
+
display: table;
|
145
|
+
}
|
146
|
+
|
147
|
+
/*--------------
|
148
|
+
Hidden
|
149
|
+
---------------*/
|
150
|
+
|
151
|
+
.ui.hidden.hidden.hidden.hidden.message {
|
152
|
+
display: none;
|
153
|
+
}
|
154
|
+
|
155
|
+
|
156
|
+
/*******************************
|
157
|
+
Variations
|
158
|
+
*******************************/
|
159
|
+
|
160
|
+
|
161
|
+
/*--------------
|
162
|
+
Compact
|
163
|
+
---------------*/
|
164
|
+
|
165
|
+
.ui.compact.message {
|
166
|
+
display: inline-block;
|
167
|
+
}
|
168
|
+
|
169
|
+
/*--------------
|
170
|
+
Attached
|
171
|
+
---------------*/
|
172
|
+
|
173
|
+
.ui.attached.message {
|
174
|
+
margin-bottom: -1px;
|
175
|
+
border-radius: 0.2857rem 0.2857rem 0em 0em;
|
176
|
+
box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
|
177
|
+
margin-left: -1px;
|
178
|
+
margin-right: -1px;
|
179
|
+
}
|
180
|
+
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
|
181
|
+
margin-top: -1px;
|
182
|
+
border-radius: 0em;
|
183
|
+
}
|
184
|
+
.ui.bottom.attached.message {
|
185
|
+
margin-top: -1px;
|
186
|
+
border-radius: 0em 0em 0.2857rem 0.2857rem;
|
187
|
+
box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
188
|
+
}
|
189
|
+
.ui.bottom.attached.message:not(:last-child) {
|
190
|
+
margin-bottom: 1em;
|
191
|
+
}
|
192
|
+
.ui.attached.icon.message {
|
193
|
+
display: block;
|
194
|
+
width: auto;
|
195
|
+
}
|
196
|
+
|
197
|
+
/*--------------
|
198
|
+
Icon
|
199
|
+
---------------*/
|
200
|
+
|
201
|
+
.ui.icon.message {
|
202
|
+
display: table;
|
203
|
+
width: 100%;
|
204
|
+
}
|
205
|
+
.ui.icon.message > .icon:not(.close) {
|
206
|
+
display: table-cell;
|
207
|
+
width: auto;
|
208
|
+
vertical-align: middle;
|
209
|
+
font-size: 3em;
|
210
|
+
opacity: 0.8;
|
211
|
+
}
|
212
|
+
.ui.icon.message > .content {
|
213
|
+
display: table-cell;
|
214
|
+
width: 100%;
|
215
|
+
vertical-align: middle;
|
216
|
+
}
|
217
|
+
.ui.icon.message .icon:not(.close) + .content {
|
218
|
+
padding-left: 1.5rem;
|
219
|
+
}
|
220
|
+
.ui.icon.message .circular.icon {
|
221
|
+
width: 1em;
|
222
|
+
}
|
223
|
+
.ui.icon.message .circular.icon + .content {
|
224
|
+
width: auto;
|
225
|
+
padding-left: 2em;
|
226
|
+
}
|
227
|
+
|
228
|
+
/*--------------
|
229
|
+
Floating
|
230
|
+
---------------*/
|
231
|
+
|
232
|
+
.ui.floating.message {
|
233
|
+
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
|
234
|
+
}
|
235
|
+
|
236
|
+
/*--------------
|
237
|
+
Colors
|
238
|
+
---------------*/
|
239
|
+
|
240
|
+
.ui.black.message {
|
241
|
+
background-color: #1b1c1d;
|
242
|
+
color: #ffffff;
|
243
|
+
}
|
244
|
+
|
245
|
+
/*--------------
|
246
|
+
Types
|
247
|
+
---------------*/
|
248
|
+
|
249
|
+
|
250
|
+
/* Positive */
|
251
|
+
.ui.positive.message {
|
252
|
+
background-color: #eeffe7;
|
253
|
+
color: #3c763d;
|
254
|
+
}
|
255
|
+
.ui.positive.message,
|
256
|
+
.ui.attached.positive.message {
|
257
|
+
box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
258
|
+
}
|
259
|
+
.ui.positive.message .header {
|
260
|
+
color: #356e36;
|
261
|
+
}
|
262
|
+
|
263
|
+
/* Negative */
|
264
|
+
.ui.negative.message {
|
265
|
+
background-color: #fff0f0;
|
266
|
+
color: #a94442;
|
267
|
+
}
|
268
|
+
.ui.negative.message,
|
269
|
+
.ui.attached.negative.message {
|
270
|
+
box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
271
|
+
}
|
272
|
+
.ui.negative.message .header {
|
273
|
+
color: #912d2b;
|
274
|
+
}
|
275
|
+
|
276
|
+
/* Info */
|
277
|
+
.ui.info.message {
|
278
|
+
background-color: #e9faff;
|
279
|
+
color: #337b92;
|
280
|
+
}
|
281
|
+
.ui.info.message,
|
282
|
+
.ui.attached.info.message {
|
283
|
+
box-shadow: 0px 0px 0px 1px #aad6df inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
284
|
+
}
|
285
|
+
.ui.info.message .header {
|
286
|
+
color: #297187;
|
287
|
+
}
|
288
|
+
|
289
|
+
/* Warning */
|
290
|
+
.ui.warning.message {
|
291
|
+
background-color: #fffbe6;
|
292
|
+
color: #876a38;
|
293
|
+
}
|
294
|
+
.ui.warning.message,
|
295
|
+
.ui.attached.warning.message {
|
296
|
+
box-shadow: 0px 0px 0px 1px #d9caab inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
297
|
+
}
|
298
|
+
.ui.warning.message .header {
|
299
|
+
color: #825c01;
|
300
|
+
}
|
301
|
+
|
302
|
+
/* Error */
|
303
|
+
.ui.error.message {
|
304
|
+
background-color: #fff0f0;
|
305
|
+
color: #a94442;
|
306
|
+
}
|
307
|
+
.ui.error.message,
|
308
|
+
.ui.attached.error.message {
|
309
|
+
box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
310
|
+
}
|
311
|
+
.ui.error.message .header {
|
312
|
+
color: #912d2b;
|
313
|
+
}
|
314
|
+
|
315
|
+
/* Success */
|
316
|
+
.ui.success.message {
|
317
|
+
background-color: #eeffe7;
|
318
|
+
color: #3c763d;
|
319
|
+
}
|
320
|
+
.ui.success.message,
|
321
|
+
.ui.attached.success.message {
|
322
|
+
box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
323
|
+
}
|
324
|
+
.ui.success.message .header {
|
325
|
+
color: #356e36;
|
326
|
+
}
|
327
|
+
|
328
|
+
/* Colors */
|
329
|
+
.ui.inverted.message,
|
330
|
+
.ui.black.message {
|
331
|
+
background-color: #1b1c1d;
|
332
|
+
color: #ffffff;
|
333
|
+
}
|
334
|
+
.ui.blue.message {
|
335
|
+
background-color: #dff0ff;
|
336
|
+
color: #3b83c0;
|
337
|
+
}
|
338
|
+
.ui.blue.message .header {
|
339
|
+
color: #3576ac;
|
340
|
+
}
|
341
|
+
.ui.green.message {
|
342
|
+
background-color: #ebffed;
|
343
|
+
color: #1ebc30;
|
344
|
+
}
|
345
|
+
.ui.green.message .header {
|
346
|
+
color: #1aa62a;
|
347
|
+
}
|
348
|
+
.ui.orange.message {
|
349
|
+
background-color: #ffedde;
|
350
|
+
color: #e07b53;
|
351
|
+
}
|
352
|
+
.ui.orange.message .header {
|
353
|
+
color: #dc6a3d;
|
354
|
+
}
|
355
|
+
.ui.pink.message {
|
356
|
+
background-color: #ffe3fb;
|
357
|
+
color: #d9499a;
|
358
|
+
}
|
359
|
+
.ui.pink.message .header {
|
360
|
+
color: #d5348e;
|
361
|
+
}
|
362
|
+
.ui.purple.message {
|
363
|
+
background-color: #eae7ff;
|
364
|
+
color: #564f8a;
|
365
|
+
}
|
366
|
+
.ui.purple.message .header {
|
367
|
+
color: #4c467a;
|
368
|
+
}
|
369
|
+
.ui.red.message {
|
370
|
+
background-color: #ffe8e6;
|
371
|
+
color: #d95c5c;
|
372
|
+
}
|
373
|
+
.ui.red.message .header {
|
374
|
+
color: #d44747;
|
375
|
+
}
|
376
|
+
.ui.teal.message {
|
377
|
+
background-color: #e9ffff;
|
378
|
+
color: #10a3a3;
|
379
|
+
}
|
380
|
+
.ui.teal.message .header {
|
381
|
+
color: #0e8c8c;
|
382
|
+
}
|
383
|
+
.ui.yellow.message {
|
384
|
+
background-color: #fff8db;
|
385
|
+
color: #b58105;
|
386
|
+
}
|
387
|
+
.ui.yellow.message .header {
|
388
|
+
color: #9c6f04;
|
389
|
+
}
|
390
|
+
|
391
|
+
/*--------------
|
392
|
+
Sizes
|
393
|
+
---------------*/
|
394
|
+
|
395
|
+
.ui.small.message {
|
396
|
+
font-size: 0.92857143em;
|
397
|
+
}
|
398
|
+
.ui.message {
|
399
|
+
font-size: 1em;
|
400
|
+
}
|
401
|
+
.ui.large.message {
|
402
|
+
font-size: 1.14285714em;
|
403
|
+
}
|
404
|
+
.ui.huge.message {
|
405
|
+
font-size: 1.42857143em;
|
406
|
+
}
|
407
|
+
.ui.massive.message {
|
408
|
+
font-size: 1.71428571em;
|
409
|
+
}
|
410
|
+
|
411
|
+
|
412
|
+
/*******************************
|
413
|
+
Theme Overrides
|
414
|
+
*******************************/
|
415
|
+
|
416
|
+
|
417
|
+
|
418
|
+
/*******************************
|
419
|
+
User Variable Overrides
|
420
|
+
*******************************/
|
421
|
+
|
@@ -0,0 +1,10 @@
|
|
1
|
+
/*!
|
2
|
+
* # Semantic UI 1.11.4 - Message
|
3
|
+
* http://github.com/semantic-org/semantic-ui/
|
4
|
+
*
|
5
|
+
*
|
6
|
+
* Copyright 2014 Contributors
|
7
|
+
* Released under the MIT license
|
8
|
+
* http://opensource.org/licenses/MIT
|
9
|
+
*
|
10
|
+
*/.ui.message{position:relative;min-height:1em;margin:1em 0;background:#efefef;padding:1em 1.5em;line-height:1.3;color:rgba(0,0,0,.8);-webkit-transition:opacity .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;transition:opacity .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;border-radius:.2857rem;box-shadow:0 0 0 1px rgba(39,41,43,.15) inset,0 0 0 0 transparent}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;margin:0 0 .5rem}.ui.message .header:not(.ui){font-size:1.1em}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.5em 0 0;padding:0}.ui.message ul.list:first-child{margin-top:0}.ui.message ul.list:last-child{margin-bottom:0}.ui.message ul.list li{position:relative;list-style-type:none;margin:0 0 .3em 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message ul.list li:last-child{margin-bottom:0}.ui.message>.icon{margin-right:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;margin:0;top:1.15em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.visible.visible.visible.visible.message{display:block}.ui.icon.visible.visible.visible.visible.message{display:table}.ui.hidden.hidden.hidden.hidden.message{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:-1px;border-radius:.2857rem .2857rem 0 0;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;margin-left:-1px;margin-right:-1px}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .2857rem .2857rem;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{display:block;width:auto}.ui.icon.message{display:table;width:100%}.ui.icon.message>.icon:not(.close){display:table-cell;width:auto;vertical-align:middle;font-size:3em;opacity:.8}.ui.icon.message>.content{display:table-cell;width:100%;vertical-align:middle}.ui.icon.message .icon:not(.close)+.content{padding-left:1.5rem}.ui.icon.message .circular.icon{width:1em}.ui.icon.message .circular.icon+.content{width:auto;padding-left:2em}.ui.floating.message{box-shadow:0 1px 4px 0 rgba(0,0,0,.15),0 0 0 1px rgba(39,41,43,.15) inset}.ui.positive.message{background-color:#eeffe7;color:#3c763d}.ui.attached.positive.message,.ui.positive.message{box-shadow:0 0 0 1px #b7caa7 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.positive.message .header{color:#356e36}.ui.negative.message{background-color:#fff0f0;color:#a94442}.ui.attached.negative.message,.ui.negative.message{box-shadow:0 0 0 1px #dbb1b1 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.negative.message .header{color:#912d2b}.ui.info.message{background-color:#e9faff;color:#337b92}.ui.attached.info.message,.ui.info.message{box-shadow:0 0 0 1px #aad6df inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.info.message .header{color:#297187}.ui.warning.message{background-color:#fffbe6;color:#876a38}.ui.attached.warning.message,.ui.warning.message{box-shadow:0 0 0 1px #d9caab inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.warning.message .header{color:#825c01}.ui.error.message{background-color:#fff0f0;color:#a94442}.ui.attached.error.message,.ui.error.message{box-shadow:0 0 0 1px #dbb1b1 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.error.message .header{color:#912d2b}.ui.success.message{background-color:#eeffe7;color:#3c763d}.ui.attached.success.message,.ui.success.message{box-shadow:0 0 0 1px #b7caa7 inset,0 1px 2px 0 rgba(0,0,0,.05)}.ui.success.message .header{color:#356e36}.ui.black.message,.ui.inverted.message{background-color:#1b1c1d;color:#fff}.ui.blue.message{background-color:#dff0ff;color:#3b83c0}.ui.blue.message .header{color:#3576ac}.ui.green.message{background-color:#ebffed;color:#1ebc30}.ui.green.message .header{color:#1aa62a}.ui.orange.message{background-color:#ffedde;color:#e07b53}.ui.orange.message .header{color:#dc6a3d}.ui.pink.message{background-color:#ffe3fb;color:#d9499a}.ui.pink.message .header{color:#d5348e}.ui.purple.message{background-color:#eae7ff;color:#564f8a}.ui.purple.message .header{color:#4c467a}.ui.red.message{background-color:#ffe8e6;color:#d95c5c}.ui.red.message .header{color:#d44747}.ui.teal.message{background-color:#e9ffff;color:#10a3a3}.ui.teal.message .header{color:#0e8c8c}.ui.yellow.message{background-color:#fff8db;color:#b58105}.ui.yellow.message .header{color:#9c6f04}.ui.small.message{font-size:.92857143em}.ui.message{font-size:1em}.ui.large.message{font-size:1.14285714em}.ui.huge.message{font-size:1.42857143em}.ui.massive.message{font-size:1.71428571em}
|
@@ -0,0 +1,432 @@
|
|
1
|
+
/*!
|
2
|
+
* # Semantic UI 1.11.4 - Modal
|
3
|
+
* http://github.com/semantic-org/semantic-ui/
|
4
|
+
*
|
5
|
+
*
|
6
|
+
* Copyright 2014 Contributors
|
7
|
+
* Released under the MIT license
|
8
|
+
* http://opensource.org/licenses/MIT
|
9
|
+
*
|
10
|
+
*/
|
11
|
+
|
12
|
+
|
13
|
+
/*******************************
|
14
|
+
Modal
|
15
|
+
*******************************/
|
16
|
+
|
17
|
+
.ui.modal {
|
18
|
+
display: none;
|
19
|
+
position: fixed;
|
20
|
+
z-index: 1001;
|
21
|
+
top: 50%;
|
22
|
+
left: 50%;
|
23
|
+
text-align: left;
|
24
|
+
width: 90%;
|
25
|
+
margin-left: -45%;
|
26
|
+
background: #ffffff;
|
27
|
+
border: none;
|
28
|
+
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
|
29
|
+
border-radius: 0.2857rem;
|
30
|
+
-webkit-user-select: text;
|
31
|
+
-moz-user-select: text;
|
32
|
+
-ms-user-select: text;
|
33
|
+
user-select: text;
|
34
|
+
will-change: top, left, margin, transform, opacity;
|
35
|
+
}
|
36
|
+
.ui.modal > :first-child:not(.icon),
|
37
|
+
.ui.modal > .icon:first-child + * {
|
38
|
+
border-top-left-radius: 0.2857rem;
|
39
|
+
border-top-right-radius: 0.2857rem;
|
40
|
+
}
|
41
|
+
.ui.modal > :last-child {
|
42
|
+
border-bottom-left-radius: 0.2857rem;
|
43
|
+
border-bottom-right-radius: 0.2857rem;
|
44
|
+
}
|
45
|
+
|
46
|
+
|
47
|
+
/*******************************
|
48
|
+
Content
|
49
|
+
*******************************/
|
50
|
+
|
51
|
+
|
52
|
+
/*--------------
|
53
|
+
Close
|
54
|
+
---------------*/
|
55
|
+
|
56
|
+
.ui.modal > .close {
|
57
|
+
cursor: pointer;
|
58
|
+
position: absolute;
|
59
|
+
top: -2.5rem;
|
60
|
+
right: -2.5rem;
|
61
|
+
z-index: 1;
|
62
|
+
opacity: 0.8;
|
63
|
+
font-size: 1.25em;
|
64
|
+
color: #ffffff;
|
65
|
+
width: 2.25rem;
|
66
|
+
height: 2.25rem;
|
67
|
+
padding: 0.625rem 0rem 0rem 0rem;
|
68
|
+
}
|
69
|
+
.ui.modal > .close:hover {
|
70
|
+
opacity: 1;
|
71
|
+
}
|
72
|
+
|
73
|
+
/*--------------
|
74
|
+
Header
|
75
|
+
---------------*/
|
76
|
+
|
77
|
+
.ui.modal > .header {
|
78
|
+
display: block;
|
79
|
+
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
80
|
+
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff;
|
81
|
+
background: linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff;
|
82
|
+
margin: 0em;
|
83
|
+
padding: 1.2rem 2rem;
|
84
|
+
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
|
85
|
+
font-size: 1.6em;
|
86
|
+
line-height: 1.3em;
|
87
|
+
font-weight: bold;
|
88
|
+
color: rgba(0, 0, 0, 0.85);
|
89
|
+
border-bottom: 1px solid rgba(39, 41, 43, 0.15);
|
90
|
+
}
|
91
|
+
|
92
|
+
/*--------------
|
93
|
+
Content
|
94
|
+
---------------*/
|
95
|
+
|
96
|
+
.ui.modal > .content {
|
97
|
+
display: table;
|
98
|
+
table-layout: fixed;
|
99
|
+
width: 100%;
|
100
|
+
font-size: 1em;
|
101
|
+
line-height: 1.4;
|
102
|
+
padding: 2rem;
|
103
|
+
background: #ffffff;
|
104
|
+
}
|
105
|
+
|
106
|
+
/* Image */
|
107
|
+
.ui.modal > .content > .image {
|
108
|
+
display: table-cell;
|
109
|
+
width: '';
|
110
|
+
vertical-align: top;
|
111
|
+
}
|
112
|
+
.ui.modal > .content > .image[class*="top aligned"] {
|
113
|
+
vertical-align: top;
|
114
|
+
}
|
115
|
+
.ui.modal > .content > .image[class*="middle aligned"] {
|
116
|
+
vertical-align: middle;
|
117
|
+
}
|
118
|
+
|
119
|
+
/* Description */
|
120
|
+
.ui.modal > .content > .description {
|
121
|
+
display: table-cell;
|
122
|
+
vertical-align: top;
|
123
|
+
}
|
124
|
+
.ui.modal > .content > .icon + .description,
|
125
|
+
.ui.modal > .content > .image + .description {
|
126
|
+
min-width: '';
|
127
|
+
width: 80%;
|
128
|
+
padding-left: 2em;
|
129
|
+
}
|
130
|
+
/*rtl:ignore*/
|
131
|
+
.ui.modal > .content > .image > i.icon {
|
132
|
+
font-size: 8rem;
|
133
|
+
margin: 0em;
|
134
|
+
opacity: 1;
|
135
|
+
width: auto;
|
136
|
+
}
|
137
|
+
|
138
|
+
/*--------------
|
139
|
+
Actions
|
140
|
+
---------------*/
|
141
|
+
|
142
|
+
.ui.modal .actions {
|
143
|
+
background: #efefef;
|
144
|
+
padding: 1rem 2rem;
|
145
|
+
border-top: 1px solid rgba(39, 41, 43, 0.15);
|
146
|
+
text-align: right;
|
147
|
+
}
|
148
|
+
.ui.modal .actions > .button {
|
149
|
+
margin-left: 0.75em;
|
150
|
+
}
|
151
|
+
|
152
|
+
/*-------------------
|
153
|
+
Responsive
|
154
|
+
--------------------*/
|
155
|
+
|
156
|
+
|
157
|
+
/* Modal Width */
|
158
|
+
@media only screen and (max-width: 767px) {
|
159
|
+
.ui.modal {
|
160
|
+
width: 95%;
|
161
|
+
margin: 0em 0em 0em -47.5%;
|
162
|
+
}
|
163
|
+
}
|
164
|
+
@media only screen and (min-width: 768px) {
|
165
|
+
.ui.modal {
|
166
|
+
width: 88%;
|
167
|
+
margin: 0em 0em 0em -44%;
|
168
|
+
}
|
169
|
+
}
|
170
|
+
@media only screen and (min-width: 992px) {
|
171
|
+
.ui.modal {
|
172
|
+
width: 74%;
|
173
|
+
margin: 0em 0em 0em -37%;
|
174
|
+
}
|
175
|
+
}
|
176
|
+
@media only screen and (min-width: 1400px) {
|
177
|
+
.ui.modal {
|
178
|
+
width: 56%;
|
179
|
+
margin: 0em 0em 0em -28%;
|
180
|
+
}
|
181
|
+
}
|
182
|
+
@media only screen and (min-width: 1920px) {
|
183
|
+
.ui.modal {
|
184
|
+
width: 42%;
|
185
|
+
margin: 0em 0em 0em -21%;
|
186
|
+
}
|
187
|
+
}
|
188
|
+
|
189
|
+
/* Tablet and Mobile */
|
190
|
+
@media only screen and (max-width: 992px) {
|
191
|
+
.ui.modal > .header {
|
192
|
+
padding-right: 2.25rem;
|
193
|
+
}
|
194
|
+
.ui.modal > .close {
|
195
|
+
top: 0.905rem;
|
196
|
+
right: 1rem;
|
197
|
+
color: rgba(0, 0, 0, 0.8);
|
198
|
+
}
|
199
|
+
}
|
200
|
+
|
201
|
+
/* Mobile */
|
202
|
+
@media only screen and (max-width: 767px) {
|
203
|
+
.ui.modal > .header {
|
204
|
+
padding: 0.75rem 1rem !important;
|
205
|
+
padding-right: 2.25rem !important;
|
206
|
+
}
|
207
|
+
.ui.modal > .content {
|
208
|
+
display: block;
|
209
|
+
padding: 1rem !important;
|
210
|
+
}
|
211
|
+
.ui.modal > .close {
|
212
|
+
top: 0.5rem !important;
|
213
|
+
right: 0.5rem !important;
|
214
|
+
}
|
215
|
+
/*rtl:ignore*/
|
216
|
+
.ui.modal .content > .image {
|
217
|
+
display: block;
|
218
|
+
max-width: 100%;
|
219
|
+
margin: 0em auto !important;
|
220
|
+
text-align: center;
|
221
|
+
padding: 0rem 0rem 1rem !important;
|
222
|
+
}
|
223
|
+
.ui.modal > .content > .image > i.icon {
|
224
|
+
font-size: 5rem;
|
225
|
+
text-align: center;
|
226
|
+
}
|
227
|
+
/*rtl:ignore*/
|
228
|
+
.ui.modal .content > .description {
|
229
|
+
display: block;
|
230
|
+
width: 100% !important;
|
231
|
+
margin: 0em !important;
|
232
|
+
padding: 1rem 0rem !important;
|
233
|
+
box-shadow: none;
|
234
|
+
}
|
235
|
+
|
236
|
+
/* Let Buttons Stack */
|
237
|
+
.ui.modal > .actions {
|
238
|
+
padding: 1rem 1rem 0rem !important;
|
239
|
+
}
|
240
|
+
.ui.modal .actions > .buttons,
|
241
|
+
.ui.modal .actions > .button {
|
242
|
+
margin-bottom: 1rem;
|
243
|
+
}
|
244
|
+
}
|
245
|
+
|
246
|
+
|
247
|
+
/*******************************
|
248
|
+
Types
|
249
|
+
*******************************/
|
250
|
+
|
251
|
+
.ui.basic.modal {
|
252
|
+
background-color: transparent;
|
253
|
+
border: none;
|
254
|
+
border-radius: 0em;
|
255
|
+
box-shadow: 0px 0px 0px 0px;
|
256
|
+
color: #ffffff;
|
257
|
+
}
|
258
|
+
.ui.basic.modal > .header,
|
259
|
+
.ui.basic.modal > .content,
|
260
|
+
.ui.basic.modal > .actions {
|
261
|
+
background-color: transparent;
|
262
|
+
}
|
263
|
+
.ui.basic.modal > .header {
|
264
|
+
color: #ffffff;
|
265
|
+
}
|
266
|
+
.ui.basic.modal > .close {
|
267
|
+
top: 1rem;
|
268
|
+
right: 1.5rem;
|
269
|
+
}
|
270
|
+
|
271
|
+
/* Tablet and Mobile */
|
272
|
+
@media only screen and (max-width: 992px) {
|
273
|
+
.ui.basic.modal > .close {
|
274
|
+
color: #ffffff;
|
275
|
+
}
|
276
|
+
}
|
277
|
+
|
278
|
+
|
279
|
+
/*******************************
|
280
|
+
Variations
|
281
|
+
*******************************/
|
282
|
+
|
283
|
+
|
284
|
+
/* A modal that cannot fit on the page */
|
285
|
+
.scrolling.dimmable.dimmed {
|
286
|
+
overflow: hidden;
|
287
|
+
}
|
288
|
+
.scrolling.dimmable.dimmed > .dimmer {
|
289
|
+
overflow: auto;
|
290
|
+
-webkit-overflow-scrolling: touch;
|
291
|
+
}
|
292
|
+
.scrolling.dimmable > .dimmer {
|
293
|
+
position: fixed;
|
294
|
+
}
|
295
|
+
.ui.scrolling.modal {
|
296
|
+
position: static;
|
297
|
+
margin: 3.5rem auto !important;
|
298
|
+
}
|
299
|
+
@media only screen and (max-width: 992px) {
|
300
|
+
.ui.scrolling.modal {
|
301
|
+
margin-top: 1rem;
|
302
|
+
margin-bottom: 1rem;
|
303
|
+
}
|
304
|
+
}
|
305
|
+
|
306
|
+
|
307
|
+
/*******************************
|
308
|
+
States
|
309
|
+
*******************************/
|
310
|
+
|
311
|
+
.ui.active.modal {
|
312
|
+
display: block;
|
313
|
+
}
|
314
|
+
|
315
|
+
|
316
|
+
/*******************************
|
317
|
+
Variations
|
318
|
+
*******************************/
|
319
|
+
|
320
|
+
|
321
|
+
/*--------------
|
322
|
+
Full Screen
|
323
|
+
---------------*/
|
324
|
+
|
325
|
+
.ui.fullscreen.modal {
|
326
|
+
width: 95% !important;
|
327
|
+
left: 2.5% !important;
|
328
|
+
margin: 1em auto;
|
329
|
+
}
|
330
|
+
.ui.fullscreen.scrolling.modal {
|
331
|
+
left: 0em !important;
|
332
|
+
}
|
333
|
+
.ui.fullscreen.modal > .header {
|
334
|
+
padding-right: 2.25rem;
|
335
|
+
}
|
336
|
+
.ui.fullscreen.modal > .close {
|
337
|
+
top: 0.905rem;
|
338
|
+
right: 1rem;
|
339
|
+
color: rgba(0, 0, 0, 0.8);
|
340
|
+
}
|
341
|
+
|
342
|
+
/*--------------
|
343
|
+
Size
|
344
|
+
---------------*/
|
345
|
+
|
346
|
+
.ui.modal {
|
347
|
+
font-size: 1rem;
|
348
|
+
}
|
349
|
+
|
350
|
+
/* Small */
|
351
|
+
.ui.small.modal > .header {
|
352
|
+
font-size: 1.3em;
|
353
|
+
}
|
354
|
+
|
355
|
+
/* Small Modal Width */
|
356
|
+
@media only screen and (max-width: 767px) {
|
357
|
+
.ui.small.modal {
|
358
|
+
width: 95%;
|
359
|
+
margin: 0em 0em 0em -47.5%;
|
360
|
+
}
|
361
|
+
}
|
362
|
+
@media only screen and (min-width: 768px) {
|
363
|
+
.ui.small.modal {
|
364
|
+
width: 52.8%;
|
365
|
+
margin: 0em 0em 0em -26.4%;
|
366
|
+
}
|
367
|
+
}
|
368
|
+
@media only screen and (min-width: 992px) {
|
369
|
+
.ui.small.modal {
|
370
|
+
width: 44.4%;
|
371
|
+
margin: 0em 0em 0em -22.2%;
|
372
|
+
}
|
373
|
+
}
|
374
|
+
@media only screen and (min-width: 1400px) {
|
375
|
+
.ui.small.modal {
|
376
|
+
width: 33.6%;
|
377
|
+
margin: 0em 0em 0em -16.8%;
|
378
|
+
}
|
379
|
+
}
|
380
|
+
@media only screen and (min-width: 1920px) {
|
381
|
+
.ui.small.modal {
|
382
|
+
width: 25.2%;
|
383
|
+
margin: 0em 0em 0em -12.6%;
|
384
|
+
}
|
385
|
+
}
|
386
|
+
|
387
|
+
/* Large Modal Width */
|
388
|
+
.ui.large.modal > .header {
|
389
|
+
font-size: 1.6em;
|
390
|
+
}
|
391
|
+
@media only screen and (max-width: 767px) {
|
392
|
+
.ui.large.modal {
|
393
|
+
width: 95%;
|
394
|
+
margin: 0em 0em 0em -47.5%;
|
395
|
+
}
|
396
|
+
}
|
397
|
+
@media only screen and (min-width: 768px) {
|
398
|
+
.ui.large.modal {
|
399
|
+
width: 88%;
|
400
|
+
margin: 0em 0em 0em -44%;
|
401
|
+
}
|
402
|
+
}
|
403
|
+
@media only screen and (min-width: 992px) {
|
404
|
+
.ui.large.modal {
|
405
|
+
width: 88.8%;
|
406
|
+
margin: 0em 0em 0em -44.4%;
|
407
|
+
}
|
408
|
+
}
|
409
|
+
@media only screen and (min-width: 1400px) {
|
410
|
+
.ui.large.modal {
|
411
|
+
width: 67.2%;
|
412
|
+
margin: 0em 0em 0em -33.6%;
|
413
|
+
}
|
414
|
+
}
|
415
|
+
@media only screen and (min-width: 1920px) {
|
416
|
+
.ui.large.modal {
|
417
|
+
width: 50.4%;
|
418
|
+
margin: 0em 0em 0em -25.2%;
|
419
|
+
}
|
420
|
+
}
|
421
|
+
|
422
|
+
|
423
|
+
/*******************************
|
424
|
+
Theme Overrides
|
425
|
+
*******************************/
|
426
|
+
|
427
|
+
|
428
|
+
|
429
|
+
/*******************************
|
430
|
+
Site Overrides
|
431
|
+
*******************************/
|
432
|
+
|