From 83f7541fed40b0cbeb7c39e4be516c52cbe884c8 Mon Sep 17 00:00:00 2001 From: Emily Stinger Date: Thu, 6 Aug 2015 23:26:53 -0500 Subject: [PATCH 1/3] Updating lab 1 welcome message to something generic. And not a cat picture. --- api/views/index.jade | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/api/views/index.jade b/api/views/index.jade index 5a5ea2b..0249e9d 100644 --- a/api/views/index.jade +++ b/api/views/index.jade @@ -12,7 +12,7 @@ html(class="no-js") body .tsz-page-container.ui.padded .ui.message.yellow - .ui.large.header Welcome to Nebraska.Code() + .ui.large.header Welcome to the ReactJS Workshop .ui.message.yellow .ui.medium.header Let's Learn Us Some React/Flux From 488f7fb77c88285b8bf0864e1b18b7511cf4d34a Mon Sep 17 00:00:00 2001 From: Bruce Coddington Date: Sun, 9 Aug 2015 20:27:05 -0500 Subject: [PATCH 2/3] moved semantic into client assets and removed build updated packages updated links for react-select --- .gitignore | 10 - client/assets/less/lib/select/custom.less | 10 +- client/assets/less/lib/select/variables.less | 11 +- .../src/definitions/behaviors/api.js | 0 .../src/definitions/behaviors/colorize.js | 0 .../src/definitions/behaviors/form.js | 0 .../src/definitions/behaviors/state.js | 0 .../src/definitions/behaviors/visibility.js | 0 .../src/definitions/behaviors/visit.js | 0 .../definitions/collections/breadcrumb.less | 0 .../src/definitions/collections/form.less | 0 .../src/definitions/collections/grid.less | 0 .../src/definitions/collections/menu.less | 0 .../src/definitions/collections/message.less | 0 .../src/definitions/collections/table.less | 0 .../src/definitions/elements/button.less | 0 .../src/definitions/elements/divider.less | 0 .../src/definitions/elements/flag.less | 0 .../src/definitions/elements/header.less | 0 .../src/definitions/elements/icon.less | 0 .../src/definitions/elements/image.less | 0 .../src/definitions/elements/input.less | 0 .../src/definitions/elements/label.less | 0 .../src/definitions/elements/list.less | 0 .../src/definitions/elements/loader.less | 0 .../src/definitions/elements/rail.less | 0 .../src/definitions/elements/reveal.less | 0 .../src/definitions/elements/segment.less | 0 .../src/definitions/elements/step.less | 0 .../src/definitions/globals/reset.less | 0 .../semantic}/src/definitions/globals/site.js | 0 .../src/definitions/globals/site.less | 0 .../src/definitions/modules/accordion.js | 0 .../src/definitions/modules/accordion.less | 0 .../src/definitions/modules/checkbox.js | 0 .../src/definitions/modules/checkbox.less | 0 .../src/definitions/modules/dimmer.js | 0 .../src/definitions/modules/dimmer.less | 0 .../src/definitions/modules/dropdown.js | 0 .../src/definitions/modules/dropdown.less | 0 .../src/definitions/modules/modal.js | 0 .../src/definitions/modules/modal.less | 0 .../semantic}/src/definitions/modules/nag.js | 0 .../src/definitions/modules/nag.less | 0 .../src/definitions/modules/popup.js | 0 .../src/definitions/modules/popup.less | 0 .../src/definitions/modules/progress.js | 0 .../src/definitions/modules/progress.less | 0 .../src/definitions/modules/rating.js | 0 .../src/definitions/modules/rating.less | 0 .../src/definitions/modules/search.js | 0 .../src/definitions/modules/search.less | 0 .../src/definitions/modules/shape.js | 0 .../src/definitions/modules/shape.less | 0 .../src/definitions/modules/sidebar.js | 0 .../src/definitions/modules/sidebar.less | 0 .../src/definitions/modules/sticky.js | 0 .../src/definitions/modules/sticky.less | 0 .../semantic}/src/definitions/modules/tab.js | 0 .../src/definitions/modules/tab.less | 0 .../src/definitions/modules/transition.js | 0 .../src/definitions/modules/transition.less | 0 .../src/definitions/modules/video.js | 0 .../src/definitions/modules/video.less | 0 .../semantic}/src/definitions/views/ad.less | 0 .../semantic}/src/definitions/views/card.less | 0 .../src/definitions/views/comment.less | 0 .../semantic}/src/definitions/views/feed.less | 0 .../semantic}/src/definitions/views/item.less | 0 .../src/definitions/views/statistic.less | 0 .../less/lib/semantic}/src/semantic.less | 0 .../src/site/collections/breadcrumb.overrides | 0 .../src/site/collections/breadcrumb.variables | 0 .../src/site/collections/form.overrides | 0 .../src/site/collections/form.variables | 0 .../src/site/collections/grid.overrides | 0 .../src/site/collections/grid.variables | 0 .../src/site/collections/menu.overrides | 0 .../src/site/collections/menu.variables | 0 .../src/site/collections/message.overrides | 0 .../src/site/collections/message.variables | 0 .../src/site/collections/table.overrides | 0 .../src/site/collections/table.variables | 0 .../src/site/elements/button.overrides | 0 .../src/site/elements/button.variables | 0 .../src/site/elements/divider.overrides | 0 .../src/site/elements/divider.variables | 0 .../src/site/elements/flag.overrides | 0 .../src/site/elements/flag.variables | 0 .../src/site/elements/header.overrides | 0 .../src/site/elements/header.variables | 0 .../src/site/elements/icon.overrides | 0 .../src/site/elements/icon.variables | 0 .../src/site/elements/image.overrides | 0 .../src/site/elements/image.variables | 0 .../src/site/elements/input.overrides | 0 .../src/site/elements/input.variables | 0 .../src/site/elements/label.overrides | 0 .../src/site/elements/label.variables | 0 .../src/site/elements/list.overrides | 0 .../src/site/elements/list.variables | 0 .../src/site/elements/loader.overrides | 0 .../src/site/elements/loader.variables | 0 .../src/site/elements/rail.overrides | 0 .../src/site/elements/rail.variables | 0 .../src/site/elements/reveal.overrides | 0 .../src/site/elements/reveal.variables | 0 .../src/site/elements/segment.overrides | 0 .../src/site/elements/segment.variables | 0 .../src/site/elements/step.overrides | 0 .../src/site/elements/step.variables | 0 .../src/site/globals/reset.overrides | 0 .../src/site/globals/reset.variables | 0 .../semantic}/src/site/globals/site.overrides | 0 .../semantic}/src/site/globals/site.variables | 0 .../src/site/modules/accordion.overrides | 0 .../src/site/modules/accordion.variables | 0 .../src/site/modules/chatroom.overrides | 0 .../src/site/modules/chatroom.variables | 0 .../src/site/modules/checkbox.overrides | 0 .../src/site/modules/checkbox.variables | 0 .../src/site/modules/dimmer.overrides | 0 .../src/site/modules/dimmer.variables | 0 .../src/site/modules/dropdown.overrides | 0 .../src/site/modules/dropdown.variables | 0 .../src/site/modules/modal.overrides | 0 .../src/site/modules/modal.variables | 0 .../semantic}/src/site/modules/nag.overrides | 0 .../semantic}/src/site/modules/nag.variables | 0 .../src/site/modules/popup.overrides | 0 .../src/site/modules/popup.variables | 0 .../src/site/modules/progress.overrides | 0 .../src/site/modules/progress.variables | 0 .../src/site/modules/rating.overrides | 0 .../src/site/modules/rating.variables | 0 .../src/site/modules/search.overrides | 0 .../src/site/modules/search.variables | 0 .../src/site/modules/shape.overrides | 0 .../src/site/modules/shape.variables | 0 .../src/site/modules/sidebar.overrides | 0 .../src/site/modules/sidebar.variables | 0 .../src/site/modules/sticky.overrides | 0 .../src/site/modules/sticky.variables | 0 .../semantic}/src/site/modules/tab.overrides | 0 .../semantic}/src/site/modules/tab.variables | 0 .../src/site/modules/transition.overrides | 0 .../src/site/modules/transition.variables | 0 .../src/site/modules/video.overrides | 0 .../src/site/modules/video.variables | 0 .../lib/semantic}/src/site/views/ad.overrides | 0 .../lib/semantic}/src/site/views/ad.variables | 0 .../semantic}/src/site/views/card.overrides | 0 .../semantic}/src/site/views/card.variables | 0 .../src/site/views/comment.overrides | 0 .../src/site/views/comment.variables | 0 .../semantic}/src/site/views/feed.overrides | 0 .../semantic}/src/site/views/feed.variables | 0 .../semantic}/src/site/views/item.overrides | 0 .../semantic}/src/site/views/item.variables | 0 .../src/site/views/statistic.overrides | 0 .../src/site/views/statistic.variables | 0 .../less/lib/semantic}/src/theme.config | 0 .../assets/less/lib/semantic}/src/theme.less | 0 .../themes/amazon/elements/button.overrides | 0 .../themes/amazon/elements/button.variables | 0 .../src/themes/basic/assets/fonts/icons.eot | Bin .../src/themes/basic/assets/fonts/icons.svg | 0 .../src/themes/basic/assets/fonts/icons.ttf | Bin .../src/themes/basic/assets/fonts/icons.woff | Bin .../themes/basic/collections/table.overrides | 0 .../themes/basic/collections/table.variables | 0 .../themes/basic/elements/button.overrides | 0 .../themes/basic/elements/button.variables | 0 .../src/themes/basic/elements/icon.overrides | 0 .../src/themes/basic/elements/icon.variables | 0 .../src/themes/basic/elements/step.overrides | 0 .../src/themes/basic/elements/step.variables | 0 .../src/themes/basic/globals/reset.overrides | 0 .../src/themes/basic/globals/reset.variables | 0 .../themes/basic/modules/progress.overrides | 0 .../themes/basic/modules/progress.variables | 0 .../src/themes/basic/views/card.overrides | 0 .../src/themes/basic/views/card.variables | 0 .../themes/bookish/elements/header.overrides | 0 .../themes/bookish/elements/header.variables | 0 .../bootstrap3/elements/button.overrides | 0 .../bootstrap3/elements/button.variables | 0 .../themes/chubby/collections/form.overrides | 0 .../themes/chubby/collections/form.variables | 0 .../themes/chubby/elements/button.overrides | 0 .../themes/chubby/elements/button.variables | 0 .../themes/chubby/elements/header.overrides | 0 .../themes/chubby/elements/header.variables | 0 .../themes/chubby/modules/accordion.overrides | 0 .../themes/chubby/modules/accordion.variables | 0 .../src/themes/chubby/views/comment.overrides | 0 .../src/themes/chubby/views/comment.variables | 0 .../classic/collections/table.overrides | 0 .../classic/collections/table.variables | 0 .../themes/classic/elements/button.overrides | 0 .../themes/classic/elements/button.variables | 0 .../themes/classic/elements/header.overrides | 0 .../themes/classic/elements/header.variables | 0 .../themes/classic/modules/progress.overrides | 0 .../themes/classic/modules/progress.variables | 0 .../src/themes/classic/views/card.overrides | 0 .../src/themes/classic/views/card.variables | 0 .../src/themes/default/assets/fonts/icons.eot | Bin .../src/themes/default/assets/fonts/icons.svg | 0 .../src/themes/default/assets/fonts/icons.ttf | Bin .../themes/default/assets/fonts/icons.woff | Bin .../themes/default/assets/fonts/icons.woff2 | Bin .../themes/default/assets/images/flags.png | Bin .../default/collections/breadcrumb.overrides | 0 .../default/collections/breadcrumb.variables | 0 .../themes/default/collections/form.overrides | 0 .../themes/default/collections/form.variables | 0 .../themes/default/collections/grid.overrides | 0 .../themes/default/collections/grid.variables | 0 .../themes/default/collections/menu.overrides | 0 .../themes/default/collections/menu.variables | 0 .../default/collections/message.overrides | 0 .../default/collections/message.variables | 0 .../default/collections/table.overrides | 0 .../default/collections/table.variables | 0 .../themes/default/elements/button.overrides | 0 .../themes/default/elements/button.variables | 0 .../themes/default/elements/divider.overrides | 0 .../themes/default/elements/divider.variables | 0 .../themes/default/elements/flag.overrides | 0 .../themes/default/elements/flag.variables | 0 .../themes/default/elements/header.overrides | 0 .../themes/default/elements/header.variables | 0 .../themes/default/elements/icon.overrides | 0 .../themes/default/elements/icon.variables | 0 .../themes/default/elements/image.overrides | 0 .../themes/default/elements/image.variables | 0 .../themes/default/elements/input.overrides | 0 .../themes/default/elements/input.variables | 0 .../themes/default/elements/label.overrides | 0 .../themes/default/elements/label.variables | 0 .../themes/default/elements/list.overrides | 0 .../themes/default/elements/list.variables | 0 .../themes/default/elements/loader.overrides | 0 .../themes/default/elements/loader.variables | 0 .../themes/default/elements/rail.overrides | 0 .../themes/default/elements/rail.variables | 0 .../themes/default/elements/reveal.overrides | 0 .../themes/default/elements/reveal.variables | 0 .../themes/default/elements/segment.overrides | 0 .../themes/default/elements/segment.variables | 0 .../themes/default/elements/step.overrides | 0 .../themes/default/elements/step.variables | 0 .../themes/default/globals/reset.overrides | 0 .../themes/default/globals/reset.variables | 0 .../src/themes/default/globals/site.overrides | 0 .../src/themes/default/globals/site.variables | 0 .../default/modules/accordion.overrides | 0 .../default/modules/accordion.variables | 0 .../themes/default/modules/chatroom.overrides | 0 .../themes/default/modules/chatroom.variables | 0 .../themes/default/modules/checkbox.overrides | 0 .../themes/default/modules/checkbox.variables | 0 .../themes/default/modules/dimmer.overrides | 0 .../themes/default/modules/dimmer.variables | 0 .../themes/default/modules/dropdown.overrides | 0 .../themes/default/modules/dropdown.variables | 0 .../themes/default/modules/modal.overrides | 0 .../themes/default/modules/modal.variables | 0 .../src/themes/default/modules/nag.overrides | 0 .../src/themes/default/modules/nag.variables | 0 .../themes/default/modules/popup.overrides | 0 .../themes/default/modules/popup.variables | 0 .../themes/default/modules/progress.overrides | 0 .../themes/default/modules/progress.variables | 0 .../themes/default/modules/rating.overrides | 0 .../themes/default/modules/rating.variables | 0 .../themes/default/modules/search.overrides | 0 .../themes/default/modules/search.variables | 0 .../themes/default/modules/shape.overrides | 0 .../themes/default/modules/shape.variables | 0 .../themes/default/modules/sidebar.overrides | 0 .../themes/default/modules/sidebar.variables | 0 .../themes/default/modules/sticky.overrides | 0 .../themes/default/modules/sticky.variables | 0 .../src/themes/default/modules/tab.overrides | 0 .../src/themes/default/modules/tab.variables | 0 .../default/modules/transition.overrides | 0 .../default/modules/transition.variables | 0 .../themes/default/modules/video.overrides | 0 .../themes/default/modules/video.variables | 0 .../src/themes/default/views/ad.overrides | 0 .../src/themes/default/views/ad.variables | 0 .../src/themes/default/views/card.overrides | 0 .../src/themes/default/views/card.variables | 0 .../themes/default/views/comment.overrides | 0 .../themes/default/views/comment.variables | 0 .../src/themes/default/views/feed.overrides | 0 .../src/themes/default/views/feed.variables | 0 .../src/themes/default/views/item.overrides | 0 .../src/themes/default/views/item.variables | 0 .../themes/default/views/statistic.overrides | 0 .../themes/default/views/statistic.variables | 0 .../src/themes/duo/elements/loader.overrides | 0 .../src/themes/duo/elements/loader.variables | 0 .../fixed-width/collections/grid.overrides | 0 .../fixed-width/collections/grid.variables | 0 .../fixed-width/modules/modal.overrides | 0 .../fixed-width/modules/modal.variables | 0 .../themes/flat/collections/form.overrides | 0 .../themes/flat/collections/form.variables | 0 .../src/themes/flat/globals/site.overrides | 0 .../src/themes/flat/globals/site.variables | 0 .../themes/github/collections/form.overrides | 0 .../themes/github/collections/form.variables | 0 .../themes/github/collections/menu.overrides | 0 .../themes/github/collections/menu.variables | 0 .../github/collections/message.overrides | 0 .../github/collections/message.variables | 0 .../themes/github/elements/button.overrides | 0 .../themes/github/elements/button.variables | 0 .../themes/github/elements/segment.overrides | 0 .../themes/github/elements/segment.variables | 0 .../src/themes/github/elements/step.overrides | 0 .../src/themes/github/elements/step.variables | 0 .../gmail/collections/message.overrides | 0 .../gmail/collections/message.variables | 0 .../themes/material/elements/button.overrides | 0 .../themes/material/elements/button.variables | 0 .../themes/material/elements/header.overrides | 0 .../themes/material/elements/header.variables | 0 .../themes/material/globals/site.overrides | 0 .../themes/material/globals/site.variables | 0 .../themes/material/modules/modal.overrides | 0 .../themes/material/modules/modal.variables | 0 .../themes/pulsar/elements/loader.overrides | 0 .../themes/pulsar/elements/loader.variables | 0 .../themes/raised/elements/button.overrides | 0 .../themes/raised/elements/button.variables | 0 .../themes/resetcss/globals/reset.overrides | 0 .../themes/resetcss/globals/reset.variables | 0 .../themes/round/elements/button.overrides | 0 .../themes/round/elements/button.variables | 0 .../src/themes/rtl/globals/site.overrides | 0 .../src/themes/rtl/globals/site.variables | 0 .../themes/striped/modules/progress.overrides | 0 .../themes/striped/modules/progress.variables | 0 .../src/themes/timeline/views/feed.overrides | 0 .../src/themes/timeline/views/feed.variables | 0 .../themes/twitter/elements/button.overrides | 0 .../themes/twitter/elements/button.variables | 0 client/assets/less/style.less | 8 +- gulpfile.js | 7 +- package.json | 66 +- semantic.json | 21 - semantic/tasks/README.md | 17 - semantic/tasks/admin/components/create.js | 332 -------- semantic/tasks/admin/components/init.js | 170 ---- semantic/tasks/admin/components/update.js | 184 ----- semantic/tasks/admin/distributions/create.js | 216 ----- semantic/tasks/admin/distributions/init.js | 170 ---- semantic/tasks/admin/distributions/update.js | 182 ----- semantic/tasks/admin/publish.js | 25 - semantic/tasks/admin/register.js | 55 -- semantic/tasks/admin/release.js | 29 - semantic/tasks/build.js | 138 ---- semantic/tasks/check-install.js | 28 - semantic/tasks/clean.js | 14 - semantic/tasks/collections/README.md | 16 - semantic/tasks/collections/admin.js | 49 -- semantic/tasks/collections/internal.js | 214 ----- semantic/tasks/config/admin/github.js | 38 - semantic/tasks/config/admin/oauth.example.js | 10 - semantic/tasks/config/admin/release.js | 110 --- .../tasks/config/admin/templates/README.md | 29 - .../tasks/config/admin/templates/bower.json | 29 - .../admin/templates/component-package.js | 14 - .../config/admin/templates/composer.json | 20 - .../config/admin/templates/css-package.js | 33 - .../config/admin/templates/less-package.js | 21 - .../tasks/config/admin/templates/package.json | 17 - semantic/tasks/config/defaults.js | 116 --- semantic/tasks/config/docs.js | 24 - semantic/tasks/config/npm/gulpfile.js | 59 -- semantic/tasks/config/project/config.js | 135 ---- semantic/tasks/config/project/install.js | 762 ------------------ semantic/tasks/config/project/release.js | 61 -- semantic/tasks/config/project/tasks.js | 125 --- semantic/tasks/config/user.js | 58 -- semantic/tasks/docs/build.js | 158 ---- semantic/tasks/docs/serve.js | 236 ------ semantic/tasks/install.js | 391 --------- semantic/tasks/rtl/build.js | 132 --- semantic/tasks/rtl/watch.js | 221 ----- semantic/tasks/version.js | 11 - semantic/tasks/watch.js | 225 ------ 396 files changed, 51 insertions(+), 4956 deletions(-) rename {semantic => client/assets/less/lib/semantic}/src/definitions/behaviors/api.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/behaviors/colorize.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/behaviors/form.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/behaviors/state.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/behaviors/visibility.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/behaviors/visit.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/collections/breadcrumb.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/collections/form.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/collections/grid.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/collections/menu.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/collections/message.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/collections/table.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/button.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/divider.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/flag.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/header.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/icon.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/image.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/input.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/label.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/list.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/loader.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/rail.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/reveal.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/segment.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/elements/step.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/globals/reset.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/globals/site.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/globals/site.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/accordion.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/accordion.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/checkbox.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/checkbox.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/dimmer.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/dimmer.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/dropdown.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/dropdown.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/modal.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/modal.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/nag.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/nag.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/popup.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/popup.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/progress.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/progress.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/rating.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/rating.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/search.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/search.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/shape.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/shape.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/sidebar.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/sidebar.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/sticky.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/sticky.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/tab.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/tab.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/transition.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/transition.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/video.js (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/modules/video.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/views/ad.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/views/card.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/views/comment.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/views/feed.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/views/item.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/definitions/views/statistic.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/semantic.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/breadcrumb.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/breadcrumb.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/form.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/form.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/grid.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/grid.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/menu.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/menu.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/message.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/message.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/table.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/collections/table.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/divider.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/divider.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/flag.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/flag.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/header.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/header.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/icon.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/icon.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/image.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/image.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/input.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/input.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/label.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/label.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/list.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/list.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/loader.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/loader.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/rail.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/rail.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/reveal.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/reveal.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/segment.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/segment.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/step.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/elements/step.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/globals/reset.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/globals/reset.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/globals/site.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/globals/site.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/accordion.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/accordion.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/chatroom.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/chatroom.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/checkbox.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/checkbox.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/dimmer.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/dimmer.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/dropdown.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/dropdown.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/modal.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/modal.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/nag.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/nag.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/popup.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/popup.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/progress.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/progress.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/rating.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/rating.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/search.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/search.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/shape.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/shape.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/sidebar.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/sidebar.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/sticky.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/sticky.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/tab.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/tab.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/transition.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/transition.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/video.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/modules/video.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/ad.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/ad.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/card.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/card.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/comment.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/comment.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/feed.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/feed.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/item.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/item.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/statistic.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/site/views/statistic.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/theme.config (100%) rename {semantic => client/assets/less/lib/semantic}/src/theme.less (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/amazon/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/amazon/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/assets/fonts/icons.eot (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/assets/fonts/icons.svg (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/assets/fonts/icons.ttf (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/assets/fonts/icons.woff (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/collections/table.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/collections/table.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/elements/icon.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/elements/icon.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/elements/step.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/elements/step.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/globals/reset.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/globals/reset.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/modules/progress.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/modules/progress.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/views/card.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/basic/views/card.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/bookish/elements/header.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/bookish/elements/header.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/bootstrap3/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/bootstrap3/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/collections/form.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/collections/form.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/elements/header.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/elements/header.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/modules/accordion.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/modules/accordion.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/views/comment.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/chubby/views/comment.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/collections/table.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/collections/table.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/elements/header.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/elements/header.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/modules/progress.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/modules/progress.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/views/card.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/classic/views/card.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/assets/fonts/icons.eot (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/assets/fonts/icons.svg (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/assets/fonts/icons.ttf (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/assets/fonts/icons.woff (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/assets/fonts/icons.woff2 (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/assets/images/flags.png (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/breadcrumb.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/breadcrumb.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/form.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/form.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/grid.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/grid.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/menu.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/menu.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/message.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/message.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/table.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/collections/table.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/divider.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/divider.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/flag.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/flag.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/header.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/header.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/icon.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/icon.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/image.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/image.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/input.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/input.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/label.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/label.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/list.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/list.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/loader.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/loader.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/rail.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/rail.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/reveal.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/reveal.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/segment.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/segment.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/step.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/elements/step.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/globals/reset.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/globals/reset.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/globals/site.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/globals/site.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/accordion.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/accordion.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/chatroom.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/chatroom.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/checkbox.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/checkbox.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/dimmer.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/dimmer.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/dropdown.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/dropdown.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/modal.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/modal.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/nag.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/nag.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/popup.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/popup.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/progress.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/progress.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/rating.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/rating.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/search.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/search.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/shape.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/shape.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/sidebar.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/sidebar.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/sticky.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/sticky.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/tab.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/tab.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/transition.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/transition.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/video.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/modules/video.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/ad.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/ad.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/card.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/card.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/comment.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/comment.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/feed.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/feed.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/item.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/item.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/statistic.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/default/views/statistic.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/duo/elements/loader.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/duo/elements/loader.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/fixed-width/collections/grid.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/fixed-width/collections/grid.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/fixed-width/modules/modal.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/fixed-width/modules/modal.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/flat/collections/form.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/flat/collections/form.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/flat/globals/site.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/flat/globals/site.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/collections/form.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/collections/form.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/collections/menu.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/collections/menu.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/collections/message.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/collections/message.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/elements/segment.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/elements/segment.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/elements/step.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/github/elements/step.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/gmail/collections/message.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/gmail/collections/message.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/material/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/material/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/material/elements/header.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/material/elements/header.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/material/globals/site.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/material/globals/site.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/material/modules/modal.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/material/modules/modal.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/pulsar/elements/loader.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/pulsar/elements/loader.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/raised/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/raised/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/resetcss/globals/reset.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/resetcss/globals/reset.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/round/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/round/elements/button.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/rtl/globals/site.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/rtl/globals/site.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/striped/modules/progress.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/striped/modules/progress.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/timeline/views/feed.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/timeline/views/feed.variables (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/twitter/elements/button.overrides (100%) rename {semantic => client/assets/less/lib/semantic}/src/themes/twitter/elements/button.variables (100%) delete mode 100755 semantic.json delete mode 100755 semantic/tasks/README.md delete mode 100755 semantic/tasks/admin/components/create.js delete mode 100755 semantic/tasks/admin/components/init.js delete mode 100755 semantic/tasks/admin/components/update.js delete mode 100755 semantic/tasks/admin/distributions/create.js delete mode 100755 semantic/tasks/admin/distributions/init.js delete mode 100755 semantic/tasks/admin/distributions/update.js delete mode 100755 semantic/tasks/admin/publish.js delete mode 100755 semantic/tasks/admin/register.js delete mode 100755 semantic/tasks/admin/release.js delete mode 100755 semantic/tasks/build.js delete mode 100755 semantic/tasks/check-install.js delete mode 100755 semantic/tasks/clean.js delete mode 100755 semantic/tasks/collections/README.md delete mode 100755 semantic/tasks/collections/admin.js delete mode 100755 semantic/tasks/collections/internal.js delete mode 100755 semantic/tasks/config/admin/github.js delete mode 100755 semantic/tasks/config/admin/oauth.example.js delete mode 100755 semantic/tasks/config/admin/release.js delete mode 100755 semantic/tasks/config/admin/templates/README.md delete mode 100755 semantic/tasks/config/admin/templates/bower.json delete mode 100755 semantic/tasks/config/admin/templates/component-package.js delete mode 100755 semantic/tasks/config/admin/templates/composer.json delete mode 100755 semantic/tasks/config/admin/templates/css-package.js delete mode 100755 semantic/tasks/config/admin/templates/less-package.js delete mode 100755 semantic/tasks/config/admin/templates/package.json delete mode 100755 semantic/tasks/config/defaults.js delete mode 100755 semantic/tasks/config/docs.js delete mode 100755 semantic/tasks/config/npm/gulpfile.js delete mode 100755 semantic/tasks/config/project/config.js delete mode 100755 semantic/tasks/config/project/install.js delete mode 100755 semantic/tasks/config/project/release.js delete mode 100755 semantic/tasks/config/project/tasks.js delete mode 100755 semantic/tasks/config/user.js delete mode 100755 semantic/tasks/docs/build.js delete mode 100755 semantic/tasks/docs/serve.js delete mode 100755 semantic/tasks/install.js delete mode 100755 semantic/tasks/rtl/build.js delete mode 100755 semantic/tasks/rtl/watch.js delete mode 100755 semantic/tasks/version.js delete mode 100755 semantic/tasks/watch.js diff --git a/.gitignore b/.gitignore index 1eeefdb..ed20375 100644 --- a/.gitignore +++ b/.gitignore @@ -5,12 +5,6 @@ client/dist/* node_modules/* -client/test-reports/* - -client/docs/* - -client/assets/js/* - client/cache.manifest .idea/* @@ -23,8 +17,4 @@ dist api/data/db/* -semantic/dist/* - -semantic/node_modules/* - npm-debug.log diff --git a/client/assets/less/lib/select/custom.less b/client/assets/less/lib/select/custom.less index e0d28c9..81dc52a 100644 --- a/client/assets/less/lib/select/custom.less +++ b/client/assets/less/lib/select/custom.less @@ -35,11 +35,11 @@ Ensure you have the following variables set before importing this file: @select-home: "../../../../../node_modules/react-select/less"; -@import "@{select-home}/select-control.less"; -@import "@{select-home}/select-menu.less"; -@import "@{select-home}/select-mixins.less"; -@import "@{select-home}/select-multi.less"; -@import "@{select-home}/select-spinner.less"; +@import "@{select-home}/control.less"; +@import "@{select-home}/menu.less"; +@import "@{select-home}/mixins.less"; +@import "@{select-home}/multi.less"; +@import "@{select-home}/spinner.less"; .ui.form { diff --git a/client/assets/less/lib/select/variables.less b/client/assets/less/lib/select/variables.less index 42e86a4..bb1544d 100644 --- a/client/assets/less/lib/select/variables.less +++ b/client/assets/less/lib/select/variables.less @@ -6,10 +6,11 @@ * MIT License: https://github.com/keystonejs/react-select */ -// +// // Select Variables -// ------------------------------ +// ------------------------------------------------------------ +@select-input-bg: #fff; @select-text-color: #333; @select-input-border-color: #ccc; @select-input-border-radius: 4px; @@ -28,6 +29,7 @@ @select-option-color: lighten(@select-text-color, 20%); @select-option-focused-color: @select-text-color; @select-option-focused-bg: #f2f9fc; // pale blue +@select-option-disabled-color: lighten(@select-text-color, 60%); @select-noresults-color: lighten(@select-text-color, 40%); @@ -44,6 +46,10 @@ @select-item-border-color: darken(@select-item-bg, 10%); @select-item-hover-color: darken(@select-item-color, 5%); // pale blue @select-item-hover-bg: darken(@select-item-bg, 5%); +@select-item-disabled-color: #888; +@select-item-disabled-bg: #f2f2f2; +@select-item-disabled-border-color: darken(@select-item-disabled-bg, 10%); + // wrapper @@ -51,4 +57,3 @@ .Select { position: relative; } - diff --git a/semantic/src/definitions/behaviors/api.js b/client/assets/less/lib/semantic/src/definitions/behaviors/api.js similarity index 100% rename from semantic/src/definitions/behaviors/api.js rename to client/assets/less/lib/semantic/src/definitions/behaviors/api.js diff --git a/semantic/src/definitions/behaviors/colorize.js b/client/assets/less/lib/semantic/src/definitions/behaviors/colorize.js similarity index 100% rename from semantic/src/definitions/behaviors/colorize.js rename to client/assets/less/lib/semantic/src/definitions/behaviors/colorize.js diff --git a/semantic/src/definitions/behaviors/form.js b/client/assets/less/lib/semantic/src/definitions/behaviors/form.js similarity index 100% rename from semantic/src/definitions/behaviors/form.js rename to client/assets/less/lib/semantic/src/definitions/behaviors/form.js diff --git a/semantic/src/definitions/behaviors/state.js b/client/assets/less/lib/semantic/src/definitions/behaviors/state.js similarity index 100% rename from semantic/src/definitions/behaviors/state.js rename to client/assets/less/lib/semantic/src/definitions/behaviors/state.js diff --git a/semantic/src/definitions/behaviors/visibility.js b/client/assets/less/lib/semantic/src/definitions/behaviors/visibility.js similarity index 100% rename from semantic/src/definitions/behaviors/visibility.js rename to client/assets/less/lib/semantic/src/definitions/behaviors/visibility.js diff --git a/semantic/src/definitions/behaviors/visit.js b/client/assets/less/lib/semantic/src/definitions/behaviors/visit.js similarity index 100% rename from semantic/src/definitions/behaviors/visit.js rename to client/assets/less/lib/semantic/src/definitions/behaviors/visit.js diff --git a/semantic/src/definitions/collections/breadcrumb.less b/client/assets/less/lib/semantic/src/definitions/collections/breadcrumb.less similarity index 100% rename from semantic/src/definitions/collections/breadcrumb.less rename to client/assets/less/lib/semantic/src/definitions/collections/breadcrumb.less diff --git a/semantic/src/definitions/collections/form.less b/client/assets/less/lib/semantic/src/definitions/collections/form.less similarity index 100% rename from semantic/src/definitions/collections/form.less rename to client/assets/less/lib/semantic/src/definitions/collections/form.less diff --git a/semantic/src/definitions/collections/grid.less b/client/assets/less/lib/semantic/src/definitions/collections/grid.less similarity index 100% rename from semantic/src/definitions/collections/grid.less rename to client/assets/less/lib/semantic/src/definitions/collections/grid.less diff --git a/semantic/src/definitions/collections/menu.less b/client/assets/less/lib/semantic/src/definitions/collections/menu.less similarity index 100% rename from semantic/src/definitions/collections/menu.less rename to client/assets/less/lib/semantic/src/definitions/collections/menu.less diff --git a/semantic/src/definitions/collections/message.less b/client/assets/less/lib/semantic/src/definitions/collections/message.less similarity index 100% rename from semantic/src/definitions/collections/message.less rename to client/assets/less/lib/semantic/src/definitions/collections/message.less diff --git a/semantic/src/definitions/collections/table.less b/client/assets/less/lib/semantic/src/definitions/collections/table.less similarity index 100% rename from semantic/src/definitions/collections/table.less rename to client/assets/less/lib/semantic/src/definitions/collections/table.less diff --git a/semantic/src/definitions/elements/button.less b/client/assets/less/lib/semantic/src/definitions/elements/button.less similarity index 100% rename from semantic/src/definitions/elements/button.less rename to client/assets/less/lib/semantic/src/definitions/elements/button.less diff --git a/semantic/src/definitions/elements/divider.less b/client/assets/less/lib/semantic/src/definitions/elements/divider.less similarity index 100% rename from semantic/src/definitions/elements/divider.less rename to client/assets/less/lib/semantic/src/definitions/elements/divider.less diff --git a/semantic/src/definitions/elements/flag.less b/client/assets/less/lib/semantic/src/definitions/elements/flag.less similarity index 100% rename from semantic/src/definitions/elements/flag.less rename to client/assets/less/lib/semantic/src/definitions/elements/flag.less diff --git a/semantic/src/definitions/elements/header.less b/client/assets/less/lib/semantic/src/definitions/elements/header.less similarity index 100% rename from semantic/src/definitions/elements/header.less rename to client/assets/less/lib/semantic/src/definitions/elements/header.less diff --git a/semantic/src/definitions/elements/icon.less b/client/assets/less/lib/semantic/src/definitions/elements/icon.less similarity index 100% rename from semantic/src/definitions/elements/icon.less rename to client/assets/less/lib/semantic/src/definitions/elements/icon.less diff --git a/semantic/src/definitions/elements/image.less b/client/assets/less/lib/semantic/src/definitions/elements/image.less similarity index 100% rename from semantic/src/definitions/elements/image.less rename to client/assets/less/lib/semantic/src/definitions/elements/image.less diff --git a/semantic/src/definitions/elements/input.less b/client/assets/less/lib/semantic/src/definitions/elements/input.less similarity index 100% rename from semantic/src/definitions/elements/input.less rename to client/assets/less/lib/semantic/src/definitions/elements/input.less diff --git a/semantic/src/definitions/elements/label.less b/client/assets/less/lib/semantic/src/definitions/elements/label.less similarity index 100% rename from semantic/src/definitions/elements/label.less rename to client/assets/less/lib/semantic/src/definitions/elements/label.less diff --git a/semantic/src/definitions/elements/list.less b/client/assets/less/lib/semantic/src/definitions/elements/list.less similarity index 100% rename from semantic/src/definitions/elements/list.less rename to client/assets/less/lib/semantic/src/definitions/elements/list.less diff --git a/semantic/src/definitions/elements/loader.less b/client/assets/less/lib/semantic/src/definitions/elements/loader.less similarity index 100% rename from semantic/src/definitions/elements/loader.less rename to client/assets/less/lib/semantic/src/definitions/elements/loader.less diff --git a/semantic/src/definitions/elements/rail.less b/client/assets/less/lib/semantic/src/definitions/elements/rail.less similarity index 100% rename from semantic/src/definitions/elements/rail.less rename to client/assets/less/lib/semantic/src/definitions/elements/rail.less diff --git a/semantic/src/definitions/elements/reveal.less b/client/assets/less/lib/semantic/src/definitions/elements/reveal.less similarity index 100% rename from semantic/src/definitions/elements/reveal.less rename to client/assets/less/lib/semantic/src/definitions/elements/reveal.less diff --git a/semantic/src/definitions/elements/segment.less b/client/assets/less/lib/semantic/src/definitions/elements/segment.less similarity index 100% rename from semantic/src/definitions/elements/segment.less rename to client/assets/less/lib/semantic/src/definitions/elements/segment.less diff --git a/semantic/src/definitions/elements/step.less b/client/assets/less/lib/semantic/src/definitions/elements/step.less similarity index 100% rename from semantic/src/definitions/elements/step.less rename to client/assets/less/lib/semantic/src/definitions/elements/step.less diff --git a/semantic/src/definitions/globals/reset.less b/client/assets/less/lib/semantic/src/definitions/globals/reset.less similarity index 100% rename from semantic/src/definitions/globals/reset.less rename to client/assets/less/lib/semantic/src/definitions/globals/reset.less diff --git a/semantic/src/definitions/globals/site.js b/client/assets/less/lib/semantic/src/definitions/globals/site.js similarity index 100% rename from semantic/src/definitions/globals/site.js rename to client/assets/less/lib/semantic/src/definitions/globals/site.js diff --git a/semantic/src/definitions/globals/site.less b/client/assets/less/lib/semantic/src/definitions/globals/site.less similarity index 100% rename from semantic/src/definitions/globals/site.less rename to client/assets/less/lib/semantic/src/definitions/globals/site.less diff --git a/semantic/src/definitions/modules/accordion.js b/client/assets/less/lib/semantic/src/definitions/modules/accordion.js similarity index 100% rename from semantic/src/definitions/modules/accordion.js rename to client/assets/less/lib/semantic/src/definitions/modules/accordion.js diff --git a/semantic/src/definitions/modules/accordion.less b/client/assets/less/lib/semantic/src/definitions/modules/accordion.less similarity index 100% rename from semantic/src/definitions/modules/accordion.less rename to client/assets/less/lib/semantic/src/definitions/modules/accordion.less diff --git a/semantic/src/definitions/modules/checkbox.js b/client/assets/less/lib/semantic/src/definitions/modules/checkbox.js similarity index 100% rename from semantic/src/definitions/modules/checkbox.js rename to client/assets/less/lib/semantic/src/definitions/modules/checkbox.js diff --git a/semantic/src/definitions/modules/checkbox.less b/client/assets/less/lib/semantic/src/definitions/modules/checkbox.less similarity index 100% rename from semantic/src/definitions/modules/checkbox.less rename to client/assets/less/lib/semantic/src/definitions/modules/checkbox.less diff --git a/semantic/src/definitions/modules/dimmer.js b/client/assets/less/lib/semantic/src/definitions/modules/dimmer.js similarity index 100% rename from semantic/src/definitions/modules/dimmer.js rename to client/assets/less/lib/semantic/src/definitions/modules/dimmer.js diff --git a/semantic/src/definitions/modules/dimmer.less b/client/assets/less/lib/semantic/src/definitions/modules/dimmer.less similarity index 100% rename from semantic/src/definitions/modules/dimmer.less rename to client/assets/less/lib/semantic/src/definitions/modules/dimmer.less diff --git a/semantic/src/definitions/modules/dropdown.js b/client/assets/less/lib/semantic/src/definitions/modules/dropdown.js similarity index 100% rename from semantic/src/definitions/modules/dropdown.js rename to client/assets/less/lib/semantic/src/definitions/modules/dropdown.js diff --git a/semantic/src/definitions/modules/dropdown.less b/client/assets/less/lib/semantic/src/definitions/modules/dropdown.less similarity index 100% rename from semantic/src/definitions/modules/dropdown.less rename to client/assets/less/lib/semantic/src/definitions/modules/dropdown.less diff --git a/semantic/src/definitions/modules/modal.js b/client/assets/less/lib/semantic/src/definitions/modules/modal.js similarity index 100% rename from semantic/src/definitions/modules/modal.js rename to client/assets/less/lib/semantic/src/definitions/modules/modal.js diff --git a/semantic/src/definitions/modules/modal.less b/client/assets/less/lib/semantic/src/definitions/modules/modal.less similarity index 100% rename from semantic/src/definitions/modules/modal.less rename to client/assets/less/lib/semantic/src/definitions/modules/modal.less diff --git a/semantic/src/definitions/modules/nag.js b/client/assets/less/lib/semantic/src/definitions/modules/nag.js similarity index 100% rename from semantic/src/definitions/modules/nag.js rename to client/assets/less/lib/semantic/src/definitions/modules/nag.js diff --git a/semantic/src/definitions/modules/nag.less b/client/assets/less/lib/semantic/src/definitions/modules/nag.less similarity index 100% rename from semantic/src/definitions/modules/nag.less rename to client/assets/less/lib/semantic/src/definitions/modules/nag.less diff --git a/semantic/src/definitions/modules/popup.js b/client/assets/less/lib/semantic/src/definitions/modules/popup.js similarity index 100% rename from semantic/src/definitions/modules/popup.js rename to client/assets/less/lib/semantic/src/definitions/modules/popup.js diff --git a/semantic/src/definitions/modules/popup.less b/client/assets/less/lib/semantic/src/definitions/modules/popup.less similarity index 100% rename from semantic/src/definitions/modules/popup.less rename to client/assets/less/lib/semantic/src/definitions/modules/popup.less diff --git a/semantic/src/definitions/modules/progress.js b/client/assets/less/lib/semantic/src/definitions/modules/progress.js similarity index 100% rename from semantic/src/definitions/modules/progress.js rename to client/assets/less/lib/semantic/src/definitions/modules/progress.js diff --git a/semantic/src/definitions/modules/progress.less b/client/assets/less/lib/semantic/src/definitions/modules/progress.less similarity index 100% rename from semantic/src/definitions/modules/progress.less rename to client/assets/less/lib/semantic/src/definitions/modules/progress.less diff --git a/semantic/src/definitions/modules/rating.js b/client/assets/less/lib/semantic/src/definitions/modules/rating.js similarity index 100% rename from semantic/src/definitions/modules/rating.js rename to client/assets/less/lib/semantic/src/definitions/modules/rating.js diff --git a/semantic/src/definitions/modules/rating.less b/client/assets/less/lib/semantic/src/definitions/modules/rating.less similarity index 100% rename from semantic/src/definitions/modules/rating.less rename to client/assets/less/lib/semantic/src/definitions/modules/rating.less diff --git a/semantic/src/definitions/modules/search.js b/client/assets/less/lib/semantic/src/definitions/modules/search.js similarity index 100% rename from semantic/src/definitions/modules/search.js rename to client/assets/less/lib/semantic/src/definitions/modules/search.js diff --git a/semantic/src/definitions/modules/search.less b/client/assets/less/lib/semantic/src/definitions/modules/search.less similarity index 100% rename from semantic/src/definitions/modules/search.less rename to client/assets/less/lib/semantic/src/definitions/modules/search.less diff --git a/semantic/src/definitions/modules/shape.js b/client/assets/less/lib/semantic/src/definitions/modules/shape.js similarity index 100% rename from semantic/src/definitions/modules/shape.js rename to client/assets/less/lib/semantic/src/definitions/modules/shape.js diff --git a/semantic/src/definitions/modules/shape.less b/client/assets/less/lib/semantic/src/definitions/modules/shape.less similarity index 100% rename from semantic/src/definitions/modules/shape.less rename to client/assets/less/lib/semantic/src/definitions/modules/shape.less diff --git a/semantic/src/definitions/modules/sidebar.js b/client/assets/less/lib/semantic/src/definitions/modules/sidebar.js similarity index 100% rename from semantic/src/definitions/modules/sidebar.js rename to client/assets/less/lib/semantic/src/definitions/modules/sidebar.js diff --git a/semantic/src/definitions/modules/sidebar.less b/client/assets/less/lib/semantic/src/definitions/modules/sidebar.less similarity index 100% rename from semantic/src/definitions/modules/sidebar.less rename to client/assets/less/lib/semantic/src/definitions/modules/sidebar.less diff --git a/semantic/src/definitions/modules/sticky.js b/client/assets/less/lib/semantic/src/definitions/modules/sticky.js similarity index 100% rename from semantic/src/definitions/modules/sticky.js rename to client/assets/less/lib/semantic/src/definitions/modules/sticky.js diff --git a/semantic/src/definitions/modules/sticky.less b/client/assets/less/lib/semantic/src/definitions/modules/sticky.less similarity index 100% rename from semantic/src/definitions/modules/sticky.less rename to client/assets/less/lib/semantic/src/definitions/modules/sticky.less diff --git a/semantic/src/definitions/modules/tab.js b/client/assets/less/lib/semantic/src/definitions/modules/tab.js similarity index 100% rename from semantic/src/definitions/modules/tab.js rename to client/assets/less/lib/semantic/src/definitions/modules/tab.js diff --git a/semantic/src/definitions/modules/tab.less b/client/assets/less/lib/semantic/src/definitions/modules/tab.less similarity index 100% rename from semantic/src/definitions/modules/tab.less rename to client/assets/less/lib/semantic/src/definitions/modules/tab.less diff --git a/semantic/src/definitions/modules/transition.js b/client/assets/less/lib/semantic/src/definitions/modules/transition.js similarity index 100% rename from semantic/src/definitions/modules/transition.js rename to client/assets/less/lib/semantic/src/definitions/modules/transition.js diff --git a/semantic/src/definitions/modules/transition.less b/client/assets/less/lib/semantic/src/definitions/modules/transition.less similarity index 100% rename from semantic/src/definitions/modules/transition.less rename to client/assets/less/lib/semantic/src/definitions/modules/transition.less diff --git a/semantic/src/definitions/modules/video.js b/client/assets/less/lib/semantic/src/definitions/modules/video.js similarity index 100% rename from semantic/src/definitions/modules/video.js rename to client/assets/less/lib/semantic/src/definitions/modules/video.js diff --git a/semantic/src/definitions/modules/video.less b/client/assets/less/lib/semantic/src/definitions/modules/video.less similarity index 100% rename from semantic/src/definitions/modules/video.less rename to client/assets/less/lib/semantic/src/definitions/modules/video.less diff --git a/semantic/src/definitions/views/ad.less b/client/assets/less/lib/semantic/src/definitions/views/ad.less similarity index 100% rename from semantic/src/definitions/views/ad.less rename to client/assets/less/lib/semantic/src/definitions/views/ad.less diff --git a/semantic/src/definitions/views/card.less b/client/assets/less/lib/semantic/src/definitions/views/card.less similarity index 100% rename from semantic/src/definitions/views/card.less rename to client/assets/less/lib/semantic/src/definitions/views/card.less diff --git a/semantic/src/definitions/views/comment.less b/client/assets/less/lib/semantic/src/definitions/views/comment.less similarity index 100% rename from semantic/src/definitions/views/comment.less rename to client/assets/less/lib/semantic/src/definitions/views/comment.less diff --git a/semantic/src/definitions/views/feed.less b/client/assets/less/lib/semantic/src/definitions/views/feed.less similarity index 100% rename from semantic/src/definitions/views/feed.less rename to client/assets/less/lib/semantic/src/definitions/views/feed.less diff --git a/semantic/src/definitions/views/item.less b/client/assets/less/lib/semantic/src/definitions/views/item.less similarity index 100% rename from semantic/src/definitions/views/item.less rename to client/assets/less/lib/semantic/src/definitions/views/item.less diff --git a/semantic/src/definitions/views/statistic.less b/client/assets/less/lib/semantic/src/definitions/views/statistic.less similarity index 100% rename from semantic/src/definitions/views/statistic.less rename to client/assets/less/lib/semantic/src/definitions/views/statistic.less diff --git a/semantic/src/semantic.less b/client/assets/less/lib/semantic/src/semantic.less similarity index 100% rename from semantic/src/semantic.less rename to client/assets/less/lib/semantic/src/semantic.less diff --git a/semantic/src/site/collections/breadcrumb.overrides b/client/assets/less/lib/semantic/src/site/collections/breadcrumb.overrides similarity index 100% rename from semantic/src/site/collections/breadcrumb.overrides rename to client/assets/less/lib/semantic/src/site/collections/breadcrumb.overrides diff --git a/semantic/src/site/collections/breadcrumb.variables b/client/assets/less/lib/semantic/src/site/collections/breadcrumb.variables similarity index 100% rename from semantic/src/site/collections/breadcrumb.variables rename to client/assets/less/lib/semantic/src/site/collections/breadcrumb.variables diff --git a/semantic/src/site/collections/form.overrides b/client/assets/less/lib/semantic/src/site/collections/form.overrides similarity index 100% rename from semantic/src/site/collections/form.overrides rename to client/assets/less/lib/semantic/src/site/collections/form.overrides diff --git a/semantic/src/site/collections/form.variables b/client/assets/less/lib/semantic/src/site/collections/form.variables similarity index 100% rename from semantic/src/site/collections/form.variables rename to client/assets/less/lib/semantic/src/site/collections/form.variables diff --git a/semantic/src/site/collections/grid.overrides b/client/assets/less/lib/semantic/src/site/collections/grid.overrides similarity index 100% rename from semantic/src/site/collections/grid.overrides rename to client/assets/less/lib/semantic/src/site/collections/grid.overrides diff --git a/semantic/src/site/collections/grid.variables b/client/assets/less/lib/semantic/src/site/collections/grid.variables similarity index 100% rename from semantic/src/site/collections/grid.variables rename to client/assets/less/lib/semantic/src/site/collections/grid.variables diff --git a/semantic/src/site/collections/menu.overrides b/client/assets/less/lib/semantic/src/site/collections/menu.overrides similarity index 100% rename from semantic/src/site/collections/menu.overrides rename to client/assets/less/lib/semantic/src/site/collections/menu.overrides diff --git a/semantic/src/site/collections/menu.variables b/client/assets/less/lib/semantic/src/site/collections/menu.variables similarity index 100% rename from semantic/src/site/collections/menu.variables rename to client/assets/less/lib/semantic/src/site/collections/menu.variables diff --git a/semantic/src/site/collections/message.overrides b/client/assets/less/lib/semantic/src/site/collections/message.overrides similarity index 100% rename from semantic/src/site/collections/message.overrides rename to client/assets/less/lib/semantic/src/site/collections/message.overrides diff --git a/semantic/src/site/collections/message.variables b/client/assets/less/lib/semantic/src/site/collections/message.variables similarity index 100% rename from semantic/src/site/collections/message.variables rename to client/assets/less/lib/semantic/src/site/collections/message.variables diff --git a/semantic/src/site/collections/table.overrides b/client/assets/less/lib/semantic/src/site/collections/table.overrides similarity index 100% rename from semantic/src/site/collections/table.overrides rename to client/assets/less/lib/semantic/src/site/collections/table.overrides diff --git a/semantic/src/site/collections/table.variables b/client/assets/less/lib/semantic/src/site/collections/table.variables similarity index 100% rename from semantic/src/site/collections/table.variables rename to client/assets/less/lib/semantic/src/site/collections/table.variables diff --git a/semantic/src/site/elements/button.overrides b/client/assets/less/lib/semantic/src/site/elements/button.overrides similarity index 100% rename from semantic/src/site/elements/button.overrides rename to client/assets/less/lib/semantic/src/site/elements/button.overrides diff --git a/semantic/src/site/elements/button.variables b/client/assets/less/lib/semantic/src/site/elements/button.variables similarity index 100% rename from semantic/src/site/elements/button.variables rename to client/assets/less/lib/semantic/src/site/elements/button.variables diff --git a/semantic/src/site/elements/divider.overrides b/client/assets/less/lib/semantic/src/site/elements/divider.overrides similarity index 100% rename from semantic/src/site/elements/divider.overrides rename to client/assets/less/lib/semantic/src/site/elements/divider.overrides diff --git a/semantic/src/site/elements/divider.variables b/client/assets/less/lib/semantic/src/site/elements/divider.variables similarity index 100% rename from semantic/src/site/elements/divider.variables rename to client/assets/less/lib/semantic/src/site/elements/divider.variables diff --git a/semantic/src/site/elements/flag.overrides b/client/assets/less/lib/semantic/src/site/elements/flag.overrides similarity index 100% rename from semantic/src/site/elements/flag.overrides rename to client/assets/less/lib/semantic/src/site/elements/flag.overrides diff --git a/semantic/src/site/elements/flag.variables b/client/assets/less/lib/semantic/src/site/elements/flag.variables similarity index 100% rename from semantic/src/site/elements/flag.variables rename to client/assets/less/lib/semantic/src/site/elements/flag.variables diff --git a/semantic/src/site/elements/header.overrides b/client/assets/less/lib/semantic/src/site/elements/header.overrides similarity index 100% rename from semantic/src/site/elements/header.overrides rename to client/assets/less/lib/semantic/src/site/elements/header.overrides diff --git a/semantic/src/site/elements/header.variables b/client/assets/less/lib/semantic/src/site/elements/header.variables similarity index 100% rename from semantic/src/site/elements/header.variables rename to client/assets/less/lib/semantic/src/site/elements/header.variables diff --git a/semantic/src/site/elements/icon.overrides b/client/assets/less/lib/semantic/src/site/elements/icon.overrides similarity index 100% rename from semantic/src/site/elements/icon.overrides rename to client/assets/less/lib/semantic/src/site/elements/icon.overrides diff --git a/semantic/src/site/elements/icon.variables b/client/assets/less/lib/semantic/src/site/elements/icon.variables similarity index 100% rename from semantic/src/site/elements/icon.variables rename to client/assets/less/lib/semantic/src/site/elements/icon.variables diff --git a/semantic/src/site/elements/image.overrides b/client/assets/less/lib/semantic/src/site/elements/image.overrides similarity index 100% rename from semantic/src/site/elements/image.overrides rename to client/assets/less/lib/semantic/src/site/elements/image.overrides diff --git a/semantic/src/site/elements/image.variables b/client/assets/less/lib/semantic/src/site/elements/image.variables similarity index 100% rename from semantic/src/site/elements/image.variables rename to client/assets/less/lib/semantic/src/site/elements/image.variables diff --git a/semantic/src/site/elements/input.overrides b/client/assets/less/lib/semantic/src/site/elements/input.overrides similarity index 100% rename from semantic/src/site/elements/input.overrides rename to client/assets/less/lib/semantic/src/site/elements/input.overrides diff --git a/semantic/src/site/elements/input.variables b/client/assets/less/lib/semantic/src/site/elements/input.variables similarity index 100% rename from semantic/src/site/elements/input.variables rename to client/assets/less/lib/semantic/src/site/elements/input.variables diff --git a/semantic/src/site/elements/label.overrides b/client/assets/less/lib/semantic/src/site/elements/label.overrides similarity index 100% rename from semantic/src/site/elements/label.overrides rename to client/assets/less/lib/semantic/src/site/elements/label.overrides diff --git a/semantic/src/site/elements/label.variables b/client/assets/less/lib/semantic/src/site/elements/label.variables similarity index 100% rename from semantic/src/site/elements/label.variables rename to client/assets/less/lib/semantic/src/site/elements/label.variables diff --git a/semantic/src/site/elements/list.overrides b/client/assets/less/lib/semantic/src/site/elements/list.overrides similarity index 100% rename from semantic/src/site/elements/list.overrides rename to client/assets/less/lib/semantic/src/site/elements/list.overrides diff --git a/semantic/src/site/elements/list.variables b/client/assets/less/lib/semantic/src/site/elements/list.variables similarity index 100% rename from semantic/src/site/elements/list.variables rename to client/assets/less/lib/semantic/src/site/elements/list.variables diff --git a/semantic/src/site/elements/loader.overrides b/client/assets/less/lib/semantic/src/site/elements/loader.overrides similarity index 100% rename from semantic/src/site/elements/loader.overrides rename to client/assets/less/lib/semantic/src/site/elements/loader.overrides diff --git a/semantic/src/site/elements/loader.variables b/client/assets/less/lib/semantic/src/site/elements/loader.variables similarity index 100% rename from semantic/src/site/elements/loader.variables rename to client/assets/less/lib/semantic/src/site/elements/loader.variables diff --git a/semantic/src/site/elements/rail.overrides b/client/assets/less/lib/semantic/src/site/elements/rail.overrides similarity index 100% rename from semantic/src/site/elements/rail.overrides rename to client/assets/less/lib/semantic/src/site/elements/rail.overrides diff --git a/semantic/src/site/elements/rail.variables b/client/assets/less/lib/semantic/src/site/elements/rail.variables similarity index 100% rename from semantic/src/site/elements/rail.variables rename to client/assets/less/lib/semantic/src/site/elements/rail.variables diff --git a/semantic/src/site/elements/reveal.overrides b/client/assets/less/lib/semantic/src/site/elements/reveal.overrides similarity index 100% rename from semantic/src/site/elements/reveal.overrides rename to client/assets/less/lib/semantic/src/site/elements/reveal.overrides diff --git a/semantic/src/site/elements/reveal.variables b/client/assets/less/lib/semantic/src/site/elements/reveal.variables similarity index 100% rename from semantic/src/site/elements/reveal.variables rename to client/assets/less/lib/semantic/src/site/elements/reveal.variables diff --git a/semantic/src/site/elements/segment.overrides b/client/assets/less/lib/semantic/src/site/elements/segment.overrides similarity index 100% rename from semantic/src/site/elements/segment.overrides rename to client/assets/less/lib/semantic/src/site/elements/segment.overrides diff --git a/semantic/src/site/elements/segment.variables b/client/assets/less/lib/semantic/src/site/elements/segment.variables similarity index 100% rename from semantic/src/site/elements/segment.variables rename to client/assets/less/lib/semantic/src/site/elements/segment.variables diff --git a/semantic/src/site/elements/step.overrides b/client/assets/less/lib/semantic/src/site/elements/step.overrides similarity index 100% rename from semantic/src/site/elements/step.overrides rename to client/assets/less/lib/semantic/src/site/elements/step.overrides diff --git a/semantic/src/site/elements/step.variables b/client/assets/less/lib/semantic/src/site/elements/step.variables similarity index 100% rename from semantic/src/site/elements/step.variables rename to client/assets/less/lib/semantic/src/site/elements/step.variables diff --git a/semantic/src/site/globals/reset.overrides b/client/assets/less/lib/semantic/src/site/globals/reset.overrides similarity index 100% rename from semantic/src/site/globals/reset.overrides rename to client/assets/less/lib/semantic/src/site/globals/reset.overrides diff --git a/semantic/src/site/globals/reset.variables b/client/assets/less/lib/semantic/src/site/globals/reset.variables similarity index 100% rename from semantic/src/site/globals/reset.variables rename to client/assets/less/lib/semantic/src/site/globals/reset.variables diff --git a/semantic/src/site/globals/site.overrides b/client/assets/less/lib/semantic/src/site/globals/site.overrides similarity index 100% rename from semantic/src/site/globals/site.overrides rename to client/assets/less/lib/semantic/src/site/globals/site.overrides diff --git a/semantic/src/site/globals/site.variables b/client/assets/less/lib/semantic/src/site/globals/site.variables similarity index 100% rename from semantic/src/site/globals/site.variables rename to client/assets/less/lib/semantic/src/site/globals/site.variables diff --git a/semantic/src/site/modules/accordion.overrides b/client/assets/less/lib/semantic/src/site/modules/accordion.overrides similarity index 100% rename from semantic/src/site/modules/accordion.overrides rename to client/assets/less/lib/semantic/src/site/modules/accordion.overrides diff --git a/semantic/src/site/modules/accordion.variables b/client/assets/less/lib/semantic/src/site/modules/accordion.variables similarity index 100% rename from semantic/src/site/modules/accordion.variables rename to client/assets/less/lib/semantic/src/site/modules/accordion.variables diff --git a/semantic/src/site/modules/chatroom.overrides b/client/assets/less/lib/semantic/src/site/modules/chatroom.overrides similarity index 100% rename from semantic/src/site/modules/chatroom.overrides rename to client/assets/less/lib/semantic/src/site/modules/chatroom.overrides diff --git a/semantic/src/site/modules/chatroom.variables b/client/assets/less/lib/semantic/src/site/modules/chatroom.variables similarity index 100% rename from semantic/src/site/modules/chatroom.variables rename to client/assets/less/lib/semantic/src/site/modules/chatroom.variables diff --git a/semantic/src/site/modules/checkbox.overrides b/client/assets/less/lib/semantic/src/site/modules/checkbox.overrides similarity index 100% rename from semantic/src/site/modules/checkbox.overrides rename to client/assets/less/lib/semantic/src/site/modules/checkbox.overrides diff --git a/semantic/src/site/modules/checkbox.variables b/client/assets/less/lib/semantic/src/site/modules/checkbox.variables similarity index 100% rename from semantic/src/site/modules/checkbox.variables rename to client/assets/less/lib/semantic/src/site/modules/checkbox.variables diff --git a/semantic/src/site/modules/dimmer.overrides b/client/assets/less/lib/semantic/src/site/modules/dimmer.overrides similarity index 100% rename from semantic/src/site/modules/dimmer.overrides rename to client/assets/less/lib/semantic/src/site/modules/dimmer.overrides diff --git a/semantic/src/site/modules/dimmer.variables b/client/assets/less/lib/semantic/src/site/modules/dimmer.variables similarity index 100% rename from semantic/src/site/modules/dimmer.variables rename to client/assets/less/lib/semantic/src/site/modules/dimmer.variables diff --git a/semantic/src/site/modules/dropdown.overrides b/client/assets/less/lib/semantic/src/site/modules/dropdown.overrides similarity index 100% rename from semantic/src/site/modules/dropdown.overrides rename to client/assets/less/lib/semantic/src/site/modules/dropdown.overrides diff --git a/semantic/src/site/modules/dropdown.variables b/client/assets/less/lib/semantic/src/site/modules/dropdown.variables similarity index 100% rename from semantic/src/site/modules/dropdown.variables rename to client/assets/less/lib/semantic/src/site/modules/dropdown.variables diff --git a/semantic/src/site/modules/modal.overrides b/client/assets/less/lib/semantic/src/site/modules/modal.overrides similarity index 100% rename from semantic/src/site/modules/modal.overrides rename to client/assets/less/lib/semantic/src/site/modules/modal.overrides diff --git a/semantic/src/site/modules/modal.variables b/client/assets/less/lib/semantic/src/site/modules/modal.variables similarity index 100% rename from semantic/src/site/modules/modal.variables rename to client/assets/less/lib/semantic/src/site/modules/modal.variables diff --git a/semantic/src/site/modules/nag.overrides b/client/assets/less/lib/semantic/src/site/modules/nag.overrides similarity index 100% rename from semantic/src/site/modules/nag.overrides rename to client/assets/less/lib/semantic/src/site/modules/nag.overrides diff --git a/semantic/src/site/modules/nag.variables b/client/assets/less/lib/semantic/src/site/modules/nag.variables similarity index 100% rename from semantic/src/site/modules/nag.variables rename to client/assets/less/lib/semantic/src/site/modules/nag.variables diff --git a/semantic/src/site/modules/popup.overrides b/client/assets/less/lib/semantic/src/site/modules/popup.overrides similarity index 100% rename from semantic/src/site/modules/popup.overrides rename to client/assets/less/lib/semantic/src/site/modules/popup.overrides diff --git a/semantic/src/site/modules/popup.variables b/client/assets/less/lib/semantic/src/site/modules/popup.variables similarity index 100% rename from semantic/src/site/modules/popup.variables rename to client/assets/less/lib/semantic/src/site/modules/popup.variables diff --git a/semantic/src/site/modules/progress.overrides b/client/assets/less/lib/semantic/src/site/modules/progress.overrides similarity index 100% rename from semantic/src/site/modules/progress.overrides rename to client/assets/less/lib/semantic/src/site/modules/progress.overrides diff --git a/semantic/src/site/modules/progress.variables b/client/assets/less/lib/semantic/src/site/modules/progress.variables similarity index 100% rename from semantic/src/site/modules/progress.variables rename to client/assets/less/lib/semantic/src/site/modules/progress.variables diff --git a/semantic/src/site/modules/rating.overrides b/client/assets/less/lib/semantic/src/site/modules/rating.overrides similarity index 100% rename from semantic/src/site/modules/rating.overrides rename to client/assets/less/lib/semantic/src/site/modules/rating.overrides diff --git a/semantic/src/site/modules/rating.variables b/client/assets/less/lib/semantic/src/site/modules/rating.variables similarity index 100% rename from semantic/src/site/modules/rating.variables rename to client/assets/less/lib/semantic/src/site/modules/rating.variables diff --git a/semantic/src/site/modules/search.overrides b/client/assets/less/lib/semantic/src/site/modules/search.overrides similarity index 100% rename from semantic/src/site/modules/search.overrides rename to client/assets/less/lib/semantic/src/site/modules/search.overrides diff --git a/semantic/src/site/modules/search.variables b/client/assets/less/lib/semantic/src/site/modules/search.variables similarity index 100% rename from semantic/src/site/modules/search.variables rename to client/assets/less/lib/semantic/src/site/modules/search.variables diff --git a/semantic/src/site/modules/shape.overrides b/client/assets/less/lib/semantic/src/site/modules/shape.overrides similarity index 100% rename from semantic/src/site/modules/shape.overrides rename to client/assets/less/lib/semantic/src/site/modules/shape.overrides diff --git a/semantic/src/site/modules/shape.variables b/client/assets/less/lib/semantic/src/site/modules/shape.variables similarity index 100% rename from semantic/src/site/modules/shape.variables rename to client/assets/less/lib/semantic/src/site/modules/shape.variables diff --git a/semantic/src/site/modules/sidebar.overrides b/client/assets/less/lib/semantic/src/site/modules/sidebar.overrides similarity index 100% rename from semantic/src/site/modules/sidebar.overrides rename to client/assets/less/lib/semantic/src/site/modules/sidebar.overrides diff --git a/semantic/src/site/modules/sidebar.variables b/client/assets/less/lib/semantic/src/site/modules/sidebar.variables similarity index 100% rename from semantic/src/site/modules/sidebar.variables rename to client/assets/less/lib/semantic/src/site/modules/sidebar.variables diff --git a/semantic/src/site/modules/sticky.overrides b/client/assets/less/lib/semantic/src/site/modules/sticky.overrides similarity index 100% rename from semantic/src/site/modules/sticky.overrides rename to client/assets/less/lib/semantic/src/site/modules/sticky.overrides diff --git a/semantic/src/site/modules/sticky.variables b/client/assets/less/lib/semantic/src/site/modules/sticky.variables similarity index 100% rename from semantic/src/site/modules/sticky.variables rename to client/assets/less/lib/semantic/src/site/modules/sticky.variables diff --git a/semantic/src/site/modules/tab.overrides b/client/assets/less/lib/semantic/src/site/modules/tab.overrides similarity index 100% rename from semantic/src/site/modules/tab.overrides rename to client/assets/less/lib/semantic/src/site/modules/tab.overrides diff --git a/semantic/src/site/modules/tab.variables b/client/assets/less/lib/semantic/src/site/modules/tab.variables similarity index 100% rename from semantic/src/site/modules/tab.variables rename to client/assets/less/lib/semantic/src/site/modules/tab.variables diff --git a/semantic/src/site/modules/transition.overrides b/client/assets/less/lib/semantic/src/site/modules/transition.overrides similarity index 100% rename from semantic/src/site/modules/transition.overrides rename to client/assets/less/lib/semantic/src/site/modules/transition.overrides diff --git a/semantic/src/site/modules/transition.variables b/client/assets/less/lib/semantic/src/site/modules/transition.variables similarity index 100% rename from semantic/src/site/modules/transition.variables rename to client/assets/less/lib/semantic/src/site/modules/transition.variables diff --git a/semantic/src/site/modules/video.overrides b/client/assets/less/lib/semantic/src/site/modules/video.overrides similarity index 100% rename from semantic/src/site/modules/video.overrides rename to client/assets/less/lib/semantic/src/site/modules/video.overrides diff --git a/semantic/src/site/modules/video.variables b/client/assets/less/lib/semantic/src/site/modules/video.variables similarity index 100% rename from semantic/src/site/modules/video.variables rename to client/assets/less/lib/semantic/src/site/modules/video.variables diff --git a/semantic/src/site/views/ad.overrides b/client/assets/less/lib/semantic/src/site/views/ad.overrides similarity index 100% rename from semantic/src/site/views/ad.overrides rename to client/assets/less/lib/semantic/src/site/views/ad.overrides diff --git a/semantic/src/site/views/ad.variables b/client/assets/less/lib/semantic/src/site/views/ad.variables similarity index 100% rename from semantic/src/site/views/ad.variables rename to client/assets/less/lib/semantic/src/site/views/ad.variables diff --git a/semantic/src/site/views/card.overrides b/client/assets/less/lib/semantic/src/site/views/card.overrides similarity index 100% rename from semantic/src/site/views/card.overrides rename to client/assets/less/lib/semantic/src/site/views/card.overrides diff --git a/semantic/src/site/views/card.variables b/client/assets/less/lib/semantic/src/site/views/card.variables similarity index 100% rename from semantic/src/site/views/card.variables rename to client/assets/less/lib/semantic/src/site/views/card.variables diff --git a/semantic/src/site/views/comment.overrides b/client/assets/less/lib/semantic/src/site/views/comment.overrides similarity index 100% rename from semantic/src/site/views/comment.overrides rename to client/assets/less/lib/semantic/src/site/views/comment.overrides diff --git a/semantic/src/site/views/comment.variables b/client/assets/less/lib/semantic/src/site/views/comment.variables similarity index 100% rename from semantic/src/site/views/comment.variables rename to client/assets/less/lib/semantic/src/site/views/comment.variables diff --git a/semantic/src/site/views/feed.overrides b/client/assets/less/lib/semantic/src/site/views/feed.overrides similarity index 100% rename from semantic/src/site/views/feed.overrides rename to client/assets/less/lib/semantic/src/site/views/feed.overrides diff --git a/semantic/src/site/views/feed.variables b/client/assets/less/lib/semantic/src/site/views/feed.variables similarity index 100% rename from semantic/src/site/views/feed.variables rename to client/assets/less/lib/semantic/src/site/views/feed.variables diff --git a/semantic/src/site/views/item.overrides b/client/assets/less/lib/semantic/src/site/views/item.overrides similarity index 100% rename from semantic/src/site/views/item.overrides rename to client/assets/less/lib/semantic/src/site/views/item.overrides diff --git a/semantic/src/site/views/item.variables b/client/assets/less/lib/semantic/src/site/views/item.variables similarity index 100% rename from semantic/src/site/views/item.variables rename to client/assets/less/lib/semantic/src/site/views/item.variables diff --git a/semantic/src/site/views/statistic.overrides b/client/assets/less/lib/semantic/src/site/views/statistic.overrides similarity index 100% rename from semantic/src/site/views/statistic.overrides rename to client/assets/less/lib/semantic/src/site/views/statistic.overrides diff --git a/semantic/src/site/views/statistic.variables b/client/assets/less/lib/semantic/src/site/views/statistic.variables similarity index 100% rename from semantic/src/site/views/statistic.variables rename to client/assets/less/lib/semantic/src/site/views/statistic.variables diff --git a/semantic/src/theme.config b/client/assets/less/lib/semantic/src/theme.config similarity index 100% rename from semantic/src/theme.config rename to client/assets/less/lib/semantic/src/theme.config diff --git a/semantic/src/theme.less b/client/assets/less/lib/semantic/src/theme.less similarity index 100% rename from semantic/src/theme.less rename to client/assets/less/lib/semantic/src/theme.less diff --git a/semantic/src/themes/amazon/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/amazon/elements/button.overrides similarity index 100% rename from semantic/src/themes/amazon/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/amazon/elements/button.overrides diff --git a/semantic/src/themes/amazon/elements/button.variables b/client/assets/less/lib/semantic/src/themes/amazon/elements/button.variables similarity index 100% rename from semantic/src/themes/amazon/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/amazon/elements/button.variables diff --git a/semantic/src/themes/basic/assets/fonts/icons.eot b/client/assets/less/lib/semantic/src/themes/basic/assets/fonts/icons.eot similarity index 100% rename from semantic/src/themes/basic/assets/fonts/icons.eot rename to client/assets/less/lib/semantic/src/themes/basic/assets/fonts/icons.eot diff --git a/semantic/src/themes/basic/assets/fonts/icons.svg b/client/assets/less/lib/semantic/src/themes/basic/assets/fonts/icons.svg similarity index 100% rename from semantic/src/themes/basic/assets/fonts/icons.svg rename to client/assets/less/lib/semantic/src/themes/basic/assets/fonts/icons.svg diff --git a/semantic/src/themes/basic/assets/fonts/icons.ttf b/client/assets/less/lib/semantic/src/themes/basic/assets/fonts/icons.ttf similarity index 100% rename from semantic/src/themes/basic/assets/fonts/icons.ttf rename to client/assets/less/lib/semantic/src/themes/basic/assets/fonts/icons.ttf diff --git a/semantic/src/themes/basic/assets/fonts/icons.woff b/client/assets/less/lib/semantic/src/themes/basic/assets/fonts/icons.woff similarity index 100% rename from semantic/src/themes/basic/assets/fonts/icons.woff rename to client/assets/less/lib/semantic/src/themes/basic/assets/fonts/icons.woff diff --git a/semantic/src/themes/basic/collections/table.overrides b/client/assets/less/lib/semantic/src/themes/basic/collections/table.overrides similarity index 100% rename from semantic/src/themes/basic/collections/table.overrides rename to client/assets/less/lib/semantic/src/themes/basic/collections/table.overrides diff --git a/semantic/src/themes/basic/collections/table.variables b/client/assets/less/lib/semantic/src/themes/basic/collections/table.variables similarity index 100% rename from semantic/src/themes/basic/collections/table.variables rename to client/assets/less/lib/semantic/src/themes/basic/collections/table.variables diff --git a/semantic/src/themes/basic/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/basic/elements/button.overrides similarity index 100% rename from semantic/src/themes/basic/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/basic/elements/button.overrides diff --git a/semantic/src/themes/basic/elements/button.variables b/client/assets/less/lib/semantic/src/themes/basic/elements/button.variables similarity index 100% rename from semantic/src/themes/basic/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/basic/elements/button.variables diff --git a/semantic/src/themes/basic/elements/icon.overrides b/client/assets/less/lib/semantic/src/themes/basic/elements/icon.overrides similarity index 100% rename from semantic/src/themes/basic/elements/icon.overrides rename to client/assets/less/lib/semantic/src/themes/basic/elements/icon.overrides diff --git a/semantic/src/themes/basic/elements/icon.variables b/client/assets/less/lib/semantic/src/themes/basic/elements/icon.variables similarity index 100% rename from semantic/src/themes/basic/elements/icon.variables rename to client/assets/less/lib/semantic/src/themes/basic/elements/icon.variables diff --git a/semantic/src/themes/basic/elements/step.overrides b/client/assets/less/lib/semantic/src/themes/basic/elements/step.overrides similarity index 100% rename from semantic/src/themes/basic/elements/step.overrides rename to client/assets/less/lib/semantic/src/themes/basic/elements/step.overrides diff --git a/semantic/src/themes/basic/elements/step.variables b/client/assets/less/lib/semantic/src/themes/basic/elements/step.variables similarity index 100% rename from semantic/src/themes/basic/elements/step.variables rename to client/assets/less/lib/semantic/src/themes/basic/elements/step.variables diff --git a/semantic/src/themes/basic/globals/reset.overrides b/client/assets/less/lib/semantic/src/themes/basic/globals/reset.overrides similarity index 100% rename from semantic/src/themes/basic/globals/reset.overrides rename to client/assets/less/lib/semantic/src/themes/basic/globals/reset.overrides diff --git a/semantic/src/themes/basic/globals/reset.variables b/client/assets/less/lib/semantic/src/themes/basic/globals/reset.variables similarity index 100% rename from semantic/src/themes/basic/globals/reset.variables rename to client/assets/less/lib/semantic/src/themes/basic/globals/reset.variables diff --git a/semantic/src/themes/basic/modules/progress.overrides b/client/assets/less/lib/semantic/src/themes/basic/modules/progress.overrides similarity index 100% rename from semantic/src/themes/basic/modules/progress.overrides rename to client/assets/less/lib/semantic/src/themes/basic/modules/progress.overrides diff --git a/semantic/src/themes/basic/modules/progress.variables b/client/assets/less/lib/semantic/src/themes/basic/modules/progress.variables similarity index 100% rename from semantic/src/themes/basic/modules/progress.variables rename to client/assets/less/lib/semantic/src/themes/basic/modules/progress.variables diff --git a/semantic/src/themes/basic/views/card.overrides b/client/assets/less/lib/semantic/src/themes/basic/views/card.overrides similarity index 100% rename from semantic/src/themes/basic/views/card.overrides rename to client/assets/less/lib/semantic/src/themes/basic/views/card.overrides diff --git a/semantic/src/themes/basic/views/card.variables b/client/assets/less/lib/semantic/src/themes/basic/views/card.variables similarity index 100% rename from semantic/src/themes/basic/views/card.variables rename to client/assets/less/lib/semantic/src/themes/basic/views/card.variables diff --git a/semantic/src/themes/bookish/elements/header.overrides b/client/assets/less/lib/semantic/src/themes/bookish/elements/header.overrides similarity index 100% rename from semantic/src/themes/bookish/elements/header.overrides rename to client/assets/less/lib/semantic/src/themes/bookish/elements/header.overrides diff --git a/semantic/src/themes/bookish/elements/header.variables b/client/assets/less/lib/semantic/src/themes/bookish/elements/header.variables similarity index 100% rename from semantic/src/themes/bookish/elements/header.variables rename to client/assets/less/lib/semantic/src/themes/bookish/elements/header.variables diff --git a/semantic/src/themes/bootstrap3/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/bootstrap3/elements/button.overrides similarity index 100% rename from semantic/src/themes/bootstrap3/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/bootstrap3/elements/button.overrides diff --git a/semantic/src/themes/bootstrap3/elements/button.variables b/client/assets/less/lib/semantic/src/themes/bootstrap3/elements/button.variables similarity index 100% rename from semantic/src/themes/bootstrap3/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/bootstrap3/elements/button.variables diff --git a/semantic/src/themes/chubby/collections/form.overrides b/client/assets/less/lib/semantic/src/themes/chubby/collections/form.overrides similarity index 100% rename from semantic/src/themes/chubby/collections/form.overrides rename to client/assets/less/lib/semantic/src/themes/chubby/collections/form.overrides diff --git a/semantic/src/themes/chubby/collections/form.variables b/client/assets/less/lib/semantic/src/themes/chubby/collections/form.variables similarity index 100% rename from semantic/src/themes/chubby/collections/form.variables rename to client/assets/less/lib/semantic/src/themes/chubby/collections/form.variables diff --git a/semantic/src/themes/chubby/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/chubby/elements/button.overrides similarity index 100% rename from semantic/src/themes/chubby/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/chubby/elements/button.overrides diff --git a/semantic/src/themes/chubby/elements/button.variables b/client/assets/less/lib/semantic/src/themes/chubby/elements/button.variables similarity index 100% rename from semantic/src/themes/chubby/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/chubby/elements/button.variables diff --git a/semantic/src/themes/chubby/elements/header.overrides b/client/assets/less/lib/semantic/src/themes/chubby/elements/header.overrides similarity index 100% rename from semantic/src/themes/chubby/elements/header.overrides rename to client/assets/less/lib/semantic/src/themes/chubby/elements/header.overrides diff --git a/semantic/src/themes/chubby/elements/header.variables b/client/assets/less/lib/semantic/src/themes/chubby/elements/header.variables similarity index 100% rename from semantic/src/themes/chubby/elements/header.variables rename to client/assets/less/lib/semantic/src/themes/chubby/elements/header.variables diff --git a/semantic/src/themes/chubby/modules/accordion.overrides b/client/assets/less/lib/semantic/src/themes/chubby/modules/accordion.overrides similarity index 100% rename from semantic/src/themes/chubby/modules/accordion.overrides rename to client/assets/less/lib/semantic/src/themes/chubby/modules/accordion.overrides diff --git a/semantic/src/themes/chubby/modules/accordion.variables b/client/assets/less/lib/semantic/src/themes/chubby/modules/accordion.variables similarity index 100% rename from semantic/src/themes/chubby/modules/accordion.variables rename to client/assets/less/lib/semantic/src/themes/chubby/modules/accordion.variables diff --git a/semantic/src/themes/chubby/views/comment.overrides b/client/assets/less/lib/semantic/src/themes/chubby/views/comment.overrides similarity index 100% rename from semantic/src/themes/chubby/views/comment.overrides rename to client/assets/less/lib/semantic/src/themes/chubby/views/comment.overrides diff --git a/semantic/src/themes/chubby/views/comment.variables b/client/assets/less/lib/semantic/src/themes/chubby/views/comment.variables similarity index 100% rename from semantic/src/themes/chubby/views/comment.variables rename to client/assets/less/lib/semantic/src/themes/chubby/views/comment.variables diff --git a/semantic/src/themes/classic/collections/table.overrides b/client/assets/less/lib/semantic/src/themes/classic/collections/table.overrides similarity index 100% rename from semantic/src/themes/classic/collections/table.overrides rename to client/assets/less/lib/semantic/src/themes/classic/collections/table.overrides diff --git a/semantic/src/themes/classic/collections/table.variables b/client/assets/less/lib/semantic/src/themes/classic/collections/table.variables similarity index 100% rename from semantic/src/themes/classic/collections/table.variables rename to client/assets/less/lib/semantic/src/themes/classic/collections/table.variables diff --git a/semantic/src/themes/classic/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/classic/elements/button.overrides similarity index 100% rename from semantic/src/themes/classic/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/classic/elements/button.overrides diff --git a/semantic/src/themes/classic/elements/button.variables b/client/assets/less/lib/semantic/src/themes/classic/elements/button.variables similarity index 100% rename from semantic/src/themes/classic/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/classic/elements/button.variables diff --git a/semantic/src/themes/classic/elements/header.overrides b/client/assets/less/lib/semantic/src/themes/classic/elements/header.overrides similarity index 100% rename from semantic/src/themes/classic/elements/header.overrides rename to client/assets/less/lib/semantic/src/themes/classic/elements/header.overrides diff --git a/semantic/src/themes/classic/elements/header.variables b/client/assets/less/lib/semantic/src/themes/classic/elements/header.variables similarity index 100% rename from semantic/src/themes/classic/elements/header.variables rename to client/assets/less/lib/semantic/src/themes/classic/elements/header.variables diff --git a/semantic/src/themes/classic/modules/progress.overrides b/client/assets/less/lib/semantic/src/themes/classic/modules/progress.overrides similarity index 100% rename from semantic/src/themes/classic/modules/progress.overrides rename to client/assets/less/lib/semantic/src/themes/classic/modules/progress.overrides diff --git a/semantic/src/themes/classic/modules/progress.variables b/client/assets/less/lib/semantic/src/themes/classic/modules/progress.variables similarity index 100% rename from semantic/src/themes/classic/modules/progress.variables rename to client/assets/less/lib/semantic/src/themes/classic/modules/progress.variables diff --git a/semantic/src/themes/classic/views/card.overrides b/client/assets/less/lib/semantic/src/themes/classic/views/card.overrides similarity index 100% rename from semantic/src/themes/classic/views/card.overrides rename to client/assets/less/lib/semantic/src/themes/classic/views/card.overrides diff --git a/semantic/src/themes/classic/views/card.variables b/client/assets/less/lib/semantic/src/themes/classic/views/card.variables similarity index 100% rename from semantic/src/themes/classic/views/card.variables rename to client/assets/less/lib/semantic/src/themes/classic/views/card.variables diff --git a/semantic/src/themes/default/assets/fonts/icons.eot b/client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.eot similarity index 100% rename from semantic/src/themes/default/assets/fonts/icons.eot rename to client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.eot diff --git a/semantic/src/themes/default/assets/fonts/icons.svg b/client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.svg similarity index 100% rename from semantic/src/themes/default/assets/fonts/icons.svg rename to client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.svg diff --git a/semantic/src/themes/default/assets/fonts/icons.ttf b/client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.ttf similarity index 100% rename from semantic/src/themes/default/assets/fonts/icons.ttf rename to client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.ttf diff --git a/semantic/src/themes/default/assets/fonts/icons.woff b/client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.woff similarity index 100% rename from semantic/src/themes/default/assets/fonts/icons.woff rename to client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.woff diff --git a/semantic/src/themes/default/assets/fonts/icons.woff2 b/client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.woff2 similarity index 100% rename from semantic/src/themes/default/assets/fonts/icons.woff2 rename to client/assets/less/lib/semantic/src/themes/default/assets/fonts/icons.woff2 diff --git a/semantic/src/themes/default/assets/images/flags.png b/client/assets/less/lib/semantic/src/themes/default/assets/images/flags.png similarity index 100% rename from semantic/src/themes/default/assets/images/flags.png rename to client/assets/less/lib/semantic/src/themes/default/assets/images/flags.png diff --git a/semantic/src/themes/default/collections/breadcrumb.overrides b/client/assets/less/lib/semantic/src/themes/default/collections/breadcrumb.overrides similarity index 100% rename from semantic/src/themes/default/collections/breadcrumb.overrides rename to client/assets/less/lib/semantic/src/themes/default/collections/breadcrumb.overrides diff --git a/semantic/src/themes/default/collections/breadcrumb.variables b/client/assets/less/lib/semantic/src/themes/default/collections/breadcrumb.variables similarity index 100% rename from semantic/src/themes/default/collections/breadcrumb.variables rename to client/assets/less/lib/semantic/src/themes/default/collections/breadcrumb.variables diff --git a/semantic/src/themes/default/collections/form.overrides b/client/assets/less/lib/semantic/src/themes/default/collections/form.overrides similarity index 100% rename from semantic/src/themes/default/collections/form.overrides rename to client/assets/less/lib/semantic/src/themes/default/collections/form.overrides diff --git a/semantic/src/themes/default/collections/form.variables b/client/assets/less/lib/semantic/src/themes/default/collections/form.variables similarity index 100% rename from semantic/src/themes/default/collections/form.variables rename to client/assets/less/lib/semantic/src/themes/default/collections/form.variables diff --git a/semantic/src/themes/default/collections/grid.overrides b/client/assets/less/lib/semantic/src/themes/default/collections/grid.overrides similarity index 100% rename from semantic/src/themes/default/collections/grid.overrides rename to client/assets/less/lib/semantic/src/themes/default/collections/grid.overrides diff --git a/semantic/src/themes/default/collections/grid.variables b/client/assets/less/lib/semantic/src/themes/default/collections/grid.variables similarity index 100% rename from semantic/src/themes/default/collections/grid.variables rename to client/assets/less/lib/semantic/src/themes/default/collections/grid.variables diff --git a/semantic/src/themes/default/collections/menu.overrides b/client/assets/less/lib/semantic/src/themes/default/collections/menu.overrides similarity index 100% rename from semantic/src/themes/default/collections/menu.overrides rename to client/assets/less/lib/semantic/src/themes/default/collections/menu.overrides diff --git a/semantic/src/themes/default/collections/menu.variables b/client/assets/less/lib/semantic/src/themes/default/collections/menu.variables similarity index 100% rename from semantic/src/themes/default/collections/menu.variables rename to client/assets/less/lib/semantic/src/themes/default/collections/menu.variables diff --git a/semantic/src/themes/default/collections/message.overrides b/client/assets/less/lib/semantic/src/themes/default/collections/message.overrides similarity index 100% rename from semantic/src/themes/default/collections/message.overrides rename to client/assets/less/lib/semantic/src/themes/default/collections/message.overrides diff --git a/semantic/src/themes/default/collections/message.variables b/client/assets/less/lib/semantic/src/themes/default/collections/message.variables similarity index 100% rename from semantic/src/themes/default/collections/message.variables rename to client/assets/less/lib/semantic/src/themes/default/collections/message.variables diff --git a/semantic/src/themes/default/collections/table.overrides b/client/assets/less/lib/semantic/src/themes/default/collections/table.overrides similarity index 100% rename from semantic/src/themes/default/collections/table.overrides rename to client/assets/less/lib/semantic/src/themes/default/collections/table.overrides diff --git a/semantic/src/themes/default/collections/table.variables b/client/assets/less/lib/semantic/src/themes/default/collections/table.variables similarity index 100% rename from semantic/src/themes/default/collections/table.variables rename to client/assets/less/lib/semantic/src/themes/default/collections/table.variables diff --git a/semantic/src/themes/default/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/button.overrides similarity index 100% rename from semantic/src/themes/default/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/button.overrides diff --git a/semantic/src/themes/default/elements/button.variables b/client/assets/less/lib/semantic/src/themes/default/elements/button.variables similarity index 100% rename from semantic/src/themes/default/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/button.variables diff --git a/semantic/src/themes/default/elements/divider.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/divider.overrides similarity index 100% rename from semantic/src/themes/default/elements/divider.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/divider.overrides diff --git a/semantic/src/themes/default/elements/divider.variables b/client/assets/less/lib/semantic/src/themes/default/elements/divider.variables similarity index 100% rename from semantic/src/themes/default/elements/divider.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/divider.variables diff --git a/semantic/src/themes/default/elements/flag.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/flag.overrides similarity index 100% rename from semantic/src/themes/default/elements/flag.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/flag.overrides diff --git a/semantic/src/themes/default/elements/flag.variables b/client/assets/less/lib/semantic/src/themes/default/elements/flag.variables similarity index 100% rename from semantic/src/themes/default/elements/flag.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/flag.variables diff --git a/semantic/src/themes/default/elements/header.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/header.overrides similarity index 100% rename from semantic/src/themes/default/elements/header.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/header.overrides diff --git a/semantic/src/themes/default/elements/header.variables b/client/assets/less/lib/semantic/src/themes/default/elements/header.variables similarity index 100% rename from semantic/src/themes/default/elements/header.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/header.variables diff --git a/semantic/src/themes/default/elements/icon.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/icon.overrides similarity index 100% rename from semantic/src/themes/default/elements/icon.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/icon.overrides diff --git a/semantic/src/themes/default/elements/icon.variables b/client/assets/less/lib/semantic/src/themes/default/elements/icon.variables similarity index 100% rename from semantic/src/themes/default/elements/icon.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/icon.variables diff --git a/semantic/src/themes/default/elements/image.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/image.overrides similarity index 100% rename from semantic/src/themes/default/elements/image.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/image.overrides diff --git a/semantic/src/themes/default/elements/image.variables b/client/assets/less/lib/semantic/src/themes/default/elements/image.variables similarity index 100% rename from semantic/src/themes/default/elements/image.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/image.variables diff --git a/semantic/src/themes/default/elements/input.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/input.overrides similarity index 100% rename from semantic/src/themes/default/elements/input.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/input.overrides diff --git a/semantic/src/themes/default/elements/input.variables b/client/assets/less/lib/semantic/src/themes/default/elements/input.variables similarity index 100% rename from semantic/src/themes/default/elements/input.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/input.variables diff --git a/semantic/src/themes/default/elements/label.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/label.overrides similarity index 100% rename from semantic/src/themes/default/elements/label.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/label.overrides diff --git a/semantic/src/themes/default/elements/label.variables b/client/assets/less/lib/semantic/src/themes/default/elements/label.variables similarity index 100% rename from semantic/src/themes/default/elements/label.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/label.variables diff --git a/semantic/src/themes/default/elements/list.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/list.overrides similarity index 100% rename from semantic/src/themes/default/elements/list.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/list.overrides diff --git a/semantic/src/themes/default/elements/list.variables b/client/assets/less/lib/semantic/src/themes/default/elements/list.variables similarity index 100% rename from semantic/src/themes/default/elements/list.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/list.variables diff --git a/semantic/src/themes/default/elements/loader.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/loader.overrides similarity index 100% rename from semantic/src/themes/default/elements/loader.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/loader.overrides diff --git a/semantic/src/themes/default/elements/loader.variables b/client/assets/less/lib/semantic/src/themes/default/elements/loader.variables similarity index 100% rename from semantic/src/themes/default/elements/loader.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/loader.variables diff --git a/semantic/src/themes/default/elements/rail.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/rail.overrides similarity index 100% rename from semantic/src/themes/default/elements/rail.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/rail.overrides diff --git a/semantic/src/themes/default/elements/rail.variables b/client/assets/less/lib/semantic/src/themes/default/elements/rail.variables similarity index 100% rename from semantic/src/themes/default/elements/rail.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/rail.variables diff --git a/semantic/src/themes/default/elements/reveal.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/reveal.overrides similarity index 100% rename from semantic/src/themes/default/elements/reveal.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/reveal.overrides diff --git a/semantic/src/themes/default/elements/reveal.variables b/client/assets/less/lib/semantic/src/themes/default/elements/reveal.variables similarity index 100% rename from semantic/src/themes/default/elements/reveal.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/reveal.variables diff --git a/semantic/src/themes/default/elements/segment.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/segment.overrides similarity index 100% rename from semantic/src/themes/default/elements/segment.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/segment.overrides diff --git a/semantic/src/themes/default/elements/segment.variables b/client/assets/less/lib/semantic/src/themes/default/elements/segment.variables similarity index 100% rename from semantic/src/themes/default/elements/segment.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/segment.variables diff --git a/semantic/src/themes/default/elements/step.overrides b/client/assets/less/lib/semantic/src/themes/default/elements/step.overrides similarity index 100% rename from semantic/src/themes/default/elements/step.overrides rename to client/assets/less/lib/semantic/src/themes/default/elements/step.overrides diff --git a/semantic/src/themes/default/elements/step.variables b/client/assets/less/lib/semantic/src/themes/default/elements/step.variables similarity index 100% rename from semantic/src/themes/default/elements/step.variables rename to client/assets/less/lib/semantic/src/themes/default/elements/step.variables diff --git a/semantic/src/themes/default/globals/reset.overrides b/client/assets/less/lib/semantic/src/themes/default/globals/reset.overrides similarity index 100% rename from semantic/src/themes/default/globals/reset.overrides rename to client/assets/less/lib/semantic/src/themes/default/globals/reset.overrides diff --git a/semantic/src/themes/default/globals/reset.variables b/client/assets/less/lib/semantic/src/themes/default/globals/reset.variables similarity index 100% rename from semantic/src/themes/default/globals/reset.variables rename to client/assets/less/lib/semantic/src/themes/default/globals/reset.variables diff --git a/semantic/src/themes/default/globals/site.overrides b/client/assets/less/lib/semantic/src/themes/default/globals/site.overrides similarity index 100% rename from semantic/src/themes/default/globals/site.overrides rename to client/assets/less/lib/semantic/src/themes/default/globals/site.overrides diff --git a/semantic/src/themes/default/globals/site.variables b/client/assets/less/lib/semantic/src/themes/default/globals/site.variables similarity index 100% rename from semantic/src/themes/default/globals/site.variables rename to client/assets/less/lib/semantic/src/themes/default/globals/site.variables diff --git a/semantic/src/themes/default/modules/accordion.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/accordion.overrides similarity index 100% rename from semantic/src/themes/default/modules/accordion.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/accordion.overrides diff --git a/semantic/src/themes/default/modules/accordion.variables b/client/assets/less/lib/semantic/src/themes/default/modules/accordion.variables similarity index 100% rename from semantic/src/themes/default/modules/accordion.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/accordion.variables diff --git a/semantic/src/themes/default/modules/chatroom.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/chatroom.overrides similarity index 100% rename from semantic/src/themes/default/modules/chatroom.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/chatroom.overrides diff --git a/semantic/src/themes/default/modules/chatroom.variables b/client/assets/less/lib/semantic/src/themes/default/modules/chatroom.variables similarity index 100% rename from semantic/src/themes/default/modules/chatroom.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/chatroom.variables diff --git a/semantic/src/themes/default/modules/checkbox.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/checkbox.overrides similarity index 100% rename from semantic/src/themes/default/modules/checkbox.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/checkbox.overrides diff --git a/semantic/src/themes/default/modules/checkbox.variables b/client/assets/less/lib/semantic/src/themes/default/modules/checkbox.variables similarity index 100% rename from semantic/src/themes/default/modules/checkbox.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/checkbox.variables diff --git a/semantic/src/themes/default/modules/dimmer.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/dimmer.overrides similarity index 100% rename from semantic/src/themes/default/modules/dimmer.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/dimmer.overrides diff --git a/semantic/src/themes/default/modules/dimmer.variables b/client/assets/less/lib/semantic/src/themes/default/modules/dimmer.variables similarity index 100% rename from semantic/src/themes/default/modules/dimmer.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/dimmer.variables diff --git a/semantic/src/themes/default/modules/dropdown.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/dropdown.overrides similarity index 100% rename from semantic/src/themes/default/modules/dropdown.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/dropdown.overrides diff --git a/semantic/src/themes/default/modules/dropdown.variables b/client/assets/less/lib/semantic/src/themes/default/modules/dropdown.variables similarity index 100% rename from semantic/src/themes/default/modules/dropdown.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/dropdown.variables diff --git a/semantic/src/themes/default/modules/modal.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/modal.overrides similarity index 100% rename from semantic/src/themes/default/modules/modal.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/modal.overrides diff --git a/semantic/src/themes/default/modules/modal.variables b/client/assets/less/lib/semantic/src/themes/default/modules/modal.variables similarity index 100% rename from semantic/src/themes/default/modules/modal.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/modal.variables diff --git a/semantic/src/themes/default/modules/nag.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/nag.overrides similarity index 100% rename from semantic/src/themes/default/modules/nag.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/nag.overrides diff --git a/semantic/src/themes/default/modules/nag.variables b/client/assets/less/lib/semantic/src/themes/default/modules/nag.variables similarity index 100% rename from semantic/src/themes/default/modules/nag.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/nag.variables diff --git a/semantic/src/themes/default/modules/popup.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/popup.overrides similarity index 100% rename from semantic/src/themes/default/modules/popup.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/popup.overrides diff --git a/semantic/src/themes/default/modules/popup.variables b/client/assets/less/lib/semantic/src/themes/default/modules/popup.variables similarity index 100% rename from semantic/src/themes/default/modules/popup.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/popup.variables diff --git a/semantic/src/themes/default/modules/progress.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/progress.overrides similarity index 100% rename from semantic/src/themes/default/modules/progress.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/progress.overrides diff --git a/semantic/src/themes/default/modules/progress.variables b/client/assets/less/lib/semantic/src/themes/default/modules/progress.variables similarity index 100% rename from semantic/src/themes/default/modules/progress.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/progress.variables diff --git a/semantic/src/themes/default/modules/rating.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/rating.overrides similarity index 100% rename from semantic/src/themes/default/modules/rating.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/rating.overrides diff --git a/semantic/src/themes/default/modules/rating.variables b/client/assets/less/lib/semantic/src/themes/default/modules/rating.variables similarity index 100% rename from semantic/src/themes/default/modules/rating.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/rating.variables diff --git a/semantic/src/themes/default/modules/search.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/search.overrides similarity index 100% rename from semantic/src/themes/default/modules/search.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/search.overrides diff --git a/semantic/src/themes/default/modules/search.variables b/client/assets/less/lib/semantic/src/themes/default/modules/search.variables similarity index 100% rename from semantic/src/themes/default/modules/search.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/search.variables diff --git a/semantic/src/themes/default/modules/shape.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/shape.overrides similarity index 100% rename from semantic/src/themes/default/modules/shape.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/shape.overrides diff --git a/semantic/src/themes/default/modules/shape.variables b/client/assets/less/lib/semantic/src/themes/default/modules/shape.variables similarity index 100% rename from semantic/src/themes/default/modules/shape.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/shape.variables diff --git a/semantic/src/themes/default/modules/sidebar.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/sidebar.overrides similarity index 100% rename from semantic/src/themes/default/modules/sidebar.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/sidebar.overrides diff --git a/semantic/src/themes/default/modules/sidebar.variables b/client/assets/less/lib/semantic/src/themes/default/modules/sidebar.variables similarity index 100% rename from semantic/src/themes/default/modules/sidebar.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/sidebar.variables diff --git a/semantic/src/themes/default/modules/sticky.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/sticky.overrides similarity index 100% rename from semantic/src/themes/default/modules/sticky.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/sticky.overrides diff --git a/semantic/src/themes/default/modules/sticky.variables b/client/assets/less/lib/semantic/src/themes/default/modules/sticky.variables similarity index 100% rename from semantic/src/themes/default/modules/sticky.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/sticky.variables diff --git a/semantic/src/themes/default/modules/tab.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/tab.overrides similarity index 100% rename from semantic/src/themes/default/modules/tab.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/tab.overrides diff --git a/semantic/src/themes/default/modules/tab.variables b/client/assets/less/lib/semantic/src/themes/default/modules/tab.variables similarity index 100% rename from semantic/src/themes/default/modules/tab.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/tab.variables diff --git a/semantic/src/themes/default/modules/transition.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/transition.overrides similarity index 100% rename from semantic/src/themes/default/modules/transition.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/transition.overrides diff --git a/semantic/src/themes/default/modules/transition.variables b/client/assets/less/lib/semantic/src/themes/default/modules/transition.variables similarity index 100% rename from semantic/src/themes/default/modules/transition.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/transition.variables diff --git a/semantic/src/themes/default/modules/video.overrides b/client/assets/less/lib/semantic/src/themes/default/modules/video.overrides similarity index 100% rename from semantic/src/themes/default/modules/video.overrides rename to client/assets/less/lib/semantic/src/themes/default/modules/video.overrides diff --git a/semantic/src/themes/default/modules/video.variables b/client/assets/less/lib/semantic/src/themes/default/modules/video.variables similarity index 100% rename from semantic/src/themes/default/modules/video.variables rename to client/assets/less/lib/semantic/src/themes/default/modules/video.variables diff --git a/semantic/src/themes/default/views/ad.overrides b/client/assets/less/lib/semantic/src/themes/default/views/ad.overrides similarity index 100% rename from semantic/src/themes/default/views/ad.overrides rename to client/assets/less/lib/semantic/src/themes/default/views/ad.overrides diff --git a/semantic/src/themes/default/views/ad.variables b/client/assets/less/lib/semantic/src/themes/default/views/ad.variables similarity index 100% rename from semantic/src/themes/default/views/ad.variables rename to client/assets/less/lib/semantic/src/themes/default/views/ad.variables diff --git a/semantic/src/themes/default/views/card.overrides b/client/assets/less/lib/semantic/src/themes/default/views/card.overrides similarity index 100% rename from semantic/src/themes/default/views/card.overrides rename to client/assets/less/lib/semantic/src/themes/default/views/card.overrides diff --git a/semantic/src/themes/default/views/card.variables b/client/assets/less/lib/semantic/src/themes/default/views/card.variables similarity index 100% rename from semantic/src/themes/default/views/card.variables rename to client/assets/less/lib/semantic/src/themes/default/views/card.variables diff --git a/semantic/src/themes/default/views/comment.overrides b/client/assets/less/lib/semantic/src/themes/default/views/comment.overrides similarity index 100% rename from semantic/src/themes/default/views/comment.overrides rename to client/assets/less/lib/semantic/src/themes/default/views/comment.overrides diff --git a/semantic/src/themes/default/views/comment.variables b/client/assets/less/lib/semantic/src/themes/default/views/comment.variables similarity index 100% rename from semantic/src/themes/default/views/comment.variables rename to client/assets/less/lib/semantic/src/themes/default/views/comment.variables diff --git a/semantic/src/themes/default/views/feed.overrides b/client/assets/less/lib/semantic/src/themes/default/views/feed.overrides similarity index 100% rename from semantic/src/themes/default/views/feed.overrides rename to client/assets/less/lib/semantic/src/themes/default/views/feed.overrides diff --git a/semantic/src/themes/default/views/feed.variables b/client/assets/less/lib/semantic/src/themes/default/views/feed.variables similarity index 100% rename from semantic/src/themes/default/views/feed.variables rename to client/assets/less/lib/semantic/src/themes/default/views/feed.variables diff --git a/semantic/src/themes/default/views/item.overrides b/client/assets/less/lib/semantic/src/themes/default/views/item.overrides similarity index 100% rename from semantic/src/themes/default/views/item.overrides rename to client/assets/less/lib/semantic/src/themes/default/views/item.overrides diff --git a/semantic/src/themes/default/views/item.variables b/client/assets/less/lib/semantic/src/themes/default/views/item.variables similarity index 100% rename from semantic/src/themes/default/views/item.variables rename to client/assets/less/lib/semantic/src/themes/default/views/item.variables diff --git a/semantic/src/themes/default/views/statistic.overrides b/client/assets/less/lib/semantic/src/themes/default/views/statistic.overrides similarity index 100% rename from semantic/src/themes/default/views/statistic.overrides rename to client/assets/less/lib/semantic/src/themes/default/views/statistic.overrides diff --git a/semantic/src/themes/default/views/statistic.variables b/client/assets/less/lib/semantic/src/themes/default/views/statistic.variables similarity index 100% rename from semantic/src/themes/default/views/statistic.variables rename to client/assets/less/lib/semantic/src/themes/default/views/statistic.variables diff --git a/semantic/src/themes/duo/elements/loader.overrides b/client/assets/less/lib/semantic/src/themes/duo/elements/loader.overrides similarity index 100% rename from semantic/src/themes/duo/elements/loader.overrides rename to client/assets/less/lib/semantic/src/themes/duo/elements/loader.overrides diff --git a/semantic/src/themes/duo/elements/loader.variables b/client/assets/less/lib/semantic/src/themes/duo/elements/loader.variables similarity index 100% rename from semantic/src/themes/duo/elements/loader.variables rename to client/assets/less/lib/semantic/src/themes/duo/elements/loader.variables diff --git a/semantic/src/themes/fixed-width/collections/grid.overrides b/client/assets/less/lib/semantic/src/themes/fixed-width/collections/grid.overrides similarity index 100% rename from semantic/src/themes/fixed-width/collections/grid.overrides rename to client/assets/less/lib/semantic/src/themes/fixed-width/collections/grid.overrides diff --git a/semantic/src/themes/fixed-width/collections/grid.variables b/client/assets/less/lib/semantic/src/themes/fixed-width/collections/grid.variables similarity index 100% rename from semantic/src/themes/fixed-width/collections/grid.variables rename to client/assets/less/lib/semantic/src/themes/fixed-width/collections/grid.variables diff --git a/semantic/src/themes/fixed-width/modules/modal.overrides b/client/assets/less/lib/semantic/src/themes/fixed-width/modules/modal.overrides similarity index 100% rename from semantic/src/themes/fixed-width/modules/modal.overrides rename to client/assets/less/lib/semantic/src/themes/fixed-width/modules/modal.overrides diff --git a/semantic/src/themes/fixed-width/modules/modal.variables b/client/assets/less/lib/semantic/src/themes/fixed-width/modules/modal.variables similarity index 100% rename from semantic/src/themes/fixed-width/modules/modal.variables rename to client/assets/less/lib/semantic/src/themes/fixed-width/modules/modal.variables diff --git a/semantic/src/themes/flat/collections/form.overrides b/client/assets/less/lib/semantic/src/themes/flat/collections/form.overrides similarity index 100% rename from semantic/src/themes/flat/collections/form.overrides rename to client/assets/less/lib/semantic/src/themes/flat/collections/form.overrides diff --git a/semantic/src/themes/flat/collections/form.variables b/client/assets/less/lib/semantic/src/themes/flat/collections/form.variables similarity index 100% rename from semantic/src/themes/flat/collections/form.variables rename to client/assets/less/lib/semantic/src/themes/flat/collections/form.variables diff --git a/semantic/src/themes/flat/globals/site.overrides b/client/assets/less/lib/semantic/src/themes/flat/globals/site.overrides similarity index 100% rename from semantic/src/themes/flat/globals/site.overrides rename to client/assets/less/lib/semantic/src/themes/flat/globals/site.overrides diff --git a/semantic/src/themes/flat/globals/site.variables b/client/assets/less/lib/semantic/src/themes/flat/globals/site.variables similarity index 100% rename from semantic/src/themes/flat/globals/site.variables rename to client/assets/less/lib/semantic/src/themes/flat/globals/site.variables diff --git a/semantic/src/themes/github/collections/form.overrides b/client/assets/less/lib/semantic/src/themes/github/collections/form.overrides similarity index 100% rename from semantic/src/themes/github/collections/form.overrides rename to client/assets/less/lib/semantic/src/themes/github/collections/form.overrides diff --git a/semantic/src/themes/github/collections/form.variables b/client/assets/less/lib/semantic/src/themes/github/collections/form.variables similarity index 100% rename from semantic/src/themes/github/collections/form.variables rename to client/assets/less/lib/semantic/src/themes/github/collections/form.variables diff --git a/semantic/src/themes/github/collections/menu.overrides b/client/assets/less/lib/semantic/src/themes/github/collections/menu.overrides similarity index 100% rename from semantic/src/themes/github/collections/menu.overrides rename to client/assets/less/lib/semantic/src/themes/github/collections/menu.overrides diff --git a/semantic/src/themes/github/collections/menu.variables b/client/assets/less/lib/semantic/src/themes/github/collections/menu.variables similarity index 100% rename from semantic/src/themes/github/collections/menu.variables rename to client/assets/less/lib/semantic/src/themes/github/collections/menu.variables diff --git a/semantic/src/themes/github/collections/message.overrides b/client/assets/less/lib/semantic/src/themes/github/collections/message.overrides similarity index 100% rename from semantic/src/themes/github/collections/message.overrides rename to client/assets/less/lib/semantic/src/themes/github/collections/message.overrides diff --git a/semantic/src/themes/github/collections/message.variables b/client/assets/less/lib/semantic/src/themes/github/collections/message.variables similarity index 100% rename from semantic/src/themes/github/collections/message.variables rename to client/assets/less/lib/semantic/src/themes/github/collections/message.variables diff --git a/semantic/src/themes/github/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/github/elements/button.overrides similarity index 100% rename from semantic/src/themes/github/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/github/elements/button.overrides diff --git a/semantic/src/themes/github/elements/button.variables b/client/assets/less/lib/semantic/src/themes/github/elements/button.variables similarity index 100% rename from semantic/src/themes/github/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/github/elements/button.variables diff --git a/semantic/src/themes/github/elements/segment.overrides b/client/assets/less/lib/semantic/src/themes/github/elements/segment.overrides similarity index 100% rename from semantic/src/themes/github/elements/segment.overrides rename to client/assets/less/lib/semantic/src/themes/github/elements/segment.overrides diff --git a/semantic/src/themes/github/elements/segment.variables b/client/assets/less/lib/semantic/src/themes/github/elements/segment.variables similarity index 100% rename from semantic/src/themes/github/elements/segment.variables rename to client/assets/less/lib/semantic/src/themes/github/elements/segment.variables diff --git a/semantic/src/themes/github/elements/step.overrides b/client/assets/less/lib/semantic/src/themes/github/elements/step.overrides similarity index 100% rename from semantic/src/themes/github/elements/step.overrides rename to client/assets/less/lib/semantic/src/themes/github/elements/step.overrides diff --git a/semantic/src/themes/github/elements/step.variables b/client/assets/less/lib/semantic/src/themes/github/elements/step.variables similarity index 100% rename from semantic/src/themes/github/elements/step.variables rename to client/assets/less/lib/semantic/src/themes/github/elements/step.variables diff --git a/semantic/src/themes/gmail/collections/message.overrides b/client/assets/less/lib/semantic/src/themes/gmail/collections/message.overrides similarity index 100% rename from semantic/src/themes/gmail/collections/message.overrides rename to client/assets/less/lib/semantic/src/themes/gmail/collections/message.overrides diff --git a/semantic/src/themes/gmail/collections/message.variables b/client/assets/less/lib/semantic/src/themes/gmail/collections/message.variables similarity index 100% rename from semantic/src/themes/gmail/collections/message.variables rename to client/assets/less/lib/semantic/src/themes/gmail/collections/message.variables diff --git a/semantic/src/themes/material/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/material/elements/button.overrides similarity index 100% rename from semantic/src/themes/material/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/material/elements/button.overrides diff --git a/semantic/src/themes/material/elements/button.variables b/client/assets/less/lib/semantic/src/themes/material/elements/button.variables similarity index 100% rename from semantic/src/themes/material/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/material/elements/button.variables diff --git a/semantic/src/themes/material/elements/header.overrides b/client/assets/less/lib/semantic/src/themes/material/elements/header.overrides similarity index 100% rename from semantic/src/themes/material/elements/header.overrides rename to client/assets/less/lib/semantic/src/themes/material/elements/header.overrides diff --git a/semantic/src/themes/material/elements/header.variables b/client/assets/less/lib/semantic/src/themes/material/elements/header.variables similarity index 100% rename from semantic/src/themes/material/elements/header.variables rename to client/assets/less/lib/semantic/src/themes/material/elements/header.variables diff --git a/semantic/src/themes/material/globals/site.overrides b/client/assets/less/lib/semantic/src/themes/material/globals/site.overrides similarity index 100% rename from semantic/src/themes/material/globals/site.overrides rename to client/assets/less/lib/semantic/src/themes/material/globals/site.overrides diff --git a/semantic/src/themes/material/globals/site.variables b/client/assets/less/lib/semantic/src/themes/material/globals/site.variables similarity index 100% rename from semantic/src/themes/material/globals/site.variables rename to client/assets/less/lib/semantic/src/themes/material/globals/site.variables diff --git a/semantic/src/themes/material/modules/modal.overrides b/client/assets/less/lib/semantic/src/themes/material/modules/modal.overrides similarity index 100% rename from semantic/src/themes/material/modules/modal.overrides rename to client/assets/less/lib/semantic/src/themes/material/modules/modal.overrides diff --git a/semantic/src/themes/material/modules/modal.variables b/client/assets/less/lib/semantic/src/themes/material/modules/modal.variables similarity index 100% rename from semantic/src/themes/material/modules/modal.variables rename to client/assets/less/lib/semantic/src/themes/material/modules/modal.variables diff --git a/semantic/src/themes/pulsar/elements/loader.overrides b/client/assets/less/lib/semantic/src/themes/pulsar/elements/loader.overrides similarity index 100% rename from semantic/src/themes/pulsar/elements/loader.overrides rename to client/assets/less/lib/semantic/src/themes/pulsar/elements/loader.overrides diff --git a/semantic/src/themes/pulsar/elements/loader.variables b/client/assets/less/lib/semantic/src/themes/pulsar/elements/loader.variables similarity index 100% rename from semantic/src/themes/pulsar/elements/loader.variables rename to client/assets/less/lib/semantic/src/themes/pulsar/elements/loader.variables diff --git a/semantic/src/themes/raised/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/raised/elements/button.overrides similarity index 100% rename from semantic/src/themes/raised/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/raised/elements/button.overrides diff --git a/semantic/src/themes/raised/elements/button.variables b/client/assets/less/lib/semantic/src/themes/raised/elements/button.variables similarity index 100% rename from semantic/src/themes/raised/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/raised/elements/button.variables diff --git a/semantic/src/themes/resetcss/globals/reset.overrides b/client/assets/less/lib/semantic/src/themes/resetcss/globals/reset.overrides similarity index 100% rename from semantic/src/themes/resetcss/globals/reset.overrides rename to client/assets/less/lib/semantic/src/themes/resetcss/globals/reset.overrides diff --git a/semantic/src/themes/resetcss/globals/reset.variables b/client/assets/less/lib/semantic/src/themes/resetcss/globals/reset.variables similarity index 100% rename from semantic/src/themes/resetcss/globals/reset.variables rename to client/assets/less/lib/semantic/src/themes/resetcss/globals/reset.variables diff --git a/semantic/src/themes/round/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/round/elements/button.overrides similarity index 100% rename from semantic/src/themes/round/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/round/elements/button.overrides diff --git a/semantic/src/themes/round/elements/button.variables b/client/assets/less/lib/semantic/src/themes/round/elements/button.variables similarity index 100% rename from semantic/src/themes/round/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/round/elements/button.variables diff --git a/semantic/src/themes/rtl/globals/site.overrides b/client/assets/less/lib/semantic/src/themes/rtl/globals/site.overrides similarity index 100% rename from semantic/src/themes/rtl/globals/site.overrides rename to client/assets/less/lib/semantic/src/themes/rtl/globals/site.overrides diff --git a/semantic/src/themes/rtl/globals/site.variables b/client/assets/less/lib/semantic/src/themes/rtl/globals/site.variables similarity index 100% rename from semantic/src/themes/rtl/globals/site.variables rename to client/assets/less/lib/semantic/src/themes/rtl/globals/site.variables diff --git a/semantic/src/themes/striped/modules/progress.overrides b/client/assets/less/lib/semantic/src/themes/striped/modules/progress.overrides similarity index 100% rename from semantic/src/themes/striped/modules/progress.overrides rename to client/assets/less/lib/semantic/src/themes/striped/modules/progress.overrides diff --git a/semantic/src/themes/striped/modules/progress.variables b/client/assets/less/lib/semantic/src/themes/striped/modules/progress.variables similarity index 100% rename from semantic/src/themes/striped/modules/progress.variables rename to client/assets/less/lib/semantic/src/themes/striped/modules/progress.variables diff --git a/semantic/src/themes/timeline/views/feed.overrides b/client/assets/less/lib/semantic/src/themes/timeline/views/feed.overrides similarity index 100% rename from semantic/src/themes/timeline/views/feed.overrides rename to client/assets/less/lib/semantic/src/themes/timeline/views/feed.overrides diff --git a/semantic/src/themes/timeline/views/feed.variables b/client/assets/less/lib/semantic/src/themes/timeline/views/feed.variables similarity index 100% rename from semantic/src/themes/timeline/views/feed.variables rename to client/assets/less/lib/semantic/src/themes/timeline/views/feed.variables diff --git a/semantic/src/themes/twitter/elements/button.overrides b/client/assets/less/lib/semantic/src/themes/twitter/elements/button.overrides similarity index 100% rename from semantic/src/themes/twitter/elements/button.overrides rename to client/assets/less/lib/semantic/src/themes/twitter/elements/button.overrides diff --git a/semantic/src/themes/twitter/elements/button.variables b/client/assets/less/lib/semantic/src/themes/twitter/elements/button.variables similarity index 100% rename from semantic/src/themes/twitter/elements/button.variables rename to client/assets/less/lib/semantic/src/themes/twitter/elements/button.variables diff --git a/client/assets/less/style.less b/client/assets/less/style.less index d1e99b6..7a6c86a 100644 --- a/client/assets/less/style.less +++ b/client/assets/less/style.less @@ -1,9 +1,7 @@ -@semantic-home: "../../../semantic/src"; - // Import semantic ui variables -@import "@{semantic-home}/site/globals/site.variables"; -@import "@{semantic-home}/themes/default/globals/site.variables"; -@import "@{semantic-home}/themes/material/globals/site.variables"; +@import "lib/semantic/src/site/globals/site.variables"; +@import "lib/semantic/src/themes/default/globals/site.variables"; +@import "lib/semantic/src/themes/material/globals/site.variables"; // import site variables @import "app/site.variables"; diff --git a/gulpfile.js b/gulpfile.js index ef6f541..cf4f044 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -145,7 +145,7 @@ gulp.task('less', ['clean:css'], function () { gulp.task('concat:css', ['less'], function () { return gulp.src([ './node_modules/nprogress/nprogress.css', - './semantic/dist/semantic.css', + './client/less/lib/semantic/dist/semantic.css', dist('/css/style.css') ]) .pipe(concat('style.css')) @@ -157,7 +157,7 @@ gulp.task('concat:css', ['less'], function () { .on('error', gutil.log.bind(gutil, 'Error concatenating CSS')); }); -gulp.task('build:css', ['semantic:build', 'less'], function () { +gulp.task('build:css', ['less'], function () { return gulp.start('concat:css'); }); @@ -201,9 +201,6 @@ gulp.task('uglify', ['watchify'], function () { .on('error', gutil.log.bind(gutil, 'Error during minification.')); }); -gulp.task('semantic:build', require('./semantic/tasks/build')); -gulp.task('semantic:watch', require('./semantic/tasks/watch')); - // helper to navigate to the dist assets dir function dist(dest) { return './client/dist/assets' + dest; diff --git a/package.json b/package.json index 3902ec6..597cc5e 100644 --- a/package.json +++ b/package.json @@ -14,39 +14,44 @@ }, "browserify-shim": "./config/shims.js", "dependencies": { - "axios": "^0.5.2", + "axios": "^0.5.4", + "bcrypt": "^0.8.4", + "better-console": "^0.2.4", + "boom": "^2.8.0", + "classnames": "^2.1.3", "es6-promise": "^2.0.1", + "extend": "^3.0.0", "flux": "^2.0.1", "font-awesome": "^4.3.0", + "good": "^6.3.0", + "good-console": "^5.0.2", + "hapi": "^8.2.0", + "hapi-auth-basic": "^3.0.0", + "hapi-auth-cookie": "^3.0.1", + "hoek": "^2.11.0", "jade": "^1.9.2", - "joi": "^5.1.0", + "joi": "^6.6.1", "keymirror": "^0.1.1", "lodash": "^3.5.0", "moment": "^2.9.0", "nedb": "^1.1.1", - "nprogress": "^0.1.6", - "object-assign": "^2.0.0", + "nprogress": "^0.2.0", + "object-assign": "^3.0.0", "open": "0.0.5", "q": "^1.2.0", - "react": "^0.12.2", - "react-classes": "^1.1.0", - "react-router": "^0.12.0", - "react-select": "^0.3.2", - "tether": "^0.6.5", + "react": "^0.13.3", + "react-router": "^0.13.3", + "react-select": "^0.6.1", + "tether": "^1.1.0", + "through2": "^2.0.0", "tracer": "^0.7.3", - "winston": "^0.9.0" + "winston": "^1.0.1" }, "devDependencies": { - "bcrypt": "^0.8.1", - "better-console": "^0.2.4", - "boom": "^2.6.1", - "browserify": "^9.0.3", - "browserify-shim": "^3.8.3", - "chai": "^2.1.0", + "browserify": "^11.0.1", + "browserify-shim": "^3.8.10", + "chai": "^3.2.0", "del": "^1.1.1", - "extend": "^2.0.0", - "good": "^5.1.2", - "good-console": "^4.1.0", "gulp": "^3.8.11", "gulp-autoprefixer": "^2.1.0", "gulp-changed": "^1.2.1", @@ -76,32 +81,27 @@ "gulp-uglify": "^1.1.0", "gulp-util": "^3.0.3", "gulp-watch": "^4.1.1", - "hapi": "^8.2.0", - "hapi-auth-basic": "^2.0.0", - "hapi-auth-cookie": "^2.0.0", - "hoek": "^2.11.0", - "karma": "^0.12.31", + "karma": "^0.13.8", "karma-bro": "^0.11.1", - "karma-chrome-launcher": "^0.1.7", + "karma-chrome-launcher": "^0.2.0", "karma-firefox-launcher": "^0.1.4", - "karma-mocha": "^0.1.10", + "karma-mocha": "^0.2.0", "karma-mocha-reporter": "^1.0.0", - "karma-phantomjs-launcher": "^0.1.4", - "lazypipe": "^0.2.2", + "karma-phantomjs-launcher": "^0.2.1", + "lazypipe": "^1.0.1", "merge-stream": "^0.1.7", "mocha": "^2.2.1", - "protractor": "^1.7.0", + "protractor": "^2.1.0", "proxyquire": "^1.4.0", "proxyquire-universal": "^1.0.3", - "proxyquireify": "^1.2.2", + "proxyquireify": "^3.0.0", "reactify": "^1.0.0", "require-dot-file": "^0.4.0", "sinon": "^1.12.2", "sinon-chai": "^2.7.0", - "through2": "^0.6.3", "vinyl-buffer": "^1.0.0", "vinyl-source-stream": "^1.0.0", - "walkdir": "0.0.7", - "watchify": "^2.4.0" + "walkdir": "0.0.10", + "watchify": "^3.3.1" } } diff --git a/semantic.json b/semantic.json deleted file mode 100755 index cb63356..0000000 --- a/semantic.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "base": "semantic/", - "paths": { - "source": { - "config": "src/theme.config", - "definitions": "src/definitions/", - "site": "src/site/", - "themes": "src/themes/" - }, - "output": { - "packaged": "dist/", - "uncompressed": "dist/components/", - "compressed": "dist/components/", - "themes": "dist/themes/" - }, - "clean": "dist/" - }, - "permission": false, - "rtl": false, - "version": "1.9.3" -} \ No newline at end of file diff --git a/semantic/tasks/README.md b/semantic/tasks/README.md deleted file mode 100755 index 9dc33c7..0000000 --- a/semantic/tasks/README.md +++ /dev/null @@ -1,17 +0,0 @@ -## Tasks - -* Watch - Compile only changed files from source -* Build - Build all files from source -* Version - Output version number -* Install - Run Installer to Set-up Paths - -## How to use - -These tasks can be imported into your own gulpfile allowing you to avoid using Semantic's build tools - -```javascript -var - watch = require('path/to/semantic/tasks/watch') -; -gulp.task('watch ui', 'Watch Semantic UI', watch)); -``` \ No newline at end of file diff --git a/semantic/tasks/admin/components/create.js b/semantic/tasks/admin/components/create.js deleted file mode 100755 index 4a2e15c..0000000 --- a/semantic/tasks/admin/components/create.js +++ /dev/null @@ -1,332 +0,0 @@ -/******************************* - Create Component Repos -*******************************/ - -/* - This will create individual component repositories for each SUI component - - * copy component files from release - * create commonjs files as index.js for NPM release - * create release notes that filter only items related to component - * custom package.json file from template - * create bower.json from template - * create README from template - * create meteor.js file -*/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - del = require('del'), - fs = require('fs'), - path = require('path'), - runSequence = require('run-sequence'), - - // admin dependencies - concatFileNames = require('gulp-concat-filenames'), - debug = require('gulp-debug'), - flatten = require('gulp-flatten'), - git = require('gulp-git'), - jsonEditor = require('gulp-json-editor'), - plumber = require('gulp-plumber'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - tap = require('gulp-tap'), - util = require('gulp-util'), - - // config - config = require('../../config/user'), - release = require('../../config/admin/release'), - project = require('../../config/project/release'), - - // shorthand - version = project.version, - output = config.paths.output - -; - - -module.exports = function(callback) { - var - stream, - index, - tasks = [] - ; - - for(index in release.components) { - - var - component = release.components[index] - ; - - // streams... designed to save time and make coding fun... - (function(component) { - - var - outputDirectory = path.join(release.outputRoot, component), - isJavascript = fs.existsSync(output.compressed + component + '.js'), - isCSS = fs.existsSync(output.compressed + component + '.css'), - capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1), - packageName = release.packageRoot + component, - repoName = release.componentRepoRoot + capitalizedComponent, - gitURL = 'https://github.com/' + release.org + '/' + repoName + '.git', - repoURL = 'https://github.com/' + release.org + '/' + repoName + '/', - concatSettings = { - newline : '', - root : outputDirectory, - prepend : " '", - append : "'," - }, - regExp = { - match : { - // templated values - name : '{component}', - titleName : '{Component}', - version : '{version}', - files : '{files}', - // release notes - spacedVersions : /(###.*\n)\n+(?=###)/gm, - spacedLists : /(^- .*\n)\n+(?=^-)/gm, - trim : /^\s+|\s+$/g, - unrelatedNotes : new RegExp('^((?!(^.*(' + component + ').*$|###.*)).)*$', 'gmi'), - whitespace : /\n\s*\n\s*\n/gm, - // npm - export : /\$\.fn\.\w+\s*=\s*function\(parameters\)\s*{/g, - formExport : /\$\.fn\.\w+\s*=\s*function\(fields, parameters\)\s*{/g, - settingsExport : /\$\.fn\.\w+\.settings\s*=/g, - settingsReference : /\$\.fn\.\w+\.settings/g, - trailingComma : /,(?=[^,]*$)/, - jQuery : /jQuery/g, - }, - replace : { - // readme - name : component, - titleName : capitalizedComponent, - // release notes - spacedVersions : '', - spacedLists : '$1', - trim : '', - unrelatedNotes : '', - whitespace : '\n\n', - // npm - export : 'module.exports = function(parameters) {\n var _module = module;\n', - formExport : 'module.exports = function(fields, parameters) {\n var _module = module;\n', - settingsExport : 'module.exports.settings =', - settingsReference : '_module.exports.settings', - jQuery : 'require("jquery")' - } - }, - task = { - all : component + ' creating', - repo : component + ' create repo', - bower : component + ' create bower.json', - readme : component + ' create README', - npm : component + ' create NPM Module', - notes : component + ' create release notes', - composer : component + ' create composer.json', - package : component + ' create package.json', - meteor : component + ' create meteor package.js', - }, - // paths to includable assets - manifest = { - assets : outputDirectory + '/assets/**/' + component + '?(s).*', - component : outputDirectory + '/' + component + '+(.js|.css)' - } - ; - - // copy dist files into output folder adjusting asset paths - gulp.task(task.repo, false, function() { - return gulp.src(release.source + component + '.*') - .pipe(plumber()) - .pipe(flatten()) - .pipe(replace(release.paths.source, release.paths.output)) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - // create npm module - gulp.task(task.npm, false, function() { - return gulp.src(release.source + component + '!(*.min|*.map).js') - .pipe(plumber()) - .pipe(flatten()) - .pipe(replace(regExp.match.export, regExp.replace.export)) - .pipe(replace(regExp.match.formExport, regExp.replace.formExport)) - .pipe(replace(regExp.match.settingsExport, regExp.replace.settingsExport)) - .pipe(replace(regExp.match.settingsReference, regExp.replace.settingsReference)) - .pipe(replace(regExp.match.jQuery, regExp.replace.jQuery)) - .pipe(rename('index.js')) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - // create readme - gulp.task(task.readme, false, function() { - return gulp.src(release.templates.readme) - .pipe(plumber()) - .pipe(flatten()) - .pipe(replace(regExp.match.name, regExp.replace.name)) - .pipe(replace(regExp.match.titleName, regExp.replace.titleName)) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - // extend bower.json - gulp.task(task.bower, false, function() { - return gulp.src(release.templates.bower) - .pipe(plumber()) - .pipe(flatten()) - .pipe(jsonEditor(function(bower) { - bower.name = packageName; - bower.description = capitalizedComponent + ' - Semantic UI'; - if(isJavascript) { - if(isCSS) { - bower.main = [ - component + '.js', - component + '.css' - ]; - } - else { - bower.main = [ - component + '.js' - ]; - } - bower.dependencies = { - jquery: '>=1.8' - }; - } - else { - bower.main = [ - component + '.css' - ]; - } - return bower; - })) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - // extend package.json - gulp.task(task.package, false, function() { - return gulp.src(release.templates.package) - .pipe(plumber()) - .pipe(flatten()) - .pipe(jsonEditor(function(package) { - if(isJavascript) { - package.dependencies = { - jquery: 'x.x.x' - }; - package.main = 'index.js'; - } - package.name = packageName; - if(version) { - package.version = version; - } - package.title = 'Semantic UI - ' + capitalizedComponent; - package.description = 'Single component release of ' + component; - package.repository = { - type : 'git', - url : gitURL - }; - return package; - })) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - // extend composer.json - gulp.task(task.composer, false, function() { - return gulp.src(release.templates.composer) - .pipe(plumber()) - .pipe(flatten()) - .pipe(jsonEditor(function(composer) { - if(isJavascript) { - composer.dependencies = { - jquery: 'x.x.x' - }; - composer.main = component + '.js'; - } - composer.name = 'semantic/' + component; - if(version) { - composer.version = version; - } - composer.description = 'Single component release of ' + component; - return composer; - })) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - // create release notes - gulp.task(task.notes, false, function() { - return gulp.src(release.templates.notes) - .pipe(plumber()) - .pipe(flatten()) - // Remove release notes for lines not mentioning component - .pipe(replace(regExp.match.unrelatedNotes, regExp.replace.unrelatedNotes)) - .pipe(replace(regExp.match.whitespace, regExp.replace.whitespace)) - .pipe(replace(regExp.match.spacedVersions, regExp.replace.spacedVersions)) - .pipe(replace(regExp.match.spacedLists, regExp.replace.spacedLists)) - .pipe(replace(regExp.match.trim, regExp.replace.trim)) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - // Creates meteor package.js - gulp.task(task.meteor, function() { - var - filenames = '' - ; - return gulp.src(manifest.component) - .pipe(concatFileNames('empty.txt', concatSettings)) - .pipe(tap(function(file) { - filenames += file.contents; - })) - .on('end', function() { - gulp.src(manifest.assets) - .pipe(concatFileNames('empty.txt', concatSettings)) - .pipe(tap(function(file) { - filenames += file.contents; - })) - .on('end', function() { - // remove trailing slash - filenames = filenames.replace(regExp.match.trailingComma, '').trim(); - gulp.src(release.templates.meteor.component) - .pipe(plumber()) - .pipe(flatten()) - .pipe(replace(regExp.match.name, regExp.replace.name)) - .pipe(replace(regExp.match.titleName, regExp.replace.titleName)) - .pipe(replace(regExp.match.version, version)) - .pipe(replace(regExp.match.files, filenames)) - .pipe(rename(release.files.meteor)) - .pipe(gulp.dest(outputDirectory)) - ; - }) - ; - }) - ; - }); - - - // synchronous tasks in orchestrator? I think not - gulp.task(task.all, false, function(callback) { - runSequence([ - task.repo, - task.npm, - task.bower, - task.readme, - task.package, - task.composer, - task.notes, - task.meteor - ], callback); - }); - - tasks.push(task.all); - - })(component); - } - - runSequence(tasks, callback); -}; \ No newline at end of file diff --git a/semantic/tasks/admin/components/init.js b/semantic/tasks/admin/components/init.js deleted file mode 100755 index 7f836d3..0000000 --- a/semantic/tasks/admin/components/init.js +++ /dev/null @@ -1,170 +0,0 @@ -/******************************* - Init Repos -*******************************/ - -/* - - This task pulls the latest version of each component from GitHub - - * Creates new repo if doesnt exist (locally & GitHub) - * Adds remote it doesnt exists - * Pulls latest changes from repo - -*/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - del = require('del'), - fs = require('fs'), - path = require('path'), - git = require('gulp-git'), - githubAPI = require('github'), - mkdirp = require('mkdirp'), - - // admin files - github = require('../../config/admin/github.js'), - release = require('../../config/admin/release'), - project = require('../../config/project/release'), - - - // oAuth configuration for GitHub - oAuth = fs.existsSync(__dirname + '/../../config/admin/oauth.js') - ? require('../../config/admin/oauth') - : false, - - // shorthand - version = project.version -; - -module.exports = function(callback) { - - var - index = -1, - total = release.components.length, - timer, - stream, - stepRepo - ; - - if(!oAuth) { - console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js'); - return; - } - - // Do Git commands synchronously per component, to avoid issues - stepRepo = function() { - - index = index + 1; - - if(index >= total) { - callback(); - return; - } - - var - component = release.components[index] - outputDirectory = path.resolve(release.outputRoot + component), - capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1), - repoName = release.componentRepoRoot + capitalizedComponent, - - gitOptions = { cwd: outputDirectory }, - pullOptions = { args: '-q', cwd: outputDirectory, quiet: true }, - resetOptions = { args: '-q --hard', cwd: outputDirectory, quiet: true }, - - gitURL = 'https://github.com/' + release.org + '/' + repoName + '.git', - repoURL = 'https://github.com/' + release.org + '/' + repoName + '/', - localRepoSetup = fs.existsSync(path.join(outputDirectory, '.git')) - ; - - console.log('Processing repository: ' + outputDirectory); - - // create folder if doesn't exist - if( !fs.existsSync(outputDirectory) ) { - mkdirp.sync(outputDirectory); - } - - // clean folder - if(release.outputRoot.search('../repos') == 0) { - console.info('Cleaning dir', outputDirectory); - del.sync([outputDirectory + '**/*'], {silent: true, force: true}); - } - - // set-up local repo - function setupRepo() { - if(localRepoSetup) { - addRemote(); - } - else { - initRepo(); - } - } - - function initRepo() { - console.info('Initializing repository for ' + component); - git.init(gitOptions, function(error) { - if(error) { - console.error('Error initializing repo', error); - } - addRemote(); - }); - } - - function createRepo() { - console.info('Creating GitHub repo ' + repoURL); - github.repos.createFromOrg({ - org : release.org, - name : repoName, - homepage : release.homepage - }, function() { - setupRepo(); - }); - } - - function addRemote() { - console.info('Adding remote origin as ' + gitURL); - git.addRemote('origin', gitURL, gitOptions, function(){ - pullFiles(); - }); - } - - function pullFiles() { - console.info('Pulling ' + component + ' files'); - git.pull('origin', 'master', pullOptions, function(error) { - resetFiles(); - }); - } - - function resetFiles() { - console.info('Resetting files to head'); - git.reset('HEAD', resetOptions, function(error) { - nextRepo(); - }); - } - - function nextRepo() { - //console.log('Sleeping for 1 second...'); - // avoid rate throttling - global.clearTimeout(timer); - timer = global.setTimeout(function() { - stepRepo() - }, 0); - } - - - if(localRepoSetup) { - pullFiles(); - } - else { - setupRepo(); - // createRepo() only use to create remote repo (easier to do manually) - } - - }; - - stepRepo(); - - -}; diff --git a/semantic/tasks/admin/components/update.js b/semantic/tasks/admin/components/update.js deleted file mode 100755 index a8ff643..0000000 --- a/semantic/tasks/admin/components/update.js +++ /dev/null @@ -1,184 +0,0 @@ -/******************************* - Update Repos -*******************************/ - -/* - - This task update all SUI individual component repos with new versions of components - - * Commits changes from create repo - * Pushes changes to GitHub - * Tag new releases if version changed in main repo - -*/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - fs = require('fs'), - path = require('path'), - git = require('gulp-git'), - githubAPI = require('github'), - requireDotFile = require('require-dot-file'), - - // admin files - github = require('../../config/admin/github.js'), - release = require('../../config/admin/release'), - project = require('../../config/project/release'), - - - // oAuth configuration for GitHub - oAuth = fs.existsSync(__dirname + '/../../config/admin/oauth.js') - ? require('../../config/admin/oauth') - : false, - - // shorthand - version = project.version -; - -module.exports = function(callback) { - - var - index = -1, - total = release.components.length, - timer, - stream, - stepRepo - ; - - if(!oAuth) { - console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js'); - return; - } - - // Do Git commands synchronously per component, to avoid issues - stepRepo = function() { - - index = index + 1; - if(index >= total) { - callback(); - return; - } - - var - component = release.components[index] - outputDirectory = path.resolve(path.join(release.outputRoot, component)), - capitalizedComponent = component.charAt(0).toUpperCase() + component.slice(1), - repoName = release.componentRepoRoot + capitalizedComponent, - - gitURL = 'https://github.com/' + release.org + '/' + repoName + '.git', - repoURL = 'https://github.com/' + release.org + '/' + repoName + '/', - - commitArgs = (oAuth.name !== undefined && oAuth.email !== undefined) - ? '--author "' + oAuth.name + ' <' + oAuth.email + '>"' - : '', - - componentPackage = fs.existsSync(outputDirectory + 'package.json' ) - ? require(outputDirectory + 'package.json') - : false, - - isNewVersion = (version && componentPackage.version != version), - - commitMessage = (isNewVersion) - ? 'Updated component to version ' + version - : 'Updated files from main repo', - - gitOptions = { cwd: outputDirectory }, - commitOptions = { args: commitArgs, cwd: outputDirectory }, - releaseOptions = { tag_name: version, owner: release.org, repo: repoName }, - - fileModeOptions = { args : 'config core.fileMode false', cwd: outputDirectory }, - usernameOptions = { args : 'config user.name "' + oAuth.name + '"', cwd: outputDirectory }, - emailOptions = { args : 'config user.email "' + oAuth.email + '"', cwd: outputDirectory }, - versionOptions = { args : 'rev-parse --verify HEAD', cwd: outputDirectory }, - - localRepoSetup = fs.existsSync(path.join(outputDirectory, '.git')), - canProceed = true - ; - - - console.info('Processing repository:' + outputDirectory); - - function setConfig() { - git.exec(fileModeOptions, function() { - git.exec(usernameOptions, function () { - git.exec(emailOptions, function () { - commitFiles(); - }); - }); - }); - } - - - // standard path - function commitFiles() { - // commit files - console.info('Committing ' + component + ' files', commitArgs); - gulp.src('**/*', gitOptions) - .pipe(git.add(gitOptions)) - .pipe(git.commit(commitMessage, commitOptions)) - .on('error', function(error) { - // canProceed = false; bug in git commit - }) - .on('finish', function(callback) { - if(canProceed) { - pushFiles(); - } - else { - console.info('Nothing new to commit'); - nextRepo(); - } - }) - ; - } - - // push changes to remote - function pushFiles() { - console.info('Pushing files for ' + component); - git.push('origin', 'master', { args: '', cwd: outputDirectory }, function(error) { - console.info('Push completed successfully'); - getSHA(); - }); - } - - // gets SHA of last commit - function getSHA() { - git.exec(versionOptions, function(error, version) { - version = version.trim(); - createRelease(version); - }); - } - - // create release on GitHub.com - function createRelease(version) { - if(version) { - releaseOptions.target_commitish = version; - } - github.releases.createRelease(releaseOptions, function() { - nextRepo(); - }); - } - - // Steps to next repository - function nextRepo() { - console.log('Sleeping for 1 second...'); - // avoid rate throttling - global.clearTimeout(timer); - timer = global.setTimeout(stepRepo, 500); - } - - - if(localRepoSetup) { - setConfig(); - } - else { - console.error('Repository must be setup before running update components'); - } - - }; - - stepRepo(); - -}; diff --git a/semantic/tasks/admin/distributions/create.js b/semantic/tasks/admin/distributions/create.js deleted file mode 100755 index 5fa895b..0000000 --- a/semantic/tasks/admin/distributions/create.js +++ /dev/null @@ -1,216 +0,0 @@ -/******************************* - Create Distributions -*******************************/ - -/* - This will create individual distribution repositories for each SUI distribution - - * copy distribution files to release - * update package.json file -*/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - del = require('del'), - fs = require('fs'), - path = require('path'), - runSequence = require('run-sequence'), - mergeStream = require('merge-stream'), - - // admin dependencies - concatFileNames = require('gulp-concat-filenames'), - debug = require('gulp-debug'), - flatten = require('gulp-flatten'), - git = require('gulp-git'), - jsonEditor = require('gulp-json-editor'), - plumber = require('gulp-plumber'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - tap = require('gulp-tap'), - - // config - config = require('../../config/user'), - release = require('../../config/admin/release'), - project = require('../../config/project/release'), - - // shorthand - version = project.version, - output = config.paths.output - -; - - -module.exports = function(callback) { - var - stream, - index, - tasks = [] - ; - - for(index in release.distributions) { - - var - distribution = release.distributions[index] - ; - - // streams... designed to save time and make coding fun... - (function(distribution) { - - var - distLowerCase = distribution.toLowerCase(), - outputDirectory = path.join(release.outputRoot, distLowerCase), - packageFile = path.join(outputDirectory, release.files.npm), - repoName = release.distRepoRoot + distribution, - regExp = { - match : { - files : '{files}', - version : '{version}' - } - }, - task = { - all : distribution + ' copying files', - repo : distribution + ' create repo', - meteor : distribution + ' create meteor package.js', - package : distribution + ' create package.json' - }, - gatherFiles, - createList - ; - - // get files for meteor - gatherFiles = function(dir) { - var - dir = dir || path.resolve('.'), - list = fs.readdirSync(dir), - omitted = [ - '.git', - 'node_modules', - 'package.js', - 'LICENSE', - 'README.md', - 'package.json', - 'bower.json', - '.gitignore' - ] - files = [] - ; - list.forEach(function(file) { - var - isOmitted = (omitted.indexOf(file) > -1), - filePath = path.join(dir, file), - stat = fs.statSync(filePath) - ; - if(!isOmitted) { - if(stat && stat.isDirectory()) { - files = files.concat(gatherFiles(filePath)); - } - else { - files.push(filePath.replace(outputDirectory + path.sep, '')); - } - } - }) - return files - }; - - // spaces out list correctly - createList = function(files) { - var filenames = ''; - for(file in files) { - if(file == (files.length - 1) ) { - filenames += "'" + files[file] + "'"; - } - else { - filenames += "'" + files[file] + "',\n "; - } - } - return filenames; - }; - - - gulp.task(task.meteor, function() { - var - files = gatherFiles(outputDirectory) - filenames = createList(files) - ; - gulp.src(release.templates.meteor[distLowerCase]) - .pipe(plumber()) - .pipe(flatten()) - .pipe(replace(regExp.match.version, version)) - .pipe(replace(regExp.match.files, filenames)) - .pipe(rename(release.files.meteor)) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - if(distribution == 'CSS') { - gulp.task(task.repo, function() { - var - themes, - component, - releases - ; - themes = gulp.src('dist/themes/default/**/*', { base: 'dist/' }) - .pipe(gulp.dest(outputDirectory)) - ; - components = gulp.src('dist/components/*', { base: 'dist/' }) - .pipe(gulp.dest(outputDirectory)) - ; - releases = gulp.src('dist/*', { base: 'dist/' }) - .pipe(gulp.dest(outputDirectory)) - ; - return mergeStream(themes, components, releases); - }); - } - else if(distribution == 'LESS') { - gulp.task(task.repo, function() { - var - definitions, - themeImport, - themeConfig, - siteTheme, - themes - ; - definitions = gulp.src('src/definitions/**/*', { base: 'src/' }) - .pipe(gulp.dest(outputDirectory)) - ; - themeImport = gulp.src('src/theme.less', { base: 'src/' }) - .pipe(gulp.dest(outputDirectory)) - ; - themeConfig = gulp.src('src/theme.config.example', { base: 'src/' }) - .pipe(gulp.dest(outputDirectory)) - ; - siteTheme = gulp.src('src/_site/**/*', { base: 'src/' }) - .pipe(gulp.dest(outputDirectory)) - ; - themes = gulp.src('src/themes/**/*', { base: 'src/' }) - .pipe(gulp.dest(outputDirectory)) - ; - return mergeStream(definitions, themeImport, themeConfig, siteTheme, themes); - }); - } - - // extend package.json - gulp.task(task.package, function() { - return gulp.src(packageFile) - .pipe(plumber()) - .pipe(jsonEditor(function(package) { - if(version) { - package.version = version; - } - return package; - })) - .pipe(gulp.dest(outputDirectory)) - ; - }); - - tasks.push(task.meteor); - tasks.push(task.repo); - tasks.push(task.package); - - })(distribution); - } - runSequence(tasks, callback); -}; \ No newline at end of file diff --git a/semantic/tasks/admin/distributions/init.js b/semantic/tasks/admin/distributions/init.js deleted file mode 100755 index d188f7a..0000000 --- a/semantic/tasks/admin/distributions/init.js +++ /dev/null @@ -1,170 +0,0 @@ -/******************************* - Init Dist Repos -*******************************/ - -/* - - This task pulls the latest version of distribution from GitHub - - * Creates new repo if doesnt exist (locally & GitHub) - * Adds remote it doesnt exists - * Pulls latest changes from repo - -*/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - del = require('del'), - fs = require('fs'), - path = require('path'), - git = require('gulp-git'), - githubAPI = require('github'), - mkdirp = require('mkdirp'), - - // admin files - github = require('../../config/admin/github.js'), - release = require('../../config/admin/release'), - project = require('../../config/project/release'), - - - // oAuth configuration for GitHub - oAuth = fs.existsSync(__dirname + '/../../config/admin/oauth.js') - ? require('../../config/admin/oauth') - : false, - - // shorthand - version = project.version -; - -module.exports = function(callback) { - - var - index = -1, - total = release.distributions.length, - timer, - stream, - stepRepo - ; - - if(!oAuth) { - console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js'); - return; - } - - // Do Git commands synchronously per component, to avoid issues - stepRepo = function() { - - index = index + 1; - - if(index >= total) { - callback(); - return; - } - - var - component = release.distributions[index], - lowerCaseComponent = component.toLowerCase(), - outputDirectory = path.resolve(release.outputRoot + lowerCaseComponent), - repoName = release.distRepoRoot + component, - - gitOptions = { cwd: outputDirectory }, - pullOptions = { args: '-q', cwd: outputDirectory, quiet: true }, - resetOptions = { args: '-q --hard', cwd: outputDirectory, quiet: true }, - - gitURL = 'https://github.com/' + release.org + '/' + repoName + '.git', - repoURL = 'https://github.com/' + release.org + '/' + repoName + '/', - localRepoSetup = fs.existsSync(path.join(outputDirectory, '.git')) - ; - - console.log('Processing repository: ' + outputDirectory); - - // create folder if doesn't exist - if( !fs.existsSync(outputDirectory) ) { - mkdirp.sync(outputDirectory); - } - - // clean folder - if(release.outputRoot.search('../repos') == 0) { - console.info('Cleaning dir', outputDirectory); - del.sync([outputDirectory + '**/*'], {silent: true, force: true}); - } - - // set-up local repo - function setupRepo() { - if(localRepoSetup) { - addRemote(); - } - else { - initRepo(); - } - } - - function initRepo() { - console.info('Initializing repository for ' + component); - git.init(gitOptions, function(error) { - if(error) { - console.error('Error initializing repo', error); - } - addRemote(); - }); - } - - function createRepo() { - console.info('Creating GitHub repo ' + repoURL); - github.repos.createFromOrg({ - org : release.org, - name : repoName, - homepage : release.homepage - }, function() { - setupRepo(); - }); - } - - function addRemote() { - console.info('Adding remote origin as ' + gitURL); - git.addRemote('origin', gitURL, gitOptions, function(){ - pullFiles(); - }); - } - - function pullFiles() { - console.info('Pulling ' + component + ' files'); - git.pull('origin', 'master', pullOptions, function(error) { - resetFiles(); - }); - } - - function resetFiles() { - console.info('Resetting files to head'); - git.reset('HEAD', resetOptions, function(error) { - nextRepo(); - }); - } - - function nextRepo() { - //console.log('Sleeping for 1 second...'); - // avoid rate throttling - global.clearTimeout(timer); - timer = global.setTimeout(function() { - stepRepo() - }, 0); - } - - - if(localRepoSetup) { - pullFiles(); - } - else { - setupRepo(); - // createRepo() only use to create remote repo (easier to do manually) - } - - }; - - stepRepo(); - - -}; diff --git a/semantic/tasks/admin/distributions/update.js b/semantic/tasks/admin/distributions/update.js deleted file mode 100755 index 8a9bcbb..0000000 --- a/semantic/tasks/admin/distributions/update.js +++ /dev/null @@ -1,182 +0,0 @@ -/******************************* - Update Repos -*******************************/ - -/* - - This task update all SUI individual distribution repos with new versions of distributions - - * Commits changes from create repo - * Pushes changes to GitHub - * Tag new releases if version changed in main repo - -*/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - fs = require('fs'), - path = require('path'), - git = require('gulp-git'), - githubAPI = require('github'), - requireDotFile = require('require-dot-file'), - - // admin files - github = require('../../config/admin/github.js'), - release = require('../../config/admin/release'), - project = require('../../config/project/release'), - - - // oAuth configuration for GitHub - oAuth = fs.existsSync(__dirname + '/../../config/admin/oauth.js') - ? require('../../config/admin/oauth') - : false, - - // shorthand - version = project.version -; - -module.exports = function(callback) { - - var - index = -1, - total = release.distributions.length, - timer, - stream, - stepRepo - ; - - if(!oAuth) { - console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js'); - return; - } - - // Do Git commands synchronously per distribution, to avoid issues - stepRepo = function() { - - index = index + 1; - if(index >= total) { - callback(); - return; - } - - var - distribution = release.distributions[index], - outputDirectory = path.resolve(path.join(release.outputRoot, distribution.toLowerCase() )), - repoName = release.distRepoRoot + distribution, - - gitURL = 'https://github.com/' + release.org + '/' + repoName + '.git', - repoURL = 'https://github.com/' + release.org + '/' + repoName + '/', - - commitArgs = (oAuth.name !== undefined && oAuth.email !== undefined) - ? '--author "' + oAuth.name + ' <' + oAuth.email + '>"' - : '', - - distributionPackage = fs.existsSync(outputDirectory + 'package.json' ) - ? require(outputDirectory + 'package.json') - : false, - - isNewVersion = (version && distributionPackage.version != version), - - commitMessage = (isNewVersion) - ? 'Updated distribution to version ' + version - : 'Updated files from main repo', - - gitOptions = { cwd: outputDirectory }, - commitOptions = { args: commitArgs, cwd: outputDirectory }, - releaseOptions = { tag_name: version, owner: release.org, repo: repoName }, - - fileModeOptions = { args : 'config core.fileMode false', cwd: outputDirectory }, - usernameOptions = { args : 'config user.name "' + oAuth.name + '"', cwd: outputDirectory }, - emailOptions = { args : 'config user.email "' + oAuth.email + '"', cwd: outputDirectory }, - versionOptions = { args : 'rev-parse --verify HEAD', cwd: outputDirectory }, - - localRepoSetup = fs.existsSync(path.join(outputDirectory, '.git')), - canProceed = true - ; - - - console.info('Processing repository:' + outputDirectory); - - function setConfig() { - git.exec(fileModeOptions, function() { - git.exec(usernameOptions, function () { - git.exec(emailOptions, function () { - commitFiles(); - }); - }); - }); - } - - // standard path - function commitFiles() { - // commit files - console.info('Committing ' + distribution + ' files', commitArgs); - gulp.src('**/*', gitOptions) - .pipe(git.add(gitOptions)) - .pipe(git.commit(commitMessage, commitOptions)) - .on('error', function(error) { - // canProceed = false; bug in git commit - }) - .on('finish', function(callback) { - if(canProceed) { - pushFiles(); - } - else { - console.info('Nothing new to commit'); - nextRepo(); - } - }) - ; - } - - // push changes to remote - function pushFiles() { - console.info('Pushing files for ' + distribution); - git.push('origin', 'master', { args: '', cwd: outputDirectory }, function(error) { - console.info('Push completed successfully'); - getSHA(); - }); - } - - // gets SHA of last commit - function getSHA() { - git.exec(versionOptions, function(error, version) { - version = version.trim(); - createRelease(version); - }); - } - - // create release on GitHub.com - function createRelease(version) { - if(version) { - releaseOptions.target_commitish = version; - } - github.releases.createRelease(releaseOptions, function() { - nextRepo(); - }); - } - - // Steps to next repository - function nextRepo() { - console.log('Sleeping for 1 second...'); - // avoid rate throttling - global.clearTimeout(timer); - timer = global.setTimeout(stepRepo, 500); - } - - - if(localRepoSetup) { - setConfig(); - } - else { - console.error('Repository must be setup before running update distributions'); - } - - }; - - stepRepo(); - -}; diff --git a/semantic/tasks/admin/publish.js b/semantic/tasks/admin/publish.js deleted file mode 100755 index e80c86a..0000000 --- a/semantic/tasks/admin/publish.js +++ /dev/null @@ -1,25 +0,0 @@ -/******************************* - Release All -*******************************/ - -/* - This task update all SUI individual component repos with new versions of components - - * Commits changes from create components to GitHub and Tags - -*/ - -var - runSequence = require('run-sequence') -; - -/* Release All */ -module.exports = function(callback) { - - runSequence( - 'update distributions', // commit less/css versions to github - 'update components', // commit components to github - callback - ); - -}; \ No newline at end of file diff --git a/semantic/tasks/admin/register.js b/semantic/tasks/admin/register.js deleted file mode 100755 index 12ef1c3..0000000 --- a/semantic/tasks/admin/register.js +++ /dev/null @@ -1,55 +0,0 @@ -/******************************* - Register PM -*******************************/ - -/* - Task to register component repos with Package Managers - * Registers component with bower - * Registers component with NPM -*/ - -var - // node dependencies - process = require('child_process'), - - // config - release = require('../config/admin/release'), - - // register components and distributions - repos = release.distributions.concat(release.components), - total = repos.length, - index = -1, - - stream, - stepRepo -; - -module.exports = function(callback) { - - console.log('Registering repos with package managers'); - - // Do Git commands synchronously per component, to avoid issues - stepRepo = function() { - index = index + 1; - if(index >= total) { - callback(); - return; - } - var - repo = repos[index].toLowerCase(), - outputDirectory = release.outputRoot + repo + '/', - exec = process.exec, - execSettings = {cwd: outputDirectory}, - updateNPM = 'npm publish' - ; - - /* Register with NPM */ - exec(updateNPM, execSettings, function(err, stdout, stderr) { - console.log(err, stdout, stderr); - stepRepo(); - }); - - }; - stepRepo(); -}; - diff --git a/semantic/tasks/admin/release.js b/semantic/tasks/admin/release.js deleted file mode 100755 index a247e8b..0000000 --- a/semantic/tasks/admin/release.js +++ /dev/null @@ -1,29 +0,0 @@ -/******************************* - Release -*******************************/ - -/* - This task update all SUI individual component repos with new versions of components - - * Initializes repositories with current versions - * Creates local files at ../distributions/ with each repo for release - -*/ - -var - runSequence = require('run-sequence') -; - -/* Release All */ -module.exports = function(callback) { - - runSequence( - //'build', // build Semantic - 'init distributions', // sync with current github version - 'create distributions', // update each repo with changes from master repo - 'init components', // sync with current github version - 'create components', // update each repo - callback - ); - -}; \ No newline at end of file diff --git a/semantic/tasks/build.js b/semantic/tasks/build.js deleted file mode 100755 index 91ea9a1..0000000 --- a/semantic/tasks/build.js +++ /dev/null @@ -1,138 +0,0 @@ -/******************************* - Build Task -*******************************/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - fs = require('fs'), - - // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - flatten = require('gulp-flatten'), - gulpif = require('gulp-if'), - less = require('gulp-less'), - minifyCSS = require('gulp-minify-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), - - // config - config = require('./config/user'), - tasks = require('./config/project/tasks'), - install = require('./config/project/install'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings -; - -// add internal tasks (concat release) -require('./collections/internal')(gulp); - -module.exports = function(callback) { - - var - stream, - compressedStream, - uncompressedStream - ; - - console.info('Building Semantic'); - - if( !install.isSetup() ) { - console.error('Cannot build files. Run "gulp install" to set-up Semantic'); - return; - } - - // check for right-to-left language - if(config.rtl === true || config.rtl === 'Yes') { - gulp.start('build-rtl'); - return; - } - - // unified css stream - stream = gulp.src(source.definitions + '/**/' + globs.components + '.less') - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(autoprefixer(settings.prefix)) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(flatten()) - ; - - // two concurrent streams from same source to concat release - uncompressedStream = stream.pipe(clone()); - //compressedStream = stream.pipe(clone()); - - // uncompressed component css - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - callback(); - gulp.start('package uncompressed css'); - }) - ; - - // compressed component css - // compressedStream = stream - // .pipe(plumber()) - // .pipe(clone()) - // .pipe(replace(assets.source, assets.compressed)) - // .pipe(minifyCSS(settings.minify)) - // .pipe(rename(settings.rename.minCSS)) - // .pipe(gulpif(config.hasPermission, chmod(config.permission))) - // .pipe(gulp.dest(output.compressed)) - // .pipe(print(log.created)) - // .on('end', function() { - // callback(); - // gulp.start('package compressed css'); - // }) - // ; - - // copy assets - gulp.src(source.themes + '/**/assets/**/' + globs.components + '?(s).*') - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - ; - - // copy source javascript - // gulp.src(source.definitions + '/**/' + globs.components + '.js') - // .pipe(plumber()) - // .pipe(flatten()) - // .pipe(replace(comments.license.in, comments.license.out)) - // .pipe(gulp.dest(output.uncompressed)) - // .pipe(gulpif(config.hasPermission, chmod(config.permission))) - // .pipe(print(log.created)) - // .pipe(uglify(settings.uglify)) - // .pipe(rename(settings.rename.minJS)) - // .pipe(gulp.dest(output.compressed)) - // .pipe(gulpif(config.hasPermission, chmod(config.permission))) - // .pipe(print(log.created)) - // .on('end', function() { - // gulp.start('package compressed js'); - // gulp.start('package uncompressed js'); - // }) - // ; - -}; diff --git a/semantic/tasks/check-install.js b/semantic/tasks/check-install.js deleted file mode 100755 index 9bab87e..0000000 --- a/semantic/tasks/check-install.js +++ /dev/null @@ -1,28 +0,0 @@ -/******************************* - Check Install -*******************************/ - -var - // node dependencies - gulp = require('gulp'), - fs = require('fs'), - console = require('better-console'), - install = require('./config/project/install') -; - -// export task -module.exports = function() { - - setTimeout(function() { - if( !install.isSetup() ) { - console.log('Starting install...'); - gulp.start('install'); - return; - } - else { - gulp.start('watch'); - } - }, 50); // Delay to allow console.clear to remove messages from check event - - -}; \ No newline at end of file diff --git a/semantic/tasks/clean.js b/semantic/tasks/clean.js deleted file mode 100755 index 340cd6c..0000000 --- a/semantic/tasks/clean.js +++ /dev/null @@ -1,14 +0,0 @@ -/******************************* - Clean Task -*******************************/ - -var - del = require('del'), - config = require('./config/user'), - tasks = require('./config/project/tasks') -; - -// cleans distribution files -module.exports = function(callback) { - return del([config.paths.clean], tasks.settings.del, callback); -}; \ No newline at end of file diff --git a/semantic/tasks/collections/README.md b/semantic/tasks/collections/README.md deleted file mode 100755 index 1cae511..0000000 --- a/semantic/tasks/collections/README.md +++ /dev/null @@ -1,16 +0,0 @@ -## How to use - -These are collections of tasks that are imported together. - -To import them into gulp: -```javascript -var - gulp = require('gulp'), - // modified to point to semantic folder - install = require('tasks/collections/install') -; -gulp = install(gulp); - -// tasks are now injected and ready to be used -gulp.start('install'); -``` \ No newline at end of file diff --git a/semantic/tasks/collections/admin.js b/semantic/tasks/collections/admin.js deleted file mode 100755 index a384d1f..0000000 --- a/semantic/tasks/collections/admin.js +++ /dev/null @@ -1,49 +0,0 @@ -/******************************* - Admin Task Collection -*******************************/ - -/* - This are tasks to be run by project maintainers - - Creating Component Repos - - Syncing with GitHub via APIs - - Modifying package files -*/ - -/******************************* - Tasks -*******************************/ - - -module.exports = function(gulp) { - var - // less/css distributions - initComponents = require('../admin/components/init'), - createComponents = require('../admin/components/create'), - updateComponents = require('../admin/components/update'), - - // single component releases - initDistributions = require('../admin/distributions/init'), - createDistributions = require('../admin/distributions/create'), - updateDistributions = require('../admin/distributions/update'), - - release = require('../admin/release'), - publish = require('../admin/publish'), - register = require('../admin/register') - ; - - /* Release */ - gulp.task('init distributions', 'Grabs each component from GitHub', initDistributions); - gulp.task('create distributions', 'Updates files in each repo', createDistributions); - gulp.task('init components', 'Grabs each component from GitHub', initComponents); - gulp.task('create components', 'Updates files in each repo', createComponents); - - /* Publish */ - gulp.task('update distributions', 'Commits component updates from create to GitHub', updateDistributions); - gulp.task('update components', 'Commits component updates from create to GitHub', updateComponents); - - /* Tasks */ - gulp.task('release', 'Stages changes in GitHub repos for all distributions', release); - gulp.task('publish', 'Publishes all releases (components, package)', publish); - gulp.task('register', 'Registers all packages with NPM', register); - -}; \ No newline at end of file diff --git a/semantic/tasks/collections/internal.js b/semantic/tasks/collections/internal.js deleted file mode 100755 index bb580fd..0000000 --- a/semantic/tasks/collections/internal.js +++ /dev/null @@ -1,214 +0,0 @@ -/******************************* - Internal Task Collection -*******************************/ - -/* These tasks create packaged files from **dist** components - Not intended to be called directly by a user because - these do not build fresh from **src** -*/ - -module.exports = function(gulp) { - - var - // node dependencies - fs = require('fs'), - chmod = require('gulp-chmod'), - concat = require('gulp-concat'), - concatCSS = require('gulp-concat-css'), - clone = require('gulp-clone'), - gulpif = require('gulp-if'), - header = require('gulp-header'), - less = require('gulp-less'), - minifyCSS = require('gulp-minify-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), - - // user config - config = require('./../config/user'), - docsConfig = require('./../config/docs'), - - // install config - tasks = require('./../config/project/tasks'), - release = require('./../config/project/release'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - - banner = tasks.banner, - filenames = tasks.filenames, - log = tasks.log, - settings = tasks.settings - ; - - /*-------------- - Packaged - ---------------*/ - - gulp.task('package uncompressed css', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed css', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedMinifiedCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(minifyCSS(settings.concatMinify)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package uncompressed js', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.js') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concat(filenames.concatenatedJS)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed js', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.js') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concat(filenames.concatenatedMinifiedJS)) - .pipe(uglify(settings.concatUglify)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - /*-------------- - RTL - ---------------*/ - - if(config.rtl) { - - gulp.task('package uncompressed rtl css', function () { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignoredRTL + '.rtl.css') - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedRTLCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed rtl css', function () { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignoredRTL + '.rtl.css') - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedMinifiedRTLCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(minifyCSS(settings.concatMinify)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package uncompressed docs css', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed docs css', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedMinifiedCSS)) - .pipe(minifyCSS(settings.concatMinify)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - } - - /*-------------- - Docs - ---------------*/ - - var - docsOutput = docsConfig.paths.output - ; - - gulp.task('package uncompressed docs css', function() { - return gulp.src(docsOutput.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(docsOutput.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed docs css', function() { - return gulp.src(docsOutput.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedMinifiedCSS)) - .pipe(minifyCSS(settings.concatMinify)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(docsOutput.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package uncompressed docs js', function() { - return gulp.src(docsOutput.uncompressed + '/**/' + globs.components + globs.ignored + '.js') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concat(filenames.concatenatedJS)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(docsOutput.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed docs js', function() { - return gulp.src(docsOutput.uncompressed + '/**/' + globs.components + globs.ignored + '.js') - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concat(filenames.concatenatedMinifiedJS)) - .pipe(uglify(settings.concatUglify)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(docsOutput.packaged)) - .pipe(print(log.created)) - ; - }); - -}; \ No newline at end of file diff --git a/semantic/tasks/config/admin/github.js b/semantic/tasks/config/admin/github.js deleted file mode 100755 index a4d2bca..0000000 --- a/semantic/tasks/config/admin/github.js +++ /dev/null @@ -1,38 +0,0 @@ -/******************************* - GitHub Login -*******************************/ -/* - Logs into GitHub using OAuth -*/ - -var - fs = require('fs'), - path = require('path'), - githubAPI = require('github'), - - // stores oauth info for GitHub API - oAuthConfig = path.join(__dirname, 'oauth.js'), - oAuth = fs.existsSync(oAuthConfig) - ? require(oAuthConfig) - : false, - github -; - -if(!oAuth) { - console.log('here'); - console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js'); -} - -github = new githubAPI({ - version : '3.0.0', - debug : true, - protocol : 'https', - timeout : 5000 -}); - -github.authenticate({ - type: 'oauth', - token: oAuth.token -}); - -module.exports = github; \ No newline at end of file diff --git a/semantic/tasks/config/admin/oauth.example.js b/semantic/tasks/config/admin/oauth.example.js deleted file mode 100755 index 6268b7a..0000000 --- a/semantic/tasks/config/admin/oauth.example.js +++ /dev/null @@ -1,10 +0,0 @@ -/* - Used to import GitHub Auth Token - To Automate GitHub Updates -*/ - -module.exports = { - token : 'AN-OAUTH2-TOKEN', - name : 'Your Name', - email : 'user@email.com' -}; \ No newline at end of file diff --git a/semantic/tasks/config/admin/release.js b/semantic/tasks/config/admin/release.js deleted file mode 100755 index af37835..0000000 --- a/semantic/tasks/config/admin/release.js +++ /dev/null @@ -1,110 +0,0 @@ -/******************************* - Release Settings -*******************************/ - -// release settings -module.exports = { - - // path to components for repos - source : './dist/components/', - - // modified asset paths for component repos - paths: { - source : '../themes/default/assets/', - output : 'assets/' - }, - - templates: { - bower : './tasks/config/admin/templates/bower.json', - composer : './tasks/config/admin/templates/composer.json', - package : './tasks/config/admin/templates/package.json', - meteor : { - css : './tasks/config/admin/templates/css-package.js', - component : './tasks/config/admin/templates/component-package.js', - less : './tasks/config/admin/templates/less-package.js', - }, - readme : './tasks/config/admin/templates/README.md', - notes : './RELEASE-NOTES.md' - }, - - org : 'Semantic-Org', - repo : 'Semantic-UI', - - // files created for package managers - files: { - composer : 'composer.json', - config : 'semantic.json', - npm : 'package.json', - meteor : 'package.js' - }, - - // root name for distribution repos - distRepoRoot : 'Semantic-UI-', - - // root name for single component repos - componentRepoRoot : 'UI-', - - // root name for package managers - packageRoot : 'semantic-ui-', - - // root path to repos - outputRoot : '../repos/', - - homepage : 'http://www.semantic-ui.com', - - // distributions that get separate repos - distributions: [ - 'LESS', - 'CSS' - ], - - // components that get separate repositories for bower/npm - components : [ - 'accordion', - 'ad', - 'api', - 'breadcrumb', - 'button', - 'card', - 'checkbox', - 'comment', - 'dimmer', - 'divider', - 'dropdown', - 'feed', - 'flag', - 'form', - 'grid', - 'header', - 'icon', - 'image', - 'input', - 'item', - 'label', - 'list', - 'loader', - 'menu', - 'message', - 'modal', - 'nag', - 'popup', - 'progress', - 'rail', - 'rating', - 'reset', - 'reveal', - 'search', - 'segment', - 'shape', - 'sidebar', - 'site', - 'statistic', - 'step', - 'sticky', - 'tab', - 'table', - 'transition', - 'video', - 'visibility' - ] -}; diff --git a/semantic/tasks/config/admin/templates/README.md b/semantic/tasks/config/admin/templates/README.md deleted file mode 100755 index c3ee5b3..0000000 --- a/semantic/tasks/config/admin/templates/README.md +++ /dev/null @@ -1,29 +0,0 @@ -# Semantic {Component} - -This repository contains pre-compiled {component} files using the default themes. This is intended for use in projects that do not need all the bells and whistles of Semantic UI, and want to keep file size to a minimum. - -For the latest changes please see the [Release Notes](https://github.com/Semantic-Org/UI-{Component}/blob/master/RELEASE-NOTES.md) - -If you're looking for the full version of Semantic including all components and build tools [check out the main project repository](https://github.com/Semantic-Org/Semantic-UI/tree/1.0) - -#### To install with Bower -``` -bower install semantic-ui-{component} -``` - -#### To install with NPM -``` -npm install semantic-ui-{component} -``` - -#### To install with Meteor -``` -meteor add semantic:ui-{component} -``` - - -## Addendum - -This element's definitions (required class names, html structures) are available in the [UI Docs](http://www.semantic-ui.com) - -Please consider checking out [all the benefits to theming](http://www.learnsemantic.com/guide/expert.html) before using these stand-alone releases. diff --git a/semantic/tasks/config/admin/templates/bower.json b/semantic/tasks/config/admin/templates/bower.json deleted file mode 100755 index ab4951a..0000000 --- a/semantic/tasks/config/admin/templates/bower.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "name" : "Component", - "description" : "Component distribution", - "homepage" : "http://www.semantic-ui.com", - "author": { - "name" : "Jack Lukic", - "web" : "http://www.jacklukic.com" - }, - "ignore": [ - "./index.js" - ], - "keywords": [ - "semantic", - "ui", - "css3", - "framework" - ], - "license" : [ - "http://semantic-ui.mit-license.org/" - ], - "ignore": [ - "docs", - "node", - "server", - "spec", - "src", - "test" - ] -} diff --git a/semantic/tasks/config/admin/templates/component-package.js b/semantic/tasks/config/admin/templates/component-package.js deleted file mode 100755 index 74cd51b..0000000 --- a/semantic/tasks/config/admin/templates/component-package.js +++ /dev/null @@ -1,14 +0,0 @@ - -Package.describe({ - name : 'semantic:ui-{component}', - summary : 'Semantic UI - {Component}: Single component release', - version : '{version}', - git : 'git://github.com/Semantic-Org/UI-{Component}.git', -}); - -Package.onUse(function(api) { - api.versionsFrom('1.0'); - api.addFiles([ - {files} - ], 'client'); -}); diff --git a/semantic/tasks/config/admin/templates/composer.json b/semantic/tasks/config/admin/templates/composer.json deleted file mode 100755 index b47d2e1..0000000 --- a/semantic/tasks/config/admin/templates/composer.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "name" : "semantic/ui", - "description" : "Semantic empowers designers and developers by creating a shared vocabulary for UI.", - "homepage" : "http://www.semantic-ui.com", - "authors": [ - { - "name" : "Jack Lukic", - "email": "jacklukic@gmail.com", - "web" : "http://www.jacklukic.com", - "role" : "Creator" - } - ], - "keywords": [ - "semantic", - "ui", - "css", - "framework" - ], - "license" : "MIT" -} \ No newline at end of file diff --git a/semantic/tasks/config/admin/templates/css-package.js b/semantic/tasks/config/admin/templates/css-package.js deleted file mode 100755 index 483b77e..0000000 --- a/semantic/tasks/config/admin/templates/css-package.js +++ /dev/null @@ -1,33 +0,0 @@ -var - where = 'client' // Adds files only to the client -; - -Package.describe({ - name : 'semantic:ui-css', - summary : 'Semantic UI - CSS Release of Semantic UI', - version : '{version}', - git : 'git://github.com/Semantic-Org/Semantic-UI-CSS.git', -}); - -Package.onUse(function(api) { - - api.versionsFrom('1.0'); - - api.addFiles([ - // icons - 'themes/default/assets/fonts/icons.eot', - 'themes/default/assets/fonts/icons.otf', - 'themes/default/assets/fonts/icons.svg', - 'themes/default/assets/fonts/icons.ttf', - 'themes/default/assets/fonts/icons.woff', - 'themes/default/assets/fonts/icons.woff2', - - // flags - 'themes/default/assets/images/flags.png', - - // release - 'semantic.css', - 'semantic.js' - ], 'client'); - -}); diff --git a/semantic/tasks/config/admin/templates/less-package.js b/semantic/tasks/config/admin/templates/less-package.js deleted file mode 100755 index e2f8a25..0000000 --- a/semantic/tasks/config/admin/templates/less-package.js +++ /dev/null @@ -1,21 +0,0 @@ -var - where = 'client' // Adds files only to the client -; - -Package.describe({ - name : 'semantic:ui', - summary : 'Semantic UI - LESS Release of Semantic UI', - version : '{version}', - git : 'git://github.com/Semantic-Org/Semantic-UI-LESS.git', -}); - -Package.onUse(function(api) { - - api.versionsFrom('1.0'); - api.use('less', 'client'); - - api.addFiles([ - {files} - ], 'client'); - -}); diff --git a/semantic/tasks/config/admin/templates/package.json b/semantic/tasks/config/admin/templates/package.json deleted file mode 100755 index 5d96785..0000000 --- a/semantic/tasks/config/admin/templates/package.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "name": "semantic", - "version": "1.0.0", - "title": "Semantic UI", - "description": "Semantic empowers designers and developers by creating a shared vocabulary for UI.", - "homepage": "http://www.semantic-ui.com", - "author": "Jack Lukic ", - "license": "MIT", - "repository": { - "type": "git", - "url": "git://github.com/Semantic-Org/Semantic-UI.git" - }, - "bugs": { - "url": "https://github.com/Semantic-Org/Semantic-UI/issues" - }, - "devDependencies": {} -} diff --git a/semantic/tasks/config/defaults.js b/semantic/tasks/config/defaults.js deleted file mode 100755 index 8a6988f..0000000 --- a/semantic/tasks/config/defaults.js +++ /dev/null @@ -1,116 +0,0 @@ -/******************************* - Default Paths -*******************************/ - -module.exports = { - - // base path added to all other paths - base : '', - - // base path when installed with npm - pmRoot: 'semantic/', - - // octal permission for output files, i.e. 644 (false does not adjust) - permission : 744, - - // whether to generate rtl files - rtl : false, - - // file paths - files: { - config : 'semantic.json', - site : 'src/site', - theme : 'src/theme.config' - }, - - // folder paths - paths: { - source: { - config : 'src/theme.config', - definitions : 'src/definitions/', - site : 'src/site/', - themes : 'src/themes/' - }, - output: { - packaged : 'dist/', - uncompressed : 'dist/components/', - compressed : 'dist/components/', - themes : 'dist/themes/' - }, - clean : 'dist/' - }, - - // components to include in package - components: [ - - // global - 'reset', - 'site', - - // elements - 'button', - 'divider', - 'flag', - 'header', - 'icon', - 'image', - 'input', - 'label', - 'list', - 'loader', - 'rail', - 'reveal', - 'segment', - 'step', - - // collections - 'breadcrumb', - 'form', - 'grid', - 'menu', - 'message', - 'table', - - // views - 'ad', - 'card', - 'comment', - 'feed', - 'item', - 'statistic', - - // modules - 'accordion', - 'checkbox', - 'dimmer', - 'dropdown', - 'modal', - 'nag', - 'popup', - 'progress', - 'rating', - 'search', - 'shape', - 'sidebar', - 'sticky', - 'tab', - 'transition', - 'video', - - // behaviors - 'api', - 'form', - 'state', - 'visibility' - ], - - // whether to load admin tasks - admin: false, - - // globs used for matching file patterns - globs : { - ignored : '!(*.min|*.map|*.rtl)', - ignoredRTL : '!(*.min|*.map)' - } - -}; diff --git a/semantic/tasks/config/docs.js b/semantic/tasks/config/docs.js deleted file mode 100755 index 23e53be..0000000 --- a/semantic/tasks/config/docs.js +++ /dev/null @@ -1,24 +0,0 @@ -/******************************* - Docs -*******************************/ - -/* Paths used for "serve-docs" and "build-docs" tasks */ -module.exports = { - base: '', - paths: { - source: { - config : 'src/theme.config', - definitions : 'src/definitions/', - site : 'src/site/', - themes : 'src/themes/' - }, - output: { - less : '../docs/out/src/', - packaged : '../docs/out/dist/', - uncompressed : '../docs/out/dist/components/', - compressed : '../docs/out/dist/components/', - themes : '../docs/out/dist/themes/' - }, - clean: '../docs/out/dist/' - } -}; \ No newline at end of file diff --git a/semantic/tasks/config/npm/gulpfile.js b/semantic/tasks/config/npm/gulpfile.js deleted file mode 100755 index fbf6afc..0000000 --- a/semantic/tasks/config/npm/gulpfile.js +++ /dev/null @@ -1,59 +0,0 @@ -/******************************* - Set-up -*******************************/ - -var - gulp = require('gulp-help')(require('gulp')), - - // read user config to know what task to load - config = require('./tasks/config/user'), - - // import tasks - build = require('./tasks/build'), - clean = require('./tasks/clean'), - version = require('./tasks/version'), - watch = require('./tasks/watch'), - - // docs tasks - serveDocs = require('./tasks/docs/serve'), - buildDocs = require('./tasks/docs/build'), - - // rtl - buildRTL = require('./tasks/rtl/build'), - watchRTL = require('./tasks/rtl/watch') -; - -/*-------------- - Common ----------------*/ - -gulp.task('default', false, [ - 'watch' -]); - -gulp.task('watch', 'Watch for site/theme changes', watch); -gulp.task('build', 'Builds all files from source', build); - -gulp.task('clean', 'Clean dist folder', clean); -gulp.task('version', 'Displays current version of Semantic', version); - -/*-------------- - Docs ----------------*/ - -/* - See usage instruction in Docs Readme - https://github.com/Semantic-Org/Semantic-UI-Docs/ -*/ - -gulp.task('serve-docs', 'Serve file changes to SUI Docs', serveDocs); -gulp.task('build-docs', 'Build all files and add to SUI Docs', buildDocs); - -/*-------------- - RTL ----------------*/ - -if(config.rtl) { - gulp.task('watch-rtl', 'Build all files as RTL', watchRTL); - gulp.task('build-rtl', 'Watch files as RTL ', buildRTL); -} diff --git a/semantic/tasks/config/project/config.js b/semantic/tasks/config/project/config.js deleted file mode 100755 index dd956d7..0000000 --- a/semantic/tasks/config/project/config.js +++ /dev/null @@ -1,135 +0,0 @@ -/******************************* - Set-up -*******************************/ - -var - extend = require('extend'), - fs = require('fs'), - path = require('path'), - - defaults = require('../defaults') -; - - -/******************************* - Exports -*******************************/ - -module.exports = { - - getPath: function(file, directory) { - var - configPath, - walk = function(directory) { - var - nextDirectory = path.resolve( path.join(directory, path.sep, '..') ), - currentPath = path.normalize( path.join(directory, file) ) - ; - if( fs.existsSync(currentPath) ) { - // found file - configPath = path.normalize(directory); - return; - } - else { - // reached file system root, let's stop - if(nextDirectory == directory) { - return; - } - // otherwise recurse - walk(nextDirectory, file); - } - } - ; - - // start walk from outside require-dot-files directory - file = file || defaults.files.config; - directory = directory || path.join(__dirname, path.sep, '..'); - walk(directory); - return configPath || ''; - }, - - // adds additional derived values to a config object - addDerivedValues: function(config) { - - config = config || extend(false, {}, defaults); - - /*-------------- - File Paths - ---------------*/ - - var - configPath = this.getPath(), - sourcePaths = {}, - outputPaths = {}, - folder - ; - - // resolve paths (config location + base + path) - for(folder in config.paths.source) { - if(config.paths.source.hasOwnProperty(folder)) { - sourcePaths[folder] = path.resolve(path.join(configPath, config.base, config.paths.source[folder])); - } - } - for(folder in config.paths.output) { - if(config.paths.output.hasOwnProperty(folder)) { - outputPaths[folder] = path.resolve(path.join(configPath, config.base, config.paths.output[folder])); - } - } - - // set config paths to full paths - config.paths.source = sourcePaths; - config.paths.output = outputPaths; - - // resolve "clean" command path - config.paths.clean = path.resolve( path.join(configPath, config.base, config.paths.clean) ); - - /*-------------- - CSS URLs - ---------------*/ - - // determine asset paths in css by finding relative path between themes and output - // force forward slashes - - config.paths.assets = { - source : '../../themes', // source asset path is always the same - uncompressed : path.relative(config.paths.output.uncompressed, config.paths.output.themes).replace(/\\/g,'/'), - compressed : path.relative(config.paths.output.compressed, config.paths.output.themes).replace(/\\/g,'/'), - packaged : path.relative(config.paths.output.packaged, config.paths.output.themes).replace(/\\/g,'/') - }; - - - /*-------------- - Permission - ---------------*/ - - if(config.permission) { - config.hasPermissions = true; - } - else { - // pass blank object to avoid causing errors - config.permission = {}; - config.hasPermissions = false; - } - - /*-------------- - Globs - ---------------*/ - - if(!config.globs) { - config.globs = {}; - } - - // takes component object and creates file glob matching selected components - config.globs.components = (typeof config.components == 'object') - ? (config.components.length > 1) - ? '{' + config.components.join(',') + '}' - : config.components[0] - : '{' + defaults.components.join(',') + '}' - ; - - return config; - - } - -}; - diff --git a/semantic/tasks/config/project/install.js b/semantic/tasks/config/project/install.js deleted file mode 100755 index 17c0bb6..0000000 --- a/semantic/tasks/config/project/install.js +++ /dev/null @@ -1,762 +0,0 @@ -/******************************* - Set-up -*******************************/ - -var - fs = require('fs'), - path = require('path'), - defaults = require('../defaults'), - release = require('./release'), - - requireDotFile = require('require-dot-file') -; - -/******************************* - When to Ask -*******************************/ - -/* Preconditions for install questions */ - -var when = { - - // path - changeRoot: function(questions) { - return (questions.useRoot !== undefined && questions.useRoot !== true); - }, - - // permissions - changePermissions: function(questions) { - return (questions.changePermissions && questions.changePermissions === true); - }, - - // install - hasConfig: function() { - return requireDotFile('semantic.json'); - }, - - allowOverwrite: function(questions) { - return (questions.overwrite === undefined || questions.overwrite == 'yes'); - }, - notAuto: function(questions) { - return (questions.install !== 'auto' && (questions.overwrite === undefined || questions.overwrite == 'yes')); - }, - custom: function(questions) { - return (questions.install === 'custom' && (questions.overwrite === undefined || questions.overwrite == 'yes')); - }, - express: function(questions) { - return (questions.install === 'express' && (questions.overwrite === undefined || questions.overwrite == 'yes')); - }, - - // customize - customize: function(questions) { - return (questions.customize === true); - }, - primaryColor: function(questions) { - return (questions.primaryColor); - }, - secondaryColor: function(questions) { - return (questions.secondaryColor); - } -}; - -/******************************* - Response Filters -*******************************/ - -/* Filters to user input from install questions */ - -var filter = { - removeTrailingSlash: function(path) { - return path.replace(/(\/$|\\$)+/mg, ''); - } -}; - -/******************************* - Configuration -*******************************/ - -module.exports = { - - // check whether install is setup - isSetup: function() { - return when.hasConfig(); - }, - - // checks if files are in a PM directory - getPackageManager: function(directory) { - var - // returns last matching result (avoid sub-module detection) - walk = function(directory) { - var - pathArray = directory.split(path.sep), - folder = pathArray[pathArray.length - 1], - nextDirectory = path.join(directory, path.sep, '..') - ; - console.log(folder, nextDirectory); - if( folder == 'bower_components') { - return { - name: 'Bower', - root: nextDirectory - }; - } - else if(folder == 'node_modules') { - return { - name: 'NPM', - root: nextDirectory - }; - } - else if(folder == 'composer') { - return { - name: 'Composer', - root: nextDirectory - }; - } - if(path.resolve(directory) == path.resolve(nextDirectory)) { - return false; - } - // recurse downward - return walk(nextDirectory); - } - ; - // start walk from current directory if none specified - directory = directory || (__dirname + path.sep); - return walk(directory); - }, - - // checks if files is PMed submodule - isSubModule: function(directory) { - var - moduleFolders = 0, - walk = function(directory) { - var - pathArray = directory.split(path.sep), - folder = pathArray[pathArray.length - 2], - nextDirectory = path.join(directory, path.sep, '..') - ; - if( folder == 'bower_components') { - moduleFolders++; - } - else if(folder == 'node_modules') { - moduleFolders++; - } - else if(folder == 'composer') { - moduleFolders++; - } - if(path.resolve(directory) == path.resolve(nextDirectory)) { - return (moduleFolders > 1); - } - // recurse downward - return walk(nextDirectory); - } - ; - // start walk from current directory if none specified - directory = directory || (__dirname + path.sep); - return walk(directory); - }, - - - createJSON: function(answers) { - var - json = { - paths: { - source: {}, - output: {} - } - } - ; - - // add components - if(answers.components) { - json.components = answers.components; - } - - // add rtl choice - if(answers.rtl) { - json.rtl = answers.rtl; - } - - // add permissions - if(answers.permission) { - json.permission = answers.permission; - } - - // add path to semantic - if(answers.semanticRoot) { - json.base = path.normalize(answers.semanticRoot); - } - - // record version number to avoid re-installing on same version - json.version = release.version; - - // add dist folder paths - if(answers.dist) { - answers.dist = path.normalize(answers.dist); - - json.paths.output = { - packaged : path.normalize(answers.dist + '/'), - uncompressed : path.normalize(answers.dist + '/components/'), - compressed : path.normalize(answers.dist + '/components/'), - themes : path.normalize(answers.dist + '/themes/') - }; - } - - // add site path - if(answers.site) { - json.paths.source.site = path.normalize(answers.site + '/'); - } - if(answers.packaged) { - json.paths.output.packaged = path.normalize(answers.packaged + '/'); - } - if(answers.compressed) { - json.paths.output.compressed = path.normalize(answers.compressed + '/'); - } - if(answers.uncompressed) { - json.paths.output.uncompressed = path.normalize(answers.uncompressed + '/'); - } - return json; - }, - - // files cleaned up after install - setupFiles: [ - './src/theme.config.example', - './semantic.json.example', - './src/_site' - ], - - regExp: { - // used to match siteFolder variable in theme.less - siteVariable: /@siteFolder .*\'(.*)/mg - }, - - // source paths (relative to tasks/install.js ) - source: { - config : './semantic.json.example', - definitions : './src/definitions', - gulpFile : './gulpfile.js', - lessImport : './src/semantic.less', - site : './src/_site', - tasks : './tasks', - themeConfig : './src/theme.config.example', - themeImport : './src/theme.less', - themes : './src/themes', - userGulpFile : './tasks/config/npm/gulpfile.js' - }, - - // expected final filenames - files: { - config : 'semantic.json', - lessImport : 'src/semantic.less', - site : 'src/site', - themeConfig : 'src/theme.config', - themeImport : 'src/theme.less' - }, - - // folder paths to files relative to root - folders: { - config : './', - definitions : 'src/definitions/', - lessImport : 'src/', - modules : 'node_modules/', - site : 'src/site/', - tasks : 'tasks/', - themeConfig : 'src/', - themeImport : 'src/', - themes : 'src/themes/' - }, - - // questions asked during install - questions: { - - root: [ - { - type : 'list', - name : 'useRoot', - message : - ' \n' + - ' {packageMessage} \n' + - ' \n' + - ' Is this your project folder?\n' + - ' \033[92m{root}\033[0m \n' + - ' \n ' + - '\n', - choices: [ - { - name : 'Yes', - value : true - }, - { - name : 'No, let me specify', - value : false - } - ] - }, - { - type : 'input', - name : 'customRoot', - message : 'Please enter the absolute path to your project root', - default : '/my/project/path', - when : when.changeRoot - }, - { - type : 'input', - name : 'semanticRoot', - message : 'Where should we put Semantic UI inside your project?', - default : 'semantic/' - } - ], - - setup: [ - { - type: 'list', - name: 'overwrite', - message: 'It looks like you have a semantic.json file already.', - when: when.hasConfig, - choices: [ - { - name: 'Yes, extend my current settings.', - value: 'yes' - }, - { - name: 'Skip install', - value: 'no' - } - ] - }, - { - type: 'list', - name: 'install', - message: 'Set-up Semantic UI', - when: when.allowOverwrite, - choices: [ - { - name: 'Automatic (Use defaults locations and all components)', - value: 'auto' - }, - { - name: 'Express (Set components and output folder)', - value: 'express' - }, - { - name: 'Custom (Customize all src/dist values)', - value: 'custom' - } - ] - }, - { - type: 'checkbox', - name: 'components', - message: 'What components should we include in the package?', - - // duplicated manually from tasks/defaults.js with additional property - choices: [ - { name: "reset", checked: true }, - { name: "site", checked: true }, - { name: "button", checked: true }, - { name: "divider", checked: true }, - { name: "flag", checked: true }, - { name: "header", checked: true }, - { name: "icon", checked: true }, - { name: "image", checked: true }, - { name: "input", checked: true }, - { name: "label", checked: true }, - { name: "list", checked: true }, - { name: "loader", checked: true }, - { name: "rail", checked: true }, - { name: "reveal", checked: true }, - { name: "segment", checked: true }, - { name: "step", checked: true }, - { name: "breadcrumb", checked: true }, - { name: "form", checked: true }, - { name: "grid", checked: true }, - { name: "menu", checked: true }, - { name: "message", checked: true }, - { name: "table", checked: true }, - { name: "ad", checked: true }, - { name: "card", checked: true }, - { name: "comment", checked: true }, - { name: "feed", checked: true }, - { name: "item", checked: true }, - { name: "statistic", checked: true }, - { name: "accordion", checked: true }, - { name: "checkbox", checked: true }, - { name: "dimmer", checked: true }, - { name: "dropdown", checked: true }, - { name: "modal", checked: true }, - { name: "nag", checked: true }, - { name: "popup", checked: true }, - { name: "progress", checked: true }, - { name: "rating", checked: true }, - { name: "search", checked: true }, - { name: "shape", checked: true }, - { name: "sidebar", checked: true }, - { name: "sticky", checked: true }, - { name: "tab", checked: true }, - { name: "transition", checked: true }, - { name: "video", checked: true }, - { name: "api", checked: true }, - { name: "form", checked: true }, - { name: "state", checked: true }, - { name: "visibility", checked: true } - ], - when: when.notAuto - }, - { - type: 'list', - name: 'changePermisions', - when: when.notAuto, - message: 'Should we set permissions on outputted files?', - choices: [ - { - name: 'No', - value: false - }, - { - name: 'Yes', - value: true - }, - ] - }, - { - type: 'input', - name: 'permission', - message: 'What octal file permission should outputted files receive?', - default: defaults.permission, - when: when.changePermissions - }, - { - type: 'list', - name: 'rtl', - message: 'Do you use a RTL (Right-To-Left) language?', - when: when.notAuto, - choices: [ - { - name: 'No', - value: false - }, - { - name: 'Yes', - value: true - }, - ] - }, - { - type: 'input', - name: 'dist', - message: 'Where should we output Semantic UI?', - default: defaults.paths.output.packaged, - filter: filter.removeTrailingSlash, - when: when.express - }, - { - type: 'input', - name: 'site', - message: 'Where should we put your site folder?', - default: defaults.paths.source.site, - filter: filter.removeTrailingSlash, - when: when.custom - }, - { - type: 'input', - name: 'packaged', - message: 'Where should we output a packaged version?', - default: defaults.paths.output.packaged, - filter: filter.removeTrailingSlash, - when: when.custom - }, - { - type: 'input', - name: 'compressed', - message: 'Where should we output compressed components?', - default: defaults.paths.output.compressed, - filter: filter.removeTrailingSlash, - when: when.custom - }, - { - type: 'input', - name: 'uncompressed', - message: 'Where should we output uncompressed components?', - default: defaults.paths.output.uncompressed, - filter: filter.removeTrailingSlash, - when: when.custom - } - ], - - - cleanup: [ - { - type: 'list', - name: 'cleanup', - message: 'Should we remove set-up files?', - choices: [ - { - name: 'Yes (re-install will require redownloading semantic).', - value: 'yes' - }, - { - name: 'No Thanks', - value: 'no' - } - ] - }, - { - type: 'list', - name: 'build', - message: 'Do you want to build Semantic now?', - choices: [ - { - name: 'Yes', - value: 'yes' - }, - { - name: 'No', - value: 'no' - } - ] - }, - ], - site: [ - { - type: 'list', - name: 'customize', - message: 'You have not yet customized your site, can we help you do that?', - choices: [ - { - name: 'Yes, ask me a few questions', - value: true - }, - { - name: 'No I\'ll do it myself', - value: false - } - ] - }, - { - type: 'list', - name: 'headerFont', - message: 'Select your header font', - choices: [ - { - name: 'Helvetica Neue, Arial, sans-serif', - value: 'Helvetica Neue, Arial, sans-serif;' - }, - { - name: 'Lato (Google Fonts)', - value: 'Lato' - }, - { - name: 'Open Sans (Google Fonts)', - value: 'Open Sans' - }, - { - name: 'Source Sans Pro (Google Fonts)', - value: 'Source Sans Pro' - }, - { - name: 'Droid (Google Fonts)', - value: 'Droid' - }, - { - name: 'I\'ll choose on my own', - value: false - } - ], - when: when.customize - }, - { - type: 'list', - name: 'pageFont', - message: 'Select your page font', - choices: [ - { - name: 'Helvetica Neue, Arial, sans-serif', - value: 'Helvetica Neue, Arial, sans-serif;' - }, - { - name: 'Lato (Import from Google Fonts)', - value: 'Lato' - }, - { - name: 'Open Sans (Import from Google Fonts)', - value: 'Open Sans' - }, - { - name: 'Source Sans Pro (Import from Google Fonts)', - value: 'Source Sans Pro' - }, - { - name: 'Droid (Google Fonts)', - value: 'Droid' - }, - { - name: 'I\'ll choose on my own', - value: false - } - ], - when: when.customize - }, - { - type: 'list', - name: 'fontSize', - message: 'Select your base font size', - default: '14px', - choices: [ - { - name: '12px', - }, - { - name: '13px', - }, - { - name: '14px (Recommended)', - value: '14px' - }, - { - name: '15px', - }, - { - name: '16px', - }, - { - name: 'I\'ll choose on my own', - value: false - } - ], - when: when.customize - }, - { - type: 'list', - name: 'primaryColor', - message: 'Select the closest name for your primary brand color', - default: '14px', - choices: [ - { - name: 'Blue' - }, - { - name: 'Green' - }, - { - name: 'Orange' - }, - { - name: 'Pink' - }, - { - name: 'Purple' - }, - { - name: 'Red' - }, - { - name: 'Teal' - }, - { - name: 'Yellow' - }, - { - name: 'Black' - }, - { - name: 'I\'ll choose on my own', - value: false - } - ], - when: when.customize - }, - { - type: 'input', - name: 'PrimaryHex', - message: 'Enter a hexcode for your primary brand color', - when: when.primaryColor - }, - { - type: 'list', - name: 'secondaryColor', - message: 'Select the closest name for your secondary brand color', - default: '14px', - choices: [ - { - name: 'Blue' - }, - { - name: 'Green' - }, - { - name: 'Orange' - }, - { - name: 'Pink' - }, - { - name: 'Purple' - }, - { - name: 'Red' - }, - { - name: 'Teal' - }, - { - name: 'Yellow' - }, - { - name: 'Black' - }, - { - name: 'I\'ll choose on my own', - value: false - } - ], - when: when.customize - }, - { - type: 'input', - name: 'secondaryHex', - message: 'Enter a hexcode for your secondary brand color', - when: when.secondaryColor - } - ] - - }, - - settings: { - - /* Rename Files */ - rename: { - json : { extname : '.json' }, - }, - - /* Copy Install Folders */ - wrench: { - - // copy during npm update (default theme / definition) - update: { - forceDelete : true, - excludeHiddenUnix : true, - preserveFiles : false - }, - - // copy during first npm install - install: { - forceDelete : true, - excludeHiddenUnix : true, - preserveFiles : false - }, - - // copy for node_modules - modules: { - forceDelete : true, - excludeHiddenUnix : true, - preserveFiles : false - }, - - // copy for site theme - site: { - forceDelete : false, - excludeHiddenUnix : true, - preserveFiles : true - } - } - } - -}; diff --git a/semantic/tasks/config/project/release.js b/semantic/tasks/config/project/release.js deleted file mode 100755 index d0a2427..0000000 --- a/semantic/tasks/config/project/release.js +++ /dev/null @@ -1,61 +0,0 @@ -/******************************* - Release Config -*******************************/ - -var - requireDotFile = require('require-dot-file'), - config, - package, - version -; - - -/******************************* - Derived Values -*******************************/ - -try { - - config = requireDotFile('semantic.json'); - package = require('../../../package.json'); - - // looks for version in config or package.json (whichever is available) - version = (config && config.version !== undefined) - ? config.version - : package.version - ; - -} - -catch(error) { - // generate fake package - package = { - version: 'x.x' - }; -} - -/******************************* - Export -*******************************/ - -module.exports = { - - title : 'Semantic UI', - repository : 'https://github.com/Semantic-Org/Semantic-UI', - url : 'http://www.semantic-ui.com/', - - banner: '' - + ' /*' + '\n' - + ' * # <%= title %> - <%= version %>' + '\n' - + ' * <%= repository %>' + '\n' - + ' * <%= url %>' + '\n' - + ' *' + '\n' - + ' * Copyright 2014 Contributors' + '\n' - + ' * Released under the MIT license' + '\n' - + ' * http://opensource.org/licenses/MIT' + '\n' - + ' *' + '\n' - + ' */' + '\n', - - version : package.version - -}; diff --git a/semantic/tasks/config/project/tasks.js b/semantic/tasks/config/project/tasks.js deleted file mode 100755 index ed64ac8..0000000 --- a/semantic/tasks/config/project/tasks.js +++ /dev/null @@ -1,125 +0,0 @@ -var - config = require('../user'), - release = require('./release') -; - - -module.exports = { - - banner : release.banner, - - log: { - created: function(file) { - return 'Created: ' + file; - }, - modified: function(file) { - return 'Modified: ' + file; - } - }, - - filenames: { - concatenatedCSS : 'semantic.css', - concatenatedJS : 'semantic.js', - concatenatedMinifiedCSS : 'semantic.min.css', - concatenatedMinifiedJS : 'semantic.min.js', - concatenatedRTLCSS : 'semantic.rtl.css', - concatenatedMinifiedRTLCSS : 'semantic.rtl.min.css' - }, - - regExp: { - - comments: { - - // remove all comments from config files (.variable) - variables : { - in : /(\/\*[\s\S]+?\*\/+)[\s\S]+?\/\* End Config \*\//, - out : '$1', - }, - - // add version to first comment - license: { - in : /(^\/\*[\s\S]+)(# Semantic UI )([\s\S]+?\*\/)/, - out : '$1$2' + release.version + ' $3' - }, - - // adds uniform spacing around comments - large: { - in : /(\/\*\*\*\*[\s\S]+?\*\/)/mg, - out : '\n\n$1\n' - }, - small: { - in : /(\/\*---[\s\S]+?\*\/)/mg, - out : '\n$1\n' - }, - tiny: { - in : /(\/\* [\s\S]+? \*\/)/mg, - out : '\n$1' - } - }, - - theme: /.*\/themes\/.*?(?=\/)/mg - - }, - - settings: { - - /* Remove Files in Clean */ - del: { - silent : true - }, - - /* Comment Banners */ - header: { - title : release.title, - version : release.version, - repository : release.repository, - url : release.url - }, - - /* What Browsers to Prefix */ - prefix: { - browsers: [ - 'last 2 version', - '> 1%', - 'opera 12.1', - 'safari 6', - 'ie 9', - 'bb 10', - 'android 4' - ] - }, - - /* File Renames */ - rename: { - minJS : { extname : '.min.js' }, - minCSS : { extname : '.min.css' }, - rtlCSS : { extname : '.rtl.css' }, - rtlMinCSS : { extname : '.rtl.min.css' } - }, - - /* Minified CSS Concat */ - minify: { - processImport : false, - keepSpecialComments : 1 - }, - - /* Minified JS Settings */ - uglify: { - mangle : true, - preserveComments : 'some' - }, - - /* Minified Concat CSS Settings */ - concatMinify: { - processImport : false, - keepSpecialComments : false - }, - - /* Minified Concat JS */ - concatUglify: { - mangle : true, - preserveComments : false - } - - } -}; \ No newline at end of file diff --git a/semantic/tasks/config/user.js b/semantic/tasks/config/user.js deleted file mode 100755 index 7b7c16d..0000000 --- a/semantic/tasks/config/user.js +++ /dev/null @@ -1,58 +0,0 @@ -/******************************* - Set-up -*******************************/ - -var - // npm dependencies - extend = require('extend'), - fs = require('fs'), - path = require('path'), - requireDotFile = require('require-dot-file'), - - // semantic.json defaults - defaults = require('./defaults'), - config = require('./project/config'), - - // Final config object - gulpConfig = {}, - - // semantic.json settings - userConfig - -; - - -/******************************* - User Config -*******************************/ - -try { - // looks for config file across all parent directories - userConfig = requireDotFile('semantic.json'); -} -catch(error) { - if(error.code === 'MODULE_NOT_FOUND') { - console.error('No semantic.json config found'); - } -} - -// extend user config with defaults -gulpConfig = (!userConfig) - ? extend(true, {}, defaults) - : extend(false, {}, defaults, userConfig) -; - -/******************************* - Add Derived Values -*******************************/ - -// adds calculated values -config.addDerivedValues(gulpConfig); - - -/******************************* - Export -*******************************/ - -module.exports = gulpConfig; - diff --git a/semantic/tasks/docs/build.js b/semantic/tasks/docs/build.js deleted file mode 100755 index f71a2a7..0000000 --- a/semantic/tasks/docs/build.js +++ /dev/null @@ -1,158 +0,0 @@ -/******************************* - Build Docs -*******************************/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - fs = require('fs'), - - // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - flatten = require('gulp-flatten'), - gulpif = require('gulp-if'), - header = require('gulp-header'), - less = require('gulp-less'), - minifyCSS = require('gulp-minify-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), - - // user config - config = require('../config/docs'), - - // install config - configSetup = require('../config/project/config'), - tasks = require('../config/project/tasks'), - install = require('../config/project/install'), - - // shorthand - globs, - assets, - output, - source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings -; - -// add internal tasks (concat release) -require('../collections/internal')(gulp); - -module.exports = function(callback) { - - var - stream, - compressedStream, - uncompressedStream - ; - - // use a different config - config = configSetup.addDerivedValues(config); - - // shorthand - globs = config.globs; - assets = config.paths.assets; - output = config.paths.output; - source = config.paths.source; - - /*-------------- - Copy Source - ---------------*/ - - // copy src/ to server - gulp.src('src/**/*.*') - .pipe(gulp.dest(output.less)) - .pipe(print(log.created)) - ; - - - /*-------------- - Build - ---------------*/ - - console.info('Building Semantic for docs'); - - if( !install.isSetup() ) { - console.error('Cannot build files. Run "gulp install" to set-up Semantic'); - return; - } - - // unified css stream - stream = gulp.src(source.definitions + '/**/' + globs.components + '.less') - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(autoprefixer(settings.prefix)) - .pipe(flatten()) - ; - - // two concurrent streams from same source to concat release - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed docs css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(clone()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - callback(); - gulp.start('package compressed docs css'); - }) - ; - - // copy assets - gulp.src(source.themes + '/**/assets/**/' + globs.components + '?(s).*') - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - ; - - // copy source javascript - gulp.src(source.definitions + '/**/' + globs.components + '.js') - .pipe(plumber()) - .pipe(flatten()) - .pipe(gulp.dest(output.uncompressed)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.compressed)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed docs js'); - gulp.start('package uncompressed docs js'); - }) - ; - -}; \ No newline at end of file diff --git a/semantic/tasks/docs/serve.js b/semantic/tasks/docs/serve.js deleted file mode 100755 index 80cc752..0000000 --- a/semantic/tasks/docs/serve.js +++ /dev/null @@ -1,236 +0,0 @@ -/******************************* - Serve Docs -*******************************/ -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - fs = require('fs'), - - // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - gulpif = require('gulp-if'), - header = require('gulp-header'), - less = require('gulp-less'), - minifyCSS = require('gulp-minify-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), - util = require('gulp-util'), - watch = require('gulp-watch'), - - // user config - config = require('../config/docs'), - - // task config - configSetup = require('../config/project/config'), - tasks = require('../config/project/tasks'), - install = require('../config/project/install'), - - // shorthand - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings, - - globs, - assets, - output, - source -; - -require('../collections/internal')(gulp); - -module.exports = function () { - - // use a different config - config = configSetup.addDerivedValues(config); - - // shorthand - globs = config.globs; - assets = config.paths.assets; - output = config.paths.output; - source = config.paths.source; - - - /*-------------- - Copy Source - ---------------*/ - - gulp - .watch([ - 'src/**/*.*' - ], function(file) { - console.clear(); - return gulp.src(file.path, { - base: 'src/' - }) - .pipe(gulp.dest(output.less)) - .pipe(print(log.created)) - ; - }) - ; - - /*-------------- - Watch CSS - ---------------*/ - - gulp - .watch([ - source.config, - source.definitions + '/**/*.less', - source.site + '/**/*.{overrides,variables}', - source.themes + '/**/*.{overrides,variables}' - ], function(file) { - - var - lessPath, - - stream, - compressedStream, - uncompressedStream, - - isDefinition, - isPackagedTheme, - isSiteTheme, - isConfig - ; - - // log modified file - gulp.src(file.path) - .pipe(print(log.modified)) - ; - - /*-------------- - Find Source - ---------------*/ - - // recompile on *.override , *.variable change - isConfig = (file.path.indexOf('theme.config') !== -1); - isPackagedTheme = (file.path.indexOf(source.themes) !== -1); - isSiteTheme = (file.path.indexOf(source.site) !== -1); - isDefinition = (file.path.indexOf(source.definitions) !== -1); - - if(isConfig) { - console.info('Change detected in theme config, rebuild docs with `build-docs`'); - // impossible to tell which file was updated in theme.config - return; - } - else if(isPackagedTheme) { - console.log('Change detected in packaged theme'); - lessPath = util.replaceExtension(file.path, '.less'); - lessPath = lessPath.replace(tasks.regExp.theme, source.definitions); - } - else if(isSiteTheme) { - console.log('Change detected in site theme'); - lessPath = util.replaceExtension(file.path, '.less'); - lessPath = lessPath.replace(source.site, source.definitions); - } - else { - console.log('Change detected in definition'); - lessPath = file.path; - } - - /*-------------- - Create CSS - ---------------*/ - - if( fs.existsSync(lessPath) ) { - - // unified css stream - stream = gulp.src(lessPath) - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(autoprefixer(settings.prefix)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - ; - - // use 2 concurrent streams from same pipe - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed docs css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed docs css'); - }) - ; - - } - else { - console.log('Cannot find UI definition at path', lessPath); - } - }) - ; - - /*-------------- - Watch JS - ---------------*/ - - gulp - .watch([ - source.definitions + '/**/*.js' - ], function(file) { - gulp.src(file.path) - .pipe(plumber()) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed docs js'); - gulp.start('package uncompressed docs js'); - }) - ; - }) - ; - - /*-------------- - Watch Assets - ---------------*/ - - // only copy assets that match component names (or their plural) - gulp - .watch([ - source.themes + '/**/assets/**/' + globs.components + '?(s).*' - ], function(file) { - // copy assets - gulp.src(file.path, { base: source.themes }) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - .pipe(print(log.created)) - ; - }) - ; - - -}; \ No newline at end of file diff --git a/semantic/tasks/install.js b/semantic/tasks/install.js deleted file mode 100755 index 7346a21..0000000 --- a/semantic/tasks/install.js +++ /dev/null @@ -1,391 +0,0 @@ -/******************************* - Install Task -*******************************/ - -/* - Install tasks - - For more notes - - * Runs automatically after npm update (hooks) - * (NPM) Install - Will ask for where to put semantic (outside pm folder) - * (NPM) Upgrade - Will look for semantic install, copy over files and update if new version - * Standard installer runs asking for paths to site files etc - -*/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - extend = require('extend'), - fs = require('fs'), - mkdirp = require('mkdirp'), - path = require('path'), - - // gulp dependencies - chmod = require('gulp-chmod'), - del = require('del'), - jsonEditor = require('gulp-json-editor'), - plumber = require('gulp-plumber'), - prompt = require('gulp-prompt'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - requireDotFile = require('require-dot-file'), - wrench = require('wrench'), - - // install config - install = require('./config/project/install'), - - // user config - config = require('./config/user'), - - // release config (name/title/etc) - release = require('./config/project/release'), - - // shorthand - questions = install.questions, - files = install.files, - folders = install.folders, - regExp = install.regExp, - settings = install.settings, - source = install.source -; - -// Export install task -module.exports = function () { - - var - currentConfig = requireDotFile('semantic.json'), - manager = install.getPackageManager(), - rootQuestions = questions.root - ; - - console.clear(); - - /* Test NPM - manager = { - name : 'NPM', - root : path.normalize(__dirname + '/../') - }; - */ - - /*-------------- - PM Config - ---------------*/ - - /* Don't do end user config if SUI is a sub-module */ - if( install.isSubModule() ) { - console.info('SUI is a sub-module, skipping end-user install'); - return; - } - - // run update scripts if semantic.json exists - if(currentConfig && manager.name === 'NPM') { - - var - updateFolder = path.join(manager.root, currentConfig.base), - updatePaths = { - config : path.join(manager.root, files.config), - tasks : path.join(updateFolder, folders.tasks), - themeImport : path.join(updateFolder, folders.themeImport), - definition : path.join(currentConfig.paths.source.definitions), - site : path.join(currentConfig.paths.source.site), - theme : path.join(currentConfig.paths.source.themes) - } - ; - - // duck-type if there is a project installed - if( fs.existsSync(updatePaths.definition) ) { - - // perform update if new version - if(currentConfig.version !== release.version) { - console.log('Updating Semantic UI from ' + currentConfig.version + ' to ' + release.version); - - console.info('Updating ui definitions...'); - wrench.copyDirSyncRecursive(source.definitions, updatePaths.definition, settings.wrench.update); - - console.info('Updating default theme...'); - wrench.copyDirSyncRecursive(source.themes, updatePaths.theme, settings.wrench.update); - - console.info('Updating tasks...'); - wrench.copyDirSyncRecursive(source.tasks, updatePaths.tasks, settings.wrench.update); - - console.info('Updating gulpfile.js'); - gulp.src(source.userGulpFile) - .pipe(plumber()) - .pipe(gulp.dest(updateFolder)) - ; - - // copy theme import - console.info('Updating theme import file'); - gulp.src(source.themeImport) - .pipe(plumber()) - .pipe(gulp.dest(updatePaths.themeImport)) - ; - - console.info('Adding new site theme files...'); - wrench.copyDirSyncRecursive(source.site, updatePaths.site, settings.wrench.site); - - console.info('Updating version...'); - - // update version number in semantic.json - gulp.src(updatePaths.config) - .pipe(plumber()) - .pipe(rename(settings.rename.json)) // preserve file extension - .pipe(jsonEditor({ - version: release.version - })) - .pipe(gulp.dest(manager.root)) - ; - - console.info('Update complete! Run "\033[92mgulp build\033[0m" to rebuild dist/ files.'); - - return; - } - else { - console.log('Current version of Semantic UI already installed'); - return; - } - - } - else { - console.error('Cannot locate files to update at path: ', updatePaths.definition); - console.log('Running installer'); - } - - } - - /*-------------- - Determine Root - ---------------*/ - - // PM that supports Build Tools (NPM Only Now) - if(manager.name == 'NPM') { - rootQuestions[0].message = rootQuestions[0].message - .replace('{packageMessage}', 'We detected you are using \033[92m' + manager.name + '\033[0m. Nice! ') - .replace('{root}', manager.root) - ; - // set default path to detected PM root - rootQuestions[0].default = manager.root; - rootQuestions[1].default = manager.root; - - // insert PM questions after "Install Type" question - Array.prototype.splice.apply(questions.setup, [2, 0].concat(rootQuestions)); - - // omit cleanup questions for managed install - questions.cleanup = []; - } - - /*-------------- - Set-up - ---------------*/ - - return gulp - .src('gulpfile.js') - .pipe(prompt.prompt(questions.setup, function(answers) { - - /*-------------- - Exit Conditions - ---------------*/ - - // if config exists and user specifies not to proceed - if(answers.overwrite !== undefined && answers.overwrite == 'no') { - return; - } - - console.clear(); - console.log('Installing'); - console.log('------------------------------'); - - - /*-------------- - Paths - ---------------*/ - - var - installPaths = { - config : files.config, - configFolder : folders.config, - site : answers.site || folders.site, - themeConfig : files.themeConfig, - themeConfigFolder : folders.themeConfig - }, - installFolder = false - ; - - /*-------------- - PM Install - ---------------*/ - - // Check if PM install - if(answers.useRoot || answers.customRoot) { - - // Set root to custom root path if set - if(answers.customRoot) { - if(answers.customRoot === '') { - console.log('Unable to proceed, invalid project root'); - return; - } - manager.root = answers.customRoot; - } - - // special install paths only for PM install - installPaths = extend(false, {}, installPaths, { - definition : folders.definitions, - lessImport : folders.lessImport, - tasks : folders.tasks, - theme : folders.themes, - themeImport : folders.themeImport - }); - - // add project root to semantic root - installFolder = path.join(manager.root, answers.semanticRoot); - - // add install folder to all output paths - for(var destination in installPaths) { - if( installPaths.hasOwnProperty(destination) ) { - // config goes in project root, rest in install folder - installPaths[destination] = (destination == 'config' || destination == 'configFolder') - ? path.normalize( path.join(manager.root, installPaths[destination]) ) - : path.normalize( path.join(installFolder, installPaths[destination]) ) - ; - } - } - - // create project folders - try { - mkdirp.sync(installFolder); - mkdirp.sync(installPaths.definition); - mkdirp.sync(installPaths.theme); - mkdirp.sync(installPaths.tasks); - } - catch(error) { - console.error('NPM does not have permissions to create folders at your specified path. Adjust your folders permissions and run "npm install" again'); - } - - console.log('Installing to \033[92m' + answers.semanticRoot + '\033[0m'); - - console.info('Copying UI definitions'); - wrench.copyDirSyncRecursive(source.definitions, installPaths.definition, settings.wrench.install); - wrench.copyDirSyncRecursive(source.themes, installPaths.theme, settings.wrench.install); - - console.info('Copying gulp tasks'); - wrench.copyDirSyncRecursive(source.tasks, installPaths.tasks, settings.wrench.install); - - // copy theme import - console.info('Adding theme files'); - gulp.src(source.themeImport) - .pipe(plumber()) - .pipe(gulp.dest(installPaths.themeImport)) - ; - gulp.src(source.lessImport) - .pipe(plumber()) - .pipe(gulp.dest(installPaths.lessImport)) - ; - - // create gulp file - console.info('Creating gulpfile.js'); - gulp.src(source.userGulpFile) - .pipe(plumber()) - .pipe(gulp.dest(installFolder)) - ; - - } - - /*-------------- - Site Theme - ---------------*/ - - // Copy _site templates folder to destination - if( fs.existsSync(installPaths.site) ) { - console.info('Site folder exists, merging files (no overwrite)', installPaths.site); - } - else { - console.info('Creating site theme folder', installPaths.site); - } - wrench.copyDirSyncRecursive(source.site, installPaths.site, settings.wrench.site); - - /*-------------- - Theme Config - ---------------*/ - - var - // determine path to site theme folder from theme config - // force CSS path variable to use forward slashes for paths - pathToSite = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replace(/\\/g,'/'), - siteVariable = "@siteFolder : '" + pathToSite + "/';" - ; - - // rewrite site variable in theme.less - console.info('Adjusting @siteFolder to: ', pathToSite + '/'); - - if(fs.existsSync(installPaths.themeConfig)) { - console.info('Modifying src/theme.config (LESS config)', installPaths.themeConfig); - gulp.src(installPaths.themeConfig) - .pipe(plumber()) - .pipe(replace(regExp.siteVariable, siteVariable)) - .pipe(gulp.dest(installPaths.themeConfigFolder)) - ; - } - else { - console.info('Creating src/theme.config (LESS config)', installPaths.themeConfig); - gulp.src(source.themeConfig) - .pipe(plumber()) - .pipe(rename({ extname : '' })) - .pipe(replace(regExp.siteVariable, siteVariable)) - .pipe(gulp.dest(installPaths.themeConfigFolder)) - ; - } - - /*-------------- - Semantic.json - ---------------*/ - - var - jsonConfig = install.createJSON(answers) - ; - - // adjust variables in theme.less - if( fs.existsSync(files.config) ) { - console.info('Extending config file (semantic.json)', installPaths.config); - gulp.src(installPaths.config) - .pipe(plumber()) - .pipe(rename(settings.rename.json)) // preserve file extension - .pipe(jsonEditor(jsonConfig)) - .pipe(gulp.dest(installPaths.configFolder)) - ; - } - else { - console.info('Creating config file (semantic.json)', installPaths.config); - gulp.src(source.config) - .pipe(plumber()) - .pipe(rename({ extname : '' })) // remove .template from ext - .pipe(jsonEditor(jsonConfig)) - .pipe(gulp.dest(installPaths.configFolder)) - ; - } - - // Completion Message - if(installFolder) { - console.log('Install complete! Navigate to \033[92m' + answers.semanticRoot + '\033[0m and run "\033[92mgulp build\033[0m" to build'); - } - else { - console.log(''); - console.log(''); - } - - })) - .pipe(prompt.prompt(questions.cleanup, function(answers) { - if(answers.cleanup == 'yes') { - del(install.setupFiles); - } - if(answers.build == 'yes') { - gulp.start('build'); - } - })) - ; - - -}; \ No newline at end of file diff --git a/semantic/tasks/rtl/build.js b/semantic/tasks/rtl/build.js deleted file mode 100755 index 46085e6..0000000 --- a/semantic/tasks/rtl/build.js +++ /dev/null @@ -1,132 +0,0 @@ -/******************************* - Build Task -*******************************/ - -var - gulp = require('gulp'), - - // node dependencies - fs = require('fs'), - - // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - flatten = require('gulp-flatten'), - gulpif = require('gulp-if'), - less = require('gulp-less'), - minifyCSS = require('gulp-minify-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - rtlcss = require('gulp-rtlcss'), - uglify = require('gulp-uglify'), - - // user config - config = require('../config/user'), - - // install config - tasks = require('../config/project/tasks'), - install = require('../config/project/install'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings -; - -// add internal tasks (concat release) -require('../collections/internal')(gulp); - -module.exports = function(callback) { - - var - stream, - compressedStream, - uncompressedStream - ; - - console.info('Building Semantic'); - - if( !install.isSetup() ) { - console.error('Cannot build files. Run "gulp install" to set-up Semantic'); - return; - } - - // unified css stream - stream = gulp.src(source.definitions + '/**/' + globs.components + '.less') - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(autoprefixer(settings.prefix)) - .pipe(rtlcss()) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(flatten()) - ; - - // two concurrent streams from same source to concat release - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(rename(settings.rename.rtlCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed rtl css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(clone()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.rtlMinCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - callback(); - gulp.start('package compressed rtl css'); - }) - ; - - // copy assets - gulp.src(source.themes + '/**/assets/**/' + globs.components + '?(s).*') - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - ; - - // copy source javascript - gulp.src(source.definitions + '/**/' + globs.components + '.js') - .pipe(plumber()) - .pipe(flatten()) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed js'); - gulp.start('package uncompressed js'); - }) - ; - -}; \ No newline at end of file diff --git a/semantic/tasks/rtl/watch.js b/semantic/tasks/rtl/watch.js deleted file mode 100755 index 238d0e5..0000000 --- a/semantic/tasks/rtl/watch.js +++ /dev/null @@ -1,221 +0,0 @@ -/******************************* - Watch Task -*******************************/ - -var - gulp = require('gulp'), - - // node deps - console = require('better-console'), - fs = require('fs'), - - // gulp deps - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - gulpif = require('gulp-if'), - less = require('gulp-less'), - minifyCSS = require('gulp-minify-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - rtlcss = require('gulp-rtlcss'), - uglify = require('gulp-uglify'), - util = require('gulp-util'), - watch = require('gulp-watch'), - - // user config - config = require('../config/user'), - - // task config - tasks = require('../config/project/tasks'), - install = require('../config/project/install'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings - -; - -// add internal tasks (concat release) -require('../collections/internal')(gulp); - -module.exports = function(callback) { - - if( !install.isSetup() ) { - console.error('Cannot watch files. Run "gulp install" to set-up Semantic'); - return; - } - - console.clear(); - console.log('Watching source files for changes'); - - /*-------------- - Watch CSS - ---------------*/ - - gulp - .watch([ - source.config, - source.definitions + '/**/*.less', - source.site + '/**/*.{overrides,variables}', - source.themes + '/**/*.{overrides,variables}' - ], function(file) { - - var - lessPath, - - stream, - compressedStream, - uncompressedStream, - - isDefinition, - isPackagedTheme, - isSiteTheme, - isConfig - ; - - // log modified file - gulp.src(file.path) - .pipe(print(log.modified)) - ; - - /*-------------- - Find Source - ---------------*/ - - // recompile on *.override , *.variable change - isConfig = (file.path.indexOf('.config') !== -1); - isPackagedTheme = (file.path.indexOf(source.themes) !== -1); - isSiteTheme = (file.path.indexOf(source.site) !== -1); - isDefinition = (file.path.indexOf(source.definitions) !== -1); - - - if(isConfig) { - console.log('Change detected in theme config'); - // cant tell which theme was changed in theme.config, rebuild all - gulp.start('build'); - } - else if(isPackagedTheme) { - console.log('Change detected in packaged theme'); - lessPath = lessPath.replace(tasks.regExp.theme, source.definitions); - lessPath = util.replaceExtension(file.path, '.less'); - } - else if(isSiteTheme) { - console.log('Change detected in site theme'); - lessPath = lessPath.replace(source.site, source.definitions); - lessPath = util.replaceExtension(file.path, '.less'); - } - else if(isDefinition) { - console.log('Change detected in definition'); - lessPath = util.replaceExtension(file.path, '.less'); - } - - /*-------------- - Create CSS - ---------------*/ - - if( fs.existsSync(lessPath) ) { - - // unified css stream - stream = gulp.src(lessPath) - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(autoprefixer(settings.prefix)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(rtlcss()) - ; - - // use 2 concurrent streams from same pipe - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(rename(settings.rename.rtlCSS)) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed rtl css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) - .pipe(rename(settings.rename.rtlMinCSS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed rtl css'); - }) - ; - - } - else { - console.log('Cannot find UI definition at path', lessPath); - } - }) - ; - - /*-------------- - Watch JS - ---------------*/ - - gulp - .watch([ - source.definitions + '/**/*.js' - ], function(file) { - gulp.src(file.path) - .pipe(plumber()) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed js'); - gulp.start('package uncompressed js'); - }) - ; - }) - ; - - /*-------------- - Watch Assets - ---------------*/ - - // only copy assets that match component names (or their plural) - gulp - .watch([ - source.themes + '/**/assets/**/' + globs.components + '?(s).*' - ], function(file) { - // copy assets - gulp.src(file.path, { base: source.themes }) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - .pipe(print(log.created)) - ; - }) - ; - -}; \ No newline at end of file diff --git a/semantic/tasks/version.js b/semantic/tasks/version.js deleted file mode 100755 index df49f55..0000000 --- a/semantic/tasks/version.js +++ /dev/null @@ -1,11 +0,0 @@ -/******************************* - Version Task -*******************************/ - -var - release = require('./config/project/release') -; - -module.exports = function(callback) { - console.log(release.title + ' ' + release.version); -}; \ No newline at end of file diff --git a/semantic/tasks/watch.js b/semantic/tasks/watch.js deleted file mode 100755 index 098cdc1..0000000 --- a/semantic/tasks/watch.js +++ /dev/null @@ -1,225 +0,0 @@ -/******************************* - Watch Task -*******************************/ - -var - gulp = require('gulp'), - - // node dependencies - console = require('better-console'), - fs = require('fs'), - - // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - gulpif = require('gulp-if'), - less = require('gulp-less'), - minifyCSS = require('gulp-minify-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), - util = require('gulp-util'), - watch = require('gulp-watch'), - - // user config - config = require('./config/user'), - - // task config - tasks = require('./config/project/tasks'), - install = require('./config/project/install'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings - -; - -// add tasks that shouldn't be exposed to end-user -require('./collections/internal')(gulp); - - -// export task -module.exports = function(callback) { - - if( !install.isSetup() ) { - console.error('Cannot watch files. Run "gulp install" to set-up Semantic'); - return; - } - - // check for right-to-left language - if(config.rtl === true || config.rtl === 'Yes') { - gulp.start('watch-rtl'); - return; - } - - //console.clear(); - console.log('Watching source files for changes'); - - /*-------------- - Watch CSS - ---------------*/ - - gulp - .watch([ - source.config, - source.definitions + '/**/*.less', - source.site + '/**/*.{overrides,variables}', - source.themes + '/**/*.{overrides,variables}' - ], function(file) { - - var - lessPath, - - stream, - compressedStream, - uncompressedStream, - - isDefinition, - isPackagedTheme, - isSiteTheme, - isConfig - ; - - // log modified file - gulp.src(file.path) - .pipe(print(log.modified)) - ; - - /*-------------- - Find Source - ---------------*/ - - // recompile on *.override , *.variable change - isConfig = (file.path.indexOf('theme.config') !== -1); - isPackagedTheme = (file.path.indexOf(source.themes) !== -1); - isSiteTheme = (file.path.indexOf(source.site) !== -1); - isDefinition = (file.path.indexOf(source.definitions) !== -1); - - if(isConfig) { - console.info('Change detected in theme config'); - // impossible to tell which file was updated in theme.config, rebuild all - gulp.start('build'); - return; - } - else if(isPackagedTheme) { - console.log('Change detected in packaged theme'); - lessPath = util.replaceExtension(file.path, '.less'); - lessPath = lessPath.replace(tasks.regExp.theme, source.definitions); - } - else if(isSiteTheme) { - console.log('Change detected in site theme'); - lessPath = util.replaceExtension(file.path, '.less'); - lessPath = lessPath.replace(source.site, source.definitions); - } - else { - console.log('Change detected in definition'); - lessPath = file.path; - } - - /*-------------- - Create CSS - ---------------*/ - - if( fs.existsSync(lessPath) ) { - - // unified css stream - stream = gulp.src(lessPath) - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(autoprefixer(settings.prefix)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - ; - - // use 2 concurrent streams from same pipe - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed css'); - }) - ; - - } - else { - console.log('Cannot find UI definition at path', lessPath); - } - }) - ; - - /*-------------- - Watch JS - ---------------*/ - - gulp - .watch([ - source.definitions + '/**/*.js' - ], function(file) { - gulp.src(file.path) - .pipe(plumber()) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed js'); - gulp.start('package uncompressed js'); - }) - ; - }) - ; - - /*-------------- - Watch Assets - ---------------*/ - - // only copy assets that match component names (or their plural) - gulp - .watch([ - source.themes + '/**/assets/**/' + globs.components + '?(s).*' - ], function(file) { - // copy assets - gulp.src(file.path, { base: source.themes }) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - .pipe(print(log.created)) - ; - }) - ; - -}; \ No newline at end of file From 652ed1cc00dc4b39543e1bc056b1196e442a5cbf Mon Sep 17 00:00:00 2001 From: Bruce Coddington Date: Sun, 9 Aug 2015 20:46:40 -0500 Subject: [PATCH 3/3] making css build easier --- client/assets/less/lib/semantic/custom.less | 32657 ++++++++++++++++ .../site.variables => default.variables} | 0 .../site.variables => material.variables} | 0 .../semantic/src/definitions/behaviors/api.js | 871 - .../src/definitions/behaviors/colorize.js | 272 - .../src/definitions/behaviors/form.js | 1118 - .../src/definitions/behaviors/state.js | 695 - .../src/definitions/behaviors/visibility.js | 1032 - .../src/definitions/behaviors/visit.js | 515 - .../definitions/collections/breadcrumb.less | 122 - .../src/definitions/collections/form.less | 894 - .../src/definitions/collections/grid.less | 1783 - .../src/definitions/collections/menu.less | 1622 - .../src/definitions/collections/message.less | 442 - .../src/definitions/collections/table.less | 1001 - .../src/definitions/elements/button.less | 2413 -- .../src/definitions/elements/divider.less | 254 - .../src/definitions/elements/flag.less | 53 - .../src/definitions/elements/header.less | 620 - .../src/definitions/elements/icon.less | 341 - .../src/definitions/elements/image.less | 304 - .../src/definitions/elements/input.less | 429 - .../src/definitions/elements/label.less | 969 - .../src/definitions/elements/list.less | 882 - .../src/definitions/elements/loader.less | 267 - .../src/definitions/elements/rail.less | 126 - .../src/definitions/elements/reveal.less | 258 - .../src/definitions/elements/segment.less | 629 - .../src/definitions/elements/step.less | 429 - .../src/definitions/globals/reset.less | 41 - .../semantic/src/definitions/globals/site.js | 487 - .../src/definitions/globals/site.less | 146 - .../src/definitions/modules/accordion.js | 558 - .../src/definitions/modules/accordion.less | 220 - .../src/definitions/modules/checkbox.js | 509 - .../src/definitions/modules/checkbox.less | 490 - .../src/definitions/modules/dimmer.js | 669 - .../src/definitions/modules/dimmer.less | 179 - .../src/definitions/modules/dropdown.js | 1796 - .../src/definitions/modules/dropdown.less | 1040 - .../semantic/src/definitions/modules/modal.js | 860 - .../src/definitions/modules/modal.less | 437 - .../semantic/src/definitions/modules/nag.js | 477 - .../semantic/src/definitions/modules/nag.less | 159 - .../semantic/src/definitions/modules/popup.js | 1224 - .../src/definitions/modules/popup.less | 294 - .../src/definitions/modules/progress.js | 785 - .../src/definitions/modules/progress.less | 451 - .../src/definitions/modules/rating.js | 451 - .../src/definitions/modules/rating.less | 189 - .../src/definitions/modules/search.js | 1070 - .../src/definitions/modules/search.less | 339 - .../semantic/src/definitions/modules/shape.js | 830 - .../src/definitions/modules/shape.less | 152 - .../src/definitions/modules/sidebar.js | 1089 - .../src/definitions/modules/sidebar.less | 550 - .../src/definitions/modules/sticky.js | 792 - .../src/definitions/modules/sticky.less | 75 - .../semantic/src/definitions/modules/tab.js | 802 - .../semantic/src/definitions/modules/tab.less | 95 - .../src/definitions/modules/transition.js | 1034 - .../src/definitions/modules/transition.less | 80 - .../semantic/src/definitions/modules/video.js | 540 - .../src/definitions/modules/video.less | 125 - .../semantic/src/definitions/views/ad.less | 268 - .../semantic/src/definitions/views/card.less | 919 - .../src/definitions/views/comment.less | 256 - .../semantic/src/definitions/views/feed.less | 272 - .../semantic/src/definitions/views/item.less | 465 - .../src/definitions/views/statistic.less | 414 - .../less/lib/semantic/src/semantic.less | 65 - .../src/site/collections/breadcrumb.overrides | 3 - .../src/site/collections/breadcrumb.variables | 3 - .../src/site/collections/form.overrides | 3 - .../src/site/collections/form.variables | 3 - .../src/site/collections/grid.overrides | 3 - .../src/site/collections/grid.variables | 3 - .../src/site/collections/menu.overrides | 3 - .../src/site/collections/menu.variables | 3 - .../src/site/collections/message.overrides | 3 - .../src/site/collections/message.variables | 3 - .../src/site/collections/table.overrides | 3 - .../src/site/collections/table.variables | 3 - .../src/site/elements/button.overrides | 3 - .../src/site/elements/button.variables | 3 - .../src/site/elements/divider.overrides | 3 - .../src/site/elements/divider.variables | 3 - .../semantic/src/site/elements/flag.overrides | 3 - .../semantic/src/site/elements/flag.variables | 3 - .../src/site/elements/header.overrides | 3 - .../src/site/elements/header.variables | 3 - .../semantic/src/site/elements/icon.overrides | 3 - .../semantic/src/site/elements/icon.variables | 3 - .../src/site/elements/image.overrides | 3 - .../src/site/elements/image.variables | 3 - .../src/site/elements/input.overrides | 3 - .../src/site/elements/input.variables | 3 - .../src/site/elements/label.overrides | 3 - .../src/site/elements/label.variables | 3 - .../semantic/src/site/elements/list.overrides | 3 - .../semantic/src/site/elements/list.variables | 3 - .../src/site/elements/loader.overrides | 3 - .../src/site/elements/loader.variables | 3 - .../semantic/src/site/elements/rail.overrides | 3 - .../semantic/src/site/elements/rail.variables | 3 - .../src/site/elements/reveal.overrides | 3 - .../src/site/elements/reveal.variables | 3 - .../src/site/elements/segment.overrides | 3 - .../src/site/elements/segment.variables | 3 - .../semantic/src/site/elements/step.overrides | 3 - .../semantic/src/site/elements/step.variables | 3 - .../semantic/src/site/globals/reset.overrides | 3 - .../semantic/src/site/globals/reset.variables | 3 - .../semantic/src/site/globals/site.overrides | 3 - .../semantic/src/site/globals/site.variables | 3 - .../src/site/modules/accordion.overrides | 3 - .../src/site/modules/accordion.variables | 3 - .../src/site/modules/chatroom.overrides | 3 - .../src/site/modules/chatroom.variables | 3 - .../src/site/modules/checkbox.overrides | 3 - .../src/site/modules/checkbox.variables | 3 - .../src/site/modules/dimmer.overrides | 3 - .../src/site/modules/dimmer.variables | 3 - .../src/site/modules/dropdown.overrides | 3 - .../src/site/modules/dropdown.variables | 3 - .../semantic/src/site/modules/modal.overrides | 3 - .../semantic/src/site/modules/modal.variables | 3 - .../semantic/src/site/modules/nag.overrides | 3 - .../semantic/src/site/modules/nag.variables | 3 - .../semantic/src/site/modules/popup.overrides | 3 - .../semantic/src/site/modules/popup.variables | 3 - .../src/site/modules/progress.overrides | 3 - .../src/site/modules/progress.variables | 3 - .../src/site/modules/rating.overrides | 3 - .../src/site/modules/rating.variables | 3 - .../src/site/modules/search.overrides | 3 - .../src/site/modules/search.variables | 3 - .../semantic/src/site/modules/shape.overrides | 3 - .../semantic/src/site/modules/shape.variables | 3 - .../src/site/modules/sidebar.overrides | 3 - .../src/site/modules/sidebar.variables | 3 - .../src/site/modules/sticky.overrides | 3 - .../src/site/modules/sticky.variables | 3 - .../semantic/src/site/modules/tab.overrides | 3 - .../semantic/src/site/modules/tab.variables | 3 - .../src/site/modules/transition.overrides | 3 - .../src/site/modules/transition.variables | 3 - .../semantic/src/site/modules/video.overrides | 3 - .../semantic/src/site/modules/video.variables | 0 .../lib/semantic/src/site/views/ad.overrides | 3 - .../lib/semantic/src/site/views/ad.variables | 3 - .../semantic/src/site/views/card.overrides | 3 - .../semantic/src/site/views/card.variables | 3 - .../semantic/src/site/views/comment.overrides | 3 - .../semantic/src/site/views/comment.variables | 3 - .../semantic/src/site/views/feed.overrides | 3 - .../semantic/src/site/views/feed.variables | 3 - .../semantic/src/site/views/item.overrides | 3 - .../semantic/src/site/views/item.variables | 3 - .../src/site/views/statistic.overrides | 3 - .../src/site/views/statistic.variables | 3 - .../assets/less/lib/semantic/src/theme.config | 102 - .../assets/less/lib/semantic/src/theme.less | 48 - .../themes/amazon/elements/button.overrides | 46 - .../themes/amazon/elements/button.variables | 57 - .../themes/basic/collections/table.overrides | 4 - .../themes/basic/collections/table.variables | 10 - .../themes/basic/elements/button.overrides | 4 - .../themes/basic/elements/button.variables | 44 - .../src/themes/basic/elements/icon.overrides | 189 - .../src/themes/basic/elements/icon.variables | 12 - .../src/themes/basic/elements/step.overrides | 7 - .../src/themes/basic/elements/step.variables | 10 - .../src/themes/basic/globals/reset.overrides | 5 - .../src/themes/basic/globals/reset.variables | 3 - .../themes/basic/modules/progress.overrides | 3 - .../themes/basic/modules/progress.variables | 15 - .../src/themes/basic/views/card.overrides | 4 - .../src/themes/basic/views/card.variables | 33 - .../themes/bookish/elements/header.overrides | 15 - .../themes/bookish/elements/header.variables | 37 - .../bootstrap3/elements/button.overrides | 0 .../bootstrap3/elements/button.variables | 63 - .../themes/chubby/collections/form.overrides | 8 - .../themes/chubby/collections/form.variables | 9 - .../themes/chubby/elements/button.overrides | 21 - .../themes/chubby/elements/button.variables | 57 - .../themes/chubby/elements/header.overrides | 5 - .../themes/chubby/elements/header.variables | 21 - .../themes/chubby/modules/accordion.overrides | 7 - .../themes/chubby/modules/accordion.variables | 15 - .../src/themes/chubby/views/comment.overrides | 12 - .../src/themes/chubby/views/comment.variables | 46 - .../classic/collections/table.overrides | 3 - .../classic/collections/table.variables | 14 - .../themes/classic/elements/button.overrides | 3 - .../themes/classic/elements/button.variables | 96 - .../themes/classic/elements/header.overrides | 3 - .../themes/classic/elements/header.variables | 12 - .../themes/classic/modules/progress.overrides | 3 - .../themes/classic/modules/progress.variables | 8 - .../src/themes/classic/views/card.overrides | 98 - .../src/themes/classic/views/card.variables | 22 - .../default/collections/breadcrumb.overrides | 3 - .../default/collections/breadcrumb.variables | 43 - .../themes/default/collections/form.overrides | 3 - .../themes/default/collections/form.variables | 193 - .../themes/default/collections/grid.overrides | 4 - .../themes/default/collections/grid.variables | 92 - .../themes/default/collections/menu.overrides | 3 - .../themes/default/collections/menu.variables | 333 - .../default/collections/message.overrides | 3 - .../default/collections/message.variables | 88 - .../default/collections/table.overrides | 3 - .../default/collections/table.variables | 228 - .../themes/default/elements/button.overrides | 3 - .../themes/default/elements/button.variables | 294 - .../themes/default/elements/divider.overrides | 3 - .../themes/default/elements/divider.variables | 54 - .../themes/default/elements/flag.overrides | 978 - .../themes/default/elements/flag.variables | 13 - .../themes/default/elements/header.overrides | 4 - .../themes/default/elements/header.variables | 147 - .../themes/default/elements/icon.overrides | 763 - .../themes/default/elements/icon.variables | 43 - .../themes/default/elements/image.overrides | 3 - .../themes/default/elements/image.variables | 42 - .../themes/default/elements/input.overrides | 3 - .../themes/default/elements/input.variables | 118 - .../themes/default/elements/label.overrides | 3 - .../themes/default/elements/label.variables | 174 - .../themes/default/elements/list.overrides | 3 - .../themes/default/elements/list.variables | 204 - .../themes/default/elements/loader.overrides | 3 - .../themes/default/elements/loader.variables | 61 - .../themes/default/elements/rail.overrides | 3 - .../themes/default/elements/rail.variables | 26 - .../themes/default/elements/reveal.overrides | 3 - .../themes/default/elements/reveal.variables | 15 - .../themes/default/elements/segment.overrides | 3 - .../themes/default/elements/segment.variables | 100 - .../themes/default/elements/step.overrides | 16 - .../themes/default/elements/step.variables | 98 - .../themes/default/globals/reset.overrides | 434 - .../themes/default/globals/reset.variables | 3 - .../src/themes/default/globals/site.overrides | 3 - .../default/modules/accordion.overrides | 28 - .../default/modules/accordion.variables | 101 - .../themes/default/modules/chatroom.overrides | 3 - .../themes/default/modules/chatroom.variables | 3 - .../themes/default/modules/checkbox.overrides | 33 - .../themes/default/modules/checkbox.variables | 140 - .../themes/default/modules/dimmer.overrides | 3 - .../themes/default/modules/dimmer.variables | 58 - .../themes/default/modules/dropdown.overrides | 67 - .../themes/default/modules/dropdown.variables | 275 - .../themes/default/modules/modal.overrides | 3 - .../themes/default/modules/modal.variables | 145 - .../src/themes/default/modules/nag.overrides | 3 - .../src/themes/default/modules/nag.variables | 74 - .../themes/default/modules/popup.overrides | 3 - .../themes/default/modules/popup.variables | 95 - .../themes/default/modules/progress.overrides | 3 - .../themes/default/modules/progress.variables | 107 - .../themes/default/modules/rating.overrides | 68 - .../themes/default/modules/rating.variables | 65 - .../themes/default/modules/search.overrides | 3 - .../themes/default/modules/search.variables | 140 - .../themes/default/modules/shape.overrides | 3 - .../themes/default/modules/shape.variables | 35 - .../themes/default/modules/sidebar.overrides | 3 - .../themes/default/modules/sidebar.variables | 48 - .../themes/default/modules/sticky.overrides | 3 - .../themes/default/modules/sticky.variables | 12 - .../src/themes/default/modules/tab.overrides | 3 - .../src/themes/default/modules/tab.variables | 13 - .../default/modules/transition.overrides | 911 - .../default/modules/transition.variables | 10 - .../themes/default/modules/video.overrides | 3 - .../themes/default/modules/video.variables | 16 - .../src/themes/default/views/ad.overrides | 3 - .../src/themes/default/views/ad.variables | 13 - .../src/themes/default/views/card.overrides | 3 - .../src/themes/default/views/card.variables | 195 - .../themes/default/views/comment.overrides | 3 - .../themes/default/views/comment.variables | 104 - .../src/themes/default/views/feed.overrides | 3 - .../src/themes/default/views/feed.variables | 149 - .../src/themes/default/views/item.overrides | 3 - .../src/themes/default/views/item.variables | 153 - .../themes/default/views/statistic.overrides | 3 - .../themes/default/views/statistic.variables | 97 - .../src/themes/duo/elements/loader.overrides | 3 - .../src/themes/duo/elements/loader.variables | 6 - .../fixed-width/collections/grid.overrides | 3 - .../fixed-width/collections/grid.variables | 23 - .../fixed-width/modules/modal.overrides | 3 - .../fixed-width/modules/modal.variables | 37 - .../themes/flat/collections/form.overrides | 24 - .../themes/flat/collections/form.variables | 74 - .../src/themes/flat/globals/site.overrides | 3 - .../src/themes/flat/globals/site.variables | 106 - .../themes/github/collections/form.overrides | 16 - .../themes/github/collections/form.variables | 40 - .../themes/github/collections/menu.overrides | 7 - .../themes/github/collections/menu.variables | 66 - .../github/collections/message.overrides | 11 - .../github/collections/message.variables | 29 - .../themes/github/elements/button.overrides | 4 - .../themes/github/elements/button.variables | 77 - .../themes/github/elements/segment.overrides | 3 - .../themes/github/elements/segment.variables | 41 - .../src/themes/github/elements/step.overrides | 26 - .../src/themes/github/elements/step.variables | 20 - .../gmail/collections/message.overrides | 0 .../gmail/collections/message.variables | 15 - .../themes/material/elements/button.overrides | 22 - .../themes/material/elements/button.variables | 87 - .../themes/material/elements/header.overrides | 15 - .../themes/material/elements/header.variables | 21 - .../themes/material/globals/site.overrides | 0 .../themes/material/modules/modal.overrides | 6 - .../themes/material/modules/modal.variables | 15 - .../themes/pulsar/elements/loader.overrides | 70 - .../themes/pulsar/elements/loader.variables | 7 - .../themes/raised/elements/button.overrides | 3 - .../themes/raised/elements/button.variables | 27 - .../themes/resetcss/globals/reset.overrides | 52 - .../themes/resetcss/globals/reset.variables | 3 - .../themes/round/elements/button.overrides | 0 .../themes/round/elements/button.variables | 138 - .../src/themes/rtl/globals/site.overrides | 6 - .../src/themes/rtl/globals/site.variables | 14 - .../themes/striped/modules/progress.overrides | 29 - .../themes/striped/modules/progress.variables | 3 - .../src/themes/timeline/views/feed.overrides | 35 - .../src/themes/timeline/views/feed.variables | 40 - .../themes/twitter/elements/button.overrides | 13 - .../themes/twitter/elements/button.variables | 45 - .../themes/basic/assets/fonts/icons.eot | Bin .../themes/basic/assets/fonts/icons.svg | 0 .../themes/basic/assets/fonts/icons.ttf | Bin .../themes/basic/assets/fonts/icons.woff | Bin .../themes/default/assets/fonts/icons.eot | Bin .../themes/default/assets/fonts/icons.svg | 0 .../themes/default/assets/fonts/icons.ttf | Bin .../themes/default/assets/fonts/icons.woff | Bin .../themes/default/assets/fonts/icons.woff2 | Bin .../themes/default/assets/images/flags.png | Bin client/assets/less/style.less | 8 +- gulpfile.js | 4 +- 351 files changed, 32665 insertions(+), 50593 deletions(-) create mode 100644 client/assets/less/lib/semantic/custom.less rename client/assets/less/lib/semantic/{src/themes/default/globals/site.variables => default.variables} (100%) mode change 100755 => 100644 rename client/assets/less/lib/semantic/{src/themes/material/globals/site.variables => material.variables} (100%) mode change 100755 => 100644 delete mode 100755 client/assets/less/lib/semantic/src/definitions/behaviors/api.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/behaviors/colorize.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/behaviors/form.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/behaviors/state.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/behaviors/visibility.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/behaviors/visit.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/collections/breadcrumb.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/collections/form.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/collections/grid.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/collections/menu.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/collections/message.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/collections/table.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/button.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/divider.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/flag.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/header.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/icon.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/image.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/input.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/label.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/list.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/loader.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/rail.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/reveal.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/segment.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/elements/step.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/globals/reset.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/globals/site.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/globals/site.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/accordion.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/accordion.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/checkbox.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/checkbox.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/dimmer.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/dimmer.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/dropdown.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/dropdown.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/modal.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/modal.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/nag.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/nag.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/popup.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/popup.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/progress.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/progress.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/rating.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/rating.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/search.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/search.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/shape.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/shape.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/sidebar.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/sidebar.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/sticky.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/sticky.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/tab.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/tab.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/transition.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/transition.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/video.js delete mode 100755 client/assets/less/lib/semantic/src/definitions/modules/video.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/views/ad.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/views/card.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/views/comment.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/views/feed.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/views/item.less delete mode 100755 client/assets/less/lib/semantic/src/definitions/views/statistic.less delete mode 100755 client/assets/less/lib/semantic/src/semantic.less delete mode 100755 client/assets/less/lib/semantic/src/site/collections/breadcrumb.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/collections/breadcrumb.variables delete mode 100755 client/assets/less/lib/semantic/src/site/collections/form.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/collections/form.variables delete mode 100755 client/assets/less/lib/semantic/src/site/collections/grid.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/collections/grid.variables delete mode 100755 client/assets/less/lib/semantic/src/site/collections/menu.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/collections/menu.variables delete mode 100755 client/assets/less/lib/semantic/src/site/collections/message.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/collections/message.variables delete mode 100755 client/assets/less/lib/semantic/src/site/collections/table.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/collections/table.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/divider.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/divider.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/flag.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/flag.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/header.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/header.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/icon.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/icon.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/image.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/image.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/input.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/input.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/label.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/label.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/list.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/list.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/loader.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/loader.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/rail.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/rail.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/reveal.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/reveal.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/segment.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/segment.variables delete mode 100755 client/assets/less/lib/semantic/src/site/elements/step.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/elements/step.variables delete mode 100755 client/assets/less/lib/semantic/src/site/globals/reset.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/globals/reset.variables delete mode 100755 client/assets/less/lib/semantic/src/site/globals/site.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/globals/site.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/accordion.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/accordion.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/chatroom.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/chatroom.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/checkbox.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/checkbox.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/dimmer.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/dimmer.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/dropdown.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/dropdown.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/modal.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/modal.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/nag.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/nag.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/popup.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/popup.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/progress.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/progress.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/rating.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/rating.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/search.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/search.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/shape.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/shape.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/sidebar.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/sidebar.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/sticky.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/sticky.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/tab.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/tab.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/transition.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/transition.variables delete mode 100755 client/assets/less/lib/semantic/src/site/modules/video.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/modules/video.variables delete mode 100755 client/assets/less/lib/semantic/src/site/views/ad.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/views/ad.variables delete mode 100755 client/assets/less/lib/semantic/src/site/views/card.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/views/card.variables delete mode 100755 client/assets/less/lib/semantic/src/site/views/comment.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/views/comment.variables delete mode 100755 client/assets/less/lib/semantic/src/site/views/feed.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/views/feed.variables delete mode 100755 client/assets/less/lib/semantic/src/site/views/item.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/views/item.variables delete mode 100755 client/assets/less/lib/semantic/src/site/views/statistic.overrides delete mode 100755 client/assets/less/lib/semantic/src/site/views/statistic.variables delete mode 100755 client/assets/less/lib/semantic/src/theme.config delete mode 100755 client/assets/less/lib/semantic/src/theme.less delete mode 100755 client/assets/less/lib/semantic/src/themes/amazon/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/amazon/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/collections/table.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/collections/table.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/elements/icon.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/elements/icon.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/elements/step.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/elements/step.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/globals/reset.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/globals/reset.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/modules/progress.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/modules/progress.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/views/card.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/basic/views/card.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/bookish/elements/header.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/bookish/elements/header.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/bootstrap3/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/bootstrap3/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/collections/form.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/collections/form.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/elements/header.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/elements/header.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/modules/accordion.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/modules/accordion.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/views/comment.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/chubby/views/comment.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/collections/table.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/collections/table.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/elements/header.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/elements/header.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/modules/progress.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/modules/progress.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/views/card.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/classic/views/card.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/breadcrumb.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/breadcrumb.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/form.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/form.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/grid.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/grid.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/menu.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/menu.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/message.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/message.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/table.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/collections/table.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/divider.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/divider.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/flag.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/flag.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/header.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/header.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/icon.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/icon.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/image.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/image.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/input.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/input.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/label.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/label.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/list.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/list.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/loader.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/loader.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/rail.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/rail.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/reveal.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/reveal.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/segment.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/segment.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/step.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/elements/step.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/globals/reset.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/globals/reset.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/globals/site.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/accordion.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/accordion.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/chatroom.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/chatroom.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/checkbox.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/checkbox.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/dimmer.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/dimmer.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/dropdown.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/dropdown.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/modal.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/modal.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/nag.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/nag.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/popup.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/popup.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/progress.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/progress.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/rating.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/rating.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/search.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/search.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/shape.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/shape.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/sidebar.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/sidebar.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/sticky.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/sticky.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/tab.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/tab.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/transition.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/transition.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/video.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/modules/video.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/ad.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/ad.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/card.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/card.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/comment.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/comment.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/feed.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/feed.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/item.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/item.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/statistic.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/default/views/statistic.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/duo/elements/loader.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/duo/elements/loader.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/fixed-width/collections/grid.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/fixed-width/collections/grid.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/fixed-width/modules/modal.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/fixed-width/modules/modal.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/flat/collections/form.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/flat/collections/form.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/flat/globals/site.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/flat/globals/site.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/github/collections/form.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/github/collections/form.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/github/collections/menu.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/github/collections/menu.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/github/collections/message.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/github/collections/message.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/github/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/github/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/github/elements/segment.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/github/elements/segment.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/github/elements/step.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/github/elements/step.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/gmail/collections/message.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/gmail/collections/message.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/material/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/material/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/material/elements/header.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/material/elements/header.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/material/globals/site.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/material/modules/modal.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/material/modules/modal.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/pulsar/elements/loader.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/pulsar/elements/loader.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/raised/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/raised/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/resetcss/globals/reset.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/resetcss/globals/reset.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/round/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/round/elements/button.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/rtl/globals/site.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/rtl/globals/site.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/striped/modules/progress.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/striped/modules/progress.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/timeline/views/feed.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/timeline/views/feed.variables delete mode 100755 client/assets/less/lib/semantic/src/themes/twitter/elements/button.overrides delete mode 100755 client/assets/less/lib/semantic/src/themes/twitter/elements/button.variables rename client/assets/less/lib/semantic/{src => }/themes/basic/assets/fonts/icons.eot (100%) rename client/assets/less/lib/semantic/{src => }/themes/basic/assets/fonts/icons.svg (100%) rename client/assets/less/lib/semantic/{src => }/themes/basic/assets/fonts/icons.ttf (100%) rename client/assets/less/lib/semantic/{src => }/themes/basic/assets/fonts/icons.woff (100%) rename client/assets/less/lib/semantic/{src => }/themes/default/assets/fonts/icons.eot (100%) rename client/assets/less/lib/semantic/{src => }/themes/default/assets/fonts/icons.svg (100%) rename client/assets/less/lib/semantic/{src => }/themes/default/assets/fonts/icons.ttf (100%) rename client/assets/less/lib/semantic/{src => }/themes/default/assets/fonts/icons.woff (100%) rename client/assets/less/lib/semantic/{src => }/themes/default/assets/fonts/icons.woff2 (100%) rename client/assets/less/lib/semantic/{src => }/themes/default/assets/images/flags.png (100%) diff --git a/client/assets/less/lib/semantic/custom.less b/client/assets/less/lib/semantic/custom.less new file mode 100644 index 0000000..9e2e255 --- /dev/null +++ b/client/assets/less/lib/semantic/custom.less @@ -0,0 +1,32657 @@ +/* +* # Semantic UI - x.x +* https://github.com/Semantic-Org/Semantic-UI +* http://www.semantic-ui.com/ +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ +@import 'https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic&subset=latin'; +@import url(http://fonts.googleapis.com/css?family=Roboto); +@import url(http://fonts.googleapis.com/css?family=Roboto); +@import url(http://fonts.googleapis.com/css?family=Roboto); +/*! +* # Semantic UI x.x - Reset +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Reset +*******************************/ + +/* Border-Box */ + +*, +*:before, +*:after { + box-sizing: inherit; +} + +html { + box-sizing: border-box; +} + +/* iPad Input Shadows */ + +input[type="text"], +input[type="email"], +input[type="search"], +input[type="password"] { + -webkit-appearance: none; + -moz-appearance: none; + /* mobile firefox too! */ +} + +/******************************* + Theme Overrides +*******************************/ + +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ + +/** +* Correct `block` display not defined in IE 8/9. +*/ + +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ + +/** +* 1. Set default font family to sans-serif. +* 2. Prevent iOS text size adjust after orientation change, without disabling +* user zoom. +*/ + +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} + +/** +* Remove default margin. +*/ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** +* Correct `block` display not defined for any HTML5 element in IE 8/9. +* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. +* Correct `block` display not defined for `main` in IE 11. +*/ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +/** +* 1. Correct `inline-block` display not defined in IE 8/9. +* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. +*/ + +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ +} + +/** +* Prevent modern browsers from displaying `audio` without controls. +* Remove excess height in iOS 5 devices. +*/ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** +* Address `[hidden]` styling not present in IE 8/9/10. +* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. +*/ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** +* Remove the gray background color from active links in IE 10. +*/ + +a { + background: transparent; +} + +/** +* Improve readability when focused and also mouse hovered in all browsers. +*/ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** +* Address styling not present in IE 8/9/10/11, Safari, and Chrome. +*/ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** +* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. +*/ + +b, +strong { + font-weight: bold; +} + +/** +* Address styling not present in Safari and Chrome. +*/ + +dfn { + font-style: italic; +} + +/** +* Address variable `h1` font-size and margin within `section` and `article` +* contexts in Firefox 4+, Safari, and Chrome. +*/ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** +* Address styling not present in IE 8/9. +*/ + +mark { + background: #ff0; + color: #000; +} + +/** +* Address inconsistent and variable font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/** +* Prevent `sub` and `sup` affecting `line-height` in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** +* Remove border when inside `a` element in IE 8/9/10. +*/ + +img { + border: 0; +} + +/** +* Correct overflow not hidden in IE 9/10/11. +*/ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** +* Address margin not present in IE 8/9 and Safari. +*/ + +figure { + margin: 1em 40px; +} + +/** +* Address differences between Firefox and other browsers. +*/ + +hr { + box-sizing: content-box; + height: 0; +} + +/** +* Contain overflow in all browsers. +*/ + +pre { + overflow: auto; +} + +/** +* Address odd `em`-unit font size rendering in all browsers. +*/ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** +* Known limitation: by default, Chrome and Safari on OS X allow very limited +* styling of `select`, unless a `border` property is set. +*/ + +/** +* 1. Correct color not being inherited. +* Known issue: affects color of disabled elements. +* 2. Correct font properties not being inherited. +* 3. Address margins set differently in Firefox 4+, Safari, and Chrome. +*/ + +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ +} + +/** +* Address `overflow` set to `hidden` in IE 8/9/10/11. +*/ + +button { + overflow: visible; +} + +/** +* Address inconsistent `text-transform` inheritance for `button` and `select`. +* All other form control elements do not inherit `text-transform` values. +* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. +* Correct `select` style inheritance in Firefox. +*/ + +button, +select { + text-transform: none; +} + +/** +* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` +* and `video` controls. +* 2. Correct inability to style clickable `input` types in iOS. +* 3. Improve usability and consistency of cursor style between image-type +* `input` and others. +*/ + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ +} + +/** +* Re-set default cursor for disabled elements. +*/ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** +* Remove inner padding and border in Firefox 4+. +*/ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** +* Address Firefox 4+ setting `line-height` on `input` using `!important` in +* the UA stylesheet. +*/ + +input { + line-height: normal; +} + +/** +* It's recommended that you don't attempt to style these elements. +* Firefox's implementation doesn't respect box-sizing, padding, or width. +* +* 1. Address box sizing set to `content-box` in IE 8/9/10. +* 2. Remove excess padding in IE 8/9/10. +*/ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ +} + +/** +* Fix the cursor style for Chrome's increment/decrement buttons. For certain +* `font-size` values of the `input`, it causes the cursor style of the +* decrement button to change from `default` to `text`. +*/ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** +* 1. Address `appearance` set to `searchfield` in Safari and Chrome. +* 2. Address `box-sizing` set to `border-box` in Safari and Chrome +* (include `-moz` to future-proof). +*/ + +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + /* 2 */ + box-sizing: content-box; +} + +/** +* Remove inner padding and search cancel button in Safari and Chrome on OS X. +* Safari (but not Chrome) clips the cancel button when the search input has +* padding (and `textfield` appearance). +*/ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** +* Define consistent border, margin, and padding. +*/ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** +* 1. Correct `color` not being inherited in IE 8/9/10/11. +* 2. Remove padding so people aren't caught out if they zero out fieldsets. +*/ + +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ +} + +/** +* Remove default vertical scrollbar in IE 8/9/10/11. +*/ + +textarea { + overflow: auto; +} + +/** +* Don't inherit the `font-weight` (applied by a rule above). +* NOTE: the default cannot safely be changed in Chrome and Safari on OS X. +*/ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** +* Remove most spacing between table cells. +*/ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI - Site +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Page +*******************************/ + +html, +body { + height: 100%; +} + +html { + font-size: 14px; +} + +body { + margin: 0px; + padding: 0px; + min-width: 281px; + background: #f9f9f9; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 13px; + line-height: 1.33; + color: #212121; + font-smoothing: antialiased; +} + +/******************************* + Headers +*******************************/ + +h1, +h2, +h3, +h4, +h5 { + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + line-height: 1.33em; + margin: -webkit-calc(2rem - 0.165em ) 0em 1rem; + margin: calc(2rem - 0.165em ) 0em 1rem; + font-weight: 400; + padding: 0em; +} + +h1 { + min-height: 1rem; + font-size: 2.25rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +/******************************* + Text +*******************************/ + +p { + margin: 0em 0em 1.53em; + line-height: 1.7em; +} + +p:first-child { + margin-top: 0em; +} + +p:last-child { + margin-bottom: 0em; +} + +/*------------------- + Links +--------------------*/ + +a { + color: #009fda; + text-decoration: none; +} + +a:hover { + color: #00b2f3; +} + +/******************************* + Highlighting +*******************************/ + +/* Site */ + +::-webkit-selection { + background-color: #009fda; + color: #ffffff; +} + +::-moz-selection { + background-color: #009fda; + color: #ffffff; +} + +::selection { + background-color: #009fda; + color: #ffffff; +} + +/* Form */ + +textarea::-webkit-selection, +input::-webkit-selection { + background-color: rgba(100, 100, 100, 0.4); + color: #212121; +} + +textarea::-moz-selection, +input::-moz-selection { + background-color: rgba(100, 100, 100, 0.4); + color: #212121; +} + +textarea::selection, +input::selection { + background-color: rgba(100, 100, 100, 0.4); + color: #212121; +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI - Button +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Button +*******************************/ + +.ui.button { + cursor: pointer; + display: inline-block; + min-height: 1em; + outline: none; + border: none; + vertical-align: baseline; + background-color: #ffffff; + color: #212121; + font-family: 'Roboto', Arial, sans-serif; + margin: 0em 0.25em 0em 0em; + padding: 0.8em 0.8em 0.8em; + text-transform: none; + text-shadow: none; + font-weight: normal; + line-height: 1; + font-style: normal; + text-align: center; + text-decoration: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.02)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.02)); + border-radius: 0.15384615em; + box-shadow: 0px 0px 0px 1px #dddddd, 0px 0px 0px 0px transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; + transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; + will-change: ''; + -webkit-tap-highlight-color: transparent; +} + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + +.ui.button:hover { + background-color: #ffffff; + background-image: none; + box-shadow: 0px 0px 0px 1px #dddddd, 0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important; + color: rgba(0, 0, 0, 0.8); +} + +.ui.button:hover .icon { + opacity: 0.85; +} + +/*-------------- + Focus +---------------*/ + +.ui.button:focus { + background-color: ''; + color: rgba(0, 0, 0, 0.8); + background-image: '' !important; + box-shadow: 0px 0px 0px 1px #dddddd, 0px 0px 1px rgba(81, 167, 232, 0.8) inset, 0px 0px 3px 2px rgba(81, 167, 232, 0.8) !important; +} + +.ui.button:focus .icon { + opacity: 0.85; +} + +/*-------------- + Down +---------------*/ + +.ui.button:active, +.ui.active.button:active { + background-color: #ffffff; + background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)); + background-image: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)); + color: rgba(0, 0, 0, 0.8); + box-shadow: 0px 0px 0px 1px #dddddd; +} + +/*-------------- + Active +---------------*/ + +.ui.active.button { + background-color: #f0f0f0; + background-image: none; + box-shadow: 0px 0px 0px 1px #dddddd; + color: rgba(0, 0, 0, 0.8); +} + +.ui.active.button:hover { + background-color: #f0f0f0; + background-image: none; + color: rgba(0, 0, 0, 0.8); +} + +.ui.active.button:active { + background-color: #f0f0f0; + background-image: none; +} + +/*-------------- + Loading +---------------*/ + +/* Specificity hack */ + +.ui.loading.loading.loading.loading.loading.loading.button { + position: relative; + cursor: default; + text-shadow: none !important; + color: transparent !important; + opacity: 1; + pointer-events: none; + -webkit-transition: all 0s linear, opacity 0.2s ease; + transition: all 0s linear, opacity 0.2s ease; +} + +.ui.loading.button:before { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285em 0em 0em -0.64285em; + width: 1.2857em; + height: 1.2857em; + border-radius: 500rem; + border: 0.2em solid rgba(0, 0, 0, 0.15); +} + +.ui.loading.button:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285em 0em 0em -0.64285em; + width: 1.2857em; + height: 1.2857em; + -webkit-animation: button-spin 0.6s linear; + animation: button-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #ffffff transparent transparent; + border-style: solid; + border-width: 0.2em; + box-shadow: 0px 0px 0px 1px transparent; +} + +.ui.labeled.icon.loading.button .icon { + background-color: transparent; + box-shadow: none; +} + +@-webkit-keyframes button-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes button-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.ui.basic.loading.button:not(.inverted):before { + border-color: rgba(0, 0, 0, 0.1); +} + +.ui.basic.loading.button:not(.inverted):after { + border-top-color: #aaaaaa; +} + +/*------------------- + Disabled +--------------------*/ + +.ui.buttons .disabled.button, +.ui.disabled.button, +.ui.button:disabled, +.ui.disabled.button:hover, +.ui.disabled.active.button { + cursor: default; + background-color: #dcddde !important; + color: rgba(0, 0, 0, 0.4) !important; + opacity: 0.3 !important; + background-image: none !important; + box-shadow: none !important; + pointer-events: none; +} + +/* Basic Group With Disabled */ + +.ui.basic.buttons .ui.disabled.button { + border-color: rgba(39, 41, 43, 0.5); +} + +/******************************* + Types +*******************************/ + +/*------------------- + Animated +--------------------*/ + +.ui.animated.button { + position: relative; + overflow: hidden; + vertical-align: middle; + padding-right: 0em !important; +} + +.ui.animated.button .content { + will-change: transform, opacity; +} + +.ui.animated.button .visible.content { + position: relative; + margin-right: 0.8em; +} + +.ui.animated.button .hidden.content { + position: absolute; + width: 100%; +} + +/* Horizontal */ + +.ui.animated.button .visible.content, +.ui.animated.button .hidden.content { + -webkit-transition: right 0.3s ease 0s; + transition: right 0.3s ease 0s; +} + +.ui.animated.button .visible.content { + left: auto; + right: 0%; +} + +.ui.animated.button .hidden.content { + top: 50%; + left: auto; + right: -100%; + margin-top: -0.5em; +} + +.ui.animated.button:hover .visible.content { + left: auto; + right: 200%; +} + +.ui.animated.button:hover .hidden.content { + left: auto; + right: 0%; +} + +/* Vertical */ + +.ui.vertical.animated.button .visible.content, +.ui.vertical.animated.button .hidden.content { + -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease; + transition: top 0.3s ease, transform 0.3s ease; +} + +.ui.vertical.animated.button .visible.content { + -webkit-transform: translateY(0%); + -ms-transform: translateY(0%); + transform: translateY(0%); + right: auto; +} + +.ui.vertical.animated.button .hidden.content { + top: -50%; + left: 0%; + right: auto; +} + +.ui.vertical.animated.button:hover .visible.content { + -webkit-transform: translateY(200%); + -ms-transform: translateY(200%); + transform: translateY(200%); + right: auto; +} + +.ui.vertical.animated.button:hover .hidden.content { + top: 50%; + right: auto; +} + +/* Fade */ + +.ui.fade.animated.button .visible.content, +.ui.fade.animated.button .hidden.content { + -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; + transition: opacity 0.3s ease, transform 0.3s ease; +} + +.ui.fade.animated.button .visible.content { + left: auto; + right: auto; + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} + +.ui.fade.animated.button .hidden.content { + opacity: 0; + left: 0%; + right: auto; + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); +} + +.ui.fade.animated.button:hover .visible.content { + left: auto; + right: auto; + opacity: 0; + -webkit-transform: scale(0.75); + -ms-transform: scale(0.75); + transform: scale(0.75); +} + +.ui.fade.animated.button:hover .hidden.content { + left: 0%; + right: auto; + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} + +/*------------------- + Inverted +--------------------*/ + +.ui.inverted.button { + box-shadow: 0px 0px 0px 1px #ffffff inset !important; + background: transparent none; + color: #ffffff; + text-shadow: none !important; +} + +.ui.inverted.buttons .button { + margin: 0px 0px 0px -1px; +} + +.ui.inverted.buttons .button:first-child { + margin-left: 0em; +} + +.ui.inverted.vertical.buttons .button { + margin: 0px 0px -1px 0px; +} + +.ui.inverted.vertical.buttons .button:first-child { + margin-top: 0em; +} + +.ui.inverted.buttons .button:hover { + position: relative; +} + +.ui.inverted.button:hover { + background: #ffffff; + box-shadow: 0px 0px 0px 1px #ffffff inset !important; + color: rgba(0, 0, 0, 0.8); +} + +/*------------------- + Social +--------------------*/ + +/* Facebook */ + +.ui.facebook.button { + background-color: #3b579d; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.facebook.button:hover { + background-color: #3f5da8; + color: #ffffff; + text-shadow: none; +} + +.ui.facebook.button:active { + background-color: #314983; + color: #ffffff; + text-shadow: none; +} + +/* Twitter */ + +.ui.twitter.button { + background-color: #4092cc; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.twitter.button:hover { + background-color: #4c99cf; + color: #ffffff; + text-shadow: none; +} + +.ui.twitter.button:active { + background-color: #3180b7; + color: #ffffff; + text-shadow: none; +} + +/* Google Plus */ + +.ui.google.plus.button { + background-color: #d34836; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.google.plus.button:hover { + background-color: #d65343; + color: #ffffff; + text-shadow: none; +} + +.ui.google.plus.button:active { + background-color: #bc3a29; + color: #ffffff; + text-shadow: none; +} + +/* Linked In */ + +.ui.linkedin.button { + background-color: #1f88be; + color: #ffffff; + text-shadow: none; +} + +.ui.linkedin.button:hover { + background-color: #2191cb; + color: #ffffff; + text-shadow: none; +} + +.ui.linkedin.button:active { + background-color: #1a729f; + color: #ffffff; + text-shadow: none; +} + +/* YouTube */ + +.ui.youtube.button { + background-color: #cc181e; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.youtube.button:hover { + background-color: #da1a20; + color: #ffffff; + text-shadow: none; +} + +.ui.youtube.button:active { + background-color: #ac1419; + color: #ffffff; + text-shadow: none; +} + +/* Instagram */ + +.ui.instagram.button { + background-color: #49769c; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.instagram.button:hover { + background-color: #4e7ea6; + color: #ffffff; + text-shadow: none; +} + +.ui.instagram.button:active { + background-color: #3e6484; + color: #ffffff; + text-shadow: none; +} + +/* Pinterest */ + +.ui.pinterest.button { + background-color: #00aced; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.pinterest.button:hover { + background-color: #00b7fc; + color: #ffffff; + text-shadow: none; +} + +.ui.pinterest.button:active { + background-color: #0092c9; + color: #ffffff; + text-shadow: none; +} + +/* VK */ + +.ui.vk.button { + background-color: #4D7198; + color: #ffffff; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.vk.button:hover { + background-color: #5279a2; + color: #ffffff; +} + +.ui.vk.button:active { + background-color: #415f80; + color: #ffffff; +} + +/*-------------- + Icon +---------------*/ + +.ui.button > .icon { + opacity: 0.8; + margin: 0em 0.4em 0em -0.2em; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + vertical-align: baseline; + color: ''; +} + +.ui.button > .right.icon { + margin: 0em -0.2em 0em 0.4em; +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Floated +--------------------*/ + +.ui[class*="left floated"].buttons, +.ui[class*="left floated"].button { + float: left; + margin-left: 0em; + margin-right: 0.25em; +} + +.ui[class*="right floated"].buttons, +.ui[class*="right floated"].button { + float: right; + margin-right: 0em; + margin-left: 0.25em; +} + +/*------------------- + Compact +--------------------*/ + +.ui.compact.buttons .button, +.ui.compact.button { + padding: 0.6em 0.6em 0.6em; +} + +.ui.compact.icon.buttons .button, +.ui.compact.icon.button { + padding: 0.6em 0.6em 0.6em; +} + +.ui.compact.labeled.icon.buttons .button, +.ui.compact.labeled.icon.button { + padding: 0.6em 2.6em 0.6em; +} + +/*------------------- + Sizes +--------------------*/ + +.ui.mini.buttons .button, +.ui.mini.buttons .or, +.ui.mini.button { + font-size: 0.71428571rem; +} + +.ui.tiny.buttons .button, +.ui.tiny.buttons .or, +.ui.tiny.button { + font-size: 0.85714286rem; +} + +.ui.small.buttons .button, +.ui.small.buttons .or, +.ui.small.button { + font-size: 0.92857143rem; +} + +.ui.buttons .button, +.ui.buttons .or, +.ui.button { + font-size: 13px; +} + +.ui.large.buttons .button, +.ui.large.buttons .or, +.ui.large.button { + font-size: 1.14285714rem; +} + +.ui.big.buttons .button, +.ui.big.buttons .or, +.ui.big.button { + font-size: 1.28571429rem; +} + +.ui.huge.buttons .button, +.ui.huge.buttons .or, +.ui.huge.button { + font-size: 1.42857143rem; +} + +.ui.massive.buttons .button, +.ui.massive.buttons .or, +.ui.massive.button { + font-size: 1.71428571rem; +} + +/*-------------- + Icon Only +---------------*/ + +.ui.icon.buttons .button, +.ui.icon.button { + padding: 0.8em 0.8em 0.8em; +} + +.ui.icon.buttons .button > .icon, +.ui.icon.button > .icon { + opacity: 0.9; + margin: 0em; + vertical-align: top; +} + +/*------------------- + Basic +--------------------*/ + +.ui.basic.buttons .button, +.ui.basic.button { + background: transparent !important; + background-image: none; + color: #212121 !important; + font-weight: normal; + border-radius: 4px; + text-transform: none; + text-shadow: none !important; + box-shadow: 0px 0px 0px 0px rgba(39, 41, 43, 0.15) inset; +} + +.ui.basic.buttons { + box-shadow: 0px 0px 0px 0px rgba(39, 41, 43, 0.15); + border-radius: 0.15384615em; +} + +.ui.basic.buttons .button { + border-radius: 0em; +} + +.ui.basic.buttons .button:hover, +.ui.basic.button:hover { + background: #ffffff !important; + color: rgba(0, 0, 0, 0.8) !important; + box-shadow: 0px 0px 0px 1px #dddddd, 0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important; +} + +.ui.basic.buttons .button:active, +.ui.basic.button:active { + background: #ffffff !important; + color: rgba(0, 0, 0, 0.8) !important; + box-shadow: 0px 0px 0px 1px #dddddd; +} + +.ui.basic.buttons .active.button, +.ui.basic.active.button { + background: #ffffff !important; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important; + color: rgba(0, 0, 0, 0.8); + box-shadow: rgba(39, 41, 43, 0.3); +} + +.ui.basic.buttons .active.button:hover, +.ui.basic.active.button:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +/* Vertical */ + +.ui.basic.buttons .button:hover { + box-shadow: 0px 0px 0px 1px #dddddd, 0px 2px 3px 0px rgba(0, 0, 0, 0.2) inset !important; +} + +.ui.basic.buttons .button:active { + box-shadow: 0px 0px 0px 1px #dddddd inset; +} + +.ui.basic.buttons .active.button { + box-shadow: rgba(39, 41, 43, 0.3) inset; +} + +/* Standard Basic Inverted */ + +.ui.basic.inverted.buttons .button, +.ui.basic.inverted.button { + background-color: transparent !important; + color: #fafafa !important; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; +} + +.ui.basic.inverted.buttons .button:hover, +.ui.basic.inverted.button:hover { + color: #ffffff !important; + box-shadow: 0px 0px 0px 1px #ffffff inset !important; +} + +.ui.basic.inverted.buttons .button:active, +.ui.basic.inverted.button:active { + background-color: rgba(255, 255, 255, 0.05) !important; + color: #ffffff !important; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.9) inset !important; +} + +.ui.basic.inverted.buttons .active.button, +.ui.basic.inverted.active.button { + background-color: rgba(255, 255, 255, 0.05); + color: #ffffff; + text-shadow: none; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.7) inset; +} + +.ui.basic.inverted.buttons .active.button:hover, +.ui.basic.inverted.active.button:hover { + background-color: rgba(255, 255, 255, 0.07); + box-shadow: 0px 0px 0px 1px #ffffff inset !important; +} + +/* Basic Group */ + +.ui.basic.buttons .button { + border-left: 0px solid rgba(39, 41, 43, 0.15); + box-shadow: none; +} + +.ui.basic.vertical.buttons .button { + border-left: none; +} + +.ui.basic.vertical.buttons .button { + border-left-width: 0px; + border-top: 0px solid rgba(39, 41, 43, 0.15); +} + +.ui.basic.vertical.buttons .button:first-child { + border-top-width: 0px; +} + +/*-------------- + Labeled Icon +---------------*/ + +.ui.labeled.icon.buttons .button, +.ui.labeled.icon.button { + position: relative; + padding-left: 2.8em !important; + padding-right: 0.8em !important; +} + +/* Left Labeled */ + +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + position: absolute; + width: 2em; + height: 100%; + background-color: transparent; + text-align: center; + color: ''; + border-radius: 0.15384615em 0px 0px 0.15384615em; + line-height: 1; + box-shadow: -1px 0px 0px 0px transparent inset; +} + +/* Left Labeled */ + +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + top: 0em; + left: 0em; +} + +/* Right Labeled */ + +.ui[class*="right labeled"].icon.button { + padding-right: 2.8em !important; + padding-left: 0.8em !important; +} + +.ui[class*="right labeled"].icon.button > .icon { + left: auto; + right: 0em; + border-radius: 0em 0.15384615em 0.15384615em 0em; + box-shadow: 1px 0px 0px 0px transparent inset; +} + +.ui.labeled.icon.buttons > .button > .icon:before, +.ui.labeled.icon.button > .icon:before, +.ui.labeled.icon.buttons > .button > .icon:after, +.ui.labeled.icon.button > .icon:after { + display: block; + position: absolute; + width: 100%; + top: 50%; + text-align: center; + margin-top: -0.5em; +} + +.ui.labeled.icon.buttons .button > .icon { + border-radius: 0em; +} + +.ui.labeled.icon.buttons .button:first-child > .icon { + border-top-left-radius: 0.15384615em; + border-bottom-left-radius: 0.15384615em; +} + +.ui.labeled.icon.buttons .button:last-child > .icon { + border-top-right-radius: 0.15384615em; + border-bottom-right-radius: 0.15384615em; +} + +.ui.vertical.labeled.icon.buttons .button:first-child > .icon { + border-radius: 0em; + border-top-left-radius: 0.15384615em; +} + +.ui.vertical.labeled.icon.buttons .button:last-child > .icon { + border-radius: 0em; + border-bottom-left-radius: 0.15384615em; +} + +/* Fluid Labeled */ + +.ui.fluid[class*="left labeled"].icon.button, +.ui.fluid[class*="right labeled"].icon.button { + padding-left: 0.8em !important; + padding-right: 0.8em !important; +} + +/*-------------- + Toggle +---------------*/ + +/* Toggle (Modifies active state to give affordances) */ + +.ui.toggle.buttons .active.button, +.ui.buttons .button.toggle.active, +.ui.button.toggle.active { + background-color: #3d9400 !important; + box-shadow: none !important; + text-shadow: none; + color: #ffffff !important; +} + +.ui.button.toggle.active:hover { + background-color: #43a300 !important; + text-shadow: none; + color: #ffffff !important; +} + +/*-------------- + Circular +---------------*/ + +.ui.circular.button { + border-radius: 10em; +} + +.ui.circular.button > .icon { + width: 1em; + vertical-align: baseline; +} + +/*-------------- + Attached +---------------*/ + +.ui.attached.button { + display: block; + margin: 0em; + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) !important; + border-radius: 0em; +} + +.ui.attached.top.button { + border-radius: 0.15384615em 0.15384615em 0em 0em; +} + +.ui.attached.bottom.button { + border-radius: 0em 0em 0.15384615em 0.15384615em; +} + +.ui.attached.left.button { + display: inline-block; + border-left: none; + padding-right: 0.75em; + text-align: right; + border-radius: 0.15384615em 0em 0em 0.15384615em; +} + +.ui.attached.right.button { + display: inline-block; + padding-left: 0.75em; + text-align: left; + border-radius: 0em 0.15384615em 0.15384615em 0em; +} + +/*------------------- + Or Buttons +--------------------*/ + +.ui.buttons .or { + position: relative; + float: left; + width: 0.3em; + height: 2.6em; + z-index: 3; +} + +.ui.buttons .or:before { + position: absolute; + text-align: center; + border-radius: 500rem; + content: 'or'; + top: 50%; + left: 50%; + background-color: #ffffff; + text-shadow: none; + margin-top: -0.9em; + margin-left: -0.9em; + width: 1.8em; + height: 1.8em; + line-height: 1.8em; + color: rgba(0, 0, 0, 0.4); + font-style: normal; + font-weight: bold; + box-shadow: 0px 0px 0px 1px #dddddd; +} + +.ui.buttons .or[data-text]:before { + content: attr(data-text); +} + +/* Fluid Or */ + +.ui.fluid.buttons .or { + width: 0em !important; +} + +.ui.fluid.buttons .or:after { + display: none; +} + +/*------------------- + Attached +--------------------*/ + +/* Plural Attached */ + +.attached.ui.buttons { + margin: 0px; + border-radius: 0em 0em 0em 0em; +} + +.attached.ui.buttons .button { + margin: 0em; +} + +.attached.ui.buttons .button:first-child { + border-radius: 0em 0em 0em 0em; +} + +.attached.ui.buttons .button:last-child { + border-radius: 0em 0em 0em 0em; +} + +/* Top Side */ + +[class*="top attached"].ui.buttons { + margin-bottom: -1px; + border-radius: 0.15384615em 0.15384615em 0em 0em; +} + +[class*="top attached"].ui.buttons .button:first-child { + border-radius: 0.15384615em 0em 0em 0em; +} + +[class*="top attached"].ui.buttons .button:last-child { + border-radius: 0em 0.15384615em 0em 0em; +} + +/* Bottom Side */ + +[class*="bottom attached"].ui.buttons { + margin-top: -1px; + border-radius: 0em 0em 0.15384615em 0.15384615em; +} + +[class*="bottom attached"].ui.buttons .button:first-child { + border-radius: 0em 0em 0em 0.15384615em; +} + +[class*="bottom attached"].ui.buttons .button:last-child { + border-radius: 0em 0em 0.15384615em 0em; +} + +/* Left Side */ + +[class*="left attached"].ui.buttons { + margin-left: -1px; + border-radius: 0em 0.15384615em 0.15384615em 0em; +} + +[class*="left attached"].ui.buttons .button:first-child { + margin-left: -1px; + border-radius: 0em 0.15384615em 0em 0em; +} + +[class*="left attached"].ui.buttons .button:last-child { + margin-left: -1px; + border-radius: 0em 0em 0.15384615em 0em; +} + +/* Right Side */ + +[class*="right attached"].ui.buttons, +[class*="right attached"].ui.buttons .button { + margin-right: -1px; + border-radius: 0.15384615em 0em 0em 0.15384615em; +} + +[class*="right attached"].ui.buttons .button:first-child { + margin-left: -1px; + border-radius: 0.15384615em 0em 0em 0em; +} + +[class*="right attached"].ui.buttons .button:last-child { + margin-left: -1px; + border-radius: 0em 0em 0em 0.15384615em; +} + +/* Fluid */ + +.ui.fluid.buttons, +.ui.button.fluid, +.ui.fluid.buttons > .button { + display: block; + width: 100%; +} + +.ui.\32.buttons, +.ui.two.buttons { + width: 100%; +} + +.ui.\32.buttons > .button, +.ui.two.buttons > .button { + width: 50%; +} + +.ui.\33.buttons, +.ui.three.buttons { + width: 100%; +} + +.ui.\33.buttons > .button, +.ui.three.buttons > .button { + width: 33.333%; +} + +.ui.\34.buttons, +.ui.four.buttons { + width: 100%; +} + +.ui.\34.buttons > .button, +.ui.four.buttons > .button { + width: 25%; +} + +.ui.\35.buttons, +.ui.five.buttons { + width: 100%; +} + +.ui.\35.buttons > .button, +.ui.five.buttons > .button { + width: 20%; +} + +.ui.\36.buttons, +.ui.six.buttons { + width: 100%; +} + +.ui.\36.buttons > .button, +.ui.six.buttons > .button { + width: 16.666%; +} + +.ui.\37.buttons, +.ui.seven.buttons { + width: 100%; +} + +.ui.\37.buttons > .button, +.ui.seven.buttons > .button { + width: 14.285%; +} + +.ui.\38.buttons, +.ui.eight.buttons { + width: 100%; +} + +.ui.\38.buttons > .button, +.ui.eight.buttons > .button { + width: 12.500%; +} + +.ui.\39.buttons, +.ui.nine.buttons { + width: 100%; +} + +.ui.\39.buttons > .button, +.ui.nine.buttons > .button { + width: 11.11%; +} + +.ui.\31\30.buttons, +.ui.ten.buttons { + width: 100%; +} + +.ui.\31\30.buttons > .button, +.ui.ten.buttons > .button { + width: 10%; +} + +.ui.\31\31.buttons, +.ui.eleven.buttons { + width: 100%; +} + +.ui.\31\31.buttons > .button, +.ui.eleven.buttons > .button { + width: 9.09%; +} + +.ui.\31\32.buttons, +.ui.twelve.buttons { + width: 100%; +} + +.ui.\31\32.buttons > .button, +.ui.twelve.buttons > .button { + width: 8.3333%; +} + +/* Fluid Vertical Buttons */ + +.ui.fluid.vertical.buttons, +.ui.fluid.vertical.buttons > .button { + display: block; + width: auto; +} + +.ui.\32.vertical.buttons > .button, +.ui.two.vertical.buttons > .button { + height: 50%; +} + +.ui.\33.vertical.buttons > .button, +.ui.three.vertical.buttons > .button { + height: 33.333%; +} + +.ui.\34.vertical.buttons > .button, +.ui.four.vertical.buttons > .button { + height: 25%; +} + +.ui.\35.vertical.buttons > .button, +.ui.five.vertical.buttons > .button { + height: 20%; +} + +.ui.\36.vertical.buttons > .button, +.ui.six.vertical.buttons > .button { + height: 16.666%; +} + +.ui.\37.vertical.buttons > .button, +.ui.seven.vertical.buttons > .button { + height: 14.285%; +} + +.ui.\38.vertical.buttons > .button, +.ui.eight.vertical.buttons > .button { + height: 12.500%; +} + +.ui.\39.vertical.buttons > .button, +.ui.nine.vertical.buttons > .button { + height: 11.11%; +} + +.ui.\31\30.vertical.buttons > .button, +.ui.ten.vertical.buttons > .button { + height: 10%; +} + +.ui.\31\31.vertical.buttons > .button, +.ui.eleven.vertical.buttons > .button { + height: 9.09%; +} + +.ui.\31\32.vertical.buttons > .button, +.ui.twelve.vertical.buttons > .button { + height: 8.3333%; +} + +/*------------------- + Colors +--------------------*/ + +/*--- Black ---*/ + +.ui.black.buttons .button, +.ui.black.button { + background-color: #1b1c1d; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.black.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.black.buttons .button:hover, +.ui.black.button:hover { + background-color: #1b1c1d; + color: #ffffff; + text-shadow: none; +} + +.ui.black.buttons .button:active, +.ui.black.button:active { + background-color: #0a0a0b; + color: #ffffff; + text-shadow: none; +} + +.ui.black.buttons .active.button, +.ui.black.buttons .active.button:active, +.ui.black.active.button, +.ui.black.button .active.button:active { + background-color: #0f0f10; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.black.buttons .button, +.ui.basic.black.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.black.buttons .button:hover, +.ui.basic.black.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #1b1c1d inset !important; + color: #1b1c1d !important; +} + +.ui.basic.black.buttons .button:active, +.ui.basic.black.button:active { + box-shadow: 0px 0px 0px 1px #0a0a0b inset !important; + color: #0a0a0b !important; +} + +.ui.basic.black.buttons .active.button, +.ui.basic.black.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #0a0a0b inset !important; + color: #0a0a0b !important; +} + +.ui.buttons > .basic.black.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.black.buttons .button, +.ui.inverted.black.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #dddddd inset !important; + color: #ffffff; +} + +.ui.inverted.black.buttons .button:hover, +.ui.inverted.black.button:hover { + box-shadow: 0px 0px 0px 1px #333333 inset !important; + background-color: #333333; + color: #ffffff; +} + +.ui.inverted.black.buttons .active.button, +.ui.inverted.black.active.button { + box-shadow: 0px 0px 0px 1px #333333 inset !important; + background-color: #333333; + color: #ffffff; +} + +.ui.inverted.black.buttons .button:active, +.ui.inverted.black.button:active { + box-shadow: 0px 0px 0px 1px #212121 inset !important; + background-color: #212121; + color: #ffffff; +} + +/* Inverted Basic */ + +.ui.inverted.black.basic.buttons .button, +.ui.inverted.black.buttons .basic.button, +.ui.inverted.black.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.black.basic.buttons .button:hover, +.ui.inverted.black.buttons .basic.button:hover, +.ui.inverted.black.basic.button:hover { + box-shadow: 0px 0px 0px 1px #333333 inset !important; + color: #ffffff !important; +} + +.ui.inverted.black.basic.buttons .active.button, +.ui.inverted.black.buttons .basic.active.button, +.ui.inverted.black.basic.active.button { + box-shadow: 0px 0px 0px 1px #333333 inset !important; + color: #ffffff !important; +} + +.ui.inverted.black.basic.buttons .button:active, +.ui.inverted.black.buttons .basic.button:active, +.ui.inverted.black.basic.button:active { + box-shadow: 0px 0px 0px 1px #212121 inset !important; + color: #ffffff !important; +} + +/*--- Blue ---*/ + +.ui.blue.buttons .button, +.ui.blue.button { + background-color: #2196f3; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.blue.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.blue.buttons .button:hover, +.ui.blue.button:hover { + background-color: #309df4; + color: #ffffff; + text-shadow: none; +} + +.ui.blue.buttons .button:active, +.ui.blue.button:active { + background-color: #0c84e4; + color: #ffffff; + text-shadow: none; +} + +.ui.blue.buttons .active.button, +.ui.blue.buttons .active.button:active, +.ui.blue.active.button, +.ui.blue.button .active.button:active { + background-color: #0d8aee; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.blue.buttons .button, +.ui.basic.blue.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.blue.buttons .button:hover, +.ui.basic.blue.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #309df4 inset !important; + color: #309df4 !important; +} + +.ui.basic.blue.buttons .button:active, +.ui.basic.blue.button:active { + box-shadow: 0px 0px 0px 1px #0c84e4 inset !important; + color: #0c84e4 !important; +} + +.ui.basic.blue.buttons .active.button, +.ui.basic.blue.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #0c84e4 inset !important; + color: #0c84e4 !important; +} + +.ui.buttons > .basic.blue.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.blue.buttons .button, +.ui.inverted.blue.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #2979ff inset !important; + color: #2979ff; +} + +.ui.inverted.blue.buttons .button:hover, +.ui.inverted.blue.button:hover { + box-shadow: 0px 0px 0px 1px #2979ff inset !important; + background-color: #2979ff; + color: #ffffff; +} + +.ui.inverted.blue.buttons .active.button, +.ui.inverted.blue.active.button { + box-shadow: 0px 0px 0px 1px #2979ff inset !important; + background-color: #2979ff; + color: #ffffff; +} + +.ui.inverted.blue.buttons .button:active, +.ui.inverted.blue.button:active { + box-shadow: 0px 0px 0px 1px #0563ff inset !important; + background-color: #0563ff; + color: #ffffff; +} + +/* Inverted Basic */ + +.ui.inverted.blue.basic.buttons .button, +.ui.inverted.blue.buttons .basic.button, +.ui.inverted.blue.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.blue.basic.buttons .button:hover, +.ui.inverted.blue.buttons .basic.button:hover, +.ui.inverted.blue.basic.button:hover { + box-shadow: 0px 0px 0px 1px #2979ff inset !important; + color: #2979ff !important; +} + +.ui.inverted.blue.basic.buttons .active.button, +.ui.inverted.blue.buttons .basic.active.button, +.ui.inverted.blue.basic.active.button { + box-shadow: 0px 0px 0px 1px #2979ff inset !important; + color: #2979ff !important; +} + +.ui.inverted.blue.basic.buttons .button:active, +.ui.inverted.blue.buttons .basic.button:active, +.ui.inverted.blue.basic.button:active { + box-shadow: 0px 0px 0px 1px #0563ff inset !important; + color: #2979ff !important; +} + +/*--- Green ---*/ + +.ui.green.buttons .button, +.ui.green.button { + background-color: #4caf50; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.green.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.green.buttons .button:hover, +.ui.green.button:hover { + background-color: #55b559; + color: #ffffff; + text-shadow: none; +} + +.ui.green.buttons .button:active, +.ui.green.button:active { + background-color: #419645; + color: #ffffff; + text-shadow: none; +} + +.ui.green.buttons .active.button, +.ui.green.buttons .active.button:active, +.ui.green.active.button, +.ui.green.button .active.button:active { + background-color: #449d48; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.green.buttons .button, +.ui.basic.green.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.green.buttons .button:hover, +.ui.basic.green.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #55b559 inset !important; + color: #55b559 !important; +} + +.ui.basic.green.buttons .button:active, +.ui.basic.green.button:active { + box-shadow: 0px 0px 0px 1px #419645 inset !important; + color: #419645 !important; +} + +.ui.basic.green.buttons .active.button, +.ui.basic.green.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #419645 inset !important; + color: #419645 !important; +} + +.ui.buttons > .basic.green.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.green.buttons .button, +.ui.inverted.green.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #00e676 inset !important; + color: #00e676; +} + +.ui.inverted.green.buttons .button:hover, +.ui.inverted.green.button:hover { + box-shadow: 0px 0px 0px 1px #00e676 inset !important; + background-color: #00e676; + color: #ffffff; +} + +.ui.inverted.green.buttons .active.button, +.ui.inverted.green.active.button { + box-shadow: 0px 0px 0px 1px #00e676 inset !important; + background-color: #00e676; + color: #ffffff; +} + +.ui.inverted.green.buttons .button:active, +.ui.inverted.green.button:active { + box-shadow: 0px 0px 0px 1px #00c264 inset !important; + background-color: #00c264; + color: #ffffff; +} + +/* Inverted Basic */ + +.ui.inverted.green.basic.buttons .button, +.ui.inverted.green.buttons .basic.button, +.ui.inverted.green.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.green.basic.buttons .button:hover, +.ui.inverted.green.buttons .basic.button:hover, +.ui.inverted.green.basic.button:hover { + box-shadow: 0px 0px 0px 1px #00e676 inset !important; + color: #00e676 !important; +} + +.ui.inverted.green.basic.buttons .active.button, +.ui.inverted.green.buttons .basic.active.button, +.ui.inverted.green.basic.active.button { + box-shadow: 0px 0px 0px 1px #00e676 inset !important; + color: #00e676 !important; +} + +.ui.inverted.green.basic.buttons .button:active, +.ui.inverted.green.buttons .basic.button:active, +.ui.inverted.green.basic.button:active { + box-shadow: 0px 0px 0px 1px #00c264 inset !important; + color: #00e676 !important; +} + +/*--- Orange ---*/ + +.ui.orange.buttons .button, +.ui.orange.button { + background-color: #ff9800; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.orange.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.orange.buttons .button:hover, +.ui.orange.button:hover { + background-color: #ff9e0f; + color: #ffffff; + text-shadow: none; +} + +.ui.orange.buttons .button:active, +.ui.orange.button:active { + background-color: #db8300; + color: #ffffff; + text-shadow: none; +} + +.ui.orange.buttons .active.button, +.ui.orange.buttons .active.button:active, +.ui.orange.active.button, +.ui.orange.button .active.button:active { + background-color: #e68900; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.orange.buttons .button, +.ui.basic.orange.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.orange.buttons .button:hover, +.ui.basic.orange.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #ff9e0f inset !important; + color: #ff9e0f !important; +} + +.ui.basic.orange.buttons .button:active, +.ui.basic.orange.button:active { + box-shadow: 0px 0px 0px 1px #db8300 inset !important; + color: #db8300 !important; +} + +.ui.basic.orange.buttons .active.button, +.ui.basic.orange.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #db8300 inset !important; + color: #db8300 !important; +} + +.ui.buttons > .basic.orange.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.orange.buttons .button, +.ui.inverted.orange.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #ff9100 inset !important; + color: #ff9100; +} + +.ui.inverted.orange.buttons .button:hover, +.ui.inverted.orange.button:hover { + box-shadow: 0px 0px 0px 1px #ff9100 inset !important; + background-color: #ff9100; + color: #ffffff; +} + +.ui.inverted.orange.buttons .active.button, +.ui.inverted.orange.active.button { + box-shadow: 0px 0px 0px 1px #ff9100 inset !important; + background-color: #ff9100; + color: #ffffff; +} + +.ui.inverted.orange.buttons .button:active, +.ui.inverted.orange.button:active { + box-shadow: 0px 0px 0px 1px #db7d00 inset !important; + background-color: #db7d00; + color: #ffffff; +} + +/* Inverted Basic */ + +.ui.inverted.orange.basic.buttons .button, +.ui.inverted.orange.buttons .basic.button, +.ui.inverted.orange.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.orange.basic.buttons .button:hover, +.ui.inverted.orange.buttons .basic.button:hover, +.ui.inverted.orange.basic.button:hover { + box-shadow: 0px 0px 0px 1px #ff9100 inset !important; + color: #ff9100 !important; +} + +.ui.inverted.orange.basic.buttons .active.button, +.ui.inverted.orange.buttons .basic.active.button, +.ui.inverted.orange.basic.active.button { + box-shadow: 0px 0px 0px 1px #ff9100 inset !important; + color: #ff9100 !important; +} + +.ui.inverted.orange.basic.buttons .button:active, +.ui.inverted.orange.buttons .basic.button:active, +.ui.inverted.orange.basic.button:active { + box-shadow: 0px 0px 0px 1px #db7d00 inset !important; + color: #ff9100 !important; +} + +/*--- Pink ---*/ + +.ui.pink.buttons .button, +.ui.pink.button { + background-color: #e91e63; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.pink.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.pink.buttons .button:hover, +.ui.pink.button:hover { + background-color: #ea2c6d; + color: #ffffff; + text-shadow: none; +} + +.ui.pink.buttons .button:active, +.ui.pink.button:active { + background-color: #cf1454; + color: #ffffff; + text-shadow: none; +} + +.ui.pink.buttons .active.button, +.ui.pink.buttons .active.button:active, +.ui.pink.active.button, +.ui.pink.button .active.button:active { + background-color: #d81557; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.pink.buttons .button, +.ui.basic.pink.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.pink.buttons .button:hover, +.ui.basic.pink.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #ea2c6d inset !important; + color: #ea2c6d !important; +} + +.ui.basic.pink.buttons .button:active, +.ui.basic.pink.button:active { + box-shadow: 0px 0px 0px 1px #cf1454 inset !important; + color: #cf1454 !important; +} + +.ui.basic.pink.buttons .active.button, +.ui.basic.pink.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #cf1454 inset !important; + color: #cf1454 !important; +} + +.ui.buttons > .basic.pink.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.pink.buttons .button, +.ui.inverted.pink.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #f50057 inset !important; + color: #f50057; +} + +.ui.inverted.pink.buttons .button:hover, +.ui.inverted.pink.button:hover { + box-shadow: 0px 0px 0px 1px #f50057 inset !important; + background-color: #f50057; + color: #ffffff; +} + +.ui.inverted.pink.buttons .active.button, +.ui.inverted.pink.active.button { + box-shadow: 0px 0px 0px 1px #f50057 inset !important; + background-color: #f50057; + color: #ffffff; +} + +.ui.inverted.pink.buttons .button:active, +.ui.inverted.pink.button:active { + box-shadow: 0px 0px 0px 1px #d1004a inset !important; + background-color: #d1004a; + color: #ffffff; +} + +/* Inverted Basic */ + +.ui.inverted.pink.basic.buttons .button, +.ui.inverted.pink.buttons .basic.button, +.ui.inverted.pink.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.pink.basic.buttons .button:hover, +.ui.inverted.pink.buttons .basic.button:hover, +.ui.inverted.pink.basic.button:hover { + box-shadow: 0px 0px 0px 1px #f50057 inset !important; + color: #f50057 !important; +} + +.ui.inverted.pink.basic.buttons .active.button, +.ui.inverted.pink.buttons .basic.active.button, +.ui.inverted.pink.basic.active.button { + box-shadow: 0px 0px 0px 1px #f50057 inset !important; + color: #f50057 !important; +} + +.ui.inverted.pink.basic.buttons .button:active, +.ui.inverted.pink.buttons .basic.button:active, +.ui.inverted.pink.basic.button:active { + box-shadow: 0px 0px 0px 1px #d1004a inset !important; + color: #f50057 !important; +} + +/*--- Purple ---*/ + +.ui.purple.buttons .button, +.ui.purple.button { + background-color: #9c27b0; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.purple.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.purple.buttons .button:hover, +.ui.purple.button:hover { + background-color: #a72abd; + color: #ffffff; + text-shadow: none; +} + +.ui.purple.buttons .button:active, +.ui.purple.button:active { + background-color: #822193; + color: #ffffff; + text-shadow: none; +} + +.ui.purple.buttons .active.button, +.ui.purple.buttons .active.button:active, +.ui.purple.active.button, +.ui.purple.button .active.button:active { + background-color: #89229b; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.purple.buttons .button, +.ui.basic.purple.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.purple.buttons .button:hover, +.ui.basic.purple.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #a72abd inset !important; + color: #a72abd !important; +} + +.ui.basic.purple.buttons .button:active, +.ui.basic.purple.button:active { + box-shadow: 0px 0px 0px 1px #822193 inset !important; + color: #822193 !important; +} + +.ui.basic.purple.buttons .active.button, +.ui.basic.purple.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #822193 inset !important; + color: #822193 !important; +} + +.ui.buttons > .basic.purple.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.purple.buttons .button, +.ui.inverted.purple.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #d500f9 inset !important; + color: #d500f9; +} + +.ui.inverted.purple.buttons .button:hover, +.ui.inverted.purple.button:hover { + box-shadow: 0px 0px 0px 1px #d500f9 inset !important; + background-color: #d500f9; + color: #1b1c1d; +} + +.ui.inverted.purple.buttons .active.button, +.ui.inverted.purple.active.button { + box-shadow: 0px 0px 0px 1px #d500f9 inset !important; + background-color: #d500f9; + color: #1b1c1d; +} + +.ui.inverted.purple.buttons .button:active, +.ui.inverted.purple.button:active { + box-shadow: 0px 0px 0px 1px #b600d5 inset !important; + background-color: #b600d5; + color: #1b1c1d; +} + +/* Inverted Basic */ + +.ui.inverted.purple.basic.buttons .button, +.ui.inverted.purple.buttons .basic.button, +.ui.inverted.purple.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.purple.basic.buttons .button:hover, +.ui.inverted.purple.buttons .basic.button:hover, +.ui.inverted.purple.basic.button:hover { + box-shadow: 0px 0px 0px 1px #d500f9 inset !important; + color: #d500f9 !important; +} + +.ui.inverted.purple.basic.buttons .active.button, +.ui.inverted.purple.buttons .basic.active.button, +.ui.inverted.purple.basic.active.button { + box-shadow: 0px 0px 0px 1px #d500f9 inset !important; + color: #d500f9 !important; +} + +.ui.inverted.purple.basic.buttons .button:active, +.ui.inverted.purple.buttons .basic.button:active, +.ui.inverted.purple.basic.button:active { + box-shadow: 0px 0px 0px 1px #b600d5 inset !important; + color: #d500f9 !important; +} + +/*--- Red ---*/ + +.ui.red.buttons .button, +.ui.red.button { + background-color: #f44336; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.red.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.red.buttons .button:hover, +.ui.red.button:hover { + background-color: #f55145; + color: #ffffff; + text-shadow: none; +} + +.ui.red.buttons .button:active, +.ui.red.button:active { + background-color: #f22314; + color: #ffffff; + text-shadow: none; +} + +.ui.red.buttons .active.button, +.ui.red.buttons .active.button:active, +.ui.red.active.button, +.ui.red.button .active.button:active { + background-color: #f32c1e; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.red.buttons .button, +.ui.basic.red.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.red.buttons .button:hover, +.ui.basic.red.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #f55145 inset !important; + color: #f55145 !important; +} + +.ui.basic.red.buttons .button:active, +.ui.basic.red.button:active { + box-shadow: 0px 0px 0px 1px #f22314 inset !important; + color: #f22314 !important; +} + +.ui.basic.red.buttons .active.button, +.ui.basic.red.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #f22314 inset !important; + color: #f22314 !important; +} + +.ui.buttons > .basic.red.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.red.buttons .button, +.ui.inverted.red.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #ff1744 inset !important; + color: #ff1744; +} + +.ui.inverted.red.buttons .button:hover, +.ui.inverted.red.button:hover { + box-shadow: 0px 0px 0px 1px #ff1744 inset !important; + background-color: #ff1744; + color: #ffffff; +} + +.ui.inverted.red.buttons .active.button, +.ui.inverted.red.active.button { + box-shadow: 0px 0px 0px 1px #ff1744 inset !important; + background-color: #ff1744; + color: #ffffff; +} + +.ui.inverted.red.buttons .button:active, +.ui.inverted.red.button:active { + box-shadow: 0px 0px 0px 1px #f2002f inset !important; + background-color: #f2002f; + color: #ffffff; +} + +/* Inverted Basic */ + +.ui.inverted.red.basic.buttons .button, +.ui.inverted.red.buttons .basic.button, +.ui.inverted.red.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.red.basic.buttons .button:hover, +.ui.inverted.red.buttons .basic.button:hover, +.ui.inverted.red.basic.button:hover { + box-shadow: 0px 0px 0px 1px #ff1744 inset !important; + color: #ff1744 !important; +} + +.ui.inverted.red.basic.buttons .active.button, +.ui.inverted.red.buttons .basic.active.button, +.ui.inverted.red.basic.active.button { + box-shadow: 0px 0px 0px 1px #ff1744 inset !important; + color: #ff1744 !important; +} + +.ui.inverted.red.basic.buttons .button:active, +.ui.inverted.red.buttons .basic.button:active, +.ui.inverted.red.basic.button:active { + box-shadow: 0px 0px 0px 1px #f2002f inset !important; + color: #ff1744 !important; +} + +/*--- Teal ---*/ + +.ui.teal.buttons .button, +.ui.teal.button { + background-color: #1de9b6; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.teal.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.teal.buttons .button:hover, +.ui.teal.button:hover { + background-color: #2beabb; + color: #ffffff; + text-shadow: none; +} + +.ui.teal.buttons .button:active, +.ui.teal.button:active { + background-color: #14cea0; + color: #ffffff; + text-shadow: none; +} + +.ui.teal.buttons .active.button, +.ui.teal.buttons .active.button:active, +.ui.teal.active.button, +.ui.teal.button .active.button:active { + background-color: #15d8a7; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.teal.buttons .button, +.ui.basic.teal.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.teal.buttons .button:hover, +.ui.basic.teal.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #2beabb inset !important; + color: #2beabb !important; +} + +.ui.basic.teal.buttons .button:active, +.ui.basic.teal.button:active { + box-shadow: 0px 0px 0px 1px #14cea0 inset !important; + color: #14cea0 !important; +} + +.ui.basic.teal.buttons .active.button, +.ui.basic.teal.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #14cea0 inset !important; + color: #14cea0 !important; +} + +.ui.buttons > .basic.teal.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.teal.buttons .button, +.ui.inverted.teal.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #1de9b6 inset !important; + color: #1de9b6; +} + +.ui.inverted.teal.buttons .button:hover, +.ui.inverted.teal.button:hover { + box-shadow: 0px 0px 0px 1px #1de9b6 inset !important; + background-color: #1de9b6; + color: #1b1c1d; +} + +.ui.inverted.teal.buttons .active.button, +.ui.inverted.teal.active.button { + box-shadow: 0px 0px 0px 1px #1de9b6 inset !important; + background-color: #1de9b6; + color: #1b1c1d; +} + +.ui.inverted.teal.buttons .button:active, +.ui.inverted.teal.button:active { + box-shadow: 0px 0px 0px 1px #14cea0 inset !important; + background-color: #14cea0; + color: #1b1c1d; +} + +/* Inverted Basic */ + +.ui.inverted.teal.basic.buttons .button, +.ui.inverted.teal.buttons .basic.button, +.ui.inverted.teal.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.teal.basic.buttons .button:hover, +.ui.inverted.teal.buttons .basic.button:hover, +.ui.inverted.teal.basic.button:hover { + box-shadow: 0px 0px 0px 1px #1de9b6 inset !important; + color: #1de9b6 !important; +} + +.ui.inverted.teal.basic.buttons .active.button, +.ui.inverted.teal.buttons .basic.active.button, +.ui.inverted.teal.basic.active.button { + box-shadow: 0px 0px 0px 1px #1de9b6 inset !important; + color: #1de9b6 !important; +} + +.ui.inverted.teal.basic.buttons .button:active, +.ui.inverted.teal.buttons .basic.button:active, +.ui.inverted.teal.basic.button:active { + box-shadow: 0px 0px 0px 1px #14cea0 inset !important; + color: #1de9b6 !important; +} + +/*--- Yellow ---*/ + +.ui.yellow.buttons .button, +.ui.yellow.button { + background-color: #ffeb3b; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.yellow.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.yellow.buttons .button:hover, +.ui.yellow.button:hover { + background-color: #ffed4a; + color: #ffffff; + text-shadow: none; +} + +.ui.yellow.buttons .button:active, +.ui.yellow.button:active { + background-color: #ffe717; + color: #ffffff; + text-shadow: none; +} + +.ui.yellow.buttons .active.button, +.ui.yellow.buttons .active.button:active, +.ui.yellow.active.button, +.ui.yellow.button .active.button:active { + background-color: #ffe821; + color: #ffffff; + text-shadow: none; +} + +/* Basic */ + +.ui.basic.yellow.buttons .button, +.ui.basic.yellow.button { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset !important; + color: #212121 !important; +} + +.ui.basic.yellow.buttons .button:hover, +.ui.basic.yellow.button:hover { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #ffed4a inset !important; + color: #ffed4a !important; +} + +.ui.basic.yellow.buttons .button:active, +.ui.basic.yellow.button:active { + box-shadow: 0px 0px 0px 1px #ffe717 inset !important; + color: #ffe717 !important; +} + +.ui.basic.yellow.buttons .active.button, +.ui.basic.yellow.active.button { + background: transparent !important; + box-shadow: 0px 0px 0px 1px #ffe717 inset !important; + color: #ffe717 !important; +} + +.ui.buttons > .basic.yellow.button:not(:first-child) { + margin-left: -1px; +} + +/* Inverted */ + +.ui.inverted.yellow.buttons .button, +.ui.inverted.yellow.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px #ffea00 inset !important; + color: #ffea00; +} + +.ui.inverted.yellow.buttons .button:hover, +.ui.inverted.yellow.button:hover { + box-shadow: 0px 0px 0px 1px #ffea00 inset !important; + background-color: #ffea00; + color: #1b1c1d; +} + +.ui.inverted.yellow.buttons .active.button, +.ui.inverted.yellow.active.button { + box-shadow: 0px 0px 0px 1px #ffea00 inset !important; + background-color: #ffea00; + color: #1b1c1d; +} + +.ui.inverted.yellow.buttons .button:active, +.ui.inverted.yellow.button:active { + box-shadow: 0px 0px 0px 1px #dbc900 inset !important; + background-color: #dbc900; + color: #1b1c1d; +} + +/* Inverted Basic */ + +.ui.inverted.yellow.basic.buttons .button, +.ui.inverted.yellow.buttons .basic.button, +.ui.inverted.yellow.basic.button { + background-color: transparent; + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset !important; + color: #ffffff !important; +} + +.ui.inverted.yellow.basic.buttons .button:hover, +.ui.inverted.yellow.buttons .basic.button:hover, +.ui.inverted.yellow.basic.button:hover { + box-shadow: 0px 0px 0px 1px #ffea00 inset !important; + color: #ffea00 !important; +} + +.ui.inverted.yellow.basic.buttons .active.button, +.ui.inverted.yellow.buttons .basic.active.button, +.ui.inverted.yellow.basic.active.button { + box-shadow: 0px 0px 0px 1px #ffea00 inset !important; + color: #ffea00 !important; +} + +.ui.inverted.yellow.basic.buttons .button:active, +.ui.inverted.yellow.buttons .basic.button:active, +.ui.inverted.yellow.basic.button:active { + box-shadow: 0px 0px 0px 1px #dbc900 inset !important; + color: #ffea00 !important; +} + +/*------------------- + Primary +--------------------*/ + +.ui.primary.buttons .button, +.ui.primary.button { + background-color: #4184f3; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.primary.button { + box-shadow: 0px 0px 0px 1px #0157e4 inset; +} + +.ui.primary.buttons .button:hover, +.ui.primary.button:hover { + background-color: #4f8df4; + color: #ffffff; + text-shadow: none; +} + +.ui.primary.buttons .button:active, +.ui.primary.button:active { + background-color: #1f6ef1; + color: #ffffff; + text-shadow: none; +} + +.ui.primary.buttons .active.button, +.ui.primary.active.button { + background-color: #2974f1; + color: #ffffff; + text-shadow: none; +} + +/*------------------- + Secondary +--------------------*/ + +.ui.secondary.buttons .button, +.ui.secondary.button { + background-color: #eeeeee; + color: #212121; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.02)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.02)); +} + +.ui.secondary.button { + box-shadow: 0px 0px 0px 1px #dddddd; +} + +.ui.secondary.buttons .button:hover, +.ui.secondary.button:hover { + background-color: #f6f6f6; + color: #212121; + text-shadow: none; +} + +.ui.secondary.buttons .button:active, +.ui.secondary.button:active { + background-color: #dcdcdc; + color: #212121; + text-shadow: none; +} + +.ui.secondary.buttons .active.button, +.ui.secondary.active.button { + background-color: #e1e1e1; + color: #212121; + text-shadow: none; +} + +/*--------------- + Positive +----------------*/ + +.ui.positive.buttons .button, +.ui.positive.button { + background-color: #3d9400 !important; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.positive.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.positive.buttons .button:hover, +.ui.positive.button:hover, +.ui.positive.buttons .active.button, +.ui.positive.active.button { + background-color: #43a300 !important; + color: #ffffff; + text-shadow: none; +} + +.ui.positive.buttons .button:active, +.ui.positive.button:active { + background-color: #2e7000 !important; + color: #ffffff; + text-shadow: none; +} + +.ui.positive.buttons .active.button, +.ui.positive.buttons .active.button:active, +.ui.positive.active.button, +.ui.positive.button .active.button:active { + background-color: #327b00; + color: #ffffff; + text-shadow: none; +} + +/*--------------- + Negative +----------------*/ + +.ui.negative.buttons .button, +.ui.negative.button { + background-color: #d34836 !important; + color: #ffffff; + text-shadow: none; + background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05)); +} + +.ui.negative.button { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; +} + +.ui.negative.buttons .button:hover, +.ui.negative.button:hover, +.ui.negative.buttons .active.button, +.ui.negative.active.button { + background-color: #d65343 !important; + color: #ffffff; + text-shadow: none; +} + +.ui.negative.buttons .button:active, +.ui.negative.button:active { + background-color: #bc3a29 !important; + color: #ffffff; + text-shadow: none; +} + +.ui.negative.buttons .active.button, +.ui.negative.buttons .active.button:active, +.ui.negative.active.button, +.ui.negative.button .active.button:active { + background-color: #c43d2b; + color: #ffffff; + text-shadow: none; +} + +/******************************* + Groups +*******************************/ + +.ui.buttons { + display: inline-block; + vertical-align: middle; + margin: 0em 0.25em 0em 0em; +} + +.ui.buttons > .button:hover, +.ui.buttons > .active.button { + position: relative; +} + +.ui.buttons:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.ui.buttons .button:first-child { + border-left: none; +} + +.ui.buttons:not(.basic):not(.inverted) { + box-shadow: none; +} + +.ui.buttons > .ui.button:not(.basic):not(.inverted), +.ui.buttons:not(.basic):not(.inverted) > .button { + box-shadow: 0px 0px 0px 1px #dddddd, 0px 0px 0px 0px transparent; +} + +.ui.buttons .button { + margin: 0em; + float: left; + border-radius: 0em; + margin: 0px 0px 0px 0px; +} + +.ui.buttons .button:first-child { + margin-left: 0em; + border-top-left-radius: 0.15384615em; + border-bottom-left-radius: 0.15384615em; +} + +.ui.buttons .button:last-child { + border-top-right-radius: 0.15384615em; + border-bottom-right-radius: 0.15384615em; +} + +/* Vertical Style */ + +.ui.vertical.buttons { + display: inline-block; +} + +.ui.vertical.buttons .button { + display: block; + float: none; + width: 100%; + margin: 0px 0px 0px 0px; + box-shadow: none; +} + +.ui.vertical.buttons .button:first-child, +.ui.vertical.buttons .mini.button:first-child, +.ui.vertical.buttons .tiny.button:first-child, +.ui.vertical.buttons .small.button:first-child, +.ui.vertical.buttons .massive.button:first-child, +.ui.vertical.buttons .huge.button:first-child { + border-radius: 0.15384615em 0.15384615em 0px 0px; +} + +.ui.vertical.buttons .button:last-child, +.ui.vertical.buttons .mini.button:last-child, +.ui.vertical.buttons .tiny.button:last-child, +.ui.vertical.buttons .small.button:last-child, +.ui.vertical.buttons .massive.button:last-child, +.ui.vertical.buttons .huge.button:last-child, +.ui.vertical.buttons .gigantic.button:last-child { + margin-bottom: 0px; + border-radius: 0px 0px 0.15384615em 0.15384615em; +} + +.ui.button { + min-width: 72px; +} + +.ui.buttons .button { + min-width: 0px; +} + +.ui.primary.button:hover { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset, 0px 2px 3px 0px rgba(0, 0, 0, 0.35) !important; +} + +.ui.secondary.button:hover { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, 0px 2px 3px 0px rgba(0, 0, 0, 0.3) !important; +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Divider +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Divider +*******************************/ + +.ui.divider { + margin: 1rem 0rem; + line-height: 1; + height: 0em; + font-weight: bold; + text-transform: uppercase; + letter-spacing: 0.05em; + color: rgba(0, 0, 0, 0.85); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/*-------------- + Basic +---------------*/ + +.ui.divider:not(.vertical):not(.horizontal) { + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.2); +} + +/*-------------- + Coupling +---------------*/ + +.ui.grid > .ui.divider { + font-size: 1rem; +} + +/*-------------- + Horizontal +---------------*/ + +.ui.horizontal.divider { + position: relative; + height: auto; + margin: ''; + overflow: hidden; + line-height: 1; + text-align: center; +} + +.ui.horizontal.divider:before, +.ui.horizontal.divider:after { + position: absolute; + content: ''; + z-index: 3; + width: 50%; + top: 50%; + height: 0px; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.2); +} + +.ui.horizontal.divider:before { + margin-left: -webkit-calc(-50% - 1em ); + margin-left: calc(-50% - 1em ); +} + +.ui.horizontal.divider:after { + margin-left: 1em; +} + +/*-------------- + Vertical +---------------*/ + +.ui.vertical.divider { + position: absolute; + z-index: 2; + top: 50%; + left: 50%; + margin: 0rem; + padding: 0em; + width: auto; + height: 50%; + line-height: 0em; + text-align: center; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} + +.ui.vertical.divider:before, +.ui.vertical.divider:after { + position: absolute; + left: 50%; + content: ''; + z-index: 3; + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(255, 255, 255, 0.2); + width: 0%; + height: -webkit-calc(100% - 1rem ); + height: calc(100% - 1rem ); +} + +.ui.vertical.divider:before { + top: -100%; +} + +.ui.vertical.divider:after { + top: auto; + bottom: 0px; +} + +/* Inside grid */ + +@media only screen and (max-width: 767px) { + .ui.stackable.grid .ui.vertical.divider, + .ui.grid .stackable.row .ui.vertical.divider { + position: relative; + margin: 1rem 0rem; + left: 50%; + height: auto; + overflow: hidden; + line-height: 1; + text-align: center; + } + + .ui.stackable.grid .ui.vertical.divider:before, + .ui.grid .stackable.row .ui.vertical.divider:before, + .ui.stackable.grid .ui.vertical.divider:after, + .ui.grid .stackable.row .ui.vertical.divider:after { + position: absolute; + left: auto; + content: ''; + z-index: 3; + width: 50%; + top: 50%; + height: 0px; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + } + + .ui.stackable.grid .ui.vertical.divider:before, + .ui.grid .stackable.row .ui.vertical.divider:before { + margin-left: -51%; + } + + .ui.stackable.grid .ui.vertical.divider:after, + .ui.grid .stackable.row .ui.vertical.divider:after { + margin-left: 1em; + } +} + +/*-------------- + Icon +---------------*/ + +.ui.divider > .icon { + margin: 0rem; + font-size: 1rem; + height: 1em; + vertical-align: middle; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Hidden +---------------*/ + +.ui.hidden.divider { + border-color: transparent !important; +} + +/*-------------- + Inverted +---------------*/ + +.ui.divider.inverted, +.ui.vertical.inverted.divider, +.ui.horizontal.inverted.divider { + color: #ffffff; +} + +.ui.divider.inverted, +.ui.divider.inverted:after, +.ui.divider.inverted:before { + border-top-color: rgba(0, 0, 0, 0.15) !important; + border-bottom-color: rgba(255, 255, 255, 0.15) !important; + border-left-color: rgba(0, 0, 0, 0.15) !important; + border-right-color: rgba(255, 255, 255, 0.15) !important; +} + +/*-------------- + Fitted +---------------*/ + +.ui.fitted.divider { + margin: 0em; +} + +/*-------------- + Clearing +---------------*/ + +.ui.clearing.divider { + clear: both; +} + +/*-------------- + Section +---------------*/ + +.ui.section.divider { + margin-top: 2rem; + margin-bottom: 2rem; +} + +/*-------------- + Sizes +---------------*/ + +.ui.divider { + font-size: 1rem; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Flag +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Flag +*******************************/ + +i.flag:not(.icon) { + display: inline-block; + width: 16px; + height: 11px; + line-height: 11px; + vertical-align: baseline; + margin: 0em 0.5em 0em 0em; + text-decoration: inherit; + speak: none; + font-smoothing: antialiased; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +/* Sprite */ + +i.flag:not(.icon):before { + display: inline-block; + content: ''; + background: url("themes/default/assets/images/flags.png") no-repeat 0px 0px; + width: 16px; + height: 11px; +} + +/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */ + +/******************************* + Theme Overrides +*******************************/ + +i.flag.ad:before, +i.flag.andorra:before { + background-position: 0px 0px; +} + +i.flag.ae:before, +i.flag.united.arab.emirates:before, +i.flag.uae:before { + background-position: 0px -26px; +} + +i.flag.af:before, +i.flag.afghanistan:before { + background-position: 0px -52px; +} + +i.flag.ag:before, +i.flag.antigua:before { + background-position: 0px -78px; +} + +i.flag.ai:before, +i.flag.anguilla:before { + background-position: 0px -104px; +} + +i.flag.al:before, +i.flag.albania:before { + background-position: 0px -130px; +} + +i.flag.am:before, +i.flag.armenia:before { + background-position: 0px -156px; +} + +i.flag.an:before, +i.flag.netherlands.antilles:before { + background-position: 0px -182px; +} + +i.flag.ao:before, +i.flag.angola:before { + background-position: 0px -208px; +} + +i.flag.ar:before, +i.flag.argentina:before { + background-position: 0px -234px; +} + +i.flag.as:before, +i.flag.american.samoa:before { + background-position: 0px -260px; +} + +i.flag.at:before, +i.flag.austria:before { + background-position: 0px -286px; +} + +i.flag.au:before, +i.flag.australia:before { + background-position: 0px -312px; +} + +i.flag.aw:before, +i.flag.aruba:before { + background-position: 0px -338px; +} + +i.flag.ax:before, +i.flag.aland.islands:before { + background-position: 0px -364px; +} + +i.flag.az:before, +i.flag.azerbaijan:before { + background-position: 0px -390px; +} + +i.flag.ba:before, +i.flag.bosnia:before { + background-position: 0px -416px; +} + +i.flag.bb:before, +i.flag.barbados:before { + background-position: 0px -442px; +} + +i.flag.bd:before, +i.flag.bangladesh:before { + background-position: 0px -468px; +} + +i.flag.be:before, +i.flag.belgium:before { + background-position: 0px -494px; +} + +i.flag.bf:before, +i.flag.burkina.faso:before { + background-position: 0px -520px; +} + +i.flag.bg:before, +i.flag.bulgaria:before { + background-position: 0px -546px; +} + +i.flag.bh:before, +i.flag.bahrain:before { + background-position: 0px -572px; +} + +i.flag.bi:before, +i.flag.burundi:before { + background-position: 0px -598px; +} + +i.flag.bj:before, +i.flag.benin:before { + background-position: 0px -624px; +} + +i.flag.bm:before, +i.flag.bermuda:before { + background-position: 0px -650px; +} + +i.flag.bn:before, +i.flag.brunei:before { + background-position: 0px -676px; +} + +i.flag.bo:before, +i.flag.bolivia:before { + background-position: 0px -702px; +} + +i.flag.br:before, +i.flag.brazil:before { + background-position: 0px -728px; +} + +i.flag.bs:before, +i.flag.bahamas:before { + background-position: 0px -754px; +} + +i.flag.bt:before, +i.flag.bhutan:before { + background-position: 0px -780px; +} + +i.flag.bv:before, +i.flag.bouvet.island:before { + background-position: 0px -806px; +} + +i.flag.bw:before, +i.flag.botswana:before { + background-position: 0px -832px; +} + +i.flag.by:before, +i.flag.belarus:before { + background-position: 0px -858px; +} + +i.flag.bz:before, +i.flag.belize:before { + background-position: 0px -884px; +} + +i.flag.ca:before, +i.flag.canada:before { + background-position: 0px -910px; +} + +i.flag.cc:before, +i.flag.cocos.islands:before { + background-position: 0px -962px; +} + +i.flag.cd:before, +i.flag.congo:before { + background-position: 0px -988px; +} + +i.flag.cf:before, +i.flag.central.african.republic:before { + background-position: 0px -1014px; +} + +i.flag.cg:before, +i.flag.congo.brazzaville:before { + background-position: 0px -1040px; +} + +i.flag.ch:before, +i.flag.switzerland:before { + background-position: 0px -1066px; +} + +i.flag.ci:before, +i.flag.cote.divoire:before { + background-position: 0px -1092px; +} + +i.flag.ck:before, +i.flag.cook.islands:before { + background-position: 0px -1118px; +} + +i.flag.cl:before, +i.flag.chile:before { + background-position: 0px -1144px; +} + +i.flag.cm:before, +i.flag.cameroon:before { + background-position: 0px -1170px; +} + +i.flag.cn:before, +i.flag.china:before { + background-position: 0px -1196px; +} + +i.flag.co:before, +i.flag.colombia:before { + background-position: 0px -1222px; +} + +i.flag.cr:before, +i.flag.costa.rica:before { + background-position: 0px -1248px; +} + +i.flag.cs:before, +i.flag.serbia:before { + background-position: 0px -1274px; +} + +i.flag.cu:before, +i.flag.cuba:before { + background-position: 0px -1300px; +} + +i.flag.cv:before, +i.flag.cape.verde:before { + background-position: 0px -1326px; +} + +i.flag.cx:before, +i.flag.christmas.island:before { + background-position: 0px -1352px; +} + +i.flag.cy:before, +i.flag.cyprus:before { + background-position: 0px -1378px; +} + +i.flag.cz:before, +i.flag.czech.republic:before { + background-position: 0px -1404px; +} + +i.flag.de:before, +i.flag.germany:before { + background-position: 0px -1430px; +} + +i.flag.dj:before, +i.flag.djibouti:before { + background-position: 0px -1456px; +} + +i.flag.dk:before, +i.flag.denmark:before { + background-position: 0px -1482px; +} + +i.flag.dm:before, +i.flag.dominica:before { + background-position: 0px -1508px; +} + +i.flag.do:before, +i.flag.dominican.republic:before { + background-position: 0px -1534px; +} + +i.flag.dz:before, +i.flag.algeria:before { + background-position: 0px -1560px; +} + +i.flag.ec:before, +i.flag.ecuador:before { + background-position: 0px -1586px; +} + +i.flag.ee:before, +i.flag.estonia:before { + background-position: 0px -1612px; +} + +i.flag.eg:before, +i.flag.egypt:before { + background-position: 0px -1638px; +} + +i.flag.eh:before, +i.flag.western.sahara:before { + background-position: 0px -1664px; +} + +i.flag.er:before, +i.flag.eritrea:before { + background-position: 0px -1716px; +} + +i.flag.es:before, +i.flag.spain:before { + background-position: 0px -1742px; +} + +i.flag.et:before, +i.flag.ethiopia:before { + background-position: 0px -1768px; +} + +i.flag.eu:before, +i.flag.european.union:before { + background-position: 0px -1794px; +} + +i.flag.fi:before, +i.flag.finland:before { + background-position: 0px -1846px; +} + +i.flag.fj:before, +i.flag.fiji:before { + background-position: 0px -1872px; +} + +i.flag.fk:before, +i.flag.falkland.islands:before { + background-position: 0px -1898px; +} + +i.flag.fm:before, +i.flag.micronesia:before { + background-position: 0px -1924px; +} + +i.flag.fo:before, +i.flag.faroe.islands:before { + background-position: 0px -1950px; +} + +i.flag.fr:before, +i.flag.france:before { + background-position: 0px -1976px; +} + +i.flag.ga:before, +i.flag.gabon:before { + background-position: -36px 0px; +} + +i.flag.gb:before, +i.flag.united.kingdom:before { + background-position: -36px -26px; +} + +i.flag.gd:before, +i.flag.grenada:before { + background-position: -36px -52px; +} + +i.flag.ge:before, +i.flag.georgia:before { + background-position: -36px -78px; +} + +i.flag.gf:before, +i.flag.french.guiana:before { + background-position: -36px -104px; +} + +i.flag.gh:before, +i.flag.ghana:before { + background-position: -36px -130px; +} + +i.flag.gi:before, +i.flag.gibraltar:before { + background-position: -36px -156px; +} + +i.flag.gl:before, +i.flag.greenland:before { + background-position: -36px -182px; +} + +i.flag.gm:before, +i.flag.gambia:before { + background-position: -36px -208px; +} + +i.flag.gn:before, +i.flag.guinea:before { + background-position: -36px -234px; +} + +i.flag.gp:before, +i.flag.guadeloupe:before { + background-position: -36px -260px; +} + +i.flag.gq:before, +i.flag.equatorial.guinea:before { + background-position: -36px -286px; +} + +i.flag.gr:before, +i.flag.greece:before { + background-position: -36px -312px; +} + +i.flag.gs:before, +i.flag.sandwich.islands:before { + background-position: -36px -338px; +} + +i.flag.gt:before, +i.flag.guatemala:before { + background-position: -36px -364px; +} + +i.flag.gu:before, +i.flag.guam:before { + background-position: -36px -390px; +} + +i.flag.gw:before, +i.flag.guinea-bissau:before { + background-position: -36px -416px; +} + +i.flag.gy:before, +i.flag.guyana:before { + background-position: -36px -442px; +} + +i.flag.hk:before, +i.flag.hong.kong:before { + background-position: -36px -468px; +} + +i.flag.hm:before, +i.flag.heard.island:before { + background-position: -36px -494px; +} + +i.flag.hn:before, +i.flag.honduras:before { + background-position: -36px -520px; +} + +i.flag.hr:before, +i.flag.croatia:before { + background-position: -36px -546px; +} + +i.flag.ht:before, +i.flag.haiti:before { + background-position: -36px -572px; +} + +i.flag.hu:before, +i.flag.hungary:before { + background-position: -36px -598px; +} + +i.flag.id:before, +i.flag.indonesia:before { + background-position: -36px -624px; +} + +i.flag.ie:before, +i.flag.ireland:before { + background-position: -36px -650px; +} + +i.flag.il:before, +i.flag.israel:before { + background-position: -36px -676px; +} + +i.flag.in:before, +i.flag.india:before { + background-position: -36px -702px; +} + +i.flag.io:before, +i.flag.indian.ocean.territory:before { + background-position: -36px -728px; +} + +i.flag.iq:before, +i.flag.iraq:before { + background-position: -36px -754px; +} + +i.flag.ir:before, +i.flag.iran:before { + background-position: -36px -780px; +} + +i.flag.is:before, +i.flag.iceland:before { + background-position: -36px -806px; +} + +i.flag.it:before, +i.flag.italy:before { + background-position: -36px -832px; +} + +i.flag.jm:before, +i.flag.jamaica:before { + background-position: -36px -858px; +} + +i.flag.jo:before, +i.flag.jordan:before { + background-position: -36px -884px; +} + +i.flag.jp:before, +i.flag.japan:before { + background-position: -36px -910px; +} + +i.flag.ke:before, +i.flag.kenya:before { + background-position: -36px -936px; +} + +i.flag.kg:before, +i.flag.kyrgyzstan:before { + background-position: -36px -962px; +} + +i.flag.kh:before, +i.flag.cambodia:before { + background-position: -36px -988px; +} + +i.flag.ki:before, +i.flag.kiribati:before { + background-position: -36px -1014px; +} + +i.flag.km:before, +i.flag.comoros:before { + background-position: -36px -1040px; +} + +i.flag.kn:before, +i.flag.saint.kitts.and.nevis:before { + background-position: -36px -1066px; +} + +i.flag.kp:before, +i.flag.north.korea:before { + background-position: -36px -1092px; +} + +i.flag.kr:before, +i.flag.south.korea:before { + background-position: -36px -1118px; +} + +i.flag.kw:before, +i.flag.kuwait:before { + background-position: -36px -1144px; +} + +i.flag.ky:before, +i.flag.cayman.islands:before { + background-position: -36px -1170px; +} + +i.flag.kz:before, +i.flag.kazakhstan:before { + background-position: -36px -1196px; +} + +i.flag.la:before, +i.flag.laos:before { + background-position: -36px -1222px; +} + +i.flag.lb:before, +i.flag.lebanon:before { + background-position: -36px -1248px; +} + +i.flag.lc:before, +i.flag.saint.lucia:before { + background-position: -36px -1274px; +} + +i.flag.li:before, +i.flag.liechtenstein:before { + background-position: -36px -1300px; +} + +i.flag.lk:before, +i.flag.sri.lanka:before { + background-position: -36px -1326px; +} + +i.flag.lr:before, +i.flag.liberia:before { + background-position: -36px -1352px; +} + +i.flag.ls:before, +i.flag.lesotho:before { + background-position: -36px -1378px; +} + +i.flag.lt:before, +i.flag.lithuania:before { + background-position: -36px -1404px; +} + +i.flag.lu:before, +i.flag.luxembourg:before { + background-position: -36px -1430px; +} + +i.flag.lv:before, +i.flag.latvia:before { + background-position: -36px -1456px; +} + +i.flag.ly:before, +i.flag.libya:before { + background-position: -36px -1482px; +} + +i.flag.ma:before, +i.flag.morocco:before { + background-position: -36px -1508px; +} + +i.flag.mc:before, +i.flag.monaco:before { + background-position: -36px -1534px; +} + +i.flag.md:before, +i.flag.moldova:before { + background-position: -36px -1560px; +} + +i.flag.me:before, +i.flag.montenegro:before { + background-position: -36px -1586px; +} + +i.flag.mg:before, +i.flag.madagascar:before { + background-position: -36px -1613px; +} + +i.flag.mh:before, +i.flag.marshall.islands:before { + background-position: -36px -1639px; +} + +i.flag.mk:before, +i.flag.macedonia:before { + background-position: -36px -1665px; +} + +i.flag.ml:before, +i.flag.mali:before { + background-position: -36px -1691px; +} + +i.flag.mm:before, +i.flag.myanmar:before, +i.flag.burma:before { + background-position: -36px -1717px; +} + +i.flag.mn:before, +i.flag.mongolia:before { + background-position: -36px -1743px; +} + +i.flag.mo:before, +i.flag.macau:before { + background-position: -36px -1769px; +} + +i.flag.mp:before, +i.flag.northern.mariana.islands:before { + background-position: -36px -1795px; +} + +i.flag.mq:before, +i.flag.martinique:before { + background-position: -36px -1821px; +} + +i.flag.mr:before, +i.flag.mauritania:before { + background-position: -36px -1847px; +} + +i.flag.ms:before, +i.flag.montserrat:before { + background-position: -36px -1873px; +} + +i.flag.mt:before, +i.flag.malta:before { + background-position: -36px -1899px; +} + +i.flag.mu:before, +i.flag.mauritius:before { + background-position: -36px -1925px; +} + +i.flag.mv:before, +i.flag.maldives:before { + background-position: -36px -1951px; +} + +i.flag.mw:before, +i.flag.malawi:before { + background-position: -36px -1977px; +} + +i.flag.mx:before, +i.flag.mexico:before { + background-position: -72px 0px; +} + +i.flag.my:before, +i.flag.malaysia:before { + background-position: -72px -26px; +} + +i.flag.mz:before, +i.flag.mozambique:before { + background-position: -72px -52px; +} + +i.flag.na:before, +i.flag.namibia:before { + background-position: -72px -78px; +} + +i.flag.nc:before, +i.flag.new.caledonia:before { + background-position: -72px -104px; +} + +i.flag.ne:before, +i.flag.niger:before { + background-position: -72px -130px; +} + +i.flag.nf:before, +i.flag.norfolk.island:before { + background-position: -72px -156px; +} + +i.flag.ng:before, +i.flag.nigeria:before { + background-position: -72px -182px; +} + +i.flag.ni:before, +i.flag.nicaragua:before { + background-position: -72px -208px; +} + +i.flag.nl:before, +i.flag.netherlands:before { + background-position: -72px -234px; +} + +i.flag.no:before, +i.flag.norway:before { + background-position: -72px -260px; +} + +i.flag.np:before, +i.flag.nepal:before { + background-position: -72px -286px; +} + +i.flag.nr:before, +i.flag.nauru:before { + background-position: -72px -312px; +} + +i.flag.nu:before, +i.flag.niue:before { + background-position: -72px -338px; +} + +i.flag.nz:before, +i.flag.new.zealand:before { + background-position: -72px -364px; +} + +i.flag.om:before, +i.flag.oman:before { + background-position: -72px -390px; +} + +i.flag.pa:before, +i.flag.panama:before { + background-position: -72px -416px; +} + +i.flag.pe:before, +i.flag.peru:before { + background-position: -72px -442px; +} + +i.flag.pf:before, +i.flag.french.polynesia:before { + background-position: -72px -468px; +} + +i.flag.pg:before, +i.flag.new.guinea:before { + background-position: -72px -494px; +} + +i.flag.ph:before, +i.flag.philippines:before { + background-position: -72px -520px; +} + +i.flag.pk:before, +i.flag.pakistan:before { + background-position: -72px -546px; +} + +i.flag.pl:before, +i.flag.poland:before { + background-position: -72px -572px; +} + +i.flag.pm:before, +i.flag.saint.pierre:before { + background-position: -72px -598px; +} + +i.flag.pn:before, +i.flag.pitcairn.islands:before { + background-position: -72px -624px; +} + +i.flag.pr:before, +i.flag.puerto.rico:before { + background-position: -72px -650px; +} + +i.flag.ps:before, +i.flag.palestine:before { + background-position: -72px -676px; +} + +i.flag.pt:before, +i.flag.portugal:before { + background-position: -72px -702px; +} + +i.flag.pw:before, +i.flag.palau:before { + background-position: -72px -728px; +} + +i.flag.py:before, +i.flag.paraguay:before { + background-position: -72px -754px; +} + +i.flag.qa:before, +i.flag.qatar:before { + background-position: -72px -780px; +} + +i.flag.re:before, +i.flag.reunion:before { + background-position: -72px -806px; +} + +i.flag.ro:before, +i.flag.romania:before { + background-position: -72px -832px; +} + +i.flag.rs:before, +i.flag.serbia:before { + background-position: -72px -858px; +} + +i.flag.ru:before, +i.flag.russia:before { + background-position: -72px -884px; +} + +i.flag.rw:before, +i.flag.rwanda:before { + background-position: -72px -910px; +} + +i.flag.sa:before, +i.flag.saudi.arabia:before { + background-position: -72px -936px; +} + +i.flag.sb:before, +i.flag.solomon.islands:before { + background-position: -72px -962px; +} + +i.flag.sc:before, +i.flag.seychelles:before { + background-position: -72px -988px; +} + +i.flag.sd:before, +i.flag.sudan:before { + background-position: -72px -1040px; +} + +i.flag.se:before, +i.flag.sweden:before { + background-position: -72px -1066px; +} + +i.flag.sg:before, +i.flag.singapore:before { + background-position: -72px -1092px; +} + +i.flag.sh:before, +i.flag.saint.helena:before { + background-position: -72px -1118px; +} + +i.flag.si:before, +i.flag.slovenia:before { + background-position: -72px -1144px; +} + +i.flag.sj:before, +i.flag.svalbard:before, +i.flag.jan.mayen:before { + background-position: -72px -1170px; +} + +i.flag.sk:before, +i.flag.slovakia:before { + background-position: -72px -1196px; +} + +i.flag.sl:before, +i.flag.sierra.leone:before { + background-position: -72px -1222px; +} + +i.flag.sm:before, +i.flag.san.marino:before { + background-position: -72px -1248px; +} + +i.flag.sn:before, +i.flag.senegal:before { + background-position: -72px -1274px; +} + +i.flag.so:before, +i.flag.somalia:before { + background-position: -72px -1300px; +} + +i.flag.sr:before, +i.flag.suriname:before { + background-position: -72px -1326px; +} + +i.flag.st:before, +i.flag.sao.tome:before { + background-position: -72px -1352px; +} + +i.flag.sv:before, +i.flag.el.salvador:before { + background-position: -72px -1378px; +} + +i.flag.sy:before, +i.flag.syria:before { + background-position: -72px -1404px; +} + +i.flag.sz:before, +i.flag.swaziland:before { + background-position: -72px -1430px; +} + +i.flag.tc:before, +i.flag.caicos.islands:before { + background-position: -72px -1456px; +} + +i.flag.td:before, +i.flag.chad:before { + background-position: -72px -1482px; +} + +i.flag.tf:before, +i.flag.french.territories:before { + background-position: -72px -1508px; +} + +i.flag.tg:before, +i.flag.togo:before { + background-position: -72px -1534px; +} + +i.flag.th:before, +i.flag.thailand:before { + background-position: -72px -1560px; +} + +i.flag.tj:before, +i.flag.tajikistan:before { + background-position: -72px -1586px; +} + +i.flag.tk:before, +i.flag.tokelau:before { + background-position: -72px -1612px; +} + +i.flag.tl:before, +i.flag.timorleste:before { + background-position: -72px -1638px; +} + +i.flag.tm:before, +i.flag.turkmenistan:before { + background-position: -72px -1664px; +} + +i.flag.tn:before, +i.flag.tunisia:before { + background-position: -72px -1690px; +} + +i.flag.to:before, +i.flag.tonga:before { + background-position: -72px -1716px; +} + +i.flag.tr:before, +i.flag.turkey:before { + background-position: -72px -1742px; +} + +i.flag.tt:before, +i.flag.trinidad:before { + background-position: -72px -1768px; +} + +i.flag.tv:before, +i.flag.tuvalu:before { + background-position: -72px -1794px; +} + +i.flag.tw:before, +i.flag.taiwan:before { + background-position: -72px -1820px; +} + +i.flag.tz:before, +i.flag.tanzania:before { + background-position: -72px -1846px; +} + +i.flag.ua:before, +i.flag.ukraine:before { + background-position: -72px -1872px; +} + +i.flag.ug:before, +i.flag.uganda:before { + background-position: -72px -1898px; +} + +i.flag.um:before, +i.flag.us.minor.islands:before { + background-position: -72px -1924px; +} + +i.flag.us:before, +i.flag.america:before, +i.flag.united.states:before { + background-position: -72px -1950px; +} + +i.flag.uy:before, +i.flag.uruguay:before { + background-position: -72px -1976px; +} + +i.flag.uz:before, +i.flag.uzbekistan:before { + background-position: -108px 0px; +} + +i.flag.va:before, +i.flag.vatican.city:before { + background-position: -108px -26px; +} + +i.flag.vc:before, +i.flag.saint.vincent:before { + background-position: -108px -52px; +} + +i.flag.ve:before, +i.flag.venezuela:before { + background-position: -108px -78px; +} + +i.flag.vg:before, +i.flag.british.virgin.islands:before { + background-position: -108px -104px; +} + +i.flag.vi:before, +i.flag.us.virgin.islands:before { + background-position: -108px -130px; +} + +i.flag.vn:before, +i.flag.vietnam:before { + background-position: -108px -156px; +} + +i.flag.vu:before, +i.flag.vanuatu:before { + background-position: -108px -182px; +} + +i.flag.wf:before, +i.flag.wallis.and.futuna:before { + background-position: -108px -234px; +} + +i.flag.ws:before, +i.flag.samoa:before { + background-position: -108px -260px; +} + +i.flag.ye:before, +i.flag.yemen:before { + background-position: -108px -286px; +} + +i.flag.yt:before, +i.flag.mayotte:before { + background-position: -108px -312px; +} + +i.flag.za:before, +i.flag.south.africa:before { + background-position: -108px -338px; +} + +i.flag.zm:before, +i.flag.zambia:before { + background-position: -108px -364px; +} + +i.flag.zw:before, +i.flag.zimbabwe:before { + background-position: -108px -390px; +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI - Header +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Header +*******************************/ + +/* Standard */ + +.ui.header { + border: none; + margin: -webkit-calc(2rem - 0.165em ) 0em 1rem; + margin: calc(2rem - 0.165em ) 0em 1rem; + padding: 0em 0em; + font-family: 'Roboto', Arial, sans-serif; + font-weight: normal; + line-height: 1.33; + text-transform: none; + color: #212121; +} + +.ui.header:first-child { + margin-top: -0.165em; +} + +.ui.header:last-child { + margin-bottom: 0em; +} + +/*-------------- + Sub Header +---------------*/ + +.ui.header .sub.header { + font-weight: normal; + margin: 0em; + padding: 0em; + font-size: 1rem; + line-height: 1.2em; + color: rgba(0, 0, 0, 0.5); +} + +/*-------------- + Icon +---------------*/ + +.ui.header > .icon { + display: table-cell; + opacity: 1; + font-size: 2em; + padding-top: 0.2em; + vertical-align: top; +} + +/* With Text Node */ + +.ui.header .icon:only-child { + display: inline-block; + padding: 0em; + margin-right: 0.75rem; +} + +/*------------------- + Image +--------------------*/ + +.ui.header > .image, +.ui.header > img { + display: inline-block; + margin-top: 0.165em; + width: 2.5em; + height: auto; + vertical-align: middle; +} + +.ui.header > .image:only-child, +.ui.header > img:only-child { + margin-right: 0.75rem; +} + +/*-------------- + Content +---------------*/ + +.ui.header .content { + display: inline-block; + vertical-align: top; +} + +/* After Image */ + +.ui.header > img + .content, +.ui.header > .image + .content { + padding-left: 0.75rem; + vertical-align: middle; +} + +/* After Icon */ + +.ui.header > .icon + .content { + padding-left: 0.75rem; + display: table-cell; + vertical-align: middle; +} + +/*-------------- +Loose Coupling +---------------*/ + +.ui.header .ui.label { + margin: 0em 0em 0em 0.5rem; + vertical-align: middle; +} + +/* Positioning */ + +.ui.header + p { + margin-top: 0em; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Page +---------------*/ + +h1.ui.header { + font-size: 2.25rem; +} + +h2.ui.header { + font-size: 2rem; +} + +h3.ui.header { + font-size: 1.75rem; +} + +h4.ui.header { + font-size: 1.5rem; +} + +h5.ui.header { + font-size: 1.25rem; +} + +/* Sub Header */ + +h1.ui.header .sub.header { + font-size: 1.4285rem; +} + +h2.ui.header .sub.header { + font-size: 1.1428rem; +} + +h3.ui.header .sub.header { + font-size: 1.1428rem; +} + +h4.ui.header .sub.header { + font-size: 1rem; +} + +h5.ui.header .sub.header { + font-size: 0.9285rem; +} + +/*-------------- +Content Heading +---------------*/ + +.ui.huge.header { + min-height: 1em; + font-size: 2.25em; +} + +.ui.large.header { + font-size: 2em; +} + +.ui.medium.header { + font-size: 1.75em; +} + +.ui.small.header { + font-size: 1.5em; +} + +.ui.tiny.header { + font-size: 1.25em; +} + +/* Sub Header */ + +.ui.huge.header .sub.header { + font-size: 1.4285rem; +} + +.ui.large.header .sub.header { + font-size: 1.4285rem; +} + +.ui.header .sub.header { + font-size: 1rem; +} + +.ui.small.header .sub.header { + font-size: 1rem; +} + +.ui.tiny.header .sub.header { + font-size: 0.9285rem; +} + +/*------------------- + Icon +--------------------*/ + +.ui.icon.header { + display: inline-block; + text-align: center; + margin: 2rem 0em 1rem; +} + +.ui.icon.header:after { + content: ''; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} + +.ui.icon.header:first-child { + margin-top: 0em; +} + +.ui.icon.header .icon { + float: none; + display: block; + width: auto; + height: auto; + padding: 0em; + font-size: 3em; + margin: 0em auto 0.25rem; + opacity: 1; +} + +.ui.icon.header .content { + display: block; +} + +.ui.icon.header .circular.icon { + font-size: 2em; +} + +.ui.icon.header .square.icon { + font-size: 2em; +} + +.ui.block.icon.header .icon { + margin-bottom: 0em; +} + +.ui.icon.header.aligned { + margin-left: auto; + margin-right: auto; + display: block; +} + +/******************************* + States +*******************************/ + +.ui.disabled.header { + opacity: 0.3; +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Colors +--------------------*/ + +.ui.black.header { + color: #1b1c1d !important; +} + +a.ui.black.header:hover { + color: #1b1c1d !important; +} + +.ui.blue.header { + color: #2196f3 !important; +} + +a.ui.blue.header:hover { + color: #309df4 !important; +} + +.ui.green.header { + color: #4caf50 !important; +} + +a.ui.green.header:hover { + color: #55b559 !important; +} + +.ui.orange.header { + color: #ff9800 !important; +} + +a.ui.orange.header:hover { + color: #ff9e0f !important; +} + +.ui.pink.header { + color: #e91e63 !important; +} + +a.ui.pink.header:hover { + color: #ea2c6d !important; +} + +.ui.purple.header { + color: #9c27b0 !important; +} + +a.ui.purple.header:hover { + color: #a72abd !important; +} + +.ui.red.header { + color: #f44336 !important; +} + +a.ui.red.header:hover { + color: #f55145 !important; +} + +.ui.teal.header { + color: #1de9b6 !important; +} + +a.ui.teal.header:hover { + color: #2beabb !important; +} + +.ui.yellow.header { + color: #ffeb3b !important; +} + +a.ui.yellow.header:hover { + color: #ffed4a !important; +} + +.ui.black.dividing.header { + border-bottom: 2px solid #1b1c1d; +} + +.ui.blue.dividing.header { + border-bottom: 2px solid #2196f3; +} + +.ui.green.dividing.header { + border-bottom: 2px solid #4caf50; +} + +.ui.orange.dividing.header { + border-bottom: 2px solid #ff9800; +} + +.ui.pink.dividing.header { + border-bottom: 2px solid #e91e63; +} + +.ui.purple.dividing.header { + border-bottom: 2px solid #9c27b0; +} + +.ui.red.dividing.header { + border-bottom: 2px solid #f44336; +} + +.ui.teal.dividing.header { + border-bottom: 2px solid #1de9b6; +} + +.ui.yellow.dividing.header { + border-bottom: 2px solid #ffeb3b; +} + +/*------------------- + Inverted +--------------------*/ + +.ui.inverted.header { + color: #ffffff; +} + +.ui.inverted.header .sub.header { + color: rgba(255, 255, 255, 0.85); +} + +.ui.inverted.attached.header { + background: #333333 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background: #333333 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: none; +} + +.ui.inverted.block.header { + background: #333333 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background: #333333 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + box-shadow: none; +} + +/*------------------- + Inverted Colors +--------------------*/ + +.ui.inverted.black.header { + color: #aaaaaa !important; +} + +a.ui.inverted.black.header:hover { + color: #b2b2b2 !important; +} + +.ui.inverted.blue.header { + color: #2979ff !important; +} + +a.ui.inverted.blue.header:hover { + color: #3883ff !important; +} + +.ui.inverted.green.header { + color: #00e676 !important; +} + +a.ui.inverted.green.header:hover { + color: #00f57e !important; +} + +.ui.inverted.orange.header { + color: #ff9100 !important; +} + +a.ui.inverted.orange.header:hover { + color: #ff980f !important; +} + +.ui.inverted.pink.header { + color: #f50057 !important; +} + +a.ui.inverted.pink.header:hover { + color: #ff055e !important; +} + +.ui.inverted.purple.header { + color: #d500f9 !important; +} + +a.ui.inverted.purple.header:hover { + color: #db09ff !important; +} + +.ui.inverted.red.header { + color: #ff1744 !important; +} + +a.ui.inverted.red.header:hover { + color: #ff2650 !important; +} + +.ui.inverted.teal.header { + color: #1de9b6 !important; +} + +a.ui.inverted.teal.header:hover { + color: #2beabb !important; +} + +.ui.inverted.yellow.header { + color: #ffea00 !important; +} + +a.ui.inverted.yellow.header:hover { + color: #ffeb0f !important; +} + +.ui.inverted.block.header { + border-bottom: none; +} + +/*------------------- + Aligned +--------------------*/ + +.ui.left.aligned.header { + text-align: left; +} + +.ui.right.aligned.header { + text-align: right; +} + +.ui.centered.header, +.ui.center.aligned.header { + text-align: center; +} + +.ui.justified.header { + text-align: justify; +} + +.ui.justified.header:after { + display: inline-block; + content: ''; + width: 100%; +} + +/*------------------- + Floated +--------------------*/ + +.ui.floated.header, +.ui[class*="left floated"].header { + float: left; + margin-top: 0em; + margin-right: 0.5em; +} + +.ui[class*="right floated"].header { + float: right; + margin-top: 0em; + margin-left: 0.5em; +} + +/*------------------- + Fittted +--------------------*/ + +.ui.fitted.header { + padding: 0em; +} + +/*------------------- + Dividing +--------------------*/ + +.ui.dividing.header { + padding-bottom: 0.25rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.ui.dividing.header .sub.header { + padding-bottom: 0.25rem; +} + +.ui.dividing.header .icon { + margin-bottom: 0em; +} + +.ui.inverted.dividing.header { + border-bottom-color: rgba(255, 255, 255, 0.2); +} + +/*------------------- + Block +--------------------*/ + +.ui.block.header { + background: #f0f0f0; + padding: 0.75rem 1rem; + box-shadow: none; + border: 1px solid #d4d4d5; + border-radius: 0.3125rem; +} + +.ui.tiny.block.header { + font-size: 1.25em; +} + +.ui.small.block.header { + font-size: 1.5em; +} + +.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { + font-size: 1.75em; +} + +.ui.large.block.header { + font-size: 2em; +} + +.ui.huge.block.header { + font-size: 2.25em; +} + +/*------------------- + Attached +--------------------*/ + +.ui.attached.header { + background: #ffffff; + padding: 0.75rem 1rem; + margin-left: -1px; + margin-right: -1px; + box-shadow: none; + border: 1px solid #d4d4d5; +} + +.ui.attached.block.header { + background: #f0f0f0; +} + +.ui.attached:not(.top):not(.bottom).header { + margin-top: 0em; + margin-bottom: 0em; + border-top: none; + border-bottom: none; + border-radius: 0em; +} + +.ui.top.attached.header { + margin-bottom: 0em; + border-bottom: none; + border-radius: 0.3125rem 0.3125rem 0em 0em; +} + +.ui.bottom.attached.header { + margin-top: 0em; + border-top: none; + border-radius: 0em 0em 0.3125rem 0.3125rem; +} + +/* Attached Sizes */ + +.ui.tiny.attached.header { + font-size: 0.8571em; +} + +.ui.small.attached.header { + font-size: 0.9285em; +} + +.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { + font-size: 1em; +} + +.ui.large.attached.header { + font-size: 1.0714em; +} + +.ui.huge.attached.header { + font-size: 1.1428em; +} + +/*------------------- + Sizing +--------------------*/ + +.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { + font-size: 1.75em; +} + +/******************************* + Overrides +*******************************/ + +h1.ui.header, +.ui.huge.header { + font-weight: normal; +} + +h2.ui.header, +.ui.large.header { + font-weight: normal; +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Icon +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Icon +*******************************/ + +@font-face { + font-family: 'Icons'; + src: url("themes/default/assets/fonts/icons.eot"); + src: url("themes/default/assets/fonts/icons.eot?#iefix") format('embedded-opentype'), url("themes/default/assets/fonts/icons.woff2") format('woff'), url("themes/default/assets/fonts/icons.woff") format('woff'), url("themes/default/assets/fonts/icons.ttf") format('truetype'), url("themes/default/assets/fonts/icons.svg#icons") format('svg'); + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} + +i.icon { + display: inline-block; + opacity: 1; + margin: 0em 0.25rem 0em 0em; + width: 1.23em; + height: 0.9em; + font-family: 'Icons'; + font-style: normal; + line-height: 1; + font-weight: normal; + text-decoration: inherit; + text-align: center; + speak: none; + font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +i.icon:before { + background: none !important; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Loading +---------------*/ + +i.icon.loading { + height: 1em; + -webkit-animation: icon-loading 2s linear infinite; + animation: icon-loading 2s linear infinite; +} + +@-webkit-keyframes icon-loading { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes icon-loading { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +/******************************* + States +*******************************/ + +i.icon.hover { + opacity: 1; +} + +i.icon.active { + opacity: 1; +} + +i.emphasized.icon { + opacity: 1; +} + +i.disabled.icon { + pointer-events: none; + opacity: 0.3 !important; +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Link +--------------------*/ + +i.link.icon { + cursor: pointer; + opacity: 0.8; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; +} + +i.link.icon:hover { + opacity: 1 !important; +} + +/*------------------- + Circular +--------------------*/ + +i.circular.icon { + border-radius: 500em !important; + padding: 0.5em 0.5em !important; + box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + line-height: 1 !important; + width: 2em !important; + height: 2em !important; +} + +i.circular.inverted.icon { + border: none; + box-shadow: none; +} + +/*------------------- + Flipped +--------------------*/ + +i.flipped.icon, +i.horizontally.flipped.icon { + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} + +i.vertically.flipped.icon { + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} + +/*------------------- + Rotated +--------------------*/ + +i.rotated.icon, +i.right.rotated.icon, +i.clockwise.rotated.icon { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} + +i.left.rotated.icon, +i.counterclockwise.rotated.icon { + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); +} + +/*------------------- + Bordered +--------------------*/ + +i.bordered.icon { + width: 2em; + height: 2em; + padding: 0.55em 0.385em !important; + box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + vertical-align: baseline; +} + +i.bordered.inverted.icon { + border: none; + box-shadow: none; +} + +/*------------------- + Colors +--------------------*/ + +i.white.icon { + color: #ffffff !important; +} + +i.black.icon { + color: #1b1c1d !important; +} + +i.blue.icon { + color: #2196f3 !important; +} + +i.green.icon { + color: #4caf50 !important; +} + +i.orange.icon { + color: #ff9800 !important; +} + +i.pink.icon { + color: #e91e63 !important; +} + +i.purple.icon { + color: #9c27b0 !important; +} + +i.red.icon { + color: #f44336 !important; +} + +i.teal.icon { + color: #1de9b6 !important; +} + +i.yellow.icon { + color: #ffeb3b !important; +} + +/*------------------- + Inverted +--------------------*/ + +i.inverted.icon { + color: #ffffff; +} + +i.inverted.black.icon { + color: #333333 !important; +} + +i.inverted.blue.icon { + color: #2979ff !important; +} + +i.inverted.green.icon { + color: #00e676 !important; +} + +i.inverted.orange.icon { + color: #ff9100 !important; +} + +i.inverted.pink.icon { + color: #f50057 !important; +} + +i.inverted.purple.icon { + color: #d500f9 !important; +} + +i.inverted.red.icon { + color: #ff1744 !important; +} + +i.inverted.teal.icon { + color: #1de9b6 !important; +} + +i.inverted.yellow.icon { + color: #ffea00 !important; +} + +/* Inverted Shapes */ + +i.inverted.bordered.icon, +i.inverted.circular.icon { + background-color: #222222 !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.black.icon, +i.inverted.circular.black.icon { + background-color: #1b1c1d !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.blue.icon, +i.inverted.circular.blue.icon { + background-color: #2196f3 !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.green.icon, +i.inverted.circular.green.icon { + background-color: #4caf50 !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.orange.icon, +i.inverted.circular.orange.icon { + background-color: #ff9800 !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.pink.icon, +i.inverted.circular.pink.icon { + background-color: #e91e63 !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.purple.icon, +i.inverted.circular.purple.icon { + background-color: #9c27b0 !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.red.icon, +i.inverted.circular.red.icon { + background-color: #f44336 !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.teal.icon, +i.inverted.circular.teal.icon { + background-color: #1de9b6 !important; + color: #FFFFFF !important; +} + +i.inverted.bordered.yellow.icon, +i.inverted.circular.yellow.icon { + background-color: #ffeb3b !important; + color: #FFFFFF !important; +} + +/*------------------- + Sizes +--------------------*/ + +i.small.icon { + font-size: 0.875em; +} + +i.icon { + font-size: 1em; +} + +i.large.icon { + font-size: 1.5em; + vertical-align: middle; +} + +i.big.icon { + font-size: 2em; + vertical-align: middle; +} + +i.huge.icon { + font-size: 4em; + vertical-align: middle; +} + +i.massive.icon { + font-size: 8em; + vertical-align: middle; +} + +/* +* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome +* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) +*/ + +/******************************* + +Semantic-UI integration of font-awesome : + +///class names are separated +i.icon.circle => i.icon.circle +i.icon.circle-o => i.icon.circle.outline + +//abbreviation are replaced by full letters: +i.icon.ellipsis-h => i.icon.ellipsis.horizontal +i.icon.ellipsis-v => i.icon.ellipsis.vertical +.alpha => .i.icon.alphabet +.asc => .i.icon.ascending +.desc => .i.icon.descending +.alt =>.alternate + +ASCII order is conserved for easier maintenance. + +Icons that only have one style 'outline', 'square' etc do not require this class +for instance `lemon icon` not `lemon outline icon` since there is only one lemon + +*******************************/ + +/******************************* + Icons +*******************************/ + +/* Web Content */ + +i.icon.search:before { + content: "\f002"; +} + +i.icon.mail.outline:before { + content: "\f003"; +} + +i.icon.external:before { + content: "\f08e"; +} + +i.icon.signal:before { + content: "\f012"; +} + +i.icon.setting:before { + content: "\f013"; +} + +i.icon.home:before { + content: "\f015"; +} + +i.icon.inbox:before { + content: "\f01c"; +} + +i.icon.browser:before { + content: "\f022"; +} + +i.icon.tag:before { + content: "\f02b"; +} + +i.icon.tags:before { + content: "\f02c"; +} + +i.icon.calendar:before { + content: "\f073"; +} + +i.icon.comment:before { + content: "\f075"; +} + +i.icon.comments:before { + content: "\f086"; +} + +i.icon.shop:before { + content: "\f07a"; +} + +i.icon.privacy:before { + content: "\f084"; +} + +i.icon.settings:before { + content: "\f085"; +} + +i.icon.trophy:before { + content: "\f091"; +} + +i.icon.payment:before { + content: "\f09d"; +} + +i.icon.feed:before { + content: "\f09e"; +} + +i.icon.alarm.outline:before { + content: "\f0a2"; +} + +i.icon.tasks:before { + content: "\f0ae"; +} + +i.icon.cloud:before { + content: "\f0c2"; +} + +i.icon.lab:before { + content: "\f0c3"; +} + +i.icon.mail:before { + content: "\f0e0"; +} + +i.icon.idea:before { + content: "\f0eb"; +} + +i.icon.dashboard:before { + content: "\f0e4"; +} + +i.icon.sitemap:before { + content: "\f0e8"; +} + +i.icon.alarm:before { + content: "\f0f3"; +} + +i.icon.terminal:before { + content: "\f120"; +} + +i.icon.code:before { + content: "\f121"; +} + +i.icon.protect:before { + content: "\f132"; +} + +i.icon.calendar.outline:before { + content: "\f133"; +} + +i.icon.ticket:before { + content: "\f145"; +} + +i.icon.external.square:before { + content: "\f14c"; +} + +i.icon.map:before { + content: "\f14e"; +} + +i.icon.bug:before { + content: "\f188"; +} + +i.icon.mail.square:before { + content: "\f199"; +} + +i.icon.history:before { + content: "\f1da"; +} + +i.icon.options:before { + content: "\f1de"; +} + +i.icon.comment.outline:before { + content: "\f0e5"; +} + +i.icon.comments.outline:before { + content: "\f0e6"; +} + +i.icon.text.telephone:before { + content: "\f1e4"; +} + +i.icon.find:before { + content: "\f1e5"; +} + +i.icon.wifi:before { + content: "\f1eb"; +} + +i.icon.alarm.slash:before { + content: "\f1f6"; +} + +i.icon.alarm.slash.outline:before { + content: "\f1f7"; +} + +i.icon.copyright:before { + content: "\f1f9"; +} + +i.icon.at:before { + content: "\f1fa"; +} + +i.icon.eyedropper:before { + content: "\f1fb"; +} + +i.icon.paint.brush:before { + content: "\f1fc"; +} + +i.icon.heartbeat:before { + content: "\f21e"; +} + +/* User Actions */ + +i.icon.download:before { + content: "\f019"; +} + +i.icon.repeat:before { + content: "\f01e"; +} + +i.icon.refresh:before { + content: "\f021"; +} + +i.icon.lock:before { + content: "\f023"; +} + +i.icon.bookmark:before { + content: "\f02e"; +} + +i.icon.print:before { + content: "\f02f"; +} + +i.icon.write:before { + content: "\f040"; +} + +i.icon.theme:before { + content: "\f043"; +} + +i.icon.adjust:before { + content: "\f042"; +} + +i.icon.edit:before { + content: "\f044"; +} + +i.icon.external.share:before { + content: "\f045"; +} + +i.icon.ban:before { + content: "\f05e"; +} + +i.icon.mail.forward:before { + content: "\f064"; +} + +i.icon.share:before { + content: "\f064"; +} + +i.icon.expand:before { + content: "\f065"; +} + +i.icon.compress:before { + content: "\f066"; +} + +i.icon.unhide:before { + content: "\f06e"; +} + +i.icon.hide:before { + content: "\f070"; +} + +i.icon.random:before { + content: "\f074"; +} + +i.icon.retweet:before { + content: "\f079"; +} + +i.icon.sign.out:before { + content: "\f08b"; +} + +i.icon.pin:before { + content: "\f08d"; +} + +i.icon.sign.in:before { + content: "\f090"; +} + +i.icon.upload:before { + content: "\f093"; +} + +i.icon.call:before { + content: "\f095"; +} + +i.icon.call.square:before { + content: "\f098"; +} + +i.icon.remove.bookmark:before { + content: "\f097"; +} + +i.icon.unlock:before { + content: "\f09c"; +} + +i.icon.configure:before { + content: "\f0ad"; +} + +i.icon.filter:before { + content: "\f0b0"; +} + +i.icon.wizard:before { + content: "\f0d0"; +} + +i.icon.undo:before { + content: "\f0e2"; +} + +i.icon.exchange:before { + content: "\f0ec"; +} + +i.icon.cloud.download:before { + content: "\f0ed"; +} + +i.icon.cloud.upload:before { + content: "\f0ee"; +} + +i.icon.reply:before { + content: "\f112"; +} + +i.icon.reply.all:before { + content: "\f122"; +} + +i.icon.erase:before { + content: "\f12d"; +} + +i.icon.unlock.alternate:before { + content: "\f13e"; +} + +i.icon.archive:before { + content: "\f187"; +} + +i.icon.translate:before { + content: "\f1ab"; +} + +i.icon.recycle:before { + content: "\f1b8"; +} + +i.icon.send:before { + content: "\f1d8"; +} + +i.icon.send.outline:before { + content: "\f1d9"; +} + +i.icon.share.alternate:before { + content: "\f1e0"; +} + +i.icon.share.alternate.square:before { + content: "\f1e1"; +} + +i.icon.wait:before { + content: "\f017"; +} + +i.icon.write.square:before { + content: "\f14b"; +} + +i.icon.share.square:before { + content: "\f14d"; +} + +i.icon.add.to.cart:before { + content: "\f217"; +} + +i.icon.in.cart:before { + content: "\f218"; +} + +i.icon.add.user:before { + content: "\f234"; +} + +i.icon.remove.user:before { + content: "\f235"; +} + +/* Messages */ + +i.icon.help.circle:before { + content: "\f059"; +} + +i.icon.info.circle:before { + content: "\f05a"; +} + +i.icon.warning:before { + content: "\f12a"; +} + +i.icon.warning.circle:before { + content: "\f06a"; +} + +i.icon.warning.sign:before { + content: "\f071"; +} + +i.icon.help:before { + content: "\f128"; +} + +i.icon.info:before { + content: "\f129"; +} + +i.icon.announcement:before { + content: "\f0a1"; +} + +i.icon.birthday:before { + content: "\f1fd"; +} + +/* Users */ + +i.icon.users:before { + content: "\f0c0"; +} + +i.icon.doctor:before { + content: "\f0f0"; +} + +i.icon.child:before { + content: "\f1ae"; +} + +i.icon.user:before { + content: "\f007"; +} + +i.icon.handicap:before { + content: "\f193"; +} + +i.icon.student:before { + content: "\f19d"; +} + +i.icon.spy:before { + content: "\f21b"; +} + +/* Gender & Sexuality */ + +i.icon.female:before { + content: "\f182"; +} + +i.icon.male:before { + content: "\f183"; +} + +i.icon.woman:before { + content: "\f221"; +} + +i.icon.man:before { + content: "\f222"; +} + +i.icon.non.binary.transgender:before { + content: "\f223"; +} + +i.icon.intergender:before { + content: "\f224"; +} + +i.icon.transgender:before { + content: "\f225"; +} + +i.icon.lesbian:before { + content: "\f226"; +} + +i.icon.gay:before { + content: "\f227"; +} + +i.icon.heterosexual:before { + content: "\f228"; +} + +i.icon.other.gender:before { + content: "\f229"; +} + +i.icon.other.gender.vertical:before { + content: "\f22a"; +} + +i.icon.other.gender.horizontal:before { + content: "\f22b"; +} + +i.icon.neuter:before { + content: "\f22c"; +} + +/* View Adjustment */ + +i.icon.grid.layout:before { + content: "\f00a"; +} + +i.icon.list.layout:before { + content: "\f00b"; +} + +i.icon.block.layout:before { + content: "\f009"; +} + +i.icon.zoom:before { + content: "\f00e"; +} + +i.icon.zoom.out:before { + content: "\f010"; +} + +i.icon.resize.vertical:before { + content: "\f07d"; +} + +i.icon.resize.horizontal:before { + content: "\f07e"; +} + +i.icon.maximize:before { + content: "\f0b2"; +} + +i.icon.crop:before { + content: "\f125"; +} + +/* Literal Objects */ + +i.icon.cocktail:before { + content: "\f000"; +} + +i.icon.road:before { + content: "\f018"; +} + +i.icon.flag:before { + content: "\f024"; +} + +i.icon.book:before { + content: "\f02d"; +} + +i.icon.gift:before { + content: "\f06b"; +} + +i.icon.leaf:before { + content: "\f06c"; +} + +i.icon.fire:before { + content: "\f06d"; +} + +i.icon.plane:before { + content: "\f072"; +} + +i.icon.magnet:before { + content: "\f076"; +} + +i.icon.legal:before { + content: "\f0e3"; +} + +i.icon.lemon:before { + content: "\f094"; +} + +i.icon.world:before { + content: "\f0ac"; +} + +i.icon.travel:before { + content: "\f0b1"; +} + +i.icon.shipping:before { + content: "\f0d1"; +} + +i.icon.money:before { + content: "\f0d6"; +} + +i.icon.lightning:before { + content: "\f0e7"; +} + +i.icon.rain:before { + content: "\f0e9"; +} + +i.icon.treatment:before { + content: "\f0f1"; +} + +i.icon.suitcase:before { + content: "\f0f2"; +} + +i.icon.bar:before { + content: "\f0fc"; +} + +i.icon.flag.outline:before { + content: "\f11d"; +} + +i.icon.flag.checkered:before { + content: "\f11e"; +} + +i.icon.puzzle:before { + content: "\f12e"; +} + +i.icon.fire.extinguisher:before { + content: "\f134"; +} + +i.icon.rocket:before { + content: "\f135"; +} + +i.icon.anchor:before { + content: "\f13d"; +} + +i.icon.bullseye:before { + content: "\f140"; +} + +i.icon.sun:before { + content: "\f185"; +} + +i.icon.moon:before { + content: "\f186"; +} + +i.icon.fax:before { + content: "\f1ac"; +} + +i.icon.life.ring:before { + content: "\f1cd"; +} + +i.icon.bomb:before { + content: "\f1e2"; +} + +i.icon.soccer:before { + content: "\f1e3"; +} + +i.icon.calculator:before { + content: "\f1ec"; +} + +i.icon.diamond:before { + content: "\f219"; +} + +/* Shapes */ + +i.icon.crosshairs:before { + content: "\f05b"; +} + +i.icon.asterisk:before { + content: "\f069"; +} + +i.icon.certificate:before { + content: "\f0a3"; +} + +i.icon.circle:before { + content: "\f111"; +} + +i.icon.quote.left:before { + content: "\f10d"; +} + +i.icon.quote.right:before { + content: "\f10e"; +} + +i.icon.ellipsis.horizontal:before { + content: "\f141"; +} + +i.icon.ellipsis.vertical:before { + content: "\f142"; +} + +i.icon.cube:before { + content: "\f1b2"; +} + +i.icon.cubes:before { + content: "\f1b3"; +} + +i.icon.circle.notched:before { + content: "\f1ce"; +} + +i.icon.circle.thin:before { + content: "\f1db"; +} + +/* Item Selection */ + +i.icon.checkmark:before { + content: "\f00c"; +} + +i.icon.remove:before { + content: "\f00d"; +} + +i.icon.checkmark.box:before { + content: "\f046"; +} + +i.icon.move:before { + content: "\f047"; +} + +i.icon.add.circle:before { + content: "\f055"; +} + +i.icon.minus.circle:before { + content: "\f056"; +} + +i.icon.remove.circle:before { + content: "\f057"; +} + +i.icon.check.circle:before { + content: "\f058"; +} + +i.icon.remove.circle.outline:before { + content: "\f05c"; +} + +i.icon.check.circle.outline:before { + content: "\f05d"; +} + +i.icon.plus:before { + content: "\f067"; +} + +i.icon.minus:before { + content: "\f068"; +} + +i.icon.add.square:before { + content: "\f0fe"; +} + +i.icon.radio:before { + content: "\f10c"; +} + +i.icon.selected.radio:before { + content: "\f192"; +} + +i.icon.minus.square:before { + content: "\f146"; +} + +i.icon.minus.square.outline:before { + content: "\f147"; +} + +i.icon.check.square:before { + content: "\f14a"; +} + +i.icon.plus.square.outline:before { + content: "\f196"; +} + +i.icon.toggle.off:before { + content: "\f204"; +} + +i.icon.toggle.on:before { + content: "\f205"; +} + +/* Media */ + +i.icon.film:before { + content: "\f008"; +} + +i.icon.sound:before { + content: "\f025"; +} + +i.icon.photo:before { + content: "\f030"; +} + +i.icon.bar.chart:before { + content: "\f080"; +} + +i.icon.camera.retro:before { + content: "\f083"; +} + +i.icon.newspaper:before { + content: "\f1ea"; +} + +i.icon.area.chart:before { + content: "\f1fe"; +} + +i.icon.pie.chart:before { + content: "\f200"; +} + +i.icon.line.chart:before { + content: "\f201"; +} + +/* Pointers */ + +i.icon.arrow.circle.outline.down:before { + content: "\f01a"; +} + +i.icon.arrow.circle.outline.up:before { + content: "\f01b"; +} + +i.icon.chevron.left:before { + content: "\f053"; +} + +i.icon.chevron.right:before { + content: "\f054"; +} + +i.icon.arrow.left:before { + content: "\f060"; +} + +i.icon.arrow.right:before { + content: "\f061"; +} + +i.icon.arrow.up:before { + content: "\f062"; +} + +i.icon.arrow.down:before { + content: "\f063"; +} + +i.icon.chevron.up:before { + content: "\f077"; +} + +i.icon.chevron.down:before { + content: "\f078"; +} + +i.icon.pointing.right:before { + content: "\f0a4"; +} + +i.icon.pointing.left:before { + content: "\f0a5"; +} + +i.icon.pointing.up:before { + content: "\f0a6"; +} + +i.icon.pointing.down:before { + content: "\f0a7"; +} + +i.icon.arrow.circle.left:before { + content: "\f0a8"; +} + +i.icon.arrow.circle.right:before { + content: "\f0a9"; +} + +i.icon.arrow.circle.up:before { + content: "\f0aa"; +} + +i.icon.arrow.circle.down:before { + content: "\f0ab"; +} + +i.icon.caret.down:before { + content: "\f0d7"; +} + +i.icon.caret.up:before { + content: "\f0d8"; +} + +i.icon.caret.left:before { + content: "\f0d9"; +} + +i.icon.caret.right:before { + content: "\f0da"; +} + +i.icon.angle.double.left:before { + content: "\f100"; +} + +i.icon.angle.double.right:before { + content: "\f101"; +} + +i.icon.angle.double.up:before { + content: "\f102"; +} + +i.icon.angle.double.down:before { + content: "\f103"; +} + +i.icon.angle.left:before { + content: "\f104"; +} + +i.icon.angle.right:before { + content: "\f105"; +} + +i.icon.angle.up:before { + content: "\f106"; +} + +i.icon.angle.down:before { + content: "\f107"; +} + +i.icon.chevron.circle.left:before { + content: "\f137"; +} + +i.icon.chevron.circle.right:before { + content: "\f138"; +} + +i.icon.chevron.circle.up:before { + content: "\f139"; +} + +i.icon.chevron.circle.down:before { + content: "\f13a"; +} + +i.icon.toggle.down:before { + content: "\f150"; +} + +i.icon.toggle.up:before { + content: "\f151"; +} + +i.icon.toggle.right:before { + content: "\f152"; +} + +i.icon.long.arrow.down:before { + content: "\f175"; +} + +i.icon.long.arrow.up:before { + content: "\f176"; +} + +i.icon.long.arrow.left:before { + content: "\f177"; +} + +i.icon.long.arrow.right:before { + content: "\f178"; +} + +i.icon.arrow.circle.outline.right:before { + content: "\f18e"; +} + +i.icon.arrow.circle.outline.left:before { + content: "\f190"; +} + +i.icon.toggle.left:before { + content: "\f191"; +} + +/* Computer */ + +i.icon.power:before { + content: "\f011"; +} + +i.icon.trash:before { + content: "\f1f8"; +} + +i.icon.trash.outline:before { + content: "\f014"; +} + +i.icon.disk.outline:before { + content: "\f0a0"; +} + +i.icon.desktop:before { + content: "\f108"; +} + +i.icon.laptop:before { + content: "\f109"; +} + +i.icon.tablet:before { + content: "\f10a"; +} + +i.icon.mobile:before { + content: "\f10b"; +} + +i.icon.game:before { + content: "\f11b"; +} + +i.icon.keyboard:before { + content: "\f11c"; +} + +i.icon.plug:before { + content: "\f1e6"; +} + +/* File System */ + +i.icon.folder:before { + content: "\f07b"; +} + +i.icon.folder.open:before { + content: "\f07c"; +} + +i.icon.level.up:before { + content: "\f148"; +} + +i.icon.level.down:before { + content: "\f149"; +} + +i.icon.file:before { + content: "\f15b"; +} + +i.icon.file.outline:before { + content: "\f016"; +} + +i.icon.file.text:before { + content: "\f15c"; +} + +i.icon.file.text.outline:before { + content: "\f0f6"; +} + +i.icon.folder.outline:before { + content: "\f114"; +} + +i.icon.folder.open.outline:before { + content: "\f115"; +} + +i.icon.file.pdf.outline:before { + content: "\f1c1"; +} + +i.icon.file.word.outline:before { + content: "\f1c2"; +} + +i.icon.file.excel.outline:before { + content: "\f1c3"; +} + +i.icon.file.powerpoint.outline:before { + content: "\f1c4"; +} + +i.icon.file.image.outline:before { + content: "\f1c5"; +} + +i.icon.file.archive.outline:before { + content: "\f1c6"; +} + +i.icon.file.audio.outline:before { + content: "\f1c7"; +} + +i.icon.file.video.outline:before { + content: "\f1c8"; +} + +i.icon.file.code.outline:before { + content: "\f1c9"; +} + +/* Technologies */ + +i.icon.barcode:before { + content: "\f02a"; +} + +i.icon.qrcode:before { + content: "\f029"; +} + +i.icon.fork:before { + content: "\f126"; +} + +i.icon.html5:before { + content: "\f13b"; +} + +i.icon.css3:before { + content: "\f13c"; +} + +i.icon.rss:before { + content: "\f09e"; +} + +i.icon.rss.square:before { + content: "\f143"; +} + +i.icon.openid:before { + content: "\f19b"; +} + +i.icon.database:before { + content: "\f1c0"; +} + +i.icon.server:before { + content: "\f233"; +} + +/* Rating */ + +i.icon.heart:before { + content: "\f004"; +} + +i.icon.star:before { + content: "\f005"; +} + +i.icon.empty.star:before { + content: "\f006"; +} + +i.icon.thumbs.outline.up:before { + content: "\f087"; +} + +i.icon.thumbs.outline.down:before { + content: "\f088"; +} + +i.icon.star.half:before { + content: "\f089"; +} + +i.icon.empty.heart:before { + content: "\f08a"; +} + +i.icon.smile:before { + content: "\f118"; +} + +i.icon.frown:before { + content: "\f119"; +} + +i.icon.meh:before { + content: "\f11a"; +} + +i.icon.star.half.empty:before { + content: "\f123"; +} + +i.icon.thumbs.up:before { + content: "\f164"; +} + +i.icon.thumbs.down:before { + content: "\f165"; +} + +/* Audio */ + +i.icon.music:before { + content: "\f001"; +} + +i.icon.video.play.outline:before { + content: "\f01d"; +} + +i.icon.volume.off:before { + content: "\f026"; +} + +i.icon.volume.down:before { + content: "\f027"; +} + +i.icon.volume.up:before { + content: "\f028"; +} + +i.icon.record:before { + content: "\f03d"; +} + +i.icon.step.backward:before { + content: "\f048"; +} + +i.icon.fast.backward:before { + content: "\f049"; +} + +i.icon.backward:before { + content: "\f04a"; +} + +i.icon.play:before { + content: "\f04b"; +} + +i.icon.pause:before { + content: "\f04c"; +} + +i.icon.stop:before { + content: "\f04d"; +} + +i.icon.forward:before { + content: "\f04e"; +} + +i.icon.fast.forward:before { + content: "\f050"; +} + +i.icon.step.forward:before { + content: "\f051"; +} + +i.icon.eject:before { + content: "\f052"; +} + +i.icon.unmute:before { + content: "\f130"; +} + +i.icon.mute:before { + content: "\f131"; +} + +i.icon.video.play:before { + content: "\f144"; +} + +i.icon.closed.captioning:before { + content: "\f20a"; +} + +/* Map, Locations, & Transportation */ + +i.icon.marker:before { + content: "\f041"; +} + +i.icon.coffee:before { + content: "\f0f4"; +} + +i.icon.food:before { + content: "\f0f5"; +} + +i.icon.building.outline:before { + content: "\f0f7"; +} + +i.icon.hospital:before { + content: "\f0f8"; +} + +i.icon.emergency:before { + content: "\f0f9"; +} + +i.icon.first.aid:before { + content: "\f0fa"; +} + +i.icon.military:before { + content: "\f0fb"; +} + +i.icon.h:before { + content: "\f0fd"; +} + +i.icon.location.arrow:before { + content: "\f124"; +} + +i.icon.space.shuttle:before { + content: "\f197"; +} + +i.icon.university:before { + content: "\f19c"; +} + +i.icon.building:before { + content: "\f1ad"; +} + +i.icon.paw:before { + content: "\f1b0"; +} + +i.icon.spoon:before { + content: "\f1b1"; +} + +i.icon.car:before { + content: "\f1b9"; +} + +i.icon.taxi:before { + content: "\f1ba"; +} + +i.icon.tree:before { + content: "\f1bb"; +} + +i.icon.bicycle:before { + content: "\f206"; +} + +i.icon.bus:before { + content: "\f207"; +} + +i.icon.ship:before { + content: "\f21a"; +} + +i.icon.motorcycle:before { + content: "\f21c"; +} + +i.icon.street.view:before { + content: "\f21d"; +} + +i.icon.hotel:before { + content: "\f236"; +} + +i.icon.train:before { + content: "\f238"; +} + +i.icon.subway:before { + content: "\f239"; +} + +/* Tables */ + +i.icon.table:before { + content: "\f0ce"; +} + +i.icon.columns:before { + content: "\f0db"; +} + +i.icon.sort:before { + content: "\f0dc"; +} + +i.icon.sort.ascending:before { + content: "\f0dd"; +} + +i.icon.sort.descending:before { + content: "\f0de"; +} + +i.icon.sort.alphabet.ascending:before { + content: "\f15d"; +} + +i.icon.sort.alphabet.descending:before { + content: "\f15e"; +} + +i.icon.sort.content.ascending:before { + content: "\f160"; +} + +i.icon.sort.content.descending:before { + content: "\f161"; +} + +i.icon.sort.numeric.ascending:before { + content: "\f162"; +} + +i.icon.sort.numeric.descending:before { + content: "\f163"; +} + +/* Text Editor */ + +i.icon.font:before { + content: "\f031"; +} + +i.icon.bold:before { + content: "\f032"; +} + +i.icon.italic:before { + content: "\f033"; +} + +i.icon.text.height:before { + content: "\f034"; +} + +i.icon.text.width:before { + content: "\f035"; +} + +i.icon.align.left:before { + content: "\f036"; +} + +i.icon.align.center:before { + content: "\f037"; +} + +i.icon.align.right:before { + content: "\f038"; +} + +i.icon.align.justify:before { + content: "\f039"; +} + +i.icon.list:before { + content: "\f03a"; +} + +i.icon.outdent:before { + content: "\f03b"; +} + +i.icon.indent:before { + content: "\f03c"; +} + +i.icon.linkify:before { + content: "\f0c1"; +} + +i.icon.cut:before { + content: "\f0c4"; +} + +i.icon.copy:before { + content: "\f0c5"; +} + +i.icon.attach:before { + content: "\f0c6"; +} + +i.icon.save:before { + content: "\f0c7"; +} + +i.icon.content:before { + content: "\f0c9"; +} + +i.icon.unordered.list:before { + content: "\f0ca"; +} + +i.icon.ordered.list:before { + content: "\f0cb"; +} + +i.icon.strikethrough:before { + content: "\f0cc"; +} + +i.icon.underline:before { + content: "\f0cd"; +} + +i.icon.paste:before { + content: "\f0ea"; +} + +i.icon.unlink:before { + content: "\f127"; +} + +i.icon.superscript:before { + content: "\f12b"; +} + +i.icon.subscript:before { + content: "\f12c"; +} + +i.icon.header:before { + content: "\f1dc"; +} + +i.icon.paragraph:before { + content: "\f1dd"; +} + +/* Currency */ + +i.icon.euro:before { + content: "\f153"; +} + +i.icon.pound:before { + content: "\f154"; +} + +i.icon.dollar:before { + content: "\f155"; +} + +i.icon.rupee:before { + content: "\f156"; +} + +i.icon.yen:before { + content: "\f157"; +} + +i.icon.ruble:before { + content: "\f158"; +} + +i.icon.won:before { + content: "\f159"; +} + +i.icon.lira:before { + content: "\f195"; +} + +i.icon.shekel:before { + content: "\f20b"; +} + +/* Payment Options */ + +i.icon.paypal:before { + content: "\f1ed"; +} + +i.icon.paypal.card:before { + content: "\f1f4"; +} + +i.icon.google.wallet:before { + content: "\f1ee"; +} + +i.icon.visa:before { + content: "\f1f0"; +} + +i.icon.mastercard:before { + content: "\f1f1"; +} + +i.icon.discover:before { + content: "\f1f2"; +} + +i.icon.american.express:before { + content: "\f1f3"; +} + +i.icon.stripe:before { + content: "\f1f5"; +} + +/* Networks and Websites*/ + +i.icon.twitter.square:before { + content: "\f081"; +} + +i.icon.facebook.square:before { + content: "\f082"; +} + +i.icon.linkedin.square:before { + content: "\f08c"; +} + +i.icon.github.square:before { + content: "\f092"; +} + +i.icon.twitter:before { + content: "\f099"; +} + +i.icon.facebook:before { + content: "\f09a"; +} + +i.icon.github:before { + content: "\f09b"; +} + +i.icon.pinterest:before { + content: "\f0d2"; +} + +i.icon.pinterest.square:before { + content: "\f0d3"; +} + +i.icon.google.plus.square:before { + content: "\f0d4"; +} + +i.icon.google.plus:before { + content: "\f0d5"; +} + +i.icon.linkedin:before { + content: "\f0e1"; +} + +i.icon.github.alternate:before { + content: "\f113"; +} + +i.icon.maxcdn:before { + content: "\f136"; +} + +i.icon.bitcoin:before { + content: "\f15a"; +} + +i.icon.youtube.square:before { + content: "\f166"; +} + +i.icon.youtube:before { + content: "\f167"; +} + +i.icon.xing:before { + content: "\f168"; +} + +i.icon.xing.square:before { + content: "\f169"; +} + +i.icon.youtube.play:before { + content: "\f16a"; +} + +i.icon.dropbox:before { + content: "\f16b"; +} + +i.icon.stack.overflow:before { + content: "\f16c"; +} + +i.icon.instagram:before { + content: "\f16d"; +} + +i.icon.flickr:before { + content: "\f16e"; +} + +i.icon.adn:before { + content: "\f170"; +} + +i.icon.bitbucket:before { + content: "\f171"; +} + +i.icon.bitbucket.square:before { + content: "\f172"; +} + +i.icon.tumblr:before { + content: "\f173"; +} + +i.icon.tumblr.square:before { + content: "\f174"; +} + +i.icon.apple:before { + content: "\f179"; +} + +i.icon.windows:before { + content: "\f17a"; +} + +i.icon.android:before { + content: "\f17b"; +} + +i.icon.linux:before { + content: "\f17c"; +} + +i.icon.dribbble:before { + content: "\f17d"; +} + +i.icon.skype:before { + content: "\f17e"; +} + +i.icon.foursquare:before { + content: "\f180"; +} + +i.icon.trello:before { + content: "\f181"; +} + +i.icon.gittip:before { + content: "\f184"; +} + +i.icon.vk:before { + content: "\f189"; +} + +i.icon.weibo:before { + content: "\f18a"; +} + +i.icon.renren:before { + content: "\f18b"; +} + +i.icon.pagelines:before { + content: "\f18c"; +} + +i.icon.stack.exchange:before { + content: "\f18d"; +} + +i.icon.vimeo:before { + content: "\f194"; +} + +i.icon.slack:before { + content: "\f198"; +} + +i.icon.wordpress:before { + content: "\f19a"; +} + +i.icon.yahoo:before { + content: "\f19e"; +} + +i.icon.google:before { + content: "\f1a0"; +} + +i.icon.reddit:before { + content: "\f1a1"; +} + +i.icon.reddit.square:before { + content: "\f1a2"; +} + +i.icon.stumbleupon.circle:before { + content: "\f1a3"; +} + +i.icon.stumbleupon:before { + content: "\f1a4"; +} + +i.icon.delicious:before { + content: "\f1a5"; +} + +i.icon.digg:before { + content: "\f1a6"; +} + +i.icon.pied.piper:before { + content: "\f1a7"; +} + +i.icon.pied.piper.alternate:before { + content: "\f1a8"; +} + +i.icon.drupal:before { + content: "\f1a9"; +} + +i.icon.joomla:before { + content: "\f1aa"; +} + +i.icon.behance:before { + content: "\f1b4"; +} + +i.icon.behance.square:before { + content: "\f1b5"; +} + +i.icon.steam:before { + content: "\f1b6"; +} + +i.icon.steam.square:before { + content: "\f1b7"; +} + +i.icon.spotify:before { + content: "\f1bc"; +} + +i.icon.deviantart:before { + content: "\f1bd"; +} + +i.icon.soundcloud:before { + content: "\f1be"; +} + +i.icon.vine:before { + content: "\f1ca"; +} + +i.icon.codepen:before { + content: "\f1cb"; +} + +i.icon.jsfiddle:before { + content: "\f1cc"; +} + +i.icon.rebel:before { + content: "\f1d0"; +} + +i.icon.empire:before { + content: "\f1d1"; +} + +i.icon.git.square:before { + content: "\f1d2"; +} + +i.icon.git:before { + content: "\f1d3"; +} + +i.icon.hacker.news:before { + content: "\f1d4"; +} + +i.icon.tencent.weibo:before { + content: "\f1d5"; +} + +i.icon.qq:before { + content: "\f1d6"; +} + +i.icon.wechat:before { + content: "\f1d7"; +} + +i.icon.slideshare:before { + content: "\f1e7"; +} + +i.icon.twitch:before { + content: "\f1e8"; +} + +i.icon.yelp:before { + content: "\f1e9"; +} + +i.icon.lastfm:before { + content: "\f202"; +} + +i.icon.lastfm.square:before { + content: "\f203"; +} + +i.icon.ioxhost:before { + content: "\f208"; +} + +i.icon.angellist:before { + content: "\f209"; +} + +i.icon.meanpath:before { + content: "\f20c"; +} + +i.icon.buysellads:before { + content: "\f20d"; +} + +i.icon.connectdevelop:before { + content: "\f20e"; +} + +i.icon.dashcube:before { + content: "\f210"; +} + +i.icon.forumbee:before { + content: "\f211"; +} + +i.icon.leanpub:before { + content: "\f212"; +} + +i.icon.sellsy:before { + content: "\f213"; +} + +i.icon.shirtsinbulk:before { + content: "\f214"; +} + +i.icon.simplybuilt:before { + content: "\f215"; +} + +i.icon.skyatlas:before { + content: "\f216"; +} + +i.icon.whatsapp:before { + content: "\f232"; +} + +i.icon.viacoin:before { + content: "\f237"; +} + +i.icon.medium:before { + content: "\f23a"; +} + +/******************************* + Aliases +*******************************/ + +i.icon.like:before { + content: "\f004"; +} + +i.icon.favorite:before { + content: "\f005"; +} + +i.icon.video:before { + content: "\f008"; +} + +i.icon.check:before { + content: "\f00c"; +} + +i.icon.remove:before { + content: "\f00d"; +} + +i.icon.close:before { + content: "\f00d"; +} + +i.icon.cancel:before { + content: "\f00d"; +} + +i.icon.delete:before { + content: "\f00d"; +} + +i.icon.x:before { + content: "\f00d"; +} + +i.icon.user.times:before { + content: "\f235"; +} + +i.icon.user.close:before { + content: "\f235"; +} + +i.icon.user.cancel:before { + content: "\f235"; +} + +i.icon.user.delete:before { + content: "\f235"; +} + +i.icon.user.x:before { + content: "\f235"; +} + +i.icon.zoom.in:before { + content: "\f00e"; +} + +i.icon.magnify:before { + content: "\f00e"; +} + +i.icon.shutdown:before { + content: "\f011"; +} + +i.icon.clock:before { + content: "\f017"; +} + +i.icon.time:before { + content: "\f017"; +} + +i.icon.play.circle.outline:before { + content: "\f01d"; +} + +i.icon.headphone:before { + content: "\f025"; +} + +i.icon.volume.off:before { + content: "\f026"; +} + +i.icon.camera:before { + content: "\f030"; +} + +i.icon.video.camera:before { + content: "\f03d"; +} + +i.icon.picture:before { + content: "\f03e"; +} + +i.icon.pencil:before { + content: "\f040"; +} + +i.icon.compose:before { + content: "\f040"; +} + +i.icon.point:before { + content: "\f041"; +} + +i.icon.tint:before { + content: "\f043"; +} + +i.icon.signup:before { + content: "\f044"; +} + +i.icon.plus.circle:before { + content: "\f055"; +} + +i.icon.minus.circle:before { + content: "\f056"; +} + +i.icon.dont:before { + content: "\f05e"; +} + +i.icon.minimize:before { + content: "\f066"; +} + +i.icon.add:before { + content: "\f067"; +} + +i.icon.eye:before { + content: "\f06e"; +} + +i.icon.attention:before { + content: "\f06a"; +} + +i.icon.cart:before { + content: "\f07a"; +} + +i.icon.shuffle:before { + content: "\f074"; +} + +i.icon.talk:before { + content: "\f075"; +} + +i.icon.chat:before { + content: "\f075"; +} + +i.icon.shopping.cart:before { + content: "\f07a"; +} + +i.icon.bar.graph:before { + content: "\f080"; +} + +i.icon.area.graph:before { + content: "\f1fe"; +} + +i.icon.pie.graph:before { + content: "\f200"; +} + +i.icon.line.graph:before { + content: "\f201"; +} + +i.icon.key:before { + content: "\f084"; +} + +i.icon.privacy:before { + content: "\f084"; +} + +i.icon.cogs:before { + content: "\f085"; +} + +i.icon.discussions:before { + content: "\f086"; +} + +i.icon.like.outline:before { + content: "\f087"; +} + +i.icon.dislike.outline:before { + content: "\f088"; +} + +i.icon.heart.outline:before { + content: "\f08a"; +} + +i.icon.log.out:before { + content: "\f08b"; +} + +i.icon.thumb.tack:before { + content: "\f08d"; +} + +i.icon.winner:before { + content: "\f091"; +} + +i.icon.bookmark.outline:before { + content: "\f097"; +} + +i.icon.phone.square:before { + content: "\f098"; +} + +i.icon.phone.square:before { + content: "\f098"; +} + +i.icon.credit.card:before { + content: "\f09d"; +} + +i.icon.hdd.outline:before { + content: "\f0a0"; +} + +i.icon.bullhorn:before { + content: "\f0a1"; +} + +i.icon.bell:before { + content: "\f0f3"; +} + +i.icon.bell.outline:before { + content: "\f0a2"; +} + +i.icon.bell.slash:before { + content: "\f1f6"; +} + +i.icon.bell.slash.outline:before { + content: "\f1f7"; +} + +i.icon.hand.outline.right:before { + content: "\f0a4"; +} + +i.icon.hand.outline.left:before { + content: "\f0a5"; +} + +i.icon.hand.outline.up:before { + content: "\f0a6"; +} + +i.icon.hand.outline.down:before { + content: "\f0a7"; +} + +i.icon.globe:before { + content: "\f0ac"; +} + +i.icon.wrench:before { + content: "\f0ad"; +} + +i.icon.briefcase:before { + content: "\f0b1"; +} + +i.icon.group:before { + content: "\f0c0"; +} + +i.icon.flask:before { + content: "\f0c3"; +} + +i.icon.sidebar:before { + content: "\f0c9"; +} + +i.icon.bars:before { + content: "\f0c9"; +} + +i.icon.list.ul:before { + content: "\f0ca"; +} + +i.icon.list.ol:before { + content: "\f0cb"; +} + +i.icon.numbered.list:before { + content: "\f0cb"; +} + +i.icon.magic:before { + content: "\f0d0"; +} + +i.icon.truck:before { + content: "\f0d1"; +} + +i.icon.currency:before { + content: "\f0d6"; +} + +i.icon.triangle.down:before { + content: "\f0d7"; +} + +i.icon.dropdown:before { + content: "\f0d7"; +} + +i.icon.triangle.up:before { + content: "\f0d8"; +} + +i.icon.triangle.left:before { + content: "\f0d9"; +} + +i.icon.triangle.right:before { + content: "\f0da"; +} + +i.icon.envelope:before { + content: "\f0e0"; +} + +i.icon.conversation:before { + content: "\f0e6"; +} + +i.icon.lightning:before { + content: "\f0e7"; +} + +i.icon.umbrella:before { + content: "\f0e9"; +} + +i.icon.lightbulb:before { + content: "\f0eb"; +} + +i.icon.suitcase:before { + content: "\f0f2"; +} + +i.icon.bell.outline:before { + content: "\f0a2"; +} + +i.icon.ambulance:before { + content: "\f0f9"; +} + +i.icon.medkit:before { + content: "\f0fa"; +} + +i.icon.fighter.jet:before { + content: "\f0fb"; +} + +i.icon.beer:before { + content: "\f0fc"; +} + +i.icon.plus.square:before { + content: "\f0fe"; +} + +i.icon.computer:before { + content: "\f108"; +} + +i.icon.circle.outline:before { + content: "\f10c"; +} + +i.icon.intersex:before { + content: "\f10c"; +} + +i.icon.asexual:before { + content: "\f10c"; +} + +i.icon.spinner:before { + content: "\f110"; +} + +i.icon.gamepad:before { + content: "\f11b"; +} + +i.icon.star.half.full:before { + content: "\f123"; +} + +i.icon.question:before { + content: "\f128"; +} + +i.icon.attention:before { + content: "\f12a"; +} + +i.icon.eraser:before { + content: "\f12d"; +} + +i.icon.microphone:before { + content: "\f130"; +} + +i.icon.microphone.slash:before { + content: "\f131"; +} + +i.icon.shield:before { + content: "\f132"; +} + +i.icon.target:before { + content: "\f140"; +} + +i.icon.play.circle:before { + content: "\f144"; +} + +i.icon.pencil.square:before { + content: "\f14b"; +} + +i.icon.compass:before { + content: "\f14e"; +} + +i.icon.eur:before { + content: "\f153"; +} + +i.icon.gbp:before { + content: "\f154"; +} + +i.icon.usd:before { + content: "\f155"; +} + +i.icon.inr:before { + content: "\f156"; +} + +i.icon.cny:before, +i.icon.rmb:before, +i.icon.jpy:before { + content: "\f157"; +} + +i.icon.rouble:before, +i.icon.rub:before { + content: "\f158"; +} + +i.icon.won:before, +i.icon.krw:before { + content: "\f159"; +} + +i.icon.btc:before { + content: "\f15a"; +} + +i.icon.sheqel:before, +i.icon.ils:before { + content: "\f20b"; +} + +i.icon.try:before { + content: "\f195"; +} + +i.icon.zip:before { + content: "\f187"; +} + +i.icon.dot.circle.outline:before { + content: "\f192"; +} + +i.icon.sliders:before { + content: "\f1de"; +} + +i.icon.wi-fi:before { + content: "\f1eb"; +} + +i.icon.graduation:before { + content: "\f19d"; +} + +i.icon.\33d:before { + content: "\f1b2"; +} + +i.icon.weixin:before { + content: "\f1d7"; +} + +i.icon.binoculars:before { + content: "\f1e5"; +} + +i.icon.gratipay:before { + content: "\f184"; +} + +i.icon.genderless:before { + content: "\f1db"; +} + +i.icon.teletype:before { + content: "\f1e4"; +} + +i.icon.power.cord:before { + content: "\f1e6"; +} + +i.icon.tty:before { + content: "\f1e4"; +} + +i.icon.cc:before { + content: "\f20a"; +} + +i.icon.ils:before { + content: "\f20b"; +} + +i.icon.plus.cart:before { + content: "\f217"; +} + +i.icon.arrow.down.cart:before { + content: "\f218"; +} + +i.icon.detective:before { + content: "\f21b"; +} + +i.icon.venus:before { + content: "\f221"; +} + +i.icon.mars:before { + content: "\f222"; +} + +i.icon.mercury:before { + content: "\f223"; +} + +i.icon.venus.double:before { + content: "\f226"; +} + +i.icon.female.homosexual:before { + content: "\f226"; +} + +i.icon.mars.double:before { + content: "\f227"; +} + +i.icon.male.homosexual:before { + content: "\f227"; +} + +i.icon.venus.mars:before { + content: "\f228"; +} + +i.icon.mars.stroke:before { + content: "\f229"; +} + +i.icon.mars.alternate:before { + content: "\f229"; +} + +i.icon.mars.vertical:before { + content: "\f22a"; +} + +i.icon.mars.horizontal:before { + content: "\f22b"; +} + +i.icon.mars.stroke.vertical:before { + content: "\f22a"; +} + +i.icon.mars.stroke.horizontal:before { + content: "\f22b"; +} + +i.icon.neuter:before { + content: "\f22c"; +} + +i.icon.facebook.official { + content: "\f230"; +} + +i.icon.pinterest.official { + content: "\f231"; +} + +i.icon.bed:before { + content: "\f236"; +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Image +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Image +*******************************/ + +.ui.image { + position: relative; + display: inline-block; + vertical-align: middle; + max-width: 100%; + background-color: transparent; +} + +img.ui.image { + display: block; +} + +.ui.image svg, +.ui.image img { + display: block; + max-width: 100%; + height: auto; +} + +/******************************* + States +*******************************/ + +.ui.hidden.images, +.ui.hidden.image { + display: none; +} + +.ui.disabled.images, +.ui.disabled.image { + cursor: default; + opacity: 0.3; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Inline +---------------*/ + +.ui.inline.image, +.ui.inline.image svg, +.ui.inline.image img { + display: inline-block; +} + +/*------------------ + Vertical Aligned +-------------------*/ + +.ui.top.aligned.images .image, +.ui.top.aligned.image, +.ui.top.aligned.image svg, +.ui.top.aligned.image img { + display: inline-block; + vertical-align: top; +} + +.ui.middle.aligned.images .image, +.ui.middle.aligned.image, +.ui.middle.aligned.image svg, +.ui.middle.aligned.image img { + display: inline-block; + vertical-align: middle; +} + +.ui.bottom.aligned.images .image, +.ui.bottom.aligned.image, +.ui.bottom.aligned.image svg, +.ui.bottom.aligned.image img { + display: inline-block; + vertical-align: bottom; +} + +/*-------------- + Rounded +---------------*/ + +.ui.rounded.images .image, +.ui.rounded.images img, +.ui.rounded.images svg, +.ui.rounded.image img, +.ui.rounded.image svg, +.ui.rounded.image { + border-radius: 0.3125em; +} + +/*-------------- + Bordered +---------------*/ + +.ui.bordered.images .image, +.ui.bordered.images img, +.ui.bordered.images svg, +.ui.bordered.image img, +.ui.bordered.image svg, +img.ui.bordered.image { + border: 1px solid rgba(0, 0, 0, 0.1); +} + +/*-------------- + Circular +---------------*/ + +.ui.circular.images, +.ui.circular.image { + overflow: hidden; +} + +.ui.circular.images .image, +.ui.circular.images img, +.ui.circular.images svg, +.ui.circular.image img, +.ui.circular.image svg, +.ui.circular.image { + border-radius: 500rem; +} + +/*-------------- + Fluid +---------------*/ + +.ui.fluid.images, +.ui.fluid.image, +.ui.fluid.images img, +.ui.fluid.images svg, +.ui.fluid.image svg, +.ui.fluid.image img { + display: block; + width: 100%; + height: auto; +} + +/*-------------- + Avatar +---------------*/ + +.ui.avatar.images .image, +.ui.avatar.images img, +.ui.avatar.images svg, +.ui.avatar.image img, +.ui.avatar.image svg, +.ui.avatar.image { + margin-right: 0.25em; + display: inline-block; + width: 2.5em; + height: 2.5em; + border-radius: 500rem; +} + +/*------------------- + Floated +--------------------*/ + +.ui.floated.image, +.ui.floated.images { + float: left; + margin-right: 1em; + margin-bottom: 1em; +} + +.ui.right.floated.images, +.ui.right.floated.image { + float: right; + margin-right: 0em; + margin-bottom: 1em; + margin-left: 1em; +} + +.ui.floated.images:last-child, +.ui.floated.image:last-child { + margin-bottom: 0em; +} + +.ui.centered.images, +.ui.centered.image { + margin-left: auto; + margin-right: auto; +} + +/*-------------- + Sizes +---------------*/ + +.ui.mini.images .image, +.ui.mini.images img, +.ui.mini.images svg, +.ui.mini.image { + width: 20px; + height: auto; + font-size: 0.71428571rem; +} + +.ui.tiny.images .image, +.ui.tiny.images img, +.ui.tiny.images svg, +.ui.tiny.image { + width: 80px; + height: auto; + font-size: 0.85714286rem; +} + +.ui.small.images .image, +.ui.small.images img, +.ui.small.images svg, +.ui.small.image { + width: 150px; + height: auto; + font-size: 0.92857143rem; +} + +.ui.medium.images .image, +.ui.medium.images img, +.ui.medium.images svg, +.ui.medium.image { + width: 300px; + height: auto; + font-size: 1rem; +} + +.ui.large.images .image, +.ui.large.images img, +.ui.large.images svg, +.ui.large.image { + width: 450px; + height: auto; + font-size: 1.14285714rem; +} + +.ui.big.images .image, +.ui.big.images img, +.ui.big.images svg, +.ui.big.image { + width: 600px; + height: auto; + font-size: 1.28571429rem; +} + +.ui.huge.images .image, +.ui.huge.images img, +.ui.huge.images svg, +.ui.huge.image { + width: 800px; + height: auto; + font-size: 1.42857143rem; +} + +.ui.massive.images .image, +.ui.massive.images img, +.ui.massive.images svg, +.ui.massive.image { + width: 960px; + height: auto; + font-size: 1.71428571rem; +} + +/******************************* + Groups +*******************************/ + +.ui.images { + font-size: 0em; + margin: 0em -0.25rem 0rem; +} + +.ui.images .image, +.ui.images img, +.ui.images svg { + display: inline-block; + margin: 0em 0.25rem 0.5rem; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Input +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Standard +*******************************/ + +/*-------------------- + Inputs +---------------------*/ + +.ui.input { + position: relative; + display: inline-block; + color: #212121; +} + +.ui.input input { + margin: 0em; + width: 100%; + outline: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + text-align: left; + line-height: 1.2142em; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + padding: 0.67861em 1em; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + color: #212121; + border-radius: 2px; + -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + box-shadow: none; +} + +/*-------------------- + Placeholder +---------------------*/ + +/* browsers require these rules separate */ + +.ui.input input::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.4); +} + +.ui.input input::-moz-placeholder { + color: rgba(0, 0, 0, 0.4); +} + +/******************************* + States +*******************************/ + +/*-------------------- + Active +---------------------*/ + +.ui.input input:active, +.ui.input.down input { + border-color: rgba(0, 0, 0, 0.3); + background: #fafafa; + color: #212121; + box-shadow: none; +} + +/*-------------------- + Loading +---------------------*/ + +.ui.loading.loading.input > i.icon:before { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285em 0em 0em -0.64285em; + width: 1.2857em; + height: 1.2857em; + border-radius: 500rem; + border: 0.2em solid rgba(0, 0, 0, 0.1); +} + +.ui.loading.loading.input > i.icon:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285em 0em 0em -0.64285em; + width: 1.2857em; + height: 1.2857em; + -webkit-animation: button-spin 0.6s linear; + animation: button-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #aaaaaa transparent transparent; + border-style: solid; + border-width: 0.2em; + box-shadow: 0px 0px 0px 1px transparent; +} + +/*-------------------- + Focus +---------------------*/ + +.ui.input.focus input, +.ui.input input:focus { + border-color: rgba(39, 41, 43, 0.3); + background: #ffffff; + color: rgba(0, 0, 0, 0.8); + box-shadow: none; +} + +.ui.input.focus input input::-webkit-input-placeholder, +.ui.input input:focus input::-webkit-input-placeholder { + color: #212121; +} + +.ui.input.focus input input::-moz-placeholder, +.ui.input input:focus input::-moz-placeholder { + color: #212121; +} + +/*-------------------- + Error +---------------------*/ + +.ui.input.error input { + background-color: #fff0f0; + border-color: #dbb1b1; + color: #f44336; + box-shadow: none; +} + +/* Error Placeholder */ + +.ui.input.error input ::-webkit-input-placeholder { + color: rgba(255, 80, 80, 0.4); +} + +.ui.input.error input ::-moz-placeholder { + color: rgba(255, 80, 80, 0.4); +} + +/* Focused Error Placeholder */ + +.ui.input.error input :focus::-webkit-input-placeholder { + color: rgba(255, 80, 80, 0.7); +} + +.ui.input.error input :focus::-moz-placeholder { + color: rgba(255, 80, 80, 0.7); +} + +/******************************* + Variations +*******************************/ + +/*-------------------- + Transparent +---------------------*/ + +.ui.transparent.input input { + border-color: transparent; + background-color: transparent; + padding: 0em; +} + +/* Transparent Icon */ + +.ui.transparent.icon.input > i.icon { + width: 1.25em; +} + +.ui.transparent.icon.input > input { + padding-left: 0em !important; + padding-right: 2em !important; +} + +.ui.transparent[class*="left icon"].input > input { + padding-left: 0em !important; + padding-left: 2em !important; +} + +/* Transparent Inverted */ + +.ui.transparent.inverted.input input::-moz-placeholder { + color: rgba(255, 255, 255, 0.5); +} + +.ui.transparent.inverted.input { + color: #ffffff; +} + +.ui.transparent.inverted.input input { + color: inherit; +} + +/*-------------------- + Icon +---------------------*/ + +.ui.icon.input > i.icon { + cursor: default; + position: absolute; + text-align: center; + top: 0px; + right: 0px; + margin: 0em; + height: 100%; + width: 2.82142em; + opacity: 0.5; + border-radius: 0em 2px 2px 0em; + -webkit-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; +} + +.ui.icon.input input { + padding-right: 2.82142em !important; +} + +.ui.icon.input > i.icon:before, +.ui.icon.input > i.icon:after { + left: 0; + position: absolute; + text-align: center; + top: 50%; + width: 100%; + margin-top: -0.5em; +} + +.ui.icon.input > i.link.icon { + cursor: pointer; +} + +.ui.icon.input > i.circular.icon { + top: 0.35em; + right: 0.5em; +} + +/* Left Icon Input */ + +.ui[class*="left icon"].input > i.icon { + right: auto; + left: 1px; + border-radius: 2px 0em 0em 2px; +} + +.ui[class*="left icon"].input > i.circular.icon { + right: auto; + left: 0.5em; +} + +.ui[class*="left icon"].input > input { + padding-left: 2.82142em !important; + padding-right: 1em !important; +} + +/* Focus */ + +.ui.icon.input > input:focus ~ i.icon { + opacity: 1; +} + +/*-------------------- + Labeled +---------------------*/ + +/* Adjacent Label */ + +.ui.labeled.input { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.ui.labeled.input > .label { + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + margin: 0; + font-size: 1em; +} + +.ui.labeled.input > .label:not(.corner) { + padding-top: 0.78571em; + padding-bottom: 0.78571em; +} + +/* Fluid Labeled */ + +.ui.fluid.labeled.input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +/* Label on Left */ + +.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input { + border-left: none; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +/* Label on Right */ + +.ui[class*="right labeled"].input > input { + border-right: none; + border-top-right-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} + +.ui[class*="right labeled"].input > .label { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +/* Corner Label */ + +.ui.labeled.input .corner.label { + top: 1px; + right: 1px; + font-size: 0.75em; + border-radius: 0em 2px 0em 0em; +} + +.ui.labeled.input input { + padding-right: 2.5em !important; +} + +/* Spacing with corner label */ + +.ui[class*="corner labeled"].icon.input:not(.left) > input { + padding-right: 3.25em !important; +} + +.ui[class*="corner labeled"].icon.input:not(.left) > .icon { + margin-right: 1.25em; +} + +/*-------------------- + Action +---------------------*/ + +.ui.action.input { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; +} + +.ui.action.input > .button, +.ui.action.input > .buttons { + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} + +.ui.action.input > .button, +.ui.action.input > .buttons > .button { + padding-top: 0.78571em; + padding-bottom: 0.78571em; + margin: 0; +} + +/* Fluid */ + +.ui.fluid.action.input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +/* Button on Right */ + +.ui.action.input:not([class*="left action"]) > input { + border-right: none; + border-top-right-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} + +.ui.action.input:not([class*="left action"]) > .button, +.ui.action.input:not([class*="left action"]) > .buttons > .button { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +/* Button on Left */ + +.ui[class*="left action"].input > .button, +.ui[class*="left action"].input > .buttons > .button { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +.ui[class*="left action"].input > input { + border-left: none; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +/*-------------------- + Inverted +---------------------*/ + +/* Standard */ + +.ui.inverted.input input { + border: none; +} + +/*-------------------- + Fluid +---------------------*/ + +.ui.fluid.input { + display: block; +} + +/*-------------------- + Size +---------------------*/ + +.ui.mini.input { + font-size: 0.8125rem; +} + +.ui.small.input { + font-size: 0.875rem; +} + +.ui.input { + font-size: 1rem; +} + +.ui.large.input { + font-size: 1.125rem; +} + +.ui.big.input { + font-size: 1.25rem; +} + +.ui.huge.input { + font-size: 1.375rem; +} + +.ui.massive.input { + font-size: 1.5rem; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Label +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Label +*******************************/ + +.ui.label { + display: inline-block; + vertical-align: baseline; + line-height: 1; + margin: 0em 0.125em; + background-color: #e8e8e8; + border-color: #e8e8e8; + background-image: none; + padding: 0.6em 0.8em; + color: rgba(0, 0, 0, 0.6); + text-transform: none; + font-weight: bold; + border-radius: 2px; + box-sizing: border-box; + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; +} + +.ui.label:first-child { + margin-left: 0em; +} + +.ui.label:last-child { + margin-right: 0em; +} + +/* Link */ + +a.ui.label { + cursor: pointer; +} + +/* Inside Link */ + +.ui.label a { + cursor: pointer; + color: inherit; + opacity: 0.8; + -webkit-transition: 0.2s opacity ease; + transition: 0.2s opacity ease; +} + +.ui.label a:hover { + opacity: 1; +} + +/* Icon */ + +.ui.label .icon { + width: auto; + margin: 0em 0.75em 0em 0em; +} + +/* Detail */ + +.ui.label .detail { + display: inline-block; + vertical-align: top; + font-weight: bold; + margin-left: 1em; + opacity: 0.8; +} + +.ui.label .detail .icon { + margin: 0em 0.25em 0em 0em; +} + +/* Removable label */ + +.ui.label .close.icon, +.ui.label .delete.icon { + cursor: pointer; + margin-right: 0em; + margin-left: 0.5em; + opacity: 0.8; + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; +} + +.ui.label .delete.icon:hover { + opacity: 1; +} + +/*------------------- + Group +--------------------*/ + +.ui.labels .label { + margin: 0em 0.5em 0.75em 0em; +} + +/*------------------- + Coupling +--------------------*/ + +/* Remove border radius on attached segment */ + +.ui.attached.segment > .ui.top.left.attached.label, +.ui.bottom.attached.segment > .ui.top.left.attached.label { + border-top-left-radius: 0; +} + +.ui.attached.segment > .ui.top.right.attached.label, +.ui.bottom.attached.segment > .ui.top.right.attached.label { + border-top-right-radius: 0; +} + +.ui.top.attached.segment > .ui.bottom.left.attached.label { + border-bottom-left-radius: 0; +} + +.ui.top.attached.segment > .ui.bottom.right.attached.label { + border-bottom-right-radius: 0; +} + +/* Padding on next content after a label */ + +.ui.top.attached.label:first-child + :not(.attached) { + margin-top: 2rem !important; +} + +.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { + margin-top: 0em; + margin-bottom: 2rem !important; +} + +/******************************* + Types +*******************************/ + +.ui.image.label { + width: auto !important; + margin-top: 0em; + margin-bottom: 0em; + max-width: 9999px; + vertical-align: baseline; + text-transform: none; + background: #e8e8e8; + padding: 0.6em 0.8em 0.6em 0.5em; + border-radius: 2px; + box-shadow: none; +} + +.ui.image.label img { + display: inline-block; + vertical-align: top; + height: 2.2em; + margin: -0.6em 0.5em -0.6em -0.5em; + border-radius: 2px; +} + +.ui.image.label .detail { + background: rgba(0, 0, 0, 0.1); + margin: -0.6em -0.8em -0.6em 0.5em; + padding: 0.6em 0.8em; + border-radius: 0em 2px 2px 0em; +} + +/*------------------- + Tag +--------------------*/ + +.ui.tag.labels .label, +.ui.tag.label { + margin-left: 1em; + position: relative; + padding-left: 1.5em; + padding-right: 1.5em; + border-radius: 0em 2px 2px 0em; +} + +.ui.tag.labels .label:before, +.ui.tag.label:before { + position: absolute; + -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); + -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg); + transform: translateY(-50%) translateX(50%) rotate(-45deg); + top: 50%; + right: 100%; + content: ''; + background-color: #e8e8e8; + background-image: none; + width: 1.56em; + height: 1.56em; + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; +} + +.ui.tag.labels .label:after, +.ui.tag.label:after { + position: absolute; + content: ''; + top: 50%; + left: -0.25em; + margin-top: -0.25em; + background-color: #ffffff !important; + width: 0.5em; + height: 0.5em; + box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); + border-radius: 500rem; +} + +/*------------------- + Corner Label +--------------------*/ + +.ui.corner.label { + position: absolute; + top: 0em; + right: 0em; + margin: 0em; + padding: 0em; + text-align: center; + width: 3.25em; + height: 3.25em; + z-index: 1; + -webkit-transition: border-color 0.2s ease; + transition: border-color 0.2s ease; +} + +/* Icon Label */ + +.ui.corner.label { + background-color: transparent !important; +} + +.ui.corner.label:after { + position: absolute; + content: ""; + right: 0em; + top: 0em; + z-index: -1; + width: 0em; + height: 0em; + background-color: transparent !important; + border-top: 0em solid transparent; + border-right: 3.25em solid transparent; + border-bottom: 3.25em solid transparent; + border-left: 0em solid transparent; + border-right-color: inherit; + -webkit-transition: border-color 0.2s ease; + transition: border-color 0.2s ease; +} + +.ui.corner.label .icon { + position: relative; + top: 0.4em; + left: 0.75em; + font-size: 1em; + margin: 0em; +} + +/* Left Corner */ + +.ui.left.corner.label, +.ui.left.corner.label:after { + right: auto; + left: 0em; +} + +.ui.left.corner.label:after { + border-top: 3.25em solid transparent; + border-right: 3.25em solid transparent; + border-bottom: 0em solid transparent; + border-left: 0em solid transparent; + border-top-color: inherit; +} + +.ui.left.corner.label .icon { + left: -0.75em; +} + +/* Segment */ + +.ui.segment > .ui.corner.label { + top: -1px; + right: -1px; +} + +.ui.segment > .ui.left.corner.label { + right: auto; + left: -1px; +} + +/* Input */ + +.ui.input > .ui.corner.label { + top: 1px; + right: 1px; +} + +.ui.input > .ui.right.corner.label { + right: auto; + left: 1px; +} + +/*------------------- + Ribbon +--------------------*/ + +.ui.ribbon.label { + position: relative; + margin: 0em; + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + border-radius: 0em 2px 2px 0em; + border-color: rgba(0, 0, 0, 0.15); +} + +.ui.ribbon.label:after { + position: absolute; + content: ''; + top: 100%; + left: 0%; + background-color: transparent !important; + border-style: solid; + border-width: 0em 1.2em 1.2em 0em; + border-color: transparent; + border-right-color: inherit; + width: 0em; + height: 0em; +} + +/* Right Ribbon */ + +.ui[class*="right ribbon"].label { + text-align: left; + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); + border-radius: 2px 0em 0em 2px; + padding-left: 0.8em; +} + +.ui[class*="right ribbon"].label:after { + left: auto; + right: 0%; + border-style: solid; + border-width: 1.2em 1.2em 0em 0em; + border-color: transparent; + border-top-color: inherit; +} + +/* Positioning */ + +.ui.ribbon.label { + left: -webkit-calc( -1rem - 1.2em ); + left: calc( -1rem - 1.2em ); + margin-right: -1.2em; + padding-left: -webkit-calc( 1rem + 1.2em ); + padding-left: calc( 1rem + 1.2em ); +} + +.ui[class*="right ribbon"].label { + left: -webkit-calc(100% + 1rem + 1.2em ); + left: calc(100% + 1rem + 1.2em ); + padding-right: -webkit-calc( 1rem + 1.2em ); + padding-right: calc( 1rem + 1.2em ); +} + +/* Inside Image */ + +.ui.image > .ribbon.label, +.ui.card .image > .ribbon.label { + position: absolute; + top: 1rem; +} + +.ui.card .image > .ui.ribbon.label, +.ui.image > .ui.ribbon.label { + left: -webkit-calc( 0.05rem - 1.2em ); + left: calc( 0.05rem - 1.2em ); + padding-left: -webkit-calc( -0.05rem + 1.2em ); + padding-left: calc( -0.05rem + 1.2em ); +} + +.ui.card .image > .ui[class*="right ribbon"].label, +.ui.image > .ui[class*="right ribbon"].label { + left: -webkit-calc(100% + -0.05rem + 1.2em ); + left: calc(100% + -0.05rem + 1.2em ); + padding-left: 0.8em; + padding-right: -webkit-calc( -0.05rem + 1.2em ); + padding-right: calc( -0.05rem + 1.2em ); +} + +/*------------------- + Attached +--------------------*/ + +.ui.top.attached.label, +.ui.attached.label { + width: 100%; + position: absolute; + margin: 0em; + top: 0em; + left: 0em; + padding: 0.75em 1em; + border-radius: 2px 2px 0em 0em; +} + +.ui.bottom.attached.label { + top: auto; + bottom: 0em; + border-radius: 0em 0em 2px 2px; +} + +.ui.top.left.attached.label { + width: auto; + margin-top: 0em !important; + border-radius: 2px 0em 2px 0em; +} + +.ui.top.right.attached.label { + width: auto; + left: auto; + right: 0em; + border-radius: 0em 2px 0em 2px; +} + +.ui.bottom.left.attached.label { + width: auto; + top: auto; + bottom: 0em; + border-radius: 0em 2px 0em 2px; +} + +.ui.bottom.right.attached.label { + top: auto; + bottom: 0em; + left: auto; + right: 0em; + width: auto; + border-radius: 2px 0em 2px 0em; +} + +/******************************* + States +*******************************/ + +/*------------------- + Disabled +--------------------*/ + +.ui.label.disabled { + opacity: 0.5; +} + +/*------------------- + Hover +--------------------*/ + +a.ui.labels .label:hover, +a.ui.label:hover { + background-color: #e0e0e0; + border-color: #e0e0e0; + background-image: none; + color: rgba(0, 0, 0, 0.8); +} + +.ui.labels a.label:hover:before, +a.ui.label:hover:before { + background-color: #e0e0e0; + background-image: none; + color: rgba(0, 0, 0, 0.8); +} + +/*------------------- + Visible +--------------------*/ + +.ui.labels.visible .label, +.ui.label.visible { + display: inline-block !important; +} + +/*------------------- + Hidden +--------------------*/ + +.ui.labels.hidden .label, +.ui.label.hidden { + display: none !important; +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Colors +--------------------*/ + +/*--- Black ---*/ + +.ui.black.labels .label, +.ui.black.label { + background-color: #1b1c1d !important; + border-color: #1b1c1d !important; + color: #ffffff !important; +} + +.ui.labels .black.label:before, +.ui.black.labels .label:before, +.ui.black.label:before { + background-color: #1b1c1d !important; +} + +a.ui.black.labels .label:hover, +a.ui.black.label:hover { + background-color: #1b1c1d !important; + border-color: #1b1c1d !important; +} + +.ui.labels a.black.label:hover:before, +.ui.black.labels a.label:hover:before, +a.ui.black.label:hover:before { + background-color: #1b1c1d !important; +} + +.ui.black.corner.label, +.ui.black.corner.label:hover { + background-color: transparent !important; +} + +.ui.black.ribbon.label { + border-color: #020203 !important; +} + +/*--- Blue ---*/ + +.ui.blue.labels .label, +.ui.blue.label { + background-color: #2196f3 !important; + border-color: #2196f3 !important; + color: #ffffff !important; +} + +.ui.labels .blue.label:before, +.ui.blue.labels .label:before, +.ui.blue.label:before { + background-color: #2196f3 !important; +} + +a.ui.blue.labels .label:hover, +.ui.blue.labels a.label:hover, +a.ui.blue.label:hover { + background-color: #309df4 !important; + border-color: #309df4 !important; + color: #ffffff !important; +} + +.ui.labels a.blue.label:hover:before, +.ui.blue.labels a.label:hover:before, +a.ui.blue.label:hover:before { + background-color: #309df4 !important; +} + +.ui.blue.corner.label, +.ui.blue.corner.label:hover { + background-color: transparent !important; +} + +.ui.blue.ribbon.label { + border-color: #0c7cd5 !important; +} + +/*--- Green ---*/ + +.ui.green.labels .label, +.ui.green.label { + background-color: #4caf50 !important; + border-color: #4caf50 !important; + color: #ffffff !important; +} + +.ui.labels .green.label:before, +.ui.green.labels .label:before, +.ui.green.label:before { + background-color: #4caf50 !important; +} + +a.ui.green.labels .label:hover, +a.ui.green.label:hover { + background-color: #55b559 !important; + border-color: #55b559 !important; +} + +.ui.labels a.green.label:hover:before, +.ui.green.labels a.label:hover:before, +a.ui.green.label:hover:before { + background-color: #55b559 !important; +} + +.ui.green.corner.label, +.ui.green.corner.label:hover { + background-color: transparent !important; +} + +.ui.green.ribbon.label { + border-color: #3d8b40 !important; +} + +/*--- Orange ---*/ + +.ui.orange.labels .label, +.ui.orange.label { + background-color: #ff9800 !important; + border-color: #ff9800 !important; + color: #ffffff !important; +} + +.ui.labels .orange.label:before, +.ui.orange.labels .label:before, +.ui.orange.label:before { + background-color: #ff9800 !important; +} + +a.ui.orange.labels .label:hover, +.ui.orange.labels a.label:hover, +a.ui.orange.label:hover { + background-color: #ff9e0f !important; + border-color: #ff9e0f !important; + color: #ffffff !important; +} + +.ui.labels a.orange.label:hover:before, +.ui.orange.labels a.label:hover:before, +a.ui.orange.label:hover:before { + background-color: #ff9e0f !important; +} + +.ui.orange.corner.label, +.ui.orange.corner.label:hover { + background-color: transparent !important; +} + +.ui.orange.ribbon.label { + border-color: #cc7a00 !important; +} + +/*--- Pink ---*/ + +.ui.pink.labels .label, +.ui.pink.label { + background-color: #e91e63 !important; + border-color: #e91e63 !important; + color: #ffffff !important; +} + +.ui.labels .pink.label:before, +.ui.pink.labels .label:before, +.ui.pink.label:before { + background-color: #e91e63 !important; +} + +a.ui.pink.labels .label:hover, +.ui.pink.labels a.label:hover, +a.ui.pink.label:hover { + background-color: #ea2c6d !important; + border-color: #ea2c6d !important; + color: #ffffff !important; +} + +.ui.labels a.pink.label:hover:before, +.ui.pink.labels a.label:hover:before, +a.ui.pink.label:hover:before { + background-color: #ea2c6d !important; +} + +.ui.pink.corner.label, +.ui.pink.corner.label:hover { + background-color: transparent !important; +} + +.ui.pink.ribbon.label { + border-color: #c1134e !important; +} + +/*--- Purple ---*/ + +.ui.purple.labels .label, +.ui.purple.label { + background-color: #9c27b0 !important; + border-color: #9c27b0 !important; + color: #ffffff !important; +} + +.ui.labels .purple.label:before, +.ui.purple.labels .label:before, +.ui.purple.label:before { + background-color: #9c27b0 !important; +} + +a.ui.purple.labels .label:hover, +.ui.purple.labels a.label:hover, +a.ui.purple.label:hover { + background-color: #a72abd !important; + border-color: #a72abd !important; + color: #ffffff !important; +} + +.ui.labels a.purple.label:hover:before, +.ui.purple.labels a.label:hover:before, +a.ui.purple.label:hover:before { + background-color: #a72abd !important; +} + +.ui.purple.corner.label, +.ui.purple.corner.label:hover { + background-color: transparent !important; +} + +.ui.purple.ribbon.label { + border-color: #771e86 !important; +} + +/*--- Red ---*/ + +.ui.red.labels .label, +.ui.red.label { + background-color: #f44336 !important; + border-color: #f44336 !important; + color: #ffffff !important; +} + +.ui.labels .red.label:before, +.ui.red.labels .label:before, +.ui.red.label:before { + background-color: #f44336 !important; +} + +.ui.red.corner.label, +.ui.red.corner.label:hover { + background-color: transparent !important; +} + +a.ui.red.labels .label:hover, +a.ui.red.label:hover { + background-color: #f55145 !important; + border-color: #f55145 !important; + color: #ffffff !important; +} + +.ui.labels a.red.label:hover:before, +.ui.red.labels a.label:hover:before, +a.ui.red.label:hover:before { + background-color: #f55145 !important; +} + +.ui.red.ribbon.label { + border-color: #ea1c0d !important; +} + +/*--- Teal ---*/ + +.ui.teal.labels .label, +.ui.teal.label { + background-color: #1de9b6 !important; + border-color: #1de9b6 !important; + color: #ffffff !important; +} + +.ui.labels .teal.label:before, +.ui.teal.labels .label:before, +.ui.teal.label:before { + background-color: #1de9b6 !important; +} + +a.ui.teal.labels .label:hover, +.ui.teal.labels a.label:hover, +a.ui.teal.label:hover { + background-color: #2beabb !important; + border-color: #2beabb !important; + color: #ffffff !important; +} + +.ui.labels a.teal.label:hover:before, +.ui.teal.labels a.label:hover:before, +a.ui.teal.label:hover:before { + background-color: #2beabb !important; +} + +.ui.teal.corner.label, +.ui.teal.corner.label:hover { + background-color: transparent !important; +} + +.ui.teal.ribbon.label { + border-color: #13c095 !important; +} + +/*--- Yellow ---*/ + +.ui.yellow.labels .label, +.ui.yellow.label { + background-color: #ffeb3b !important; + border-color: #ffeb3b !important; + color: #ffffff !important; +} + +.ui.labels .yellow.label:before, +.ui.yellow.labels .label:before, +.ui.yellow.label:before { + background-color: #ffeb3b !important; +} + +a.ui.yellow.labels .label:hover, +.ui.yellow.labels a.label:hover, +a.ui.yellow.label:hover { + background-color: #ffed4a !important; + border-color: #ffed4a !important; + color: #ffffff !important; +} + +.ui.labels a.yellow.label:hover:before, +.ui.yellow.labels a.label:hover:before, +a.ui.yellow.label:hover:before { + background-color: #ffed4a !important; +} + +.ui.yellow.corner.label, +.ui.yellow.corner.label:hover { + background-color: transparent !important; +} + +.ui.yellow.ribbon.label { + border-color: #ffe608 !important; +} + +/*------------------- + Fluid +--------------------*/ + +.ui.label.fluid, +.ui.fluid.labels > .label { + width: 100%; + box-sizing: border-box; +} + +/*------------------- + Inverted +--------------------*/ + +.ui.inverted.labels .label, +.ui.inverted.label { + color: #ffffff !important; +} + +/*------------------- + Horizontal +--------------------*/ + +.ui.horizontal.labels .label, +.ui.horizontal.label { + margin: 0em 0.5em 0em 0em; + padding: 0.4em 0.8em; + min-width: 3em; + text-align: center; +} + +/*------------------- + Circular +--------------------*/ + +.ui.circular.labels .label, +.ui.circular.label { + min-width: 2em; + min-height: 2em; + padding: 0.5em !important; + line-height: 1em; + text-align: center; + border-radius: 500rem; +} + +.ui.empty.circular.labels .label, +.ui.empty.circular.label { + min-width: 0em; + min-height: 0em; + overflow: hidden; + width: 0.5em; + height: 0.5em; + vertical-align: baseline; +} + +/*------------------- + Pointing +--------------------*/ + +.ui.pointing.label { + position: relative; +} + +.ui.attached.pointing.label { + position: absolute; +} + +.ui.pointing.label:before { + position: absolute; + content: ''; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + background-image: none; + z-index: 2; + width: 0.6em; + height: 0.6em; + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; +} + +/*--- Above ---*/ + +.ui.pointing.label:before { + background-color: #e8e8e8; + background-image: none; +} + +.ui.pointing.label, +.ui.pointing.above.label { + margin-top: 1em; +} + +.ui.pointing.label:before, +.ui.pointing.above.label:before { + margin-left: -0.3em; + top: -0.3em; + left: 50%; +} + +/*--- Below ---*/ + +.ui.pointing.bottom.label, +.ui.pointing.below.label { + margin-top: 0em; + margin-bottom: 1em; +} + +.ui.pointing.bottom.label:before, +.ui.pointing.below.label:before { + margin-left: -0.3em; + top: auto; + right: auto; + bottom: -0.3em; + left: 50%; +} + +/*--- Left ---*/ + +.ui.pointing.left.label { + margin-top: 0em; + margin-left: 0.6em; +} + +.ui.pointing.left.label:before { + margin-top: -0.3em; + bottom: auto; + right: auto; + top: 50%; + left: 0em; +} + +/*--- Right ---*/ + +.ui.pointing.right.label { + margin-top: 0em; + margin-right: 0.6em; +} + +.ui.pointing.right.label:before { + margin-top: -0.3em; + right: -0.3em; + top: 50%; + bottom: auto; + left: auto; +} + +/*------------------ + Floating Label +-------------------*/ + +.ui.floating.label { + position: absolute; + z-index: 100; + top: -1em; + left: 100%; + margin: 0em 0em 0em -1.5em !important; +} + +/*------------------- + Sizes +--------------------*/ + +.ui.mini.labels .label, +.ui.mini.label { + font-size: 0.6428rem; +} + +.ui.tiny.labels .label, +.ui.tiny.label { + font-size: 0.7142rem; +} + +.ui.small.labels .label, +.ui.small.label { + font-size: 0.7857rem; +} + +.ui.labels .label, +.ui.label { + font-size: 0.8571rem; +} + +.ui.large.labels .label, +.ui.large.label { + font-size: 1rem; +} + +.ui.big.labels .label, +.ui.big.label { + font-size: 1.1428rem; +} + +.ui.huge.labels .label, +.ui.huge.label { + font-size: 1.2857rem; +} + +.ui.massive.labels .label, +.ui.massive.label { + font-size: 1.4285rem; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - List +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + List +*******************************/ + +ul.ui.list, +ol.ui.list, +.ui.list { + list-style-type: none; + margin: 1em 0em; + padding: 0em 0em; +} + +ul.ui.list:first-child, +ol.ui.list:first-child, +.ui.list:first-child { + margin-top: 0em; + padding-top: 0em; +} + +ul.ui.list:last-child, +ol.ui.list:last-child, +.ui.list:last-child { + margin-bottom: 0em; + padding-bottom: 0em; +} + +/******************************* + Content +*******************************/ + +/* List Item */ + +ul.ui.list li, +ol.ui.list li, +.ui.list > .item, +.ui.list .list > .item { + display: list-item; + table-layout: fixed; + list-style-type: none; + list-style-position: outside; + padding: 0.3em 0em; + line-height: 1.2; +} + +ul.ui.list > li:first-child:after, +ol.ui.list > li:first-child:after, +.ui.list > .list > .item, +.ui.list > .item:after { + content: ''; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +ul.ui.list li:first-child, +ol.ui.list li:first-child, +.ui.list .list > .item:first-child, +.ui.list > .item:first-child { + padding-top: 0em; +} + +ul.ui.list li:last-child, +ol.ui.list li:last-child, +.ui.list .list > .item:last-child, +.ui.list > .item:last-child { + padding-bottom: 0em; +} + +/* Child List */ + +ul.ui.list ul, +ol.ui.list ol, +.ui.list .list { + clear: both; + margin: 0em; + padding: 0.75em 0em 0.25em 0.5em; +} + +/* Icon */ + +.ui.list .list > .item > i.icon, +.ui.list > .item > i.icon { + display: table-cell; + margin: 0em; + padding-top: 0.1rem; + padding-right: 0.3em; + vertical-align: middle; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +.ui.list .list > .item i[class*="top aligned"].icon, +.ui.list > .item > i[class*="top aligned"].icon { + vertical-align: top; +} + +.ui.list .list > .item > i.icon:only-child, +.ui.list > .item > i.icon:only-child { + display: inline-block; + vertical-align: top; +} + +/* Image */ + +.ui.list .list > .item > .image, +.ui.list > .item > .image { + display: table-cell; + background-color: transparent; + margin: 0em; + padding-right: 0.5em; + vertical-align: middle; +} + +.ui.list .list > .item > [class*="top aligned"].image, +.ui.list > .item > [class*="top aligned"].image { + vertical-align: top; +} + +.ui.list .list > .item > .image img, +.ui.list > .item > .image img { + vertical-align: middle; +} + +.ui.list .list > .item > img.image, +.ui.list .list > .item > .image:only-child, +.ui.list > .item > img.image, +.ui.list > .item > .image:only-child { + display: inline-block; + padding-right: 0em; +} + +/* Content */ + +.ui.list .list > .item > .content, +.ui.list > .item > .content { + line-height: 1.2em; +} + +.ui.list .list > .item > .image + .content, +.ui.list .list > .item > .icon + .content .ui.list > .item > .image + .content, +.ui.list > .item > .icon + .content { + display: table-cell; + padding: 0em 0em 0em 0.5em; + vertical-align: middle; +} + +.ui.list .list > .item > .image + .content, +.ui.list .list > .item > .icon + .content, +.ui.list > .item > .image + .content, +.ui.list > .item > .icon + .content { + display: table-cell; + padding: 0em 0em 0em 0.5em; + vertical-align: middle; +} + +.ui.list .list > .item > img.image + .content, +.ui.list > .item > img.image + .content { + display: inline-block; +} + +.ui.list .list > .item [class*="top aligned"].content, +.ui.list > .item > [class*="top aligned"].content { + vertical-align: top; +} + +.ui.list .list > .item > .content > .list, +.ui.list > .item > .content > .list { + margin-left: 0em; + padding-left: 0em; +} + +/* Item Link */ + +.ui.list .list > a.item, +.ui.list > a.item { + cursor: pointer; + color: #212121; +} + +.ui.list .list > a.item:hover, +.ui.list > a.item:hover { + color: #00b2f3; +} + +/* Linked Item Icons */ + +.ui.list .list > a.item i.icon, +.ui.list > a.item i.icon { + color: rgba(0, 0, 0, 0.4); +} + +/* Linking Content */ + +.ui.list .item a { + cursor: pointer; + color: #212121 !important; +} + +.ui.list .item a:hover { + color: #00b2f3 !important; +} + +/* Header */ + +.ui.list .list > .item .header, +.ui.list > .item .header { + display: block; + margin: 0em; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-weight: bold; + color: #212121; +} + +.ui.list .list > .item .description, +.ui.list > .item .description { + display: block; + color: #212121; +} + +/* Floated Content */ + +.ui.list .list > .item [class*="left floated"], +.ui.list > .item [class*="left floated"] { + float: left; + margin: 0em 1em 0em 0em; +} + +.ui.list .list > .item [class*="right floated"], +.ui.list > .item [class*="right floated"] { + float: right; + margin: 0em 0em 0em 1em; +} + +/******************************* + Coupling +*******************************/ + +.ui.menu .ui.list > .item, +.ui.menu .ui.list .list > .item { + display: list-item; + table-layout: fixed; + background-color: transparent; + list-style-type: none; + list-style-position: outside; + padding: 0.3em 0em; + line-height: 1.2; +} + +.ui.menu .ui.list .list > .item:before, +.ui.menu .ui.list > .item:before { + border: none; + background: none; +} + +.ui.menu .ui.list .list > .item:first-child, +.ui.menu .ui.list > .item:first-child { + padding-top: 0em; +} + +.ui.menu .ui.list .list > .item:last-child, +.ui.menu .ui.list > .item:last-child { + padding-bottom: 0em; +} + +/******************************* + Types +*******************************/ + +/*------------------- + Horizontal +--------------------*/ + +.ui.horizontal.list { + display: inline-block; + font-size: 0em; +} + +.ui.horizontal.list > .item { + display: inline-block; + margin-left: 1em; + font-size: 1rem; +} + +.ui.horizontal.list > .item:first-child { + margin-left: 0em !important; + padding-left: 0em !important; +} + +.ui.horizontal.list .list { + padding-left: 0em; + padding-bottom: 0em; +} + +/* Padding on all elements */ + +.ui.horizontal.list > .item:first-child, +.ui.horizontal.list > .item:last-child { + padding-top: 0.3em; + padding-bottom: 0.3em; +} + +/* Horizontal List */ + +.ui.horizontal.list > .item > i.icon { + margin: 0em; + padding: 0em 0.25em 0em 0em; +} + +.ui.horizontal.list > .item > .icon, +.ui.horizontal.list > .item > .icon + .content { + float: none; + display: inline-block; +} + +/******************************* + States +*******************************/ + +/*------------------- + Disabled +--------------------*/ + +.ui.list .list > .disabled.item, +.ui.list > .disabled.item { + pointer-events: none; + color: rgba(40, 40, 40, 0.3) !important; +} + +.ui.inverted.list .list > .disabled.item, +.ui.inverted.list > .disabled.item { + color: rgba(225, 225, 225, 0.3) !important; +} + +/*------------------- + Hover +--------------------*/ + +.ui.list .list > a.item:hover .icon, +.ui.list > a.item:hover .icon { + color: #212121; +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Inverted +--------------------*/ + +.ui.inverted.list .list > a.item > .icon, +.ui.inverted.list > a.item > .icon { + color: rgba(255, 255, 255, 0.8); +} + +.ui.inverted.list .list > .item .header, +.ui.inverted.list > .item .header { + color: #ffffff; +} + +.ui.inverted.list .list > .item .description, +.ui.inverted.list > .item .description { + color: rgba(255, 255, 255, 0.8); +} + +/* Item Link */ + +.ui.inverted.list .list > a.item, +.ui.inverted.list > a.item { + cursor: pointer; + color: #ffffff; +} + +.ui.inverted.list .list > a.item:hover, +.ui.inverted.list > a.item:hover { + color: #00b2f3; +} + +/* Linking Content */ + +.ui.inverted.list .item a { + cursor: pointer; + color: #ffffff !important; +} + +.ui.inverted.list .item a:hover { + color: #00b2f3 !important; +} + +/*------------------- + Link +--------------------*/ + +.ui.link.list .item, +.ui.link.list a.item, +.ui.link.list .item a { + color: rgba(0, 0, 0, 0.4); + -webkit-transition: 0.2s color ease; + transition: 0.2s color ease; +} + +.ui.link.list a.item:hover, +.ui.link.list .item a:hover { + color: rgba(0, 0, 0, 0.8); +} + +.ui.link.list a.item:active, +.ui.link.list .item a:active { + color: rgba(0, 0, 0, 0.8); +} + +.ui.link.list .active.item, +.ui.link.list .active.item a { + color: rgba(0, 0, 0, 0.8); +} + +/* Inverted */ + +.ui.inverted.link.list .item, +.ui.inverted.link.list a.item, +.ui.inverted.link.list .item a { + color: rgba(255, 255, 255, 0.5); +} + +.ui.inverted.link.list a.item:hover, +.ui.inverted.link.list .item a:hover { + color: #ffffff; +} + +.ui.inverted.link.list a.item:active, +.ui.inverted.link.list .item a:active { + color: #ffffff; +} + +.ui.inverted.link.list a.active.item, +.ui.inverted.link.list .active.item a { + color: #ffffff; +} + +/*------------------- + Selection +--------------------*/ + +.ui.selection.list .list > .item, +.ui.selection.list > .item { + cursor: pointer; + background: transparent; + padding: 0.5em 0.5em; + margin: 0em; + color: rgba(0, 0, 0, 0.4); + border-radius: 0.5em; + -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease; + transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease; +} + +.ui.selection.list .list > .item:last-child, +.ui.selection.list > .item:last-child { + margin-bottom: 0em; +} + +.ui.selection.list.list > .item:hover, +.ui.selection.list > .item:hover { + background: rgba(0, 0, 0, 0.03); + color: rgba(0, 0, 0, 0.8); +} + +.ui.selection.list .list > .item:active, +.ui.selection.list > .item:active { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); +} + +.ui.selection.list .list > .item.active, +.ui.selection.list > .item.active { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); +} + +/* Inverted */ + +.ui.inverted.selection.list > .item, +.ui.inverted.selection.list > .item { + background: transparent; + color: rgba(255, 255, 255, 0.5); +} + +.ui.inverted.selection.list > .item:hover, +.ui.inverted.selection.list > .item:hover { + background: rgba(255, 255, 255, 0.02); + color: #ffffff; +} + +.ui.inverted.selection.list > .item:active, +.ui.inverted.selection.list > .item:active { + background: rgba(255, 255, 255, 0.05); + color: #ffffff; +} + +.ui.inverted.selection.list > .item.active, +.ui.inverted.selection.list > .item.active { + background: rgba(255, 255, 255, 0.05); + color: #ffffff; +} + +/* Celled / Divided Selection List */ + +.ui.celled.selection.list .list > .item, +.ui.divided.selection.list .list > .item, +.ui.celled.selection.list > .item, +.ui.divided.selection.list > .item { + border-radius: 0em; +} + +/*------------------- + Animated +--------------------*/ + +.ui.animated.list > .item { + -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease; + transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease; +} + +.ui.animated.list:not(.horizontal) > .item:hover { + padding-left: 1em; +} + +/*------------------- + Fitted +--------------------*/ + +.ui.fitted.list:not(.selection) .list > .item, +.ui.fitted.list:not(.selection) > .item { + padding-left: 0em; + padding-right: 0em; +} + +.ui.fitted.selection.list .list > .item, +.ui.fitted.selection.list > .item { + margin-left: -0.5em; + margin-right: -0.5em; +} + +/*------------------- + Bulleted +--------------------*/ + +ul.ui.list, +.ui.bulleted.list { + margin-left: 1rem; +} + +ul.ui.list li, +.ui.bulleted.list .list > .item, +.ui.bulleted.list > .item { + position: relative; +} + +ul.ui.list li:before, +.ui.bulleted.list .list > .item:before, +.ui.bulleted.list > .item:before { + position: absolute; + top: auto; + left: auto; + margin-left: -1rem; + content: '•'; + opacity: 1; + color: #212121; + vertical-align: top; +} + +ul.ui.list ul, +.ui.bulleted.list .list { + padding-left: 1rem; +} + +/* Horizontal Bulleted */ + +ul.ui.horizontal.bulleted.list, +.ui.horizontal.bulleted.list { + margin-left: 0em; +} + +ul.ui.horizontal.bulleted.list li, +.ui.horizontal.bulleted.list > .item { + margin-left: 1.5rem; +} + +ul.ui.horizontal.bulleted.list li:first-child, +.ui.horizontal.bulleted.list > .item:first-child { + margin-left: 0em; +} + +ul.ui.horizontal.bulleted.list li:first-child::before, +.ui.horizontal.bulleted.list > .item:first-child::before { + display: none; +} + +/*------------------- + Ordered +--------------------*/ + +ol.ui.list, +.ui.ordered.list, +.ui.ordered.list .list, +ol.ui.list ol { + counter-reset: ordered; + margin-left: 1.25rem; + list-style-type: none; +} + +ol.ui.list li, +.ui.ordered.list .list > .item, +.ui.ordered.list > .item { + list-style-type: none; + position: relative; +} + +ol.ui.list li:before, +.ui.ordered.list .list > .item:before, +.ui.ordered.list > .item:before { + position: absolute; + top: auto; + left: auto; + margin-left: -1.25rem; + counter-increment: ordered; + content: counters(ordered, ".") " "; + text-align: right; + color: #212121; + vertical-align: middle; + opacity: 0.8; +} + +/* Child Lists */ + +ol.ui.list ol, +.ui.ordered.list .list { + margin-left: 1em; +} + +ol.ui.list ol li:before, +.ui.ordered.list .list > .item:before { + margin-left: -2em; +} + +/* Horizontal Ordered */ + +ol.ui.horizontal.list, +.ui.ordered.horizontal.list { + margin-left: 0em; +} + +ol.ui.horizontal.list li:before, +.ui.ordered.horizontal.list .list > .item:before, +.ui.ordered.horizontal.list > .item:before { + position: static; + margin: 0em 0.5em 0em 0em; +} + +/*------------------- + Divided +--------------------*/ + +.ui.divided.list > .item { + border-top: 1px solid rgba(39, 41, 43, 0.15); +} + +.ui.divided.list .list > .item { + border-top: none; +} + +.ui.divided.list .item .list > .item { + border-top: none; +} + +.ui.divided.list .list > .item:first-child, +.ui.divided.list > .item:first-child { + border-top: none; +} + +/* Sub Menu */ + +.ui.divided.list:not(.horizontal) .list > .item:first-child { + border-top-width: 1px; +} + +/* Divided bulleted */ + +.ui.divided.bulleted.list:not(.horizontal), +.ui.divided.bulleted.list .list { + margin-left: 0em; + padding-left: 0em; +} + +.ui.divided.bulleted.list .list > .item:not(.horizontal), +.ui.divided.bulleted.list > .item:not(.horizontal) { + padding-left: 1rem; +} + +/* Divided Ordered */ + +.ui.divided.ordered.list { + margin-left: 0em; +} + +.ui.divided.ordered.list .list > .item, +.ui.divided.ordered.list > .item { + padding-left: 1.25rem; +} + +.ui.divided.ordered.list .item .list { + margin-left: 0em; + margin-right: 0em; + padding-bottom: 0.3em; +} + +.ui.divided.ordered.list .item .list > .item { + padding-left: 1em; +} + +/* Divided Selection */ + +.ui.divided.selection.list .list > .item, +.ui.divided.selection.list > .item { + margin: 0em; + border-radius: 0em; +} + +/* Divided horizontal */ + +.ui.divided.horizontal.list { + margin-left: 0em; +} + +.ui.divided.horizontal.list > .item { + border-top: none; + border-left: 1px solid rgba(39, 41, 43, 0.15); + margin: 0em; + padding-left: 0.5em; + padding-right: 0.5em; + line-height: 0.6; +} + +.ui.horizontal.divided.list > .item:first-child { + border-left: none; +} + +/* Inverted */ + +.ui.divided.inverted.list > .item, +.ui.divided.inverted.list > .list, +.ui.divided.inverted.horizontal.list > .item { + border-color: rgba(255, 255, 255, 0.2); +} + +/*------------------- + Celled +--------------------*/ + +.ui.celled.list > .item, +.ui.celled.list > .list { + border-top: 1px solid rgba(39, 41, 43, 0.15); + padding-left: 0.5em; + padding-right: 0.5em; +} + +.ui.celled.list > .item:last-child { + border-bottom: 1px solid rgba(39, 41, 43, 0.15); +} + +/* Padding on all elements */ + +.ui.celled.list > .item:first-child, +.ui.celled.list > .item:last-child { + padding-top: 0.3em; + padding-bottom: 0.3em; +} + +/* Sub Menu */ + +.ui.celled.list .item .list > .item { + border-width: 0px; +} + +.ui.celled.list .list > .item:first-child { + border-top-width: 0px; +} + +/* Celled Bulleted */ + +.ui.celled.bulleted.list { + margin-left: 0em; +} + +.ui.celled.bulleted.list .list > .item, +.ui.celled.bulleted.list > .item { + padding-left: 1rem; +} + +.ui.celled.bulleted.list .item .list { + margin-left: -1rem; + margin-right: -1rem; + padding-bottom: 0.3em; +} + +/* Celled Ordered */ + +.ui.celled.ordered.list { + margin-left: 0em; +} + +.ui.celled.ordered.list .list > .item, +.ui.celled.ordered.list > .item { + padding-left: 1.25rem; +} + +.ui.celled.ordered.list .item .list { + margin-left: 0em; + margin-right: 0em; + padding-bottom: 0.3em; +} + +.ui.celled.ordered.list .list > .item { + padding-left: 1em; +} + +/* Celled Horizontal */ + +.ui.horizontal.celled.list { + margin-left: 0em; +} + +.ui.horizontal.celled.list .list > .item, +.ui.horizontal.celled.list > .item { + border-top: none; + border-left: 1px solid rgba(39, 41, 43, 0.15); + margin: 0em; + padding-left: 0.5em; + padding-right: 0.5em; + line-height: 0.6; +} + +.ui.horizontal.celled.list .list > .item:last-child, +.ui.horizontal.celled.list > .item:last-child { + border-bottom: none; + border-right: 1px solid rgba(39, 41, 43, 0.15); +} + +/* Inverted */ + +.ui.celled.inverted.list > .item, +.ui.celled.inverted.list > .list { + border-color: 1px solid rgba(255, 255, 255, 0.2); +} + +.ui.celled.inverted.horizontal.list .list > .item, +.ui.celled.inverted.horizontal.list > .item { + border-color: 1px solid rgba(255, 255, 255, 0.2); +} + +/*------------------- + Relaxed +--------------------*/ + +.ui.relaxed.list:not(.horizontal) > .item { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.ui.relaxed.list .list > .item .header, +.ui.relaxed.list > .item .header { + /*margin-bottom: @relaxedHeaderMargin;*/ +} + +.ui.horizontal.relaxed.list > .item { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +/* Very Relaxed */ + +.ui[class*="very relaxed"].list:not(.horizontal) > .item { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui[class*="very relaxed"].list .list > .item .header, +.ui[class*="very relaxed"].list > .item .header { + /*margin-bottom: @veryRelaxedHeaderMargin;*/ +} + +.ui.horizontal[class*="very relaxed"].list .list > .item, +.ui.horizontal[class*="very relaxed"].list > .item { + padding-left: 2rem; + padding-right: 2rem; +} + +/*------------------- + Sizes +--------------------*/ + +.ui.mini.list { + font-size: 0.71428571em; +} + +.ui.tiny.list { + font-size: 0.85714286em; +} + +.ui.small.list { + font-size: 0.92857143em; +} + +.ui.list { + font-size: 1em; +} + +.ui.large.list { + font-size: 1.14285714em; +} + +.ui.big.list { + font-size: 1.28571429em; +} + +.ui.huge.list { + font-size: 1.42857143em; +} + +.ui.massive.list { + font-size: 1.71428571em; +} + +.ui.mini.horizontal.list .list > .item, +.ui.mini.horizontal.list > .item { + font-size: 0.71428571rem; +} + +.ui.tiny.horizontal.list .list > .item, +.ui.tiny.horizontal.list > .item { + font-size: 0.85714286rem; +} + +.ui.small.horizontal.list .list > .item, +.ui.small.horizontal.list > .item { + font-size: 0.92857143rem; +} + +.ui.horizontal.list .list > .item, +.ui.horizontal.list > .item { + font-size: 1rem; +} + +.ui.large.horizontal.list .list > .item, +.ui.large.horizontal.list > .item { + font-size: 1.14285714rem; +} + +.ui.big.horizontal.list .list > .item, +.ui.big.horizontal.list > .item { + font-size: 1.28571429rem; +} + +.ui.huge.horizontal.list .list > .item, +.ui.huge.horizontal.list > .item { + font-size: 1.42857143rem; +} + +.ui.massive.horizontal.list .list > .item, +.ui.massive.horizontal.list > .item { + font-size: 1.71428571rem; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! +* # Semantic UI x.x - Loader +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Loader +*******************************/ + +/* Standard Size */ + +.ui.loader { + display: none; + position: absolute; + top: 50%; + left: 50%; + margin: 0px; + text-align: center; + z-index: 1000; + -webkit-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +/* Static Shape */ + +.ui.loader:before { + position: absolute; + content: ''; + top: 0%; + left: 50%; + width: 100%; + height: 100%; + border-radius: 500rem; + border: 0.2em solid rgba(0, 0, 0, 0.1); +} + +/* Active Shape */ + +.ui.loader:after { + position: absolute; + content: ''; + top: 0%; + left: 50%; + width: 100%; + height: 100%; + -webkit-animation: loader 0.6s linear; + animation: loader 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #aaaaaa transparent transparent; + border-style: solid; + border-width: 0.2em; + box-shadow: 0px 0px 0px 1px transparent; +} + +/* Active Animation */ + +@-webkit-keyframes loader { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes loader { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +/* Sizes */ + +.ui.loader:before, +.ui.loader:after { + width: 2.2585em; + height: 2.2585em; + margin: 0em 0em 0em -1.12925em; +} + +.ui.mini.loader:before, +.ui.mini.loader:after { + width: 1.2857em; + height: 1.2857em; + margin: 0em 0em 0em -0.64285em; +} + +.ui.small.loader:before, +.ui.small.loader:after { + width: 1.7142em; + height: 1.7142em; + margin: 0em 0em 0em -0.8571em; +} + +.ui.large.loader:before, +.ui.large.loader:after { + width: 4.5714em; + height: 4.5714em; + margin: 0em 0em 0em -2.2857em; +} + +/*------------------- + Coupling +--------------------*/ + +/* Show inside active dimmer */ + +.ui.dimmer .loader { + display: block; +} + +/* Black Dimmer */ + +.ui.dimmer .ui.loader { + color: #ffffff; +} + +.ui.dimmer .ui.loader:before { + border-color: rgba(255, 255, 255, 0.15); +} + +.ui.dimmer .ui.loader:after { + border-color: #ffffff transparent transparent; +} + +/* White Dimmer (Inverted) */ + +.ui.inverted.dimmer .ui.loader { + color: #212121; +} + +.ui.inverted.dimmer .ui.loader:before { + border-color: rgba(0, 0, 0, 0.1); +} + +.ui.inverted.dimmer .ui.loader:after { + border-color: #aaaaaa transparent transparent; +} + +/******************************* + Types +*******************************/ + +/*------------------- + Text +--------------------*/ + +.ui.text.loader { + width: auto !important; + height: auto !important; + text-align: center; + font-style: normal; +} + +/******************************* + States +*******************************/ + +.ui.indeterminate.loader:after { + -webkit-animation-direction: reverse; + animation-direction: reverse; + -webkit-animation-duration: 1.2s; + animation-duration: 1.2s; +} + +.ui.loader.active, +.ui.loader.visible { + display: block; +} + +.ui.loader.disabled, +.ui.loader.hidden { + display: none; +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Sizes +--------------------*/ + +/* Loader */ + +.ui.inverted.dimmer .ui.mini.loader, +.ui.mini.loader { + width: 1.2857em; + height: 1.2857em; + font-size: 0.7857em; +} + +.ui.inverted.dimmer .ui.small.loader, +.ui.small.loader { + width: 1.7142em; + height: 1.7142em; + font-size: 0.9285em; +} + +.ui.inverted.dimmer .ui.loader, +.ui.loader { + width: 2.2585em; + height: 2.2585em; + font-size: 1em; +} + +.ui.inverted.dimmer .ui.loader.large, +.ui.loader.large { + width: 4.5714em; + height: 4.5714em; + font-size: 1.1428em; +} + +/* Text Loader */ + +.ui.mini.text.loader { + min-width: 1.2857em; + padding-top: 1.9857em; +} + +.ui.small.text.loader { + min-width: 1.7142em; + padding-top: 2.4142em; +} + +.ui.text.loader { + min-width: 2.2585em; + padding-top: 2.9585em; +} + +.ui.large.text.loader { + min-width: 4.5714em; + padding-top: 5.2714em; +} + +/*------------------- + Inverted +--------------------*/ + +.ui.inverted.loader { + color: #ffffff; +} + +.ui.inverted.loader:before { + border-color: rgba(255, 255, 255, 0.15); +} + +.ui.inverted.loader:after { + border-top-color: #ffffff; +} + +/*------------------- + Inline +--------------------*/ + +.ui.inline.loader { + position: relative; + vertical-align: middle; + margin: 0em; + left: 0em; + top: 0em; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +.ui.inline.loader.active, +.ui.inline.loader.visible { + display: inline-block; +} + +/* Centered Inline */ + +.ui.centered.inline.loader.active, +.ui.centered.inline.loader.visible { + display: block; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Rail +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Rails +*******************************/ + +.ui.rail { + position: absolute; + top: 0%; + width: 300px; + height: 100%; + box-sizing: content-box; +} + +.ui.left.rail { + left: auto; + right: 100%; + padding: 0em 2rem 0em 0em; + margin: 0em 2rem 0em 0em; +} + +.ui.right.rail { + left: 100%; + right: auto; + padding: 0em 0em 0em 2rem; + margin: 0em 0em 0em 2rem; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Internal +---------------*/ + +.ui.left.internal.rail { + left: 0%; + right: auto; + padding: 0em 0em 0em 2rem; + margin: 0em 0em 0em 2rem; +} + +.ui.right.internal.rail { + left: auto; + right: 0%; + padding: 0em 2rem 0em 0em; + margin: 0em 2rem 0em 0em; +} + +/*-------------- + Divided +---------------*/ + +.ui.left.dividing.rail { + padding: 0em 2.5rem 0em 0em; + margin: 0em 2.5rem 0em 0em; + border-right: 1px solid rgba(39, 41, 43, 0.15); +} + +.ui.right.dividing.rail { + border-left: 1px solid rgba(39, 41, 43, 0.15); + padding: 0em 0em 0em 2.5rem; + margin: 0em 0em 0em 2.5rem; +} + +/*-------------- + Distance +---------------*/ + +.ui.close.left.rail { + padding: 0em 1em 0em 0em; + margin: 0em 1em 0em 0em; +} + +.ui.close.right.rail { + padding: 0em 0em 0em 1em; + margin: 0em 0em 0em 1em; +} + +.ui.very.close.left.rail { + padding: 0em 0.5em 0em 0em; + margin: 0em 0.5em 0em 0em; +} + +.ui.very.close.right.rail { + padding: 0em 0em 0em 0.5em; + margin: 0em 0em 0em 0.5em; +} + +/*-------------- + Attached +---------------*/ + +.ui.attached.left.rail, +.ui.attached.right.rail { + padding: 0em; + margin: 0em; +} + +/*-------------- + Sizing +---------------*/ + +.ui.rail { + font-size: 1em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Reveal +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Reveal +*******************************/ + +.ui.reveal { + display: inline-block; + position: relative !important; + font-size: 0em !important; +} + +.ui.reveal > .visible.content { + position: absolute !important; + top: 0em !important; + left: 0em !important; + z-index: 3 !important; + -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; + transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; +} + +.ui.reveal > .hidden.content { + position: relative !important; + z-index: 2 !important; +} + +/* Make sure hovered element is on top of other reveal */ + +.ui.reveal:hover .visible.content { + z-index: 4 !important; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Slide +---------------*/ + +.ui.slide.reveal { + position: relative !important; + overflow: hidden !important; + white-space: nowrap; +} + +.ui.slide.reveal > .content { + display: block; + float: left; + margin: 0em; + -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; + transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; +} + +.ui.slide.reveal > .visible.content { + position: relative !important; +} + +.ui.slide.reveal > .hidden.content { + position: absolute !important; + left: 0% !important; + width: 100% !important; + -webkit-transform: translateX(100%) !important; + -ms-transform: translateX(100%) !important; + transform: translateX(100%) !important; +} + +.ui.slide.reveal:hover > .visible.content { + -webkit-transform: translateX(-100%) !important; + -ms-transform: translateX(-100%) !important; + transform: translateX(-100%) !important; +} + +.ui.slide.reveal:hover > .hidden.content { + -webkit-transform: translateX(0%) !important; + -ms-transform: translateX(0%) !important; + transform: translateX(0%) !important; +} + +.ui.slide.right.reveal > .visible.content { + -webkit-transform: translateX(0%) !important; + -ms-transform: translateX(0%) !important; + transform: translateX(0%) !important; +} + +.ui.slide.right.reveal > .hidden.content { + -webkit-transform: translateX(-100%) !important; + -ms-transform: translateX(-100%) !important; + transform: translateX(-100%) !important; +} + +.ui.slide.right.reveal:hover > .visible.content { + -webkit-transform: translateX(100%) !important; + -ms-transform: translateX(100%) !important; + transform: translateX(100%) !important; +} + +.ui.slide.right.reveal:hover > .hidden.content { + -webkit-transform: translateX(0%) !important; + -ms-transform: translateX(0%) !important; + transform: translateX(0%) !important; +} + +.ui.slide.up.reveal > .hidden.content { + -webkit-transform: translateY(100%) !important; + -ms-transform: translateY(100%) !important; + transform: translateY(100%) !important; +} + +.ui.slide.up.reveal:hover > .visible.content { + -webkit-transform: translateY(-100%) !important; + -ms-transform: translateY(-100%) !important; + transform: translateY(-100%) !important; +} + +.ui.slide.up.reveal:hover > .hidden.content { + -webkit-transform: translateY(0%) !important; + -ms-transform: translateY(0%) !important; + transform: translateY(0%) !important; +} + +.ui.slide.down.reveal > .hidden.content { + -webkit-transform: translateY(-100%) !important; + -ms-transform: translateY(-100%) !important; + transform: translateY(-100%) !important; +} + +.ui.slide.down.reveal:hover > .visible.content { + -webkit-transform: translateY(100%) !important; + -ms-transform: translateY(100%) !important; + transform: translateY(100%) !important; +} + +.ui.slide.down.reveal:hover > .hidden.content { + -webkit-transform: translateY(0%) !important; + -ms-transform: translateY(0%) !important; + transform: translateY(0%) !important; +} + +/*-------------- + Fade +---------------*/ + +.ui.fade.reveal > .visible.content { + opacity: 1; +} + +.ui.fade.reveal:hover > .visible.content { + opacity: 0; +} + +/*-------------- + Move +---------------*/ + +.ui.move.reveal { + position: relative !important; + overflow: hidden !important; + white-space: nowrap; +} + +.ui.move.reveal > .content { + display: block; + float: left; + margin: 0em; + -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; + transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s; +} + +.ui.move.reveal > .visible.content { + position: relative !important; +} + +.ui.move.reveal > .hidden.content { + position: absolute !important; + left: 0% !important; + width: 100% !important; +} + +.ui.move.reveal:hover > .visible.content { + -webkit-transform: translateX(-100%) !important; + -ms-transform: translateX(-100%) !important; + transform: translateX(-100%) !important; +} + +.ui.move.right.reveal:hover > .visible.content { + -webkit-transform: translateX(100%) !important; + -ms-transform: translateX(100%) !important; + transform: translateX(100%) !important; +} + +.ui.move.up.reveal:hover > .visible.content { + -webkit-transform: translateY(-100%) !important; + -ms-transform: translateY(-100%) !important; + transform: translateY(-100%) !important; +} + +.ui.move.down.reveal:hover > .visible.content { + -webkit-transform: translateY(100%) !important; + -ms-transform: translateY(100%) !important; + transform: translateY(100%) !important; +} + +/*-------------- + Rotate +---------------*/ + +.ui.rotate.reveal > .visible.content { + -webkit-transition-duration: 0.8s; + transition-duration: 0.8s; + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} + +.ui.rotate.reveal > .visible.content, +.ui.rotate.right.reveal > .visible.content { + -webkit-transform-origin: bottom right; + -ms-transform-origin: bottom right; + transform-origin: bottom right; +} + +.ui.rotate.reveal:hover > .visible.content, +.ui.rotate.right.reveal:hover > .visible.content { + -webkit-transform: rotate(110deg); + -ms-transform: rotate(110deg); + transform: rotate(110deg); +} + +.ui.rotate.left.reveal > .visible.content { + -webkit-transform-origin: bottom left; + -ms-transform-origin: bottom left; + transform-origin: bottom left; +} + +.ui.rotate.left.reveal:hover > .visible.content { + -webkit-transform: rotate(-110deg); + -ms-transform: rotate(-110deg); + transform: rotate(-110deg); +} + +/******************************* + States +*******************************/ + +.ui.disabled.reveal { + opacity: 1 !important; +} + +.ui.disabled.reveal > .content { + -webkit-transition: none !important; + transition: none !important; +} + +.ui.disabled.reveal:hover > .visible.content { + position: static !important; + display: block !important; + opacity: 1 !important; + top: 0 !important; + left: 0 !important; + right: auto !important; + bottom: auto !important; + -webkit-transform: none !important; + -ms-transform: none !important; + transform: none !important; +} + +.ui.disabled.reveal:hover > .hidden.content { + display: none !important; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Masked +---------------*/ + +.ui.masked.reveal { + overflow: hidden; +} + +/*-------------- + Instant +---------------*/ + +.ui.instant.reveal > .content { + -webkit-transition-delay: 0s !important; + transition-delay: 0s !important; +} + +/*-------------- + Sizing +---------------*/ + +.ui.reveal > .content { + font-size: 1rem !important; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Segment +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Segment +*******************************/ + +.ui.segment { + position: relative; + background-color: #ffffff; + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05); + margin: 1rem 0em; + padding: 1em 1em; + border-radius: 2px; + border: none; +} + +.ui.segment:first-child { + margin-top: 0em; +} + +.ui.segment:last-child { + margin-bottom: 0em; +} + +.ui.segment:after { + content: ''; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} + +/* Vertical */ + +.ui[class*="vertical segment"] { + margin: 0em; + padding-left: 0em; + padding-right: 0em; + background-color: transparent; + border-radius: 0px; + border: none; + box-shadow: 0px -1px 0px rgba(39, 41, 43, 0.15) inset; +} + +.ui[class*="vertical segment"]:last-child { + box-shadow: none; +} + +/* Horizontal */ + +.ui[class*="horizontal segment"] { + margin: 0em; + padding-top: 0em; + padding-bottom: 0em; + background-color: transparent; + border-radius: 0px; + border: none; + box-shadow: 1px 0px 0px rgba(39, 41, 43, 0.15); +} + +/*------------------- + Loose Coupling +--------------------*/ + +/* Header */ + +.ui.inverted.segment > .ui.header { + color: #ffffff; +} + +/* Label */ + +.ui[class*="bottom attached"].segment > [class*="top attached"].label { + border-top-left-radius: 0em; + border-top-right-radius: 0em; +} + +.ui[class*="top attached"].segment > [class*="bottom attached"].label { + border-bottom-left-radius: 0em; + border-bottom-right-radius: 0em; +} + +.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label { + border-top-left-radius: 0em; + border-top-right-radius: 0em; +} + +.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label { + border-bottom-left-radius: 0em; + border-bottom-right-radius: 0em; +} + +/* Grid */ + +.ui.page.grid.segment, +.ui.grid .ui.segment.column { + padding-top: 2em; + padding-bottom: 2em; +} + +.ui.grid.segment { + margin: 1rem 0rem; + border-radius: 2px; +} + +/* Table */ + +.ui.basic.table.segment { + background: #ffffff; + border: none; + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.ui[class*="very basic"].table.segment { + padding: 1em 1em; +} + +/******************************* + Types +*******************************/ + +/*------------------- + Piled +--------------------*/ + +.ui.piled.segment { + margin: 3em 0em; + box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15); + z-index: auto; +} + +.ui.piled.segment:first-child { + margin-top: 0em; +} + +.ui.piled.segment:last-child { + margin-bottom: 0em; +} + +.ui.piled.segment:after, +.ui.piled.segment:before { + background-color: #ffffff; + visibility: visible; + content: ''; + display: block; + height: 100%; + left: 0px; + position: absolute; + width: 100%; + box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15); +} + +.ui.piled.segment:after { + -webkit-transform: rotate(1.2deg); + -ms-transform: rotate(1.2deg); + transform: rotate(1.2deg); + top: 0; + z-index: -1; +} + +.ui.piled.segment:before { + -webkit-transform: rotate(-1.2deg); + -ms-transform: rotate(-1.2deg); + transform: rotate(-1.2deg); + top: 0; + z-index: -2; +} + +/* Piled Attached */ + +.ui[class*="top attached"].piled.segment { + margin-top: 3em; + margin-bottom: 0em; +} + +.ui.piled.segment[class*="top attached"]:first-child { + margin-top: 0em; +} + +.ui.piled.segment[class*="bottom attached"] { + margin-top: 0em; + margin-bottom: 3em; +} + +.ui.piled.segment[class*="bottom attached"]:last-child { + margin-bottom: 0em; +} + +/*------------------- + Stacked +--------------------*/ + +.ui.stacked.segment { + padding-bottom: 1.4em; +} + +.ui.stacked.segment:after, +.ui.stacked.segment:before { + content: ''; + position: absolute; + bottom: -3px; + left: 0%; + border-top: 1px solid rgba(39, 41, 43, 0.15); + background-color: rgba(0, 0, 0, 0.03); + width: 100%; + height: 6px; + visibility: visible; +} + +.ui.stacked.segment:before { + display: none; +} + +/* Add additional page */ + +.ui.tall.stacked.segment:before { + display: block; + bottom: 0px; +} + +/* Inverted */ + +.ui.stacked.inverted.segment:after, +.ui.stacked.inverted.segment:before { + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(39, 41, 43, 0.3); +} + +/*------------------- + Compact +--------------------*/ + +.ui.compact.segment { + display: table; +} + +/*------------------- + Circular +--------------------*/ + +.ui.circular.segment { + display: table-cell; + padding: 2em; + text-align: center; + vertical-align: middle; + border-radius: 500em; +} + +/*------------------- + Raised +--------------------*/ + +.ui.raised.segment { + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 4px 0px rgba(0, 0, 0, 0.15); +} + +/******************************* + States +*******************************/ + +/*-------------- + Disabled +---------------*/ + +.ui.disabled.segment { + opacity: 0.3; + color: rgba(40, 40, 40, 0.3); +} + +/*-------------- + Loading +---------------*/ + +.ui.loading.segment { + position: relative; + cursor: default; + point-events: none; + text-shadow: none !important; + color: transparent !important; + -webkit-transition: all 0s linear; + transition: all 0s linear; +} + +.ui.loading.segment:before { + position: absolute; + content: ''; + top: 0%; + left: 0%; + background: rgba(255, 255, 255, 0.8); + width: 100%; + height: 100%; + border-radius: 2px; + z-index: 100; +} + +.ui.loading.segment:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -1.5em 0em 0em -1.5em; + width: 3em; + height: 3em; + -webkit-animation: segment-spin 0.6s linear; + animation: segment-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #aaaaaa rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); + border-style: solid; + border-width: 0.2em; + box-shadow: 0px 0px 0px 1px transparent; + visibility: visible; + z-index: 101; +} + +@-webkit-keyframes segment-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes segment-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Basic +--------------------*/ + +.ui.basic.segment { + position: relative; + background-color: transparent; + box-shadow: none; + border-radius: 0px; +} + +/*------------------- + Fittted +--------------------*/ + +.ui.fitted.segment { + padding: 0em; +} + +/*------------------- + Colors +--------------------*/ + +.ui.black.segment:not(.inverted) { + border-top: 2px solid #1b1c1d; +} + +.ui.blue.segment:not(.inverted) { + border-top: 2px solid #2196f3; +} + +.ui.green.segment:not(.inverted) { + border-top: 2px solid #4caf50; +} + +.ui.orange.segment:not(.inverted) { + border-top: 2px solid #ff9800; +} + +.ui.pink.segment:not(.inverted) { + border-top: 2px solid #e91e63; +} + +.ui.purple.segment:not(.inverted) { + border-top: 2px solid #9c27b0; +} + +.ui.red.segment:not(.inverted) { + border-top: 2px solid #f44336; +} + +.ui.teal.segment:not(.inverted) { + border-top: 2px solid #1de9b6; +} + +.ui.yellow.segment:not(.inverted) { + border-top: 2px solid #ffeb3b; +} + +.ui.black.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.ui.blue.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.ui.green.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.ui.orange.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.ui.pink.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.ui.purple.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.ui.red.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.ui.teal.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +.ui.yellow.segment:not(.inverted):not(.attached) { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; +} + +/*------------------- + Inverted Colors +--------------------*/ + +.ui.inverted.segment, +.ui.inverted.black.segment { + background-color: #1b1c1d !important; + color: #ffffff !important; +} + +.ui.inverted.blue.segment { + background-color: #2196f3 !important; + color: #ffffff !important; +} + +.ui.inverted.green.segment { + background-color: #4caf50 !important; + color: #ffffff !important; +} + +.ui.inverted.orange.segment { + background-color: #ff9800 !important; + color: #ffffff !important; +} + +.ui.inverted.pink.segment { + background-color: #e91e63 !important; + color: #ffffff !important; +} + +.ui.inverted.purple.segment { + background-color: #9c27b0 !important; + color: #ffffff !important; +} + +.ui.inverted.red.segment { + background-color: #f44336 !important; + color: #ffffff !important; +} + +.ui.inverted.teal.segment { + background-color: #1de9b6 !important; + color: #ffffff !important; +} + +.ui.inverted.yellow.segment { + background-color: #ffeb3b !important; + color: #ffffff !important; +} + +/*------------------- + Aligned +--------------------*/ + +.ui[class*="left aligned"].segment { + text-align: left; +} + +.ui[class*="right aligned"].segment { + text-align: right; +} + +.ui[class*="center aligned"].segment { + text-align: center; +} + +/*------------------- + Floated +--------------------*/ + +.ui.floated.segment, +.ui[class*="left floated"].segment { + float: left; + margin-right: 1rem; +} + +.ui[class*="right floated"].segment { + float: right; + margin-left: 1rem; +} + +/*------------------- + Inverted +--------------------*/ + +.ui.inverted.segment { + border: none; + box-shadow: none; +} + +.ui.inverted.segment .segment { + color: #212121; +} + +.ui.inverted.segment .inverted.segment { + color: #ffffff; +} + +.ui.inverted.segment, +.ui.primary.inverted.segment { + background-color: #1b1c1d; + color: #ffffff; +} + +.ui.inverted.block.segment, +.ui.inverted.attached.segment { + border-color: #555555; +} + +/*------------------- + Ordinality +--------------------*/ + +.ui.secondary.segment { + background: #faf9fa; + color: #212121; +} + +.ui.tertiary.segment { + background: #ebebeb; + color: #212121; +} + +.ui.secondary.inverted.segment { + background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); + background: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%); + color: #fafafa; +} + +.ui.tertiary.inverted.segment { + background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); + background: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%); + color: #f0f0f0; +} + +/*------------------- + Attached +--------------------*/ + +.ui.segment.attached { + top: 0px; + bottom: 0px; + margin: 0em -1px; + width: -webkit-calc(100% + 2px ); + width: calc(100% + 2px ); + max-width: -webkit-calc(100% + 2px ); + max-width: calc(100% + 2px ); + border-radius: 0px; + box-shadow: none; + border: 1px solid #d4d4d5; +} + +.ui.segment.attached + .ui.segment.attached:not(.top) { + border-top: none; +} + +/* Top */ + +.ui[class*="top attached"].segment { + top: 0px; + bottom: 0px; + margin-top: 1rem; + margin-bottom: 0em; + border-radius: 2px 2px 0em 0em; +} + +.ui.segment[class*="top attached"]:first-child { + margin-top: 0em; +} + +/* Bottom */ + +.ui.segment[class*="bottom attached"] { + top: 0px; + bottom: 0px; + margin-top: 0em; + margin-bottom: 1rem; + box-shadow: none, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); + border-radius: 0em 0em 2px 2px; +} + +.ui.segment[class*="bottom attached"]:last-child { + margin-bottom: 0em; +} + +/*------------------- + Groups +--------------------*/ + +.ui.segments { + margin: 1rem 0em; +} + +.ui.segments:first-child { + margin-top: 0em; +} + +.ui.segments:last-child { + margin-bottom: 0em; +} + +.ui.segments > .segment { + top: 0px; + bottom: 0px; + margin: 0em -1px; + width: -webkit-calc(100% + 2px ); + width: calc(100% + 2px ); + max-width: -webkit-calc(100% + 2px ); + max-width: calc(100% + 2px ); + border-radius: 0px; + box-shadow: none; + border: 1px solid #d4d4d5; +} + +.ui.segments > .segment:not(:first-child) { + border-top: none; +} + +/* Top */ + +.ui.segments > .segment:first-child { + margin-top: 0em; + bottom: 0px; + margin-bottom: 0em; + top: 0px; + border-radius: 2px 2px 0em 0em; +} + +/* Bottom */ + +.ui.segments > .segment:last-child { + bottom: 0px; + margin-top: 0em; + margin-bottom: 0em; + top: 0px; + box-shadow: none, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); + border-radius: 0em 0em 2px 2px; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Step +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Singular +*******************************/ + +.ui.steps .step { + position: relative; + display: table-cell; + vertical-align: middle; + margin: 0em 0em; + padding: 0.9285em 1.5em 0.9285em 2.25em; + background: #ffffff; + color: #212121; + box-shadow: 0px 0px 0px 1px #d4d4d5; + border-radius: 0em; +} + +.ui.steps .step:after { + position: absolute; + z-index: 2; + content: ''; + top: 50%; + right: 0em; + border: medium none; + background-color: #ffffff; + width: 1.5em; + height: 1.5em; + border-bottom: 1px solid rgba(39, 41, 43, 0.15); + border-right: 1px solid rgba(39, 41, 43, 0.15); + -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg); + -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg); + transform: translateY(-50%) translateX(50%) rotate(-45deg); +} + +.ui.steps .step, +.ui.steps .step:after { + -webkit-transition: background-color 0.2s ease, opacity 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; + transition: background-color 0.2s ease, opacity 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; +} + +/******************************* + Plural +*******************************/ + +.ui.steps { + display: table; + table-layout: fixed; + background: ''; + box-shadow: ''; + line-height: 1.142rem; + box-sizing: border-box; + border-radius: 2px; +} + +.ui.steps .step:first-child { + padding-left: 1.5em; + border-radius: 2px 0em 0em 2px; +} + +.ui.steps .step:last-child { + border-radius: 0em 2px 2px 0em; +} + +.ui.steps .step:only-child { + border-radius: 2px; +} + +.ui.steps .step:last-child { + margin-right: 0em; +} + +.ui.steps .step:last-child:after { + display: none; +} + +/******************************* + Content +*******************************/ + +/* Title */ + +.ui.steps .step .title { + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 1.0714em; + font-weight: bold; +} + +/* Description */ + +.ui.steps .step .description { + font-weight: normal; + font-size: 0.9285em; + color: #212121; +} + +.ui.steps .step .title ~ .description { + margin-top: 0.1em; +} + +/* Icon */ + +.ui.steps .step > .icon, +.ui.steps .step > .icon ~ .content { + display: table-cell; + vertical-align: middle; +} + +.ui.steps .step > .icon { + font-size: 2em; + margin: 0em; + padding-right: 0.6em; +} + +/* Link */ + +.ui.steps .link.step, +.ui.steps a.step { + cursor: pointer; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Ordered +---------------*/ + +.ui.ordered.steps { + counter-reset: ordered; +} + +.ui.ordered.steps .step:before { + display: table-cell; + position: static; + text-align: center; + content: counters(ordered, "."); + vertical-align: middle; + padding-right: 0.6em; + font-size: 2em; + counter-increment: ordered; +} + +.ui.ordered.steps .step > * { + display: table-cell; + vertical-align: middle; +} + +/*-------------- + Vertical +---------------*/ + +.ui.vertical.steps { + display: inline-block; + overflow: visible; +} + +.ui.vertical.steps .step { + display: block; + border-radius: 0em; + padding: 0.9285em 1.5em; +} + +.ui.vertical.steps .step:first-child { + padding: 0.9285em 1.5em; + border-radius: 2px 2px 0em 0em; +} + +.ui.vertical.steps .step:last-child { + border-radius: 0em 0em 2px 2px; +} + +/* Arrow */ + +.ui.vertical.steps .step:after { + display: none; +} + +/* Active Arrow */ + +.ui.vertical.steps .active.step:after { + display: block; +} + +/*--------------- + Responsive +----------------*/ + +/* Mobile (Default) */ + +@media only screen and (max-width: 767px) { + .ui.steps { + overflow: visible; + } + + .ui.steps .step { + display: block; + border-radius: 0em; + padding: 0.9285em 1.5em; + } + + .ui.steps .step:first-child { + padding: 0.9285em 1.5em; + border-radius: 2px 2px 0em 0em; + } + + .ui.steps .step:last-child { + border-radius: 0em 0em 2px 2px; + } + + /* Arrow */ + + .ui.steps .step:after { + display: none; + } +} + +/******************************* + States +*******************************/ + +/* Link Hover */ + +.ui.steps .link.step:hover::after, +.ui.steps .link.step:hover, +.ui.steps a.step:hover::after, +.ui.steps a.step:hover { + background: #fafafa; + color: rgba(0, 0, 0, 0.8); +} + +/* Link Down */ + +.ui.steps .link.step:active::after, +.ui.steps .link.step:active, +.ui.steps a.step:active::after, +.ui.steps a.step:active { + background: #f0f0f0; + color: rgba(0, 0, 0, 0.8); +} + +/* Active */ + +.ui.steps .step.active { + cursor: auto; + background: #f0f0f0; +} + +.ui.steps .step.active:after { + background: #f0f0f0; +} + +.ui.steps .step.active .title { + color: #009fda; +} + +.ui.ordered.steps .step.active:before, +.ui.steps .active.step .icon { + color: rgba(0, 0, 0, 0.85); +} + +/* Active Hover */ + +.ui.steps .link.active.step:hover::after, +.ui.steps .link.active.step:hover, +.ui.steps a.active.step:hover::after, +.ui.steps a.active.step:hover { + cursor: pointer; + background: #ececec; + color: #212121; +} + +/* Completed */ + +.ui.steps .step.completed > .icon:before, +.ui.ordered.steps .step.completed:before { + color: #4caf50; +} + +/* Disabled */ + +.ui.steps .disabled.step { + cursor: auto; + background: #ffffff; + pointer-events: none; +} + +.ui.steps .disabled.step, +.ui.steps .disabled.step .title, +.ui.steps .disabled.step .description { + color: rgba(40, 40, 40, 0.3); +} + +.ui.steps .disabled.step:after { + background: #ffffff; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Stackable +---------------*/ + +/* Tablet Or Below */ + +@media only screen and (min-width: 992px) { + .ui[class*="tablet stackable"].steps { + overflow: visible; + } + + .ui[class*="tablet stackable"].steps .step { + display: block; + border-radius: 0em; + padding: 0.9285em 1.5em; + } + + .ui[class*="tablet stackable"].steps .step:first-child { + padding: 0.9285em 1.5em; + border-radius: 2px 2px 0em 0em; + } + + .ui[class*="tablet stackable"].steps .step:last-child { + border-radius: 0em 0em 2px 2px; + } + + /* Arrow */ + + .ui[class*="tablet stackable"].steps .step:after { + display: none; + } +} + +/*-------------- + Fluid +---------------*/ + +/* Fluid */ + +.ui.fluid.steps { + width: 100%; +} + +/*-------------- + Attached +---------------*/ + +/* Top */ + +.attached.ui.steps { + margin: 0em; + border-radius: 2px 2px 0em 0em; +} + +.attached.ui.steps .step:first-child { + border-radius: 2px 0em 0em 0em; +} + +.attached.ui.steps .step:last-child { + border-radius: 0em 2px 0em 0em; +} + +/* Bottom */ + +.bottom.attached.ui.steps { + margin: -1px 0em 0em; + border-radius: 0em 0em 2px 2px; +} + +.bottom.attached.ui.steps .step:first-child { + border-radius: 0em 0em 0em 2px; +} + +.bottom.attached.ui.steps .step:last-child { + border-radius: 0em 0em 2px 0em; +} + +/*------------------- + Evenly Divided +--------------------*/ + +.ui.one.steps, +.ui.two.steps, +.ui.three.steps, +.ui.four.steps, +.ui.five.steps, +.ui.six.steps, +.ui.seven.steps, +.ui.eight.steps { + width: 100%; +} + +.ui.one.steps > .step { + width: 100%; +} + +.ui.two.steps > .step { + width: 50%; +} + +.ui.three.steps > .step { + width: 33.333%; +} + +.ui.four.steps > .step { + width: 25%; +} + +.ui.five.steps > .step { + width: 20%; +} + +.ui.six.steps > .step { + width: 16.666%; +} + +.ui.seven.steps > .step { + width: 14.285%; +} + +.ui.eight.steps > .step { + width: 12.500%; +} + +/*------------------- + Sizes +--------------------*/ + +.ui.small.step, +.ui.small.steps .step { + font-size: 0.92857143rem; +} + +.ui.step, +.ui.steps .step { + font-size: 1rem; +} + +.ui.large.step, +.ui.large.steps .step { + font-size: 1.14285714rem; +} + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Step'; + src: url("data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=") format('truetype'), url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA") format('woff'); +} + +.ui.steps .step.completed > .icon:before, +.ui.ordered.steps .step.completed:before { + font-family: 'Step'; + content: '\e800'; + /* '' */ +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Breadcrumb +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Breadcrumb +*******************************/ + +.ui.breadcrumb { + margin: 1em 0em; + display: inline-block; + vertical-align: middle; +} + +.ui.breadcrumb:first-child { + margin-top: 0em; +} + +.ui.breadcrumb:last-child { + margin-bottom: 0em; +} + +/******************************* + Content +*******************************/ + +/* Divider */ + +.ui.breadcrumb .divider { + display: inline-block; + opacity: 0.5; + margin: 0em 0.2rem 0em; + font-size: 0.9em; + color: rgba(0, 0, 0, 0.4); + vertical-align: baseline; +} + +/* Link */ + +.ui.breadcrumb a { + color: #009fda; +} + +.ui.breadcrumb a:hover { + color: #00b2f3; +} + +/* Icon Divider */ + +.ui.breadcrumb .icon.divider { + font-size: 0.85714286em; + vertical-align: baseline; +} + +/* Section */ + +.ui.breadcrumb a.section { + cursor: pointer; +} + +.ui.breadcrumb .section { + display: inline-block; + margin: 0em; + padding: 0em; +} + +/* Loose Coupling */ + +.ui.breadcrumb.segment { + display: inline-block; + padding: 0.5em 1em; +} + +/******************************* + States +*******************************/ + +.ui.breadcrumb .active.section { + font-weight: bold; +} + +/******************************* + Variations +*******************************/ + +.ui.mini.breadcrumb { + font-size: 0.65em; +} + +.ui.tiny.breadcrumb { + font-size: 0.7em; +} + +.ui.small.breadcrumb { + font-size: 0.75em; +} + +.ui.breadcrumb { + font-size: 1em; +} + +.ui.large.breadcrumb { + font-size: 1.1em; +} + +.ui.big.breadcrumb { + font-size: 1.05em; +} + +.ui.huge.breadcrumb { + font-size: 1.3em; +} + +.ui.massive.breadcrumb { + font-size: 1.5em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Form +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Elements +*******************************/ + +/*-------------------- + Form +---------------------*/ + +.ui.form { + position: relative; + max-width: 100%; +} + +/*-------------------- + Content +---------------------*/ + +.ui.form > p { + margin: 1em 0em; +} + +/*-------------------- + Field +---------------------*/ + +.ui.form .fields .field, +.ui.form .field { + clear: both; + margin: 0em 0em 1em; +} + +.ui.form .fields:last-child, +.ui.form .field:last-child { + margin-bottom: 0em; +} + +/*-------------------- + Labels +---------------------*/ + +.ui.form .field > label { + display: block; + margin: 0em 0em 0.2857rem 0em; + color: #212121; + font-size: 0.9285em; + font-weight: bold; + text-transform: none; +} + +.ui.form .grouped.fields > label { + margin: 0em 0em 0.2857rem 0em; + color: #212121; + font-size: 0.9285em; + font-weight: bold; + text-transform: none; +} + +.ui.form .inline.fields > label { + display: inline-block; + vertical-align: middle; + margin: 0em 1em 0em 0em; + color: #212121; + font-size: 0.9285em; + font-weight: bold; + text-transform: none; +} + +/*-------------------- + Standard Inputs +---------------------*/ + +.ui.form textarea, +.ui.form input:not([type]), +.ui.form input[type="date"], +.ui.form input[type="datetime-local"], +.ui.form input[type="email"], +.ui.form input[type="number"], +.ui.form input[type="password"], +.ui.form input[type="search"], +.ui.form input[type="tel"], +.ui.form input[type="time"], +.ui.form input[type="text"], +.ui.form input[type="url"], +.ui.form .ui.input { + width: 100%; + vertical-align: top; +} + +.ui.form input:not([type]), +.ui.form input[type="date"], +.ui.form input[type="datetime-local"], +.ui.form input[type="email"], +.ui.form input[type="number"], +.ui.form input[type="password"], +.ui.form input[type="search"], +.ui.form input[type="tel"], +.ui.form input[type="time"], +.ui.form input[type="text"], +.ui.form input[type="url"] { + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + margin: 0em; + outline: none; + -webkit-appearance: none; + tap-highlight-color: rgba(255, 255, 255, 0); + line-height: 1.2142em; + padding: 0.67861em 1em; + font-size: 1em; + background: #ffffff; + border: 1px solid rgba(39, 41, 43, 0.15); + color: #212121; + border-radius: 2px; + box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} + +.ui.textarea, +.ui.form textarea { + margin: 0em; + -webkit-appearance: none; + tap-highlight-color: rgba(255, 255, 255, 0); + padding: 0.78571em 1em; + background: #ffffff; + border: 1px solid rgba(39, 41, 43, 0.15); + outline: none; + color: #212121; + border-radius: 2px; + box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + font-size: 1em; + height: 12em; + min-height: 8em; + max-height: 24em; + line-height: 1.2857; + resize: vertical; +} + +.ui.form textarea, +.ui.form input[type="checkbox"] { + vertical-align: top; +} + +/*-------------------------- + Input w/ attached Button +---------------------------*/ + +.ui.form input.attached { + width: auto; +} + +/*-------------------- + Basic Select +---------------------*/ + +.ui.form select { + display: block; + height: auto; + width: 100%; + background: #ffffff; + border: 1px solid rgba(39, 41, 43, 0.15); + border-radius: 2px; + box-shadow: 0em 0em 0em 0em transparent inset; + padding: 0.62em 1em; + color: #212121; + -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} + +/*-------------------- + Dropdown +---------------------*/ + +.ui.form .field > .selection.dropdown { + width: 100%; +} + +.ui.form .field > .selection.dropdown > .dropdown.icon { + float: right; +} + +.ui.form .inline.field > .selection.dropdown { + width: auto; +} + +.ui.form .inline.field > .selection.dropdown > .dropdown.icon { + float: none; +} + +/*-------------------- + Dividers +---------------------*/ + +.ui.form .divider { + clear: both; + margin: 1em 0em; +} + +/*-------------------- + Types of Messages +---------------------*/ + +.ui.form .success.message, +.ui.form .warning.message, +.ui.form .error.message { + display: none; +} + +/* Assumptions */ + +.ui.form .message:first-child { + margin-top: 0px; +} + +/*-------------------- + Validation Prompt +---------------------*/ + +.ui.form .field .prompt.label { + white-space: nowrap; +} + +.ui.form .inline.field .prompt { + margin: -0.5em 0em -0.5em 1em; +} + +.ui.form .inline.field .prompt:before { + margin-top: -0.3em; + bottom: auto; + right: auto; + top: 50%; + left: 0em; +} + +/******************************* + States +*******************************/ + +/*-------------------- + Placeholder +---------------------*/ + +/* browsers require these rules separate */ + +.ui.form ::-webkit-input-placeholder { + color: #adadad; +} + +.ui.form ::-moz-placeholder { + color: #adadad; +} + +.ui.form :focus::-webkit-input-placeholder { + color: #7a7a7a; +} + +.ui.form :focus::-moz-placeholder { + color: #7a7a7a; +} + +/* Error Placeholder */ + +.ui.form .error ::-webkit-input-placeholder { + color: #f77066; +} + +.ui.form .error ::-moz-placeholder { + color: #f77066; +} + +.ui.form .error :focus::-webkit-input-placeholder { + color: #f55a4e; +} + +.ui.form .error :focus::-moz-placeholder { + color: #f55a4e; +} + +/*-------------------- + Focus +---------------------*/ + +.ui.form input:not([type]):focus, +.ui.form input[type="date"]:focus, +.ui.form input[type="datetime-local"]:focus, +.ui.form input[type="email"]:focus, +.ui.form input[type="number"]:focus, +.ui.form input[type="password"]:focus, +.ui.form input[type="search"]:focus, +.ui.form input[type="tel"]:focus, +.ui.form input[type="time"]:focus, +.ui.form input[type="text"]:focus, +.ui.form input[type="url"]:focus { + color: rgba(0, 0, 0, 0.85); + border-color: rgba(39, 41, 43, 0.3); + border-radius: 0em 2px 2px 0em; + background: #ffffff; + box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset; +} + +.ui.form textarea:focus { + color: rgba(0, 0, 0, 0.85); + border-color: rgba(39, 41, 43, 0.3); + border-radius: 0em 2px 2px 0em; + background: #ffffff; + box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset; + -webkit-appearance: none; +} + +/*-------------------- + Success +---------------------*/ + +/* On Form */ + +.ui.form.success .success.message { + display: block; +} + +/*-------------------- + Error +---------------------*/ + +/* On Form */ + +.ui.form.warning .warning.message { + display: block; +} + +/*-------------------- + Warning +---------------------*/ + +/* On Form */ + +.ui.form.error .error.message { + display: block; +} + +/* On Field(s) */ + +.ui.form .fields.error .field label, +.ui.form .field.error label, +.ui.form .fields.error .field .input, +.ui.form .field.error .input { + color: #f44336; +} + +.ui.form .fields.error .field .corner.label, +.ui.form .field.error .corner.label { + border-color: #f44336; + color: #ffffff; +} + +.ui.form .fields.error .field textarea, +.ui.form .fields.error .field select, +.ui.form .fields.error .field input:not([type]), +.ui.form .fields.error .field input[type="date"], +.ui.form .fields.error .field input[type="datetime-local"], +.ui.form .fields.error .field input[type="email"], +.ui.form .fields.error .field input[type="number"], +.ui.form .fields.error .field input[type="password"], +.ui.form .fields.error .field input[type="search"], +.ui.form .fields.error .field input[type="tel"], +.ui.form .fields.error .field input[type="time"], +.ui.form .fields.error .field input[type="text"], +.ui.form .fields.error .field input[type="url"], +.ui.form .field.error textarea, +.ui.form .field.error select, +.ui.form .field.error input:not([type]), +.ui.form .field.error input[type="date"], +.ui.form .field.error input[type="datetime-local"], +.ui.form .field.error input[type="email"], +.ui.form .field.error input[type="number"], +.ui.form .field.error input[type="password"], +.ui.form .field.error input[type="search"], +.ui.form .field.error input[type="tel"], +.ui.form .field.error input[type="time"], +.ui.form .field.error input[type="text"], +.ui.form .field.error input[type="url"] { + background: #fff0f0; + border-color: #dbb1b1; + color: #f44336; + border-radius: 0em 2px 2px 0em; + box-shadow: 2px 0em 0em 0em #f44336 inset; +} + +.ui.form .field.error textarea:focus, +.ui.form .field.error select:focus, +.ui.form .field.error input:not([type]):focus, +.ui.form .field.error input[type="date"]:focus, +.ui.form .field.error input[type="datetime-local"]:focus, +.ui.form .field.error input[type="email"]:focus, +.ui.form .field.error input[type="number"]:focus, +.ui.form .field.error input[type="password"]:focus, +.ui.form .field.error input[type="search"]:focus, +.ui.form .field.error input[type="tel"]:focus, +.ui.form .field.error input[type="time"]:focus, +.ui.form .field.error input[type="text"]:focus, +.ui.form .field.error input[type="url"]:focus { + background: #fff0f0; + border-color: #dbb1b1; + color: #f55145; + -webkit-appearance: none; + box-shadow: 2px 0em 0em 0em #f55145 inset; +} + +/* Preserve Native Select Stylings */ + +.ui.form .field.error select { + -webkit-appearance: menulist-button; +} + +/*------------------ + Dropdown Error +--------------------*/ + +.ui.form .fields.error .field .ui.dropdown, +.ui.form .fields.error .field .ui.dropdown .item, +.ui.form .field.error .ui.dropdown, +.ui.form .field.error .ui.dropdown .text, +.ui.form .field.error .ui.dropdown .item { + background: #fff0f0; + color: #f44336; +} + +.ui.form .fields.error .field .ui.dropdown, +.ui.form .field.error .ui.dropdown { + border-color: #dbb1b1 !important; +} + +.ui.form .fields.error .field .ui.dropdown:hover, +.ui.form .field.error .ui.dropdown:hover { + border-color: #dbb1b1 !important; +} + +.ui.form .fields.error .field .ui.dropdown:hover .menu, +.ui.form .field.error .ui.dropdown:hover .menu { + border-color: #dbb1b1; +} + +/* Hover */ + +.ui.form .fields.error .field .ui.dropdown .menu .item:hover, +.ui.form .field.error .ui.dropdown .menu .item:hover { + background-color: #fbe7e7; +} + +/* Active */ + +.ui.form .fields.error .field .ui.dropdown .menu .active.item, +.ui.form .field.error .ui.dropdown .menu .active.item { + background-color: #fdcfcf !important; +} + +/*-------------------- + Checkbox Error +---------------------*/ + +.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, +.ui.form .field.error .checkbox:not(.toggle):not(.slider) label, +.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, +.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box { + color: #f44336; +} + +.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before, +.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, +.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, +.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before { + background: #fff0f0; + border-color: #dbb1b1; +} + +.ui.form .fields.error .field .checkbox label:after, +.ui.form .field.error .checkbox label:after, +.ui.form .fields.error .field .checkbox .box:after, +.ui.form .field.error .checkbox .box:after { + color: #f44336; +} + +/*-------------------- + Disabled +---------------------*/ + +.ui.form .field :disabled, +.ui.form .field.disabled { + opacity: 0.5; +} + +.ui.form .field.disabled label { + opacity: 0.5; +} + +.ui.form .field.disabled :disabled { + opacity: 1; +} + +/*-------------- + Loading +---------------*/ + +.ui.loading.form { + position: relative; + cursor: default; + point-events: none; + text-shadow: none !important; + color: transparent !important; + -webkit-transition: all 0s linear; + transition: all 0s linear; + z-index: 100; +} + +.ui.loading.form:before { + position: absolute; + content: ''; + top: 0%; + left: 0%; + background: rgba(255, 255, 255, 0.8); + width: 100%; + height: 100%; + z-index: 100; +} + +.ui.loading.form:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -1.5em 0em 0em -1.5em; + width: 3em; + height: 3em; + -webkit-animation: form-spin 0.6s linear; + animation: form-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #aaaaaa rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); + border-style: solid; + border-width: 0.2em; + box-shadow: 0px 0px 0px 1px transparent; + visibility: visible; + z-index: 101; +} + +@-webkit-keyframes form-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes form-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +/******************************* + Element Types +*******************************/ + +/*-------------------- + Required Field +---------------------*/ + +.ui.form .required.fields > .field > label:after, +.ui.form .required.field > label:after, +.ui.form .required.fields > .field > .checkbox:after, +.ui.form .required.field > .checkbox:after { + margin: -0.2em 0em 0em 0.2em; + content: '*'; + color: #f44336; +} + +.ui.form .required.fields > .field > label:after, +.ui.form .required.field > label:after { + display: inline-block; + vertical-align: top; +} + +.ui.form .required.fields > .field > .checkbox:after, +.ui.form .required.field > .checkbox:after { + position: absolute; + top: 0%; + left: 100%; +} + +/******************************* + Variations +*******************************/ + +/*-------------------- + Inverted Colors +---------------------*/ + +.ui.inverted.form label, +.ui.form .inverted.segment label, +.ui.form .inverted.segment .ui.checkbox label, +.ui.form .inverted.segment .ui.checkbox .box, +.ui.inverted.form .ui.checkbox label, +.ui.inverted.form .ui.checkbox .box { + color: #ffffff; +} + +/*-------------------- + Field Groups +---------------------*/ + +/* Grouped Vertically */ + +.ui.form .grouped.fields { + margin: 0em 0em 1em; +} + +.ui.form .grouped.fields:last-child { + margin-bottom: 0em; +} + +.ui.form .grouped.fields > label { + font-size: 0.9285em; +} + +.ui.form .grouped.fields .field { + display: block; + float: none; + margin: 0.5em 0em; + padding: 0em; +} + +/*-------------------- + Fields +---------------------*/ + +/* Split fields */ + +.ui.form .fields { + clear: both; +} + +.ui.form .fields:after { + content: ' '; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.ui.form .fields > .field { + clear: none; + float: left; + padding-left: 0.5em; + padding-right: 0.5em; +} + +.ui.form .fields > .field:first-child { + border-left: none; + box-shadow: none; +} + +/* Other Combinations */ + +.ui.form .two.fields > .fields, +.ui.form .two.fields > .field { + width: 50%; +} + +.ui.form .three.fields > .fields, +.ui.form .three.fields > .field { + width: 33.33333333%; +} + +.ui.form .four.fields > .fields, +.ui.form .four.fields > .field { + width: 25%; +} + +.ui.form .five.fields > .fields, +.ui.form .five.fields > .field { + width: 20%; +} + +.ui.form .six.fields > .fields, +.ui.form .six.fields > .field { + width: 16.66666667%; +} + +.ui.form .seven.fields > .fields, +.ui.form .seven.fields > .field { + width: 14.28571429%; +} + +.ui.form .eight.fields > .fields, +.ui.form .eight.fields > .field { + width: 12.5%; +} + +.ui.form .nine.fields > .fields, +.ui.form .nine.fields > .field { + width: 11.11111111%; +} + +.ui.form .ten.fields > .fields, +.ui.form .ten.fields > .field { + width: 10%; +} + +/* Swap to full width on mobile */ + +@media only screen and (max-width: 767px) { + .ui.form .two.fields > .fields, + .ui.form .two.fields > .field, + .ui.form .three.fields > .fields, + .ui.form .three.fields > .field, + .ui.form .four.fields > .fields, + .ui.form .four.fields > .field, + .ui.form .five.fields > .fields, + .ui.form .five.fields > .field, + .ui.form .six.fields > .fields, + .ui.form .six.fields > .field, + .ui.form .seven.fields > .fields, + .ui.form .seven.fields > .field, + .ui.form .eight.fields > .fields, + .ui.form .eight.fields > .field, + .ui.form .nine.fields > .fields, + .ui.form .nine.fields > .field, + .ui.form .ten.fields > .fields, + .ui.form .ten.fields > .field { + width: 100% !important; + margin: 0em 0em 1em; + padding-left: 0%; + padding-right: 0%; + } +} + +.ui.form .fields .field:first-child { + padding-left: 0%; +} + +.ui.form .fields .field:last-child { + padding-right: 0%; +} + +/* Sizing Combinations */ + +.ui.form .fields .wide.field { + width: 6.25%; + padding-left: 0.5em; + padding-right: 0.5em; +} + +.ui.form .fields .wide.field:first-child { + padding-left: 0%; +} + +.ui.form .fields .wide.field:last-child { + padding-right: 0%; +} + +.ui.form .one.wide.field { + width: 6.25% !important; +} + +.ui.form .two.wide.field { + width: 12.5% !important; +} + +.ui.form .three.wide.field { + width: 18.75% !important; +} + +.ui.form .four.wide.field { + width: 25% !important; +} + +.ui.form .five.wide.field { + width: 31.25% !important; +} + +.ui.form .six.wide.field { + width: 37.5% !important; +} + +.ui.form .seven.wide.field { + width: 43.75% !important; +} + +.ui.form .eight.wide.field { + width: 50% !important; +} + +.ui.form .nine.wide.field { + width: 56.25% !important; +} + +.ui.form .ten.wide.field { + width: 62.5% !important; +} + +.ui.form .eleven.wide.field { + width: 68.75% !important; +} + +.ui.form .twelve.wide.field { + width: 75% !important; +} + +.ui.form .thirteen.wide.field { + width: 81.25% !important; +} + +.ui.form .fourteen.wide.field { + width: 87.5% !important; +} + +.ui.form .fifteen.wide.field { + width: 93.75% !important; +} + +.ui.form .sixteen.wide.field { + width: 100% !important; +} + +/* Swap to full width on mobile */ + +@media only screen and (max-width: 767px) { + .ui.form .two.fields > .fields, + .ui.form .two.fields > .field, + .ui.form .three.fields > .fields, + .ui.form .three.fields > .field, + .ui.form .four.fields > .fields, + .ui.form .four.fields > .field, + .ui.form .five.fields > .fields, + .ui.form .five.fields > .field, + .ui.form .fields > .two.wide.field, + .ui.form .fields > .three.wide.field, + .ui.form .fields > .four.wide.field, + .ui.form .fields > .five.wide.field, + .ui.form .fields > .six.wide.field, + .ui.form .fields > .seven.wide.field, + .ui.form .fields > .eight.wide.field, + .ui.form .fields > .nine.wide.field, + .ui.form .fields > .ten.wide.field, + .ui.form .fields > .eleven.wide.field, + .ui.form .fields > .twelve.wide.field, + .ui.form .fields > .thirteen.wide.field, + .ui.form .fields > .fourteen.wide.field, + .ui.form .fields > .fifteen.wide.field, + .ui.form .fields > .sixteen.wide.field { + width: 100% !important; + margin: 0em 0em 1em; + padding-left: 0%; + padding-right: 0%; + } +} + +/*-------------------- + Inline Fields +---------------------*/ + +.ui.form .inline.fields { + margin: 0em 0em 1em; +} + +.ui.form .inline.fields .field { + display: inline-block; + float: none; + margin: 0em 1em 0em 0em; + padding: 0em; +} + +.ui.form .inline.fields .field > label, +.ui.form .inline.fields .field > p, +.ui.form .inline.fields .field > input, +.ui.form .inline.fields .field > .ui.input, +.ui.form .inline.field > label, +.ui.form .inline.field > p, +.ui.form .inline.field > input, +.ui.form .inline.field > .ui.input { + display: inline-block; + width: auto; + margin-top: 0em; + margin-bottom: 0em; + vertical-align: middle; + font-size: 0.9285em; +} + +.ui.form .inline.fields .field > input, +.ui.form .inline.fields .field > .ui.input, +.ui.form .inline.field > input, +.ui.form .inline.field > .ui.input { + font-size: 0.9285em; +} + +.ui.form .inline.fields .field > .ui.checkbox label { + padding-left: 1.75em; +} + +/* Label */ + +.ui.form .inline.fields .field > :first-child, +.ui.form .inline.field > :first-child { + margin: 0em 0.2857rem 0em 0em; +} + +.ui.form .inline.fields .field > :only-child, +.ui.form .inline.field > :only-child { + margin: 0em; +} + +/*-------------------- + Sizes +---------------------*/ + +/* Standard */ + +.ui.small.form { + font-size: 0.875em; +} + +/* Medium */ + +.ui.form { + font-size: auto; +} + +/* Large */ + +.ui.large.form { + font-size: 1.125em; +} + +/* Huge */ + +.ui.huge.form { + font-size: 1.2em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Grid +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Standard +*******************************/ + +.ui.grid { + display: block; + text-align: left; + font-size: 0em; + padding: 0em; +} + +.ui.grid:after, +.ui.grid > .row:after { + content: ''; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} + +/*---------------------- + Remove Gutters +-----------------------*/ + +.ui.grid { + margin-top: -1rem; + margin-bottom: -1rem; + margin-left: -1rem; + margin-right: -1rem; +} + +.ui.relaxed.grid { + margin-left: -1.5rem; + margin-right: -1.5rem; +} + +.ui[class*="very relaxed"].grid { + margin-left: -2.5rem; + margin-right: -2.5rem; +} + +/* Collapse Margins on Consecutive Grids */ + +.ui.grid + .grid { + margin-top: 1rem; +} + +/*------------------- + Columns +--------------------*/ + +/* Standard 16 column */ + +.ui.grid > .column:not(.row), +.ui.grid > .row > .column { + position: relative; + display: inline-block; + font-size: 1rem; + width: 6.25%; + padding-left: 1rem; + padding-right: 1rem; + vertical-align: top; +} + +.ui.grid > * { + padding-left: 1rem; + padding-right: 1rem; +} + +/*------------------- + Rows +--------------------*/ + +.ui.grid > .row { + position: relative; + display: block; + width: auto !important; + padding: 0rem; + font-size: 0rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +/*------------------- + Columns +--------------------*/ + +/* Vertical padding when no rows */ + +.ui.grid > .column:not(.row) { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .row > .column { + margin-top: 0em; + margin-bottom: 0em; +} + +/*------------------- + Content +--------------------*/ + +.ui.grid > .row > img, +.ui.grid > .row > .column > img { + max-width: 100%; +} + +/*------------------- + Loose Coupling +--------------------*/ + +.ui.grid .row + .ui.divider { + margin: 1rem 1rem; +} + +/* remove Border on last horizontal segment */ + +.ui.grid > .row > .column:last-child > .horizontal.segment, +.ui.grid > .column:last-child > .horizontal.segment { + box-shadow: none; +} + +/******************************* + Variations +*******************************/ + +/*----------------------- + Page Grid +-------------------------*/ + +.ui.page.grid { + padding-left: 8%; + padding-right: 8%; + width: auto; +} + +/* Collapse Margin */ + +.ui.grid > .ui.grid:first-child { + margin-top: 0em; +} + +.ui.grid > .ui.grid:last-child { + margin-bottom: 0em; +} + +@media only screen and (max-width: 767px) { + .ui.page.grid { + width: auto; + padding-left: 0em; + padding-right: 0em; + margin-left: 0em; + margin-right: 0em; + } +} + +@media only screen and (min-width: 768px) { + .ui.page.grid { + width: auto; + margin-left: 0em; + margin-right: 0em; + padding-left: 4em; + padding-right: 4em; + } +} + +@media only screen and (min-width: 992px) { + .ui.page.grid { + width: auto; + margin-left: 0em; + margin-right: 0em; + padding-left: 8%; + padding-right: 8%; + } +} + +@media only screen and (min-width: 1400px) { + .ui.page.grid { + width: auto; + margin-left: 0em; + margin-right: 0em; + padding-left: 15%; + padding-right: 15%; + } +} + +@media only screen and (min-width: 1920px) { + .ui.page.grid { + width: auto; + margin-left: 0em; + margin-right: 0em; + padding-left: 23%; + padding-right: 23%; + } +} + +/*------------------- + Column Count +--------------------*/ + +/* Assume full width with one column */ + +.ui.grid > .column:only-child, +.ui.grid > .row > .column:only-child { + width: 100%; +} + +/* Grid Based */ + +.ui[class*="one column"].grid > .row > .column, +.ui[class*="one column"].grid > .column { + width: 100%; +} + +.ui[class*="two column"].grid > .row > .column, +.ui[class*="two column"].grid > .column { + width: 50%; +} + +.ui[class*="three column"].grid > .row > .column, +.ui[class*="three column"].grid > .column { + width: 33.33333333%; +} + +.ui[class*="four column"].grid > .row > .column, +.ui[class*="four column"].grid > .column { + width: 25%; +} + +.ui[class*="five column"].grid > .row > .column, +.ui[class*="five column"].grid > .column { + width: 20%; +} + +.ui[class*="six column"].grid > .row > .column, +.ui[class*="six column"].grid > .column { + width: 16.66666667%; +} + +.ui[class*="seven column"].grid > .row > .column, +.ui[class*="seven column"].grid > .column { + width: 14.28571429%; +} + +.ui[class*="eight column"].grid > .row > .column, +.ui[class*="eight column"].grid > .column { + width: 12.5%; +} + +.ui[class*="nine column"].grid > .row > .column, +.ui[class*="nine column"].grid > .column { + width: 11.11111111%; +} + +.ui[class*="ten column"].grid > .row > .column, +.ui[class*="ten column"].grid > .column { + width: 10%; +} + +.ui[class*="eleven column"].grid > .row > .column, +.ui[class*="eleven column"].grid > .column { + width: 9.09090909%; +} + +.ui[class*="twelve column"].grid > .row > .column, +.ui[class*="twelve column"].grid > .column { + width: 8.33333333%; +} + +.ui[class*="thirteen column"].grid > .row > .column, +.ui[class*="thirteen column"].grid > .column { + width: 7.69230769%; +} + +.ui[class*="fourteen column"].grid > .row > .column, +.ui[class*="fourteen column"].grid > .column { + width: 7.14285714%; +} + +.ui[class*="fifteen column"].grid > .row > .column, +.ui[class*="fifteen column"].grid > .column { + width: 6.66666667%; +} + +.ui[class*="sixteen column"].grid > .row > .column, +.ui[class*="sixteen column"].grid > .column { + width: 6.25%; +} + +/* Row Based Overrides */ + +.ui.grid > [class*="one column"].row > .column { + width: 100% !important; +} + +.ui.grid > [class*="two column"].row > .column { + width: 50% !important; +} + +.ui.grid > [class*="three column"].row > .column { + width: 33.33333333% !important; +} + +.ui.grid > [class*="four column"].row > .column { + width: 25% !important; +} + +.ui.grid > [class*="five column"].row > .column { + width: 20% !important; +} + +.ui.grid > [class*="six column"].row > .column { + width: 16.66666667% !important; +} + +.ui.grid > [class*="seven column"].row > .column { + width: 14.28571429% !important; +} + +.ui.grid > [class*="eight column"].row > .column { + width: 12.5% !important; +} + +.ui.grid > [class*="nine column"].row > .column { + width: 11.11111111% !important; +} + +.ui.grid > [class*="ten column"].row > .column { + width: 10% !important; +} + +.ui.grid > [class*="eleven column"].row > .column { + width: 9.09090909% !important; +} + +.ui.grid > [class*="twelve column"].row > .column { + width: 8.33333333% !important; +} + +.ui.grid > [class*="thirteen column"].row > .column { + width: 7.69230769% !important; +} + +.ui.grid > [class*="fourteen column"].row > .column { + width: 7.14285714% !important; +} + +.ui.grid > [class*="fifteen column"].row > .column { + width: 6.66666667% !important; +} + +.ui.grid > [class*="sixteen column"].row > .column { + width: 6.25% !important; +} + +/*------------------- + Column Width +--------------------*/ + +/* Sizing Combinations */ + +.ui.grid > .row > [class*="one wide"].column, +.ui.grid > .column.row > [class*="one wide"].column, +.ui.grid > [class*="one wide"].column, +.ui.column.grid > [class*="one wide"].column { + width: 6.25% !important; +} + +.ui.grid > .row > [class*="two wide"].column, +.ui.grid > .column.row > [class*="two wide"].column, +.ui.grid > [class*="two wide"].column, +.ui.column.grid > [class*="two wide"].column { + width: 12.5% !important; +} + +.ui.grid > .row > [class*="three wide"].column, +.ui.grid > .column.row > [class*="three wide"].column, +.ui.grid > [class*="three wide"].column, +.ui.column.grid > [class*="three wide"].column { + width: 18.75% !important; +} + +.ui.grid > .row > [class*="four wide"].column, +.ui.grid > .column.row > [class*="four wide"].column, +.ui.grid > [class*="four wide"].column, +.ui.column.grid > [class*="four wide"].column { + width: 25% !important; +} + +.ui.grid > .row > [class*="five wide"].column, +.ui.grid > .column.row > [class*="five wide"].column, +.ui.grid > [class*="five wide"].column, +.ui.column.grid > [class*="five wide"].column { + width: 31.25% !important; +} + +.ui.grid > .row > [class*="six wide"].column, +.ui.grid > .column.row > [class*="six wide"].column, +.ui.grid > [class*="six wide"].column, +.ui.column.grid > [class*="six wide"].column { + width: 37.5% !important; +} + +.ui.grid > .row > [class*="seven wide"].column, +.ui.grid > .column.row > [class*="seven wide"].column, +.ui.grid > [class*="seven wide"].column, +.ui.column.grid > [class*="seven wide"].column { + width: 43.75% !important; +} + +.ui.grid > .row > [class*="eight wide"].column, +.ui.grid > .column.row > [class*="eight wide"].column, +.ui.grid > [class*="eight wide"].column, +.ui.column.grid > [class*="eight wide"].column { + width: 50% !important; +} + +.ui.grid > .row > [class*="nine wide"].column, +.ui.grid > .column.row > [class*="nine wide"].column, +.ui.grid > [class*="nine wide"].column, +.ui.column.grid > [class*="nine wide"].column { + width: 56.25% !important; +} + +.ui.grid > .row > [class*="ten wide"].column, +.ui.grid > .column.row > [class*="ten wide"].column, +.ui.grid > [class*="ten wide"].column, +.ui.column.grid > [class*="ten wide"].column { + width: 62.5% !important; +} + +.ui.grid > .row > [class*="eleven wide"].column, +.ui.grid > .column.row > [class*="eleven wide"].column, +.ui.grid > [class*="eleven wide"].column, +.ui.column.grid > [class*="eleven wide"].column { + width: 68.75% !important; +} + +.ui.grid > .row > [class*="twelve wide"].column, +.ui.grid > .column.row > [class*="twelve wide"].column, +.ui.grid > [class*="twelve wide"].column, +.ui.column.grid > [class*="twelve wide"].column { + width: 75% !important; +} + +.ui.grid > .row > [class*="thirteen wide"].column, +.ui.grid > .column.row > [class*="thirteen wide"].column, +.ui.grid > [class*="thirteen wide"].column, +.ui.column.grid > [class*="thirteen wide"].column { + width: 81.25% !important; +} + +.ui.grid > .row > [class*="fourteen wide"].column, +.ui.grid > .column.row > [class*="fourteen wide"].column, +.ui.grid > [class*="fourteen wide"].column, +.ui.column.grid > [class*="fourteen wide"].column { + width: 87.5% !important; +} + +.ui.grid > .row > [class*="fifteen wide"].column, +.ui.grid > .column.row > [class*="fifteen wide"].column, +.ui.grid > [class*="fifteen wide"].column, +.ui.column.grid > [class*="fifteen wide"].column { + width: 93.75% !important; +} + +.ui.grid > .row > [class*="sixteen wide"].column, +.ui.grid > .column.row > [class*="sixteen wide"].column, +.ui.grid > [class*="sixteen wide"].column, +.ui.column.grid > [class*="sixteen wide"].column { + width: 100% !important; +} + +/*---------------------- + Width per Device +-----------------------*/ + +/* Mobile Sizing Combinations */ + +@media only screen and (min-width: 320px) and (max-width: 767px) { + .ui.grid > .row > [class*="one wide mobile"].column, + .ui.grid > .column.row > [class*="one wide mobile"].column, + .ui.grid > [class*="one wide mobile"].column, + .ui.column.grid > [class*="one wide mobile"].column { + width: 6.25% !important; + } + + .ui.grid > .row > [class*="two wide mobile"].column, + .ui.grid > .column.row > [class*="two wide mobile"].column, + .ui.grid > [class*="two wide mobile"].column, + .ui.column.grid > [class*="two wide mobile"].column { + width: 12.5% !important; + } + + .ui.grid > .row > [class*="three wide mobile"].column, + .ui.grid > .column.row > [class*="three wide mobile"].column, + .ui.grid > [class*="three wide mobile"].column, + .ui.column.grid > [class*="three wide mobile"].column { + width: 18.75% !important; + } + + .ui.grid > .row > [class*="four wide mobile"].column, + .ui.grid > .column.row > [class*="four wide mobile"].column, + .ui.grid > [class*="four wide mobile"].column, + .ui.column.grid > [class*="four wide mobile"].column { + width: 25% !important; + } + + .ui.grid > .row > [class*="five wide mobile"].column, + .ui.grid > .column.row > [class*="five wide mobile"].column, + .ui.grid > [class*="five wide mobile"].column, + .ui.column.grid > [class*="five wide mobile"].column { + width: 31.25% !important; + } + + .ui.grid > .row > [class*="six wide mobile"].column, + .ui.grid > .column.row > [class*="six wide mobile"].column, + .ui.grid > [class*="six wide mobile"].column, + .ui.column.grid > [class*="six wide mobile"].column { + width: 37.5% !important; + } + + .ui.grid > .row > [class*="seven wide mobile"].column, + .ui.grid > .column.row > [class*="seven wide mobile"].column, + .ui.grid > [class*="seven wide mobile"].column, + .ui.column.grid > [class*="seven wide mobile"].column { + width: 43.75% !important; + } + + .ui.grid > .row > [class*="eight wide mobile"].column, + .ui.grid > .column.row > [class*="eight wide mobile"].column, + .ui.grid > [class*="eight wide mobile"].column, + .ui.column.grid > [class*="eight wide mobile"].column { + width: 50% !important; + } + + .ui.grid > .row > [class*="nine wide mobile"].column, + .ui.grid > .column.row > [class*="nine wide mobile"].column, + .ui.grid > [class*="nine wide mobile"].column, + .ui.column.grid > [class*="nine wide mobile"].column { + width: 56.25% !important; + } + + .ui.grid > .row > [class*="ten wide mobile"].column, + .ui.grid > .column.row > [class*="ten wide mobile"].column, + .ui.grid > [class*="ten wide mobile"].column, + .ui.column.grid > [class*="ten wide mobile"].column { + width: 62.5% !important; + } + + .ui.grid > .row > [class*="eleven wide mobile"].column, + .ui.grid > .column.row > [class*="eleven wide mobile"].column, + .ui.grid > [class*="eleven wide mobile"].column, + .ui.column.grid > [class*="eleven wide mobile"].column { + width: 68.75% !important; + } + + .ui.grid > .row > [class*="twelve wide mobile"].column, + .ui.grid > .column.row > [class*="twelve wide mobile"].column, + .ui.grid > [class*="twelve wide mobile"].column, + .ui.column.grid > [class*="twelve wide mobile"].column { + width: 75% !important; + } + + .ui.grid > .row > [class*="thirteen wide mobile"].column, + .ui.grid > .column.row > [class*="thirteen wide mobile"].column, + .ui.grid > [class*="thirteen wide mobile"].column, + .ui.column.grid > [class*="thirteen wide mobile"].column { + width: 81.25% !important; + } + + .ui.grid > .row > [class*="fourteen wide mobile"].column, + .ui.grid > .column.row > [class*="fourteen wide mobile"].column, + .ui.grid > [class*="fourteen wide mobile"].column, + .ui.column.grid > [class*="fourteen wide mobile"].column { + width: 87.5% !important; + } + + .ui.grid > .row > [class*="fifteen wide mobile"].column, + .ui.grid > .column.row > [class*="fifteen wide mobile"].column, + .ui.grid > [class*="fifteen wide mobile"].column, + .ui.column.grid > [class*="fifteen wide mobile"].column { + width: 93.75% !important; + } + + .ui.grid > .row > [class*="sixteen wide mobile"].column, + .ui.grid > .column.row > [class*="sixteen wide mobile"].column, + .ui.grid > [class*="sixteen wide mobile"].column, + .ui.column.grid > [class*="sixteen wide mobile"].column { + width: 100% !important; + } +} + +/* Tablet Sizing Combinations */ + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui.grid > .row > [class*="one wide tablet"].column, + .ui.grid > .column.row > [class*="one wide tablet"].column, + .ui.grid > [class*="one wide tablet"].column, + .ui.column.grid > [class*="one wide tablet"].column { + width: 6.25% !important; + } + + .ui.grid > .row > [class*="two wide tablet"].column, + .ui.grid > .column.row > [class*="two wide tablet"].column, + .ui.grid > [class*="two wide tablet"].column, + .ui.column.grid > [class*="two wide tablet"].column { + width: 12.5% !important; + } + + .ui.grid > .row > [class*="three wide tablet"].column, + .ui.grid > .column.row > [class*="three wide tablet"].column, + .ui.grid > [class*="three wide tablet"].column, + .ui.column.grid > [class*="three wide tablet"].column { + width: 18.75% !important; + } + + .ui.grid > .row > [class*="four wide tablet"].column, + .ui.grid > .column.row > [class*="four wide tablet"].column, + .ui.grid > [class*="four wide tablet"].column, + .ui.column.grid > [class*="four wide tablet"].column { + width: 25% !important; + } + + .ui.grid > .row > [class*="five wide tablet"].column, + .ui.grid > .column.row > [class*="five wide tablet"].column, + .ui.grid > [class*="five wide tablet"].column, + .ui.column.grid > [class*="five wide tablet"].column { + width: 31.25% !important; + } + + .ui.grid > .row > [class*="six wide tablet"].column, + .ui.grid > .column.row > [class*="six wide tablet"].column, + .ui.grid > [class*="six wide tablet"].column, + .ui.column.grid > [class*="six wide tablet"].column { + width: 37.5% !important; + } + + .ui.grid > .row > [class*="seven wide tablet"].column, + .ui.grid > .column.row > [class*="seven wide tablet"].column, + .ui.grid > [class*="seven wide tablet"].column, + .ui.column.grid > [class*="seven wide tablet"].column { + width: 43.75% !important; + } + + .ui.grid > .row > [class*="eight wide tablet"].column, + .ui.grid > .column.row > [class*="eight wide tablet"].column, + .ui.grid > [class*="eight wide tablet"].column, + .ui.column.grid > [class*="eight wide tablet"].column { + width: 50% !important; + } + + .ui.grid > .row > [class*="nine wide tablet"].column, + .ui.grid > .column.row > [class*="nine wide tablet"].column, + .ui.grid > [class*="nine wide tablet"].column, + .ui.column.grid > [class*="nine wide tablet"].column { + width: 56.25% !important; + } + + .ui.grid > .row > [class*="ten wide tablet"].column, + .ui.grid > .column.row > [class*="ten wide tablet"].column, + .ui.grid > [class*="ten wide tablet"].column, + .ui.column.grid > [class*="ten wide tablet"].column { + width: 62.5% !important; + } + + .ui.grid > .row > [class*="eleven wide tablet"].column, + .ui.grid > .column.row > [class*="eleven wide tablet"].column, + .ui.grid > [class*="eleven wide tablet"].column, + .ui.column.grid > [class*="eleven wide tablet"].column { + width: 68.75% !important; + } + + .ui.grid > .row > [class*="twelve wide tablet"].column, + .ui.grid > .column.row > [class*="twelve wide tablet"].column, + .ui.grid > [class*="twelve wide tablet"].column, + .ui.column.grid > [class*="twelve wide tablet"].column { + width: 75% !important; + } + + .ui.grid > .row > [class*="thirteen wide tablet"].column, + .ui.grid > .column.row > [class*="thirteen wide tablet"].column, + .ui.grid > [class*="thirteen wide tablet"].column, + .ui.column.grid > [class*="thirteen wide tablet"].column { + width: 81.25% !important; + } + + .ui.grid > .row > [class*="fourteen wide tablet"].column, + .ui.grid > .column.row > [class*="fourteen wide tablet"].column, + .ui.grid > [class*="fourteen wide tablet"].column, + .ui.column.grid > [class*="fourteen wide tablet"].column { + width: 87.5% !important; + } + + .ui.grid > .row > [class*="fifteen wide tablet"].column, + .ui.grid > .column.row > [class*="fifteen wide tablet"].column, + .ui.grid > [class*="fifteen wide tablet"].column, + .ui.column.grid > [class*="fifteen wide tablet"].column { + width: 93.75% !important; + } + + .ui.grid > .row > [class*="sixteen wide tablet"].column, + .ui.grid > .column.row > [class*="sixteen wide tablet"].column, + .ui.grid > [class*="sixteen wide tablet"].column, + .ui.column.grid > [class*="sixteen wide tablet"].column { + width: 100% !important; + } +} + +/* Computer/Desktop Sizing Combinations */ + +@media only screen and (min-width: 992px) { + .ui.grid > .row > [class*="one wide computer"].column, + .ui.grid > .column.row > [class*="one wide computer"].column, + .ui.grid > [class*="one wide computer"].column, + .ui.column.grid > [class*="one wide computer"].column { + width: 6.25% !important; + } + + .ui.grid > .row > [class*="two wide computer"].column, + .ui.grid > .column.row > [class*="two wide computer"].column, + .ui.grid > [class*="two wide computer"].column, + .ui.column.grid > [class*="two wide computer"].column { + width: 12.5% !important; + } + + .ui.grid > .row > [class*="three wide computer"].column, + .ui.grid > .column.row > [class*="three wide computer"].column, + .ui.grid > [class*="three wide computer"].column, + .ui.column.grid > [class*="three wide computer"].column { + width: 18.75% !important; + } + + .ui.grid > .row > [class*="four wide computer"].column, + .ui.grid > .column.row > [class*="four wide computer"].column, + .ui.grid > [class*="four wide computer"].column, + .ui.column.grid > [class*="four wide computer"].column { + width: 25% !important; + } + + .ui.grid > .row > [class*="five wide computer"].column, + .ui.grid > .column.row > [class*="five wide computer"].column, + .ui.grid > [class*="five wide computer"].column, + .ui.column.grid > [class*="five wide computer"].column { + width: 31.25% !important; + } + + .ui.grid > .row > [class*="six wide computer"].column, + .ui.grid > .column.row > [class*="six wide computer"].column, + .ui.grid > [class*="six wide computer"].column, + .ui.column.grid > [class*="six wide computer"].column { + width: 37.5% !important; + } + + .ui.grid > .row > [class*="seven wide computer"].column, + .ui.grid > .column.row > [class*="seven wide computer"].column, + .ui.grid > [class*="seven wide computer"].column, + .ui.column.grid > [class*="seven wide computer"].column { + width: 43.75% !important; + } + + .ui.grid > .row > [class*="eight wide computer"].column, + .ui.grid > .column.row > [class*="eight wide computer"].column, + .ui.grid > [class*="eight wide computer"].column, + .ui.column.grid > [class*="eight wide computer"].column { + width: 50% !important; + } + + .ui.grid > .row > [class*="nine wide computer"].column, + .ui.grid > .column.row > [class*="nine wide computer"].column, + .ui.grid > [class*="nine wide computer"].column, + .ui.column.grid > [class*="nine wide computer"].column { + width: 56.25% !important; + } + + .ui.grid > .row > [class*="ten wide computer"].column, + .ui.grid > .column.row > [class*="ten wide computer"].column, + .ui.grid > [class*="ten wide computer"].column, + .ui.column.grid > [class*="ten wide computer"].column { + width: 62.5% !important; + } + + .ui.grid > .row > [class*="eleven wide computer"].column, + .ui.grid > .column.row > [class*="eleven wide computer"].column, + .ui.grid > [class*="eleven wide computer"].column, + .ui.column.grid > [class*="eleven wide computer"].column { + width: 68.75% !important; + } + + .ui.grid > .row > [class*="twelve wide computer"].column, + .ui.grid > .column.row > [class*="twelve wide computer"].column, + .ui.grid > [class*="twelve wide computer"].column, + .ui.column.grid > [class*="twelve wide computer"].column { + width: 75% !important; + } + + .ui.grid > .row > [class*="thirteen wide computer"].column, + .ui.grid > .column.row > [class*="thirteen wide computer"].column, + .ui.grid > [class*="thirteen wide computer"].column, + .ui.column.grid > [class*="thirteen wide computer"].column { + width: 81.25% !important; + } + + .ui.grid > .row > [class*="fourteen wide computer"].column, + .ui.grid > .column.row > [class*="fourteen wide computer"].column, + .ui.grid > [class*="fourteen wide computer"].column, + .ui.column.grid > [class*="fourteen wide computer"].column { + width: 87.5% !important; + } + + .ui.grid > .row > [class*="fifteen wide computer"].column, + .ui.grid > .column.row > [class*="fifteen wide computer"].column, + .ui.grid > [class*="fifteen wide computer"].column, + .ui.column.grid > [class*="fifteen wide computer"].column { + width: 93.75% !important; + } + + .ui.grid > .row > [class*="sixteen wide computer"].column, + .ui.grid > .column.row > [class*="sixteen wide computer"].column, + .ui.grid > [class*="sixteen wide computer"].column, + .ui.column.grid > [class*="sixteen wide computer"].column { + width: 100% !important; + } +} + +/* Large Monitor Sizing Combinations */ + +@media only screen and (min-width: 1400px) and (max-width: 1919px) { + .ui.grid > .row > [class*="one wide large screen"].column, + .ui.grid > .column.row > [class*="one wide large screen"].column, + .ui.grid > [class*="one wide large screen"].column, + .ui.column.grid > [class*="one wide large screen"].column { + width: 6.25% !important; + } + + .ui.grid > .row > [class*="two wide large screen"].column, + .ui.grid > .column.row > [class*="two wide large screen"].column, + .ui.grid > [class*="two wide large screen"].column, + .ui.column.grid > [class*="two wide large screen"].column { + width: 12.5% !important; + } + + .ui.grid > .row > [class*="three wide large screen"].column, + .ui.grid > .column.row > [class*="three wide large screen"].column, + .ui.grid > [class*="three wide large screen"].column, + .ui.column.grid > [class*="three wide large screen"].column { + width: 18.75% !important; + } + + .ui.grid > .row > [class*="four wide large screen"].column, + .ui.grid > .column.row > [class*="four wide large screen"].column, + .ui.grid > [class*="four wide large screen"].column, + .ui.column.grid > [class*="four wide large screen"].column { + width: 25% !important; + } + + .ui.grid > .row > [class*="five wide large screen"].column, + .ui.grid > .column.row > [class*="five wide large screen"].column, + .ui.grid > [class*="five wide large screen"].column, + .ui.column.grid > [class*="five wide large screen"].column { + width: 31.25% !important; + } + + .ui.grid > .row > [class*="six wide large screen"].column, + .ui.grid > .column.row > [class*="six wide large screen"].column, + .ui.grid > [class*="six wide large screen"].column, + .ui.column.grid > [class*="six wide large screen"].column { + width: 37.5% !important; + } + + .ui.grid > .row > [class*="seven wide large screen"].column, + .ui.grid > .column.row > [class*="seven wide large screen"].column, + .ui.grid > [class*="seven wide large screen"].column, + .ui.column.grid > [class*="seven wide large screen"].column { + width: 43.75% !important; + } + + .ui.grid > .row > [class*="eight wide large screen"].column, + .ui.grid > .column.row > [class*="eight wide large screen"].column, + .ui.grid > [class*="eight wide large screen"].column, + .ui.column.grid > [class*="eight wide large screen"].column { + width: 50% !important; + } + + .ui.grid > .row > [class*="nine wide large screen"].column, + .ui.grid > .column.row > [class*="nine wide large screen"].column, + .ui.grid > [class*="nine wide large screen"].column, + .ui.column.grid > [class*="nine wide large screen"].column { + width: 56.25% !important; + } + + .ui.grid > .row > [class*="ten wide large screen"].column, + .ui.grid > .column.row > [class*="ten wide large screen"].column, + .ui.grid > [class*="ten wide large screen"].column, + .ui.column.grid > [class*="ten wide large screen"].column { + width: 62.5% !important; + } + + .ui.grid > .row > [class*="eleven wide large screen"].column, + .ui.grid > .column.row > [class*="eleven wide large screen"].column, + .ui.grid > [class*="eleven wide large screen"].column, + .ui.column.grid > [class*="eleven wide large screen"].column { + width: 68.75% !important; + } + + .ui.grid > .row > [class*="twelve wide large screen"].column, + .ui.grid > .column.row > [class*="twelve wide large screen"].column, + .ui.grid > [class*="twelve wide large screen"].column, + .ui.column.grid > [class*="twelve wide large screen"].column { + width: 75% !important; + } + + .ui.grid > .row > [class*="thirteen wide large screen"].column, + .ui.grid > .column.row > [class*="thirteen wide large screen"].column, + .ui.grid > [class*="thirteen wide large screen"].column, + .ui.column.grid > [class*="thirteen wide large screen"].column { + width: 81.25% !important; + } + + .ui.grid > .row > [class*="fourteen wide large screen"].column, + .ui.grid > .column.row > [class*="fourteen wide large screen"].column, + .ui.grid > [class*="fourteen wide large screen"].column, + .ui.column.grid > [class*="fourteen wide large screen"].column { + width: 87.5% !important; + } + + .ui.grid > .row > [class*="fifteen wide large screen"].column, + .ui.grid > .column.row > [class*="fifteen wide large screen"].column, + .ui.grid > [class*="fifteen wide large screen"].column, + .ui.column.grid > [class*="fifteen wide large screen"].column { + width: 93.75% !important; + } + + .ui.grid > .row > [class*="sixteen wide large screen"].column, + .ui.grid > .column.row > [class*="sixteen wide large screen"].column, + .ui.grid > [class*="sixteen wide large screen"].column, + .ui.column.grid > [class*="sixteen wide large screen"].column { + width: 100% !important; + } +} + +/* Widescreen Sizing Combinations */ + +@media only screen and (min-width: 1920px) { + .ui.grid > .row > [class*="one wide widescreen"].column, + .ui.grid > .column.row > [class*="one wide widescreen"].column, + .ui.grid > [class*="one wide widescreen"].column, + .ui.column.grid > [class*="one wide widescreen"].column { + width: 6.25% !important; + } + + .ui.grid > .row > [class*="two wide widescreen"].column, + .ui.grid > .column.row > [class*="two wide widescreen"].column, + .ui.grid > [class*="two wide widescreen"].column, + .ui.column.grid > [class*="two wide widescreen"].column { + width: 12.5% !important; + } + + .ui.grid > .row > [class*="three wide widescreen"].column, + .ui.grid > .column.row > [class*="three wide widescreen"].column, + .ui.grid > [class*="three wide widescreen"].column, + .ui.column.grid > [class*="three wide widescreen"].column { + width: 18.75% !important; + } + + .ui.grid > .row > [class*="four wide widescreen"].column, + .ui.grid > .column.row > [class*="four wide widescreen"].column, + .ui.grid > [class*="four wide widescreen"].column, + .ui.column.grid > [class*="four wide widescreen"].column { + width: 25% !important; + } + + .ui.grid > .row > [class*="five wide widescreen"].column, + .ui.grid > .column.row > [class*="five wide widescreen"].column, + .ui.grid > [class*="five wide widescreen"].column, + .ui.column.grid > [class*="five wide widescreen"].column { + width: 31.25% !important; + } + + .ui.grid > .row > [class*="six wide widescreen"].column, + .ui.grid > .column.row > [class*="six wide widescreen"].column, + .ui.grid > [class*="six wide widescreen"].column, + .ui.column.grid > [class*="six wide widescreen"].column { + width: 37.5% !important; + } + + .ui.grid > .row > [class*="seven wide widescreen"].column, + .ui.grid > .column.row > [class*="seven wide widescreen"].column, + .ui.grid > [class*="seven wide widescreen"].column, + .ui.column.grid > [class*="seven wide widescreen"].column { + width: 43.75% !important; + } + + .ui.grid > .row > [class*="eight wide widescreen"].column, + .ui.grid > .column.row > [class*="eight wide widescreen"].column, + .ui.grid > [class*="eight wide widescreen"].column, + .ui.column.grid > [class*="eight wide widescreen"].column { + width: 50% !important; + } + + .ui.grid > .row > [class*="nine wide widescreen"].column, + .ui.grid > .column.row > [class*="nine wide widescreen"].column, + .ui.grid > [class*="nine wide widescreen"].column, + .ui.column.grid > [class*="nine wide widescreen"].column { + width: 56.25% !important; + } + + .ui.grid > .row > [class*="ten wide widescreen"].column, + .ui.grid > .column.row > [class*="ten wide widescreen"].column, + .ui.grid > [class*="ten wide widescreen"].column, + .ui.column.grid > [class*="ten wide widescreen"].column { + width: 62.5% !important; + } + + .ui.grid > .row > [class*="eleven wide widescreen"].column, + .ui.grid > .column.row > [class*="eleven wide widescreen"].column, + .ui.grid > [class*="eleven wide widescreen"].column, + .ui.column.grid > [class*="eleven wide widescreen"].column { + width: 68.75% !important; + } + + .ui.grid > .row > [class*="twelve wide widescreen"].column, + .ui.grid > .column.row > [class*="twelve wide widescreen"].column, + .ui.grid > [class*="twelve wide widescreen"].column, + .ui.column.grid > [class*="twelve wide widescreen"].column { + width: 75% !important; + } + + .ui.grid > .row > [class*="thirteen wide widescreen"].column, + .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, + .ui.grid > [class*="thirteen wide widescreen"].column, + .ui.column.grid > [class*="thirteen wide widescreen"].column { + width: 81.25% !important; + } + + .ui.grid > .row > [class*="fourteen wide widescreen"].column, + .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, + .ui.grid > [class*="fourteen wide widescreen"].column, + .ui.column.grid > [class*="fourteen wide widescreen"].column { + width: 87.5% !important; + } + + .ui.grid > .row > [class*="fifteen wide widescreen"].column, + .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, + .ui.grid > [class*="fifteen wide widescreen"].column, + .ui.column.grid > [class*="fifteen wide widescreen"].column { + width: 93.75% !important; + } + + .ui.grid > .row > [class*="sixteen wide widescreen"].column, + .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, + .ui.grid > [class*="sixteen wide widescreen"].column, + .ui.column.grid > [class*="sixteen wide widescreen"].column { + width: 100% !important; + } +} + +/*---------------------- + Centered +-----------------------*/ + +.ui.centered.grid, +.ui.centered.grid > .row, +.ui.grid > .centered.row { + text-align: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.ui.centered.grid > .column:not(.aligned):not(.row), +.ui.centered.grid > .row > .column:not(.aligned), +.ui.grid .centered.row > .column:not(.aligned) { + text-align: left; +} + +.ui.grid > .centered.column, +.ui.grid > .row > .centered.column { + display: block; + margin-left: auto; + margin-right: auto; +} + +/*---------------------- + Relaxed +-----------------------*/ + +.ui.relaxed.grid > .column:not(.row), +.ui.relaxed.grid > .row > .column, +.ui.grid > .relaxed.row > .column { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.ui[class*="very relaxed"].grid > .column:not(.row), +.ui[class*="very relaxed"].grid > .row > .column, +.ui.grid > [class*="very relaxed"].row > .column { + padding-left: 2.5rem; + padding-right: 2.5rem; +} + +/* Coupling with UI Divider */ + +.ui.relaxed.grid .row + .ui.divider, +.ui.grid .relaxed.row + .ui.divider { + margin-left: 1.5rem; + margin-right: 1.5rem; +} + +.ui[class*="very relaxed"].grid .row + .ui.divider, +.ui.grid [class*="very relaxed"].row + .ui.divider { + margin-left: 2.5rem; + margin-right: 2.5rem; +} + +/*---------------------- + Padded +-----------------------*/ + +.ui.padded.grid:not(.vertically):not(.horizontally) { + margin: 0em !important; +} + +[class*="horizontally padded"].ui.grid { + margin-left: 0em !important; + margin-right: 0em !important; +} + +[class*="vertically padded"].ui.grid { + margin-top: 0em !important; + margin-bottom: 0em !important; +} + +/*---------------------- + "Floated" +-----------------------*/ + +.ui.grid [class*="left floated"].column { + float: left; +} + +.ui.grid [class*="right floated"].column { + float: right; +} + +/*---------------------- + Divided +-----------------------*/ + +.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), +.ui.divided.grid:not([class*="vertically divided"]) > .row > .column { + box-shadow: -1px 0px 0px 0px rgba(39, 41, 43, 0.15); +} + +/* Swap from padding to margin on columns to have dividers align */ + +.ui[class*="vertically divided"].grid > .column:not(.row), +.ui[class*="vertically divided"].grid > .row > .column { + margin-top: 1rem; + margin-bottom: 1rem; + padding-top: 0rem; + padding-bottom: 0rem; +} + +.ui[class*="vertically divided"].grid > .row { + margin-top: 0em; + margin-bottom: 0em; + padding-top: 0em; + padding-bottom: 0em; +} + +/* No divider on first column on row */ + +.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, +.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { + box-shadow: none; +} + +/* Divided Row */ + +.ui.grid > .divided.row > .column { + box-shadow: -1px 0px 0px 0px rgba(39, 41, 43, 0.15); +} + +.ui.grid > .divided.row > .column:first-child { + box-shadow: none; +} + +/* Vertically Divided */ + +.ui[class*="vertically divided"].grid > .row { + position: relative; +} + +.ui[class*="vertically divided"].grid > .row:before { + position: absolute; + content: ""; + top: 0em; + left: 0px; + width: -webkit-calc(100% - 2rem ); + width: calc(100% - 2rem ); + height: 1px; + margin: 0% 1rem; + box-shadow: 0px -1px 0px 0px rgba(39, 41, 43, 0.15); +} + +/* Padded Horizontally Divided */ + +[class*="horizontally padded"].ui.divided.grid, +.ui.padded.divided.grid:not(.vertically):not(.horizontally) { + width: 100%; +} + +/* First Row Vertically Divided */ + +.ui[class*="vertically divided"].grid > .row:first-child:before { + box-shadow: none; +} + +/* Inverted Divided */ + +.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), +.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { + box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.2); +} + +.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, +.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { + box-shadow: none; +} + +.ui.inverted[class*="vertically divided"].grid > .row:before { + box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.2); +} + +/* Relaxed */ + +.ui.relaxed[class*="vertically divided"].grid > .row:before { + margin-left: 1.5rem; + margin-right: 1.5rem; + width: -webkit-calc(100% - 3rem ); + width: calc(100% - 3rem ); +} + +.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before { + margin-left: 5rem; + margin-right: 5rem; + width: -webkit-calc(100% - 5rem ); + width: calc(100% - 5rem ); +} + +/*---------------------- + Celled +-----------------------*/ + +.ui.celled.grid { + display: table; + table-layout: fixed; + width: 100%; + margin: 1em 0em; + box-shadow: 0px 0px 0px 1px #d4d4d5; +} + +.ui.celled.grid > .row, +.ui.celled.grid > .column.row, +.ui.celled.grid > .column.row:first-child { + display: table; + table-layout: fixed; + width: 100% !important; + margin: 0em; + padding: 0em; + box-shadow: 0px -1px 0px 0px #d4d4d5; +} + +.ui.celled.grid > .column:not(.row), +.ui.celled.grid > .row > .column { + display: table-cell; + box-shadow: -1px 0px 0px 0px #d4d4d5; +} + +.ui.celled.grid > .column:first-child, +.ui.celled.grid > .row > .column:first-child { + box-shadow: none; +} + +.ui.celled.page.grid { + box-shadow: none; +} + +.ui.celled.grid > .column:not(.row), +.ui.celled.grid > .row > .column { + padding: 0.75em; +} + +.ui.relaxed.celled.grid > .column:not(.row), +.ui.relaxed.celled.grid > .row > .column { + padding: 1em; +} + +.ui[class*="very relaxed"].celled.grid > .column:not(.row), +.ui[class*="very relaxed"].celled.grid > .row > .column { + padding: 2em; +} + +/* Internally Celled */ + +.ui[class*="internally celled"].grid { + box-shadow: none; +} + +.ui[class*="internally celled"].grid > .row:first-child { + box-shadow: none; +} + +.ui[class*="internally celled"].grid > .row > .column:first-child { + box-shadow: none; +} + +/*---------------------- + Horizontally Centered +-----------------------*/ + +/* Left Aligned */ + +.ui[class*="left aligned"].grid, +.ui[class*="left aligned"].grid > .row > .column, +.ui[class*="left aligned"].grid > .column, +.ui.grid [class*="left aligned"].column, +.ui.grid > [class*="left aligned"].row > .column { + text-align: left; +} + +.ui.grid [class*="left aligned"].column { + text-align: left !important; +} + +/* Center Aligned */ + +.ui[class*="center aligned"].grid, +.ui[class*="center aligned"].grid > .row > .column, +.ui[class*="center aligned"].grid > .column, +.ui.grid > [class*="center aligned"].row > .column { + text-align: center; +} + +.ui.grid [class*="center aligned"].column { + text-align: center !important; +} + +/* Right Aligned */ + +.ui[class*="right aligned"].grid, +.ui[class*="right aligned"].grid > .row > .column, +.ui[class*="right aligned"].grid > .column, +.ui.grid > [class*="right aligned"].row > .column { + text-align: right; +} + +.ui.grid [class*="right aligned"].column { + text-align: right !important; +} + +/* Justified */ + +.ui.justified.grid, +.ui.justified.grid > .row > .column, +.ui.justified.grid > .column, +.ui.grid .justified.column, +.ui.grid > .justified.row > .column { + text-align: justify; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; +} + +.ui.grid .justified.column { + text-align: justify !important; + -webkit-hyphens: auto !important; + -moz-hyphens: auto !important; + -ms-hyphens: auto !important; + hyphens: auto !important; +} + +/*---------------------- + Vertically Aligned +-----------------------*/ + +/* Top Aligned */ + +.ui[class*="top aligned"].grid, +.ui[class*="top aligned"].grid > .row > .column, +.ui[class*="top aligned"].grid > .column, +.ui.grid [class*="top aligned"].column, +.ui.grid > [class*="top aligned"].row > .column { + vertical-align: top; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} + +.ui.grid [class*="top aligned"].column { + vertical-align: top !important; + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; +} + +/* Middle Aligned */ + +.ui[class*="middle aligned"].grid, +.ui[class*="middle aligned"].grid > .row > .column, +.ui[class*="middle aligned"].grid > .column, +.ui.grid > [class*="middle aligned"].row > .column { + vertical-align: middle; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + +.ui.grid [class*="middle aligned"].column { + vertical-align: middle !important; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; +} + +/* Bottom Aligned */ + +.ui[class*="bottom aligned"].grid, +.ui[class*="bottom aligned"].grid > .row > .column, +.ui[class*="bottom aligned"].grid > .column, +.ui.grid > [class*="bottom aligned"].row > .column { + vertical-align: bottom; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; +} + +.ui.grid [class*="bottom aligned"].column { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end; + vertical-align: bottom !important; +} + +/*---------------------- + Colored +-----------------------*/ + +.ui.grid > .white.row, +.ui.grid > .row > .white.column { + background-color: #ffffff !important; + color: #212121; +} + +.ui.grid > .row > .white.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .black.row, +.ui.grid > .row > .black.column { + background-color: #1b1c1d !important; + color: #ffffff; +} + +.ui.grid > .row > .black.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .blue.row, +.ui.grid > .row > .blue.column { + background-color: #2196f3 !important; + color: #ffffff; +} + +.ui.grid > .row > .blue.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .green.row, +.ui.grid > .row > .green.column { + background-color: #4caf50 !important; + color: #ffffff; +} + +.ui.grid > .row > .green.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .orange.row, +.ui.grid > .row > .orange.column { + background-color: #ff9800 !important; + color: #ffffff; +} + +.ui.grid > .row > .orange.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .pink.row, +.ui.grid .pink.column { + background-color: #e91e63 !important; + color: #ffffff; +} + +.ui.grid > .row > .pink.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .purple.row, +.ui.grid > .row > .purple.column { + background-color: #9c27b0 !important; + color: #ffffff; +} + +.ui.grid > .row > .purple.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .red.row, +.ui.grid > .row > .red.column { + background-color: #f44336 !important; + color: #ffffff; +} + +.ui.grid > .row > .red.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .teal.row, +.ui.grid > .row > .teal.column { + background-color: #1de9b6 !important; + color: #ffffff; +} + +.ui.grid > .row > .teal.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +.ui.grid > .yellow.row, +.ui.grid > .row > .yellow.column { + background-color: #ffeb3b !important; + color: #ffffff; +} + +.ui.grid > .row > .yellow.column { + margin-top: -1rem; + margin-bottom: -1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +/*---------------------- + Equal Width +-----------------------*/ + +.ui[class*="equal width"].grid { + display: table; + table-layout: fixed; +} + +.ui[class*="equal width"].grid > .row, +.ui.grid > [class*="equal width"].row { + display: table; + table-layout: fixed; + width: 100% !important; +} + +.ui[class*="equal width"].grid > .column, +.ui[class*="equal width"].grid > .row > .column, +.ui.grid > [class*="equal width"].row > .column { + display: table-cell; +} + +/* Flexbox (Experimental / Overrides Where Supported) */ + +.ui[class*="equal width"].grid { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.ui[class*="equal width"].grid > .row, +.ui.grid > [class*="equal width"].row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.ui[class*="equal width"].grid > .column, +.ui[class*="equal width"].grid > .row > .column, +.ui.grid > [class*="equal width"].row > .column { + display: inline-block; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} + +/*---------------------- + Equal Height Columns +-----------------------*/ + +.ui[class*="equal height"].grid { + display: table; + table-layout: fixed; +} + +.ui[class*="equal height"].grid > .row, +.ui.grid > [class*="equal height"].row { + display: table; + table-layout: fixed; + width: 100% !important; +} + +.ui[class*="equal height"].grid > .column, +.ui[class*="equal height"].grid > .row > .column, +.ui.grid > [class*="equal height"].row > .column { + display: table-cell; +} + +/* Flexbox (Experimental / Overrides Where Supported) */ + +.ui[class*="equal height"].grid, +.ui[class*="equal height"].grid > .row, +.ui.grid > [class*="equal height"].row { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; +} + +.ui[class*="equal height"].grid > .column, +.ui[class*="equal height"].grid > .row > .column, +.ui.grid > [class*="equal height"].row > .column { + display: inline-block; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} + +/*------------------- + Doubling +--------------------*/ + +/* Tablet Only */ + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui.doubling.grid { + width: 100% !important; + } + + .ui.grid > .doubling.row, + .ui.doubling.grid > .row { + margin: 0em !important; + padding: 0em !important; + } + + .ui.grid > .doubling.row > .column, + .ui.doubling.grid > .row > .column { + display: inline-block !important; + padding-top: 1rem !important; + padding-bottom: 1rem !important; + margin: 0em; + } + + .ui[class*="two column"].doubling.grid > .row > .column, + .ui[class*="two column"].doubling.grid > .column, + .ui.grid > [class*="two column"].doubling.row > .column { + width: 100% !important; + } + + .ui[class*="three column"].doubling.grid > .row > .column, + .ui[class*="three column"].doubling.grid > .column, + .ui.grid > [class*="three column"].doubling.row > .column { + width: 50% !important; + } + + .ui[class*="four column"].doubling.grid > .row > .column, + .ui[class*="four column"].doubling.grid > .column, + .ui.grid > [class*="four column"].doubling.row > .column { + width: 50% !important; + } + + .ui[class*="five column"].doubling.grid > .row > .column, + .ui[class*="five column"].doubling.grid > .column, + .ui.grid > [class*="five column"].doubling.row > .column { + width: 33.33333333% !important; + } + + .ui[class*="six column"].doubling.grid > .row > .column, + .ui[class*="six column"].doubling.grid > .column, + .ui.grid > [class*="six column"].doubling.row > .column { + width: 33.33333333% !important; + } + + .ui[class*="seven column"].doubling.grid > .row > .column, + .ui[class*="seven column"].doubling.grid > .column, + .ui.grid > [class*="seven column"].doubling.row > .column { + width: 33.33333333% !important; + } + + .ui[class*="eight column"].doubling.grid > .row > .column, + .ui[class*="eight column"].doubling.grid > .column, + .ui.grid > [class*="eight column"].doubling.row > .column { + width: 25% !important; + } + + .ui[class*="nine column"].doubling.grid > .row > .column, + .ui[class*="nine column"].doubling.grid > .column, + .ui.grid > [class*="nine column"].doubling.row > .column { + width: 25% !important; + } + + .ui[class*="ten column"].doubling.grid > .row > .column, + .ui[class*="ten column"].doubling.grid > .column, + .ui.grid > [class*="ten column"].doubling.row > .column { + width: 20% !important; + } + + .ui[class*="eleven column"].doubling.grid > .row > .column, + .ui[class*="eleven column"].doubling.grid > .column, + .ui.grid > [class*="eleven column"].doubling.row > .column { + width: 20% !important; + } + + .ui[class*="twelve column"].doubling.grid > .row > .column, + .ui[class*="twelve column"].doubling.grid > .column, + .ui.grid > [class*="twelve column"].doubling.row > .column { + width: 16.66666667% !important; + } + + .ui[class*="thirteen column"].doubling.grid > .row > .column, + .ui[class*="thirteen column"].doubling.grid > .column, + .ui.grid > [class*="thirteen column"].doubling.row > .column { + width: 16.66666667% !important; + } + + .ui[class*="fourteen column"].doubling.grid > .row > .column, + .ui[class*="fourteen column"].doubling.grid > .column, + .ui.grid > [class*="fourteen column"].doubling.row > .column { + width: 14.28571429% !important; + } + + .ui[class*="fifteen column"].doubling.grid > .row > .column, + .ui[class*="fifteen column"].doubling.grid > .column, + .ui.grid > [class*="fifteen column"].doubling.row > .column { + width: 14.28571429% !important; + } + + .ui[class*="sixteen column"].doubling.grid > .row > .column, + .ui[class*="sixteen column"].doubling.grid > .column, + .ui.grid > [class*="sixteen column"].doubling.row > .column { + width: 12.5% !important; + } +} + +/* Mobily Only */ + +@media only screen and (max-width: 767px) { + .ui.grid > .doubling.row, + .ui.doubling.grid > .row { + display: block !important; + margin: 0em !important; + padding: 0em !important; + } + + .ui.grid > .doubling.row > .column, + .ui.doubling.grid > .row > .column { + display: inline-block !important; + padding-top: 1rem !important; + padding-bottom: 1rem !important; + margin: 0em !important; + } + + .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="two column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="two column"].doubling:not(.stackable).row > .column { + width: 100% !important; + } + + .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="three column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="three column"].doubling:not(.stackable).row > .column { + width: 50% !important; + } + + .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="four column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="four column"].doubling:not(.stackable).row > .column { + width: 50% !important; + } + + .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="five column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="five column"].doubling:not(.stackable).row > .column { + width: 50% !important; + } + + .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="six column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="six column"].doubling:not(.stackable).row > .column { + width: 50% !important; + } + + .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="seven column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="seven column"].doubling:not(.stackable).row > .column { + width: 50% !important; + } + + .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="eight column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="eight column"].doubling:not(.stackable).row > .column { + width: 50% !important; + } + + .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="nine column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="nine column"].doubling:not(.stackable).row > .column { + width: 33.33333333% !important; + } + + .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="ten column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="ten column"].doubling:not(.stackable).row > .column { + width: 33.33333333% !important; + } + + .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="eleven column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="eleven column"].doubling:not(.stackable).row > .column { + width: 33.33333333% !important; + } + + .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="twelve column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="twelve column"].doubling:not(.stackable).row > .column { + width: 33.33333333% !important; + } + + .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row > .column { + width: 33.33333333% !important; + } + + .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row > .column { + width: 25% !important; + } + + .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row > .column { + width: 25% !important; + } + + .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column, + .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column, + .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row > .column { + width: 25% !important; + } +} + +/*------------------- + Stackable +--------------------*/ + +@media only screen and (max-width: 767px) { + .ui.stackable.grid { + display: block !important; + width: auto; + margin-left: 0em !important; + margin-right: 0em !important; + padding: 0em; + } + + .ui.stackable.grid > .row > .wide.column, + .ui.stackable.grid > .wide.column, + .ui.stackable.grid > .column.grid > .column, + .ui.stackable.grid > .column.row > .column, + .ui.stackable.grid > .row > .column, + .ui.stackable.grid > .column:not(.row) { + display: block !important; + width: auto !important; + margin: 0em 0em !important; + box-shadow: none !important; + float: none !important; + padding: 1rem 1rem !important; + } + + .ui.stackable.grid > .row { + margin: 0em; + padding: 0em; + } + + /* Don't pad inside segment or nested grid */ + + .ui.grid .ui.stackable.grid, + .ui.segment:not(.vertical) .ui.stackable.page.grid { + margin-left: -1rem !important; + margin-right: -1rem !important; + } + + /* Equal Height Stackable */ + + .ui[class*="equal height"].stackable.page.grid { + display: block !important; + } + + /* Divided Stackable */ + + .ui.stackable.divided.grid > .row:first-child > .column:first-child, + .ui.stackable.celled.grid > .row:first-child > .column:first-child, + .ui.stackable.divided.grid > .column:not(.row):first-child, + .ui.stackable.celled.grid > .column:not(.row):first-child { + border-top: none !important; + } + + .ui.inverted.stackable.celled.grid > .column:not(.row), + .ui.inverted.stackable.divided.grid > .column:not(.row), + .ui.inverted.stackable.celled.grid > .row > .column, + .ui.inverted.stackable.divided.grid > .row > .column { + border-top: 1px solid rgba(255, 255, 255, 0.2); + } + + .ui.stackable.celled.grid > .column:not(.row), + .ui.stackable.divided.grid > .column:not(.row), + .ui.stackable.celled.grid > .row > .column, + .ui.stackable.divided.grid > .row > .column { + border-top: 1px solid rgba(39, 41, 43, 0.15); + box-shadow: none !important; + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } +} + +/*---------------------- + Only (Device) +-----------------------*/ + +/* These include arbitrary class repetitions for forced specificity */ + +/* Mobile Only Hide */ + +@media only screen and (max-width: 767px) { + .ui.tablet:not(.mobile).only.grid.grid.grid, + .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) { + display: none !important; + } + + .ui[class*="computer only"].grid.grid.grid:not(.mobile), + .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), + .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), + .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) { + display: none !important; + } +} + +/* Tablet Only Hide */ + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui[class*="mobile only"].grid.grid.grid:not(.tablet), + .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), + .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), + .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) { + display: none !important; + } + + .ui[class*="computer only"].grid.grid.grid:not(.tablet), + .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), + .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), + .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) { + display: none !important; + } +} + +/* Computer Only Hide */ + +@media only screen and (min-width: 992px) { + .ui[class*="mobile only"].grid.grid.grid:not(.computer), + .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), + .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), + .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { + display: none !important; + } + + .ui[class*="tablet only"].grid.grid.grid:not(.computer), + .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), + .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), + .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { + display: none !important; + } +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Menu +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Standard +*******************************/ + +/*-------------- + Menu +---------------*/ + +.ui.menu { + margin: 1rem 0rem; + background: #ffffff; + font-size: 0em; + font-weight: normal; + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15), 0px 1px 2px 0 rgba(0, 0, 0, 0.05); + border-radius: 2px; +} + +.ui.menu:after { + content: ''; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} + +.ui.menu:first-child { + margin-top: 0rem; +} + +.ui.menu:last-child { + margin-bottom: 0rem; +} + +.ui.menu .menu { + margin: 0em; +} + +.ui.menu:not(.vertical) .menu { + font-size: 0em; +} + +/*-------------- + Colors +---------------*/ + +/* Text Color */ + +.ui.menu .item { + color: #212121; +} + +.ui.menu .item .item { + color: rgba(0, 0, 0, 0.5); +} + +/* Hover */ + +.ui.menu .item .menu a.item:hover, +.ui.menu .item .menu .link.item:hover { + color: rgba(0, 0, 0, 0.85); +} + +/*-------------- + Items +---------------*/ + +.ui.menu .item { + position: relative; + display: inline-block; + padding: 0.78571em 0.95em; + border-top: 0em solid transparent; + background: none; + 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 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; + transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; +} + +/* Floated Content */ + +.ui.menu > .item:first-child { + border-radius: 2px 0px 0px 2px; +} + +.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; +} + +/*-------------- + Borders +---------------*/ + +.ui.menu .item:before { + position: absolute; + content: ''; + top: 0%; + right: 0px; + width: 1px; + height: 100%; + background: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%); + background: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.05) 100%); +} + +.ui.menu > .right.menu:first-child { + display: none; +} + +.ui.menu .menu.right .item:before, +.ui.menu .item.right:before { + right: auto; + left: 0px; +} + +/*-------------- + Text Content +---------------*/ + +.ui.menu .text.item > *, +.ui.menu .item > a:not(.ui), +.ui.menu .item > p:only-child { + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; + line-height: 1.3; + color: #212121; +} + +.ui.menu .item > p:first-child { + margin-top: 0; +} + +.ui.menu .item > p:last-child { + margin-bottom: 0; +} + +/*-------------- + Icons +---------------*/ + +.ui.menu .item > i.icon { + opacity: 0.75; + float: none; + margin: 0em 0.25em 0em 0em; +} + +.ui.menu .item > i.dropdown.icon { + float: right; + margin-left: 1em; +} + +/*-------------- + Button +---------------*/ + +.ui.menu:not(.vertical) .item > .button { + position: relative; + top: -0.05em; + margin: -0.55em 0; + padding-bottom: 0.55em; + padding-top: 0.55em; + font-size: 0.875em; +} + +/*-------------- + Inputs +---------------*/ + +.ui.menu .item > .input { + width: 100%; +} + +.ui.menu:not(.vertical) .item > .input { + position: relative; + top: 0em; + margin: -0.6em 0em; +} + +.ui.menu .item > .input input { + font-size: 1em; + padding-top: 0.4em; + padding-bottom: 0.4em; +} + +.ui.menu .item > .input .button, +.ui.menu .item > .input .label { + padding-top: 0.4em; + padding-bottom: 0.4em; +} + +/* Resizes */ + +.ui.small.menu .item > .input input { + top: 0em; + padding-top: 0.4em; + padding-bottom: 0.4em; +} + +.ui.small.menu .item > .input .button, +.ui.small.menu .item > .input .label { + padding-top: 0.4em; + padding-bottom: 0.4em; +} + +.ui.large.menu .item > .input input { + top: -0.125em; + padding-bottom: 0.6em; + padding-top: 0.6em; +} + +.ui.large.menu .item > .input .button, +.ui.large.menu .item > .input .label { + padding-top: 0.6em; + padding-bottom: 0.6em; +} + +/*-------------- + Header +---------------*/ + +.ui.menu .header.item, +.ui.vertical.menu .header.item { + background: rgba(0, 0, 0, 0.04); + margin: 0em; + text-transform: normal; + font-weight: bold; +} + +/*-------------- + Dropdowns +---------------*/ + +/* Dropdown */ + +.ui.menu .ui.dropdown.item.visible { + background: rgba(0, 0, 0, 0.03); + border-bottom-right-radius: 0em; + border-bottom-left-radius: 0em; +} + +.ui.menu .ui.dropdown.active { + box-shadow: none; +} + +/* Menu Position */ + +.ui.menu .dropdown.item .menu { + background: #ffffff; + left: 0px; + margin: 0px 0px 0px; + min-width: -webkit-calc(100% - 1px); + min-width: calc(100% - 1px); + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); +} + +.ui.menu:not(.secondary) .pointing.dropdown.item .menu { + margin-top: 0px; + border-top-left-radius: 0em; + border-top-right-radius: 0em; +} + +.ui.menu .simple.dropdown.item .menu { + margin: 0px !important; +} + +/* Secondary Menu Dropdown */ + +.ui.secondary.menu > .menu > .active.dropdown.item { + background-color: transparent; +} + +.ui.secondary.menu .dropdown.item .menu { + left: 0px; + min-width: 100%; +} + +/* Even Width Menu Dropdown */ + +.ui.item.menu .dropdown .menu .item { + width: 100%; +} + +/*-------------- + Labels +---------------*/ + +.ui.menu .item > .label { + background: rgba(0, 0, 0, 0.35); + color: #ffffff; + margin: -0.15em 0em -0.15em 0.5em; + padding: 0.3em 0.8em; + vertical-align: baseline; +} + +.ui.menu .item > .floating.label { + padding: 0.3em 0.8em; +} + +/*-------------- + Images +---------------*/ + +.ui.menu .item > img:only-child { + display: block; + max-width: 100%; + margin: 0em auto; +} + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + +.ui.link.menu > .item:hover, +.ui.menu > .link.item:hover, +.ui.menu > a.item:hover, +.ui.link.menu .menu > .item:hover, +.ui.menu .menu > .link.item:hover, +.ui.menu .menu > a.item:hover { + cursor: pointer; + background: rgba(0, 0, 0, 0.03); + color: #212121; +} + +/*-------------- + Pressed +---------------*/ + +.ui.link.menu .item:active, +.ui.menu .link.item:active, +.ui.menu a.item:active { + background: rgba(0, 0, 0, 0.03); + color: rgba(0, 0, 0, 0.8); +} + +/*-------------- + Active +---------------*/ + +.ui.menu .active.item { + background: rgba(0, 0, 0, 0.03); + color: rgba(0, 0, 0, 0.8); + font-weight: normal; + box-shadow: 0em 2px 0em inset; +} + +.ui.menu .active.item > i.icon { + opacity: 1; +} + +/* Vertical */ + +.ui.vertical.menu .active.item { + background: rgba(0, 0, 0, 0.03); + border-radius: 0em; + box-shadow: 2px 0em 0em inset; +} + +.ui.vertical.menu > .active.item:first-child { + border-radius: 0em 2px 0em 0em; +} + +.ui.vertical.menu > .active.item:last-child { + border-radius: 0em 0em 2px 0em; +} + +.ui.vertical.menu > .active.item:only-child { + border-radius: 0em 2px 2px 0em; +} + +.ui.vertical.menu .active.item .menu .active.item { + border-left: none; +} + +.ui.vertical.menu .item .menu .active.item { + background-color: transparent; + box-shadow: none; +} + +/*-------------- + Active Hover +---------------*/ + +.ui.vertical.menu .active.item:hover, +.ui.menu .active.item:hover { + background-color: rgba(0, 0, 0, 0.03); +} + +/*-------------- + Disabled +---------------*/ + +.ui.menu .item.disabled, +.ui.menu .item.disabled:hover { + cursor: default; + color: rgba(40, 40, 40, 0.3); + background-color: transparent !important; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Vertical +---------------*/ + +.ui.vertical.menu { + background: #ffffff; +} + +/*--- Item ---*/ + +.ui.vertical.menu .item { + background: none; + display: block; + height: auto !important; + border-top: none; + border-left: 0em solid transparent; + border-right: none; +} + +.ui.vertical.menu > .item:first-child { + border-radius: 2px 2px 0px 0px; +} + +.ui.vertical.menu > .item:last-child { + border-radius: 0px 0px 2px 2px; +} + +/*--- Label ---*/ + +.ui.vertical.menu .item > .label { + float: right; + text-align: center; +} + +/*--- Icon ---*/ + +.ui.vertical.menu .item > i.icon { + width: 1.18em; + float: right; + margin: 0em 0em 0em 0.5em; +} + +.ui.vertical.menu .item > .label + i.icon { + float: none; + margin: 0em 0.5em 0em 0em; +} + +/*--- Border ---*/ + +.ui.vertical.menu .item:before { + position: absolute; + content: ''; + top: 0%; + left: 0px; + width: 100%; + background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%); + background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.1) 1.5em, rgba(0, 0, 0, 0.03) 100%); + height: 1px; +} + +.ui.vertical.menu .item:first-child:before { + background: none !important; +} + +/*--- Dropdown ---*/ + +.ui.vertical.menu .dropdown.item > .icon { + float: right; + content: "\f0da"; + margin-left: 1em; +} + +.ui.vertical.menu .active.dropdown.item { + border-top-right-radius: 0em; + border-bottom-right-radius: 0em; +} + +.ui.vertical.menu .dropdown.item .menu { + top: 0% !important; + left: 100%; + margin: 0px 0px 0px 0px; + box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); + border-radius: 0em 2px 2px 2px; +} + +.ui.vertical.menu .dropdown.item .menu .item { + font-size: 1rem; +} + +.ui.vertical.menu .dropdown.item .menu .item i.icon { + margin-right: 0em; +} + +.ui.vertical.menu .dropdown.item.active { + box-shadow: none; +} + +/*--- Sub Menu ---*/ + +.ui.vertical.menu .item:not(.dropdown) > .menu { + margin: 0.5em -0.95em 0em; +} + +.ui.vertical.menu .item:not(.dropdown) > .menu > .item { + background: none; + padding: 0.5rem 1.5rem; + font-size: 0.875rem; +} + +.ui.vertical.menu .item > .menu > .item:before { + display: none; +} + +/*-------------- + Tiered +---------------*/ + +.ui.tiered.menu > .menu > .item:hover { + color: rgba(0, 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: 0px; + width: 100%; + height: 2px; + background-color: #fcfcfc; +} + +/* Sub Menu */ + +.ui.tiered.menu .sub.menu { + background-color: #fcfcfc; + border-radius: 0em 0em 2px 2px; + border-top: 1px solid rgba(39, 41, 43, 0.15); + box-shadow: none; +} + +.ui.tiered.menu > .sub.menu > .item { + color: rgba(0, 0, 0, 0.4); + font-weight: normal; + text-transform: normal; + font-size: 0.875rem; +} + +/* Sub Menu Divider */ + +.ui.tiered.menu .sub.menu .item:before { + background: none; +} + +/* Sub Menu Hover */ + +.ui.tiered.menu .sub.menu .item:hover { + background: none transparent; + color: rgba(0, 0, 0, 0.8); +} + +/* Sub Menu Active */ + +.ui.tiered.menu .sub.menu .active.item { + padding-top: 0.78571em; + background: none transparent; + border-radius: 0; + border-top: medium none; + box-shadow: none; + color: rgba(0, 0, 0, 0.8) !important; +} + +.ui.tiered.menu .sub.menu .active.item:after { + display: none; +} + +/* Inverted Tiered Menu */ + +.ui.inverted.tiered.menu > .menu > .item { + color: rgba(255, 255, 255, 0.5); +} + +.ui.inverted.tiered.menu .sub.menu { + background-color: rgba(0, 0, 0, 0.2); +} + +.ui.inverted.tiered.menu .sub.menu .item { + color: rgba(255, 255, 255, 0.8); +} + +.ui.inverted.tiered.menu > .menu > .item:hover { + color: #ffffff; +} + +.ui.inverted.tiered.menu .active.item:after { + display: none; +} + +.ui.inverted.tiered.menu > .sub.menu > .active.item, +.ui.inverted.tiered.menu > .menu > .active.item { + color: #ffffff !important; + box-shadow: none; +} + +/* Tiered Pointing */ + +.ui.pointing.tiered.menu > .menu > .item:after { + display: none; +} + +.ui.pointing.tiered.menu > .sub.menu > .item:after { + display: block; +} + +/*-------------- + Tabular +---------------*/ + +.ui.tabular.menu { + background-color: transparent; + border-radius: 0em; + 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: #212121; +} + +.ui.tabular.menu .item:before { + display: none; +} + +/* Hover */ + +.ui.tabular.menu .item:hover { + background-color: transparent; + color: rgba(0, 0, 0, 0.8); +} + +/* Active */ + +.ui.tabular.menu .active.item { + position: relative; + border-bottom: none; + vertical-align: bottom; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.8); + border-color: #d4d4d5; + font-weight: bold; + margin-bottom: -1px; + box-shadow: none; + border-radius: 5px 5px 0px 0px; +} + +/* Coupling with segment for attachment */ + +.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: 0px; +} + +/*-------------- + Pagination +---------------*/ + +.ui.pagination.menu { + margin: 0em; + 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; +} + +/* Active */ + +.ui.pagination.menu .active.item { + border-top: none; + padding-top: 0.78571em; + background-color: rgba(0, 0, 0, 0.03); + box-shadow: none; +} + +/*-------------- + Secondary +---------------*/ + +.ui.secondary.menu { + background: none; + border-radius: 0em; + box-shadow: none; +} + +.ui.secondary.menu > .menu > .item, +.ui.secondary.menu > .item { + box-shadow: none; + border: none; + height: auto !important; + background: none; + margin: 0em 0.25em; + padding: 0.5em 0.8em; + border-radius: 2px; +} + +.ui.secondary.menu > .menu > .item:before, +.ui.secondary.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: 0.8; + -webkit-transition: none; + transition: none; +} + +.ui.secondary.menu .header.item { + border-right: 0.1em solid rgba(0, 0, 0, 0.1); + background: none transparent; + border-radius: 0em; +} + +/* Hover */ + +.ui.secondary.menu .link.item:hover, +.ui.secondary.menu a.item:hover { + opacity: 1; +} + +/* Active */ + +.ui.secondary.menu > .menu > .active.item, +.ui.secondary.menu > .active.item { + background: rgba(0, 0, 0, 0.05); + opacity: 1; + box-shadow: none; +} + +.ui.secondary.vertical.menu > .active.item { + border-radius: 2px; +} + +/* Inverted */ + +.ui.secondary.inverted.menu .link.item, +.ui.secondary.inverted.menu a.item { + color: rgba(255, 255, 255, 0.8); +} + +.ui.secondary.inverted.menu .link.item:hover, +.ui.secondary.inverted.menu a.item:hover { + color: #ffffff; +} + +.ui.secondary.inverted.menu .active.item { + background-color: rgba(255, 255, 255, 0.05); +} + +/* Disable variations */ + +.ui.secondary.item.menu > .item { + margin: 0em; +} + +.ui.secondary.attached.menu { + box-shadow: none; +} + +/*--------------------- + Secondary Vertical +-----------------------*/ + +.ui.secondary.vertical.menu > .item { + border: none; + margin: 0em 0em 0.3em; + border-radius: 2px; +} + +.ui.secondary.vertical.menu > .header.item { + border-radius: 0em; +} + +/* Inverted */ + +.ui.secondary.inverted.menu { + background-color: transparent; +} + +.ui.secondary.inverted.pointing.menu { + border-bottom: 3px solid rgba(255, 255, 255, 0.1); +} + +.ui.secondary.inverted.pointing.menu > .item { + color: rgba(255, 255, 255, 0.7); +} + +.ui.secondary.inverted.pointing.menu > .header.item { + color: #FFFFFF !important; +} + +/* Hover */ + +.ui.secondary.inverted.pointing.menu > .menu > .item:hover, +.ui.secondary.inverted.pointing.menu > .item:hover { + color: rgba(255, 255, 255, 0.85); +} + +/* Pressed */ + +.ui.secondary.inverted.pointing.menu > .menu > .item:active, +.ui.secondary.inverted.pointing.menu > .item:active { + border-color: rgba(255, 255, 255, 0.4); +} + +/* Active */ + +.ui.secondary.inverted.pointing.menu > .menu > .item.active, +.ui.secondary.inverted.pointing.menu > .item.active { + border-color: rgba(255, 255, 255, 0.8); + color: #ffffff; +} + +/*--------------------- + Secondary Pointing +-----------------------*/ + +.ui.secondary.pointing.menu { + border-bottom: 3px solid rgba(0, 0, 0, 0.1); +} + +.ui.secondary.pointing.menu > .menu > .item, +.ui.secondary.pointing.menu > .item { + margin: 0em 0em -3px; + padding: 0.6em 0.95em; + border-bottom: 3px solid transparent; + border-radius: 0em; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +/* Item Types */ + +.ui.secondary.pointing.menu .header.item { + margin-bottom: -3px; + background-color: transparent !important; + border-right-width: 0px !important; + font-weight: bold !important; + color: rgba(0, 0, 0, 0.85) !important; +} + +.ui.secondary.pointing.menu .text.item { + box-shadow: none !important; +} + +.ui.secondary.pointing.menu > .menu > .item:after, +.ui.secondary.pointing.menu > .item:after { + display: none; +} + +/* Hover */ + +.ui.secondary.pointing.menu > .menu > .link.item:hover, +.ui.secondary.pointing.menu > .link.item:hover, +.ui.secondary.pointing.menu > .menu > a.item:hover, +.ui.secondary.pointing.menu > a.item:hover { + background-color: transparent; + color: #212121; +} + +/* Pressed */ + +.ui.secondary.pointing.menu > .menu > .link.item:active, +.ui.secondary.pointing.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, 0.2); +} + +/* Active */ + +.ui.secondary.pointing.menu > .menu > .item.active, +.ui.secondary.pointing.menu > .item.active { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.4); + box-shadow: none; + color: rgba(0, 0, 0, 0.8); +} + +/* Secondary Vertical Pointing */ + +.ui.secondary.vertical.pointing.menu { + border: none; + border-right: 3px solid rgba(0, 0, 0, 0.1); +} + +.ui.secondary.vertical.pointing.menu > .item { + margin: 0em -3px 0em 0em; + border-bottom: none; + border-right: 3px solid transparent; + border-radius: 0em; +} + +/* Hover */ + +.ui.secondary.vertical.pointing.menu > .item:hover { + background-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +/* Pressed */ + +.ui.secondary.vertical.pointing.menu > .item:active { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.2); +} + +/* Active */ + +.ui.secondary.vertical.pointing.menu > .item.active { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.4); + color: rgba(0, 0, 0, 0.85); +} + +/* Inverted Vertical Pointing Secondary */ + +.ui.secondary.inverted.vertical.pointing.menu { + border-right: 3px solid rgba(255, 255, 255, 0.1); + border-bottom: none; +} + +/*-------------- + Text Menu +---------------*/ + +.ui.text.menu { + display: inline-block; + background: none transparent; + margin: 1rem -1rem; + border-radius: 0px; + box-shadow: none; +} + +.ui.text.menu > .item { + opacity: 0.8; + margin: 0em 1em; + padding: 0em; + height: auto !important; + border-radius: 0px; + box-shadow: none; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.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, 0.8); + font-size: 0.875rem; + padding: 0em; + text-transform: uppercase; + font-weight: bold; +} + +.ui.text.menu .text.item { + opacity: 1; + color: rgba(50, 50, 50, 0.8); + font-weight: bold; +} + +/*--- fluid text ---*/ + +.ui.text.item.menu .item { + margin: 0em; +} + +/*--- vertical text ---*/ + +.ui.vertical.text.menu { + margin: 1rem 0em; +} + +.ui.vertical.text.menu:first-child { + margin-top: 0rem; +} + +.ui.vertical.text.menu:last-child { + margin-bottom: 0rem; +} + +.ui.vertical.text.menu .item { + float: left; + clear: left; + margin: 0.5em 0em; +} + +.ui.vertical.text.menu .item > i.icon { + float: none; + margin: 0em 0.78571em 0em 0em; +} + +.ui.vertical.text.menu .header.item { + margin: 0.8em 0em; +} + +/*--- hover ---*/ + +.ui.text.menu .item:hover { + opacity: 1; + background-color: transparent; +} + +/*--- active ---*/ + +.ui.text.menu .active.item { + background-color: transparent; + padding: 0em; + border: none; + opacity: 1; + font-weight: bold; + box-shadow: none; +} + +/* disable variations */ + +.ui.text.pointing.menu .active.item:after { + box-shadow: none; +} + +.ui.text.attached.menu { + box-shadow: none; +} + +/* Inverted */ + +.ui.inverted.text.menu, +.ui.inverted.text.menu .item, +.ui.inverted.text.menu .item:hover, +.ui.inverted.text.menu .item.active { + background-color: transparent; +} + +/* Fluid */ + +.ui.fluid.text.menu { + margin-left: 0em; + margin-right: 0em; +} + +/*-------------- + Icon Only +---------------*/ + +.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, 0.6); +} + +.ui.icon.menu > .item > .icon { + display: block; + float: none !important; + margin: 0em auto !important; + opacity: 1; +} + +.ui.icon.menu .icon:before { + opacity: 1; +} + +/* Item Icon Only */ + +.ui.menu .icon.item .icon { + margin: 0em; +} + +.ui.vertical.icon.menu { + float: none; +} + +/*--- inverted ---*/ + +.ui.inverted.icon.menu .item { + color: rgba(255, 255, 255, 0.8); +} + +.ui.inverted.icon.menu .icon { + color: #ffffff; +} + +/*-------------- + Labeled Icon +---------------*/ + +.ui.labeled.icon.menu { + text-align: center; +} + +.ui.fluid.labeled.icon.menu > .item { + min-width: 0em; +} + +.ui.labeled.icon.menu > .item { + min-width: 6em; +} + +.ui.labeled.icon.menu > .item > .icon { + display: block; + font-size: 1.5em !important; + margin: 0em auto 0.5em !important; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Colors +---------------*/ + +/*--- Light Colors ---*/ + +.ui.menu .blue.active.item, +.ui.blue.menu .active.item { + border-color: #2196f3 !important; + color: #2196f3 !important; +} + +.ui.menu .green.active.item, +.ui.green.menu .active.item { + border-color: #4caf50 !important; + color: #4caf50 !important; +} + +.ui.menu .orange.active.item, +.ui.orange.menu .active.item { + border-color: #ff9800 !important; + color: #ff9800 !important; +} + +.ui.menu .pink.active.item, +.ui.pink.menu .active.item { + border-color: #e91e63 !important; + color: #e91e63 !important; +} + +.ui.menu .purple.active.item, +.ui.purple.menu .active.item { + border-color: #9c27b0 !important; + color: #9c27b0 !important; +} + +.ui.menu .red.active.item, +.ui.red.menu .active.item { + border-color: #f44336 !important; + color: #f44336 !important; +} + +.ui.menu .teal.active.item, +.ui.teal.menu .active.item { + border-color: #1de9b6 !important; + color: #1de9b6 !important; +} + +.ui.menu .yellow.active.item, +.ui.yellow.menu .active.item { + border-color: #ffeb3b !important; + color: #ffeb3b !important; +} + +/*-------------- + Inverted +---------------*/ + +.ui.inverted.menu { + background: #1b1c1d; + box-shadow: none; +} + +.ui.inverted.menu .header.item { + margin: 0em; + background: rgba(0, 0, 0, 0.3); + box-shadow: none; +} + +.ui.inverted.menu .item, +.ui.inverted.menu .item > a:not(.ui) { + color: #ffffff; +} + +.ui.inverted.menu .item:not(.dropdown).menu { + background: transparent; +} + +.ui.inverted.menu .item .item, +.ui.inverted.menu .item .item > a:not(.ui) { + color: rgba(255, 255, 255, 0.5); +} + +.ui.inverted.menu .dropdown .menu .item { + color: #212121 !important; + -webkit-transition: none; + transition: none; +} + +.ui.inverted.menu .dropdown .menu .item:hover { + background: rgba(0, 0, 0, 0.05) !important; + color: rgba(0, 0, 0, 0.85) !important; +} + +.ui.inverted.menu .item.disabled, +.ui.inverted.menu .item.disabled:hover { + color: rgba(225, 225, 225, 0.3); +} + +/*--- Border ---*/ + +.ui.inverted.menu .item:before { + background: -webkit-linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%); + background: linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%); +} + +.ui.vertical.inverted.menu .item:before { + background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%); + background: linear-gradient(to right, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.03) 100%); +} + +/*--- Hover ---*/ + +.ui.link.inverted.menu .item:hover, +.ui.inverted.menu .link.item:hover, +.ui.inverted.menu a.item:hover, +.ui.inverted.menu .dropdown.item:hover { + background: rgba(255, 255, 255, 0.1); + color: #ffffff; +} + +.ui.inverted.menu .item .menu a.item:hover, +.ui.inverted.menu .item .menu .link.item:hover { + background: transparent; + color: #ffffff; +} + +/*--- Pressed ---*/ + +.ui.inverted.menu a.item:active, +.ui.inverted.menu .dropdown.item:active, +.ui.inverted.menu .link.item:active, +.ui.inverted.menu a.item:active { + background: rgba(255, 255, 255, 0.15); + color: #ffffff; +} + +/*--- Active ---*/ + +.ui.inverted.menu .active.item { + box-shadow: none !important; + background: rgba(255, 255, 255, 0.2); + color: #ffffff !important; +} + +.ui.inverted.vertical.menu .item .menu .active.item { + background: transparent; + color: #ffffff; +} + +/*--- Pointers ---*/ + +.ui.inverted.pointing.menu .active.item:after { + background: #5B5B5B; + box-shadow: none; +} + +.ui.inverted.pointing.menu .active.item:hover:after { + background: #4A4A4A; +} + +/*-------------- + Selection +---------------*/ + +.ui.selection.menu > .item { + color: rgba(0, 0, 0, 0.4); +} + +.ui.selection.menu > .item:hover { + color: rgba(0, 0, 0, 0.6); +} + +.ui.selection.menu > .item.active { + color: rgba(0, 0, 0, 0.85); +} + +.ui.inverted.selection.menu > .item { + color: rgba(255, 255, 255, 0.4); +} + +.ui.inverted.selection.menu > .item:hover { + color: rgba(255, 255, 255, 0.9); +} + +.ui.inverted.selection.menu > .item.active { + color: #FFFFFF; +} + +/*-------------- + Floated +---------------*/ + +.ui.floated.menu { + float: left; + margin: 0rem 0.5rem 0rem 0rem; +} + +.ui.right.floated.menu { + float: right; + margin: 0rem 0rem 0rem 0.5rem; +} + +/*-------------- +Inverted Colors +---------------*/ + +/*--- Light Colors ---*/ + +.ui.grey.menu { + background-color: #fafafa; +} + +/*--- Inverted Colors ---*/ + +/* Blue */ + +.ui.inverted.blue.menu { + background-color: #2196f3; +} + +.ui.inverted.blue.pointing.menu .active.item:after { + background-color: #2196f3; +} + +/* Green */ + +.ui.inverted.green.menu { + background-color: #4caf50; +} + +.ui.inverted.green.pointing.menu .active.item:after { + background-color: #4caf50; +} + +/* Orange */ + +.ui.inverted.orange.menu { + background-color: #ff9800; +} + +.ui.inverted.orange.pointing.menu .active.item:after { + background-color: #ff9800; +} + +/* Pink */ + +.ui.inverted.pink.menu { + background-color: #e91e63; +} + +.ui.inverted.pink.pointing.menu .active.item:after { + background-color: #e91e63; +} + +/* Purple */ + +.ui.inverted.purple.menu { + background-color: #9c27b0; +} + +.ui.inverted.purple.pointing.menu .active.item:after { + background-color: #9c27b0; +} + +/* Red */ + +.ui.inverted.red.menu { + background-color: #f44336; +} + +.ui.inverted.red.pointing.menu .active.item:after { + background-color: #f44336; +} + +/* Teal */ + +.ui.inverted.teal.menu { + background-color: #1de9b6; +} + +.ui.inverted.teal.pointing.menu .active.item:after { + background-color: #1de9b6; +} + +/* Yellow */ + +.ui.inverted.yellow.menu { + background-color: #ffeb3b; +} + +.ui.inverted.yellow.pointing.menu .active.item:after { + background-color: #ffeb3b; +} + +/*-------------- + Fitted +---------------*/ + +.ui.fitted.menu .item, +.ui.fitted.menu .item .menu .item, +.ui.menu .fitted.item { + padding: 0em; +} + +.ui.horizontally.fitted.menu .item, +.ui.horizontally.fitted.menu .item .menu .item, +.ui.menu .horizontally.fitted.item { + padding-top: 0.78571em; + padding-bottom: 0.78571em; +} + +.ui.vertically.fitted.menu .item, +.ui.vertically.fitted.menu .item .menu .item, +.ui.menu .vertically.fitted.item { + padding-left: 0.95em; + padding-right: 0.95em; +} + +/*-------------- + Borderless +---------------*/ + +.ui.borderless.menu .item:before, +.ui.borderless.menu .item .menu .item:before, +.ui.menu .borderless.item:before { + background: none !important; +} + +/*------------------- + Compact +--------------------*/ + +.ui.compact.menu { + display: inline-block; + margin: 0em; + vertical-align: middle; +} + +.ui.compact.vertical.menu { + width: auto !important; +} + +.ui.compact.vertical.menu .item:last-child::before { + display: block; +} + +/*------------------- + Fluid +--------------------*/ + +.ui.menu.fluid, +.ui.vertical.menu.fluid { + display: block; + width: 100% !important; +} + +/*------------------- + Evenly Sized +--------------------*/ + +.ui.item.menu, +.ui.item.menu .item { + width: 100%; + padding-left: 0px !important; + padding-right: 0px !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.500%; +} + +.ui.menu.nine.item .item { + width: 11.11%; +} + +.ui.menu.ten.item .item { + width: 10.0%; +} + +.ui.menu.eleven.item .item { + width: 9.09%; +} + +.ui.menu.twelve.item .item { + width: 8.333%; +} + +/*-------------- + Fixed +---------------*/ + +.ui.menu.fixed { + position: fixed; + z-index: 101; + margin: 0em; + border: none; + width: 100%; +} + +.ui.menu.fixed, +.ui.menu.fixed .item:first-child, +.ui.menu.fixed .item:last-child { + border-radius: 0px !important; +} + +.ui.fixed.menu, +.ui.top.fixed.menu { + top: 0px; + left: 0px; + right: auto; + bottom: auto; +} + +.ui.right.fixed.menu { + top: 0px; + right: 0px; + left: auto; + bottom: auto; + width: auto; + height: 100%; +} + +.ui.bottom.fixed.menu { + bottom: 0px; + left: 0px; + top: auto; + right: auto; +} + +.ui.left.fixed.menu { + top: 0px; + left: 0px; + right: auto; + bottom: auto; + width: auto; + height: 100%; +} + +/* Coupling with Grid */ + +.ui.fixed.menu + .ui.grid { + padding-top: 2.75rem; +} + +/*------------------- + Pointing +--------------------*/ + +.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: 0em; + background: none; + width: 0.6em; + height: 0.6em; + border: none; + border-bottom: 1px solid #d4d4d5; + border-right: 1px solid #d4d4d5; + z-index: 11; + -webkit-transition: background 0.2s ease; + transition: background 0.2s ease; +} + +/* Don't double up pointers */ + +.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: 0em -1px 0em 0em; + border: none; + border-top: 1px solid #d4d4d5; + border-right: 1px solid #d4d4d5; +} + +/* Colors */ + +.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: #ffffff; +} + +/*-------------- + Attached +---------------*/ + +.ui.menu.attached { + margin: 0rem; + border-radius: 0px; + /* avoid rgba multiplying */ + box-shadow: 0px 0px 0px 1px #dddddd; +} + +.ui.top.attached.menu { + border-radius: 2px 2px 0em 0em; +} + +.ui.menu.bottom.attached { + border-radius: 0em 0em 2px 2px; +} + +/*-------------- + Sizes +---------------*/ + +/* Small */ + +.ui.small.menu .item { + font-size: 0.875rem; +} + +.ui.small.vertical.menu { + width: 13rem; +} + +/* Medium */ + +.ui.menu .item { + font-size: 1rem; +} + +.ui.vertical.menu { + width: 15rem; +} + +/* Large */ + +.ui.large.menu .item { + font-size: 1.125rem; +} + +.ui.large.menu .item .item { + font-size: 0.875rem; +} + +.ui.large.menu .dropdown .item { + font-size: 1rem; +} + +.ui.large.vertical.menu { + width: 18rem; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Message +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Message +*******************************/ + +.ui.message { + position: relative; + min-height: 1em; + margin: 1em 0em; + background: #efefef; + padding: 1em 1.5em; + line-height: 1.3; + color: #212121; + -webkit-transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; + transition: opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; + border-radius: 2px; + box-shadow: 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset, 0px 0px 0px 0px transparent; +} + +.ui.message:first-child { + margin-top: 0em; +} + +.ui.message:last-child { + margin-bottom: 0em; +} + +/*-------------- + Content +---------------*/ + +/* Header */ + +.ui.message .header { + display: block; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-weight: bold; + margin: 0em 0em 0.5rem 0em; +} + +/* Default font size */ + +.ui.message .header:not(.ui) { + font-size: 1.1em; +} + +/* Paragraph */ + +.ui.message p { + opacity: 0.85; + margin: 0.75em 0em; +} + +.ui.message p:first-child { + margin-top: 0em; +} + +.ui.message p:last-child { + margin-bottom: 0em; +} + +.ui.message .header + p { + margin-top: 0.25em; +} + +/* List */ + +.ui.message ul.list { + opacity: 0.85; + list-style-position: inside; + margin: 0.5em 0em 0em; + padding: 0em; +} + +.ui.message ul.list:first-child { + margin-top: 0em; +} + +.ui.message ul.list:last-child { + margin-bottom: 0em; +} + +.ui.message ul.list li { + position: relative; + list-style-type: none; + margin: 0em 0em 0.3em 1em; + padding: 0em; +} + +.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: 0em; +} + +/* Icon */ + +.ui.message > .icon { + margin-right: 0.6em; +} + +/* Close Icon */ + +.ui.message > .close.icon { + cursor: pointer; + position: absolute; + margin: 0em; + top: 1.15em; + right: 0.5em; + opacity: 0.7; + -webkit-transition: opacity 0.1s linear; + transition: opacity 0.1s linear; +} + +.ui.message > .close.icon:hover { + opacity: 1; +} + +/* First / Last Element */ + +.ui.message > :first-child { + margin-top: 0em; +} + +.ui.message > :last-child { + margin-bottom: 0em; +} + +/******************************* + States +*******************************/ + +/*-------------- + Visible +---------------*/ + +.ui.visible.visible.visible.visible.message { + display: block; +} + +.ui.icon.visible.visible.visible.visible.message { + display: table; +} + +/*-------------- + Hidden +---------------*/ + +.ui.hidden.hidden.hidden.hidden.message { + display: none; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Compact +---------------*/ + +.ui.compact.message { + display: inline-block; +} + +/*-------------- + Attached +---------------*/ + +.ui.attached.message { + margin-bottom: -1px; + border-radius: 2px 2px 0em 0em; + box-shadow: 0em 0em 0em 1px rgba(0, 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: 0em; +} + +.ui.bottom.attached.message { + margin-top: -1px; + border-radius: 0em 0em 2px 2px; + box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.ui.bottom.attached.message:not(:last-child) { + margin-bottom: 1em; +} + +.ui.attached.icon.message { + display: block; + width: auto; +} + +/*-------------- + Icon +---------------*/ + +.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: 0.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; +} + +/*-------------- + Floating +---------------*/ + +.ui.floating.message { + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset; +} + +/*-------------- + Colors +---------------*/ + +.ui.black.message { + background-color: #1b1c1d; + color: #ffffff; +} + +/*-------------- + Types +---------------*/ + +/* Positive */ + +.ui.positive.message { + background-color: #eeffe7; + color: #3c763d; +} + +.ui.positive.message, +.ui.attached.positive.message { + box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.ui.positive.message .header { + color: #356e36; +} + +/* Negative */ + +.ui.negative.message { + background-color: #fff0f0; + color: #a94442; +} + +.ui.negative.message, +.ui.attached.negative.message { + box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.ui.negative.message .header { + color: #912d2b; +} + +/* Info */ + +.ui.info.message { + background-color: #e9faff; + color: #337b92; +} + +.ui.info.message, +.ui.attached.info.message { + box-shadow: 0px 0px 0px 1px #aad6df inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.ui.info.message .header { + color: #297187; +} + +/* Warning */ + +.ui.warning.message { + background-color: #fffbe6; + color: #876a38; +} + +.ui.warning.message, +.ui.attached.warning.message { + box-shadow: 0px 0px 0px 1px #d9caab inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.ui.warning.message .header { + color: #825c01; +} + +/* Error */ + +.ui.error.message { + background-color: #fff0f0; + color: #a94442; +} + +.ui.error.message, +.ui.attached.error.message { + box-shadow: 0px 0px 0px 1px #dbb1b1 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.ui.error.message .header { + color: #912d2b; +} + +/* Success */ + +.ui.success.message { + background-color: #eeffe7; + color: #3c763d; +} + +.ui.success.message, +.ui.attached.success.message { + box-shadow: 0px 0px 0px 1px #b7caa7 inset, 0px 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +.ui.success.message .header { + color: #356e36; +} + +/* Colors */ + +.ui.inverted.message, +.ui.black.message { + background-color: #1b1c1d; + color: #ffffff; +} + +.ui.blue.message { + background-color: #dff0ff; + color: #2196f3; +} + +.ui.blue.message .header { + color: #0d8aee; +} + +.ui.green.message { + background-color: #ebffed; + color: #1ebc30; +} + +.ui.green.message .header { + color: #1aa62a; +} + +.ui.orange.message { + background-color: #ffedde; + color: #ff9800; +} + +.ui.orange.message .header { + color: #e68900; +} + +.ui.pink.message { + background-color: #ffe3fb; + color: #e91e63; +} + +.ui.pink.message .header { + color: #d81557; +} + +.ui.purple.message { + background-color: #eae7ff; + color: #9c27b0; +} + +.ui.purple.message .header { + color: #89229b; +} + +.ui.red.message { + background-color: #ffe8e6; + color: #f44336; +} + +.ui.red.message .header { + color: #f32c1e; +} + +.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; +} + +/*-------------- + Sizes +---------------*/ + +.ui.small.message { + font-size: 0.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; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! +* # Semantic UI x.x - Table +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Table +*******************************/ + +/* Prototype */ + +.ui.table { + width: 100%; + background: #ffffff; + margin: 1em 0em; + border: 1px solid #d0d0d0; + box-shadow: none; + border-radius: 0.25rem; + color: #212121; + border-collapse: separate; + border-spacing: 0px; +} + +.ui.table:first-child { + margin-top: 0em; +} + +.ui.table:last-child { + margin-bottom: 0em; +} + +/******************************* + Parts +*******************************/ + +/* Table Content */ + +.ui.table th, +.ui.table td { + -webkit-transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; + transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; +} + +/* Headers */ + +.ui.table thead { + box-shadow: none; +} + +.ui.table thead th { + cursor: auto; + background: #f0f0f0; + text-align: left; + color: #212121; + padding: 0.7em 0.8em; + vertical-align: middle; + font-style: none; + font-weight: bold; + text-transform: none; + border-bottom: 1px solid #d4d4d5; + border-left: none; +} + +.ui.table thead tr > th:first-child { + border-left: none; +} + +.ui.table thead tr:first-child > th:first-child { + border-radius: 0.25rem 0em 0em 0em; +} + +.ui.table thead tr:first-child > th:last-child { + border-radius: 0em 0.25rem 0em 0em; +} + +.ui.table thead tr:first-child > th:only-child { + border-radius: 0.25rem 0.25rem 0em 0em; +} + +/* Footer */ + +.ui.table tfoot { + box-shadow: none; +} + +.ui.table tfoot th { + cursor: auto; + border-top: 1px solid #d4d4d5; + background: #ffffff; + text-align: left; + color: #212121; + padding: 0.7em 0.8em; + vertical-align: middle; + font-style: normal; + font-weight: normal; + text-transform: none; +} + +.ui.table tfoot tr > th:first-child { + border-left: none; +} + +.ui.table tfoot tr:first-child > th:first-child { + border-radius: 0em 0em 0em 0.25rem; +} + +.ui.table tfoot tr:first-child > th:last-child { + border-radius: 0em 0em 0.25rem 0em; +} + +.ui.table tfoot tr:first-child > th:only-child { + border-radius: 0em 0em 0.25rem 0.25rem; +} + +/* Table Row */ + +.ui.table tr td { + border-top: 1px solid #d4d4d5; +} + +.ui.table tr:first-child td { + border-top: none; +} + +/* Table Cells */ + +.ui.table td { + padding: 0.7em 0.8em; + text-align: left; + vertical-align: middle; +} + +/* Icons */ + +.ui.table > .icon { + vertical-align: baseline; +} + +.ui.table > .icon:only-child { + margin: 0em; +} + +/* Table Segment */ + +.ui.table.segment { + padding: 0em; +} + +.ui.table.segment:after { + display: none; +} + +.ui.table.segment.stacked:after { + display: block; +} + +/* Responsive */ + +@media only screen and (max-width: 767px) { + .ui.table:not(.unstackable) { + width: 100%; + } + + .ui.table:not(.unstackable) tbody, + .ui.table:not(.unstackable) tr, + .ui.table:not(.unstackable) tr > th, + .ui.table:not(.unstackable) tr > td { + width: auto !important; + display: block !important; + } + + .ui.table:not(.unstackable) { + padding: 0em; + } + + .ui.table:not(.unstackable) thead { + display: block; + } + + .ui.table:not(.unstackable) tfoot { + display: block; + } + + .ui.table:not(.unstackable) tr > th, + .ui.table:not(.unstackable) tr > td { + background: none; + border: none !important; + padding: 0.25em 0.75em; + box-shadow: none !important; + } + + .ui.table:not(.unstackable) th:first-child, + .ui.table:not(.unstackable) td:first-child { + font-weight: bold; + padding-top: 1em; + } + + .ui.table:not(.unstackable) th:last-child, + .ui.table:not(.unstackable) td:last-child { + box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; + padding-bottom: 1em; + } + + /* Clear BG Colors */ + + .ui.table:not(.unstackable) tr > td.warning, + .ui.table:not(.unstackable) tr > td.error, + .ui.table:not(.unstackable) tr > td.active, + .ui.table:not(.unstackable) tr > td.positive, + .ui.table:not(.unstackable) tr > td.negative { + background-color: transparent !important; + } + + /* Definition Table */ + + .ui.definition.table:not(.unstackable) thead th:first-child { + box-shadow: none !important; + } + + .ui.definition.table:not(.unstackable) tr td:first-child { + padding-bottom: 1em; + } + + .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) { + padding-top: 1em; + } +} + +/******************************* + Coupling +*******************************/ + +/* UI Image */ + +.ui.table th .image, +.ui.table th .image img, +.ui.table td .image, +.ui.table td .image img { + max-width: none; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Complex +---------------*/ + +.ui.structured.table { + border-collapse: collapse; +} + +.ui.structured.table thead th { + border-left: none; + border-right: none; +} + +.ui.structured.sortable.table thead th { + border-left: 1px solid #d0d0d0; + border-right: 1px solid #d0d0d0; +} + +.ui.structured.basic.table th { + border-left: none; + border-right: none; +} + +.ui.structured.celled.table tr th, +.ui.structured.celled.table tr td { + border-left: 1px solid #d4d4d5; + border-right: 1px solid #d4d4d5; +} + +/*-------------- + Definition +---------------*/ + +.ui.definition.table thead:not(.full-width) th:first-child { + pointer-events: none; + background: transparent; + font-weight: normal; + color: rgba(0, 0, 0, 0.4); + box-shadow: -1px -1px 0px 1px #ffffff; +} + +.ui.definition.table tfoot:not(.full-width) th:first-child { + pointer-events: none; + background: transparent; + font-weight: rgba(0, 0, 0, 0.4); + color: normal; + box-shadow: 1px 1px 0px 1px #ffffff; +} + +/* Remove Border */ + +.ui.celled.definition.table thead:not(.full-width) th:first-child { + box-shadow: 0px -1px 0px 1px #ffffff; +} + +.ui.celled.definition.table tfoot:not(.full-width) th:first-child { + box-shadow: 0px 1px 0px 1px #ffffff; +} + +/* Highlight Defining Column */ + +.ui.definition.table tr td:first-child { + background: rgba(0, 0, 0, 0.03); + font-weight: bold; + color: rgba(0, 0, 0, 0.8); +} + +/* Fix 2nd Column */ + +.ui.definition.table thead:not(.full-width) th:nth-child(2) { + border-left: 1px solid #d0d0d0; +} + +.ui.definition.table tfoot:not(.full-width) th:nth-child(2) { + border-left: 1px solid #d0d0d0; +} + +.ui.definition.table td:nth-child(2) { + border-left: 1px solid #d0d0d0; +} + +/******************************* + States +*******************************/ + +/*-------------- + Positive +---------------*/ + +.ui.table tr.positive, +.ui.table td.positive { + box-shadow: 0px 0px 0px #b7caa7 inset; +} + +.ui.table tr.positive td, +.ui.table td.positive { + background: #eeffe7 !important; + color: #3c763d !important; +} + +.ui.celled.table tr.positive:hover td, +.ui.celled.table tr:hover td.positive { + background: #e3ffd8 !important; + color: #376c38 !important; +} + +/*-------------- + Negative +---------------*/ + +.ui.table tr.negative, +.ui.table td.negative { + box-shadow: 0px 0px 0px #dbb1b1 inset; +} + +.ui.table tr.negative td, +.ui.table td.negative { + background: #fff0f0 !important; + color: #cd2929 !important; +} + +.ui.celled.table tr.negative:hover td, +.ui.celled.table tr:hover td.negative { + background: #ffe1e1 !important; + color: #c02626 !important; +} + +/*-------------- + Error +---------------*/ + +.ui.table tr.error, +.ui.table td.error { + box-shadow: 0px 0px 0px #dbb1b1 inset; +} + +.ui.table tr.error td, +.ui.table td.error { + background: #fff0f0 !important; + color: #cd2929 !important; +} + +.ui.celled.table tr.error:hover td, +.ui.celled.table tr:hover td.error { + background: #ffe1e1 !important; + color: #c02626 !important; +} + +/*-------------- + Warning +---------------*/ + +.ui.table tr.warning, +.ui.table td.warning { + box-shadow: 0px 0px 0px #d9caab inset; +} + +.ui.table tr.warning td, +.ui.table td.warning { + background: #fffbe6 !important; + color: #7d6c00 !important; +} + +.ui.celled.table tr.warning:hover td, +.ui.celled.table tr:hover td.warning { + background: #fff9d7 !important; + color: #6e5f00 !important; +} + +/*-------------- + Active +---------------*/ + +.ui.table tr.active, +.ui.table td.active { + box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.9) inset; +} + +.ui.table tr.active td, +.ui.table td.active { + background: #e0e0e0 !important; + color: rgba(50, 50, 50, 0.9) !important; +} + +.ui.celled.table tr.active:hover td, +.ui.celled.table tr:hover td.active { + background: #e0e0e0 !important; + color: rgba(50, 50, 50, 0.9) !important; +} + +/*-------------- + Disabled +---------------*/ + +.ui.table tr.disabled td, +.ui.table tr td.disabled, +.ui.table tr.disabled:hover td, +.ui.table tr:hover td.disabled { + pointer-events: none; + color: rgba(40, 40, 40, 0.3); +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Stackable +---------------*/ + +@media only screen and (max-width: 991px) { + .ui[class*="tablet stackable"].table, + .ui[class*="tablet stackable"].table tbody, + .ui[class*="tablet stackable"].table tr, + .ui[class*="tablet stackable"].table tr > th, + .ui[class*="tablet stackable"].table tr > td { + width: 100% !important; + display: block !important; + } + + .ui[class*="tablet stackable"].table { + padding: 0em; + } + + .ui[class*="tablet stackable"].table thead { + display: block; + } + + .ui[class*="tablet stackable"].table tfoot { + display: block; + } + + .ui[class*="tablet stackable"].table tr > th, + .ui[class*="tablet stackable"].table tr > td { + background: none; + border: none !important; + padding: 0.25em 0.75em; + box-shadow: none !important; + } + + .ui[class*="tablet stackable"].table th:first-child, + .ui[class*="tablet stackable"].table td:first-child { + font-weight: bold; + padding-top: 1em; + } + + .ui[class*="tablet stackable"].table th:last-child, + .ui[class*="tablet stackable"].table td:last-child { + box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; + padding-bottom: 1em; + } + + /* Clear BG Colors */ + + .ui[class*="tablet stackable"].table tr > td.warning, + .ui[class*="tablet stackable"].table tr > td.error, + .ui[class*="tablet stackable"].table tr > td.active, + .ui[class*="tablet stackable"].table tr > td.positive, + .ui[class*="tablet stackable"].table tr > td.negative { + background-color: transparent !important; + } + + /* Definition Table */ + + .ui.definition[class*="tablet stackable"].table thead th:first-child { + box-shadow: none !important; + } + + .ui.definition[class*="tablet stackable"].table tr td:first-child { + padding-bottom: 1em; + } + + .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) { + padding-top: 1em; + } +} + +/*-------------- + Aligned +---------------*/ + +.ui.table[class*="left aligned"], +.ui.table [class*="left aligned"] { + text-align: left; +} + +.ui.table[class*="center aligned"], +.ui.table [class*="center aligned"] { + text-align: center; +} + +.ui.table[class*="right aligned"], +.ui.table [class*="right aligned"] { + text-align: right; +} + +/*-------------- + Collapsing +---------------*/ + +.ui.table th.collapsing, +.ui.table td.collapsing { + width: 1px; + white-space: nowrap; +} + +/*-------------- + Attached +---------------*/ + +/* All */ + +.ui.attached.table { + width: -webkit-calc(100% + 2px ); + width: calc(100% + 2px ); + margin: 0em -1px; + border-radius: 0px; + box-shadow: none; +} + +/* Top */ + +.ui[class*="top attached"].table { + margin-top: 1em 0em; + border-radius: 0.25rem 0.25rem 0em 0em; +} + +.ui.table[class*="top attached"]:first-child { + margin-top: 0em; +} + +/* Bottom */ + +.ui.table[class*="bottom attached"] { + margin-top: 0em; + margin-bottom: 1em 0em; + border-radius: 0em 0em 0.25rem 0.25rem; +} + +.ui.table[class*="bottom attached"]:last-child { + margin-bottom: 0em; +} + +/*-------------- + Striped +---------------*/ + +/* Table Striping */ + +.ui.striped.table > tr:nth-child(2n), +.ui.striped.table tbody tr:nth-child(2n) { + background-color: rgba(0, 0, 50, 0.03); +} + +/* Stripes */ + +.ui.inverted.striped.table > tr:nth-child(2n), +.ui.inverted.striped.table tbody tr:nth-child(2n) { + background-color: rgba(255, 255, 255, 0.06); +} + +/*------------------- + Colors +--------------------*/ + +.ui.black.table { + border-top: 0.2em solid #1b1c1d; +} + +.ui.blue.table { + border-top: 0.2em solid #2196f3; +} + +.ui.green.table { + border-top: 0.2em solid #4caf50; +} + +.ui.orange.table { + border-top: 0.2em solid #ff9800; +} + +.ui.pink.table { + border-top: 0.2em solid #e91e63; +} + +.ui.purple.table { + border-top: 0.2em solid #9c27b0; +} + +.ui.red.table { + border-top: 0.2em solid #f44336; +} + +.ui.teal.table { + border-top: 0.2em solid #1de9b6; +} + +.ui.yellow.table { + border-top: 0.2em solid #ffeb3b; +} + +/*------------------- + Inverted Colors +--------------------*/ + +.ui.inverted.table, +.ui.inverted.black.table { + background-color: #1b1c1d !important; + color: #ffffff !important; +} + +.ui.inverted.blue.table { + background-color: #2196f3 !important; + color: #ffffff !important; +} + +.ui.inverted.green.table { + background-color: #4caf50 !important; + color: #ffffff !important; +} + +.ui.inverted.orange.table { + background-color: #ff9800 !important; + color: #ffffff !important; +} + +.ui.inverted.pink.table { + background-color: #e91e63 !important; + color: #ffffff !important; +} + +.ui.inverted.purple.table { + background-color: #9c27b0 !important; + color: #ffffff !important; +} + +.ui.inverted.red.table { + background-color: #f44336 !important; + color: #ffffff !important; +} + +.ui.inverted.teal.table { + background-color: #1de9b6 !important; + color: #ffffff !important; +} + +.ui.inverted.yellow.table { + background-color: #ffeb3b !important; + color: #ffffff !important; +} + +/*-------------- + Column Count +---------------*/ + +/* Grid Based */ + +.ui.one.column.table td { + width: 100%; +} + +.ui.two.column.table td { + width: 50%; +} + +.ui.three.column.table td { + width: 33.33333333%; +} + +.ui.four.column.table td { + width: 25%; +} + +.ui.five.column.table td { + width: 20%; +} + +.ui.six.column.table td { + width: 16.66666667%; +} + +.ui.seven.column.table td { + width: 14.28571429%; +} + +.ui.eight.column.table td { + width: 12.5%; +} + +.ui.nine.column.table td { + width: 11.11111111%; +} + +.ui.ten.column.table td { + width: 10%; +} + +.ui.eleven.column.table td { + width: 9.09090909%; +} + +.ui.twelve.column.table td { + width: 8.33333333%; +} + +.ui.thirteen.column.table td { + width: 7.69230769%; +} + +.ui.fourteen.column.table td { + width: 7.14285714%; +} + +.ui.fifteen.column.table td { + width: 6.66666667%; +} + +.ui.sixteen.column.table td { + width: 6.25%; +} + +/* Column Width */ + +.ui.table th.one.wide, +.ui.table td.one.wide { + width: 6.25%; +} + +.ui.table th.two.wide, +.ui.table td.two.wide { + width: 12.5%; +} + +.ui.table th.three.wide, +.ui.table td.three.wide { + width: 18.75%; +} + +.ui.table th.four.wide, +.ui.table td.four.wide { + width: 25%; +} + +.ui.table th.five.wide, +.ui.table td.five.wide { + width: 31.25%; +} + +.ui.table th.six.wide, +.ui.table td.six.wide { + width: 37.5%; +} + +.ui.table th.seven.wide, +.ui.table td.seven.wide { + width: 43.75%; +} + +.ui.table th.eight.wide, +.ui.table td.eight.wide { + width: 50%; +} + +.ui.table th.nine.wide, +.ui.table td.nine.wide { + width: 56.25%; +} + +.ui.table th.ten.wide, +.ui.table td.ten.wide { + width: 62.5%; +} + +.ui.table th.eleven.wide, +.ui.table td.eleven.wide { + width: 68.75%; +} + +.ui.table th.twelve.wide, +.ui.table td.twelve.wide { + width: 75%; +} + +.ui.table th.thirteen.wide, +.ui.table td.thirteen.wide { + width: 81.25%; +} + +.ui.table th.fourteen.wide, +.ui.table td.fourteen.wide { + width: 87.5%; +} + +.ui.table th.fifteen.wide, +.ui.table td.fifteen.wide { + width: 93.75%; +} + +.ui.table th.sixteen.wide, +.ui.table td.sixteen.wide { + width: 100%; +} + +/*-------------- + Sortable +---------------*/ + +.ui.sortable.table thead th { + cursor: pointer; + white-space: nowrap; + border-left: 1px solid #d0d0d0; + color: #212121; +} + +.ui.sortable.table thead th:first-child { + border-left: none; +} + +.ui.sortable.table thead th.sorted, +.ui.sortable.table thead th.sorted:hover { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.ui.sortable.table thead th:after { + display: inline-block; + content: ''; + width: 1em; + height: 1em; + opacity: 0.8; + margin: 0em 0em 0em 0.5em; + font-family: 'Icons'; + font-style: normal; + font-weight: normal; + text-decoration: inherit; +} + +.ui.sortable.table thead th.ascending:after { + content: '\f0d7'; +} + +.ui.sortable.table thead th.descending:after { + content: '\f0d8'; +} + +/* Hover */ + +.ui.sortable.table th.disabled:hover { + cursor: auto; + color: rgba(40, 40, 40, 0.3); +} + +.ui.sortable.table thead th:hover { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); +} + +/* Sorted */ + +.ui.sortable.table thead th.sorted { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); +} + +/* Sorted Hover */ + +.ui.sortable.table thead th.sorted:hover { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); +} + +/* Inverted */ + +.ui.inverted.sortable.table thead th.sorted { + background: rgba(255, 255, 255, 0.07) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background: rgba(255, 255, 255, 0.07) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + color: #ffffff; +} + +.ui.inverted.sortable.table thead th:hover { + background: rgba(255, 255, 255, 0.05) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background: rgba(255, 255, 255, 0.05) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + color: #ffffff; +} + +.ui.inverted.sortable.table thead th { + border-left-color: transparent; + border-right-color: transparent; +} + +/*-------------- + Inverted +---------------*/ + +/* Text Color */ + +.ui.inverted.table { + background: #333333; + color: #ffffff; + border: none; +} + +.ui.inverted.table th { + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.9); +} + +.ui.inverted.table tr td { + border-color: rgba(0, 0, 0, 0.2) !important; +} + +.ui.inverted.table tr.disabled td, +.ui.inverted.table tr td.disabled, +.ui.inverted.table tr.disabled:hover td, +.ui.inverted.table tr:hover td.disabled { + pointer-events: none; + color: rgba(225, 225, 225, 0.3); +} + +/* Definition */ + +.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, +.ui.inverted.definition.table thead:not(.full-width) th:first-child { + background: #ffffff; +} + +.ui.inverted.definition.table tr td:first-child { + background: rgba(255, 255, 255, 0.02); + color: #ffffff; +} + +/*-------------- + Collapsing +---------------*/ + +.ui.collapsing.table { + width: auto; +} + +/*-------------- + Basic +---------------*/ + +.ui.basic.table { + background: transparent; + border: 1px solid #d0d0d0; + box-shadow: none; +} + +.ui.basic.table thead, +.ui.basic.table tfoot { + box-shadow: none; +} + +.ui.basic.table th { + background: transparent; + border-left: none; +} + +.ui.basic.table tbody tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.ui.basic.table td { + background: transparent; +} + +.ui.basic.striped.table tbody tr:nth-child(2n) { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +/* Very Basic */ + +.ui[class*="very basic"].table { + border: none; +} + +.ui[class*="very basic"].table:not(.sortable):not(.striped) th, +.ui[class*="very basic"].table:not(.sortable):not(.striped) td { + padding: 0.7em 0.8em; +} + +.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, +.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child { + padding-left: 0em; +} + +.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, +.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child { + padding-right: 0em; +} + +.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { + padding-top: 0em; +} + +/*-------------- + Celled +---------------*/ + +.ui.celled.table tr th, +.ui.celled.table tr td { + border-left: 1px solid #d4d4d5; +} + +.ui.celled.table tr th:first-child, +.ui.celled.table tr td:first-child { + border-left: none; +} + +/*-------------- + Padded +---------------*/ + +.ui.padded.table th { + padding-left: 1em; + padding-right: 1em; +} + +.ui.padded.table th, +.ui.padded.table td { + padding: 1em 1em; +} + +/* Very */ + +.ui[class*="very padded"].table th { + padding-left: 1.5em; + padding-right: 1.5em; +} + +.ui[class*="very padded"].table td { + padding: 1.5em 1.5em; +} + +/*-------------- + Compact +---------------*/ + +.ui.compact.table th { + padding-left: 0.7em; + padding-right: 0.7em; +} + +.ui.compact.table td { + padding: 0.5em 0.7em; +} + +/* Very */ + +.ui[class*="very compact"].table th { + padding-left: 0.6em; + padding-right: 0.6em; +} + +.ui[class*="very compact"].table td { + padding: 0.4em 0.6em; +} + +/*-------------- + Sizes +---------------*/ + +/* Small */ + +.ui.small.table { + font-size: 0.9em; +} + +/* Standard */ + +.ui.table { + font-size: 1em; +} + +/* Large */ + +.ui.large.table { + font-size: 1.1em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Ad +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2013 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Advertisement +*******************************/ + +.ui.ad { + display: block; + overflow: hidden; + margin: 1em 0em; +} + +.ui.ad:first-child { + margin: 0em; +} + +.ui.ad:last-child { + margin: 0em; +} + +.ui.ad iframe { + margin: 0em; + padding: 0em; + border: none; + overflow: hidden; +} + +/*-------------- + Common +---------------*/ + +/* Leaderboard */ + +.ui.leaderboard.ad { + width: 728px; + height: 90px; +} + +/* Medium Rectangle */ + +.ui[class*="medium rectangle"].ad { + width: 300px; + height: 250px; +} + +/* Large Rectangle */ + +.ui[class*="large rectangle"].ad { + width: 336px; + height: 280px; +} + +/* Half Page */ + +.ui[class*="half page"].ad { + width: 300px; + height: 600px; +} + +/*-------------- + Square +---------------*/ + +/* Square */ + +.ui.square.ad { + width: 250px; + height: 250px; +} + +/* Small Square */ + +.ui[class*="small square"].ad { + width: 200px; + height: 200px; +} + +/*-------------- + Rectangle +---------------*/ + +/* Small Rectangle */ + +.ui[class*="small rectangle"].ad { + width: 180px; + height: 150px; +} + +/* Vertical Rectangle */ + +.ui[class*="vertical rectangle"].ad { + width: 240px; + height: 400px; +} + +/*-------------- + Button +---------------*/ + +.ui.button.ad { + width: 120px; + height: 90px; +} + +.ui[class*="square button"].ad { + width: 125px; + height: 125px; +} + +.ui[class*="small button"].ad { + width: 120px; + height: 60px; +} + +/*-------------- + Skyscrapers +---------------*/ + +/* Skyscraper */ + +.ui.skyscraper.ad { + width: 120px; + height: 600px; +} + +/* Wide Skyscraper */ + +.ui[class*="wide skyscraper"].ad { + width: 160px; +} + +/*-------------- + Banners +---------------*/ + +/* Banner */ + +.ui.banner.ad { + width: 468px; + height: 60px; +} + +/* Vertical Banner */ + +.ui[class*="vertical banner"].ad { + width: 120px; + height: 240px; +} + +/* Top Banner */ + +.ui[class*="top banner"].ad { + width: 930px; + height: 180px; +} + +/* Half Banner */ + +.ui[class*="half banner"].ad { + width: 234px; + height: 60px; +} + +/*-------------- + Boards +---------------*/ + +/* Leaderboard */ + +.ui[class*="large leaderboard"].ad { + width: 970px; + height: 90px; +} + +/* Billboard */ + +.ui.billboard.ad { + width: 970px; + height: 250px; +} + +/*-------------- + Panorama +---------------*/ + +/* Panorama */ + +.ui.panorama.ad { + width: 980px; + height: 120px; +} + +/*-------------- + Netboard +---------------*/ + +/* Netboard */ + +.ui.netboard.ad { + width: 580px; + height: 400px; +} + +/*-------------- + Mobile +---------------*/ + +/* Large Mobile Banner */ + +.ui[class*="large mobile banner"].ad { + width: 320px; + height: 100px; +} + +/* Mobile Leaderboard */ + +.ui[class*="mobile leaderboard"].ad { + width: 320px; + height: 50px; +} + +/******************************* + Types +*******************************/ + +/* Mobile Sizes */ + +.ui.mobile.ad { + display: none; +} + +@media only screen and (max-width: 767px) { + .ui.mobile.ad { + display: block; + } +} + +/******************************* + Variations +*******************************/ + +.ui.centered.ad { + margin-left: auto; + margin-right: auto; +} + +.ui.test.ad { + position: relative; + background: #333333; +} + +.ui.test.ad:after { + position: absolute; + top: 50%; + left: 50%; + width: 100%; + text-align: center; + -webkit-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + content: 'Ad'; + color: #ffffff; + font-size: 1em; + font-weight: bold; +} + +.ui.mobile.test.ad:after { + font-size: 0.85714em; +} + +.ui.test.ad[data-text]:after { + content: attr(data-text); +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! +* # Semantic UI x.x - Item +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Standard +*******************************/ + +/*-------------- + Card +---------------*/ + +.ui.cards > .card, +.ui.card { + max-width: 100%; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 290px; + min-height: 0px; + background: #ffffff; + padding: 0em; + border: none; + border-radius: 2px; + box-shadow: 0px 3px 0px 0px #d4d4d5, 0px 0px 0px 1px #d4d4d5; + -webkit-transition: box-shadow 0.2s ease; + transition: box-shadow 0.2s ease; + z-index: ''; +} + +.ui.card { + margin: 1em 0em; +} + +.ui.cards > .card a, +.ui.card a { + cursor: pointer; +} + +.ui.card:first-child { + margin-top: 0em; +} + +.ui.card:last-child { + margin-bottom: 0em; +} + +/*-------------- + Cards +---------------*/ + +.ui.cards { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: -0.875em -0.5em; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.ui.cards > .card { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin: 0.875em 0.5em; + float: none; +} + +/* Clearing */ + +.ui.cards:after, +.ui.card:after { + display: block; + content: ' '; + height: 0px; + clear: both; + overflow: hidden; + visibility: hidden; +} + +/* Consecutive Card Groups Preserve Row Spacing */ + +.ui.cards ~ .ui.cards { + margin-top: 0.875em; +} + +/*-------------- + Rounded Edges +---------------*/ + +.ui.cards > .card > :first-child, +.ui.card > :first-child { + border-radius: 2px 2px 0em 0em !important; +} + +.ui.cards > .card > :last-child, +.ui.card > :last-child { + border-radius: 0em 0em 2px 2px !important; +} + +/*-------------- + Images +---------------*/ + +.ui.cards > .card > .image, +.ui.card > .image { + display: block; + position: relative; + padding: 0em; + background: rgba(0, 0, 0, 0.05); +} + +.ui.cards > .card > .image > img, +.ui.card > .image > img { + display: block; + width: 100%; + height: auto; + border-radius: 2px 2px 0em 0em; + border: none; +} + +.ui.cards > .card > .image:only-child > img, +.ui.card > .image:only-child > img { + border-radius: 2px; +} + +/*-------------- + Content +---------------*/ + +.ui.cards > .card > .content, +.ui.card > .content { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + background: none; + margin: 0em; + padding: 1em 1em; + box-shadow: none; + font-size: 1em; + border: none; + border-radius: 0em; +} + +.ui.cards > .card > .content:after, +.ui.card > .content:after { + display: block; + content: ' '; + height: 0px; + clear: both; + overflow: hidden; + visibility: hidden; +} + +.ui.cards > .card > .content > .header, +.ui.card > .content > .header { + display: block; + margin: 0em; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + color: rgba(0, 0, 0, 0.85); +} + +/* Default Header Size */ + +.ui.cards > .card > .content > .header:not(.ui), +.ui.card > .content > .header:not(.ui) { + font-weight: bold; + font-size: 1.2em; + margin-top: -0.165em; + line-height: 1.33em; +} + +.ui.cards > .card > .content > .meta + .description, +.ui.cards > .card > .content > .header + .description, +.ui.card > .content > .meta + .description, +.ui.card > .content > .header + .description { + margin-top: 0.5em; +} + +/*-------------- + Floated +---------------*/ + +.ui.cards > .card [class*="left floated"], +.ui.card [class*="left floated"] { + float: left; +} + +.ui.cards > .card [class*="right floated"], +.ui.card [class*="right floated"] { + float: right; +} + +/*-------------- + Aligned +---------------*/ + +.ui.cards > .card [class*="left aligned"], +.ui.card [class*="left aligned"] { + text-align: left; +} + +.ui.cards > .card [class*="center aligned"], +.ui.card [class*="center aligned"] { + text-align: center; +} + +.ui.cards > .card [class*="right aligned"], +.ui.card [class*="right aligned"] { + text-align: right; +} + +/*-------------- + Content Image +---------------*/ + +.ui.cards > .card .content img, +.ui.card .content img { + display: inline-block; + vertical-align: middle; + width: auto; +} + +.ui.cards > .card img.avatar, +.ui.cards > .card .avatar img, +.ui.card img.avatar, +.ui.card .avatar img { + width: 2.5em; + height: 2.5em; + border-radius: 500rem; +} + +/*-------------- + Description +---------------*/ + +.ui.cards > .card > .content > .description, +.ui.card > .content > .description { + clear: both; + color: rgba(0, 0, 0, 0.5); +} + +/*-------------- + Paragraph +---------------*/ + +.ui.cards > .card > .content p, +.ui.card > .content p { + margin: 0em 0em 0.5em; +} + +.ui.cards > .card > .content p:last-child, +.ui.card > .content p:last-child { + margin-bottom: 0em; +} + +/*-------------- + Meta +---------------*/ + +.ui.cards > .card .meta, +.ui.card .meta { + font-size: 0.9em; + color: rgba(0, 0, 0, 0.4); +} + +.ui.cards > .card .meta *, +.ui.card .meta * { + margin-right: 0.3em; +} + +.ui.cards > .card .meta :last-child, +.ui.card .meta :last-child { + margin-right: 0em; +} + +.ui.cards > .card .meta [class*="right floated"], +.ui.card .meta [class*="right floated"] { + margin-right: 0em; + margin-left: 0.3em; +} + +/*-------------- + Links +---------------*/ + +/* Generic */ + +.ui.cards > .card > .content a:not(.ui), +.ui.card > .content a:not(.ui) { + color: ''; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +.ui.cards > .card > .content a:not(.ui):hover, +.ui.card > .content a:not(.ui):hover { + color: ''; +} + +/* Header */ + +.ui.cards > .card > .content > a.header, +.ui.card > .content > a.header { + color: rgba(0, 0, 0, 0.85); +} + +.ui.cards > .card > .content > a.header:hover, +.ui.card > .content > a.header:hover { + color: #00b2f3; +} + +/* Meta */ + +.ui.cards > .card .meta > a:not(.ui), +.ui.card .meta > a:not(.ui) { + color: rgba(0, 0, 0, 0.4); +} + +.ui.cards > .card .meta > a:not(.ui):hover, +.ui.card .meta > a:not(.ui):hover { + color: #212121; +} + +/*-------------- + Buttons +---------------*/ + +.ui.cards > .card > .buttons:last-child, +.ui.card > .buttons:last-child, +.ui.cards > .card > .button:last-child, +.ui.card > .button:last-child { + margin: 0em 0em -1px; + width: 100%; +} + +/*-------------- + Labels +---------------*/ + +/*-----Star----- */ + +/* Icon */ + +.ui.cards > .card > .content .star.icon, +.ui.card > .content .star.icon { + cursor: pointer; + opacity: 0.75; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +.ui.cards > .card > .content .star.icon:hover, +.ui.card > .content .star.icon:hover { + opacity: 1; + color: #ffb70a; +} + +.ui.cards > .card > .content .active.star.icon, +.ui.card > .content .active.star.icon { + color: #ffe623; +} + +/*-----Like----- */ + +/* Icon */ + +.ui.cards > .card > .content .like.icon, +.ui.card > .content .like.icon { + cursor: pointer; + opacity: 0.75; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +.ui.cards > .card > .content .like.icon:hover, +.ui.card > .content .like.icon:hover { + opacity: 1; + color: #ff2733; +} + +.ui.cards > .card > .content .active.like.icon, +.ui.card > .content .active.like.icon { + color: #ff2733; +} + +/*---------------- + Extra Content +-----------------*/ + +.ui.cards > .card > .extra, +.ui.card > .extra { + max-width: 100%; + min-height: 0em !important; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + position: static; + background: none; + width: auto; + margin: 0em 0em; + padding: 0.75em 1em; + top: 0em; + left: 0em; + color: rgba(0, 0, 0, 0.4); + box-shadow: none; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + +.ui.cards > .card > .extra a:not(.ui), +.ui.card > .extra a:not(.ui) { + color: rgba(0, 0, 0, 0.4); +} + +.ui.cards > .card > .extra a:not(.ui):hover, +.ui.card > .extra a:not(.ui):hover { + color: #00b2f3; +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Fluid +--------------------*/ + +.ui.fluid.card { + width: 100%; + max-width: 9999px; +} + +/*------------------- + Link +--------------------*/ + +.ui.cards a.card:hover, +.ui.link.cards .card:hover, +a.ui.card:hover, +.ui.link.card:hover { + cursor: pointer; + z-index: 5; + background: ''; + border: none; + box-shadow: 0px 3px 0px 0px #bebebf, 0px 0px 0px 1px rgba(39, 41, 43, 0.3); +} + +/*------------------- + Colors +--------------------*/ + +.ui.black.cards > .card, +.ui.cards > .black.card, +.ui.black.card { + box-shadow: 0px 3px 0px 0px #1b1c1d, 0px 0px 0px 1px #d4d4d5; +} + +.ui.blue.cards > .card, +.ui.cards > .blue.card, +.ui.blue.card { + box-shadow: 0px 3px 0px 0px #2196f3, 0px 0px 0px 1px #d4d4d5; +} + +.ui.green.cards > .card, +.ui.cards > .green.card, +.ui.green.card { + box-shadow: 0px 3px 0px 0px #4caf50, 0px 0px 0px 1px #d4d4d5; +} + +.ui.orange.cards > .card, +.ui.cards > .orange.card, +.ui.orange.card { + box-shadow: 0px 3px 0px 0px #ff9800, 0px 0px 0px 1px #d4d4d5; +} + +.ui.pink.cards > .card, +.ui.cards > .pink.card, +.ui.pink.card { + box-shadow: 0px 3px 0px 0px #e91e63, 0px 0px 0px 1px #d4d4d5; +} + +.ui.purple.cards > .card, +.ui.cards > .purple.card, +.ui.purple.card { + box-shadow: 0px 3px 0px 0px #9c27b0, 0px 0px 0px 1px #d4d4d5; +} + +.ui.red.cards > .card, +.ui.cards > .red.card, +.ui.red.card { + box-shadow: 0px 3px 0px 0px #f44336, 0px 0px 0px 1px #d4d4d5; +} + +.ui.teal.cards > .card, +.ui.cards > .teal.card, +.ui.teal.card { + box-shadow: 0px 3px 0px 0px #1de9b6, 0px 0px 0px 1px #d4d4d5; +} + +.ui.yellow.cards > .card, +.ui.cards > .yellow.card, +.ui.yellow.card { + box-shadow: 0px 3px 0px 0px #ffeb3b, 0px 0px 0px 1px #d4d4d5; +} + +/* Hover */ + +.ui.black.cards > .card:hover, +.ui.cards > .black.card:hover, +.ui.black.card:hover { + box-shadow: 0px 3px 0px 0px #1b1c1d, 0px 0px 0px 1px #d4d4d5; +} + +.ui.blue.cards > .card:hover, +.ui.cards > .blue.card:hover, +.ui.blue.card:hover { + box-shadow: 0px 3px 0px 0px #309df4, 0px 0px 0px 1px #d4d4d5; +} + +.ui.green.cards > .card:hover, +.ui.cards > .green.card:hover, +.ui.green.card:hover { + box-shadow: 0px 3px 0px 0px #55b559, 0px 0px 0px 1px #d4d4d5; +} + +.ui.orange.cards > .card:hover, +.ui.cards > .orange.card:hover, +.ui.orange.card:hover { + box-shadow: 0px 3px 0px 0px #ff9e0f, 0px 0px 0px 1px #d4d4d5; +} + +.ui.pink.cards > .card:hover, +.ui.cards > .pink.card:hover, +.ui.pink.card:hover { + box-shadow: 0px 3px 0px 0px #ea2c6d, 0px 0px 0px 1px #d4d4d5; +} + +.ui.purple.cards > .card:hover, +.ui.cards > .purple.card:hover, +.ui.purple.card:hover { + box-shadow: 0px 3px 0px 0px #a72abd, 0px 0px 0px 1px #d4d4d5; +} + +.ui.red.cards > .card:hover, +.ui.cards > .red.card:hover, +.ui.red.card:hover { + box-shadow: 0px 3px 0px 0px #f55145, 0px 0px 0px 1px #d4d4d5; +} + +.ui.teal.cards > .card:hover, +.ui.cards > .teal.card:hover, +.ui.teal.card:hover { + box-shadow: 0px 3px 0px 0px #2beabb, 0px 0px 0px 1px #d4d4d5; +} + +.ui.yellow.cards > .card:hover, +.ui.cards > .yellow.card:hover, +.ui.yellow.card:hover { + box-shadow: 0px 3px 0px 0px #ffed4a, 0px 0px 0px 1px #d4d4d5; +} + +/*-------------- + Card Count +---------------*/ + +.ui.one.cards { + margin-left: 0em; + margin-right: 0em; +} + +.ui.one.cards > .card { + width: 100%; +} + +.ui.two.cards { + margin-left: -1em; + margin-right: -1em; +} + +.ui.two.cards > .card { + width: -webkit-calc( 50% - 2em ); + width: calc( 50% - 2em ); + margin-left: 1em; + margin-right: 1em; +} + +.ui.two.cards > .card:nth-child(2n+1) { + clear: left; +} + +.ui.three.cards { + margin-left: -1em; + margin-right: -1em; +} + +.ui.three.cards > .card { + width: -webkit-calc( 33.33333333% - 2em ); + width: calc( 33.33333333% - 2em ); + margin-left: 1em; + margin-right: 1em; +} + +.ui.three.cards > .card:nth-child(3n+1) { + clear: left; +} + +.ui.four.cards { + margin-left: -0.75em; + margin-right: -0.75em; +} + +.ui.four.cards > .card { + width: -webkit-calc( 25% - 1.5em ); + width: calc( 25% - 1.5em ); + margin-left: 0.75em; + margin-right: 0.75em; +} + +.ui.four.cards > .card:nth-child(4n+1) { + clear: left; +} + +.ui.five.cards { + margin-left: -0.75em; + margin-right: -0.75em; +} + +.ui.five.cards > .card { + width: -webkit-calc( 20% - 1.5em ); + width: calc( 20% - 1.5em ); + margin-left: 0.75em; + margin-right: 0.75em; +} + +.ui.five.cards > .card:nth-child(5n+1) { + clear: left; +} + +.ui.six.cards { + margin-left: -0.75em; + margin-right: -0.75em; +} + +.ui.six.cards > .card { + width: -webkit-calc( 16.66666667% - 1.5em ); + width: calc( 16.66666667% - 1.5em ); + margin-left: 0.75em; + margin-right: 0.75em; +} + +.ui.six.cards > .card:nth-child(6n+1) { + clear: left; +} + +.ui.seven.cards { + margin-left: -0.5em; + margin-right: -0.5em; +} + +.ui.seven.cards > .card { + width: -webkit-calc( 14.28571429% - 1em ); + width: calc( 14.28571429% - 1em ); + margin-left: 0.5em; + margin-right: 0.5em; +} + +.ui.seven.cards > .card:nth-child(7n+1) { + clear: left; +} + +.ui.eight.cards { + margin-left: -0.5em; + margin-right: -0.5em; +} + +.ui.eight.cards > .card { + width: -webkit-calc( 12.5% - 1em ); + width: calc( 12.5% - 1em ); + margin-left: 0.5em; + margin-right: 0.5em; + font-size: 11px; +} + +.ui.eight.cards > .card:nth-child(8n+1) { + clear: left; +} + +.ui.nine.cards { + margin-left: -0.5em; + margin-right: -0.5em; +} + +.ui.nine.cards > .card { + width: -webkit-calc( 11.11111111% - 1em ); + width: calc( 11.11111111% - 1em ); + margin-left: 0.5em; + margin-right: 0.5em; + font-size: 10px; +} + +.ui.nine.cards > .card:nth-child(9n+1) { + clear: left; +} + +.ui.ten.cards { + margin-left: -0.5em; + margin-right: -0.5em; +} + +.ui.ten.cards > .card { + width: -webkit-calc( 10% - 1em ); + width: calc( 10% - 1em ); + margin-left: 0.5em; + margin-right: 0.5em; +} + +.ui.ten.cards > .card:nth-child(10n+1) { + clear: left; +} + +/*------------------- + Doubling +--------------------*/ + +/* Mobily Only */ + +@media only screen and (max-width: 767px) { + .ui.two.doubling.cards { + margin-left: 0em; + margin-right: 0em; + } + + .ui.two.doubling.cards .card { + width: 100%; + margin-left: 0em; + margin-right: 0em; + } + + .ui.three.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.three.doubling.cards .card { + width: -webkit-calc( 50% - 2em ); + width: calc( 50% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.four.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.four.doubling.cards .card { + width: -webkit-calc( 50% - 2em ); + width: calc( 50% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.five.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.five.doubling.cards .card { + width: -webkit-calc( 50% - 2em ); + width: calc( 50% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.six.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.six.doubling.cards .card { + width: -webkit-calc( 50% - 2em ); + width: calc( 50% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.seven.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.seven.doubling.cards .card { + width: -webkit-calc( 33.33333333% - 2em ); + width: calc( 33.33333333% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.eight.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.eight.doubling.cards .card { + width: -webkit-calc( 33.33333333% - 2em ); + width: calc( 33.33333333% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.nine.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.nine.doubling.cards .card { + width: -webkit-calc( 33.33333333% - 2em ); + width: calc( 33.33333333% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.ten.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.ten.doubling.cards .card { + width: -webkit-calc( 33.33333333% - 2em ); + width: calc( 33.33333333% - 2em ); + margin-left: 1em; + margin-right: 1em; + } +} + +/* Tablet Only */ + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui.two.doubling.cards { + margin-left: 0em; + margin-right: 0em; + } + + .ui.two.doubling.cards .card { + width: 100%; + margin-left: 0em; + margin-right: 0em; + } + + .ui.three.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.three.doubling.cards .card { + width: -webkit-calc( 50% - 2em ); + width: calc( 50% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.four.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.four.doubling.cards .card { + width: -webkit-calc( 50% - 2em ); + width: calc( 50% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.five.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.five.doubling.cards .card { + width: -webkit-calc( 33.33333333% - 2em ); + width: calc( 33.33333333% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.six.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.six.doubling.cards .card { + width: -webkit-calc( 33.33333333% - 2em ); + width: calc( 33.33333333% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.eight.doubling.cards { + margin-left: -1em; + margin-right: -1em; + } + + .ui.eight.doubling.cards .card { + width: -webkit-calc( 33.33333333% - 2em ); + width: calc( 33.33333333% - 2em ); + margin-left: 1em; + margin-right: 1em; + } + + .ui.eight.doubling.cards { + margin-left: -0.75em; + margin-right: -0.75em; + } + + .ui.eight.doubling.cards .card { + width: -webkit-calc( 25% - 1.5em ); + width: calc( 25% - 1.5em ); + margin-left: 0.75em; + margin-right: 0.75em; + } + + .ui.nine.doubling.cards { + margin-left: -0.75em; + margin-right: -0.75em; + } + + .ui.nine.doubling.cards .card { + width: -webkit-calc( 25% - 1.5em ); + width: calc( 25% - 1.5em ); + margin-left: 0.75em; + margin-right: 0.75em; + } + + .ui.ten.doubling.cards { + margin-left: -0.75em; + margin-right: -0.75em; + } + + .ui.ten.doubling.cards .card { + width: -webkit-calc( 20% - 1.5em ); + width: calc( 20% - 1.5em ); + margin-left: 0.75em; + margin-right: 0.75em; + } +} + +/*------------------- + Stackable +--------------------*/ + +@media only screen and (max-width: 767px) { + .ui.stackable.cards { + display: block !important; + } + + .ui.stackable.cards .card:first-child { + margin-top: 0em !important; + } + + .ui.stackable.cards > .card { + display: block !important; + height: auto !important; + margin: 1em 1em; + padding: 0 !important; + width: -webkit-calc( 100% - 2em ) !important; + width: calc( 100% - 2em ) !important; + } +} + +/*-------------- + Size +---------------*/ + +.ui.cards > .card { + font-size: 1em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! +* # Semantic UI x.x - Comment +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Standard +*******************************/ + +/*-------------- + Comments +---------------*/ + +.ui.comments { + margin: 1.5em 0em; + max-width: 650px; +} + +.ui.comments:first-child { + margin-top: 0em; +} + +.ui.comments:last-child { + margin-bottom: 0em; +} + +/*-------------- + Comment +---------------*/ + +.ui.comments .comment { + position: relative; + background: none; + margin: 0.5em 0em 0em; + padding: 0.5em 0em 0em; + border: none; + border-top: none; + line-height: 1.2; +} + +.ui.comments .comment:first-child { + margin-top: 0em; + padding-top: 0em; +} + +/*-------------------- + Nested Comments +---------------------*/ + +.ui.comments .comment .comments { + margin: 0em 0em 0.5em 0.5em; + padding: 1em 0em 1em 1em; +} + +.ui.comments .comment .comments:before { + position: absolute; + top: 0px; + left: 0px; +} + +.ui.comments .comment .comments .comment { + border: none; + border-top: none; + background: none; +} + +/*-------------- + Avatar +---------------*/ + +.ui.comments .comment .avatar { + display: block; + width: 2.5em; + height: auto; + float: left; + margin: 0.2em 0em 0em; +} + +.ui.comments .comment img.avatar, +.ui.comments .comment .avatar img { + display: block; + margin: 0em auto; + width: 100%; + height: 100%; + border-radius: 0.25rem; +} + +/*-------------- + Content +---------------*/ + +.ui.comments .comment > .content { + display: block; +} + +/* If there is an avatar move content over */ + +.ui.comments .comment > .avatar ~ .content { + margin-left: 3.5em; +} + +/*-------------- + Author +---------------*/ + +.ui.comments .comment .author { + font-size: 1em; + color: #212121; + font-weight: bold; +} + +.ui.comments .comment a.author { + cursor: pointer; +} + +.ui.comments .comment a.author:hover { + color: #00b2f3; +} + +/*-------------- + Metadata +---------------*/ + +.ui.comments .comment .metadata { + display: inline-block; + margin-left: 0.5em; + color: rgba(0, 0, 0, 0.4); + font-size: 0.875em; +} + +.ui.comments .comment .metadata > * { + display: inline-block; + margin: 0em 0.5em 0em 0em; +} + +.ui.comments .comment .metadata > :last-child { + margin-right: 0em; +} + +/*-------------------- + Comment Text +---------------------*/ + +.ui.comments .comment .text { + margin: 0.25em 0em 0.5em; + font-size: 1em; + word-wrap: break-word; + color: #212121; + line-height: 1.3; +} + +/*-------------------- + User Actions +---------------------*/ + +.ui.comments .comment .actions { + font-size: 0.875em; +} + +.ui.comments .comment .actions a { + cursor: pointer; + display: inline-block; + margin: 0em 0.75em 0em 0em; + color: rgba(0, 0, 0, 0.4); +} + +.ui.comments .comment .actions a:last-child { + margin-right: 0em; +} + +.ui.comments .comment .actions a.active, +.ui.comments .comment .actions a:hover { + color: rgba(0, 0, 0, 0.8); +} + +/*-------------------- + Reply Form +---------------------*/ + +.ui.comments > .reply.form { + margin-top: 1em; +} + +.ui.comments .comment .reply.form { + width: 100%; + margin-top: 1em; +} + +.ui.comments .reply.form textarea { + font-size: 1em; + height: 12em; +} + +/******************************* + State +*******************************/ + +.ui.collapsed.comments, +.ui.comments .collapsed.comments, +.ui.comments .collapsed.comment { + display: none; +} + +/******************************* + Variations +*******************************/ + +/*-------------------- + Threaded +---------------------*/ + +.ui.threaded.comments .comment .comments { + margin: -1.5em 0 -1em 1.25em; + padding: 3em 0em 2em 2.25em; + box-shadow: -1px 0px 0px rgba(39, 41, 43, 0.15); +} + +/*-------------------- + Minimal +---------------------*/ + +.ui.minimal.comments .comment .actions { + opacity: 0; + position: absolute; + top: 0px; + right: 0px; + left: auto; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} + +.ui.minimal.comments .comment > .content:hover > .actions { + opacity: 1; +} + +/*-------------------- + Sizes +---------------------*/ + +.ui.small.comments { + font-size: 0.9em; +} + +.ui.comments { + font-size: 1em; +} + +.ui.large.comments { + font-size: 1.1em; +} + +.ui.huge.comments { + font-size: 1.2em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! +* # Semantic UI x.x - Feed +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Activity Feed +*******************************/ + +.ui.feed { + margin: 1em 0em; +} + +.ui.feed:first-child { + margin-top: 0em; +} + +.ui.feed:last-child { + margin-top: 0em; +} + +/******************************* + Content +*******************************/ + +/* Event */ + +.ui.feed > .event { + display: table; + width: 100%; + padding: 0.5rem 0em; + margin: 0em; + background: none; + border-top: none; +} + +.ui.feed > .event:first-child { + border-top: 0px; + padding-top: 0em; +} + +.ui.feed > .event:last-child { + padding-bottom: 0em; +} + +/* Event Label */ + +.ui.feed > .event > .label { + display: table-cell; + width: 2.5em; + height: 2.5em; + vertical-align: top; + text-align: left; +} + +.ui.feed > .event > .label .icon { + opacity: 1; + font-size: 1.5em; + width: 100%; + padding: 0.25em; + background: none; + border: none; + border-radius: none; + color: rgba(0, 0, 0, 0.6); +} + +.ui.feed > .event > .label img { + width: 100%; + height: auto; + border-radius: 500rem; +} + +.ui.feed > .event > .label + .content { + padding: 0.5em 0em 0.5em 1.25em; +} + +/* Content */ + +.ui.feed > .event > .content { + display: table-cell; + vertical-align: top; + text-align: left; + word-wrap: break-word; +} + +.ui.feed > .event:last-child > .content { + padding-bottom: 0em; +} + +/* Link */ + +.ui.feed > .event > .content a { + cursor: pointer; +} + +/*-------------- + Date +---------------*/ + +.ui.feed > .event > .content .date { + margin: -0.5rem 0em 0em; + padding: 0em; + font-weight: normal; + font-size: 1em; + font-style: normal; + color: rgba(0, 0, 0, 0.4); +} + +/*-------------- + Summary +---------------*/ + +.ui.feed > .event > .content .summary { + margin: 0em; + font-size: 1em; + font-weight: bold; + color: #212121; +} + +/* Summary Image */ + +.ui.feed > .event > .content .summary img { + display: inline-block; + width: auto; + height: 2em; + margin: -0.25em 0.25em 0em 0em; + border-radius: 0.25em; + vertical-align: middle; +} + +/*-------------- + User +---------------*/ + +.ui.feed > .event > .content .user { + display: inline-block; + font-weight: bold; + margin-right: 0em; + vertical-align: baseline; +} + +.ui.feed > .event > .content .user img { + margin: -0.25em 0.25em 0em 0em; + width: auto; + height: 2em; + vertical-align: middle; +} + +/*-------------- + Inline Date +---------------*/ + +/* Date inside Summary */ + +.ui.feed > .event > .content .summary > .date { + display: inline-block; + float: none; + font-weight: normal; + font-size: 0.875em; + font-style: normal; + margin: 0em 0em 0em 0.5em; + padding: 0em; + color: rgba(0, 0, 0, 0.4); +} + +/*-------------- + Extra Summary +---------------*/ + +.ui.feed > .event > .content .extra { + margin: 0.5em 0em 0em; + background: none; + padding: 0em; + color: #212121; +} + +/* Images */ + +.ui.feed > .event > .content .extra.images img { + display: inline-block; + margin: 0em 0.25em 0em 0em; + width: 6em; +} + +/* Text */ + +.ui.feed > .event > .content .extra.text { + padding: 0.5em 1em; + border-left: 3px solid rgba(0, 0, 0, 0.2); + font-size: 1em; + max-width: 500px; + line-height: 1.33; +} + +/*-------------- + Meta +---------------*/ + +.ui.feed > .event > .content .meta { + display: inline-block; + font-size: 0.875em; + margin: 0.5em 0em 0em; + background: none; + border: none; + border-radius: 0; + box-shadow: none; + padding: 0em; + color: rgba(0, 0, 0, 0.6); +} + +.ui.feed > .event > .content .meta > * { + position: relative; + margin-left: 0.75em; +} + +.ui.feed > .event > .content .meta > *:after { + content: ''; + color: rgba(0, 0, 0, 0.2); + top: 0em; + left: -1em; + opacity: 1; + position: absolute; + vertical-align: top; +} + +.ui.feed > .event > .content .meta .like { + color: ''; + -webkit-transition: 0.2s color ease; + transition: 0.2s color ease; +} + +.ui.feed > .event > .content .meta .like:hover .icon { + color: #ff2733; +} + +.ui.feed > .event > .content .meta .active.like .icon { + color: #ef404a; +} + +/* First element */ + +.ui.feed > .event > .content .meta > :first-child { + margin-left: 0em; +} + +.ui.feed > .event > .content .meta > :first-child::after { + display: none; +} + +/* Action */ + +.ui.feed > .event > .content .meta a, +.ui.feed > .event > .content .meta > .icon { + cursor: pointer; + opacity: 1; + color: rgba(0, 0, 0, 0.5); + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +.ui.feed > .event > .content .meta a:hover, +.ui.feed > .event > .content .meta a:hover .icon, +.ui.feed > .event > .content .meta > .icon:hover { + color: rgba(0, 0, 0, 0.8); +} + +/******************************* + Variations +*******************************/ + +.ui.small.feed { + font-size: 0.9em; +} + +.ui.feed { + font-size: 1em; +} + +.ui.large.feed { + font-size: 1.1em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! +* # Semantic UI x.x - Item +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Standard +*******************************/ + +/*-------------- + Item +---------------*/ + +.ui.items > .item { + table-layout: fixed; + display: table; + margin: 1em 0em; + width: 100%; + min-height: 0px; + background: transparent; + padding: 0em; + border: none; + border-radius: 0rem; + box-shadow: none; + -webkit-transition: box-shadow 0.2s ease; + transition: box-shadow 0.2s ease; + z-index: ''; +} + +.ui.items > .item a { + cursor: pointer; +} + +/*-------------- + Items +---------------*/ + +.ui.items { + margin: 1.5em 0em; +} + +.ui.items:first-child { + margin-top: 0em !important; +} + +.ui.items:last-child { + margin-bottom: 0em !important; +} + +/*-------------- + Item +---------------*/ + +.ui.items > .item { + min-width: 100%; +} + +.ui.items > .item:after { + display: block; + content: ' '; + height: 0px; + clear: both; + overflow: hidden; + visibility: hidden; +} + +.ui.items > .item:first-child { + margin-top: 0em; +} + +.ui.items > .item:last-child { + margin-bottom: 0em; +} + +/*-------------- + Images +---------------*/ + +.ui.items > .item > .image { + position: relative; + display: table-cell; + float: none; + margin: 0em; + padding: 0em; + max-height: ''; + vertical-align: top; +} + +.ui.items > .item > .image > img { + display: block; + width: 100%; + height: auto; + border-radius: 0.125rem; + border: none; +} + +.ui.items > .item > .image:only-child > img { + border-radius: 0rem; +} + +/*-------------- + Content +---------------*/ + +.ui.items > .item > .content { + display: block; + background: none; + margin: 0em; + padding: 0em; + box-shadow: none; + font-size: 1em; + border: none; + border-radius: 0em; +} + +.ui.items > .item > .content:after { + display: block; + content: ' '; + height: 0px; + clear: both; + overflow: hidden; + visibility: hidden; +} + +.ui.items > .item > .image + .content { + width: 100%; + display: table-cell; + margin-left: 0em; + vertical-align: top; + padding-left: 1.5em; +} + +.ui.items > .item > .content > .header { + display: block; + margin: -0.165em 0em 0em; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-weight: bold; + color: rgba(0, 0, 0, 0.85); +} + +/* Default Header Size */ + +.ui.items > .item > .content > .header:not(.ui) { + font-size: 1.2em; +} + +/*-------------- + Floated +---------------*/ + +.ui.items > .item [class*="left floated"] { + float: left; +} + +.ui.items > .item [class*="right floated"] { + float: right; +} + +/*-------------- + Content Image +---------------*/ + +.ui.items > .item .content img { + vertical-align: middle; + width: ''; +} + +.ui.items > .item img.avatar, +.ui.items > .item .avatar img { + width: ''; + height: ''; + border-radius: 500rem; +} + +/*-------------- + Description +---------------*/ + +.ui.items > .item > .content > .description { + margin-top: 0.6em; + max-width: 550px; + font-size: 1em; + line-height: 1.33; + color: #212121; +} + +/*-------------- + Paragraph +---------------*/ + +.ui.items > .item > .content p { + margin: 0em 0em 0.5em; +} + +.ui.items > .item > .content p:last-child { + margin-bottom: 0em; +} + +/*-------------- + Meta +---------------*/ + +.ui.items > .item .meta { + font-size: 1em; + line-height: 1em; + color: rgba(0, 0, 0, 0.6); +} + +.ui.items > .item .meta * { + margin-right: 0.3em; +} + +.ui.items > .item .meta :last-child { + margin-right: 0em; +} + +.ui.items > .item .meta [class*="right floated"] { + margin-right: 0em; + margin-left: 0.3em; +} + +/*-------------- + Links +---------------*/ + +/* Generic */ + +.ui.items > .item > .content a:not(.ui) { + color: ''; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +.ui.items > .item > .content a:not(.ui):hover { + color: ''; +} + +/* Header */ + +.ui.items > .item > .content > a.header { + color: rgba(0, 0, 0, 0.85); +} + +.ui.items > .item > .content > a.header:hover { + color: #00b2f3; +} + +/* Meta */ + +.ui.items > .item .meta > a:not(.ui) { + color: rgba(0, 0, 0, 0.4); +} + +.ui.items > .item .meta > a:not(.ui):hover { + color: #212121; +} + +/*-------------- + Labels +---------------*/ + +/*-----Star----- */ + +/* Icon */ + +.ui.items > .item > .content .favorite.icon { + cursor: pointer; + opacity: 0.75; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +.ui.items > .item > .content .favorite.icon:hover { + opacity: 1; + color: #ffb70a; +} + +.ui.items > .item > .content .active.favorite.icon { + color: #ffe623; +} + +/*-----Like----- */ + +/* Icon */ + +.ui.items > .item > .content .like.icon { + cursor: pointer; + opacity: 0.75; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +.ui.items > .item > .content .like.icon:hover { + opacity: 1; + color: #ff2733; +} + +.ui.items > .item > .content .active.like.icon { + color: #ff2733; +} + +/*---------------- + Extra Content +-----------------*/ + +.ui.items > .item .extra { + display: block; + position: relative; + background: none; + margin: 0.5rem 0em 0em; + width: 100%; + padding: 0em 0em 0em; + top: 0em; + left: 0em; + color: rgba(0, 0, 0, 0.4); + box-shadow: none; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + border-top: none; +} + +.ui.items > .item .extra > * { + margin: 0.25rem 0.5rem 0.25rem 0em; +} + +.ui.items > .item .extra > [class*="right floated"] { + margin: 0.25rem 0em 0.25rem 0.5rem; +} + +.ui.items > .item .extra:after { + display: block; + content: ' '; + height: 0px; + clear: both; + overflow: hidden; + visibility: hidden; +} + +/******************************* + Responsive +*******************************/ + +/* Default Image Width */ + +.ui.items > .item > .image:not(.ui) { + width: 175px; +} + +/* Tablet Only */ + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ui.items > .item { + margin: 1em 0em; + } + + .ui.items > .item > .image:not(.ui) { + width: 150px; + } + + .ui.items > .item > .image + .content { + display: block; + padding: 0em 0em 0em 1em; + } +} + +/* Mobily Only */ + +@media only screen and (max-width: 767px) { + .ui.items > .item { + margin: 2em 0em; + } + + .ui.items > .item > .image { + display: block; + margin-left: auto; + margin-right: auto; + } + + .ui.items > .item > .image, + .ui.items > .item > .image > img { + max-width: 100% !important; + width: auto !important; + max-height: 250px !important; + } + + .ui.items > .item > .image + .content { + display: block; + padding: 1.5em 0em 0em; + } +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Aligned +--------------------*/ + +.ui.items > .item > .image + [class*="top aligned"].content { + vertical-align: top; +} + +.ui.items > .item > .image + [class*="middle aligned"].content { + vertical-align: middle; +} + +.ui.items > .item > .image + [class*="bottom aligned"].content { + vertical-align: bottom; +} + +/*-------------- + Relaxed +---------------*/ + +.ui.relaxed.items > .item { + margin: 1.5em 0em; +} + +.ui[class*="very relaxed"].items > .item { + margin: 2em 0em; +} + +/*------------------- + Divided +--------------------*/ + +.ui.divided.items > .item { + border-top: 1px solid rgba(39, 41, 43, 0.15); + margin: 0em; + padding: 1em 0em; +} + +.ui.divided.items > .item:first-child { + border-top: none; + margin-top: 0em !important; + padding-top: 0em !important; +} + +.ui.divided.items > .item:last-child { + margin-bottom: 0em !important; + padding-bottom: 0em !important; +} + +/* Relaxed Divided */ + +.ui.relaxed.divided.items > .item { + margin: 0em; + padding: 1.5em 0em; +} + +.ui[class*="very relaxed"].divided.items > .item { + margin: 0em; + padding: 2em 0em; +} + +/*------------------- + Link +--------------------*/ + +.ui.items a.item:hover, +.ui.link.items > .item:hover { + cursor: pointer; +} + +.ui.items a.item:hover .content .header, +.ui.link.items > .item:hover .content .header { + color: #00b2f3; +} + +/*-------------- + Size +---------------*/ + +.ui.items > .item { + font-size: 1em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! +* # Semantic UI x.x - Statistic +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Statistic +*******************************/ + +/* Standalone */ + +.ui.statistic { + display: inline-block; + margin: 1em 0em; + max-width: 175px; +} + +.ui.statistic + .ui.statistic { + margin: 0em 0em 0em 1em; +} + +.ui.statistic:first-child { + margin-top: 0em; +} + +.ui.statistic:last-child { + margin-bottom: 0em; +} + +/* Grouped */ + +.ui.statistics > .statistic { + display: block; + float: left; + margin: 0em 1em 2em; + max-width: 175px; +} + +/******************************* + Group +*******************************/ + +.ui.statistics { + display: block; + margin: 1em -1em; +} + +/* Clearing */ + +.ui.statistics:after { + display: block; + content: ' '; + height: 0px; + clear: both; + overflow: hidden; + visibility: hidden; +} + +.ui.statistics:first-child { + margin-top: 0em; +} + +.ui.statistics:last-child { + margin-bottom: 0em; +} + +/******************************* + Content +*******************************/ + +/*-------------- + Value +---------------*/ + +.ui.statistics .statistic > .value, +.ui.statistic > .value { + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 4rem; + font-weight: normal; + line-height: 1em; + color: #1b1c1d; + text-transform: uppercase; + text-align: center; +} + +/*-------------- + Label +---------------*/ + +.ui.statistics .statistic > .label, +.ui.statistic > .label { + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 1rem; + font-weight: normal; + color: rgba(0, 0, 0, 0.4); + text-transform: none; + text-align: center; +} + +/* Top Label */ + +.ui.statistics .statistic > .label ~ .value, +.ui.statistic > .label ~ .value { + margin-top: 0rem; +} + +/* Bottom Label */ + +.ui.statistics .statistic > .value ~ .label, +.ui.statistic > .value ~ .label { + margin-top: 0.25rem; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Icon Value +---------------*/ + +.ui.statistics .statistic > .value .icon, +.ui.statistic > .value .icon { + opacity: 1; + width: auto; + margin: 0em; +} + +/*-------------- + Text Value +---------------*/ + +.ui.statistics .statistic > .text.value, +.ui.statistic > .text.value { + line-height: 1em; + min-height: 2em; + text-align: center; +} + +.ui.statistics .statistic > .text.value + .label, +.ui.statistic > .text.value + .label { + text-align: center; +} + +/*-------------- + Image Value +---------------*/ + +.ui.statistics .statistic > .value img, +.ui.statistic > .value img { + max-height: 3rem; + vertical-align: baseline; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Horizontal +---------------*/ + +.ui.horizontal.statistics, +.ui.horizontal.statistic { + display: block; + margin: 0em; + max-width: 9999px; +} + +.ui.horizontal.statistics .statistic { + float: none; + margin: 1em 0em; + max-width: 9999px; +} + +.ui.horizontal.statistic > .text.value, +.ui.horizontal.statistics > .statistic > .text.value { + min-height: 0em !important; +} + +.ui.horizontal.statistics .statistic > .value .icon, +.ui.horizontal.statistic > .value .icon { + width: 1.18em; +} + +.ui.horizontal.statistics .statistic > .value, +.ui.horizontal.statistic > .value { + display: inline-block; + vertical-align: middle; +} + +.ui.horizontal.statistics .statistic > .label, +.ui.horizontal.statistic > .label { + display: inline-block; + vertical-align: middle; + margin: 0em 0em 0em 0.75em; +} + +/*-------------- + Colors +---------------*/ + +.ui.blue.statistics .statistic > .value, +.ui.statistics .blue.statistic > .value, +.ui.blue.statistic > .value { + color: #2196f3; +} + +.ui.green.statistics .statistic > .value, +.ui.statistics .green.statistic > .value, +.ui.green.statistic > .value { + color: #4caf50; +} + +.ui.orange.statistics .statistic > .value, +.ui.statistics .orange.statistic > .value, +.ui.orange.statistic > .value { + color: #ff9800; +} + +.ui.pink.statistics .statistic > .value, +.ui.statistics .pink.statistic > .value, +.ui.pink.statistic > .value { + color: #e91e63; +} + +.ui.purple.statistics .statistic > .value, +.ui.statistics .purple.statistic > .value, +.ui.purple.statistic > .value { + color: #9c27b0; +} + +.ui.red.statistics .statistic > .value, +.ui.statistics .red.statistic > .value, +.ui.red.statistic > .value { + color: #f44336; +} + +.ui.teal.statistics .statistic > .value, +.ui.statistics .teal.statistic > .value, +.ui.teal.statistic > .value { + color: #1de9b6; +} + +.ui.yellow.statistics .statistic > .value, +.ui.statistics .yellow.statistic > .value, +.ui.yellow.statistic > .value { + color: #ffeb3b; +} + +/*-------------- + Floated +---------------*/ + +.ui[class*="left floated"].statistic { + float: left; + margin: 0em 2em 1em 0em; +} + +.ui[class*="right floated"].statistic { + float: right; + margin: 0em 0em 1em 2em; +} + +.ui.floated.statistic:last-child { + margin-bottom: 0em; +} + +/*-------------- + Inverted +---------------*/ + +.ui.inverted.statistic .value { + color: #ffffff; +} + +.ui.inverted.statistic .label { + color: rgba(255, 255, 255, 0.8); +} + +.ui.inverted.blue.statistics .statistic > .value, +.ui.statistics .inverted.blue.statistic > .value, +.ui.inverted.blue.statistic > .value { + color: #2979ff; +} + +.ui.inverted.green.statistics .statistic > .value, +.ui.statistics .inverted.green.statistic > .value, +.ui.inverted.green.statistic > .value { + color: #00e676; +} + +.ui.inverted.orange.statistics .statistic > .value, +.ui.statistics .inverted.orange.statistic > .value, +.ui.inverted.orange.statistic > .value { + color: #ff9100; +} + +.ui.inverted.pink.statistics .statistic > .value, +.ui.statistics .inverted.pink.statistic > .value, +.ui.inverted.pink.statistic > .value { + color: #f50057; +} + +.ui.inverted.purple.statistics .statistic > .value, +.ui.statistics .inverted.purple.statistic > .value, +.ui.inverted.purple.statistic > .value { + color: #d500f9; +} + +.ui.inverted.red.statistics .statistic > .value, +.ui.statistics .inverted.red.statistic > .value, +.ui.inverted.red.statistic > .value { + color: #ff1744; +} + +.ui.inverted.teal.statistics .statistic > .value, +.ui.statistics .inverted.teal.statistic > .value, +.ui.inverted.teal.statistic > .value { + color: #1de9b6; +} + +.ui.inverted.yellow.statistics .statistic > .value, +.ui.statistics .inverted.yellow.statistic > .value, +.ui.inverted.yellow.statistic > .value { + color: #ffea00; +} + +/*-------------- + Sizes +---------------*/ + +/* Mini */ + +.ui.mini.statistics .statistic > .value, +.ui.mini.statistic > .value { + font-size: 1.5rem; +} + +.ui.mini.horizontal.statistics .statistic > .value, +.ui.mini.horizontal.statistic > .value { + font-size: 1.5rem; +} + +.ui.mini.statistics .statistic > .text.value, +.ui.mini.statistic > .text.value { + font-size: 1rem; +} + +/* Tiny */ + +.ui.tiny.statistics .statistic > .value, +.ui.tiny.statistic > .value { + font-size: 2rem; +} + +.ui.tiny.horizontal.statistics .statistic > .value, +.ui.tiny.horizontal.statistic > .value { + font-size: 2rem; +} + +.ui.tiny.statistics .statistic > .text.value, +.ui.tiny.statistic > .text.value { + font-size: 1rem; +} + +/* Small */ + +.ui.small.statistics .statistic > .value, +.ui.small.statistic > .value { + font-size: 3rem; +} + +.ui.small.horizontal.statistics .statistic > .value, +.ui.small.horizontal.statistic > .value { + font-size: 2rem; +} + +.ui.small.statistics .statistic > .text.value, +.ui.small.statistic > .text.value { + font-size: 1.5rem; +} + +/* Medium */ + +.ui.statistics .statistic > .value, +.ui.statistic > .value { + font-size: 4rem; +} + +.ui.horizontal.statistics .statistic > .value, +.ui.horizontal.statistic > .value { + font-size: 3rem; +} + +.ui.statistics .statistic > .text.value, +.ui.statistic > .text.value { + font-size: 2rem; +} + +/* Large */ + +.ui.large.statistics .statistic > .value, +.ui.large.statistic > .value { + font-size: 5rem; +} + +.ui.large.horizontal.statistics .statistic > .value, +.ui.large.horizontal.statistic > .value { + font-size: 4rem; +} + +.ui.large.statistics .statistic > .text.value, +.ui.large.statistic > .text.value { + font-size: 2.5rem; +} + +/* Huge */ + +.ui.huge.statistics .statistic > .value, +.ui.huge.statistic > .value { + font-size: 6rem; +} + +.ui.huge.horizontal.statistics .statistic > .value, +.ui.huge.horizontal.statistic > .value { + font-size: 5rem; +} + +.ui.huge.statistics .statistic > .text.value, +.ui.huge.statistic > .text.value { + font-size: 2.5rem; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Variable Overrides +*******************************/ +/*! +* # Semantic UI x.x - Accordion +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Accordion +*******************************/ + +.ui.accordion, +.ui.accordion .accordion { + max-width: 100%; + font-size: 1em; +} + +.ui.accordion .accordion { + margin: 1em 0em 0em; + padding: 0em; +} + +/* Title */ + +.ui.accordion .title, +.ui.accordion .accordion .title { + cursor: pointer; +} + +/* Default Styling */ + +.ui.accordion .title:not(.ui) { + padding: 0.5em 0em; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 1em; + color: #212121; +} + +/* Content */ + +.ui.accordion .title ~ .content, +.ui.accordion .accordion .title ~ .content { + display: none; +} + +/* Default Styling */ + +.ui.accordion:not(.styled) .title ~ .content:not(.ui), +.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { + margin: 0em; + padding: 0.5em 0em 1em; +} + +.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { + padding-bottom: 0em; +} + +/* Arrow */ + +.ui.accordion .title .dropdown.icon, +.ui.accordion .accordion .title .dropdown.icon { + display: inline-block; + float: none; + opacity: 1; + width: 1.25em; + height: 1em; + margin: 0em 0.25rem 0em 0rem; + padding: 0em; + font-size: 1em; + -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease; + transition: transform 0.2s ease, opacity 0.2s ease; + vertical-align: baseline; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +/*-------------- + Coupling +---------------*/ + +/* Menu */ + +.ui.accordion.menu .item .title { + display: block; + padding: 0em; +} + +.ui.accordion.menu .item .title > .dropdown.icon { + float: right; + margin: 0.165em 0em 0em 1em; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +/* Header */ + +.ui.accordion .ui.header .dropdown.icon { + font-size: 1em; + margin: 0em 0.25rem 0em 0rem; +} + +/******************************* + States +*******************************/ + +.ui.accordion .active.title .dropdown.icon, +.ui.accordion .accordion .active.title .dropdown.icon { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} + +.ui.accordion.menu .item .active.title > .dropdown.icon { + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} + +/******************************* + Types +*******************************/ + +/*-------------- + Styled +---------------*/ + +.ui.styled.accordion { + width: 600px; +} + +.ui.styled.accordion, +.ui.styled.accordion .accordion { + border-radius: 2px; + background: #ffffff; + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15); +} + +.ui.styled.accordion .title, +.ui.styled.accordion .accordion .title { + margin: 0em; + padding: 0.75em 1em; + color: rgba(0, 0, 0, 0.4); + font-weight: bold; + border-top: 1px solid rgba(39, 41, 43, 0.15); + -webkit-transition: background 0.2s ease, color 0.2s ease; + transition: background 0.2s ease, color 0.2s ease; +} + +.ui.styled.accordion > .title:first-child, +.ui.styled.accordion > .accordion .title:first-child { + border-top: none; +} + +/* Content */ + +.ui.styled.accordion .content, +.ui.styled.accordion .accordion .content { + margin: 0em; + padding: 0.5em 1em 1.5em; +} + +.ui.styled.accordion .accordion .content { + padding: 0em; + padding: 0.5em 1em 1.5em; +} + +/* Hover */ + +.ui.styled.accordion .title:hover, +.ui.styled.accordion .active.title, +.ui.styled.accordion .accordion .title:hover, +.ui.styled.accordion .accordion .active.title { + background: transparent; + color: #212121; +} + +.ui.styled.accordion .accordion .title:hover, +.ui.styled.accordion .accordion .active.title { + background: transparent; + color: #212121; +} + +/* Active */ + +.ui.styled.accordion .active.title { + background: transparent; + color: rgba(0, 0, 0, 0.8); +} + +.ui.styled.accordion .accordion .active.title { + background: transparent; + color: rgba(0, 0, 0, 0.8); +} + +/******************************* + States +*******************************/ + +/*-------------- + Active +---------------*/ + +.ui.accordion .active.content, +.ui.accordion .accordion .active.content { + display: block; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Fluid +---------------*/ + +.ui.fluid.accordion, +.ui.fluid.accordion .accordion { + width: 100%; +} + +/*-------------- + Inverted +---------------*/ + +.ui.inverted.accordion .title:not(.ui) { + color: #ffffff; +} + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Accordion'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('truetype'), url("data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('woff'); + font-weight: normal; + font-style: normal; +} + +/* Dropdown Icon */ + +.ui.accordion .title .dropdown.icon, +.ui.accordion .accordion .title .dropdown.icon { + font-family: Accordion; + line-height: 1; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} + +.ui.accordion .title .dropdown.icon:before, +.ui.accordion .accordion .title .dropdown.icon:before { + content: '\f0da' ; +} + +/******************************* + User Overrides +*******************************/ +/*! +* # Semantic UI x.x - Checkbox +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Checkbox +*******************************/ + +/*-------------- + Content +---------------*/ + +.ui.checkbox { + position: relative; + display: inline-block; + min-height: 17px; + font-size: 1rem; + line-height: 15px; + min-width: 17px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + outline: none; + vertical-align: middle; +} + +.ui.checkbox input[type="checkbox"], +.ui.checkbox input[type="radio"] { + position: absolute; + top: 0px; + left: 0px; + opacity: 0 !important; + outline: none; + z-index: -1; +} + +/*-------------- + Box +---------------*/ + +.ui.checkbox .box, +.ui.checkbox label { + display: block; + cursor: pointer; + padding-left: 1.75em; + outline: none; +} + +.ui.checkbox label { + font-size: 1em; +} + +.ui.checkbox .box:before, +.ui.checkbox label:before { + position: absolute; + line-height: 1; + width: 17px; + height: 17px; + top: 0em; + left: 0em; + content: ''; + background: #ffffff; + border-radius: 0.25em; + -webkit-transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; + transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease; + border: 1px solid #d4d4d5; +} + +/*-------------- + Checkmark +---------------*/ + +.ui.checkbox .box:after, +.ui.checkbox label:after { + position: absolute; + top: 0px; + left: 0px; + line-height: 17px; + width: 17px; + height: 17px; + text-align: center; + opacity: 0; + color: #212121; + -webkit-transition: all 0.1s ease; + transition: all 0.1s ease; +} + +/*-------------- + Label +---------------*/ + +/* Inside */ + +.ui.checkbox label, +.ui.checkbox + label { + cursor: pointer; + color: #212121; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +/* Outside */ + +.ui.checkbox + label { + vertical-align: middle; +} + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + +.ui.checkbox .box:hover::before, +.ui.checkbox label:hover::before { + background: #ffffff; + border: 1px solid rgba(39, 41, 43, 0.3); +} + +.ui.checkbox label:hover, +.ui.checkbox + label:hover { + color: rgba(0, 0, 0, 0.8); +} + +/*-------------- + Down +---------------*/ + +.ui.checkbox .box:active::before, +.ui.checkbox label:active::before { + background: #f5f5f5; + border: 1px solid 1px solid rgba(39, 41, 43, 0.3); +} + +.ui.checkbox input[type="checkbox"]:active ~ label, +.ui.checkbox input[type="radio"]:active ~ label { + color: rgba(0, 0, 0, 0.8); +} + +/*-------------- + Focus +---------------*/ + +.ui.checkbox input[type="checkbox"]:focus ~ .box:before, +.ui.checkbox input[type="checkbox"]:focus ~ label:before, +.ui.checkbox input[type="radio"]:focus ~ .box:before, +.ui.checkbox input[type="radio"]:focus ~ label:before { + background: #f5f5f5; + border: 1px solid 1px solid rgba(39, 41, 43, 0.3); +} + +.ui.checkbox input[type="checkbox"]:focus ~ label, +.ui.checkbox input[type="radio"]:focus ~ label { + color: rgba(0, 0, 0, 0.8); +} + +/*-------------- + Active +---------------*/ + +.ui.checkbox input[type="checkbox"]:checked ~ .box:after, +.ui.checkbox input[type="checkbox"]:checked ~ label:after, +.ui.checkbox input[type="radio"]:checked ~ .box:after, +.ui.checkbox input[type="radio"]:checked ~ label:after { + opacity: 1; +} + +/*-------------- + Read-Only +---------------*/ + +.ui.read-only.checkbox, +.ui.read-only.checkbox label { + cursor: default; +} + +/*-------------- + Disabled +---------------*/ + +.ui.disabled.checkbox .box:after, +.ui.disabled.checkbox label, +.ui.checkbox input[type="checkbox"][disabled] ~ .box:after, +.ui.checkbox input[type="checkbox"][disabled] ~ label, +.ui.checkbox input[type="radio"][disabled] ~ .box:after, +.ui.checkbox input[type="radio"][disabled] ~ label { + cursor: default; + opacity: 0.5; + color: #000000; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Radio +---------------*/ + +.ui.radio.checkbox { + min-height: 14px; +} + +/* Box */ + +.ui.radio.checkbox .box:before, +.ui.radio.checkbox label:before { + width: 14px; + height: 14px; + border-radius: 500rem; + top: 1px; + left: 0px; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} + +/* Circle */ + +.ui.radio.checkbox .box:after, +.ui.radio.checkbox label:after { + border: none; + width: 14px; + height: 14px; + line-height: 14px; + top: 1px; + left: 0px; + font-size: 9px; +} + +/* Radio Checkbox */ + +.ui.radio.checkbox .box:after, +.ui.radio.checkbox label:after { + width: 14px; + height: 14px; + border-radius: 500rem; + -webkit-transform: scale(0.42857143); + -ms-transform: scale(0.42857143); + transform: scale(0.42857143); + background-color: #212121; +} + +/*-------------- + Slider +---------------*/ + +.ui.slider.checkbox { + cursor: pointer; + min-height: 1.25rem; +} + +.ui.slider.checkbox .box, +.ui.slider.checkbox label { + padding-left: 4.5rem; + line-height: 1rem; + color: rgba(0, 0, 0, 0.4); +} + +/* Line */ + +.ui.slider.checkbox .box:before, +.ui.slider.checkbox label:before { + cursor: pointer; + display: block; + position: absolute; + content: ''; + top: 0.4rem; + left: 0em; + z-index: 1; + border: none !important; + background-color: rgba(0, 0, 0, 0.05); + width: 3.5rem; + height: 0.25rem; + -webkit-transform: none; + -ms-transform: none; + transform: none; + border-radius: 500rem; + -webkit-transition: background 0.3s ease; + transition: background 0.3s ease; +} + +/* Handle */ + +.ui.slider.checkbox .box:after, +.ui.slider.checkbox label:after { + background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + position: absolute; + content: ''; + opacity: 1; + z-index: 2; + border: none; + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset; + width: 1.5rem; + height: 1.5rem; + top: -0.25rem; + left: 0em; + -webkit-transform: none; + -ms-transform: none; + transform: none; + border-radius: 500rem; + -webkit-transition: left 0.3s ease 0s; + transition: left 0.3s ease 0s; +} + +/* Focus */ + +.ui.slider.checkbox input[type="checkbox"]:focus ~ .box:before, +.ui.slider.checkbox input[type="checkbox"]:focus ~ label:before, +.ui.slider.checkbox input[type="radio"]:focus ~ .box:before, +.ui.slider.checkbox input[type="radio"]:focus ~ label:before { + background-color: rgba(0, 0, 0, 0.1); + border: none; +} + +/* Hover */ + +.ui.slider.checkbox .box:hover, +.ui.slider.checkbox label:hover { + color: rgba(0, 0, 0, 0.8); +} + +.ui.slider.checkbox .box:hover::before, +.ui.slider.checkbox label:hover::before { + background: rgba(0, 0, 0, 0.1); +} + +/* Active */ + +.ui.slider.checkbox input[type="checkbox"]:checked ~ .box, +.ui.slider.checkbox input[type="checkbox"]:checked ~ label, +.ui.slider.checkbox input[type="radio"]:checked ~ .box, +.ui.slider.checkbox input[type="radio"]:checked ~ label { + color: rgba(0, 0, 0, 0.8); +} + +.ui.slider.checkbox input[type="checkbox"]:checked ~ .box:before, +.ui.slider.checkbox input[type="checkbox"]:checked ~ label:before, +.ui.slider.checkbox input[type="radio"]:checked ~ .box:before, +.ui.slider.checkbox input[type="radio"]:checked ~ label:before { + background-color: rgba(0, 0, 0, 0.1); +} + +.ui.slider.checkbox input[type="checkbox"]:checked ~ .box:after, +.ui.slider.checkbox input[type="checkbox"]:checked ~ label:after, +.ui.slider.checkbox input[type="radio"]:checked ~ .box:after, +.ui.slider.checkbox input[type="radio"]:checked ~ label:after { + left: 2rem; +} + +/*-------------- + Toggle +---------------*/ + +.ui.toggle.checkbox { + cursor: pointer; + min-height: 1.5rem; +} + +.ui.toggle.checkbox .box, +.ui.toggle.checkbox label { + min-height: 1.5rem; + padding-left: 4.5rem; + color: #212121; +} + +.ui.toggle.checkbox label { + padding-top: 0.15em; +} + +/* Switch */ + +.ui.toggle.checkbox .box:before, +.ui.toggle.checkbox label:before { + cursor: pointer; + display: block; + position: absolute; + content: ''; + top: 0rem; + z-index: 1; + border: none; + background-color: rgba(0, 0, 0, 0.05); + width: 3.5rem; + height: 1.5rem; + border-radius: 500rem; +} + +/* Handle */ + +.ui.toggle.checkbox .box:after, +.ui.toggle.checkbox label:after { + background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + position: absolute; + content: ''; + opacity: 1; + z-index: 2; + border: none; + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset; + width: 1.5rem; + height: 1.5rem; + top: 0rem; + left: 0em; + border-radius: 500rem; + -webkit-transition: background 0.3s ease 0s, + left 0.3s ease 0s; + transition: background 0.3s ease 0s, + left 0.3s ease 0s; +} + +.ui.toggle.checkbox input[type="checkbox"] ~ .box:after, +.ui.toggle.checkbox input[type="checkbox"] ~ label:after, +.ui.toggle.checkbox input[type="radio"] ~ .box:after, +.ui.toggle.checkbox input[type="radio"] ~ label:after { + left: -0.05rem; +} + +/* Focus */ + +.ui.toggle.checkbox input[type="checkbox"]:focus ~ .box:before, +.ui.toggle.checkbox input[type="checkbox"]:focus ~ label:before, +.ui.toggle.checkbox input[type="radio"]:focus ~ .box:before, +.ui.toggle.checkbox input[type="radio"]:focus ~ label:before { + background-color: rgba(0, 0, 0, 0.1); + border: none; +} + +/* Hover */ + +.ui.toggle.checkbox .box:hover::before, +.ui.toggle.checkbox label:hover::before { + background-color: rgba(0, 0, 0, 0.1); + border: none; +} + +/* Active */ + +.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box, +.ui.toggle.checkbox input[type="checkbox"]:checked ~ label, +.ui.toggle.checkbox input[type="radio"]:checked ~ .box, +.ui.toggle.checkbox input[type="radio"]:checked ~ label { + color: #4caf50; +} + +.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:before, +.ui.toggle.checkbox input[type="checkbox"]:checked ~ label:before, +.ui.toggle.checkbox input[type="radio"]:checked ~ .box:before, +.ui.toggle.checkbox input[type="radio"]:checked ~ label:before { + background-color: #4caf50; +} + +.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:after, +.ui.toggle.checkbox input[type="checkbox"]:checked ~ label:after, +.ui.toggle.checkbox input[type="radio"]:checked ~ .box:after, +.ui.toggle.checkbox input[type="radio"]:checked ~ label:after { + left: 2.05rem; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Fitted +---------------*/ + +.ui.fitted.checkbox .box, +.ui.fitted.checkbox label { + padding-left: 0em !important; +} + +.ui.fitted.toggle.checkbox, +.ui.fitted.toggle.checkbox { + width: 3.5rem; +} + +.ui.fitted.slider.checkbox, +.ui.fitted.slider.checkbox { + width: 3.5rem; +} + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Checkbox'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=") format('truetype'), url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA") format('woff'); +} + +.ui.checkbox label:before, +.ui.checkbox .box:before, +.ui.checkbox label:after, +.ui.checkbox .box:after { + font-family: 'Checkbox'; +} + +.ui.checkbox label:after, +.ui.checkbox .box:after { + content: '\e800'; +} + +/* UTF Reference +.check:before { content: '\e800'; } '' +.circle:before { content: '\e801'; } +.ok-circled:before { content: '\e806'; } +.ok-circle:before { content: '\e805'; } +.cancel-circle:before { content: '\e807'; } +.cancel-circle-1:before { content: '\e804'; } +.empty-circle:before { content: '\e802'; } +.radio:before { content: '\e803'; } + +*/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Dimmer +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Dimmer +*******************************/ + +.dimmable { + position: relative; +} + +.ui.dimmer { + display: none; + position: absolute; + top: 0em !important; + left: 0em !important; + width: 100%; + height: 100%; + text-align: center; + vertical-align: middle; + background: rgba(0, 0, 0, 0.85); + opacity: 0; + line-height: 1; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-duration: 0.5s; + animation-duration: 0.5s; + -webkit-transition: background-color 0.5s linear; + transition: background-color 0.5s linear; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + will-change: opacity; + z-index: 1000; +} + +/* Dimmer Content */ + +.ui.dimmer > .content { + width: 100%; + height: 100%; + display: table; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; +} + +.ui.dimmer > .content > div { + display: table-cell; + vertical-align: middle; + color: #ffffff; +} + +/* Loose Coupling */ + +.ui.segment > .ui.dimmer { + border-radius: inherit !important; +} + +/******************************* + States +*******************************/ + +.animating.dimmable:not(body), +.dimmed.dimmable:not(body) { + overflow: hidden; +} + +.dimmed.dimmable > .ui.animating.dimmer, +.dimmed.dimmable > .ui.visible.dimmer, +.ui.active.dimmer { + display: block; + opacity: 1; +} + +.ui.disabled.dimmer { + width: 0 !important; + height: 0 !important; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Page +---------------*/ + +.ui.page.dimmer { + position: fixed; + -webkit-transform-style: ''; + transform-style: ''; + -webkit-perspective: 2000px; + perspective: 2000px; + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; +} + +body.animating.in.dimmable, +body.dimmed.dimmable { + overflow: hidden; +} + +body.dimmable > .dimmer { + position: fixed; +} + +/* +body.dimmable > :not(.dimmer) { + filter: @elementStartFilter; +} +body.dimmed.dimmable > :not(.dimmer) { + filter: @elementEndFilter; + transition: @elementTransition; +} +*/ + +/*-------------- + Aligned +---------------*/ + +.ui.dimmer > .top.aligned.content > * { + vertical-align: top; +} + +.ui.dimmer > .bottom.aligned.content > * { + vertical-align: bottom; +} + +/*-------------- + Inverted +---------------*/ + +.ui.inverted.dimmer { + background: rgba(255, 255, 255, 0.85); +} + +.ui.inverted.dimmer > .content > * { + color: #ffffff; +} + +/*-------------- + Simple +---------------*/ + +/* Displays without javascript */ + +.ui.simple.dimmer { + display: block; + overflow: hidden; + opacity: 1; + width: 0%; + height: 0%; + z-index: -100; + background-color: rgba(0, 0, 0, 0); +} + +.dimmed.dimmable > .ui.simple.dimmer { + overflow: visible; + opacity: 1; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.85); + z-index: 1; +} + +.ui.simple.inverted.dimmer { + background: rgba(255, 255, 255, 0); +} + +.dimmed.dimmable > .ui.simple.inverted.dimmer { + background: rgba(255, 255, 255, 0.85); +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! +* # Semantic UI x.x - Dropdown +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Dropdown +*******************************/ + +.ui.dropdown { + cursor: pointer; + position: relative; + display: inline-block; + line-height: 1em; + tap-highlight-color: rgba(0, 0, 0, 0); + outline: none; + text-align: left; + -webkit-transition: border-radius 0.1s ease, width 0.2s ease; + transition: border-radius 0.1s ease, width 0.2s ease; +} + +/******************************* + Content +*******************************/ + +/*-------------- + Menu +---------------*/ + +.ui.dropdown .menu { + cursor: auto; + position: absolute; + display: none; + outline: none; + top: 100%; + margin: 0em; + padding: 0em 0em; + background: #ffffff; + min-width: 100%; + white-space: nowrap; + font-size: 1rem; + text-shadow: none; + text-align: left; + box-shadow: 0px 1px 4px 0px rgba(39, 41, 43, 0.15); + border: 1px solid rgba(39, 41, 43, 0.15); + border-radius: 0em 0em 2px 2px; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; + z-index: 11; + will-change: transform, opacity; +} + +/*-------------- + Hidden Input +---------------*/ + +.ui.dropdown > input:not(.search):first-child, +.ui.dropdown > select { + display: none !important; +} + +/*-------------- +Dropdown Icon +---------------*/ + +.ui.dropdown > .dropdown.icon { + width: auto; + margin: 0em 0em 0em 1em; +} + +.ui.dropdown .menu > .item .dropdown.icon { + width: auto; + float: right; + margin: 0.2em 0em 0em 1em; +} + +.ui.dropdown .menu > .item .dropdown.icon + .text { + margin-right: 1em; +} + +/*-------------- + Text +---------------*/ + +.ui.dropdown > .text { + display: inline-block; + -webkit-transition: color 0.2s ease; + transition: color 0.2s ease; +} + +/*-------------- + Menu Item +---------------*/ + +.ui.dropdown .menu > .item { + position: relative; + cursor: pointer; + display: block; + border: none; + height: auto; + border-top: none; + line-height: 1.2em; + color: #212121; + padding: 0.65rem 1.25rem !important; + font-size: 1rem; + text-transform: none; + font-weight: normal; + box-shadow: none; + -webkit-touch-callout: none; +} + +.ui.dropdown .menu > .item:first-child { + border-top-width: 0px; +} + +/*-------------- + Floated Content +---------------*/ + +.ui.dropdown > .text > [class*="right floated"], +.ui.dropdown .menu .item > [class*="right floated"] { + float: right !important; + margin-right: 0em !important; + margin-left: 1em !important; +} + +.ui.dropdown > .text > [class*="left floated"], +.ui.dropdown .menu .item > [class*="left floated"] { + float: left !important; + margin-left: 0em !important; + margin-right: 1em !important; +} + +.ui.dropdown .menu .item > .icon.floated, +.ui.dropdown .menu .item > .flag.floated, +.ui.dropdown .menu .item > .image.floated, +.ui.dropdown .menu .item > img.floated { + margin-top: 0.2em; +} + +/*-------------- + Menu Divider +---------------*/ + +.ui.dropdown .menu > .header { + margin: 1rem 0rem 0.75rem; + padding: 0em 1.25rem; + color: rgba(0, 0, 0, 0.85); + font-size: 0.8em; + font-weight: bold; + text-transform: uppercase; +} + +.ui.dropdown .menu > .divider { + border-top: 1px solid rgba(0, 0, 0, 0.05); + height: 0em; + margin: 0.5em 0em; +} + +.ui.dropdown .menu > .input { + margin: 0.75rem 1.25rem; + min-width: 200px; +} + +.ui.dropdown .menu > .header + .input { + margin-top: 0em; +} + +.ui.dropdown .menu > .input:not(.transparent) input { + padding: 0.5em 1em; +} + +.ui.dropdown .menu > .input:not(.transparent) .button, +.ui.dropdown .menu > .input:not(.transparent) .icon, +.ui.dropdown .menu > .input:not(.transparent) .label { + padding-top: 0.5em; + padding-bottom: 0.5em; +} + +/*----------------- + Item Description +-------------------*/ + +.ui.dropdown > .text > .description, +.ui.dropdown .menu > .item > .description { + margin: 0em 0em 0em 1em; + color: rgba(0, 0, 0, 0.4); +} + +/*-------------- + Sub Menu +---------------*/ + +.ui.dropdown .menu .menu { + top: 0% !important; + left: 100% !important; + right: auto !important; + margin: 0em 0em 0em -0.5em !important; + border-radius: 0em 2px 2px 0em !important; + z-index: 21 !important; +} + +/* Hide Arrow */ + +.ui.dropdown .menu .menu:after { + display: none; +} + +/******************************* + Coupling +*******************************/ + +/*-------------- + Sub Elements +---------------*/ + +/* Icons / Flags / Labels / Image */ + +.ui.dropdown > .text > .icon, +.ui.dropdown > .text > .label, +.ui.dropdown > .text > .flag, +.ui.dropdown > .text > img, +.ui.dropdown > .text > .image { + margin-top: 0em; +} + +.ui.dropdown .menu > .item > .icon, +.ui.dropdown .menu > .item > .label, +.ui.dropdown .menu > .item > .flag, +.ui.dropdown .menu > .item > .image, +.ui.dropdown .menu > .item > img { + margin-top: 0.2em; +} + +.ui.dropdown > .text > .icon, +.ui.dropdown > .text > .label, +.ui.dropdown > .text > .flag, +.ui.dropdown > .text > img, +.ui.dropdown > .text > .image, +.ui.dropdown .menu > .item > .icon, +.ui.dropdown .menu > .item > .label, +.ui.dropdown .menu > .item > .flag, +.ui.dropdown .menu > .item > .image, +.ui.dropdown .menu > .item > img { + margin-left: 0em; + margin-right: 0.75em; +} + +/*-------------- + Image +---------------*/ + +.ui.dropdown > .text > img, +.ui.dropdown > .text > .image, +.ui.dropdown .menu > .item > .image, +.ui.dropdown .menu > .item > img { + display: inline-block; + vertical-align: middle; + width: auto; + max-height: 2.5em; +} + +/*-------------- + Menu +---------------*/ + +/* Remove Menu Item Divider */ + +.ui.dropdown .ui.menu > .item:before, +.ui.menu .ui.dropdown .menu > .item:before { + display: none; +} + +/* Prevent Menu Item Border */ + +.ui.menu .ui.dropdown .menu .active.item { + border-left: none; +} + +/* Automatically float dropdown menu right on last menu item */ + +.ui.menu .right.menu .dropdown:last-child .menu, +.ui.menu .right.dropdown.item .menu, +.ui.buttons > .ui.dropdown:last-child .menu { + left: auto; + right: 0em; +} + +/*-------------- + Button +---------------*/ + +/* No Margin On Icon Button */ + +.ui.dropdown.icon.button > .dropdown.icon { + margin: 0em; +} + +.ui.dropdown.button:not(.pointing):not(.floating).active, +.ui.dropdown.button:not(.pointing):not(.floating).visible { + border-bottom-left-radius: 0em; + border-bottom-right-radius: 0em; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Selection +---------------*/ + +/* Displays like a select box */ + +.ui.selection.dropdown { + cursor: pointer; + word-wrap: break-word; + white-space: normal; + outline: 0; + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); + min-width: 180px; + background: #ffffff; + display: inline-block; + padding: 0.8em 1.1em; + color: #212121; + box-shadow: none; + border: 1px solid rgba(39, 41, 43, 0.15); + border-radius: 2px; + -webkit-transition: border-radius 0.1s ease, width 0.2s ease, box-shadow 0.2s ease, border 0.2s ease; + transition: border-radius 0.1s ease, width 0.2s ease, box-shadow 0.2s ease, border 0.2s ease; +} + +.ui.selection.dropdown.visible, +.ui.selection.dropdown.active { + z-index: 10; +} + +select.ui.dropdown { + height: 38px; + padding: 0.5em; + border: 1px solid rgba(39, 41, 43, 0.15); + visibility: visible; +} + +.ui.selection.dropdown > .text { + margin-right: 2em; +} + +.ui.selection.dropdown > .search.icon, +.ui.selection.dropdown > .delete.icon, +.ui.selection.dropdown > .dropdown.icon { + cursor: pointer; + position: absolute; + top: auto; + width: auto; + margin: -0.8em; + padding: 0.8em; + right: 1.1em; + opacity: 0.8; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; +} + +/* Compact */ + +.ui.compact.selection.dropdown { + min-width: 0px; +} + +/* Selection Menu */ + +.ui.selection.dropdown .menu { + overflow-x: hidden; + overflow-y: auto; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: touch; + border-top-width: 0px !important; + width: auto; + margin: 0px -1px; + min-width: -webkit-calc(100% + 2px ); + min-width: calc(100% + 2px ); + outline: none; + box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); + -webkit-transition: box-shadow 0.2s ease, border 0.2s ease; + transition: box-shadow 0.2s ease, border 0.2s ease; +} + +.ui.selection.dropdown .menu:after, +.ui.selection.dropdown .menu:before { + display: none; +} + +/* Scrollbar in IE */ + +@media all and (-ms-high-contrast: none) { + .ui.selection.dropdown .menu { + min-width: -webkit-calc(85%); + min-width: calc(85%); + } +} + +@media only screen and (max-width: 767px) { + .ui.selection.dropdown .menu { + max-height: 7.7142rem; + } +} + +@media only screen and (min-width: 768px) { + .ui.selection.dropdown .menu { + max-height: 10.2856rem; + } +} + +@media only screen and (min-width: 992px) { + .ui.selection.dropdown .menu { + max-height: 15.4284rem; + } +} + +@media only screen and (min-width: 1920px) { + .ui.selection.dropdown .menu { + max-height: 20.5712rem; + } +} + +/* Menu Item */ + +.ui.selection.dropdown .menu > .item { + border-top: 1px solid rgba(0, 0, 0, 0.05); + padding-left: 1.1em !important; + /* Add in spacing for scroll bar */ + padding-right: -webkit-calc(2.1em) !important; + padding-right: calc(2.1em) !important; + white-space: normal; + word-wrap: normal; +} + +/* Hover */ + +.ui.selection.dropdown:hover { + border-color: rgba(39, 41, 43, 0.3); + box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); +} + +/* Disabled */ + +.ui.selection.dropdown.disabled, +.ui.selection.dropdown.disabled:hover { + cursor: default; + box-shadow: none; + color: #212121; + border: 1px solid rgba(39, 41, 43, 0.15); + opacity: 0.3 !important; +} + +/* Visible Hover */ + +.ui.selection.visible.dropdown:hover { + border-color: rgba(39, 41, 43, 0.3); + box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); +} + +.ui.selection.visible.dropdown:hover .menu { + border: 1px solid rgba(39, 41, 43, 0.3); + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1); +} + +/* Visible */ + +.ui.selection.dropdown.visible { + border-color: rgba(39, 41, 43, 0.15); + box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); +} + +/* Active Item */ + +.ui.selection.active.dropdown > .text:not(.default), +.ui.selection.visible.dropdown > .text:not(.default) { + font-weight: normal; + color: rgba(0, 0, 0, 0.8); +} + +/* Dropdown Icon */ + +.ui.active.selection.dropdown > .dropdown.icon, +.ui.visible.selection.dropdown > .dropdown.icon { + opacity: 1; + z-index: 3; +} + +/* Connecting Border */ + +.ui.active.selection.dropdown, +.ui.visible.selection.dropdown { + border-bottom-left-radius: 0em !important; + border-bottom-right-radius: 0em !important; +} + +/*-------------- + Searchable +---------------*/ + +/* Search Selection */ + +.ui.search.dropdown { + min-width: ''; +} + +/* Search Dropdown */ + +.ui.search.dropdown > input.search { + background: none transparent !important; + border: none !important; + box-shadow: none !important; + border-radius: 0em !important; + cursor: pointer; + top: 0em; + left: 0em; + width: 100%; + outline: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + padding: inherit; +} + +/* Text Layering */ + +.ui.search.dropdown > input.search { + position: absolute; + z-index: 2; +} + +.ui.search.dropdown > .text { + cursor: text; + position: relative; + z-index: 3; +} + +/* Search Selection */ + +.ui.search.selection.dropdown > input.search { + line-height: 1.2142em; + padding: 0.6929em 1.1em; +} + +/* Active/Visible Search */ + +.ui.search.dropdown.active > input.search, +.ui.search.dropdown.visible > input.search { + cursor: auto; +} + +.ui.search.dropdown.active > .text, +.ui.search.dropdown.visible > .text { + pointer-events: none; +} + +.ui.active.search.dropdown > input.search:focus + .text { + color: rgba(0, 0, 0, 0.4) !important; +} + +/* Search Menu */ + +.ui.search.dropdown .menu { + overflow-x: hidden; + overflow-y: auto; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: touch; +} + +@media only screen and (max-width: 767px) { + .ui.search.dropdown .menu { + max-height: 7.7142rem; + } +} + +@media only screen and (min-width: 768px) { + .ui.search.dropdown .menu { + max-height: 10.2856rem; + } +} + +@media only screen and (min-width: 992px) { + .ui.search.dropdown .menu { + max-height: 15.4284rem; + } +} + +@media only screen and (min-width: 1920px) { + .ui.search.dropdown .menu { + max-height: 20.5712rem; + } +} + +/*-------------- + Inline +---------------*/ + +.ui.inline.dropdown { + cursor: pointer; + display: inline-block; + color: inherit; +} + +.ui.inline.dropdown .dropdown.icon { + margin: 0em 0.5em 0em 0.25em; + vertical-align: top; +} + +.ui.inline.dropdown > .text { + font-weight: bold; +} + +.ui.inline.dropdown .menu { + cursor: auto; + margin-top: 0.25em; + border-radius: 2px; +} + +/******************************* + States +*******************************/ + +/*-------------------- + Hover +----------------------*/ + +/* Menu Item Hover */ + +.ui.dropdown .menu > .item:hover { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); + z-index: 12; +} + +/*-------------------- + Active +----------------------*/ + +/* Menu Item Active */ + +.ui.dropdown .menu .active.item { + background: transparent; + font-weight: bold; + color: rgba(0, 0, 0, 0.8); + box-shadow: none; + z-index: 12; +} + +/*-------------------- + Default Text +----------------------*/ + +.ui.dropdown > .default.text, +.ui.default.dropdown > .text { + color: rgba(179, 179, 179, 0.7); +} + +.ui.dropdown:hover > .default.text, +.ui.default.dropdown:hover > .text { + color: rgba(140, 140, 140, 0.7); +} + +/*-------------------- + Loading +----------------------*/ + +.ui.loading.dropdown > .text { + -webkit-transition: none; + transition: none; +} + +.ui.dropdown > .loading.menu { + display: block; + visibility: hidden; + z-index: -1; +} + +/*-------------------- + Keyboard Select +----------------------*/ + +/* Selected Item */ + +.ui.dropdown.selected, +.ui.dropdown .menu .selected.item { + background: rgba(0, 0, 0, 0.03); + color: rgba(0, 0, 0, 0.8); +} + +/*-------------------- + Search Filtered +----------------------*/ + +/* Filtered Item */ + +.ui.dropdown > .filtered.text { + visibility: hidden; +} + +.ui.dropdown .filtered.item { + display: none; +} + +/*-------------------- + Error +----------------------*/ + +.ui.dropdown.error, +.ui.dropdown.error > .text, +.ui.dropdown.error > .default.text { + color: #a94442; +} + +.ui.selection.dropdown.error { + background: #fff0f0; + border-color: #dbb1b1; +} + +.ui.selection.dropdown.error:hover { + border-color: #dbb1b1; +} + +.ui.dropdown.error > .menu, +.ui.dropdown.error > .menu .menu { + border-color: #dbb1b1; +} + +.ui.dropdown.error > .menu > .item { + color: #d95c5c; +} + +/* Item Hover */ + +.ui.dropdown.error > .menu > .item:hover { + background-color: #fff2f2; +} + +/* Item Active */ + +.ui.dropdown.error > .menu .active.item { + background-color: #fdcfcf; +} + +/*-------------------- + Disabled +----------------------*/ + +/* Disabled */ + +.ui.disabled.dropdown { + cursor: default; + pointer-events: none; + opacity: 0.3; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Direction +---------------*/ + +/* Flyout Direction */ + +.ui.dropdown .menu { + left: 0px; +} + +/* Default Side (Right) */ + +.ui.dropdown .right.menu > .menu, +.ui.dropdown .menu .right.menu { + left: 100% !important; + right: auto !important; +} + +/* Left Flyout Menu */ + +.ui.dropdown > .left.menu .menu, +.ui.dropdown .menu .left.menu { + left: auto !important; + right: 100% !important; +} + +.ui.dropdown .item .left.dropdown.icon, +.ui.dropdown .left.menu .item .dropdown.icon { + width: auto; + float: left; + margin: 0.2em 0.75em 0em 0em; +} + +.ui.dropdown .item .left.dropdown.icon, +.ui.dropdown .left.menu .item .dropdown.icon { + width: auto; + float: left; + margin: 0.2em 0.75em 0em 0em; +} + +.ui.dropdown .item .left.dropdown.icon + .text, +.ui.dropdown .left.menu .item .dropdown.icon + .text { + margin-left: 1em; +} + +/*-------------- + Upward +---------------*/ + +.ui.upward.dropdown > .menu { + top: auto; + bottom: 100%; + box-shadow: 0px 0px 4px 0px rgba(39, 41, 43, 0.15); + border-radius: 2px 2px 0em 0em; +} + +/* Active Upward */ + +.ui.simple.upward.active.dropdown, +.ui.simple.upward.dropdown:hover { + border-radius: 2px 2px 0em 0em !important; +} + +.ui.upward.dropdown.button:not(.pointing):not(.floating).active, +.ui.upward.dropdown.button:not(.pointing):not(.floating).visible { + border-radius: 2px 2px 0em 0em; +} + +/* Selection */ + +.ui.upward.selection.dropdown .menu { + border-top-width: 1px !important; + border-bottom-width: 0px !important; +} + +.ui.upward.selection.dropdown:hover { + box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); +} + +.ui.upward.selection.visible.dropdown:hover { + box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); +} + +.ui.active.upward.selection.dropdown, +.ui.visible.upward.selection.dropdown { + border-radius: 0em 0em 2px 2px !important; +} + +.ui.upward.selection.dropdown.visible { + box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); +} + +.ui.upward.selection.visible.dropdown:hover .menu { + box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08); +} + +/*-------------- + Simple +---------------*/ + +/* Displays without javascript */ + +.ui.simple.dropdown .menu:before, +.ui.simple.dropdown .menu:after { + display: none; +} + +.ui.simple.dropdown .menu { + position: absolute; + display: block; + overflow: hidden; + top: -9999px !important; + opacity: 0; + width: 0; + height: 0; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; +} + +.ui.simple.active.dropdown, +.ui.simple.dropdown:hover { + border-bottom-left-radius: 0em !important; + border-bottom-right-radius: 0em !important; +} + +.ui.simple.active.dropdown > .menu, +.ui.simple.dropdown:hover > .menu { + overflow: visible; + width: auto; + height: auto; + top: 100% !important; + opacity: 1; +} + +.ui.simple.dropdown > .menu > .item:active > .menu, +.ui.simple.dropdown:hover > .menu > .item:hover > .menu { + overflow: visible; + width: auto; + height: auto; + top: 0% !important; + left: 100% !important; + opacity: 1; +} + +.ui.simple.disabled.dropdown:hover .menu { + display: none; + height: 0px; + width: 0px; + overflow: hidden; +} + +/* Visible */ + +.ui.simple.visible.dropdown > .menu { + display: block; +} + +/*-------------- + Fluid +---------------*/ + +.ui.fluid.dropdown { + display: block; + width: 100%; + min-width: 0em; +} + +.ui.fluid.dropdown > .dropdown.icon { + float: right; +} + +/*-------------- + Floating +---------------*/ + +.ui.floating.dropdown .menu { + left: 0; + right: auto; + box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); + border-radius: 2px; +} + +.ui.floating.dropdown > .menu { + margin-top: 0.5em !important; +} + +/*-------------- + Pointing +---------------*/ + +.ui.pointing.dropdown > .menu { + top: 100%; + margin-top: 0.75em; + border-radius: 2px; +} + +.ui.pointing.dropdown > .menu:after { + display: block; + position: absolute; + pointer-events: none; + content: ''; + visibility: visible; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + width: 0.5em; + height: 0.5em; + box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.1); + background: #ffffff; + z-index: 2; +} + +.ui.pointing.dropdown > .menu:after { + top: -0.25em; + left: 50%; + margin: 0em 0em 0em -0.25em; +} + +/* Top Left Pointing */ + +.ui.top.left.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + left: 0%; + right: auto; + margin: 1em 0em 0em; +} + +.ui.top.left.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + left: 0%; + right: auto; + margin: 1em 0em 0em; +} + +.ui.top.left.pointing.dropdown > .menu:after { + top: -0.25em; + left: 1em; + right: auto; + margin: 0em; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +/* Top Right Pointing */ + +.ui.top.right.pointing.dropdown > .menu { + top: 100%; + bottom: auto; + right: 0%; + left: auto; + margin: 1em 0em 0em; +} + +.ui.top.right.pointing.dropdown > .menu:after { + top: -0.25em; + left: auto; + right: 1em; + margin: 0em; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +/* Left Pointing */ + +.ui.left.pointing.dropdown > .menu { + top: 0%; + left: 100%; + right: auto; + margin: 0em 0em 0em 1em; +} + +.ui.left.pointing.dropdown > .menu:after { + top: 1em; + left: -0.25em; + margin: 0em 0em 0em 0em; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +/* Right Pointing */ + +.ui.right.pointing.dropdown > .menu { + top: 0%; + left: auto; + right: 100%; + margin: 0em 1em 0em 0em; +} + +.ui.right.pointing.dropdown > .menu:after { + top: 1em; + left: auto; + right: -0.25em; + margin: 0em 0em 0em 0em; + -webkit-transform: rotate(135deg); + -ms-transform: rotate(135deg); + transform: rotate(135deg); +} + +/* Bottom Pointing */ + +.ui.bottom.pointing.dropdown > .menu { + top: auto; + bottom: 100%; + left: 0%; + right: auto; + margin: 0em 0em 1em; +} + +.ui.bottom.pointing.dropdown > .menu:after { + top: auto; + bottom: -0.25em; + right: auto; + margin: 0em; + -webkit-transform: rotate(-135deg); + -ms-transform: rotate(-135deg); + transform: rotate(-135deg); +} + +/* Reverse Sub-Menu Direction */ + +.ui.bottom.pointing.dropdown > .menu .menu { + top: auto !important; + bottom: 0px !important; +} + +/* Bottom Left */ + +.ui.bottom.left.pointing.dropdown > .menu { + left: 0%; + right: auto; +} + +.ui.bottom.left.pointing.dropdown > .menu:after { + left: 1em; + right: auto; +} + +/* Bottom Right */ + +.ui.bottom.right.pointing.dropdown > .menu { + right: 0%; + left: auto; +} + +.ui.bottom.right.pointing.dropdown > .menu:after { + left: auto; + right: 1em; +} + +/******************************* + Theme Overrides +*******************************/ + +/* Dropdown Carets */ + +@font-face { + font-family: 'Dropdown'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype'), url("data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format('woff'); + font-weight: normal; + font-style: normal; +} + +.ui.dropdown > .dropdown.icon { + font-family: 'Dropdown'; + line-height: 1; + height: 1em; + width: 1.23em; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} + +.ui.dropdown > .dropdown.icon { + width: auto; +} + +.ui.dropdown > .dropdown.icon:before { + content: '\f0d7'; +} + +/* Sub Menu */ + +.ui.dropdown .menu .item .dropdown.icon:before { + content: '\f0da' ; +} + +.ui.dropdown .item .left.dropdown.icon:before, +.ui.dropdown .left.menu .item .dropdown.icon:before { + content: "\f0d9" ; +} + +/* Upward Dropdown */ + +.ui.upward.dropdown > .dropdown.icon:before { + content: "\f0d8"; +} + +/* Vertical Menu Dropdown */ + +.ui.vertical.menu .dropdown.item > .dropdown.icon:before { + content: "\f0da" ; +} + +/* Icons for Reference +.dropdown.down.icon { + content: "\f0d7"; +} +.dropdown.up.icon { + content: "\f0d8"; +} +.dropdown.left.icon { + content: "\f0d9"; +} +.dropdown.icon.icon { + content: "\f0da"; +} +*/ + +/******************************* + User Overrides +*******************************/ +/*! +* # Semantic UI - Modal +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Modal +*******************************/ + +.ui.modal { + display: none; + position: fixed; + z-index: 1001; + top: 50%; + left: 50%; + text-align: left; + width: 90%; + margin-left: -45%; + background: #ffffff; + border: none; + box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.22); + border-radius: 0em; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; + will-change: top, left, margin, transform, opacity; +} + +.ui.modal > :first-child:not(.icon), +.ui.modal > .icon:first-child + * { + border-top-left-radius: 0em; + border-top-right-radius: 0em; +} + +.ui.modal > :last-child { + border-bottom-left-radius: 0em; + border-bottom-right-radius: 0em; +} + +/******************************* + Content +*******************************/ + +/*-------------- + Close +---------------*/ + +.ui.modal > .close { + cursor: pointer; + position: absolute; + top: -2.5rem; + right: -2.5rem; + z-index: 1; + opacity: 0.8; + font-size: 1.25em; + color: #ffffff; + width: 2.25rem; + height: 2.25rem; + padding: 0.625rem 0rem 0rem 0rem; +} + +.ui.modal > .close:hover { + opacity: 1; +} + +/*-------------- + Header +---------------*/ + +.ui.modal > .header { + display: block; + font-family: 'Roboto', "Helvetica Neue", Arial, sans-serif; + background: #ffffff; + margin: 0em; + padding: 1.7142rem 1.7142rem; + box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05); + font-size: 1.6em; + line-height: 1.33em; + font-weight: 400; + color: rgba(0, 0, 0, 0.85); + border-bottom: none; +} + +/*-------------- + Content +---------------*/ + +.ui.modal > .content { + display: table; + table-layout: fixed; + width: 100%; + font-size: 1em; + line-height: 1.4; + padding: 1rem 2rem 2rem; + background: #ffffff; +} + +/* Image */ + +.ui.modal > .content > .image { + display: table-cell; + width: ''; + vertical-align: top; +} + +.ui.modal > .content > .image[class*="top aligned"] { + vertical-align: top; +} + +.ui.modal > .content > .image[class*="middle aligned"] { + vertical-align: middle; +} + +/* Description */ + +.ui.modal > .content > .description { + display: table-cell; + vertical-align: top; +} + +.ui.modal > .content > .icon + .description, +.ui.modal > .content > .image + .description { + min-width: ''; + width: 80%; + padding-left: 2em; +} + +/*rtl:ignore*/ + +.ui.modal > .content > .image > i.icon { + font-size: 8rem; + margin: 0em; + opacity: 1; + width: auto; +} + +/*-------------- + Actions +---------------*/ + +.ui.modal .actions { + background: #ffffff; + padding: 1rem 2rem; + border-top: none; + text-align: right; +} + +.ui.modal .actions > .button { + margin-left: 0.75em; +} + +/*------------------- + Responsive +--------------------*/ + +/* Modal Width */ + +@media only screen and (max-width: 767px) { + .ui.modal { + width: 95%; + margin: 0em 0em 0em -47.5%; + } +} + +@media only screen and (min-width: 768px) { + .ui.modal { + width: 88%; + margin: 0em 0em 0em -44%; + } +} + +@media only screen and (min-width: 992px) { + .ui.modal { + width: 74%; + margin: 0em 0em 0em -37%; + } +} + +@media only screen and (min-width: 1400px) { + .ui.modal { + width: 56%; + margin: 0em 0em 0em -28%; + } +} + +@media only screen and (min-width: 1920px) { + .ui.modal { + width: 42%; + margin: 0em 0em 0em -21%; + } +} + +/* Tablet and Mobile */ + +@media only screen and (max-width: 992px) { + .ui.modal > .header { + padding-right: 2.25rem; + } + + .ui.modal > .close { + top: 1.4192rem; + right: 1rem; + color: #212121; + } +} + +/* Mobile */ + +@media only screen and (max-width: 767px) { + .ui.modal > .header { + padding: 0.75rem 1rem !important; + padding-right: 2.25rem !important; + } + + .ui.modal > .content { + display: block; + padding: 1rem !important; + } + + .ui.modal > .close { + top: 0.5rem !important; + right: 0.5rem !important; + } + + /*rtl:ignore*/ + + .ui.modal .content > .image { + display: block; + max-width: 100%; + margin: 0em auto !important; + text-align: center; + padding: 0rem 0rem 1rem !important; + } + + .ui.modal > .content > .image > i.icon { + font-size: 5rem; + text-align: center; + } + + /*rtl:ignore*/ + + .ui.modal .content > .description { + display: block; + width: 100% !important; + margin: 0em !important; + padding: 1rem 0rem !important; + box-shadow: none; + } + + .ui.modal > .actions { + padding: 1rem 1rem -1rem !important; + } + + .ui.modal .actions > .buttons, + .ui.modal .actions > .button { + margin-bottom: 2rem; + } +} + +/******************************* + Types +*******************************/ + +.ui.basic.modal { + background-color: transparent; + border: none; + border-radius: 0em; + box-shadow: 0px 0px 0px 0px; + color: #ffffff; +} + +.ui.basic.modal > .header, +.ui.basic.modal > .content, +.ui.basic.modal > .actions { + background-color: transparent; +} + +.ui.basic.modal > .header { + color: #ffffff; +} + +.ui.basic.modal > .close { + top: 1rem; + right: 1.5rem; +} + +/* Tablet and Mobile */ + +@media only screen and (max-width: 992px) { + .ui.basic.modal > .close { + color: #ffffff; + } +} + +/******************************* + Variations +*******************************/ + +/* A modal that cannot fit on the page */ + +.scrolling.dimmable.dimmed { + overflow: hidden; +} + +.scrolling.dimmable.dimmed > .dimmer { + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +.scrolling.dimmable > .dimmer { + position: fixed; +} + +.ui.scrolling.modal { + position: static; + margin: 3.5rem auto !important; +} + +@media only screen and (max-width: 992px) { + .ui.scrolling.modal { + margin-top: 1rem; + margin-bottom: 1rem; + } +} + +/******************************* + States +*******************************/ + +.ui.active.modal { + display: block; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Full Screen +---------------*/ + +.ui.fullscreen.modal { + width: 95% !important; + left: 2.5% !important; + margin: 1em auto; +} + +.ui.fullscreen.scrolling.modal { + left: 0em !important; +} + +.ui.fullscreen.modal > .header { + padding-right: 2.25rem; +} + +.ui.fullscreen.modal > .close { + top: 1.4192rem; + right: 1rem; + color: #212121; +} + +/*-------------- + Size +---------------*/ + +.ui.modal { + font-size: 1rem; +} + +/* Small */ + +.ui.small.modal > .header { + font-size: 1.3em; +} + +/* Small Modal Width */ + +@media only screen and (max-width: 767px) { + .ui.small.modal { + width: 95%; + margin: 0em 0em 0em -47.5%; + } +} + +@media only screen and (min-width: 768px) { + .ui.small.modal { + width: 52.8%; + margin: 0em 0em 0em -26.4%; + } +} + +@media only screen and (min-width: 992px) { + .ui.small.modal { + width: 44.4%; + margin: 0em 0em 0em -22.2%; + } +} + +@media only screen and (min-width: 1400px) { + .ui.small.modal { + width: 33.6%; + margin: 0em 0em 0em -16.8%; + } +} + +@media only screen and (min-width: 1920px) { + .ui.small.modal { + width: 25.2%; + margin: 0em 0em 0em -12.6%; + } +} + +/* Large Modal Width */ + +.ui.large.modal > .header { + font-size: 1.6em; +} + +@media only screen and (max-width: 767px) { + .ui.large.modal { + width: 95%; + margin: 0em 0em 0em -47.5%; + } +} + +@media only screen and (min-width: 768px) { + .ui.large.modal { + width: 88%; + margin: 0em 0em 0em -44%; + } +} + +@media only screen and (min-width: 992px) { + .ui.large.modal { + width: 88.8%; + margin: 0em 0em 0em -44.4%; + } +} + +@media only screen and (min-width: 1400px) { + .ui.large.modal { + width: 67.2%; + margin: 0em 0em 0em -33.6%; + } +} + +@media only screen and (min-width: 1920px) { + .ui.large.modal { + width: 50.4%; + margin: 0em 0em 0em -25.2%; + } +} + +.ui.modal .header { + font-family: "Roboto", Arial, Sans-serif !important; + font-weight: 400 !important; +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Nag +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Nag +*******************************/ + +.ui.nag { + display: none; + opacity: 0.95; + position: relative; + top: 0em; + left: 0px; + z-index: 999; + min-height: 0em; + width: 100%; + margin: 0em; + padding: 0.75em 1em; + background: #555555; + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); + font-size: 1rem; + text-align: center; + color: #212121; + border-radius: 0em 0em 2px 2px; + -webkit-transition: 0.2s background ease; + transition: 0.2s background ease; +} + +a.ui.nag { + cursor: pointer; +} + +.ui.nag > .title { + display: inline-block; + margin: 0em 0.5em; + color: #ffffff; +} + +.ui.nag > .close.icon { + cursor: pointer; + opacity: 0.4; + position: absolute; + top: 50%; + right: 1em; + font-size: 1em; + margin: -0.5em 0em 0em; + color: #ffffff; + -webkit-transition: opacity 0.2s ease; + transition: opacity 0.2s ease; +} + +/******************************* + States +*******************************/ + +/* Hover */ + +.ui.nag:hover { + background: #555555; + opacity: 1; +} + +.ui.nag .close:hover { + opacity: 1; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Static +---------------*/ + +.ui.overlay.nag { + position: absolute; + display: block; +} + +/*-------------- + Fixed +---------------*/ + +.ui.fixed.nag { + position: fixed; +} + +/*-------------- + Bottom +---------------*/ + +.ui.bottom.nags, +.ui.bottom.nag { + border-radius: 2px 2px 0em 0em; + top: auto; + bottom: 0em; +} + +/*-------------- + White +---------------*/ + +.ui.inverted.nags .nag, +.ui.inverted.nag { + background-color: #f0f0f0; + color: rgba(0, 0, 0, 0.85); +} + +.ui.inverted.nags .nag .close, +.ui.inverted.nags .nag .title, +.ui.inverted.nag .close, +.ui.inverted.nag .title { + color: rgba(0, 0, 0, 0.4); +} + +/******************************* + Groups +*******************************/ + +.ui.nags .nag { + border-radius: 0em !important; +} + +.ui.nags .nag:last-child { + border-radius: 0em 0em 2px 2px; +} + +.ui.bottom.nags .nag:last-child { + border-radius: 2px 2px 0em 0em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! +* # Semantic UI x.x - Popup +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Popup +*******************************/ + +.ui.popup { + display: none; + position: absolute; + top: 0px; + right: 0px; + /* Fixes content being squished when inline (moz only) */ + min-width: -moz-max-content; + z-index: 1900; + border: 1px solid #cccccc; + max-width: 250px; + background-color: #ffffff; + padding: 0.833em 1em; + font-weight: normal; + font-style: normal; + color: #212121; + border-radius: 2px; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); +} + +.ui.popup > .header { + padding: 0em; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 1.125em; + line-height: 1.2; + font-weight: bold; +} + +.ui.popup > .header + .content { + padding-top: 0.5em; +} + +.ui.popup:before { + position: absolute; + content: ''; + width: 0.75em; + height: 0.75em; + background: #ffffff; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 2; + box-shadow: 1px 1px 0px 0px #b3b3b3; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Spacing +---------------*/ + +.ui.popup { + margin: 0em; +} + +.ui.popup.bottom { + margin: 0.75em 0em 0em; +} + +.ui.popup.top { + margin: 0em 0em 0.75em; +} + +.ui.popup.left.center { + margin: 0em 0.75em 0em 0em; +} + +.ui.popup.right.center { + margin: 0em 0em 0em 0.75em; +} + +/*-------------- + Pointer +---------------*/ + +/*--- Below ---*/ + +.ui.bottom.center.popup:before { + margin-left: -0.325em; + top: -0.325em; + left: 50%; + right: auto; + bottom: auto; + box-shadow: -1px -1px 0px 0px #b3b3b3; +} + +.ui.bottom.left.popup { + margin-left: 0em; +} + +.ui.bottom.left.popup:before { + top: -0.325em; + left: 1em; + right: auto; + bottom: auto; + margin-left: 0em; + box-shadow: -1px -1px 0px 0px #b3b3b3; +} + +.ui.bottom.right.popup { + margin-right: 0em; +} + +.ui.bottom.right.popup:before { + top: -0.325em; + right: 1em; + bottom: auto; + left: auto; + margin-left: 0em; + box-shadow: -1px -1px 0px 0px #b3b3b3; +} + +/*--- Above ---*/ + +.ui.top.center.popup:before { + top: auto; + right: auto; + bottom: -0.325em; + left: 50%; + margin-left: -0.325em; +} + +.ui.top.left.popup { + margin-left: 0em; +} + +.ui.top.left.popup:before { + bottom: -0.325em; + left: 1em; + top: auto; + right: auto; + margin-left: 0em; +} + +.ui.top.right.popup { + margin-right: 0em; +} + +.ui.top.right.popup:before { + bottom: -0.325em; + right: 1em; + top: auto; + left: auto; + margin-left: 0em; +} + +/*--- Left Center ---*/ + +.ui.left.center.popup:before { + top: 50%; + right: -0.325em; + bottom: auto; + left: auto; + margin-top: -0.325em; + box-shadow: 1px -1px 0px 0px #b3b3b3; +} + +/*--- Right Center ---*/ + +.ui.right.center.popup:before { + top: 50%; + left: -0.325em; + bottom: auto; + right: auto; + margin-top: -0.325em; + box-shadow: -1px 1px 0px 0px #b3b3b3; +} + +/******************************* + Coupling +*******************************/ + +/* Immediate Nested Grid */ + +.ui.popup > .ui.grid:not(.padded) { + width: -webkit-calc(100% + 1.75rem); + width: calc(100% + 1.75rem); + margin: -0.7rem -0.875rem; +} + +/******************************* + States +*******************************/ + +.ui.loading.popup { + display: block; + visibility: hidden; + z-index: -1; +} + +.ui.animating.popup, +.ui.visible.popup { + display: block; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Basic +---------------*/ + +.ui.basic.popup:before { + display: none; +} + +/*-------------- + Wide +---------------*/ + +.ui.wide.popup { + max-width: 350px; +} + +.ui[class*="very wide"].popup { + max-width: 550px; +} + +/*-------------- + Fluid +---------------*/ + +.ui.fluid.popup { + width: 100%; + max-width: none; +} + +/*-------------- + Colors +---------------*/ + +/* Inverted colors */ + +.ui.inverted.popup { + background: #1b1c1d; + color: #ffffff; + border: none; + box-shadow: none; +} + +.ui.inverted.popup .header { + background-color: none; + color: #ffffff; +} + +.ui.inverted.popup:before { + background-color: #1b1c1d; + box-shadow: none !important; +} + +/*-------------- + Flowing +---------------*/ + +.ui.flowing.popup { + max-width: none; +} + +/*-------------- + Sizes +---------------*/ + +.ui.small.popup { + font-size: 0.785714rem; +} + +.ui.popup { + font-size: 0.85714rem; +} + +.ui.large.popup { + font-size: 1rem; +} + +.ui.huge.popup { + font-size: 1.14285rem; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! +* # Semantic UI x.x - Progress Bar +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Progress +*******************************/ + +.ui.progress { + position: relative; + display: block; + max-width: 100%; + border: 1px solid rgba(39, 41, 43, 0.15); + margin: 1em 0em 2.5em; + box-shadow: none; + background: rgba(0, 0, 0, 0.03); + padding: 0.2857em; + border-radius: 2px; +} + +.ui.progress:first-child { + margin: 0em 0em 2.5em; +} + +.ui.progress:last-child { + margin: 0em 0em 1.5em; +} + +/* Indicating */ + +.ui.indicating.progress .bar[style*="width: 1"], +.ui.indicating.progress .bar[style*="width: 2"] { + background-color: #d95c5c; +} + +.ui.indicating.progress .bar[style*="width: 3"] { + background-color: #d9a65c; +} + +.ui.indicating.progress .bar[style*="width: 4"], +.ui.indicating.progress .bar[style*="width: 5"] { + background-color: #e6bb48; +} + +.ui.indicating.progress .bar[style*="width: 6"] { + background-color: #ddc928; +} + +.ui.indicating.progress .bar[style*="width: 7"], +.ui.indicating.progress .bar[style*="width: 8"] { + background-color: #b4d95c; +} + +.ui.indicating.progress .bar[style*="width: 9"], +.ui.indicating.progress .bar[style*="width: 100"] { + background-color: #66da81; +} + +/* Indicating Label */ + +.ui.indicating.progress[data-percent^="1"] .label, +.ui.indicating.progress[data-percent^="2"] .label { + color: #d95c5c; +} + +.ui.indicating.progress[data-percent^="3"] .label { + color: #d9a65c; +} + +.ui.indicating.progress[data-percent^="4"] .label, +.ui.indicating.progress[data-percent^="5"] .label { + color: #e6bb48; +} + +.ui.indicating.progress[data-percent^="6"] .label { + color: #ddc928; +} + +.ui.indicating.progress[data-percent^="7"] .label, +.ui.indicating.progress[data-percent^="8"] .label { + color: #b4d95c; +} + +.ui.indicating.progress[data-percent^="9"] .label, +.ui.indicating.progress[data-percent^="100"] .label { + color: #66da81; +} + +/* Single Digits */ + +.ui.indicating.progress .bar[style^="width: 1%"], +.ui.indicating.progress .bar[style^="width: 2%"], +.ui.indicating.progress .bar[style^="width: 3%"], +.ui.indicating.progress .bar[style^="width: 4%"], +.ui.indicating.progress .bar[style^="width: 5%"], +.ui.indicating.progress .bar[style^="width: 6%"], +.ui.indicating.progress .bar[style^="width: 7%"], +.ui.indicating.progress .bar[style^="width: 8%"], +.ui.indicating.progress .bar[style^="width: 9%"] { + background-color: #d95c5c; +} + +.ui.indicating.progress[data-percent="1"] .label, +.ui.indicating.progress[data-percent="2"] .label, +.ui.indicating.progress[data-percent="3"] .label, +.ui.indicating.progress[data-percent="4"] .label, +.ui.indicating.progress[data-percent="5"] .label, +.ui.indicating.progress[data-percent="6"] .label, +.ui.indicating.progress[data-percent="7"] .label, +.ui.indicating.progress[data-percent="8"] .label, +.ui.indicating.progress[data-percent="9"] .label { + color: #d95c5c; +} + +/* Indicating Success */ + +.ui.indicating.progress.success .label { + color: #356e36; +} + +/******************************* + Content +*******************************/ + +/* Activity Bar */ + +.ui.progress .bar { + display: block; + line-height: 1; + position: relative; + width: 0%; + min-width: 2em; + background: #888888; + border-radius: 2px; + -webkit-transition: width 0.3s ease, background-color 0.3s ease; + transition: width 0.3s ease, background-color 0.3s ease; +} + +/* Percent Complete */ + +.ui.progress .bar > .progress { + white-space: nowrap; + position: absolute; + width: auto; + font-size: 0.9em; + top: 50%; + right: 0.5em; + left: auto; + bottom: auto; + color: rgba(255, 255, 255, 0.8); + text-shadow: none; + margin-top: -0.5em; + font-weight: bold; + text-align: left; +} + +/* Label */ + +.ui.progress > .label { + position: absolute; + width: 100%; + font-size: 1em; + top: 100%; + right: auto; + left: 0%; + bottom: auto; + color: #212121; + font-weight: bold; + text-shadow: none; + margin-top: 0.2em; + text-align: center; + -webkit-transition: color 0.4s ease; + transition: color 0.4s ease; +} + +/******************************* + States +*******************************/ + +/*-------------- + Success +---------------*/ + +.ui.progress.success .bar { + background-color: #4caf50 !important; +} + +.ui.progress.success .bar, +.ui.progress.success .bar::after { + -webkit-animation: none !important; + animation: none !important; +} + +.ui.progress.success > .label { + color: #356e36; +} + +/*-------------- + Warning +---------------*/ + +.ui.progress.warning .bar { + background-color: #f2c037 !important; +} + +.ui.progress.warning .bar, +.ui.progress.warning .bar::after { + -webkit-animation: none !important; + animation: none !important; +} + +.ui.progress.warning > .label { + color: #825c01; +} + +/*-------------- + Error +---------------*/ + +.ui.progress.error .bar { + background-color: #f44336 !important; +} + +.ui.progress.error .bar, +.ui.progress.error .bar::after { + -webkit-animation: none !important; + animation: none !important; +} + +.ui.progress.error > .label { + color: #912d2b; +} + +/*-------------- + Active +---------------*/ + +.ui.active.progress .bar { + position: relative; + min-width: 2em; +} + +.ui.active.progress .bar::after { + content: ''; + opacity: 0; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + background: #ffffff; + border-radius: 2px; + -webkit-animation: progress-active 2s ease infinite; + animation: progress-active 2s ease infinite; +} + +@-webkit-keyframes progress-active { + 0% { + opacity: 0.3; + width: 0; + } + + 100% { + opacity: 0; + width: 100%; + } +} + +@keyframes progress-active { + 0% { + opacity: 0.3; + width: 0; + } + + 100% { + opacity: 0; + width: 100%; + } +} + +/*-------------- + Disabled +---------------*/ + +.ui.disabled.progress { + opacity: 0.35; +} + +.ui.disabled.progress .bar, +.ui.disabled.progress .bar::after { + -webkit-animation: none !important; + animation: none !important; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Inverted +---------------*/ + +.ui.inverted.progress { + background: rgba(255, 255, 255, 0.05); + border: none; +} + +.ui.inverted.progress .bar { + background: #888888; +} + +.ui.inverted.progress .bar > .progress { + color: #fafafa; +} + +.ui.inverted.progress > .label { + color: #ffffff; +} + +.ui.inverted.progress.success > .label { + color: #4caf50; +} + +.ui.inverted.progress.warning > .label { + color: #f2c037; +} + +.ui.inverted.progress.error > .label { + color: #f44336; +} + +/*-------------- + Attached +---------------*/ + +/* bottom attached */ + +.ui.progress.attached { + background: transparent; + position: relative; + border: none; + margin: 0em; +} + +.ui.progress.attached, +.ui.progress.attached .bar { + display: block; + height: 0.2rem; + padding: 0px; + overflow: hidden; + border-radius: 0em 0em 2px 2px; +} + +.ui.progress.attached .bar { + border-radius: 0em; +} + +/* top attached */ + +.ui.progress.top.attached, +.ui.progress.top.attached .bar { + top: 0px; + border-radius: 2px 2px 0em 0em; +} + +.ui.progress.top.attached .bar { + border-radius: 0em; +} + +/* Coupling */ + +.ui.segment > .ui.attached.progress, +.ui.card > .ui.attached.progress { + position: absolute; + top: auto; + left: 0; + bottom: 100%; + width: 100%; +} + +.ui.segment > .ui.bottom.attached.progress, +.ui.card > .ui.bottom.attached.progress { + top: 100%; + bottom: auto; +} + +/*-------------- + Colors +---------------*/ + +.ui.black.progress .bar { + background-color: #1b1c1d; +} + +.ui.blue.progress .bar { + background-color: #2196f3; +} + +.ui.green.progress .bar { + background-color: #4caf50; +} + +.ui.orange.progress .bar { + background-color: #ff9800; +} + +.ui.pink.progress .bar { + background-color: #e91e63; +} + +.ui.purple.progress .bar { + background-color: #9c27b0; +} + +.ui.red.progress .bar { + background-color: #f44336; +} + +.ui.teal.progress .bar { + background-color: #1de9b6; +} + +.ui.yellow.progress .bar { + background-color: #ffeb3b; +} + +.ui.black.inverted.progress .bar { + background-color: #333333; +} + +.ui.blue.inverted.progress .bar { + background-color: #2979ff; +} + +.ui.green.inverted.progress .bar { + background-color: #00e676; +} + +.ui.orange.inverted.progress .bar { + background-color: #ff9100; +} + +.ui.pink.inverted.progress .bar { + background-color: #f50057; +} + +.ui.purple.inverted.progress .bar { + background-color: #d500f9; +} + +.ui.red.inverted.progress .bar { + background-color: #ff1744; +} + +.ui.teal.inverted.progress .bar { + background-color: #1de9b6; +} + +.ui.yellow.inverted.progress .bar { + background-color: #ffea00; +} + +/*-------------- + Sizes +---------------*/ + +.ui.tiny.progress { + font-size: 0.85714286rem; +} + +.ui.tiny.progress .bar { + height: 0.5em; +} + +.ui.small.progress { + font-size: 0.92857143rem; +} + +.ui.small.progress .bar { + height: 1em; +} + +.ui.progress { + font-size: 1rem; +} + +.ui.progress .bar { + height: 1.75em; +} + +.ui.large.progress { + font-size: 1.14285714rem; +} + +.ui.large.progress .bar { + height: 2.5em; +} + +.ui.big.progress { + font-size: 1.28571429rem; +} + +.ui.big.progress .bar { + height: 3.5em; +} + +/******************************* + Progress +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Rating +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Rating +*******************************/ + +.ui.rating { + display: inline-block; + vertical-align: middle; +} + +.ui.rating:last-child { + margin-right: 0em; +} + +.ui.rating:before { + display: block; + content: ''; + visibility: hidden; + clear: both; + height: 0; +} + +/* Icon */ + +.ui.rating .icon { + cursor: pointer; + margin: 0em; + width: 1.1em; + height: auto; + text-align: center; + padding: 0em; + font-weight: normal; + font-style: normal; +} + +/******************************* + Types +*******************************/ + +/*------------------- + Star +--------------------*/ + +/* Inactive */ + +.ui.star.rating .icon { + width: 1.1em; + color: rgba(0, 0, 0, 0.15); +} + +/* Active Star */ + +.ui.star.rating .active.icon { + color: #ffe623 !important; + text-shadow: 0px -1px 0px #cfa300, -1px 0px 0px #cfa300, 0px 1px 0px #cfa300, 1px 0px 0px #cfa300; +} + +/* Selected Star */ + +.ui.star.rating .icon.selected, +.ui.star.rating .icon.selected.active { + color: #ffb70a !important; +} + +.ui.star.rating.partial { + position: relative; + z-index: 1; +} + +.ui.star.rating.partial:before { + position: absolute; + z-index: -1; +} + +/*------------------- + Heart +--------------------*/ + +.ui.heart.rating .icon { + width: 1.25em; + color: rgba(0, 0, 0, 0.15); +} + +/* Active Heart */ + +.ui.heart.rating .active.icon { + color: #ff2733 !important; + text-shadow: 0px -1px 0px #9e0000, -1px 0px 0px #9e0000, 0px 1px 0px #9e0000, 1px 0px 0px #9e0000; +} + +/* Selected Heart */ + +.ui.heart.rating .icon.selected, +.ui.heart.rating .icon.selected.active { + color: #ff2733 !important; +} + +/******************************* + States +*******************************/ + +/* Inactive Icon */ + +.ui.rating .icon { + color: rgba(0, 0, 0, 0.15); +} + +/* Active Icon */ + +.ui.rating .active.icon { + color: rgba(0, 0, 0, 0.85); +} + +/* Selected Icon */ + +.ui.rating .icon.selected, +.ui.rating .icon.selected.active { + color: #212121; +} + +/*------------------- + Disabled +--------------------*/ + +/* disabled rating */ + +.ui.disabled.rating .icon { + cursor: default; +} + +/*------------------- + Interacting (Active) +--------------------*/ + +/* Selected Rating */ + +.ui.rating.selected .active.icon { + opacity: 0.5; +} + +.ui.rating.selected .icon.selected, +.ui.rating .icon.selected { + opacity: 1; +} + +/******************************* + Variations +*******************************/ + +.ui.mini.rating .icon { + font-size: 0.7rem; +} + +.ui.tiny.rating .icon { + font-size: 0.8rem; +} + +.ui.small.rating .icon { + font-size: 0.875rem; +} + +.ui.rating .icon { + font-size: 1rem; +} + +.ui.large.rating .icon { + font-size: 1.1rem; +} + +.ui.huge.rating .icon { + font-size: 1.5rem; +} + +.ui.massive.rating .icon { + font-size: 2rem; +} + +/******************************* + Theme Overrides +*******************************/ + +@font-face { + font-family: 'Rating'; + src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'), url("data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('woff'); + font-weight: normal; + font-style: normal; +} + +.ui.rating .icon { + font-family: 'Rating'; + line-height: 1; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + font-weight: normal; + font-style: normal; + text-align: center; +} + +/* Empty Star */ + +.ui.rating .icon:before { + content: '\f006'; +} + +/* Active Star */ + +.ui.rating .active.icon:before { + content: '\f005'; +} + +/*------------------- + Star +--------------------*/ + +/* Unfilled Star */ + +.ui.star.rating .icon:before { + content: '\f005'; +} + +/* Active Star */ + +.ui.star.rating .active.icon:before { + content: '\f005'; +} + +/* Partial */ + +.ui.star.rating .partial.icon:before { + content: '\f006'; +} + +.ui.star.rating .partial.icon { + content: '\f005'; +} + +/*------------------- + Heart +--------------------*/ + +/* Empty Heart +.ui.heart.rating .icon:before { + content: '\f08a'; +} +*/ + +.ui.heart.rating .icon:before { + content: '\f004'; +} + +/* Active */ + +.ui.heart.rating .active.icon:before { + content: '\f004'; +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Search +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Search +*******************************/ + +.ui.search { + position: relative; +} + +.ui.search > .prompt { + margin: 0em; + outline: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + text-shadow: none; + font-style: normal; + font-weight: normal; + line-height: 1.2; + padding: 0.68571em 1em; + font-size: 1em; + background: #ffffff; + border: 1px solid rgba(39, 41, 43, 0.15); + color: #212121; + box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} + +.ui.search .prompt { + border-radius: 500rem; +} + +/*-------------- + Icon +---------------*/ + +.ui.search .prompt ~ .search.icon { + cursor: pointer; +} + +/*-------------- + Results +---------------*/ + +.ui.search > .results { + display: none; + position: absolute; + top: 100%; + left: 0%; + background: #ffffff; + margin-top: 0.5em; + width: 16em; + border-radius: 0.25em; + box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2); + z-index: 998; +} + +/*-------------- + Result +---------------*/ + +.ui.search > .results .result { + cursor: pointer; + display: block; + overflow: hidden; + font-size: 1em; + padding: 0.5em 1em; + color: #212121; + line-height: 1.33; + border-bottom: 1px solid rgba(39, 41, 43, 0.15); +} + +.ui.search > .results .result:last-child { + border-bottom: none; +} + +/* Image */ + +.ui.search > .results .result .image { + float: right; + overflow: hidden; + background: none; + width: 5em; + height: 3em; + border-radius: 0.25em; +} + +.ui.search > .results .result .image img { + display: block; + width: auto; + height: 100%; +} + +/*-------------- + Info +---------------*/ + +.ui.search > .results .result .image + .content { + margin: 0em 6em 0em 0em; +} + +.ui.search > .results .result .title { + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-weight: bold; + font-size: 1em; + color: rgba(0, 0, 0, 0.85); +} + +.ui.search > .results .result .description { + margin-top: 0em; + font-size: 0.9285em; + color: rgba(0, 0, 0, 0.4); +} + +.ui.search > .results .result .price { + float: right; + color: #4caf50; +} + +/*-------------- + Message +---------------*/ + +.ui.search > .results > .message { + padding: 1em 1em; +} + +.ui.search > .results > .message .header { + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 1.1428em; + font-weight: bold; + color: #212121; +} + +.ui.search > .results > .message .description { + margin-top: 0.25rem; + font-size: 1em; + color: #212121; +} + +/* View All Results */ + +.ui.search > .results > .action { + display: block; + border-top: none; + background: #f0f0f0; + padding: 0.5em 1em; + color: #212121; + font-weight: bold; + text-align: center; +} + +/******************************* + States +*******************************/ + +/*-------------------- + Loading +---------------------*/ + +.ui.loading.search .input > .icon:before { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285em 0em 0em -0.64285em; + width: 1.2857em; + height: 1.2857em; + border-radius: 500rem; + border: 0.2em solid rgba(0, 0, 0, 0.1); +} + +.ui.loading.search .input > .icon:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -0.64285em 0em 0em -0.64285em; + width: 1.2857em; + height: 1.2857em; + -webkit-animation: button-spin 0.6s linear; + animation: button-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #aaaaaa transparent transparent; + border-style: solid; + border-width: 0.2em; + box-shadow: 0px 0px 0px 1px transparent; +} + +/*-------------- + Hover +---------------*/ + +.ui.search > .results .result:hover, +.ui.category.search > .results .category .result:hover { + background: #fafafa; +} + +.ui.search .action:hover { + background: #e0e0e0; +} + +/*-------------- + Active +---------------*/ + +.ui.search > .results .category.active { + background: #f0f0f0; +} + +.ui.search > .results .category.active > .name { + color: #212121; +} + +.ui.search > .results .result.active, +.ui.category.search > .results .category .result.active { + position: relative; + border-left-color: transparent; + background: #f0f0f0; + box-shadow: 3px 0px 3px 0px rgba(39, 41, 43, 0.15); +} + +.ui.search > .results .result.active .title { + color: rgba(0, 0, 0, 0.85); +} + +.ui.search > .results .result.active .description { + color: rgba(0, 0, 0, 0.85); +} + +/******************************* + Types +*******************************/ + +/*-------------- + Categories +---------------*/ + +.ui.category.search .results { + width: 28em; +} + +/* Category */ + +.ui.category.search > .results .category { + background: #f0f0f0; + box-shadow: none; + border-bottom: 1px solid rgba(39, 41, 43, 0.15); + -webkit-transition: background 0.2s ease, border-color 0.2s ease; + transition: background 0.2s ease, border-color 0.2s ease; +} + +.ui.category.search > .results .category:last-child { + border-bottom: none; +} + +/* Category Result */ + +.ui.category.search > .results .category .result { + background: #ffffff; + margin-left: 100px; + border-left: 1px solid rgba(39, 41, 43, 0.15); + border-bottom: 1px solid rgba(39, 41, 43, 0.15); + -webkit-transition: background 0.2s ease, border-color 0.2s ease; + transition: background 0.2s ease, border-color 0.2s ease; +} + +.ui.category.search > .results .category .result:last-child { + border-bottom: none; +} + +/* Category Result Name */ + +.ui.category.search > .results .category > .name { + width: 100px; + background: #f0f0f0; + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + font-size: 1em; + float: 1em; + float: left; + padding: 0.4em 1em; + font-weight: bold; + color: rgba(0, 0, 0, 0.4); +} + +/******************************* + Variations +*******************************/ + +/*------------------- + Left / Right +--------------------*/ + +.ui[class*="left aligned"].search > .results { + right: auto; + left: 0%; +} + +.ui[class*="right aligned"].search > .results { + right: 0%; + left: auto; +} + +/*-------------- + Fluid +---------------*/ + +.ui.fluid.search .results { + width: 100%; +} + +/*-------------- + Sizes +---------------*/ + +.ui.search { + font-size: 1em; +} + +.ui.large.search { + font-size: 1.1em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Shape +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Shape +*******************************/ + +.ui.shape { + position: relative; + display: inline-block; + -webkit-perspective: 2000px; + perspective: 2000px; +} + +.ui.shape .sides { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.ui.shape .side { + opacity: 1; + width: 100%; + margin: 0em !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.ui.shape .side { + display: none; +} + +.ui.shape .side > * { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +/******************************* + Types +*******************************/ + +.ui.cube.shape .side { + min-width: 15em; + height: 15em; + padding: 2em; + background-color: #e6e6e6; + color: #212121; + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); +} + +.ui.cube.shape .side > .content { + width: 100%; + height: 100%; + display: table; + text-align: center; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; +} + +.ui.cube.shape .side > .content > div { + display: table-cell; + vertical-align: middle; + font-size: 2em; +} + +/******************************* + Variations +*******************************/ + +.ui.text.shape.animating .sides { + position: static; +} + +.ui.text.shape .side { + white-space: nowrap; +} + +.ui.text.shape .side > * { + white-space: normal; +} + +/******************************* + States +*******************************/ + +/*-------------- + Loading +---------------*/ + +.ui.loading.shape { + position: absolute; + top: -9999px; + left: -9999px; +} + +/*-------------- + Animating +---------------*/ + +.ui.shape .animating.side { + position: absolute; + top: 0px; + left: 0px; + z-index: 100; +} + +.ui.shape .hidden.side { + opacity: 0.4; +} + +/*-------------- + CSS +---------------*/ + +.ui.shape.animating { + -webkit-transition: all 0.6s ease-in-out; + transition: all 0.6s ease-in-out; +} + +.ui.shape.animating .sides { + position: absolute; +} + +.ui.shape.animating .sides { + -webkit-transition: all 0.6s ease-in-out; + transition: all 0.6s ease-in-out; +} + +.ui.shape.animating .side { + -webkit-transition: opacity 0.6s ease-in-out; + transition: opacity 0.6s ease-in-out; +} + +/*-------------- + Active +---------------*/ + +.ui.shape .active.side { + display: block; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! +* # Semantic UI x.x - Sidebar +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Sidebar +*******************************/ + +/* Sidebar Menu */ + +.ui.sidebar { + position: fixed; + top: 0; + left: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: none; + transition: none; + will-change: transform; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + visibility: hidden; + -webkit-overflow-scrolling: touch; + height: 100% !important; + border-radius: 0em !important; + margin: 0em !important; + overflow-y: auto !important; + z-index: 102; +} + +/* GPU Layers for Child Elements */ + +.ui.sidebar > * { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: rotateZ(0deg); + transform: rotateZ(0deg); +} + +/*-------------- + Direction +---------------*/ + +.ui.left.sidebar { + right: auto; + left: 0px; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} + +.ui.right.sidebar { + right: 0px !important; + left: auto !important; + -webkit-transform: translate3d(100%, 0%, 0); + transform: translate3d(100%, 0%, 0); +} + +.ui.top.sidebar, +.ui.bottom.sidebar { + width: 100% !important; + height: auto !important; + overflow-y: visible !important; +} + +.ui.top.sidebar { + top: 0px !important; + bottom: auto !important; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); +} + +.ui.bottom.sidebar { + top: auto !important; + bottom: 0px !important; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); +} + +/*-------------- + Pushable +---------------*/ + +.pushable { + height: 100%; + overflow-x: hidden; + padding: 0em !important; +} + +/* Whole Page */ + +body.pushable { + background: #333333 !important; +} + +/* Page Context */ + +.pushable:not(body) { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.pushable:not(body) > .ui.sidebar, +.pushable:not(body) > .fixed, +.pushable:not(body) > .pusher:after { + position: absolute; +} + +/*-------------- + Fixed +---------------*/ + +.pushable > .fixed { + position: fixed; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; + will-change: transform; + z-index: 101; +} + +/*-------------- + Page +---------------*/ + +.pushable > .pusher { + position: relative; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; + min-height: 100%; + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; + z-index: 2; +} + +body.pushable > .pusher { + background: #f9f9f9; +} + +.pushable > .pusher { + background: inherit; +} + +/*-------------- + Dimmer +---------------*/ + +.pushable > .pusher:after { + position: fixed; + top: 0px; + right: 0px; + content: ''; + background-color: rgba(0, 0, 0, 0.4); + width: 0px; + height: 0px; + overflow: hidden; + opacity: 0; + -webkit-transition: -webkit-transform 500ms, opacity 500ms; + transition: transform 500ms, opacity 500ms; + will-change: opacity; + z-index: 1000; +} + +/*-------------- + Coupling +---------------*/ + +.ui.sidebar.menu .item { + border-radius: 0em !important; +} + +/******************************* + States +*******************************/ + +/*-------------- + Dimmed +---------------*/ + +.pushable > .pusher.dimmed:after { + width: 100% !important; + height: 100% !important; + opacity: 1 !important; +} + +/*-------------- + Animating +---------------*/ + +.ui.animating.sidebar { + visibility: visible; +} + +/*-------------- + Visible +---------------*/ + +.ui.visible.sidebar { + visibility: visible; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +/* Shadow Direction */ + +.ui.left.visible.sidebar, +.ui.right.visible.sidebar { + box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15); +} + +.ui.top.visible.sidebar, +.ui.bottom.visible.sidebar { + box-shadow: 0px 0px 20px rgba(39, 41, 43, 0.15); +} + +/* Visible On Load */ + +.ui.visible.left.sidebar ~ .fixed, +.ui.visible.left.sidebar ~ .pusher { + -webkit-transform: translate3d(260px, 0, 0); + transform: translate3d(260px, 0, 0); +} + +.ui.visible.right.sidebar ~ .fixed, +.ui.visible.right.sidebar ~ .pusher { + -webkit-transform: translate3d(-260px, 0, 0); + transform: translate3d(-260px, 0, 0); +} + +.ui.visible.top.sidebar ~ .fixed, +.ui.visible.top.sidebar ~ .pusher { + -webkit-transform: translate3d(0, 36px, 0); + transform: translate3d(0, 36px, 0); +} + +.ui.visible.bottom.sidebar ~ .fixed, +.ui.visible.bottom.sidebar ~ .pusher { + -webkit-transform: translate3d(0, -36px, 0); + transform: translate3d(0, -36px, 0); +} + +/* opposite sides visible forces content overlay */ + +.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed, +.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, +.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, +.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +/*-------------- + iOS +---------------*/ + +/* + iOS incorrectly sizes document when content + is presented outside of view with 2Dtranslate +*/ + +html.ios { + overflow-x: hidden; + -webkit-overflow-scrolling: touch; +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Width +---------------*/ + +/* Left / Right */ + +.ui[class*="very thin"].left.sidebar, +.ui[class*="very thin"].right.sidebar { + width: 60px; +} + +.ui.thin.left.sidebar, +.ui.thin.right.sidebar { + width: 150px; +} + +.ui.left.sidebar, +.ui.right.sidebar { + width: 260px; +} + +.ui.wide.left.sidebar, +.ui.wide.right.sidebar { + width: 350px; +} + +.ui[class*="very wide"].left.sidebar, +.ui[class*="very wide"].right.sidebar { + width: 475px; +} + +/* Left Visible */ + +.ui.visible[class*="very thin"].left.sidebar ~ .fixed, +.ui.visible[class*="very thin"].left.sidebar ~ .pusher { + -webkit-transform: translate3d(60px, 0, 0); + transform: translate3d(60px, 0, 0); +} + +.ui.visible.thin.left.sidebar ~ .fixed, +.ui.visible.thin.left.sidebar ~ .pusher { + -webkit-transform: translate3d(150px, 0, 0); + transform: translate3d(150px, 0, 0); +} + +.ui.visible.wide.left.sidebar ~ .fixed, +.ui.visible.wide.left.sidebar ~ .pusher { + -webkit-transform: translate3d(350px, 0, 0); + transform: translate3d(350px, 0, 0); +} + +.ui.visible[class*="very wide"].left.sidebar ~ .fixed, +.ui.visible[class*="very wide"].left.sidebar ~ .pusher { + -webkit-transform: translate3d(475px, 0, 0); + transform: translate3d(475px, 0, 0); +} + +/* Right Visible */ + +.ui.visible[class*="very thin"].right.sidebar ~ .fixed, +.ui.visible[class*="very thin"].right.sidebar ~ .pusher { + -webkit-transform: translate3d(-60px, 0, 0); + transform: translate3d(-60px, 0, 0); +} + +.ui.visible.thin.right.sidebar ~ .fixed, +.ui.visible.thin.right.sidebar ~ .pusher { + -webkit-transform: translate3d(-150px, 0, 0); + transform: translate3d(-150px, 0, 0); +} + +.ui.visible.wide.right.sidebar ~ .fixed, +.ui.visible.wide.right.sidebar ~ .pusher { + -webkit-transform: translate3d(-350px, 0, 0); + transform: translate3d(-350px, 0, 0); +} + +.ui.visible[class*="very wide"].right.sidebar ~ .fixed, +.ui.visible[class*="very wide"].right.sidebar ~ .pusher { + -webkit-transform: translate3d(-475px, 0, 0); + transform: translate3d(-475px, 0, 0); +} + +/******************************* + Animations +*******************************/ + +/*-------------- + Overlay +---------------*/ + +/* Set-up */ + +.ui.overlay.sidebar { + z-index: 102; +} + +/* Initial */ + +.ui.left.overlay.sidebar { + -webkit-transform: translate3d(-100%, 0%, 0); + transform: translate3d(-100%, 0%, 0); +} + +.ui.right.overlay.sidebar { + -webkit-transform: translate3d(100%, 0%, 0); + transform: translate3d(100%, 0%, 0); +} + +.ui.top.overlay.sidebar { + -webkit-transform: translate3d(0%, -100%, 0); + transform: translate3d(0%, -100%, 0); +} + +.ui.bottom.overlay.sidebar { + -webkit-transform: translate3d(0%, 100%, 0); + transform: translate3d(0%, 100%, 0); +} + +/* Animation */ + +.animating.ui.overlay.sidebar, +.ui.visible.overlay.sidebar { + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; +} + +/* End - Sidebar */ + +.ui.visible.left.overlay.sidebar { + -webkit-transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); +} + +.ui.visible.right.overlay.sidebar { + -webkit-transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); +} + +.ui.visible.top.overlay.sidebar { + -webkit-transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); +} + +.ui.visible.bottom.overlay.sidebar { + -webkit-transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0%, 0); +} + +/* End - Pusher */ + +.ui.visible.overlay.sidebar ~ .fixed, +.ui.visible.overlay.sidebar ~ .pusher { + -webkit-transform: none !important; + -ms-transform: none !important; + transform: none !important; +} + +/*-------------- + Push +---------------*/ + +/* Initial */ + +.ui.push.sidebar { + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; + z-index: 102; +} + +/* Sidebar - Initial */ + +.ui.left.push.sidebar { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} + +.ui.right.push.sidebar { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} + +.ui.top.push.sidebar { + -webkit-transform: translate3d(0%, -100%, 0); + transform: translate3d(0%, -100%, 0); +} + +.ui.bottom.push.sidebar { + -webkit-transform: translate3d(0%, 100%, 0); + transform: translate3d(0%, 100%, 0); +} + +/* End */ + +.ui.visible.push.sidebar { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); +} + +/*-------------- + Uncover +---------------*/ + +/* Initial */ + +.ui.uncover.sidebar { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 1; +} + +/* End */ + +.ui.visible.uncover.sidebar { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; +} + +/*-------------- + Slide Along +---------------*/ + +/* Initial */ + +.ui.slide.along.sidebar { + z-index: 1; +} + +/* Sidebar - Initial */ + +.ui.left.slide.along.sidebar { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} + +.ui.right.slide.along.sidebar { + -webkit-transform: translate3d(50%, 0, 0); + transform: translate3d(50%, 0, 0); +} + +.ui.top.slide.along.sidebar { + -webkit-transform: translate3d(0, -50%, 0); + transform: translate3d(0, -50%, 0); +} + +.ui.bottom.slide.along.sidebar { + -webkit-transform: translate3d(0%, 50%, 0); + transform: translate3d(0%, 50%, 0); +} + +/* Animation */ + +.ui.animating.slide.along.sidebar { + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; +} + +/* End */ + +.ui.visible.slide.along.sidebar { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); +} + +/*-------------- + Slide Out +---------------*/ + +/* Initial */ + +.ui.slide.out.sidebar { + z-index: 1; +} + +/* Sidebar - Initial */ + +.ui.left.slide.out.sidebar { + -webkit-transform: translate3d(50%, 0, 0); + transform: translate3d(50%, 0, 0); +} + +.ui.right.slide.out.sidebar { + -webkit-transform: translate3d(-50%, 0, 0); + transform: translate3d(-50%, 0, 0); +} + +.ui.top.slide.out.sidebar { + -webkit-transform: translate3d(0%, 50%, 0); + transform: translate3d(0%, 50%, 0); +} + +.ui.bottom.slide.out.sidebar { + -webkit-transform: translate3d(0%, -50%, 0); + transform: translate3d(0%, -50%, 0); +} + +/* Animation */ + +.ui.animating.slide.out.sidebar { + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; +} + +/* End */ + +.ui.visible.slide.out.sidebar { + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); +} + +/*-------------- + Scale Down +---------------*/ + +/* Initial */ + +.ui.scale.down.sidebar { + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; + z-index: 102; +} + +/* Sidebar - Initial */ + +.ui.left.scale.down.sidebar { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); +} + +.ui.right.scale.down.sidebar { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); +} + +.ui.top.scale.down.sidebar { + -webkit-transform: translate3d(0%, -100%, 0); + transform: translate3d(0%, -100%, 0); +} + +.ui.bottom.scale.down.sidebar { + -webkit-transform: translate3d(0%, 100%, 0); + transform: translate3d(0%, 100%, 0); +} + +/* Pusher - Initial */ + +.ui.scale.down.left.sidebar ~ .pusher { + -webkit-transform-origin: 75% 50%; + -ms-transform-origin: 75% 50%; + transform-origin: 75% 50%; +} + +.ui.scale.down.right.sidebar ~ .pusher { + -webkit-transform-origin: 25% 50%; + -ms-transform-origin: 25% 50%; + transform-origin: 25% 50%; +} + +.ui.scale.down.top.sidebar ~ .pusher { + -webkit-transform-origin: 50% 75%; + -ms-transform-origin: 50% 75%; + transform-origin: 50% 75%; +} + +.ui.scale.down.bottom.sidebar ~ .pusher { + -webkit-transform-origin: 50% 25%; + -ms-transform-origin: 50% 25%; + transform-origin: 50% 25%; +} + +/* Animation */ + +.ui.animating.scale.down > .visible.ui.sidebar { + -webkit-transition: -webkit-transform 500ms ease; + transition: transform 500ms ease; +} + +.ui.visible.scale.down.sidebar ~ .pusher, +.ui.animating.scale.down.sidebar ~ .pusher { + display: block !important; + width: 100%; + height: 100%; + overflow: hidden; +} + +/* End */ + +.ui.visible.scale.down.sidebar { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.ui.visible.scale.down.sidebar ~ .pusher { + -webkit-transform: scale(0.75); + -ms-transform: scale(0.75); + transform: scale(0.75); +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Sticky +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Sticky +*******************************/ + +.ui.sticky { + position: static; + -webkit-transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, bottom 0.2s ease; + transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, bottom 0.2s ease; + z-index: 800; +} + +/******************************* + States +*******************************/ + +/* Bound */ + +.ui.sticky.bound { + position: absolute; + left: auto; + right: auto; +} + +/* Fixed */ + +.ui.sticky.fixed { + position: fixed; + left: auto; + right: auto; +} + +/* Bound/Fixed Position */ + +.ui.sticky.bound.top, +.ui.sticky.fixed.top { + top: 0px; + bottom: auto; +} + +.ui.sticky.bound.bottom, +.ui.sticky.fixed.bottom { + top: auto; + bottom: 0px; +} + +/******************************* + Types +*******************************/ + +.ui.native.sticky { + position: -webkit-sticky; + position: -moz-sticky; + position: -ms-sticky; + position: -o-sticky; + position: sticky; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Tab +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + UI Tabs +*******************************/ + +.ui.tab { + display: none; +} + +/******************************* + States +*******************************/ + +/*-------------------- + Active +---------------------*/ + +.ui.tab.active, +.ui.tab.open { + display: block; +} + +/*-------------------- + Loading +---------------------*/ + +.ui.tab.loading { + position: relative; + overflow: hidden; + display: block; + min-height: 250px; +} + +.ui.tab.loading * { + position: relative !important; + left: -10000px !important; +} + +.ui.tab.loading:before, +.ui.tab.loading.segment:before { + position: absolute; + content: ''; + top: 100px; + left: 50%; + margin: -1.25em 0em 0em -1.25em; + width: 2.5em; + height: 2.5em; + border-radius: 500rem; + border: 0.2em solid rgba(0, 0, 0, 0.1); +} + +.ui.tab.loading:after, +.ui.tab.loading.segment:after { + position: absolute; + content: ''; + top: 100px; + left: 50%; + margin: -1.25em 0em 0em -1.25em; + width: 2.5em; + height: 2.5em; + -webkit-animation: button-spin 0.6s linear; + animation: button-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #aaaaaa transparent transparent; + border-style: solid; + border-width: 0.2em; + box-shadow: 0px 0px 0px 1px transparent; +} + +/******************************* + Tab Overrides +*******************************/ + +/******************************* + User Overrides +*******************************/ +/*! +* # Semantic UI x.x - Table +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Table +*******************************/ + +/* Prototype */ + +.ui.table { + width: 100%; + background: #ffffff; + margin: 1em 0em; + border: 1px solid #d0d0d0; + box-shadow: none; + border-radius: 0.25rem; + color: #212121; + border-collapse: separate; + border-spacing: 0px; +} + +.ui.table:first-child { + margin-top: 0em; +} + +.ui.table:last-child { + margin-bottom: 0em; +} + +/******************************* + Parts +*******************************/ + +/* Table Content */ + +.ui.table th, +.ui.table td { + -webkit-transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; + transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; +} + +/* Headers */ + +.ui.table thead { + box-shadow: none; +} + +.ui.table thead th { + cursor: auto; + background: #f0f0f0; + text-align: left; + color: #212121; + padding: 0.7em 0.8em; + vertical-align: middle; + font-style: none; + font-weight: bold; + text-transform: none; + border-bottom: 1px solid #d4d4d5; + border-left: none; +} + +.ui.table thead tr > th:first-child { + border-left: none; +} + +.ui.table thead tr:first-child > th:first-child { + border-radius: 0.25rem 0em 0em 0em; +} + +.ui.table thead tr:first-child > th:last-child { + border-radius: 0em 0.25rem 0em 0em; +} + +.ui.table thead tr:first-child > th:only-child { + border-radius: 0.25rem 0.25rem 0em 0em; +} + +/* Footer */ + +.ui.table tfoot { + box-shadow: none; +} + +.ui.table tfoot th { + cursor: auto; + border-top: 1px solid #d4d4d5; + background: #ffffff; + text-align: left; + color: #212121; + padding: 0.7em 0.8em; + vertical-align: middle; + font-style: normal; + font-weight: normal; + text-transform: none; +} + +.ui.table tfoot tr > th:first-child { + border-left: none; +} + +.ui.table tfoot tr:first-child > th:first-child { + border-radius: 0em 0em 0em 0.25rem; +} + +.ui.table tfoot tr:first-child > th:last-child { + border-radius: 0em 0em 0.25rem 0em; +} + +.ui.table tfoot tr:first-child > th:only-child { + border-radius: 0em 0em 0.25rem 0.25rem; +} + +/* Table Row */ + +.ui.table tr td { + border-top: 1px solid #d4d4d5; +} + +.ui.table tr:first-child td { + border-top: none; +} + +/* Table Cells */ + +.ui.table td { + padding: 0.7em 0.8em; + text-align: left; + vertical-align: middle; +} + +/* Icons */ + +.ui.table > .icon { + vertical-align: baseline; +} + +.ui.table > .icon:only-child { + margin: 0em; +} + +/* Table Segment */ + +.ui.table.segment { + padding: 0em; +} + +.ui.table.segment:after { + display: none; +} + +.ui.table.segment.stacked:after { + display: block; +} + +/* Responsive */ + +@media only screen and (max-width: 767px) { + .ui.table:not(.unstackable) { + width: 100%; + } + + .ui.table:not(.unstackable) tbody, + .ui.table:not(.unstackable) tr, + .ui.table:not(.unstackable) tr > th, + .ui.table:not(.unstackable) tr > td { + width: auto !important; + display: block !important; + } + + .ui.table:not(.unstackable) { + padding: 0em; + } + + .ui.table:not(.unstackable) thead { + display: block; + } + + .ui.table:not(.unstackable) tfoot { + display: block; + } + + .ui.table:not(.unstackable) tr > th, + .ui.table:not(.unstackable) tr > td { + background: none; + border: none !important; + padding: 0.25em 0.75em; + box-shadow: none !important; + } + + .ui.table:not(.unstackable) th:first-child, + .ui.table:not(.unstackable) td:first-child { + font-weight: bold; + padding-top: 1em; + } + + .ui.table:not(.unstackable) th:last-child, + .ui.table:not(.unstackable) td:last-child { + box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; + padding-bottom: 1em; + } + + /* Clear BG Colors */ + + .ui.table:not(.unstackable) tr > td.warning, + .ui.table:not(.unstackable) tr > td.error, + .ui.table:not(.unstackable) tr > td.active, + .ui.table:not(.unstackable) tr > td.positive, + .ui.table:not(.unstackable) tr > td.negative { + background-color: transparent !important; + } + + /* Definition Table */ + + .ui.definition.table:not(.unstackable) thead th:first-child { + box-shadow: none !important; + } + + .ui.definition.table:not(.unstackable) tr td:first-child { + padding-bottom: 1em; + } + + .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) { + padding-top: 1em; + } +} + +/******************************* + Coupling +*******************************/ + +/* UI Image */ + +.ui.table th .image, +.ui.table th .image img, +.ui.table td .image, +.ui.table td .image img { + max-width: none; +} + +/******************************* + Types +*******************************/ + +/*-------------- + Complex +---------------*/ + +.ui.structured.table { + border-collapse: collapse; +} + +.ui.structured.table thead th { + border-left: none; + border-right: none; +} + +.ui.structured.sortable.table thead th { + border-left: 1px solid #d0d0d0; + border-right: 1px solid #d0d0d0; +} + +.ui.structured.basic.table th { + border-left: none; + border-right: none; +} + +.ui.structured.celled.table tr th, +.ui.structured.celled.table tr td { + border-left: 1px solid #d4d4d5; + border-right: 1px solid #d4d4d5; +} + +/*-------------- + Definition +---------------*/ + +.ui.definition.table thead:not(.full-width) th:first-child { + pointer-events: none; + background: transparent; + font-weight: normal; + color: rgba(0, 0, 0, 0.4); + box-shadow: -1px -1px 0px 1px #ffffff; +} + +.ui.definition.table tfoot:not(.full-width) th:first-child { + pointer-events: none; + background: transparent; + font-weight: rgba(0, 0, 0, 0.4); + color: normal; + box-shadow: 1px 1px 0px 1px #ffffff; +} + +/* Remove Border */ + +.ui.celled.definition.table thead:not(.full-width) th:first-child { + box-shadow: 0px -1px 0px 1px #ffffff; +} + +.ui.celled.definition.table tfoot:not(.full-width) th:first-child { + box-shadow: 0px 1px 0px 1px #ffffff; +} + +/* Highlight Defining Column */ + +.ui.definition.table tr td:first-child { + background: rgba(0, 0, 0, 0.03); + font-weight: bold; + color: rgba(0, 0, 0, 0.8); +} + +/* Fix 2nd Column */ + +.ui.definition.table thead:not(.full-width) th:nth-child(2) { + border-left: 1px solid #d0d0d0; +} + +.ui.definition.table tfoot:not(.full-width) th:nth-child(2) { + border-left: 1px solid #d0d0d0; +} + +.ui.definition.table td:nth-child(2) { + border-left: 1px solid #d0d0d0; +} + +/******************************* + States +*******************************/ + +/*-------------- + Positive +---------------*/ + +.ui.table tr.positive, +.ui.table td.positive { + box-shadow: 0px 0px 0px #b7caa7 inset; +} + +.ui.table tr.positive td, +.ui.table td.positive { + background: #eeffe7 !important; + color: #3c763d !important; +} + +.ui.celled.table tr.positive:hover td, +.ui.celled.table tr:hover td.positive { + background: #e3ffd8 !important; + color: #376c38 !important; +} + +/*-------------- + Negative +---------------*/ + +.ui.table tr.negative, +.ui.table td.negative { + box-shadow: 0px 0px 0px #dbb1b1 inset; +} + +.ui.table tr.negative td, +.ui.table td.negative { + background: #fff0f0 !important; + color: #cd2929 !important; +} + +.ui.celled.table tr.negative:hover td, +.ui.celled.table tr:hover td.negative { + background: #ffe1e1 !important; + color: #c02626 !important; +} + +/*-------------- + Error +---------------*/ + +.ui.table tr.error, +.ui.table td.error { + box-shadow: 0px 0px 0px #dbb1b1 inset; +} + +.ui.table tr.error td, +.ui.table td.error { + background: #fff0f0 !important; + color: #cd2929 !important; +} + +.ui.celled.table tr.error:hover td, +.ui.celled.table tr:hover td.error { + background: #ffe1e1 !important; + color: #c02626 !important; +} + +/*-------------- + Warning +---------------*/ + +.ui.table tr.warning, +.ui.table td.warning { + box-shadow: 0px 0px 0px #d9caab inset; +} + +.ui.table tr.warning td, +.ui.table td.warning { + background: #fffbe6 !important; + color: #7d6c00 !important; +} + +.ui.celled.table tr.warning:hover td, +.ui.celled.table tr:hover td.warning { + background: #fff9d7 !important; + color: #6e5f00 !important; +} + +/*-------------- + Active +---------------*/ + +.ui.table tr.active, +.ui.table td.active { + box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.9) inset; +} + +.ui.table tr.active td, +.ui.table td.active { + background: #e0e0e0 !important; + color: rgba(50, 50, 50, 0.9) !important; +} + +.ui.celled.table tr.active:hover td, +.ui.celled.table tr:hover td.active { + background: #e0e0e0 !important; + color: rgba(50, 50, 50, 0.9) !important; +} + +/*-------------- + Disabled +---------------*/ + +.ui.table tr.disabled td, +.ui.table tr td.disabled, +.ui.table tr.disabled:hover td, +.ui.table tr:hover td.disabled { + pointer-events: none; + color: rgba(40, 40, 40, 0.3); +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Stackable +---------------*/ + +@media only screen and (max-width: 991px) { + .ui[class*="tablet stackable"].table, + .ui[class*="tablet stackable"].table tbody, + .ui[class*="tablet stackable"].table tr, + .ui[class*="tablet stackable"].table tr > th, + .ui[class*="tablet stackable"].table tr > td { + width: 100% !important; + display: block !important; + } + + .ui[class*="tablet stackable"].table { + padding: 0em; + } + + .ui[class*="tablet stackable"].table thead { + display: block; + } + + .ui[class*="tablet stackable"].table tfoot { + display: block; + } + + .ui[class*="tablet stackable"].table tr > th, + .ui[class*="tablet stackable"].table tr > td { + background: none; + border: none !important; + padding: 0.25em 0.75em; + box-shadow: none !important; + } + + .ui[class*="tablet stackable"].table th:first-child, + .ui[class*="tablet stackable"].table td:first-child { + font-weight: bold; + padding-top: 1em; + } + + .ui[class*="tablet stackable"].table th:last-child, + .ui[class*="tablet stackable"].table td:last-child { + box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; + padding-bottom: 1em; + } + + /* Clear BG Colors */ + + .ui[class*="tablet stackable"].table tr > td.warning, + .ui[class*="tablet stackable"].table tr > td.error, + .ui[class*="tablet stackable"].table tr > td.active, + .ui[class*="tablet stackable"].table tr > td.positive, + .ui[class*="tablet stackable"].table tr > td.negative { + background-color: transparent !important; + } + + /* Definition Table */ + + .ui.definition[class*="tablet stackable"].table thead th:first-child { + box-shadow: none !important; + } + + .ui.definition[class*="tablet stackable"].table tr td:first-child { + padding-bottom: 1em; + } + + .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) { + padding-top: 1em; + } +} + +/*-------------- + Aligned +---------------*/ + +.ui.table[class*="left aligned"], +.ui.table [class*="left aligned"] { + text-align: left; +} + +.ui.table[class*="center aligned"], +.ui.table [class*="center aligned"] { + text-align: center; +} + +.ui.table[class*="right aligned"], +.ui.table [class*="right aligned"] { + text-align: right; +} + +/*-------------- + Collapsing +---------------*/ + +.ui.table th.collapsing, +.ui.table td.collapsing { + width: 1px; + white-space: nowrap; +} + +/*-------------- + Attached +---------------*/ + +/* All */ + +.ui.attached.table { + width: -webkit-calc(100% + 2px ); + width: calc(100% + 2px ); + margin: 0em -1px; + border-radius: 0px; + box-shadow: none; +} + +/* Top */ + +.ui[class*="top attached"].table { + margin-top: 1em 0em; + border-radius: 0.25rem 0.25rem 0em 0em; +} + +.ui.table[class*="top attached"]:first-child { + margin-top: 0em; +} + +/* Bottom */ + +.ui.table[class*="bottom attached"] { + margin-top: 0em; + margin-bottom: 1em 0em; + border-radius: 0em 0em 0.25rem 0.25rem; +} + +.ui.table[class*="bottom attached"]:last-child { + margin-bottom: 0em; +} + +/*-------------- + Striped +---------------*/ + +/* Table Striping */ + +.ui.striped.table > tr:nth-child(2n), +.ui.striped.table tbody tr:nth-child(2n) { + background-color: rgba(0, 0, 50, 0.03); +} + +/* Stripes */ + +.ui.inverted.striped.table > tr:nth-child(2n), +.ui.inverted.striped.table tbody tr:nth-child(2n) { + background-color: rgba(255, 255, 255, 0.06); +} + +/*------------------- + Colors +--------------------*/ + +.ui.black.table { + border-top: 0.2em solid #1b1c1d; +} + +.ui.blue.table { + border-top: 0.2em solid #2196f3; +} + +.ui.green.table { + border-top: 0.2em solid #4caf50; +} + +.ui.orange.table { + border-top: 0.2em solid #ff9800; +} + +.ui.pink.table { + border-top: 0.2em solid #e91e63; +} + +.ui.purple.table { + border-top: 0.2em solid #9c27b0; +} + +.ui.red.table { + border-top: 0.2em solid #f44336; +} + +.ui.teal.table { + border-top: 0.2em solid #1de9b6; +} + +.ui.yellow.table { + border-top: 0.2em solid #ffeb3b; +} + +/*------------------- + Inverted Colors +--------------------*/ + +.ui.inverted.table, +.ui.inverted.black.table { + background-color: #1b1c1d !important; + color: #ffffff !important; +} + +.ui.inverted.blue.table { + background-color: #2196f3 !important; + color: #ffffff !important; +} + +.ui.inverted.green.table { + background-color: #4caf50 !important; + color: #ffffff !important; +} + +.ui.inverted.orange.table { + background-color: #ff9800 !important; + color: #ffffff !important; +} + +.ui.inverted.pink.table { + background-color: #e91e63 !important; + color: #ffffff !important; +} + +.ui.inverted.purple.table { + background-color: #9c27b0 !important; + color: #ffffff !important; +} + +.ui.inverted.red.table { + background-color: #f44336 !important; + color: #ffffff !important; +} + +.ui.inverted.teal.table { + background-color: #1de9b6 !important; + color: #ffffff !important; +} + +.ui.inverted.yellow.table { + background-color: #ffeb3b !important; + color: #ffffff !important; +} + +/*-------------- + Column Count +---------------*/ + +/* Grid Based */ + +.ui.one.column.table td { + width: 100%; +} + +.ui.two.column.table td { + width: 50%; +} + +.ui.three.column.table td { + width: 33.33333333%; +} + +.ui.four.column.table td { + width: 25%; +} + +.ui.five.column.table td { + width: 20%; +} + +.ui.six.column.table td { + width: 16.66666667%; +} + +.ui.seven.column.table td { + width: 14.28571429%; +} + +.ui.eight.column.table td { + width: 12.5%; +} + +.ui.nine.column.table td { + width: 11.11111111%; +} + +.ui.ten.column.table td { + width: 10%; +} + +.ui.eleven.column.table td { + width: 9.09090909%; +} + +.ui.twelve.column.table td { + width: 8.33333333%; +} + +.ui.thirteen.column.table td { + width: 7.69230769%; +} + +.ui.fourteen.column.table td { + width: 7.14285714%; +} + +.ui.fifteen.column.table td { + width: 6.66666667%; +} + +.ui.sixteen.column.table td { + width: 6.25%; +} + +/* Column Width */ + +.ui.table th.one.wide, +.ui.table td.one.wide { + width: 6.25%; +} + +.ui.table th.two.wide, +.ui.table td.two.wide { + width: 12.5%; +} + +.ui.table th.three.wide, +.ui.table td.three.wide { + width: 18.75%; +} + +.ui.table th.four.wide, +.ui.table td.four.wide { + width: 25%; +} + +.ui.table th.five.wide, +.ui.table td.five.wide { + width: 31.25%; +} + +.ui.table th.six.wide, +.ui.table td.six.wide { + width: 37.5%; +} + +.ui.table th.seven.wide, +.ui.table td.seven.wide { + width: 43.75%; +} + +.ui.table th.eight.wide, +.ui.table td.eight.wide { + width: 50%; +} + +.ui.table th.nine.wide, +.ui.table td.nine.wide { + width: 56.25%; +} + +.ui.table th.ten.wide, +.ui.table td.ten.wide { + width: 62.5%; +} + +.ui.table th.eleven.wide, +.ui.table td.eleven.wide { + width: 68.75%; +} + +.ui.table th.twelve.wide, +.ui.table td.twelve.wide { + width: 75%; +} + +.ui.table th.thirteen.wide, +.ui.table td.thirteen.wide { + width: 81.25%; +} + +.ui.table th.fourteen.wide, +.ui.table td.fourteen.wide { + width: 87.5%; +} + +.ui.table th.fifteen.wide, +.ui.table td.fifteen.wide { + width: 93.75%; +} + +.ui.table th.sixteen.wide, +.ui.table td.sixteen.wide { + width: 100%; +} + +/*-------------- + Sortable +---------------*/ + +.ui.sortable.table thead th { + cursor: pointer; + white-space: nowrap; + border-left: 1px solid #d0d0d0; + color: #212121; +} + +.ui.sortable.table thead th:first-child { + border-left: none; +} + +.ui.sortable.table thead th.sorted, +.ui.sortable.table thead th.sorted:hover { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.ui.sortable.table thead th:after { + display: inline-block; + content: ''; + width: 1em; + height: 1em; + opacity: 0.8; + margin: 0em 0em 0em 0.5em; + font-family: 'Icons'; + font-style: normal; + font-weight: normal; + text-decoration: inherit; +} + +.ui.sortable.table thead th.ascending:after { + content: '\f0d7'; +} + +.ui.sortable.table thead th.descending:after { + content: '\f0d8'; +} + +/* Hover */ + +.ui.sortable.table th.disabled:hover { + cursor: auto; + color: rgba(40, 40, 40, 0.3); +} + +.ui.sortable.table thead th:hover { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); +} + +/* Sorted */ + +.ui.sortable.table thead th.sorted { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); +} + +/* Sorted Hover */ + +.ui.sortable.table thead th.sorted:hover { + background: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.8); +} + +/* Inverted */ + +.ui.inverted.sortable.table thead th.sorted { + background: rgba(255, 255, 255, 0.07) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background: rgba(255, 255, 255, 0.07) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + color: #ffffff; +} + +.ui.inverted.sortable.table thead th:hover { + background: rgba(255, 255, 255, 0.05) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + background: rgba(255, 255, 255, 0.05) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); + color: #ffffff; +} + +.ui.inverted.sortable.table thead th { + border-left-color: transparent; + border-right-color: transparent; +} + +/*-------------- + Inverted +---------------*/ + +/* Text Color */ + +.ui.inverted.table { + background: #333333; + color: #ffffff; + border: none; +} + +.ui.inverted.table th { + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.9); +} + +.ui.inverted.table tr td { + border-color: rgba(0, 0, 0, 0.2) !important; +} + +.ui.inverted.table tr.disabled td, +.ui.inverted.table tr td.disabled, +.ui.inverted.table tr.disabled:hover td, +.ui.inverted.table tr:hover td.disabled { + pointer-events: none; + color: rgba(225, 225, 225, 0.3); +} + +/* Definition */ + +.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, +.ui.inverted.definition.table thead:not(.full-width) th:first-child { + background: #ffffff; +} + +.ui.inverted.definition.table tr td:first-child { + background: rgba(255, 255, 255, 0.02); + color: #ffffff; +} + +/*-------------- + Collapsing +---------------*/ + +.ui.collapsing.table { + width: auto; +} + +/*-------------- + Basic +---------------*/ + +.ui.basic.table { + background: transparent; + border: 1px solid #d0d0d0; + box-shadow: none; +} + +.ui.basic.table thead, +.ui.basic.table tfoot { + box-shadow: none; +} + +.ui.basic.table th { + background: transparent; + border-left: none; +} + +.ui.basic.table tbody tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.ui.basic.table td { + background: transparent; +} + +.ui.basic.striped.table tbody tr:nth-child(2n) { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +/* Very Basic */ + +.ui[class*="very basic"].table { + border: none; +} + +.ui[class*="very basic"].table:not(.sortable):not(.striped) th, +.ui[class*="very basic"].table:not(.sortable):not(.striped) td { + padding: 0.7em 0.8em; +} + +.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, +.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child { + padding-left: 0em; +} + +.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, +.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child { + padding-right: 0em; +} + +.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { + padding-top: 0em; +} + +/*-------------- + Celled +---------------*/ + +.ui.celled.table tr th, +.ui.celled.table tr td { + border-left: 1px solid #d4d4d5; +} + +.ui.celled.table tr th:first-child, +.ui.celled.table tr td:first-child { + border-left: none; +} + +/*-------------- + Padded +---------------*/ + +.ui.padded.table th { + padding-left: 1em; + padding-right: 1em; +} + +.ui.padded.table th, +.ui.padded.table td { + padding: 1em 1em; +} + +/* Very */ + +.ui[class*="very padded"].table th { + padding-left: 1.5em; + padding-right: 1.5em; +} + +.ui[class*="very padded"].table td { + padding: 1.5em 1.5em; +} + +/*-------------- + Compact +---------------*/ + +.ui.compact.table th { + padding-left: 0.7em; + padding-right: 0.7em; +} + +.ui.compact.table td { + padding: 0.5em 0.7em; +} + +/* Very */ + +.ui[class*="very compact"].table th { + padding-left: 0.6em; + padding-right: 0.6em; +} + +.ui[class*="very compact"].table td { + padding: 0.4em 0.6em; +} + +/*-------------- + Sizes +---------------*/ + +/* Small */ + +.ui.small.table { + font-size: 0.9em; +} + +/* Standard */ + +.ui.table { + font-size: 1em; +} + +/* Large */ + +.ui.large.table { + font-size: 1.1em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Transition +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributorss +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Transitions +*******************************/ + +.transition { + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; + -webkit-animation-duration: 300ms; + animation-duration: 300ms; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +/******************************* + States +*******************************/ + +/* Animating */ + +.animating.transition { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateZ(0); + transform: translateZ(0); + visibility: visible !important; +} + +/* Loading */ + +.loading.transition { + position: absolute; + top: -99999px; + left: -99999px; +} + +/* Hidden */ + +.hidden.transition { + display: none; + visibility: hidden; +} + +/* Visible */ + +.visible.transition { + display: block !important; + visibility: visible !important; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateZ(0); + transform: translateZ(0); +} + +/* Disabled */ + +.disabled.transition { + -webkit-animation-play-state: paused; + animation-play-state: paused; +} + +/******************************* + Variations +*******************************/ + +.looping.transition { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +/******************************* + Transitions +*******************************/ + +/* + Some transitions adapted from Animate CSS + https://github.com/daneden/animate.css + + Additional transitions adapted from Glide + by Nick Pettit - https://github.com/nickpettit/glide +*/ + +/*-------------- + Browse +---------------*/ + +.transition.browse { + -webkit-animation-duration: 500ms; + animation-duration: 500ms; +} + +.transition.browse.in { + -webkit-animation-name: browseIn; + animation-name: browseIn; +} + +.transition.browse.out, +.transition.browse.left.out { + -webkit-animation-name: browseOutLeft; + animation-name: browseOutLeft; +} + +.transition.browse.right.out { + -webkit-animation-name: browseOutRight; + animation-name: browseOutRight; +} + +/* In */ + +@-webkit-keyframes browseIn { + 0% { + -webkit-transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0px); + z-index: -1; + } + + 10% { + -webkit-transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0px); + z-index: -1; + opacity: 0.7; + } + + 80% { + -webkit-transform: scale(1.05) translateZ(0px); + transform: scale(1.05) translateZ(0px); + opacity: 1; + z-index: 999; + } + + 100% { + -webkit-transform: scale(1) translateZ(0px); + transform: scale(1) translateZ(0px); + z-index: 999; + } +} + +@keyframes browseIn { + 0% { + -webkit-transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0px); + z-index: -1; + } + + 10% { + -webkit-transform: scale(0.8) translateZ(0px); + transform: scale(0.8) translateZ(0px); + z-index: -1; + opacity: 0.7; + } + + 80% { + -webkit-transform: scale(1.05) translateZ(0px); + transform: scale(1.05) translateZ(0px); + opacity: 1; + z-index: 999; + } + + 100% { + -webkit-transform: scale(1) translateZ(0px); + transform: scale(1) translateZ(0px); + z-index: 999; + } +} + +/* Out */ + +@-webkit-keyframes browseOutLeft { + 0% { + z-index: 999; + -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0%) rotateY(0deg) rotateX(0deg); + } + + 50% { + z-index: -1; + -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + } + + 80% { + opacity: 1; + } + + 100% { + z-index: -1; + -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + opacity: 0; + } +} + +@keyframes browseOutLeft { + 0% { + z-index: 999; + -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0%) rotateY(0deg) rotateX(0deg); + } + + 50% { + z-index: -1; + -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + } + + 80% { + opacity: 1; + } + + 100% { + z-index: -1; + -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + opacity: 0; + } +} + +@-webkit-keyframes browseOutRight { + 0% { + z-index: 999; + -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0%) rotateY(0deg) rotateX(0deg); + } + + 50% { + z-index: 1; + -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + } + + 80% { + opacity: 1; + } + + 100% { + z-index: 1; + -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + opacity: 0; + } +} + +@keyframes browseOutRight { + 0% { + z-index: 999; + -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); + transform: translateX(0%) rotateY(0deg) rotateX(0deg); + } + + 50% { + z-index: 1; + -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); + } + + 80% { + opacity: 1; + } + + 100% { + z-index: 1; + -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); + opacity: 0; + } +} + +/*-------------- + Drop +---------------*/ + +.drop.transition { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-duration: 500ms; + animation-duration: 500ms; + -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); + animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); +} + +.drop.transition.in { + -webkit-animation-name: dropIn; + animation-name: dropIn; +} + +.drop.transition.out { + -webkit-animation-name: dropOut; + animation-name: dropOut; +} + +/* Drop */ + +@-webkit-keyframes dropIn { + 0% { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + } + + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes dropIn { + 0% { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + } + + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@-webkit-keyframes dropOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + } +} + +@keyframes dropOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + } +} + +/*-------------- + Fade +---------------*/ + +.transition.fade.in { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +.transition[class*="fade up"].in { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +.transition[class*="fade down"].in { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.transition[class*="fade left"].in { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +.transition[class*="fade right"].in { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +.transition.fade.out { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +.transition[class*="fade up"].out { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +.transition[class*="fade down"].out { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +.transition[class*="fade left"].out { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +.transition[class*="fade right"].out { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +/* In */ + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10%); + transform: translateY(10%); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(10%); + transform: translateY(10%); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10%); + transform: translateY(-10%); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-10%); + transform: translateY(-10%); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(10%); + transform: translateX(10%); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(10%); + transform: translateX(10%); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(-10%); + transform: translateX(-10%); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(-10%); + transform: translateX(-10%); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +/* Out */ + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(10%); + transform: translateY(10%); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(10%); + transform: translateY(10%); + } +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-10%); + transform: translateY(-10%); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-10%); + transform: translateY(-10%); + } +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(10%); + transform: translateX(10%); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(10%); + transform: translateX(10%); + } +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-10%); + transform: translateX(-10%); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-10%); + transform: translateX(-10%); + } +} + +/*-------------- + Flips +---------------*/ + +.flip.transition.in, +.flip.transition.out { + -webkit-animation-duration: 600ms; + animation-duration: 600ms; + -webkit-perspective: 2000px; + perspective: 2000px; +} + +.horizontal.flip.transition.in { + -webkit-animation-name: horizontalFlipIn; + animation-name: horizontalFlipIn; +} + +.horizontal.flip.transition.out { + -webkit-animation-name: horizontalFlipOut; + animation-name: horizontalFlipOut; +} + +.vertical.flip.transition.in { + -webkit-animation-name: verticalFlipIn; + animation-name: verticalFlipIn; +} + +.vertical.flip.transition.out { + -webkit-animation-name: verticalFlipOut; + animation-name: verticalFlipOut; +} + +/* In */ + +@-webkit-keyframes horizontalFlipIn { + 0% { + -webkit-transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0deg); + opacity: 1; + } +} + +@keyframes horizontalFlipIn { + 0% { + -webkit-transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0deg); + opacity: 1; + } +} + +@-webkit-keyframes verticalFlipIn { + 0% { + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0deg); + opacity: 1; + } +} + +@keyframes verticalFlipIn { + 0% { + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0deg); + opacity: 1; + } +} + +/* Out */ + +@-webkit-keyframes horizontalFlipOut { + 0% { + -webkit-transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); + opacity: 0; + } +} + +@keyframes horizontalFlipOut { + 0% { + -webkit-transform: perspective(2000px) rotateY(0deg); + transform: perspective(2000px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); + opacity: 0; + } +} + +@-webkit-keyframes verticalFlipOut { + 0% { + -webkit-transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; + } +} + +@keyframes verticalFlipOut { + 0% { + -webkit-transform: perspective(2000px) rotateX(0deg); + transform: perspective(2000px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; + } +} + +/*-------------- + Scale +---------------*/ + +.scale.transition.in { + -webkit-animation-name: scaleIn; + animation-name: scaleIn; +} + +.scale.transition.out { + -webkit-animation-name: scaleOut; + animation-name: scaleOut; +} + +/* In */ + +@-webkit-keyframes scaleIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.7); + transform: scale(0.7); + } + + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes scaleIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.7); + transform: scale(0.7); + } + + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +/* Out */ + +@-webkit-keyframes scaleOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(0.7); + transform: scale(0.7); + } +} + +@keyframes scaleOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(0.7); + transform: scale(0.7); + } +} + +/*-------------- + Fly +---------------*/ + +/* Inward */ + +.transition.fly { + -webkit-animation-duration: 0.6s; + animation-duration: 0.6s; + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); +} + +.transition.fly.in { + -webkit-animation-name: flyIn; + animation-name: flyIn; +} + +.transition[class*="fly up"].in { + -webkit-animation-name: flyInUp; + animation-name: flyInUp; +} + +.transition[class*="fly down"].in { + -webkit-animation-name: flyInDown; + animation-name: flyInDown; +} + +.transition[class*="fly left"].in { + -webkit-animation-name: flyInLeft; + animation-name: flyInLeft; +} + +.transition[class*="fly right"].in { + -webkit-animation-name: flyInRight; + animation-name: flyInRight; +} + +/* Outward */ + +.transition.fly.out { + -webkit-animation-name: flyOut; + animation-name: flyOut; +} + +.transition[class*="fly up"].out { + -webkit-animation-name: flyOutUp; + animation-name: flyOutUp; +} + +.transition[class*="fly down"].out { + -webkit-animation-name: flyOutDown; + animation-name: flyOutDown; +} + +.transition[class*="fly left"].out { + -webkit-animation-name: flyOutLeft; + animation-name: flyOutLeft; +} + +.transition[class*="fly right"].out { + -webkit-animation-name: flyOutRight; + animation-name: flyOutRight; +} + +/* In */ + +@-webkit-keyframes flyIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes flyIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@-webkit-keyframes flyInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 1500px, 0); + transform: translate3d(0, 1500px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes flyInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 1500px, 0); + transform: translate3d(0, 1500px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@-webkit-keyframes flyInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -1500px, 0); + transform: translate3d(0, -1500px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes flyInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -1500px, 0); + transform: translate3d(0, -1500px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@-webkit-keyframes flyInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(1500px, 0, 0); + transform: translate3d(1500px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes flyInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(1500px, 0, 0); + transform: translate3d(1500px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@-webkit-keyframes flyInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(-1500px, 0, 0); + transform: translate3d(-1500px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes flyInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(-1500px, 0, 0); + transform: translate3d(-1500px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +/* Out */ + +@-webkit-keyframes flyOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +@keyframes flyOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +@-webkit-keyframes flyOutUp { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes flyOutUp { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@-webkit-keyframes flyOutDown { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes flyOutDown { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@-webkit-keyframes flyOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes flyOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@-webkit-keyframes flyOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes flyOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +/*-------------- + Slide +---------------*/ + +.transition.slide.in, +.transition[class*="slide down"].in { + -webkit-animation-name: slideInY; + animation-name: slideInY; + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; +} + +.transition[class*="slide up"].in { + -webkit-animation-name: slideInY; + animation-name: slideInY; + -webkit-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; +} + +.transition[class*="slide left"].in { + -webkit-animation-name: slideInX; + animation-name: slideInX; + -webkit-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; +} + +.transition[class*="slide right"].in { + -webkit-animation-name: slideInX; + animation-name: slideInX; + -webkit-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; +} + +.transition.slide.out, +.transition[class*="slide down"].out { + -webkit-animation-name: slideOutY; + animation-name: slideOutY; + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; +} + +.transition[class*="slide up"].out { + -webkit-animation-name: slideOutY; + animation-name: slideOutY; + -webkit-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; +} + +.transition[class*="slide left"].out { + -webkit-animation-name: slideOutX; + animation-name: slideOutX; + -webkit-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; +} + +.transition[class*="slide right"].out { + -webkit-animation-name: slideOutX; + animation-name: slideOutX; + -webkit-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; +} + +/* In */ + +@-webkit-keyframes slideInY { + 0% { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + + 100% { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} + +@keyframes slideInY { + 0% { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } + + 100% { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } +} + +@-webkit-keyframes slideInX { + 0% { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); + } + + 100% { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +@keyframes slideInX { + 0% { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); + } + + 100% { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } +} + +/* Out */ + +@-webkit-keyframes slideOutY { + 0% { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + + 100% { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} + +@keyframes slideOutY { + 0% { + opacity: 1; + -webkit-transform: scaleY(1); + transform: scaleY(1); + } + + 100% { + opacity: 0; + -webkit-transform: scaleY(0); + transform: scaleY(0); + } +} + +@-webkit-keyframes slideOutX { + 0% { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + 100% { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); + } +} + +@keyframes slideOutX { + 0% { + opacity: 1; + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + + 100% { + opacity: 0; + -webkit-transform: scaleX(0); + transform: scaleX(0); + } +} + +/*-------------- + Swing +---------------*/ + +.transition.swing { + -webkit-animation-duration: 800ms; + animation-duration: 800ms; +} + +.transition[class*="swing down"].in { + -webkit-animation-name: swingInX; + animation-name: swingInX; + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; +} + +.transition[class*="swing up"].in { + -webkit-animation-name: swingInX; + animation-name: swingInX; + -webkit-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; +} + +.transition[class*="swing left"].in { + -webkit-animation-name: swingInY; + animation-name: swingInY; + -webkit-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; +} + +.transition[class*="swing right"].in { + -webkit-animation-name: swingInY; + animation-name: swingInY; + -webkit-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; +} + +.transition.swing.out, +.transition[class*="swing down"].out { + -webkit-animation-name: swingOutX; + animation-name: swingOutX; + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; +} + +.transition[class*="swing up"].out { + -webkit-animation-name: swingOutX; + animation-name: swingOutX; + -webkit-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; +} + +.transition[class*="swing left"].out { + -webkit-animation-name: swingOutY; + animation-name: swingOutY; + -webkit-transform-origin: center right; + -ms-transform-origin: center right; + transform-origin: center right; +} + +.transition[class*="swing right"].out { + -webkit-animation-name: swingOutY; + animation-name: swingOutY; + -webkit-transform-origin: center left; + -ms-transform-origin: center left; + transform-origin: center left; +} + +/* In */ + +@-webkit-keyframes swingInX { + 0% { + -webkit-transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); + opacity: 1; + } + + 60% { + -webkit-transform: perspective(1000px) rotateX(15deg); + transform: perspective(1000px) rotateX(15deg); + } + + 80% { + -webkit-transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg); + } + + 100% { + -webkit-transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0deg); + } +} + +@keyframes swingInX { + 0% { + -webkit-transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); + opacity: 1; + } + + 60% { + -webkit-transform: perspective(1000px) rotateX(15deg); + transform: perspective(1000px) rotateX(15deg); + } + + 80% { + -webkit-transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg); + } + + 100% { + -webkit-transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0deg); + } +} + +@-webkit-keyframes swingInY { + 0% { + -webkit-transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); + opacity: 1; + } + + 60% { + -webkit-transform: perspective(1000px) rotateY(-17.5deg); + transform: perspective(1000px) rotateY(-17.5deg); + } + + 80% { + -webkit-transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg); + } + + 100% { + -webkit-transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0deg); + } +} + +@keyframes swingInY { + 0% { + -webkit-transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); + opacity: 1; + } + + 60% { + -webkit-transform: perspective(1000px) rotateY(-17.5deg); + transform: perspective(1000px) rotateY(-17.5deg); + } + + 80% { + -webkit-transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg); + } + + 100% { + -webkit-transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0deg); + } +} + +/* Out */ + +@-webkit-keyframes swingOutX { + 0% { + -webkit-transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0deg); + } + + 40% { + -webkit-transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg); + } + + 60% { + -webkit-transform: perspective(1000px) rotateX(17.5deg); + transform: perspective(1000px) rotateX(17.5deg); + } + + 80% { + -webkit-transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes swingOutX { + 0% { + -webkit-transform: perspective(1000px) rotateX(0deg); + transform: perspective(1000px) rotateX(0deg); + } + + 40% { + -webkit-transform: perspective(1000px) rotateX(-7.5deg); + transform: perspective(1000px) rotateX(-7.5deg); + } + + 60% { + -webkit-transform: perspective(1000px) rotateX(17.5deg); + transform: perspective(1000px) rotateX(17.5deg); + } + + 80% { + -webkit-transform: perspective(1000px) rotateX(-30deg); + transform: perspective(1000px) rotateX(-30deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(1000px) rotateX(90deg); + transform: perspective(1000px) rotateX(90deg); + opacity: 0; + } +} + +@-webkit-keyframes swingOutY { + 0% { + -webkit-transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0deg); + } + + 40% { + -webkit-transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg); + } + + 60% { + -webkit-transform: perspective(1000px) rotateY(-10deg); + transform: perspective(1000px) rotateY(-10deg); + } + + 80% { + -webkit-transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); + opacity: 0; + } +} + +@keyframes swingOutY { + 0% { + -webkit-transform: perspective(1000px) rotateY(0deg); + transform: perspective(1000px) rotateY(0deg); + } + + 40% { + -webkit-transform: perspective(1000px) rotateY(7.5deg); + transform: perspective(1000px) rotateY(7.5deg); + } + + 60% { + -webkit-transform: perspective(1000px) rotateY(-10deg); + transform: perspective(1000px) rotateY(-10deg); + } + + 80% { + -webkit-transform: perspective(1000px) rotateY(30deg); + transform: perspective(1000px) rotateY(30deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(1000px) rotateY(-90deg); + transform: perspective(1000px) rotateY(-90deg); + opacity: 0; + } +} + +/******************************* + Static Animations +*******************************/ + +/*-------------- + Emphasis +---------------*/ + +.flash.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: flash; + animation-name: flash; +} + +.shake.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: shake; + animation-name: shake; +} + +.bounce.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: bounce; + animation-name: bounce; +} + +.tada.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: tada; + animation-name: tada; +} + +.pulse.transition { + -webkit-animation-duration: 500ms; + animation-duration: 500ms; + -webkit-animation-name: pulse; + animation-name: pulse; +} + +.jiggle.transition { + -webkit-animation-duration: 750ms; + animation-duration: 750ms; + -webkit-animation-name: jiggle; + animation-name: jiggle; +} + +/* Flash */ + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +/* Shake */ + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } +} + +/* Bounce */ + +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +/* Tada */ + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +/* Pulse */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 50% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } + + 50% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + opacity: 0.7; + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; + } +} + +/* Rubberband */ + +@-webkit-keyframes jiggle { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes jiggle { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Video +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Video +*******************************/ + +.ui.video { + background-color: #dddddd; + position: relative; + max-width: 100%; + padding-bottom: 56.25%; + height: 0px; + overflow: hidden; +} + +/*-------------- + Content +---------------*/ + +/* Placeholder Image */ + +.ui.video .placeholder { + background-color: #333333; +} + +/* Play Icon Overlay */ + +.ui.video .play { + cursor: pointer; + position: absolute; + top: 0px; + left: 0px; + z-index: 10; + width: 100%; + height: 100%; + opacity: 0.8; + -webkit-transition: opacity 0.3s; + transition: opacity 0.3s; +} + +.ui.video .play.icon:before { + position: absolute; + top: 50%; + left: 50%; + z-index: 11; + background: rgba(0, 0, 0, 0.3); + width: 8rem; + height: 8rem; + line-height: 8rem; + border-radius: 500rem; + color: #ffffff; + font-size: 8rem; + text-shadow: none; + -webkit-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.ui.video .placeholder { + position: absolute; + top: 0px; + left: 0px; + display: block; + width: 100%; + height: 100%; +} + +/* IFrame Embed */ + +.ui.video .embed iframe, +.ui.video .embed embed, +.ui.video .embed object { + position: absolute; + border: none; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + margin: 0em; + padding: 0em; +} + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + +.ui.video .play:hover { + opacity: 1; +} + +/*-------------- + Active +---------------*/ + +.ui.video.active .play, +.ui.video.active .placeholder { + display: none; +} + +.ui.video.active .embed { + display: inline; +} + +/******************************* + Video Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ +/*! +* # Semantic UI x.x - Form +* http://github.com/semantic-org/semantic-ui/ +* +* +* Copyright 2014 Contributors +* Released under the MIT license +* http://opensource.org/licenses/MIT +* +*/ + +/******************************* + Elements +*******************************/ + +/*-------------------- + Form +---------------------*/ + +.ui.form { + position: relative; + max-width: 100%; +} + +/*-------------------- + Content +---------------------*/ + +.ui.form > p { + margin: 1em 0em; +} + +/*-------------------- + Field +---------------------*/ + +.ui.form .fields .field, +.ui.form .field { + clear: both; + margin: 0em 0em 1em; +} + +.ui.form .fields:last-child, +.ui.form .field:last-child { + margin-bottom: 0em; +} + +/*-------------------- + Labels +---------------------*/ + +.ui.form .field > label { + display: block; + margin: 0em 0em 0.2857rem 0em; + color: #212121; + font-size: 0.9285em; + font-weight: bold; + text-transform: none; +} + +.ui.form .grouped.fields > label { + margin: 0em 0em 0.2857rem 0em; + color: #212121; + font-size: 0.9285em; + font-weight: bold; + text-transform: none; +} + +.ui.form .inline.fields > label { + display: inline-block; + vertical-align: middle; + margin: 0em 1em 0em 0em; + color: #212121; + font-size: 0.9285em; + font-weight: bold; + text-transform: none; +} + +/*-------------------- + Standard Inputs +---------------------*/ + +.ui.form textarea, +.ui.form input:not([type]), +.ui.form input[type="date"], +.ui.form input[type="datetime-local"], +.ui.form input[type="email"], +.ui.form input[type="number"], +.ui.form input[type="password"], +.ui.form input[type="search"], +.ui.form input[type="tel"], +.ui.form input[type="time"], +.ui.form input[type="text"], +.ui.form input[type="url"], +.ui.form .ui.input { + width: 100%; + vertical-align: top; +} + +.ui.form input:not([type]), +.ui.form input[type="date"], +.ui.form input[type="datetime-local"], +.ui.form input[type="email"], +.ui.form input[type="number"], +.ui.form input[type="password"], +.ui.form input[type="search"], +.ui.form input[type="tel"], +.ui.form input[type="time"], +.ui.form input[type="text"], +.ui.form input[type="url"] { + font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif; + margin: 0em; + outline: none; + -webkit-appearance: none; + tap-highlight-color: rgba(255, 255, 255, 0); + line-height: 1.2142em; + padding: 0.67861em 1em; + font-size: 1em; + background: #ffffff; + border: 1px solid rgba(39, 41, 43, 0.15); + color: #212121; + border-radius: 2px; + box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} + +.ui.textarea, +.ui.form textarea { + margin: 0em; + -webkit-appearance: none; + tap-highlight-color: rgba(255, 255, 255, 0); + padding: 0.78571em 1em; + background: #ffffff; + border: 1px solid rgba(39, 41, 43, 0.15); + outline: none; + color: #212121; + border-radius: 2px; + box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + font-size: 1em; + height: 12em; + min-height: 8em; + max-height: 24em; + line-height: 1.2857; + resize: vertical; +} + +.ui.form textarea, +.ui.form input[type="checkbox"] { + vertical-align: top; +} + +/*-------------------------- + Input w/ attached Button +---------------------------*/ + +.ui.form input.attached { + width: auto; +} + +/*-------------------- + Basic Select +---------------------*/ + +.ui.form select { + display: block; + height: auto; + width: 100%; + background: #ffffff; + border: 1px solid rgba(39, 41, 43, 0.15); + border-radius: 2px; + box-shadow: 0em 0em 0em 0em transparent inset; + padding: 0.62em 1em; + color: #212121; + -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} + +/*-------------------- + Dropdown +---------------------*/ + +.ui.form .field > .selection.dropdown { + width: 100%; +} + +.ui.form .field > .selection.dropdown > .dropdown.icon { + float: right; +} + +.ui.form .inline.field > .selection.dropdown { + width: auto; +} + +.ui.form .inline.field > .selection.dropdown > .dropdown.icon { + float: none; +} + +/*-------------------- + Dividers +---------------------*/ + +.ui.form .divider { + clear: both; + margin: 1em 0em; +} + +/*-------------------- + Types of Messages +---------------------*/ + +.ui.form .success.message, +.ui.form .warning.message, +.ui.form .error.message { + display: none; +} + +/* Assumptions */ + +.ui.form .message:first-child { + margin-top: 0px; +} + +/*-------------------- + Validation Prompt +---------------------*/ + +.ui.form .field .prompt.label { + white-space: nowrap; +} + +.ui.form .inline.field .prompt { + margin: -0.5em 0em -0.5em 1em; +} + +.ui.form .inline.field .prompt:before { + margin-top: -0.3em; + bottom: auto; + right: auto; + top: 50%; + left: 0em; +} + +/******************************* + States +*******************************/ + +/*-------------------- + Placeholder +---------------------*/ + +/* browsers require these rules separate */ + +.ui.form ::-webkit-input-placeholder { + color: #adadad; +} + +.ui.form ::-moz-placeholder { + color: #adadad; +} + +.ui.form :focus::-webkit-input-placeholder { + color: #7a7a7a; +} + +.ui.form :focus::-moz-placeholder { + color: #7a7a7a; +} + +/* Error Placeholder */ + +.ui.form .error ::-webkit-input-placeholder { + color: #f77066; +} + +.ui.form .error ::-moz-placeholder { + color: #f77066; +} + +.ui.form .error :focus::-webkit-input-placeholder { + color: #f55a4e; +} + +.ui.form .error :focus::-moz-placeholder { + color: #f55a4e; +} + +/*-------------------- + Focus +---------------------*/ + +.ui.form input:not([type]):focus, +.ui.form input[type="date"]:focus, +.ui.form input[type="datetime-local"]:focus, +.ui.form input[type="email"]:focus, +.ui.form input[type="number"]:focus, +.ui.form input[type="password"]:focus, +.ui.form input[type="search"]:focus, +.ui.form input[type="tel"]:focus, +.ui.form input[type="time"]:focus, +.ui.form input[type="text"]:focus, +.ui.form input[type="url"]:focus { + color: rgba(0, 0, 0, 0.85); + border-color: rgba(39, 41, 43, 0.3); + border-radius: 0em 2px 2px 0em; + background: #ffffff; + box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset; +} + +.ui.form textarea:focus { + color: rgba(0, 0, 0, 0.85); + border-color: rgba(39, 41, 43, 0.3); + border-radius: 0em 2px 2px 0em; + background: #ffffff; + box-shadow: 1px 0em 0em 0em rgba(39, 41, 43, 0.3) inset; + -webkit-appearance: none; +} + +/*-------------------- + Success +---------------------*/ + +/* On Form */ + +.ui.form.success .success.message { + display: block; +} + +/*-------------------- + Error +---------------------*/ + +/* On Form */ + +.ui.form.warning .warning.message { + display: block; +} + +/*-------------------- + Warning +---------------------*/ + +/* On Form */ + +.ui.form.error .error.message { + display: block; +} + +/* On Field(s) */ + +.ui.form .fields.error .field label, +.ui.form .field.error label, +.ui.form .fields.error .field .input, +.ui.form .field.error .input { + color: #f44336; +} + +.ui.form .fields.error .field .corner.label, +.ui.form .field.error .corner.label { + border-color: #f44336; + color: #ffffff; +} + +.ui.form .fields.error .field textarea, +.ui.form .fields.error .field select, +.ui.form .fields.error .field input:not([type]), +.ui.form .fields.error .field input[type="date"], +.ui.form .fields.error .field input[type="datetime-local"], +.ui.form .fields.error .field input[type="email"], +.ui.form .fields.error .field input[type="number"], +.ui.form .fields.error .field input[type="password"], +.ui.form .fields.error .field input[type="search"], +.ui.form .fields.error .field input[type="tel"], +.ui.form .fields.error .field input[type="time"], +.ui.form .fields.error .field input[type="text"], +.ui.form .fields.error .field input[type="url"], +.ui.form .field.error textarea, +.ui.form .field.error select, +.ui.form .field.error input:not([type]), +.ui.form .field.error input[type="date"], +.ui.form .field.error input[type="datetime-local"], +.ui.form .field.error input[type="email"], +.ui.form .field.error input[type="number"], +.ui.form .field.error input[type="password"], +.ui.form .field.error input[type="search"], +.ui.form .field.error input[type="tel"], +.ui.form .field.error input[type="time"], +.ui.form .field.error input[type="text"], +.ui.form .field.error input[type="url"] { + background: #fff0f0; + border-color: #dbb1b1; + color: #f44336; + border-radius: 0em 2px 2px 0em; + box-shadow: 2px 0em 0em 0em #f44336 inset; +} + +.ui.form .field.error textarea:focus, +.ui.form .field.error select:focus, +.ui.form .field.error input:not([type]):focus, +.ui.form .field.error input[type="date"]:focus, +.ui.form .field.error input[type="datetime-local"]:focus, +.ui.form .field.error input[type="email"]:focus, +.ui.form .field.error input[type="number"]:focus, +.ui.form .field.error input[type="password"]:focus, +.ui.form .field.error input[type="search"]:focus, +.ui.form .field.error input[type="tel"]:focus, +.ui.form .field.error input[type="time"]:focus, +.ui.form .field.error input[type="text"]:focus, +.ui.form .field.error input[type="url"]:focus { + background: #fff0f0; + border-color: #dbb1b1; + color: #f55145; + -webkit-appearance: none; + box-shadow: 2px 0em 0em 0em #f55145 inset; +} + +/* Preserve Native Select Stylings */ + +.ui.form .field.error select { + -webkit-appearance: menulist-button; +} + +/*------------------ + Dropdown Error +--------------------*/ + +.ui.form .fields.error .field .ui.dropdown, +.ui.form .fields.error .field .ui.dropdown .item, +.ui.form .field.error .ui.dropdown, +.ui.form .field.error .ui.dropdown .text, +.ui.form .field.error .ui.dropdown .item { + background: #fff0f0; + color: #f44336; +} + +.ui.form .fields.error .field .ui.dropdown, +.ui.form .field.error .ui.dropdown { + border-color: #dbb1b1 !important; +} + +.ui.form .fields.error .field .ui.dropdown:hover, +.ui.form .field.error .ui.dropdown:hover { + border-color: #dbb1b1 !important; +} + +.ui.form .fields.error .field .ui.dropdown:hover .menu, +.ui.form .field.error .ui.dropdown:hover .menu { + border-color: #dbb1b1; +} + +/* Hover */ + +.ui.form .fields.error .field .ui.dropdown .menu .item:hover, +.ui.form .field.error .ui.dropdown .menu .item:hover { + background-color: #fbe7e7; +} + +/* Active */ + +.ui.form .fields.error .field .ui.dropdown .menu .active.item, +.ui.form .field.error .ui.dropdown .menu .active.item { + background-color: #fdcfcf !important; +} + +/*-------------------- + Checkbox Error +---------------------*/ + +.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, +.ui.form .field.error .checkbox:not(.toggle):not(.slider) label, +.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, +.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box { + color: #f44336; +} + +.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before, +.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, +.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, +.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before { + background: #fff0f0; + border-color: #dbb1b1; +} + +.ui.form .fields.error .field .checkbox label:after, +.ui.form .field.error .checkbox label:after, +.ui.form .fields.error .field .checkbox .box:after, +.ui.form .field.error .checkbox .box:after { + color: #f44336; +} + +/*-------------------- + Disabled +---------------------*/ + +.ui.form .field :disabled, +.ui.form .field.disabled { + opacity: 0.5; +} + +.ui.form .field.disabled label { + opacity: 0.5; +} + +.ui.form .field.disabled :disabled { + opacity: 1; +} + +/*-------------- + Loading +---------------*/ + +.ui.loading.form { + position: relative; + cursor: default; + point-events: none; + text-shadow: none !important; + color: transparent !important; + -webkit-transition: all 0s linear; + transition: all 0s linear; + z-index: 100; +} + +.ui.loading.form:before { + position: absolute; + content: ''; + top: 0%; + left: 0%; + background: rgba(255, 255, 255, 0.8); + width: 100%; + height: 100%; + z-index: 100; +} + +.ui.loading.form:after { + position: absolute; + content: ''; + top: 50%; + left: 50%; + margin: -1.5em 0em 0em -1.5em; + width: 3em; + height: 3em; + -webkit-animation: form-spin 0.6s linear; + animation: form-spin 0.6s linear; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + border-radius: 500rem; + border-color: #aaaaaa rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); + border-style: solid; + border-width: 0.2em; + box-shadow: 0px 0px 0px 1px transparent; + visibility: visible; + z-index: 101; +} + +@-webkit-keyframes form-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes form-spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +/******************************* + Element Types +*******************************/ + +/*-------------------- + Required Field +---------------------*/ + +.ui.form .required.fields > .field > label:after, +.ui.form .required.field > label:after, +.ui.form .required.fields > .field > .checkbox:after, +.ui.form .required.field > .checkbox:after { + margin: -0.2em 0em 0em 0.2em; + content: '*'; + color: #f44336; +} + +.ui.form .required.fields > .field > label:after, +.ui.form .required.field > label:after { + display: inline-block; + vertical-align: top; +} + +.ui.form .required.fields > .field > .checkbox:after, +.ui.form .required.field > .checkbox:after { + position: absolute; + top: 0%; + left: 100%; +} + +/******************************* + Variations +*******************************/ + +/*-------------------- + Inverted Colors +---------------------*/ + +.ui.inverted.form label, +.ui.form .inverted.segment label, +.ui.form .inverted.segment .ui.checkbox label, +.ui.form .inverted.segment .ui.checkbox .box, +.ui.inverted.form .ui.checkbox label, +.ui.inverted.form .ui.checkbox .box { + color: #ffffff; +} + +/*-------------------- + Field Groups +---------------------*/ + +/* Grouped Vertically */ + +.ui.form .grouped.fields { + margin: 0em 0em 1em; +} + +.ui.form .grouped.fields:last-child { + margin-bottom: 0em; +} + +.ui.form .grouped.fields > label { + font-size: 0.9285em; +} + +.ui.form .grouped.fields .field { + display: block; + float: none; + margin: 0.5em 0em; + padding: 0em; +} + +/*-------------------- + Fields +---------------------*/ + +/* Split fields */ + +.ui.form .fields { + clear: both; +} + +.ui.form .fields:after { + content: ' '; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.ui.form .fields > .field { + clear: none; + float: left; + padding-left: 0.5em; + padding-right: 0.5em; +} + +.ui.form .fields > .field:first-child { + border-left: none; + box-shadow: none; +} + +/* Other Combinations */ + +.ui.form .two.fields > .fields, +.ui.form .two.fields > .field { + width: 50%; +} + +.ui.form .three.fields > .fields, +.ui.form .three.fields > .field { + width: 33.33333333%; +} + +.ui.form .four.fields > .fields, +.ui.form .four.fields > .field { + width: 25%; +} + +.ui.form .five.fields > .fields, +.ui.form .five.fields > .field { + width: 20%; +} + +.ui.form .six.fields > .fields, +.ui.form .six.fields > .field { + width: 16.66666667%; +} + +.ui.form .seven.fields > .fields, +.ui.form .seven.fields > .field { + width: 14.28571429%; +} + +.ui.form .eight.fields > .fields, +.ui.form .eight.fields > .field { + width: 12.5%; +} + +.ui.form .nine.fields > .fields, +.ui.form .nine.fields > .field { + width: 11.11111111%; +} + +.ui.form .ten.fields > .fields, +.ui.form .ten.fields > .field { + width: 10%; +} + +/* Swap to full width on mobile */ + +@media only screen and (max-width: 767px) { + .ui.form .two.fields > .fields, + .ui.form .two.fields > .field, + .ui.form .three.fields > .fields, + .ui.form .three.fields > .field, + .ui.form .four.fields > .fields, + .ui.form .four.fields > .field, + .ui.form .five.fields > .fields, + .ui.form .five.fields > .field, + .ui.form .six.fields > .fields, + .ui.form .six.fields > .field, + .ui.form .seven.fields > .fields, + .ui.form .seven.fields > .field, + .ui.form .eight.fields > .fields, + .ui.form .eight.fields > .field, + .ui.form .nine.fields > .fields, + .ui.form .nine.fields > .field, + .ui.form .ten.fields > .fields, + .ui.form .ten.fields > .field { + width: 100% !important; + margin: 0em 0em 1em; + padding-left: 0%; + padding-right: 0%; + } +} + +.ui.form .fields .field:first-child { + padding-left: 0%; +} + +.ui.form .fields .field:last-child { + padding-right: 0%; +} + +/* Sizing Combinations */ + +.ui.form .fields .wide.field { + width: 6.25%; + padding-left: 0.5em; + padding-right: 0.5em; +} + +.ui.form .fields .wide.field:first-child { + padding-left: 0%; +} + +.ui.form .fields .wide.field:last-child { + padding-right: 0%; +} + +.ui.form .one.wide.field { + width: 6.25% !important; +} + +.ui.form .two.wide.field { + width: 12.5% !important; +} + +.ui.form .three.wide.field { + width: 18.75% !important; +} + +.ui.form .four.wide.field { + width: 25% !important; +} + +.ui.form .five.wide.field { + width: 31.25% !important; +} + +.ui.form .six.wide.field { + width: 37.5% !important; +} + +.ui.form .seven.wide.field { + width: 43.75% !important; +} + +.ui.form .eight.wide.field { + width: 50% !important; +} + +.ui.form .nine.wide.field { + width: 56.25% !important; +} + +.ui.form .ten.wide.field { + width: 62.5% !important; +} + +.ui.form .eleven.wide.field { + width: 68.75% !important; +} + +.ui.form .twelve.wide.field { + width: 75% !important; +} + +.ui.form .thirteen.wide.field { + width: 81.25% !important; +} + +.ui.form .fourteen.wide.field { + width: 87.5% !important; +} + +.ui.form .fifteen.wide.field { + width: 93.75% !important; +} + +.ui.form .sixteen.wide.field { + width: 100% !important; +} + +/* Swap to full width on mobile */ + +@media only screen and (max-width: 767px) { + .ui.form .two.fields > .fields, + .ui.form .two.fields > .field, + .ui.form .three.fields > .fields, + .ui.form .three.fields > .field, + .ui.form .four.fields > .fields, + .ui.form .four.fields > .field, + .ui.form .five.fields > .fields, + .ui.form .five.fields > .field, + .ui.form .fields > .two.wide.field, + .ui.form .fields > .three.wide.field, + .ui.form .fields > .four.wide.field, + .ui.form .fields > .five.wide.field, + .ui.form .fields > .six.wide.field, + .ui.form .fields > .seven.wide.field, + .ui.form .fields > .eight.wide.field, + .ui.form .fields > .nine.wide.field, + .ui.form .fields > .ten.wide.field, + .ui.form .fields > .eleven.wide.field, + .ui.form .fields > .twelve.wide.field, + .ui.form .fields > .thirteen.wide.field, + .ui.form .fields > .fourteen.wide.field, + .ui.form .fields > .fifteen.wide.field, + .ui.form .fields > .sixteen.wide.field { + width: 100% !important; + margin: 0em 0em 1em; + padding-left: 0%; + padding-right: 0%; + } +} + +/*-------------------- + Inline Fields +---------------------*/ + +.ui.form .inline.fields { + margin: 0em 0em 1em; +} + +.ui.form .inline.fields .field { + display: inline-block; + float: none; + margin: 0em 1em 0em 0em; + padding: 0em; +} + +.ui.form .inline.fields .field > label, +.ui.form .inline.fields .field > p, +.ui.form .inline.fields .field > input, +.ui.form .inline.fields .field > .ui.input, +.ui.form .inline.field > label, +.ui.form .inline.field > p, +.ui.form .inline.field > input, +.ui.form .inline.field > .ui.input { + display: inline-block; + width: auto; + margin-top: 0em; + margin-bottom: 0em; + vertical-align: middle; + font-size: 0.9285em; +} + +.ui.form .inline.fields .field > input, +.ui.form .inline.fields .field > .ui.input, +.ui.form .inline.field > input, +.ui.form .inline.field > .ui.input { + font-size: 0.9285em; +} + +.ui.form .inline.fields .field > .ui.checkbox label { + padding-left: 1.75em; +} + +/* Label */ + +.ui.form .inline.fields .field > :first-child, +.ui.form .inline.field > :first-child { + margin: 0em 0.2857rem 0em 0em; +} + +.ui.form .inline.fields .field > :only-child, +.ui.form .inline.field > :only-child { + margin: 0em; +} + +/*-------------------- + Sizes +---------------------*/ + +/* Standard */ + +.ui.small.form { + font-size: 0.875em; +} + +/* Medium */ + +.ui.form { + font-size: auto; +} + +/* Large */ + +.ui.large.form { + font-size: 1.125em; +} + +/* Huge */ + +.ui.huge.form { + font-size: 1.2em; +} + +/******************************* + Theme Overrides +*******************************/ + +/******************************* + Site Overrides +*******************************/ diff --git a/client/assets/less/lib/semantic/src/themes/default/globals/site.variables b/client/assets/less/lib/semantic/default.variables old mode 100755 new mode 100644 similarity index 100% rename from client/assets/less/lib/semantic/src/themes/default/globals/site.variables rename to client/assets/less/lib/semantic/default.variables diff --git a/client/assets/less/lib/semantic/src/themes/material/globals/site.variables b/client/assets/less/lib/semantic/material.variables old mode 100755 new mode 100644 similarity index 100% rename from client/assets/less/lib/semantic/src/themes/material/globals/site.variables rename to client/assets/less/lib/semantic/material.variables diff --git a/client/assets/less/lib/semantic/src/definitions/behaviors/api.js b/client/assets/less/lib/semantic/src/definitions/behaviors/api.js deleted file mode 100755 index 4f4b5c0..0000000 --- a/client/assets/less/lib/semantic/src/definitions/behaviors/api.js +++ /dev/null @@ -1,871 +0,0 @@ -/*! - * # Semantic UI - API - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ( $, window, document, undefined ) { - -"use strict"; - -$.api = $.fn.api = function(parameters) { - - var - // use window context if none specified - $allModules = $.isFunction(this) - ? $(window) - : $(this), - moduleSelector = $allModules.selector || '', - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - - returnedValue - ; - - $allModules - .each(function() { - var - settings = ( $.isPlainObject(parameters) ) - ? $.extend(true, {}, $.fn.api.settings, parameters) - : $.extend({}, $.fn.api.settings), - - // internal aliases - namespace = settings.namespace, - metadata = settings.metadata, - selector = settings.selector, - error = settings.error, - className = settings.className, - - // define namespaces for modules - eventNamespace = '.' + namespace, - moduleNamespace = 'module-' + namespace, - - // element that creates request - $module = $(this), - $form = $module.closest(selector.form), - - // context used for state - $context = (settings.stateContext) - ? $(settings.stateContext) - : $module, - - // request details - ajaxSettings, - requestSettings, - url, - data, - - // standard module - element = this, - context = $context.get(), - instance = $module.data(moduleNamespace), - module - ; - - module = { - - initialize: function() { - var - triggerEvent = module.get.event() - ; - // bind events - if(!methodInvoked) { - if( triggerEvent ) { - module.debug('Attaching API events to element', triggerEvent); - $module - .on(triggerEvent + eventNamespace, module.event.trigger) - ; - } - else if(settings.on == 'now') { - module.debug('Querying API now', triggerEvent); - module.query(); - } - } - module.instantiate(); - }, - - instantiate: function() { - module.verbose('Storing instance of module', module); - instance = module; - $module - .data(moduleNamespace, instance) - ; - }, - - destroy: function() { - module.verbose('Destroying previous module for', element); - $module - .removeData(moduleNamespace) - .off(eventNamespace) - ; - }, - - query: function() { - - if(module.is.disabled()) { - module.debug('Element is disabled API request aborted'); - return; - } - // determine if an api event already occurred - if(module.is.loading() && settings.throttle === 0 ) { - module.debug('Cancelling request, previous request is still pending'); - return; - } - - // pass element metadata to url (value, text) - if(settings.defaultData) { - $.extend(true, settings.urlData, module.get.defaultData()); - } - - // Add form content - if(settings.serializeForm !== false || $context.is('form')) { - if(settings.serializeForm == 'json') { - $.extend(true, settings.data, module.get.formData()); - } - else { - settings.data = module.get.formData(); - } - } - - // call beforesend and get any settings changes - requestSettings = module.get.settings(); - - // check if before send cancelled request - if(requestSettings === false) { - module.cancelled = true; - module.error(error.beforeSend); - return; - } - else { - module.cancelled = false; - } - - if(settings.url) { - // override with url if specified - module.debug('Using specified url', url); - url = module.add.urlData( settings.url ); - } - else { - // otherwise find url from api endpoints - url = module.add.urlData( module.get.templateURL() ); - module.debug('Added URL Data to url', url); - } - - // exit conditions reached, missing url parameters - if( !url ) { - if( module.is.form() ) { - url = $module.attr('action') || ''; - module.debug('No url or action specified, defaulting to form action', url); - } - else { - module.error(error.missingURL, settings.action); - return; - } - } - - // add loading state - module.set.loading(); - - // look for jQuery ajax parameters in settings - ajaxSettings = $.extend(true, {}, settings, { - type : settings.method || settings.type, - data : data, - url : settings.base + url, - beforeSend : settings.beforeXHR, - success : function() {}, - failure : function() {}, - complete : function() {} - }); - - module.debug('Querying URL', ajaxSettings.url); - module.debug('Sending data', data, ajaxSettings.method); - module.verbose('Using AJAX settings', ajaxSettings); - - if( module.is.loading() ) { - // throttle additional requests - module.timer = setTimeout(function() { - module.request = module.create.request(); - module.xhr = module.create.xhr(); - settings.onRequest.call(context, module.request, module.xhr); - }, settings.throttle); - } - else { - // immediately on first request - module.request = module.create.request(); - module.xhr = module.create.xhr(); - settings.onRequest.call(context, module.request, module.xhr); - } - - }, - - - is: { - disabled: function() { - return ($module.filter(settings.filter).length > 0); - }, - form: function() { - return $module.is('form'); - }, - input: function() { - return $module.is('input'); - }, - loading: function() { - return (module.request && module.request.state() == 'pending'); - } - }, - - was: { - cancelled: function() { - return (module.cancelled || false); - }, - succesful: function() { - return (module.request && module.request.state() == 'resolved'); - }, - failure: function() { - return (module.request && module.request.state() == 'rejected'); - }, - complete: function() { - return (module.request && (module.request.state() == 'resolved' || module.request.state() == 'rejected') ); - } - }, - - add: { - urlData: function(url, urlData) { - var - requiredVariables, - optionalVariables - ; - if(url) { - requiredVariables = url.match(settings.regExp.required); - optionalVariables = url.match(settings.regExp.optional); - urlData = urlData || settings.urlData; - if(requiredVariables) { - module.debug('Looking for required URL variables', requiredVariables); - $.each(requiredVariables, function(index, templatedString) { - var - // allow legacy {$var} style - variable = (templatedString.indexOf('$') !== -1) - ? templatedString.substr(2, templatedString.length - 3) - : templatedString.substr(1, templatedString.length - 2), - value = ($.isPlainObject(urlData) && urlData[variable] !== undefined) - ? urlData[variable] - : ($module.data(variable) !== undefined) - ? $module.data(variable) - : ($context.data(variable) !== undefined) - ? $context.data(variable) - : urlData[variable] - ; - // remove value - if(value === undefined) { - module.error(error.requiredParameter, variable, url); - url = false; - return false; - } - else { - module.verbose('Found required variable', variable, value); - url = url.replace(templatedString, value); - } - }); - } - if(optionalVariables) { - module.debug('Looking for optional URL variables', requiredVariables); - $.each(optionalVariables, function(index, templatedString) { - var - // allow legacy {/$var} style - variable = (templatedString.indexOf('$') !== -1) - ? templatedString.substr(3, templatedString.length - 4) - : templatedString.substr(2, templatedString.length - 3), - value = ($.isPlainObject(urlData) && urlData[variable] !== undefined) - ? urlData[variable] - : ($module.data(variable) !== undefined) - ? $module.data(variable) - : ($context.data(variable) !== undefined) - ? $context.data(variable) - : urlData[variable] - ; - // optional replacement - if(value !== undefined) { - module.verbose('Optional variable Found', variable, value); - url = url.replace(templatedString, value); - } - else { - module.verbose('Optional variable not found', variable); - // remove preceding slash if set - if(url.indexOf('/' + templatedString) !== -1) { - url = url.replace('/' + templatedString, ''); - } - else { - url = url.replace(templatedString, ''); - } - } - }); - } - } - return url; - } - }, - - event: { - trigger: function(event) { - module.query(); - if(event.type == 'submit' || event.type == 'click') { - event.preventDefault(); - } - }, - xhr: { - always: function() { - // calculate if loading time was below minimum threshold - }, - done: function(response) { - var - context = this, - elapsedTime = (new Date().getTime() - time), - timeLeft = (settings.loadingDuration - elapsedTime) - ; - timeLeft = (timeLeft > 0) - ? timeLeft - : 0 - ; - setTimeout(function() { - module.request.resolveWith(context, [response]); - }, timeLeft); - }, - fail: function(xhr, status, httpMessage) { - var - context = this, - elapsedTime = (new Date().getTime() - time), - timeLeft = (settings.loadingDuration - elapsedTime) - ; - timeLeft = (timeLeft > 0) - ? timeLeft - : 0 - ; - // page triggers abort on navigation, dont show error - setTimeout(function() { - if(status !== 'abort') { - module.request.rejectWith(context, [xhr, status, httpMessage]); - } - else { - module.reset(); - } - }, timeLeft); - } - }, - request: { - complete: function(response) { - module.remove.loading(); - settings.onComplete.call(context, response, $module); - }, - done: function(response) { - module.debug('API Response Received', response); - if(settings.dataType == 'json') { - if( $.isFunction(settings.successTest) ) { - module.debug('Checking JSON returned success', settings.successTest, response); - if( settings.successTest(response) ) { - settings.onSuccess.call(context, response, $module); - } - else { - module.debug('JSON test specified by user and response failed', response); - settings.onFailure.call(context, response, $module); - } - } - else { - settings.onSuccess.call(context, response, $module); - } - } - else { - settings.onSuccess.call(context, response, $module); - } - }, - error: function(xhr, status, httpMessage) { - var - errorMessage = (settings.error[status] !== undefined) - ? settings.error[status] - : httpMessage, - response - ; - // let em know unless request aborted - if(xhr !== undefined) { - // readyState 4 = done, anything less is not really sent - if(xhr.readyState !== undefined && xhr.readyState == 4) { - - // if http status code returned and json returned error, look for it - if( xhr.status != 200 && httpMessage !== undefined && httpMessage !== '') { - module.error(error.statusMessage + httpMessage, ajaxSettings.url); - } - else { - if(status == 'error' && settings.dataType == 'json') { - try { - response = $.parseJSON(xhr.responseText); - if(response && response.error !== undefined) { - errorMessage = response.error; - } - } - catch(e) { - module.error(error.JSONParse); - } - } - } - module.remove.loading(); - module.set.error(); - // show error state only for duration specified in settings - if(settings.errorDuration) { - setTimeout(module.remove.error, settings.errorDuration); - } - module.debug('API Request error:', errorMessage); - settings.onError.call(context, errorMessage, $module); - } - else { - settings.onAbort.call(context, errorMessage, $module); - module.debug('Request Aborted (Most likely caused by page change or CORS Policy)', status, httpMessage); - } - } - } - } - }, - - create: { - request: function() { - return $.Deferred() - .always(module.event.request.complete) - .done(module.event.request.done) - .fail(module.event.request.error) - ; - }, - xhr: function() { - return $.ajax(ajaxSettings) - .always(module.event.xhr.always) - .done(module.event.xhr.done) - .fail(module.event.xhr.fail) - ; - } - }, - - set: { - error: function() { - module.verbose('Adding error state to element', $context); - $context.addClass(className.error); - }, - loading: function() { - module.verbose('Adding loading state to element', $context); - $context.addClass(className.loading); - } - }, - - remove: { - error: function() { - module.verbose('Removing error state from element', $context); - $context.removeClass(className.error); - }, - loading: function() { - module.verbose('Removing loading state from element', $context); - $context.removeClass(className.loading); - } - }, - - get: { - request: function() { - return module.request || false; - }, - xhr: function() { - return module.xhr || false; - }, - settings: function() { - var - runSettings - ; - runSettings = settings.beforeSend.call($module, settings); - if(runSettings) { - if(runSettings.success !== undefined) { - module.debug('Legacy success callback detected', runSettings); - module.error(error.legacyParameters, runSettings.success); - runSettings.onSuccess = runSettings.success; - } - if(runSettings.failure !== undefined) { - module.debug('Legacy failure callback detected', runSettings); - module.error(error.legacyParameters, runSettings.failure); - runSettings.onFailure = runSettings.failure; - } - if(runSettings.complete !== undefined) { - module.debug('Legacy complete callback detected', runSettings); - module.error(error.legacyParameters, runSettings.complete); - runSettings.onComplete = runSettings.complete; - } - } - if(runSettings === undefined) { - module.error(error.noReturnedValue); - } - return (runSettings !== undefined) - ? runSettings - : settings - ; - }, - defaultData: function() { - var - data = {} - ; - if( !$.isWindow(element) ) { - if( module.is.input() ) { - data.value = $module.val(); - } - else if( !module.is.form() ) { - - } - else { - data.text = $module.text(); - } - } - return data; - }, - event: function() { - if( $.isWindow(element) || settings.on == 'now' ) { - module.debug('API called without element, no events attached'); - return false; - } - else if(settings.on == 'auto') { - if( $module.is('input') ) { - return (element.oninput !== undefined) - ? 'input' - : (element.onpropertychange !== undefined) - ? 'propertychange' - : 'keyup' - ; - } - else if( $module.is('form') ) { - return 'submit'; - } - else { - return 'click'; - } - } - else { - return settings.on; - } - }, - formData: function() { - var - formData - ; - if($module.serializeObject !== undefined) { - formData = $form.serializeObject(); - } - else { - module.error(error.missingSerialize); - formData = $form.serialize(); - } - module.debug('Retrieved form data', formData); - return formData; - }, - templateURL: function(action) { - var - url - ; - action = action || $module.data(metadata.action) || settings.action || false; - if(action) { - module.debug('Looking up url for action', action, settings.api); - if(settings.api[action] !== undefined) { - url = settings.api[action]; - module.debug('Found template url', url); - } - else if( !module.is.form() ) { - module.error(error.missingAction, settings.action, settings.api); - } - } - return url; - } - }, - - abort: function() { - var - xhr = module.get.xhr() - ; - if( xhr && xhr.state() !== 'resolved') { - module.debug('Cancelling API request'); - xhr.abort(); - module.request.rejectWith(settings.apiSettings); - } - }, - - // reset state - reset: function() { - module.remove.error(); - module.remove.loading(); - }, - - setting: function(name, value) { - module.debug('Changing setting', name, value); - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else if(value !== undefined) { - settings[name] = value; - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else if(value !== undefined) { - module[name] = value; - } - else { - return module[name]; - } - }, - debug: function() { - if(settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.debug.apply(console, arguments); - } - } - }, - verbose: function() { - if(settings.verbose && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.verbose.apply(console, arguments); - } - } - }, - error: function() { - module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); - module.error.apply(console, arguments); - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime; - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Name' : message[0], - 'Arguments' : [].slice.call(message, 1) || '', - //'Element' : element, - 'Execution Time' : executionTime - }); - } - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 100); - }, - display: function() { - var - title = settings.name + ':', - totalTime = 0 - ; - time = false; - clearTimeout(module.performance.timer); - $.each(performance, function(index, data) { - totalTime += data['Execution Time']; - }); - title += ' ' + totalTime + 'ms'; - if(moduleSelector) { - title += ' \'' + moduleSelector + '\''; - } - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - console.table(performance); - } - else { - $.each(performance, function(index, data) { - console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); - }); - } - console.groupEnd(); - } - performance = []; - } - }, - invoke: function(query, passedArguments, context) { - var - object = instance, - maxDepth, - found, - response - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && object !== undefined) { - query = query.split(/[\. ]/); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - var camelCaseValue = (depth != maxDepth) - ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) - : query - ; - if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { - object = object[camelCaseValue]; - } - else if( object[camelCaseValue] !== undefined ) { - found = object[camelCaseValue]; - return false; - } - else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { - object = object[value]; - } - else if( object[value] !== undefined ) { - found = object[value]; - return false; - } - else { - module.error(error.method, query); - return false; - } - }); - } - if ( $.isFunction( found ) ) { - response = found.apply(context, passedArguments); - } - else if(found !== undefined) { - response = found; - } - if($.isArray(returnedValue)) { - returnedValue.push(response); - } - else if(returnedValue !== undefined) { - returnedValue = [returnedValue, response]; - } - else if(response !== undefined) { - returnedValue = response; - } - return found; - } - }; - - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - if(instance !== undefined) { - instance.invoke('destroy'); - } - module.initialize(); - } - }) - ; - - return (returnedValue !== undefined) - ? returnedValue - : this - ; -}; - -$.api.settings = { - - name : 'API', - namespace : 'api', - - debug : true, - verbose : false, - performance : true, - - // event binding - on : 'auto', - filter : '.disabled', - stateContext : false, - - // state - loadingDuration : 0, - errorDuration : 2000, - - // templating - action : false, - url : false, - base : '', - - // data - urlData : {}, - - // ui - defaultData : true, - serializeForm : false, - throttle : 0, - - // jQ ajax - method : 'get', - data : {}, - dataType : 'json', - - // callbacks - beforeSend : function(settings) { return settings; }, - beforeXHR : function(xhr) {}, - - onRequest : function(promise, xhr) {}, - onSuccess : function(response, $module) {}, - onComplete : function(response, $module) {}, - onFailure : function(errorMessage, $module) {}, - onError : function(errorMessage, $module) {}, - onAbort : function(errorMessage, $module) {}, - - successTest : false, - - // errors - error : { - beforeSend : 'The before send function has aborted the request', - error : 'There was an error with your request', - exitConditions : 'API Request Aborted. Exit conditions met', - JSONParse : 'JSON could not be parsed during error handling', - legacyParameters : 'You are using legacy API success callback names', - method : 'The method you called is not defined', - missingAction : 'API action used but no url was defined', - missingSerialize : 'Required dependency jquery-serialize-object missing, using basic serialize', - missingURL : 'No URL specified for api event', - noReturnedValue : 'The beforeSend callback must return a settings object, beforeSend ignored.', - parseError : 'There was an error parsing your request', - requiredParameter : 'Missing a required URL parameter: ', - statusMessage : 'Server gave an error: ', - timeout : 'Your request timed out' - }, - - regExp : { - required: /\{\$*[A-z0-9]+\}/g, - optional: /\{\/\$*[A-z0-9]+\}/g, - }, - - className: { - loading : 'loading', - error : 'error' - }, - - selector: { - form: 'form' - }, - - metadata: { - action : 'action' - } -}; - - -$.api.settings.api = {}; - - -})( jQuery, window , document ); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/behaviors/colorize.js b/client/assets/less/lib/semantic/src/definitions/behaviors/colorize.js deleted file mode 100755 index 68cbc3a..0000000 --- a/client/assets/less/lib/semantic/src/definitions/behaviors/colorize.js +++ /dev/null @@ -1,272 +0,0 @@ -/*! - * # Semantic UI - Colorize - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ( $, window, document, undefined ) { - - "use strict"; - - $.fn.colorize = function(parameters) { - var - settings = $.extend(true, {}, $.fn.colorize.settings, parameters), - // hoist arguments - moduleArguments = arguments || false - ; - $(this) - .each(function(instanceIndex) { - - var - $module = $(this), - - mainCanvas = $('')[0], - imageCanvas = $('')[0], - overlayCanvas = $('')[0], - - backgroundImage = new Image(), - - // defs - mainContext, - imageContext, - overlayContext, - - image, - imageName, - - width, - height, - - // shortucts - colors = settings.colors, - paths = settings.paths, - namespace = settings.namespace, - error = settings.error, - - // boilerplate - instance = $module.data('module-' + namespace), - module - ; - - module = { - - checkPreconditions: function() { - module.debug('Checking pre-conditions'); - - if( !$.isPlainObject(colors) || $.isEmptyObject(colors) ) { - module.error(error.undefinedColors); - return false; - } - return true; - }, - - async: function(callback) { - if(settings.async) { - setTimeout(callback, 0); - } - else { - callback(); - } - }, - - getMetadata: function() { - module.debug('Grabbing metadata'); - image = $module.data('image') || settings.image || undefined; - imageName = $module.data('name') || settings.name || instanceIndex; - width = settings.width || $module.width(); - height = settings.height || $module.height(); - if(width === 0 || height === 0) { - module.error(error.undefinedSize); - } - }, - - initialize: function() { - module.debug('Initializing with colors', colors); - if( module.checkPreconditions() ) { - - module.async(function() { - module.getMetadata(); - module.canvas.create(); - - module.draw.image(function() { - module.draw.colors(); - module.canvas.merge(); - }); - $module - .data('module-' + namespace, module) - ; - }); - } - }, - - redraw: function() { - module.debug('Redrawing image'); - module.async(function() { - module.canvas.clear(); - module.draw.colors(); - module.canvas.merge(); - }); - }, - - change: { - color: function(colorName, color) { - module.debug('Changing color', colorName); - if(colors[colorName] === undefined) { - module.error(error.missingColor); - return false; - } - colors[colorName] = color; - module.redraw(); - } - }, - - canvas: { - create: function() { - module.debug('Creating canvases'); - - mainCanvas.width = width; - mainCanvas.height = height; - imageCanvas.width = width; - imageCanvas.height = height; - overlayCanvas.width = width; - overlayCanvas.height = height; - - mainContext = mainCanvas.getContext('2d'); - imageContext = imageCanvas.getContext('2d'); - overlayContext = overlayCanvas.getContext('2d'); - - $module - .append( mainCanvas ) - ; - mainContext = $module.children('canvas')[0].getContext('2d'); - }, - clear: function(context) { - module.debug('Clearing canvas'); - overlayContext.fillStyle = '#FFFFFF'; - overlayContext.fillRect(0, 0, width, height); - }, - merge: function() { - if( !$.isFunction(mainContext.blendOnto) ) { - module.error(error.missingPlugin); - return; - } - mainContext.putImageData( imageContext.getImageData(0, 0, width, height), 0, 0); - overlayContext.blendOnto(mainContext, 'multiply'); - } - }, - - draw: { - - image: function(callback) { - module.debug('Drawing image'); - callback = callback || function(){}; - if(image) { - backgroundImage.src = image; - backgroundImage.onload = function() { - imageContext.drawImage(backgroundImage, 0, 0); - callback(); - }; - } - else { - module.error(error.noImage); - callback(); - } - }, - - colors: function() { - module.debug('Drawing color overlays', colors); - $.each(colors, function(colorName, color) { - settings.onDraw(overlayContext, imageName, colorName, color); - }); - } - - }, - - debug: function(message, variableName) { - if(settings.debug) { - if(variableName !== undefined) { - console.info(settings.name + ': ' + message, variableName); - } - else { - console.info(settings.name + ': ' + message); - } - } - }, - error: function(errorMessage) { - console.warn(settings.name + ': ' + errorMessage); - }, - invoke: function(methodName, context, methodArguments) { - var - method - ; - methodArguments = methodArguments || Array.prototype.slice.call( arguments, 2 ); - - if(typeof methodName == 'string' && instance !== undefined) { - methodName = methodName.split('.'); - $.each(methodName, function(index, name) { - if( $.isPlainObject( instance[name] ) ) { - instance = instance[name]; - return true; - } - else if( $.isFunction( instance[name] ) ) { - method = instance[name]; - return true; - } - module.error(settings.error.method); - return false; - }); - } - return ( $.isFunction( method ) ) - ? method.apply(context, methodArguments) - : false - ; - } - - }; - if(instance !== undefined && moduleArguments) { - // simpler than invoke realizing to invoke itself (and losing scope due prototype.call() - if(moduleArguments[0] == 'invoke') { - moduleArguments = Array.prototype.slice.call( moduleArguments, 1 ); - } - return module.invoke(moduleArguments[0], this, Array.prototype.slice.call( moduleArguments, 1 ) ); - } - // initializing - module.initialize(); - }) - ; - return this; - }; - - $.fn.colorize.settings = { - name : 'Image Colorizer', - debug : true, - namespace : 'colorize', - - onDraw : function(overlayContext, imageName, colorName, color) {}, - - // whether to block execution while updating canvas - async : true, - // object containing names and default values of color regions - colors : {}, - - metadata: { - image : 'image', - name : 'name' - }, - - error: { - noImage : 'No tracing image specified', - undefinedColors : 'No default colors specified.', - missingColor : 'Attempted to change color that does not exist', - missingPlugin : 'Blend onto plug-in must be included', - undefinedHeight : 'The width or height of image canvas could not be automatically determined. Please specify a height.' - } - - }; - -})( jQuery, window , document ); diff --git a/client/assets/less/lib/semantic/src/definitions/behaviors/form.js b/client/assets/less/lib/semantic/src/definitions/behaviors/form.js deleted file mode 100755 index 81806e5..0000000 --- a/client/assets/less/lib/semantic/src/definitions/behaviors/form.js +++ /dev/null @@ -1,1118 +0,0 @@ -/*! - * # Semantic UI - Form Validation - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ( $, window, document, undefined ) { - -"use strict"; - -$.fn.form = function(fields, parameters) { - var - $allModules = $(this), - - settings = $.extend(true, {}, $.fn.form.settings, parameters), - validation = $.extend({}, $.fn.form.settings.defaults, fields), - - namespace = settings.namespace, - metadata = settings.metadata, - selector = settings.selector, - className = settings.className, - error = settings.error, - - eventNamespace = '.' + namespace, - moduleNamespace = 'module-' + namespace, - - moduleSelector = $allModules.selector || '', - - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - returnedValue - ; - $allModules - .each(function() { - var - $module = $(this), - $field = $(this).find(selector.field), - $group = $(this).find(selector.group), - $message = $(this).find(selector.message), - $prompt = $(this).find(selector.prompt), - - $submit = $(this).find(selector.submit), - $clear = $(this).find(selector.clear), - $reset = $(this).find(selector.reset), - - formErrors = [], - keyHeldDown = false, - - element = this, - instance = $module.data(moduleNamespace), - module - ; - - module = { - - initialize: function() { - module.verbose('Initializing form validation', $module, validation, settings); - module.bindEvents(); - module.set.defaults(); - module.instantiate(); - }, - - instantiate: function() { - module.verbose('Storing instance of module', module); - instance = module; - $module - .data(moduleNamespace, module) - ; - }, - - destroy: function() { - module.verbose('Destroying previous module', instance); - module.removeEvents(); - $module - .removeData(moduleNamespace) - ; - }, - - refresh: function() { - module.verbose('Refreshing selector cache'); - $field = $module.find(selector.field); - }, - - submit: function() { - module.verbose('Submitting form', $module); - $module - .submit() - ; - }, - - attachEvents: function(selector, action) { - action = action || 'submit'; - $(selector) - .on('click', function(event) { - module[action](); - event.preventDefault(); - }) - ; - }, - - bindEvents: function() { - if(settings.keyboardShortcuts) { - $field - .on('keydown' + eventNamespace, module.event.field.keydown) - ; - } - $module - .on('submit' + eventNamespace, module.validate.form) - ; - $field - .on('blur' + eventNamespace, module.event.field.blur) - ; - - // attach events to common elements - module.attachEvents($submit, 'submit'); - module.attachEvents($reset, 'reset'); - module.attachEvents($clear, 'clear'); - - $field - .each(function() { - var - type = $(this).prop('type'), - inputEvent = module.get.changeEvent(type) - ; - $(this) - .on(inputEvent + eventNamespace, module.event.field.change) - ; - }) - ; - }, - - clear: function() { - $field - .each(function () { - var - $field = $(this), - $element = $field.parent(), - $fieldGroup = $field.closest($group), - $prompt = $fieldGroup.find(selector.prompt), - defaultValue = $field.data(metadata.defaultValue) || '', - isCheckbox = $element.is(selector.uiCheckbox), - isDropdown = $element.is(selector.uiDropdown), - isErrored = $fieldGroup.hasClass(className.error) - ; - if(isErrored) { - module.verbose('Resetting error on field', $fieldGroup); - $fieldGroup.removeClass(className.error); - $prompt.remove(); - } - if(isDropdown) { - module.verbose('Resetting dropdown value', $element, defaultValue); - $element.dropdown('clear'); - } - else if(isCheckbox) { - $element.checkbox('uncheck'); - } - else { - module.verbose('Resetting field value', $field, defaultValue); - $field.val(''); - } - }) - ; - }, - - reset: function() { - $field - .each(function () { - var - $field = $(this), - $element = $field.parent(), - $fieldGroup = $field.closest($group), - $prompt = $fieldGroup.find(selector.prompt), - defaultValue = $field.data(metadata.defaultValue) || '', - isCheckbox = $element.is(selector.uiCheckbox), - isDropdown = $element.is(selector.uiDropdown), - isErrored = $fieldGroup.hasClass(className.error) - ; - if(isErrored) { - module.verbose('Resetting error on field', $fieldGroup); - $fieldGroup.removeClass(className.error); - $prompt.remove(); - } - if(isDropdown) { - module.verbose('Resetting dropdown value', $element, defaultValue); - $element.dropdown('restore defaults'); - } - else if(isCheckbox) { - module.verbose('Resetting checkbox value', $element, defaultValue); - if(defaultValue === true) { - $element.checkbox('check'); - } - else { - $element.checkbox('uncheck'); - } - } - else { - module.verbose('Resetting field value', $field, defaultValue); - $field.val(defaultValue); - } - }) - ; - }, - - removeEvents: function() { - $module - .off(eventNamespace) - ; - $field - .off(eventNamespace) - ; - $submit - .off(eventNamespace) - ; - $field - .off(eventNamespace) - ; - }, - - event: { - field: { - keydown: function(event) { - var - $field = $(this), - key = event.which, - keyCode = { - enter : 13, - escape : 27 - } - ; - if( key == keyCode.escape) { - module.verbose('Escape key pressed blurring field'); - $field - .blur() - ; - } - if(!event.ctrlKey && key == keyCode.enter && $field.is(selector.input) && $field.not(selector.checkbox).length > 0 ) { - $submit - .addClass(className.pressed) - ; - if(!keyHeldDown) { - $field - .one('keyup' + eventNamespace, module.event.field.keyup) - ; - module.submit(); - module.debug('Enter pressed on input submitting form'); - } - keyHeldDown = true; - } - }, - keyup: function() { - keyHeldDown = false; - $submit.removeClass(className.pressed); - }, - blur: function() { - var - $field = $(this), - $fieldGroup = $field.closest($group) - ; - if( $fieldGroup.hasClass(className.error) ) { - module.debug('Revalidating field', $field, module.get.validation($field)); - module.validate.field( module.get.validation($field) ); - } - else if(settings.on == 'blur' || settings.on == 'change') { - module.validate.field( module.get.validation($field) ); - } - }, - change: function() { - var - $field = $(this), - $fieldGroup = $field.closest($group) - ; - if(settings.on == 'change' || ( $fieldGroup.hasClass(className.error) && settings.revalidate) ) { - clearTimeout(module.timer); - module.timer = setTimeout(function() { - module.debug('Revalidating field', $field, module.get.validation($field)); - module.validate.field( module.get.validation($field) ); - }, settings.delay); - } - } - } - - }, - - get: { - changeEvent: function(type) { - if(type == 'checkbox' || type == 'radio' || type == 'hidden') { - return 'change'; - } - else { - return module.get.inputEvent(); - } - }, - inputEvent: function() { - return (document.createElement('input').oninput !== undefined) - ? 'input' - : (document.createElement('input').onpropertychange !== undefined) - ? 'propertychange' - : 'keyup' - ; - }, - field: function(identifier) { - module.verbose('Finding field with identifier', identifier); - if( $field.filter('#' + identifier).length > 0 ) { - return $field.filter('#' + identifier); - } - else if( $field.filter('[name="' + identifier +'"]').length > 0 ) { - return $field.filter('[name="' + identifier +'"]'); - } - else if( $field.filter('[name="' + identifier +'[]"]').length > 0 ) { - return $field.filter('[name="' + identifier +'[]"]'); - } - else if( $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]').length > 0 ) { - return $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]'); - } - return $(''); - }, - fields: function(fields) { - var - $fields = $() - ; - $.each(fields, function(index, name) { - $fields = $fields.add( module.get.field(name) ); - }); - return $fields; - }, - validation: function($field) { - var - rules - ; - $.each(validation, function(fieldName, field) { - if( module.get.field(field.identifier).get(0) == $field.get(0) ) { - rules = field; - } - }); - return rules || false; - }, - value: function (field) { - var - fields = [], - results - ; - fields.push(field); - results = module.get.values.call(element, fields); - return results[field]; - }, - values: function (fields) { - var - $fields = $.isArray(fields) - ? module.get.fields(fields) - : $field, - values = {} - ; - $fields.each(function(index, field) { - var - $field = $(field), - type = $field.prop('type'), - name = $field.prop('name'), - value = $field.val(), - isCheckbox = $field.is(selector.checkbox), - isRadio = $field.is(selector.radio), - isMultiple = (name.indexOf('[]') !== -1), - isChecked = (isCheckbox) - ? $field.is(':checked') - : false - ; - if(name) { - if(isMultiple) { - name = name.replace('[]', ''); - if(!values[name]) { - values[name] = []; - } - if(isCheckbox) { - if(isChecked) { - values[name].push(value) - } - else { - module.debug('Omitted unchecked checkbox', $field); - return true; - } - } - else { - values[name].push(value); - } - } - else { - if(isRadio) { - if(isChecked) { - values[name] = value; - } - } - else if(isCheckbox) { - if(isChecked) { - values[name] = true; - } - else { - module.debug('Omitted unchecked checkbox', $field); - return true; - } - } - else { - values[name] = value; - } - } - } - }); - return values; - } - }, - - has: { - - field: function(identifier) { - module.verbose('Checking for existence of a field with identifier', identifier); - if( $field.filter('#' + identifier).length > 0 ) { - return true; - } - else if( $field.filter('[name="' + identifier +'"]').length > 0 ) { - return true; - } - else if( $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]').length > 0 ) { - return true; - } - return false; - } - - }, - - add: { - prompt: function(identifier, errors) { - var - $field = module.get.field(identifier), - $fieldGroup = $field.closest($group), - $prompt = $fieldGroup.children(selector.prompt), - promptExists = ($prompt.length !== 0) - ; - errors = (typeof errors == 'string') - ? [errors] - : errors - ; - module.verbose('Adding field error state', identifier); - $fieldGroup - .addClass(className.error) - ; - if(settings.inline) { - if(!promptExists) { - $prompt = settings.templates.prompt(errors); - $prompt - .appendTo($fieldGroup) - ; - } - $prompt - .html(errors[0]) - ; - if(!promptExists) { - if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) { - module.verbose('Displaying error with css transition', settings.transition); - $prompt.transition(settings.transition + ' in', settings.duration); - } - else { - module.verbose('Displaying error with fallback javascript animation'); - $prompt - .fadeIn(settings.duration) - ; - } - } - else { - module.verbose('Inline errors are disabled, no inline error added', identifier); - } - } - }, - errors: function(errors) { - module.debug('Adding form error messages', errors); - $message - .html( settings.templates.error(errors) ) - ; - } - }, - - remove: { - prompt: function(field) { - var - $field = module.get.field(field.identifier), - $fieldGroup = $field.closest($group), - $prompt = $fieldGroup.children(selector.prompt) - ; - $fieldGroup - .removeClass(className.error) - ; - if(settings.inline && $prompt.is(':visible')) { - module.verbose('Removing prompt for field', field); - if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) { - $prompt.transition(settings.transition + ' out', settings.duration, function() { - $prompt.remove(); - }); - } - else { - $prompt - .fadeOut(settings.duration, function(){ - $prompt.remove(); - }) - ; - } - } - } - }, - - set: { - success: function() { - $module - .removeClass(className.error) - .addClass(className.success) - ; - }, - defaults: function () { - $field - .each(function () { - var - $field = $(this), - isCheckbox = ($field.filter(selector.checkbox).length > 0), - value = (isCheckbox) - ? $field.is(':checked') - : $field.val() - ; - $field.data(metadata.defaultValue, value); - }) - ; - }, - error: function() { - $module - .removeClass(className.success) - .addClass(className.error) - ; - }, - value: function (field, value) { - var - fields = {} - ; - fields[field] = value; - return module.set.values.call(element, fields); - }, - values: function (fields) { - if($.isEmptyObject(fields)) { - return; - } - $.each(fields, function(key, value) { - var - $field = module.get.field(key), - $element = $field.parent(), - isMultiple = $.isArray(value), - isCheckbox = $element.is(selector.uiCheckbox), - isDropdown = $element.is(selector.uiDropdown), - isRadio = ($field.is(selector.radio) && isCheckbox), - fieldExists = ($field.length > 0), - $multipleField - ; - if(fieldExists) { - if(isMultiple && isCheckbox) { - module.verbose('Selecting multiple', value, $field); - $element.checkbox('uncheck'); - $.each(value, function(index, value) { - $multipleField = $field.filter('[value="' + value + '"]'); - $element = $multipleField.parent(); - if($multipleField.length > 0) { - $element.checkbox('check'); - } - }); - } - else if(isRadio) { - module.verbose('Selecting radio value', value, $field); - $field.filter('[value="' + value + '"]') - .parent(selector.uiCheckbox) - .checkbox('check') - ; - } - else if(isCheckbox) { - module.verbose('Setting checkbox value', value, $element); - if(value === true) { - $element.checkbox('check'); - } - else { - $element.checkbox('uncheck'); - } - } - else if(isDropdown) { - module.verbose('Setting dropdown value', value, $element); - $element.dropdown('set selected', value); - } - else { - module.verbose('Setting field value', value, $field); - $field.val(value); - } - } - }); - module.validate.form(); - } - }, - - validate: { - - form: function(event) { - var - allValid = true, - apiRequest - ; - - // input keydown event will fire submit repeatedly by browser default - if(keyHeldDown) { - return false; - } - - // reset errors - formErrors = []; - $.each(validation, function(fieldName, field) { - if( !( module.validate.field(field) ) ) { - allValid = false; - } - }); - if(allValid) { - module.debug('Form has no validation errors, submitting'); - module.set.success(); - return settings.onSuccess.call(element, event); - } - else { - module.debug('Form has errors'); - module.set.error(); - if(!settings.inline) { - module.add.errors(formErrors); - } - // prevent ajax submit - if($module.data('moduleApi') !== undefined) { - event.stopImmediatePropagation(); - } - return settings.onFailure.call(element, formErrors); - } - }, - - // takes a validation object and returns whether field passes validation - field: function(field) { - var - $field = module.get.field(field.identifier), - fieldValid = true, - fieldErrors = [] - ; - if($field.prop('disabled')) { - module.debug('Field is disabled. Skipping', field.identifier); - fieldValid = true; - } - else if(field.optional && $.trim($field.val()) === ''){ - module.debug('Field is optional and empty. Skipping', field.identifier); - fieldValid = true; - } - else if(field.rules !== undefined) { - $.each(field.rules, function(index, rule) { - if( module.has.field(field.identifier) && !( module.validate.rule(field, rule) ) ) { - module.debug('Field is invalid', field.identifier, rule.type); - fieldErrors.push(rule.prompt); - fieldValid = false; - } - }); - } - if(fieldValid) { - module.remove.prompt(field, fieldErrors); - settings.onValid.call($field); - } - else { - formErrors = formErrors.concat(fieldErrors); - module.add.prompt(field.identifier, fieldErrors); - settings.onInvalid.call($field, fieldErrors); - return false; - } - return true; - }, - - // takes validation rule and returns whether field passes rule - rule: function(field, validation) { - var - $field = module.get.field(field.identifier), - type = validation.type, - value = $.trim($field.val() + ''), - - bracketRegExp = /\[(.*)\]/i, - bracket = bracketRegExp.exec(type), - isValid = true, - ancillary, - functionType - ; - // if bracket notation is used, pass in extra parameters - if(bracket !== undefined && bracket !== null) { - ancillary = '' + bracket[1]; - functionType = type.replace(bracket[0], ''); - isValid = settings.rules[functionType].call(element, value, ancillary); - } - // normal notation - else { - isValid = settings.rules[type].call($field, value); - } - return isValid; - } - }, - - setting: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else if(value !== undefined) { - settings[name] = value; - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else if(value !== undefined) { - module[name] = value; - } - else { - return module[name]; - } - }, - debug: function() { - if(settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.debug.apply(console, arguments); - } - } - }, - verbose: function() { - if(settings.verbose && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.verbose.apply(console, arguments); - } - } - }, - error: function() { - module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); - module.error.apply(console, arguments); - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime; - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Name' : message[0], - 'Arguments' : [].slice.call(message, 1) || '', - 'Element' : element, - 'Execution Time' : executionTime - }); - } - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 100); - }, - display: function() { - var - title = settings.name + ':', - totalTime = 0 - ; - time = false; - clearTimeout(module.performance.timer); - $.each(performance, function(index, data) { - totalTime += data['Execution Time']; - }); - title += ' ' + totalTime + 'ms'; - if(moduleSelector) { - title += ' \'' + moduleSelector + '\''; - } - if($allModules.length > 1) { - title += ' ' + '(' + $allModules.length + ')'; - } - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - console.table(performance); - } - else { - $.each(performance, function(index, data) { - console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); - }); - } - console.groupEnd(); - } - performance = []; - } - }, - invoke: function(query, passedArguments, context) { - var - object = instance, - maxDepth, - found, - response - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && object !== undefined) { - query = query.split(/[\. ]/); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - var camelCaseValue = (depth != maxDepth) - ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) - : query - ; - if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { - object = object[camelCaseValue]; - } - else if( object[camelCaseValue] !== undefined ) { - found = object[camelCaseValue]; - return false; - } - else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { - object = object[value]; - } - else if( object[value] !== undefined ) { - found = object[value]; - return false; - } - else { - return false; - } - }); - } - if( $.isFunction( found ) ) { - response = found.apply(context, passedArguments); - } - else if(found !== undefined) { - response = found; - } - if($.isArray(returnedValue)) { - returnedValue.push(response); - } - else if(returnedValue !== undefined) { - returnedValue = [returnedValue, response]; - } - else if(response !== undefined) { - returnedValue = response; - } - return found; - } - }; - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - if(instance !== undefined) { - instance.invoke('destroy'); - } - module.initialize(); - } - - }) - ; - - return (returnedValue !== undefined) - ? returnedValue - : this - ; -}; - -$.fn.form.settings = { - - name : 'Form', - namespace : 'form', - - debug : false, - verbose : true, - performance : true, - - - keyboardShortcuts : true, - on : 'submit', - inline : false, - - delay : 200, - revalidate : true, - - transition : 'scale', - duration : 200, - - onValid : function() {}, - onInvalid : function() {}, - onSuccess : function() { return true; }, - onFailure : function() { return false; }, - - metadata : { - defaultValue : 'default', - validate : 'validate' - }, - - selector : { - checkbox : 'input[type="checkbox"], input[type="radio"]', - clear : '.clear', - field : 'input, textarea, select', - group : '.field', - input : 'input', - message : '.error.message', - prompt : '.prompt.label', - radio : 'input[type="radio"]', - reset : '.reset', - submit : '.submit', - uiCheckbox : '.ui.checkbox', - uiDropdown : '.ui.dropdown' - }, - - className : { - error : 'error', - label : 'ui prompt label', - pressed : 'down', - success : 'success' - }, - - error: { - method : 'The method you called is not defined.' - }, - - templates: { - - // template that produces error message - error: function(errors) { - var - html = '
    ' - ; - $.each(errors, function(index, value) { - html += '
  • ' + value + '
    • '; - }); - html += '
'; - return $(html); - }, - - // template that produces label - prompt: function(errors) { - return $('
') - .addClass('ui red pointing prompt label') - .html(errors[0]) - ; - } - }, - - rules: { - - // checkbox checked - checked: function() { - return ($(this).filter(':checked').length > 0); - }, - - // value contains text (insensitive) - contains: function(value, text) { - // escape regex characters - text = text.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); - return (value.search( new RegExp(text, 'i') ) !== -1); - }, - - // value contains text (case sensitive) - containsExactly: function(value, text) { - // escape regex characters - text = text.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); - return (value.search( new RegExp(text) ) !== -1); - }, - - // is most likely an email - email: function(value){ - var - emailRegExp = new RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?", "i") - ; - return emailRegExp.test(value); - }, - - // is not empty or blank string - empty: function(value) { - return !(value === undefined || '' === value); - }, - - // is valid integer - integer: function(value, range) { - var - intRegExp = /^\-?\d+$/, - min, - max, - parts - ; - if(range === undefined || range === '' || range === '..') { - // do nothing - } - else if(range.indexOf('..') == -1) { - if(intRegExp.test(range)) { - min = max = range - 0; - } - } - else { - parts = range.split('..', 2); - if(intRegExp.test(parts[0])) { - min = parts[0] - 0; - } - if(intRegExp.test(parts[1])) { - max = parts[1] - 0; - } - } - return ( - intRegExp.test(value) && - (min === undefined || value >= min) && - (max === undefined || value <= max) - ); - }, - - // is value (case insensitive) - is: function(value, text) { - text = (typeof text == 'string') - ? text.toLowerCase() - : text - ; - value = (typeof value == 'string') - ? value.toLowerCase() - : value - ; - return (value == text); - }, - - // is value - isExactly: function(value, text) { - return (value == text); - }, - - // is at least string length - length: function(value, requiredLength) { - return (value !== undefined) - ? (value.length >= requiredLength) - : false - ; - }, - - // matches another field - match: function(value, fieldIdentifier) { - // use either id or name of field - var - $form = $(this), - matchingValue - ; - if($form.find('#' + fieldIdentifier).length > 0) { - matchingValue = $form.find('#' + fieldIdentifier).val(); - } - else if($form.find('[name="' + fieldIdentifier +'"]').length > 0) { - matchingValue = $form.find('[name="' + fieldIdentifier + '"]').val(); - } - else if( $form.find('[data-validate="'+ fieldIdentifier +'"]').length > 0 ) { - matchingValue = $form.find('[data-validate="'+ fieldIdentifier +'"]').val(); - } - return (matchingValue !== undefined) - ? ( value.toString() == matchingValue.toString() ) - : false - ; - }, - - // string length is less than max length - maxLength: function(value, maxLength) { - return (value !== undefined) - ? (value.length <= maxLength) - : false - ; - }, - - // value is not value (case insensitive) - not: function(value, notValue) { - value = (typeof value == 'string') - ? value.toLowerCase() - : value - ; - notValue = (typeof notValue == 'string') - ? notValue.toLowerCase() - : notValue - ; - return (value != notValue); - }, - - // value is not value (case sensitive) - notExactly: function(value, notValue) { - return (value != notValue); - }, - - // value is most likely url - url: function(value) { - var - urlRegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/ - ; - return urlRegExp.test(value); - } - } - -}; - -})( jQuery, window , document ); diff --git a/client/assets/less/lib/semantic/src/definitions/behaviors/state.js b/client/assets/less/lib/semantic/src/definitions/behaviors/state.js deleted file mode 100755 index b226b91..0000000 --- a/client/assets/less/lib/semantic/src/definitions/behaviors/state.js +++ /dev/null @@ -1,695 +0,0 @@ -/*! - * # Semantic UI - State - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ( $, window, document, undefined ) { - -"use strict"; - -$.fn.state = function(parameters) { - var - $allModules = $(this), - - moduleSelector = $allModules.selector || '', - - hasTouch = ('ontouchstart' in document.documentElement), - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - - returnedValue - ; - $allModules - .each(function() { - var - settings = ( $.isPlainObject(parameters) ) - ? $.extend(true, {}, $.fn.state.settings, parameters) - : $.extend({}, $.fn.state.settings), - - error = settings.error, - metadata = settings.metadata, - className = settings.className, - namespace = settings.namespace, - states = settings.states, - text = settings.text, - - eventNamespace = '.' + namespace, - moduleNamespace = namespace + '-module', - - $module = $(this), - - element = this, - instance = $module.data(moduleNamespace), - - module - ; - module = { - - initialize: function() { - module.verbose('Initializing module'); - - // allow module to guess desired state based on element - if(settings.automatic) { - module.add.defaults(); - } - - // bind events with delegated events - if(settings.context && moduleSelector !== '') { - $(settings.context) - .on(moduleSelector, 'mouseenter' + eventNamespace, module.change.text) - .on(moduleSelector, 'mouseleave' + eventNamespace, module.reset.text) - .on(moduleSelector, 'click' + eventNamespace, module.toggle.state) - ; - } - else { - $module - .on('mouseenter' + eventNamespace, module.change.text) - .on('mouseleave' + eventNamespace, module.reset.text) - .on('click' + eventNamespace, module.toggle.state) - ; - } - module.instantiate(); - }, - - instantiate: function() { - module.verbose('Storing instance of module', module); - instance = module; - $module - .data(moduleNamespace, module) - ; - }, - - destroy: function() { - module.verbose('Destroying previous module', instance); - $module - .off(eventNamespace) - .removeData(moduleNamespace) - ; - }, - - refresh: function() { - module.verbose('Refreshing selector cache'); - $module = $(element); - }, - - add: { - defaults: function() { - var - userStates = parameters && $.isPlainObject(parameters.states) - ? parameters.states - : {} - ; - $.each(settings.defaults, function(type, typeStates) { - if( module.is[type] !== undefined && module.is[type]() ) { - module.verbose('Adding default states', type, element); - $.extend(settings.states, typeStates, userStates); - } - }); - } - }, - - is: { - - active: function() { - return $module.hasClass(className.active); - }, - loading: function() { - return $module.hasClass(className.loading); - }, - inactive: function() { - return !( $module.hasClass(className.active) ); - }, - state: function(state) { - if(className[state] === undefined) { - return false; - } - return $module.hasClass( className[state] ); - }, - - enabled: function() { - return !( $module.is(settings.filter.active) ); - }, - disabled: function() { - return ( $module.is(settings.filter.active) ); - }, - textEnabled: function() { - return !( $module.is(settings.filter.text) ); - }, - - // definitions for automatic type detection - button: function() { - return $module.is('.button:not(a, .submit)'); - }, - input: function() { - return $module.is('input'); - }, - progress: function() { - return $module.is('.ui.progress'); - } - }, - - allow: function(state) { - module.debug('Now allowing state', state); - states[state] = true; - }, - disallow: function(state) { - module.debug('No longer allowing', state); - states[state] = false; - }, - - allows: function(state) { - return states[state] || false; - }, - - enable: function() { - $module.removeClass(className.disabled); - }, - - disable: function() { - $module.addClass(className.disabled); - }, - - setState: function(state) { - if(module.allows(state)) { - $module.addClass( className[state] ); - } - }, - - removeState: function(state) { - if(module.allows(state)) { - $module.removeClass( className[state] ); - } - }, - - toggle: { - state: function() { - var - apiRequest, - requestCancelled - ; - if( module.allows('active') && module.is.enabled() ) { - module.refresh(); - if($.fn.api !== undefined) { - apiRequest = $module.api('get request'); - requestCancelled = $module.api('was cancelled'); - if( requestCancelled ) { - module.debug('API Request cancelled by beforesend'); - settings.activateTest = function(){ return false; }; - settings.deactivateTest = function(){ return false; }; - } - else if(apiRequest) { - module.listenTo(apiRequest); - return; - } - } - module.change.state(); - } - } - }, - - listenTo: function(apiRequest) { - module.debug('API request detected, waiting for state signal', apiRequest); - if(apiRequest) { - if(text.loading) { - module.update.text(text.loading); - } - $.when(apiRequest) - .then(function() { - if(apiRequest.state() == 'resolved') { - module.debug('API request succeeded'); - settings.activateTest = function(){ return true; }; - settings.deactivateTest = function(){ return true; }; - } - else { - module.debug('API request failed'); - settings.activateTest = function(){ return false; }; - settings.deactivateTest = function(){ return false; }; - } - module.change.state(); - }) - ; - } - }, - - // checks whether active/inactive state can be given - change: { - - state: function() { - module.debug('Determining state change direction'); - // inactive to active change - if( module.is.inactive() ) { - module.activate(); - } - else { - module.deactivate(); - } - if(settings.sync) { - module.sync(); - } - settings.onChange.call(element); - }, - - text: function() { - if( module.is.textEnabled() ) { - if(module.is.disabled() ) { - module.verbose('Changing text to disabled text', text.hover); - module.update.text(text.disabled); - } - else if( module.is.active() ) { - if(text.hover) { - module.verbose('Changing text to hover text', text.hover); - module.update.text(text.hover); - } - else if(text.deactivate) { - module.verbose('Changing text to deactivating text', text.deactivate); - module.update.text(text.deactivate); - } - } - else { - if(text.hover) { - module.verbose('Changing text to hover text', text.hover); - module.update.text(text.hover); - } - else if(text.activate){ - module.verbose('Changing text to activating text', text.activate); - module.update.text(text.activate); - } - } - } - } - - }, - - activate: function() { - if( settings.activateTest.call(element) ) { - module.debug('Setting state to active'); - $module - .addClass(className.active) - ; - module.update.text(text.active); - settings.onActivate.call(element); - } - }, - - deactivate: function() { - if( settings.deactivateTest.call(element) ) { - module.debug('Setting state to inactive'); - $module - .removeClass(className.active) - ; - module.update.text(text.inactive); - settings.onDeactivate.call(element); - } - }, - - sync: function() { - module.verbose('Syncing other buttons to current state'); - if( module.is.active() ) { - $allModules - .not($module) - .state('activate'); - } - else { - $allModules - .not($module) - .state('deactivate') - ; - } - }, - - get: { - text: function() { - return (settings.selector.text) - ? $module.find(settings.selector.text).text() - : $module.html() - ; - }, - textFor: function(state) { - return text[state] || false; - } - }, - - flash: { - text: function(text, duration, callback) { - var - previousText = module.get.text() - ; - module.debug('Flashing text message', text, duration); - text = text || settings.text.flash; - duration = duration || settings.flashDuration; - callback = callback || function() {}; - module.update.text(text); - setTimeout(function(){ - module.update.text(previousText); - callback.call(element); - }, duration); - } - }, - - reset: { - // on mouseout sets text to previous value - text: function() { - var - activeText = text.active || $module.data(metadata.storedText), - inactiveText = text.inactive || $module.data(metadata.storedText) - ; - if( module.is.textEnabled() ) { - if( module.is.active() && activeText) { - module.verbose('Resetting active text', activeText); - module.update.text(activeText); - } - else if(inactiveText) { - module.verbose('Resetting inactive text', activeText); - module.update.text(inactiveText); - } - } - } - }, - - update: { - text: function(text) { - var - currentText = module.get.text() - ; - if(text && text !== currentText) { - module.debug('Updating text', text); - if(settings.selector.text) { - $module - .data(metadata.storedText, text) - .find(settings.selector.text) - .text(text) - ; - } - else { - $module - .data(metadata.storedText, text) - .html(text) - ; - } - } - else { - module.debug('Text is already set, ignoring update', text); - } - } - }, - - setting: function(name, value) { - module.debug('Changing setting', name, value); - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else if(value !== undefined) { - settings[name] = value; - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else if(value !== undefined) { - module[name] = value; - } - else { - return module[name]; - } - }, - debug: function() { - if(settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.debug.apply(console, arguments); - } - } - }, - verbose: function() { - if(settings.verbose && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.verbose.apply(console, arguments); - } - } - }, - error: function() { - module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); - module.error.apply(console, arguments); - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime; - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Name' : message[0], - 'Arguments' : [].slice.call(message, 1) || '', - 'Element' : element, - 'Execution Time' : executionTime - }); - } - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 100); - }, - display: function() { - var - title = settings.name + ':', - totalTime = 0 - ; - time = false; - clearTimeout(module.performance.timer); - $.each(performance, function(index, data) { - totalTime += data['Execution Time']; - }); - title += ' ' + totalTime + 'ms'; - if(moduleSelector) { - title += ' \'' + moduleSelector + '\''; - } - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - console.table(performance); - } - else { - $.each(performance, function(index, data) { - console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); - }); - } - console.groupEnd(); - } - performance = []; - } - }, - invoke: function(query, passedArguments, context) { - var - object = instance, - maxDepth, - found, - response - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && object !== undefined) { - query = query.split(/[\. ]/); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - var camelCaseValue = (depth != maxDepth) - ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) - : query - ; - if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { - object = object[camelCaseValue]; - } - else if( object[camelCaseValue] !== undefined ) { - found = object[camelCaseValue]; - return false; - } - else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { - object = object[value]; - } - else if( object[value] !== undefined ) { - found = object[value]; - return false; - } - else { - module.error(error.method, query); - return false; - } - }); - } - if ( $.isFunction( found ) ) { - response = found.apply(context, passedArguments); - } - else if(found !== undefined) { - response = found; - } - if($.isArray(returnedValue)) { - returnedValue.push(response); - } - else if(returnedValue !== undefined) { - returnedValue = [returnedValue, response]; - } - else if(response !== undefined) { - returnedValue = response; - } - return found; - } - }; - - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - if(instance !== undefined) { - instance.invoke('destroy'); - } - module.initialize(); - } - }) - ; - - return (returnedValue !== undefined) - ? returnedValue - : this - ; -}; - -$.fn.state.settings = { - - // module info - name : 'State', - - // debug output - debug : false, - - // verbose debug output - verbose : true, - - // namespace for events - namespace : 'state', - - // debug data includes performance - performance : true, - - // callback occurs on state change - onActivate : function() {}, - onDeactivate : function() {}, - onChange : function() {}, - - // state test functions - activateTest : function() { return true; }, - deactivateTest : function() { return true; }, - - // whether to automatically map default states - automatic : true, - - // activate / deactivate changes all elements instantiated at same time - sync : false, - - // default flash text duration, used for temporarily changing text of an element - flashDuration : 1000, - - // selector filter - filter : { - text : '.loading, .disabled', - active : '.disabled' - }, - - context : false, - - // error - error: { - beforeSend : 'The before send function has cancelled state change', - method : 'The method you called is not defined.' - }, - - // metadata - metadata: { - promise : 'promise', - storedText : 'stored-text' - }, - - // change class on state - className: { - active : 'active', - disabled : 'disabled', - error : 'error', - loading : 'loading', - success : 'success', - warning : 'warning' - }, - - selector: { - // selector for text node - text: false - }, - - defaults : { - input: { - disabled : true, - loading : true, - active : true - }, - button: { - disabled : true, - loading : true, - active : true, - }, - progress: { - active : true, - success : true, - warning : true, - error : true - } - }, - - states : { - active : true, - disabled : true, - error : true, - loading : true, - success : true, - warning : true - }, - - text : { - disabled : false, - flash : false, - hover : false, - active : false, - inactive : false, - activate : false, - deactivate : false - } - -}; - - - -})( jQuery, window , document ); diff --git a/client/assets/less/lib/semantic/src/definitions/behaviors/visibility.js b/client/assets/less/lib/semantic/src/definitions/behaviors/visibility.js deleted file mode 100755 index afb2cca..0000000 --- a/client/assets/less/lib/semantic/src/definitions/behaviors/visibility.js +++ /dev/null @@ -1,1032 +0,0 @@ -/*! - * # Semantic UI - Visibility - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ( $, window, document, undefined ) { - -"use strict"; - -$.fn.visibility = function(parameters) { - var - $allModules = $(this), - moduleSelector = $allModules.selector || '', - - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - returnedValue - ; - - $allModules - .each(function() { - var - settings = ( $.isPlainObject(parameters) ) - ? $.extend(true, {}, $.fn.visibility.settings, parameters) - : $.extend({}, $.fn.visibility.settings), - - className = settings.className, - namespace = settings.namespace, - error = settings.error, - - eventNamespace = '.' + namespace, - moduleNamespace = 'module-' + namespace, - - $window = $(window), - $module = $(this), - $context = $(settings.context), - $container = $module.offsetParent(), - - selector = $module.selector || '', - instance = $module.data(moduleNamespace), - - requestAnimationFrame = window.requestAnimationFrame - || window.mozRequestAnimationFrame - || window.webkitRequestAnimationFrame - || window.msRequestAnimationFrame - || function(callback) { setTimeout(callback, 0); }, - - element = this, - observer, - module - ; - - module = { - - initialize: function() { - module.debug('Initializing', settings); - - module.setup.cache(); - module.save.position(); - - if( module.should.trackChanges() ) { - module.bind.events(); - if(settings.type == 'image') { - module.setup.image(); - } - if(settings.type == 'fixed') { - module.setup.fixed(); - } - } - if(settings.initialCheck) { - module.checkVisibility(); - } - if(settings.observeChanges) { - module.observeChanges(); - } - module.instantiate(); - }, - - instantiate: function() { - module.debug('Storing instance', module); - $module - .data(moduleNamespace, module) - ; - instance = module; - }, - - destroy: function() { - module.verbose('Destroying previous module'); - $module - .off(eventNamespace) - .removeData(moduleNamespace) - ; - $window.off('resize' + eventNamespace, module.event.refresh); - $context.off('scroll' + eventNamespace, module.event.scroll); - }, - - observeChanges: function() { - var - context = $context[0] - ; - if('MutationObserver' in window) { - observer = new MutationObserver(function(mutations) { - module.verbose('DOM tree modified, updating visibility calculations'); - module.refresh(); - }); - observer.observe(element, { - childList : true, - subtree : true - }); - module.debug('Setting up mutation observer', observer); - } - }, - - bind: { - events: function() { - module.verbose('Binding visibility events to scroll and resize'); - $window - .on('resize' + eventNamespace, module.event.refresh) - ; - $context - .on('scroll' + eventNamespace, module.event.scroll) - ; - } - }, - - event: { - refresh: function() { - requestAnimationFrame(module.refresh); - }, - scroll: function() { - module.verbose('Scroll position changed'); - if(settings.throttle) { - clearTimeout(module.timer); - module.timer = setTimeout(function() { - module.checkVisibility(); - }, settings.throttle); - } - else { - requestAnimationFrame(function() { - module.checkVisibility(); - }); - } - } - }, - - precache: function(images, callback) { - if (!(images instanceof Array)) { - images = [images]; - } - var - imagesLength = images.length, - loadedCounter = 0, - cache = [], - cacheImage = document.createElement('img'), - handleLoad = function() { - loadedCounter++; - if (loadedCounter >= images.length) { - if ($.isFunction(callback)) { - callback(); - } - } - } - ; - while (imagesLength--) { - cacheImage = document.createElement('img'); - cacheImage.onload = handleLoad; - cacheImage.onerror = handleLoad; - cacheImage.src = images[imagesLength]; - cache.push(cacheImage); - } - }, - - should: { - trackChanges: function() { - if(methodInvoked && queryArguments.length > 0) { - module.debug('One time query, no need to bind events'); - return false; - } - module.debug('Callbacks being attached'); - return true; - } - }, - - setup: { - cache: function() { - module.cache = { - occurred : {}, - screen : {}, - element : {}, - }; - }, - image: function() { - var - src = $module.data('src') - ; - if(src) { - module.verbose('Lazy loading image', src); - settings.observeChanges = false; - // show when top visible - module.topVisible(function() { - module.debug('Image top visible', element); - module.precache(src, function() { - module.set.image(src); - settings.onTopVisible = false; - }); - }); - } - }, - fixed: function() { - module.verbose('Setting up fixed on element pass'); - settings.once = false; - settings.onTopPassed = function() { - $module - .addClass(className.fixed) - .css({ - top: settings.offset + 'px' - }) - ; - if(settings.transition) { - if($.fn.transition !== undefined) { - $module.transition(settings.transition, settings.duration); - } - } - }; - settings.onTopPassedReverse = function() { - $module - .removeClass(className.fixed) - .css({ - position: '', - top: '' - }) - ; - }; - } - }, - - set: { - image: function(src) { - var - offScreen = (module.cache.screen.bottom < module.cache.element.top) - ; - $module - .attr('src', src) - ; - if(offScreen) { - module.verbose('Image outside browser, no show animation'); - $module.show(); - } - else { - if(settings.transition) { - if( $.fn.transition !== undefined ) { - $module.transition(settings.transition, settings.duration); - } - else { - $module.fadeIn(settings.duration); - } - } - else { - $module.show(); - } - } - } - }, - - is: { - visible: function() { - if(module.cache && module.cache.element) { - return (module.cache.element.width > 0); - } - return false; - } - }, - - refresh: function() { - module.debug('Refreshing constants (element width/height)'); - module.reset(); - module.save.position(); - module.checkVisibility(); - settings.onRefresh.call(element); - }, - - reset: function() { - module.verbose('Reseting all cached values'); - if( $.isPlainObject(module.cache) ) { - module.cache.screen = {}; - module.cache.element = {}; - } - }, - - checkVisibility: function() { - module.verbose('Checking visibility of element', module.cache.element); - - if( module.is.visible() ) { - - // update calculations derived from scroll - module.save.calculations(); - - // percentage - module.passed(); - - // reverse (must be first) - module.passingReverse(); - module.topVisibleReverse(); - module.bottomVisibleReverse(); - module.topPassedReverse(); - module.bottomPassedReverse(); - - // one time - module.passing(); - module.topVisible(); - module.bottomVisible(); - module.topPassed(); - module.bottomPassed(); - - // on update callback - if(settings.onUpdate) { - settings.onUpdate.call(element, module.get.elementCalculations()); - } - } - }, - - passed: function(amount, newCallback) { - var - calculations = module.get.elementCalculations(), - amountInPixels - ; - // assign callback - if(amount !== undefined && newCallback !== undefined) { - settings.onPassed[amount] = newCallback; - } - else if(amount !== undefined) { - return (module.get.pixelsPassed(amount) > calculations.pixelsPassed); - } - else if(calculations.passing) { - $.each(settings.onPassed, function(amount, callback) { - if(calculations.bottomVisible || calculations.pixelsPassed > module.get.pixelsPassed(amount)) { - module.execute(callback, amount); - } - else if(!settings.once) { - module.remove.occurred(callback); - } - }); - } - }, - - passing: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onPassing, - callbackName = 'passing' - ; - if(newCallback) { - module.debug('Adding callback for passing', newCallback); - settings.onPassing = newCallback; - } - if(calculations.passing) { - module.execute(callback, callbackName); - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback !== undefined) { - return calculations.passing; - } - }, - - - topVisible: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onTopVisible, - callbackName = 'topVisible' - ; - if(newCallback) { - module.debug('Adding callback for top visible', newCallback); - settings.onTopVisible = newCallback; - } - if(calculations.topVisible) { - module.execute(callback, callbackName); - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback === undefined) { - return calculations.topVisible; - } - }, - - bottomVisible: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onBottomVisible, - callbackName = 'bottomVisible' - ; - if(newCallback) { - module.debug('Adding callback for bottom visible', newCallback); - settings.onBottomVisible = newCallback; - } - if(calculations.bottomVisible) { - module.execute(callback, callbackName); - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback === undefined) { - return calculations.bottomVisible; - } - }, - - topPassed: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onTopPassed, - callbackName = 'topPassed' - ; - if(newCallback) { - module.debug('Adding callback for top passed', newCallback); - settings.onTopPassed = newCallback; - } - if(calculations.topPassed) { - module.execute(callback, callbackName); - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback === undefined) { - return calculations.topPassed; - } - }, - - bottomPassed: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onBottomPassed, - callbackName = 'bottomPassed' - ; - if(newCallback) { - module.debug('Adding callback for bottom passed', newCallback); - settings.onBottomPassed = newCallback; - } - if(calculations.bottomPassed) { - module.execute(callback, callbackName); - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback === undefined) { - return calculations.bottomPassed; - } - }, - - passingReverse: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onPassingReverse, - callbackName = 'passingReverse' - ; - if(newCallback) { - module.debug('Adding callback for passing reverse', newCallback); - settings.onPassingReverse = newCallback; - } - if(!calculations.passing) { - if(module.get.occurred('passing')) { - module.execute(callback, callbackName); - } - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback !== undefined) { - return !calculations.passing; - } - }, - - - topVisibleReverse: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onTopVisibleReverse, - callbackName = 'topVisibleReverse' - ; - if(newCallback) { - module.debug('Adding callback for top visible reverse', newCallback); - settings.onTopVisibleReverse = newCallback; - } - if(!calculations.topVisible) { - if(module.get.occurred('topVisible')) { - module.execute(callback, callbackName); - } - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback === undefined) { - return !calculations.topVisible; - } - }, - - bottomVisibleReverse: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onBottomVisibleReverse, - callbackName = 'bottomVisibleReverse' - ; - if(newCallback) { - module.debug('Adding callback for bottom visible reverse', newCallback); - settings.onBottomVisibleReverse = newCallback; - } - if(!calculations.bottomVisible) { - if(module.get.occurred('bottomVisible')) { - module.execute(callback, callbackName); - } - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback === undefined) { - return !calculations.bottomVisible; - } - }, - - topPassedReverse: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onTopPassedReverse, - callbackName = 'topPassedReverse' - ; - if(newCallback) { - module.debug('Adding callback for top passed reverse', newCallback); - settings.onTopPassedReverse = newCallback; - } - if(!calculations.topPassed) { - if(module.get.occurred('topPassed')) { - module.execute(callback, callbackName); - } - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback === undefined) { - return !calculations.onTopPassed; - } - }, - - bottomPassedReverse: function(newCallback) { - var - calculations = module.get.elementCalculations(), - callback = newCallback || settings.onBottomPassedReverse, - callbackName = 'bottomPassedReverse' - ; - if(newCallback) { - module.debug('Adding callback for bottom passed reverse', newCallback); - settings.onBottomPassedReverse = newCallback; - } - if(!calculations.bottomPassed) { - if(module.get.occurred('bottomPassed')) { - module.execute(callback, callbackName); - } - } - else if(!settings.once) { - module.remove.occurred(callbackName); - } - if(newCallback === undefined) { - return !calculations.bottomPassed; - } - }, - - execute: function(callback, callbackName) { - var - calculations = module.get.elementCalculations(), - screen = module.get.screenCalculations() - ; - callback = callback || false; - if(callback) { - if(settings.continuous) { - module.debug('Callback being called continuously', callbackName, calculations); - callback.call(element, calculations, screen); - } - else if(!module.get.occurred(callbackName)) { - module.debug('Conditions met', callbackName, calculations); - callback.call(element, calculations, screen); - } - } - module.save.occurred(callbackName); - }, - - remove: { - occurred: function(callback) { - if(callback) { - if(module.cache.occurred[callback] !== undefined && module.cache.occurred[callback] === true) { - module.debug('Callback can now be called again', callback); - module.cache.occurred[callback] = false; - } - } - else { - module.cache.occurred = {}; - } - } - }, - - save: { - calculations: function() { - module.verbose('Saving all calculations necessary to determine positioning'); - module.save.scroll(); - module.save.direction(); - module.save.screenCalculations(); - module.save.elementCalculations(); - }, - occurred: function(callback) { - if(callback) { - if(module.cache.occurred[callback] === undefined || (module.cache.occurred[callback] !== true)) { - module.verbose('Saving callback occurred', callback); - module.cache.occurred[callback] = true; - } - } - }, - scroll: function() { - module.cache.scroll = $context.scrollTop() + settings.offset; - }, - direction: function() { - var - scroll = module.get.scroll(), - lastScroll = module.get.lastScroll(), - direction - ; - if(scroll > lastScroll && lastScroll) { - direction = 'down'; - } - else if(scroll < lastScroll && lastScroll) { - direction = 'up'; - } - else { - direction = 'static'; - } - module.cache.direction = direction; - return module.cache.direction; - }, - elementPosition: function() { - var - element = module.cache.element, - screen = module.get.screenSize() - ; - module.verbose('Saving element position'); - // (quicker than $.extend) - element.fits = (element.height < screen.height); - element.offset = $module.offset(); - element.width = $module.outerWidth(); - element.height = $module.outerHeight(); - // store - module.cache.element = element; - return element; - }, - elementCalculations: function() { - var - screen = module.get.screenCalculations(), - element = module.get.elementPosition() - ; - // offset - if(settings.includeMargin) { - element.margin = {}; - element.margin.top = parseInt($module.css('margin-top'), 10); - element.margin.bottom = parseInt($module.css('margin-bottom'), 10); - element.top = element.offset.top - element.margin.top; - element.bottom = element.offset.top + element.height + element.margin.bottom; - } - else { - element.top = element.offset.top; - element.bottom = element.offset.top + element.height; - } - - // visibility - element.topVisible = (screen.bottom >= element.top); - element.topPassed = (screen.top >= element.top); - element.bottomVisible = (screen.bottom >= element.bottom); - element.bottomPassed = (screen.top >= element.bottom); - element.pixelsPassed = 0; - element.percentagePassed = 0; - - // meta calculations - element.visible = (element.topVisible || element.bottomVisible); - element.passing = (element.topPassed && !element.bottomPassed); - element.hidden = (!element.topVisible && !element.bottomVisible); - - // passing calculations - if(element.passing) { - element.pixelsPassed = (screen.top - element.top); - element.percentagePassed = (screen.top - element.top) / element.height; - } - module.cache.element = element; - module.verbose('Updated element calculations', element); - return element; - }, - screenCalculations: function() { - var - scroll = module.get.scroll() - ; - module.save.direction(); - module.cache.screen.top = scroll; - module.cache.screen.bottom = scroll + module.cache.screen.height; - return module.cache.screen; - }, - screenSize: function() { - module.verbose('Saving window position'); - module.cache.screen = { - height: $context.height() - }; - }, - position: function() { - module.save.screenSize(); - module.save.elementPosition(); - } - }, - - get: { - pixelsPassed: function(amount) { - var - element = module.get.elementCalculations() - ; - if(amount.search('%') > -1) { - return ( element.height * (parseInt(amount, 10) / 100) ); - } - return parseInt(amount, 10); - }, - occurred: function(callback) { - return (module.cache.occurred !== undefined) - ? module.cache.occurred[callback] || false - : false - ; - }, - direction: function() { - if(module.cache.direction === undefined) { - module.save.direction(); - } - return module.cache.direction; - }, - elementPosition: function() { - if(module.cache.element === undefined) { - module.save.elementPosition(); - } - return module.cache.element; - }, - elementCalculations: function() { - if(module.cache.element === undefined) { - module.save.elementCalculations(); - } - return module.cache.element; - }, - screenCalculations: function() { - if(module.cache.screen === undefined) { - module.save.screenCalculations(); - } - return module.cache.screen; - }, - screenSize: function() { - if(module.cache.screen === undefined) { - module.save.screenSize(); - } - return module.cache.screen; - }, - scroll: function() { - if(module.cache.scroll === undefined) { - module.save.scroll(); - } - return module.cache.scroll; - }, - lastScroll: function() { - if(module.cache.screen === undefined) { - module.debug('First scroll event, no last scroll could be found'); - return false; - } - return module.cache.screen.top; - } - }, - - setting: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else if(value !== undefined) { - settings[name] = value; - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else if(value !== undefined) { - module[name] = value; - } - else { - return module[name]; - } - }, - debug: function() { - if(settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.debug.apply(console, arguments); - } - } - }, - verbose: function() { - if(settings.verbose && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.verbose.apply(console, arguments); - } - } - }, - error: function() { - module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); - module.error.apply(console, arguments); - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime; - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Name' : message[0], - 'Arguments' : [].slice.call(message, 1) || '', - 'Element' : element, - 'Execution Time' : executionTime - }); - } - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 100); - }, - display: function() { - var - title = settings.name + ':', - totalTime = 0 - ; - time = false; - clearTimeout(module.performance.timer); - $.each(performance, function(index, data) { - totalTime += data['Execution Time']; - }); - title += ' ' + totalTime + 'ms'; - if(moduleSelector) { - title += ' \'' + moduleSelector + '\''; - } - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - console.table(performance); - } - else { - $.each(performance, function(index, data) { - console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); - }); - } - console.groupEnd(); - } - performance = []; - } - }, - invoke: function(query, passedArguments, context) { - var - object = instance, - maxDepth, - found, - response - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && object !== undefined) { - query = query.split(/[\. ]/); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - var camelCaseValue = (depth != maxDepth) - ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) - : query - ; - if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { - object = object[camelCaseValue]; - } - else if( object[camelCaseValue] !== undefined ) { - found = object[camelCaseValue]; - return false; - } - else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { - object = object[value]; - } - else if( object[value] !== undefined ) { - found = object[value]; - return false; - } - else { - module.error(error.method, query); - return false; - } - }); - } - if ( $.isFunction( found ) ) { - response = found.apply(context, passedArguments); - } - else if(found !== undefined) { - response = found; - } - if($.isArray(returnedValue)) { - returnedValue.push(response); - } - else if(returnedValue !== undefined) { - returnedValue = [returnedValue, response]; - } - else if(response !== undefined) { - returnedValue = response; - } - return found; - } - }; - - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - if(instance !== undefined) { - instance.invoke('destroy'); - } - module.initialize(); - } - }) - ; - - return (returnedValue !== undefined) - ? returnedValue - : this - ; -}; - -$.fn.visibility.settings = { - - name : 'Visibility', - namespace : 'visibility', - - debug : false, - verbose : false, - performance : true, - - // whether to use mutation observers to follow changes - observeChanges : true, - - // callback should only occur one time - once : true, - - // callback should fire continuously whe evaluates to true - continuous : false, - - // offset to use with scroll top - offset : 0, - - // whether to include margin in elements position - includeMargin : false, - - // scroll context for visibility checks - context : window, - - // check position immediately on init - initialCheck : true, - - // visibility check delay in ms (defaults to animationFrame) - throttle : false, - - // special visibility type (image, fixed) - type : false, - - // image only animation settings - transition : false, - duration : 1000, - - // array of callbacks for percentage - onPassed : {}, - - // standard callbacks - onPassing : false, - onTopVisible : false, - onBottomVisible : false, - onTopPassed : false, - onBottomPassed : false, - - // reverse callbacks - onPassingReverse : false, - onTopVisibleReverse : false, - onBottomVisibleReverse : false, - onTopPassedReverse : false, - onBottomPassedReverse : false, - - // utility callbacks - onUpdate : false, // disabled by default for performance - onRefresh : function(){}, - - className: { - fixed: 'fixed' - }, - - error : { - method : 'The method you called is not defined.' - } - -}; - -})( jQuery, window , document ); diff --git a/client/assets/less/lib/semantic/src/definitions/behaviors/visit.js b/client/assets/less/lib/semantic/src/definitions/behaviors/visit.js deleted file mode 100755 index 4ebc9ca..0000000 --- a/client/assets/less/lib/semantic/src/definitions/behaviors/visit.js +++ /dev/null @@ -1,515 +0,0 @@ -/*! - * # Semantic UI - Visit - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ($, window, document, undefined) { - -"use strict"; - -$.visit = $.fn.visit = function(parameters) { - var - $allModules = $.isFunction(this) - ? $(window) - : $(this), - moduleSelector = $allModules.selector || '', - - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - returnedValue - ; - $allModules - .each(function() { - var - settings = $.extend(true, {}, $.fn.visit.settings, parameters), - - error = settings.error, - namespace = settings.namespace, - - eventNamespace = '.' + namespace, - moduleNamespace = namespace + '-module', - - $module = $(this), - $displays = $(), - - element = this, - instance = $module.data(moduleNamespace), - module - ; - module = { - - initialize: function() { - if(settings.count) { - module.store(settings.key.count, settings.count); - } - else if(settings.id) { - module.add.id(settings.id); - } - else if(settings.increment && methodInvoked !== 'increment') { - module.increment(); - } - module.add.display($module); - module.instantiate(); - }, - - instantiate: function() { - module.verbose('Storing instance of visit module', module); - instance = module; - $module - .data(moduleNamespace, module) - ; - }, - - destroy: function() { - module.verbose('Destroying instance'); - $module - .removeData(moduleNamespace) - ; - }, - - increment: function(id) { - var - currentValue = module.get.count(), - newValue = +(currentValue) + 1 - ; - if(id) { - module.add.id(id); - } - else { - if(newValue > settings.limit && !settings.surpass) { - newValue = settings.limit; - } - module.debug('Incrementing visits', newValue); - module.store(settings.key.count, newValue); - } - }, - - decrement: function(id) { - var - currentValue = module.get.count(), - newValue = +(currentValue) - 1 - ; - if(id) { - module.remove.id(id); - } - else { - module.debug('Removing visit'); - module.store(settings.key.count, newValue); - } - }, - - get: { - count: function() { - return +(module.retrieve(settings.key.count)) || 0; - }, - idCount: function(ids) { - ids = ids || module.get.ids(); - return ids.length; - }, - ids: function(delimitedIDs) { - var - idArray = [] - ; - delimitedIDs = delimitedIDs || module.retrieve(settings.key.ids); - if(typeof delimitedIDs === 'string') { - idArray = delimitedIDs.split(settings.delimiter); - } - module.verbose('Found visited ID list', idArray); - return idArray; - }, - storageOptions: function(data) { - var - options = {} - ; - if(settings.expires) { - options.expires = settings.expires; - } - if(settings.domain) { - options.domain = settings.domain; - } - if(settings.path) { - options.path = settings.path; - } - return options; - } - }, - - has: { - visited: function(id, ids) { - var - visited = false - ; - ids = ids || module.get.ids(); - if(id !== undefined && ids) { - $.each(ids, function(index, value){ - if(value == id) { - visited = true; - } - }); - } - return visited; - } - }, - - set: { - count: function(value) { - module.store(settings.key.count, value); - }, - ids: function(value) { - module.store(settings.key.ids, value); - } - }, - - reset: function() { - module.store(settings.key.count, 0); - module.store(settings.key.ids, null); - }, - - add: { - id: function(id) { - var - currentIDs = module.retrieve(settings.key.ids), - newIDs = (currentIDs === undefined || currentIDs === '') - ? id - : currentIDs + settings.delimiter + id - ; - if( module.has.visited(id) ) { - module.debug('Unique content already visited, not adding visit', id, currentIDs); - } - else if(id === undefined) { - module.debug('ID is not defined'); - } - else { - module.debug('Adding visit to unique content', id); - module.store(settings.key.ids, newIDs); - } - module.set.count( module.get.idCount() ); - }, - display: function(selector) { - var - $element = $(selector) - ; - if($element.length > 0 && !$.isWindow($element[0])) { - module.debug('Updating visit count for element', $element); - $displays = ($displays.length > 0) - ? $displays.add($element) - : $element - ; - } - } - }, - - remove: { - id: function(id) { - var - currentIDs = module.get.ids(), - newIDs = [] - ; - if(id !== undefined && currentIDs !== undefined) { - module.debug('Removing visit to unique content', id, currentIDs); - $.each(currentIDs, function(index, value){ - if(value !== id) { - newIDs.push(value); - } - }); - newIDs = newIDs.join(settings.delimiter); - module.store(settings.key.ids, newIDs ); - } - module.set.count( module.get.idCount() ); - } - }, - - check: { - limit: function(value) { - value = value || module.get.count(); - if(settings.limit) { - if(value >= settings.limit) { - module.debug('Pages viewed exceeded limit, firing callback', value, settings.limit); - settings.onLimit.call(element, value); - } - module.debug('Limit not reached', value, settings.limit); - settings.onChange.call(element, value); - } - module.update.display(value); - } - }, - - update: { - display: function(value) { - value = value || module.get.count(); - if($displays.length > 0) { - module.debug('Updating displayed view count', $displays); - $displays.html(value); - } - } - }, - - store: function(key, value) { - var - options = module.get.storageOptions(value) - ; - if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) { - window.localStorage.setItem(key, value); - module.debug('Value stored using local storage', key, value); - } - else if($.cookie !== undefined) { - $.cookie(key, value, options); - module.debug('Value stored using cookie', key, value, options); - } - else { - module.error(error.noCookieStorage); - return; - } - if(key == settings.key.count) { - module.check.limit(value); - } - }, - retrieve: function(key, value) { - var - storedValue - ; - if(settings.storageMethod == 'localstorage' && window.localStorage !== undefined) { - storedValue = window.localStorage.getItem(key); - } - // get by cookie - else if($.cookie !== undefined) { - storedValue = $.cookie(key); - } - else { - module.error(error.noCookieStorage); - } - if(storedValue == 'undefined' || storedValue == 'null' || storedValue === undefined || storedValue === null) { - storedValue = undefined; - } - return storedValue; - }, - - setting: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else if(value !== undefined) { - settings[name] = value; - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - module.debug('Changing internal', name, value); - if(value !== undefined) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else { - module[name] = value; - } - } - else { - return module[name]; - } - }, - debug: function() { - if(settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.debug.apply(console, arguments); - } - } - }, - verbose: function() { - if(settings.verbose && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.verbose.apply(console, arguments); - } - } - }, - error: function() { - module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); - module.error.apply(console, arguments); - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime; - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Name' : message[0], - 'Arguments' : [].slice.call(message, 1) || '', - 'Element' : element, - 'Execution Time' : executionTime - }); - } - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 100); - }, - display: function() { - var - title = settings.name + ':', - totalTime = 0 - ; - time = false; - clearTimeout(module.performance.timer); - $.each(performance, function(index, data) { - totalTime += data['Execution Time']; - }); - title += ' ' + totalTime + 'ms'; - if(moduleSelector) { - title += ' \'' + moduleSelector + '\''; - } - if($allModules.length > 1) { - title += ' ' + '(' + $allModules.length + ')'; - } - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - console.table(performance); - } - else { - $.each(performance, function(index, data) { - console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); - }); - } - console.groupEnd(); - } - performance = []; - } - }, - invoke: function(query, passedArguments, context) { - var - object = instance, - maxDepth, - found, - response - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && object !== undefined) { - query = query.split(/[\. ]/); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - var camelCaseValue = (depth != maxDepth) - ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) - : query - ; - if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { - object = object[camelCaseValue]; - } - else if( object[camelCaseValue] !== undefined ) { - found = object[camelCaseValue]; - return false; - } - else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { - object = object[value]; - } - else if( object[value] !== undefined ) { - found = object[value]; - return false; - } - else { - return false; - } - }); - } - if ( $.isFunction( found ) ) { - response = found.apply(context, passedArguments); - } - else if(found !== undefined) { - response = found; - } - if($.isArray(returnedValue)) { - returnedValue.push(response); - } - else if(returnedValue !== undefined) { - returnedValue = [returnedValue, response]; - } - else if(response !== undefined) { - returnedValue = response; - } - return found; - } - }; - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - if(instance !== undefined) { - instance.invoke('destroy'); - } - module.initialize(); - } - - }) - ; - return (returnedValue !== undefined) - ? returnedValue - : this - ; -}; - -$.fn.visit.settings = { - - name : 'Visit', - - debug : false, - verbose : true, - performance : true, - - namespace : 'visit', - - increment : false, - surpass : false, - count : false, - limit : false, - - delimiter : '&', - storageMethod : 'localstorage', - - key : { - count : 'visit-count', - ids : 'visit-ids' - }, - - expires : 30, - domain : false, - path : '/', - - onLimit : function() {}, - onChange : function() {}, - - error : { - method : 'The method you called is not defined', - missingPersist : 'Using the persist setting requires the inclusion of PersistJS', - noCookieStorage : 'The default storage cookie requires $.cookie to be included.' - } - -}; - -})( jQuery, window , document ); diff --git a/client/assets/less/lib/semantic/src/definitions/collections/breadcrumb.less b/client/assets/less/lib/semantic/src/definitions/collections/breadcrumb.less deleted file mode 100755 index babc15d..0000000 --- a/client/assets/less/lib/semantic/src/definitions/collections/breadcrumb.less +++ /dev/null @@ -1,122 +0,0 @@ -/*! - * # Semantic UI - Breadcrumb - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'collection'; -@element : 'breadcrumb'; - -@import (multiple) '../../theme.config'; - - -/******************************* - Breadcrumb -*******************************/ - -.ui.breadcrumb { - margin: @verticalMargin 0em; - display: @display; - vertical-align: @verticalAlign; -} -.ui.breadcrumb:first-child { - margin-top: 0em; -} -.ui.breadcrumb:last-child { - margin-bottom: 0em; -} - -/******************************* - Content -*******************************/ - -/* Divider */ -.ui.breadcrumb .divider { - display: inline-block; - opacity: @dividerOpacity; - margin: 0em @dividerSpacing 0em; - - font-size: @dividerSize; - color: @dividerColor; - vertical-align: @dividerVerticalAlign; -} - -/* Link */ -.ui.breadcrumb a { - color: @linkColor; -} -.ui.breadcrumb a:hover { - color: @linkHoverColor; -} - - -/* Icon Divider */ -.ui.breadcrumb .icon.divider { - font-size: @iconDividerSize; - vertical-align: @iconDividerVerticalAlign; -} - -/* Section */ -.ui.breadcrumb a.section { - cursor: pointer; -} -.ui.breadcrumb .section { - display: inline-block; - margin: @sectionMargin; - padding: @sectionPadding; -} - -/* Loose Coupling */ -.ui.breadcrumb.segment { - display: inline-block; - padding: @segmentPadding; -} - -/******************************* - States -*******************************/ - -.ui.breadcrumb .active.section { - font-weight: @activeFontWeight; -} - - -/******************************* - Variations -*******************************/ - -.ui.mini.breadcrumb { - font-size: @mini; -} -.ui.tiny.breadcrumb { - font-size: @tiny; -} -.ui.small.breadcrumb { - font-size: @small; -} -.ui.breadcrumb { - font-size: @medium; -} -.ui.large.breadcrumb { - font-size: @large; -} -.ui.big.breadcrumb { - font-size: @big; -} -.ui.huge.breadcrumb { - font-size: @huge; -} -.ui.massive.breadcrumb { - font-size: @massive; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/collections/form.less b/client/assets/less/lib/semantic/src/definitions/collections/form.less deleted file mode 100755 index ec7b48d..0000000 --- a/client/assets/less/lib/semantic/src/definitions/collections/form.less +++ /dev/null @@ -1,894 +0,0 @@ -/*! - * # Semantic UI - Form - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'collection'; -@element : 'form'; - -@import (multiple) '../../theme.config'; - - -/******************************* - Elements -*******************************/ - -/*-------------------- - Form ----------------------*/ - -.ui.form { - position: relative; - max-width: 100%; -} - -/*-------------------- - Content ----------------------*/ - -.ui.form > p { - margin: @paragraphMargin; -} - -/*-------------------- - Field ----------------------*/ - -.ui.form .fields .field, -.ui.form .field { - clear: both; - margin: @fieldMargin; -} -.ui.form .fields:last-child, -.ui.form .field:last-child { - margin-bottom: 0em; -} - -/*-------------------- - Labels ----------------------*/ - -.ui.form .field > label { - display: block; - margin: @labelMargin; - color: @labelColor; - font-size: @labelFontSize; - font-weight: @labelFontWeight; - text-transform: @labelTextTransform; -} -.ui.form .grouped.fields > label { - margin: @groupedLabelMargin; - color: @groupedLabelColor; - font-size: @groupedLabelFontSize; - font-weight: @groupedLabelFontWeight; - text-transform: @groupedLabelTextTransform; -} -.ui.form .inline.fields > label { - display: inline-block; - vertical-align: middle; - - margin: @inlineLabelMargin; - color: @inlineLabelColor; - font-size: @inlineLabelFontSize; - font-weight: @inlineLabelFontWeight; - text-transform: @inlineLabelTextTransform; -} - -/*-------------------- - Standard Inputs ----------------------*/ - - -.ui.form textarea, -.ui.form input:not([type]), -.ui.form input[type="date"], -.ui.form input[type="datetime-local"], -.ui.form input[type="email"], -.ui.form input[type="number"], -.ui.form input[type="password"], -.ui.form input[type="search"], -.ui.form input[type="tel"], -.ui.form input[type="time"], -.ui.form input[type="text"], -.ui.form input[type="url"], -.ui.form .ui.input { - width: 100%; - vertical-align: top; -} - -.ui.form input:not([type]), -.ui.form input[type="date"], -.ui.form input[type="datetime-local"], -.ui.form input[type="email"], -.ui.form input[type="number"], -.ui.form input[type="password"], -.ui.form input[type="search"], -.ui.form input[type="tel"], -.ui.form input[type="time"], -.ui.form input[type="text"], -.ui.form input[type="url"] { - font-family: @inputFont; - margin: 0em; - outline: none; - -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); - - line-height: @inputLineHeight; - padding: @inputPadding; - font-size: @inputFontSize; - - background: @inputBackground; - border: @inputBorder; - color: @inputColor; - border-radius: @inputBorderRadius; - box-shadow: @inputBoxShadow; - transition: @inputTransition; -} - - -.ui.textarea, -.ui.form textarea { - margin: 0em; - -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); - - padding: @textAreaPadding; - font-size: @textAreaFontSize; - background: @textAreaBackground; - border: @textAreaBorder; - outline: none; - color: @inputColor; - border-radius: @inputBorderRadius; - box-shadow: @inputBoxShadow; - transition: @textAreaTransition; - font-size: @textAreaFontSize; - height: @textAreaHeight; - min-height: @textAreaMinHeight; - max-height: @textAreaMaxHeight; - line-height: @textAreaLineHeight; - resize: @textAreaResize; -} - -.ui.form textarea, -.ui.form input[type="checkbox"] { - vertical-align: @checkboxVerticalAlign; -} - -/*-------------------------- - Input w/ attached Button ----------------------------*/ - -.ui.form input.attached { - width: auto; -} - - -/*-------------------- - Basic Select ----------------------*/ - -.ui.form select { - display: block; - height: auto; - width: 100%; - background: @selectBackground; - border: @selectBorder; - border-radius: @selectBorderRadius; - box-shadow: @selectBoxShadow; - padding: @selectPadding; - color: @selectColor; - transition: @selectTransition; -} - -/*-------------------- - Dropdown ----------------------*/ - -.ui.form .field > .selection.dropdown { - width: 100%; -} -.ui.form .field > .selection.dropdown > .dropdown.icon { - float: right; -} - -.ui.form .inline.field > .selection.dropdown { - width: auto; -} -.ui.form .inline.field > .selection.dropdown > .dropdown.icon { - float: none; -} - - -/*-------------------- - Dividers ----------------------*/ - -.ui.form .divider { - clear: both; - margin: @dividerMargin; -} - - -/*-------------------- - Types of Messages ----------------------*/ - -.ui.form .success.message, -.ui.form .warning.message, -.ui.form .error.message { - display: none; -} - -/* Assumptions */ -.ui.form .message:first-child { - margin-top: 0px; -} - -/*-------------------- - Validation Prompt ----------------------*/ - -.ui.form .field .prompt.label { - white-space: nowrap; -} -.ui.form .inline.field .prompt { - margin: @inlineValidationMargin; -} -.ui.form .inline.field .prompt:before { - margin-top: @inlineValidationArrowOffset; - bottom: auto; - right: auto; - top: 50%; - left: 0em; -} - - -/******************************* - States -*******************************/ - - -/*-------------------- - Placeholder ----------------------*/ - -/* browsers require these rules separate */ -.ui.form ::-webkit-input-placeholder { - color: @inputPlaceholderColor; -} -.ui.form ::-moz-placeholder { - color: @inputPlaceholderColor; -} -.ui.form :focus::-webkit-input-placeholder { - color: @inputPlaceholderFocusColor; -} -.ui.form :focus::-moz-placeholder { - color: @inputPlaceholderFocusColor; -} - -/* Error Placeholder */ -.ui.form .error ::-webkit-input-placeholder { - color: @inputErrorPlaceholderColor; -} -.ui.form .error ::-moz-placeholder { - color: @inputErrorPlaceholderColor; -} -.ui.form .error :focus::-webkit-input-placeholder { - color: @inputErrorPlaceholderFocusColor; -} -.ui.form .error :focus::-moz-placeholder { - color: @inputErrorPlaceholderFocusColor; -} - -/*-------------------- - Focus ----------------------*/ - -.ui.form input:not([type]):focus, -.ui.form input[type="date"]:focus, -.ui.form input[type="datetime-local"]:focus, -.ui.form input[type="email"]:focus, -.ui.form input[type="number"]:focus, -.ui.form input[type="password"]:focus, -.ui.form input[type="search"]:focus, -.ui.form input[type="tel"]:focus, -.ui.form input[type="time"]:focus, -.ui.form input[type="text"]:focus, -.ui.form input[type="url"]:focus { - color: @inputFocusColor; - border-color: @inputFocusBorderColor; - border-radius: @inputFocusBorderRadius; - background: @inputFocusBackground; - box-shadow: @inputFocusBoxShadow; -} -.ui.form textarea:focus { - color: @textAreaFocusColor; - border-color: @textAreaFocusBorderColor; - border-radius: @textAreaFocusBorderRadius; - background: @textAreaFocusBackground; - box-shadow: @textAreaFocusBoxShadow; - -webkit-appearance: none; -} - -/*-------------------- - Success ----------------------*/ - -/* On Form */ -.ui.form.success .success.message { - display: block; -} - -/*-------------------- - Error ----------------------*/ - -/* On Form */ -.ui.form.warning .warning.message { - display: block; -} - -/*-------------------- - Warning ----------------------*/ - -/* On Form */ -.ui.form.error .error.message { - display: block; -} - -/* On Field(s) */ -.ui.form .fields.error .field label, -.ui.form .field.error label, -.ui.form .fields.error .field .input, -.ui.form .field.error .input { - color: @formErrorColor; -} - -.ui.form .fields.error .field .corner.label, -.ui.form .field.error .corner.label { - border-color: @formErrorColor; - color: @white; -} - -.ui.form .fields.error .field textarea, -.ui.form .fields.error .field select, -.ui.form .fields.error .field input:not([type]), -.ui.form .fields.error .field input[type="date"], -.ui.form .fields.error .field input[type="datetime-local"], -.ui.form .fields.error .field input[type="email"], -.ui.form .fields.error .field input[type="number"], -.ui.form .fields.error .field input[type="password"], -.ui.form .fields.error .field input[type="search"], -.ui.form .fields.error .field input[type="tel"], -.ui.form .fields.error .field input[type="time"], -.ui.form .fields.error .field input[type="text"], -.ui.form .fields.error .field input[type="url"], -.ui.form .field.error textarea, -.ui.form .field.error select, -.ui.form .field.error input:not([type]), -.ui.form .field.error input[type="date"], -.ui.form .field.error input[type="datetime-local"], -.ui.form .field.error input[type="email"], -.ui.form .field.error input[type="number"], -.ui.form .field.error input[type="password"], -.ui.form .field.error input[type="search"], -.ui.form .field.error input[type="tel"], -.ui.form .field.error input[type="time"], -.ui.form .field.error input[type="text"], -.ui.form .field.error input[type="url"] { - background: @formErrorBackground; - border-color: @formErrorBorder; - color: @formErrorColor; - border-radius: @inputErrorBorderRadius; - box-shadow: @inputErrorBoxShadow; -} -.ui.form .field.error textarea:focus, -.ui.form .field.error select:focus, -.ui.form .field.error input:not([type]):focus, -.ui.form .field.error input[type="date"]:focus, -.ui.form .field.error input[type="datetime-local"]:focus, -.ui.form .field.error input[type="email"]:focus, -.ui.form .field.error input[type="number"]:focus, -.ui.form .field.error input[type="password"]:focus, -.ui.form .field.error input[type="search"]:focus, -.ui.form .field.error input[type="tel"]:focus, -.ui.form .field.error input[type="time"]:focus, -.ui.form .field.error input[type="text"]:focus, -.ui.form .field.error input[type="url"]:focus { - background: @inputErrorFocusBackground; - border-color: @inputErrorFocusBorder; - color: @inputErrorFocusColor; - - -webkit-appearance: none; - box-shadow: @inputErrorFocusBoxShadow; -} - -/* Preserve Native Select Stylings */ -.ui.form .field.error select { - -webkit-appearance: menulist-button; -} - -/*------------------ - Dropdown Error ---------------------*/ - -.ui.form .fields.error .field .ui.dropdown, -.ui.form .fields.error .field .ui.dropdown .item, -.ui.form .field.error .ui.dropdown, -.ui.form .field.error .ui.dropdown .text, -.ui.form .field.error .ui.dropdown .item { - background: @formErrorBackground; - color: @formErrorColor; -} -.ui.form .fields.error .field .ui.dropdown, -.ui.form .field.error .ui.dropdown { - border-color: @formErrorBorder !important; -} -.ui.form .fields.error .field .ui.dropdown:hover, -.ui.form .field.error .ui.dropdown:hover { - border-color: @formErrorBorder !important; -} -.ui.form .fields.error .field .ui.dropdown:hover .menu, -.ui.form .field.error .ui.dropdown:hover .menu { - border-color: @formErrorBorder; -} -/* Hover */ -.ui.form .fields.error .field .ui.dropdown .menu .item:hover, -.ui.form .field.error .ui.dropdown .menu .item:hover { - background-color: @dropdownErrorHoverBackground; -} -/* Active */ -.ui.form .fields.error .field .ui.dropdown .menu .active.item, -.ui.form .field.error .ui.dropdown .menu .active.item { - background-color: @dropdownErrorActiveBackground !important; -} - -/*-------------------- - Checkbox Error ----------------------*/ - -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) label, -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box { - color: @formErrorColor; -} -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, -.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, -.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before { - background: @formErrorBackground; - border-color: @formErrorBorder; -} -.ui.form .fields.error .field .checkbox label:after, -.ui.form .field.error .checkbox label:after, -.ui.form .fields.error .field .checkbox .box:after, -.ui.form .field.error .checkbox .box:after { - color: @formErrorColor; -} - -/*-------------------- - Disabled ----------------------*/ - -.ui.form .field :disabled, -.ui.form .field.disabled { - opacity: 0.5; -} -.ui.form .field.disabled label { - opacity: 0.5; -} -.ui.form .field.disabled :disabled { - opacity: 1; -} - - -/*-------------- - Loading ----------------*/ - -.ui.loading.form { - position: relative; - cursor: default; - point-events: none; - text-shadow: none !important; - color: transparent !important; - transition: all 0s linear; - z-index: 100; -} -.ui.loading.form:before { - position: absolute; - content: ''; - top: 0%; - left: 0%; - background: @loaderDimmerColor; - width: 100%; - height: 100%; - z-index: @loaderDimmerZIndex; -} -.ui.loading.form:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - - margin: @loaderMargin; - width: @loaderSize; - height: @loaderSize; - - animation: form-spin @loaderSpeed linear; - animation-iteration-count: infinite; - - border-radius: @circularRadius; - - border-color: @loaderLineColor @loaderFillColor @loaderFillColor @loaderFillColor; - border-style: solid; - border-width: @loaderLineWidth; - - box-shadow: 0px 0px 0px 1px transparent; - visibility: visible; - z-index: @loaderLineZIndex; -} - -@keyframes form-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - - -/******************************* - Element Types -*******************************/ - -/*-------------------- - Required Field ----------------------*/ - -.ui.form .required.fields > .field > label:after, -.ui.form .required.field > label:after, -.ui.form .required.fields > .field > .checkbox:after, -.ui.form .required.field > .checkbox:after { - margin: @requiredMargin; - content: @requiredContent; - color: @requiredColor; -} - -.ui.form .required.fields > .field > label:after, -.ui.form .required.field > label:after { - display: inline-block; - vertical-align: top; -} - -.ui.form .required.fields > .field > .checkbox:after, -.ui.form .required.field > .checkbox:after { - position: absolute; - top: 0%; - left: 100%; -} - - -/******************************* - Variations -*******************************/ - - -/*-------------------- - Inverted Colors ----------------------*/ - -.ui.inverted.form label, -.ui.form .inverted.segment label, -.ui.form .inverted.segment .ui.checkbox label, -.ui.form .inverted.segment .ui.checkbox .box, -.ui.inverted.form .ui.checkbox label, -.ui.inverted.form .ui.checkbox .box { - color: @invertedLabelColor; -} - -/*-------------------- - Field Groups ----------------------*/ - -/* Grouped Vertically */ -.ui.form .grouped.fields { - margin: @groupedMargin; -} -.ui.form .grouped.fields:last-child { - margin-bottom: 0em; -} -.ui.form .grouped.fields > label { - font-size: @groupedLabelFontSize; -} -.ui.form .grouped.fields .field { - display: block; - float: none; - margin: @groupedFieldMargin; - padding: 0em; -} - -/*-------------------- - Fields ----------------------*/ - -/* Split fields */ -.ui.form .fields { - clear: both; -} -.ui.form .fields:after { - content: ' '; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; -} -.ui.form .fields > .field { - clear: none; - float: left; - padding-left: (@gutterWidth / 2); - padding-right: (@gutterWidth / 2); -} -.ui.form .fields > .field:first-child { - border-left: none; - box-shadow: none; -} - -/* Other Combinations */ -.ui.form .two.fields > .fields, -.ui.form .two.fields > .field { - width: @twoColumn; -} -.ui.form .three.fields > .fields, -.ui.form .three.fields > .field { - width: @threeColumn; -} -.ui.form .four.fields > .fields, -.ui.form .four.fields > .field { - width: @fourColumn; -} -.ui.form .five.fields > .fields, -.ui.form .five.fields > .field { - width: @fiveColumn; -} -.ui.form .six.fields > .fields, -.ui.form .six.fields > .field { - width: @sixColumn; -} -.ui.form .seven.fields > .fields, -.ui.form .seven.fields > .field { - width: @sevenColumn; -} -.ui.form .eight.fields > .fields, -.ui.form .eight.fields > .field { - width: @eightColumn; -} -.ui.form .nine.fields > .fields, -.ui.form .nine.fields > .field { - width: @nineColumn; -} -.ui.form .ten.fields > .fields, -.ui.form .ten.fields > .field { - width: @tenColumn; -} - -/* Swap to full width on mobile */ -@media only screen and (max-width : @largestMobileScreen) { - .ui.form .two.fields > .fields, - .ui.form .two.fields > .field, - .ui.form .three.fields > .fields, - .ui.form .three.fields > .field, - .ui.form .four.fields > .fields, - .ui.form .four.fields > .field, - .ui.form .five.fields > .fields, - .ui.form .five.fields > .field, - .ui.form .six.fields > .fields, - .ui.form .six.fields > .field, - .ui.form .seven.fields > .fields, - .ui.form .seven.fields > .field, - .ui.form .eight.fields > .fields, - .ui.form .eight.fields > .field, - .ui.form .nine.fields > .fields, - .ui.form .nine.fields > .field, - .ui.form .ten.fields > .fields, - .ui.form .ten.fields > .field { - width: @oneColumn !important; - margin: @fieldMargin; - padding-left: 0%; - padding-right: 0%; - } -} - -.ui.form .fields .field:first-child { - padding-left: 0%; -} -.ui.form .fields .field:last-child { - padding-right: 0%; -} - - -/* Sizing Combinations */ - -.ui.form .fields .wide.field { - width: @oneWide; - padding-left: (@gutterWidth / 2); - padding-right: (@gutterWidth / 2); -} -.ui.form .fields .wide.field:first-child { - padding-left: 0%; -} -.ui.form .fields .wide.field:last-child { - padding-right: 0%; -} - -.ui.form .one.wide.field { - width: @oneWide !important; -} -.ui.form .two.wide.field { - width: @twoWide !important; -} -.ui.form .three.wide.field { - width: @threeWide !important; -} -.ui.form .four.wide.field { - width: @fourWide !important; -} -.ui.form .five.wide.field { - width: @fiveWide !important; -} -.ui.form .six.wide.field { - width: @sixWide !important; -} -.ui.form .seven.wide.field { - width: @sevenWide !important; -} -.ui.form .eight.wide.field { - width: @eightWide !important; -} -.ui.form .nine.wide.field { - width: @nineWide !important; -} -.ui.form .ten.wide.field { - width: @tenWide !important; -} -.ui.form .eleven.wide.field { - width: @elevenWide !important; -} -.ui.form .twelve.wide.field { - width: @twelveWide !important; -} -.ui.form .thirteen.wide.field { - width: @thirteenWide !important; -} -.ui.form .fourteen.wide.field { - width: @fourteenWide !important; -} -.ui.form .fifteen.wide.field { - width: @fifteenWide !important; -} -.ui.form .sixteen.wide.field { - width: @sixteenWide !important; -} - -/* Swap to full width on mobile */ -@media only screen and (max-width : @largestMobileScreen) { - .ui.form .two.fields > .fields, - .ui.form .two.fields > .field, - .ui.form .three.fields > .fields, - .ui.form .three.fields > .field, - .ui.form .four.fields > .fields, - .ui.form .four.fields > .field, - .ui.form .five.fields > .fields, - .ui.form .five.fields > .field, - .ui.form .fields > .two.wide.field, - .ui.form .fields > .three.wide.field, - .ui.form .fields > .four.wide.field, - .ui.form .fields > .five.wide.field, - .ui.form .fields > .six.wide.field, - .ui.form .fields > .seven.wide.field, - .ui.form .fields > .eight.wide.field, - .ui.form .fields > .nine.wide.field, - .ui.form .fields > .ten.wide.field, - .ui.form .fields > .eleven.wide.field, - .ui.form .fields > .twelve.wide.field, - .ui.form .fields > .thirteen.wide.field, - .ui.form .fields > .fourteen.wide.field, - .ui.form .fields > .fifteen.wide.field, - .ui.form .fields > .sixteen.wide.field { - width: @oneColumn !important; - margin: @fieldMargin; - padding-left: 0%; - padding-right: 0%; - } -} - -/*-------------------- - Inline Fields ----------------------*/ - -.ui.form .inline.fields { - margin: @fieldMargin; -} -.ui.form .inline.fields .field { - display: inline-block; - float: none; - margin: @inlineFieldsMargin; - padding: 0em; -} -.ui.form .inline.fields .field > label, -.ui.form .inline.fields .field > p, -.ui.form .inline.fields .field > input, -.ui.form .inline.fields .field > .ui.input, -.ui.form .inline.field > label, -.ui.form .inline.field > p, -.ui.form .inline.field > input, -.ui.form .inline.field > .ui.input { - display: inline-block; - width: auto; - - margin-top: 0em; - margin-bottom: 0em; - - vertical-align: @inlineLabelVerticalAlign; - font-size: @inlineLabelFontSize; -} -.ui.form .inline.fields .field > input, -.ui.form .inline.fields .field > .ui.input, -.ui.form .inline.field > input, -.ui.form .inline.field > .ui.input { - font-size: @inlineLabelFontSize; -} -.ui.form .inline.fields .field > .ui.checkbox label { - padding-left: @inlineCheckboxLabelDistance; -} - -/* Label */ -.ui.form .inline.fields .field > :first-child, -.ui.form .inline.field > :first-child { - margin: 0em @labelDistance 0em 0em; -} -.ui.form .inline.fields .field > :only-child, -.ui.form .inline.field > :only-child { - margin: 0em; -} - - -/*-------------------- - Sizes ----------------------*/ - -/* Standard */ -.ui.small.form { - font-size: @small; -} - -/* Medium */ -.ui.form { - font-size: @medium; -} - -/* Large */ -.ui.large.form { - font-size: @large; -} - -/* Huge */ -.ui.huge.form { - font-size: @huge; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/collections/grid.less b/client/assets/less/lib/semantic/src/definitions/collections/grid.less deleted file mode 100755 index 75d186c..0000000 --- a/client/assets/less/lib/semantic/src/definitions/collections/grid.less +++ /dev/null @@ -1,1783 +0,0 @@ -/*! - * # Semantic UI - Grid - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'collection'; -@element : 'grid'; - -@import (multiple) '../../theme.config'; - -/******************************* - Standard -*******************************/ - -.ui.grid { - display: block; - text-align: left; - - font-size: 0em; - padding: 0em; -} - -.ui.grid:after, -.ui.grid > .row:after { - content: ''; - display: block; - height: 0px; - clear: both; - visibility: hidden; -} - -/*---------------------- - Remove Gutters ------------------------*/ - -.ui.grid { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - margin-left: -(@gutterWidth / 2); - margin-right: -(@gutterWidth / 2); -} -.ui.relaxed.grid { - margin-left: -(@relaxedGutterWidth / 2); - margin-right: -(@relaxedGutterWidth / 2); -} -.ui[class*="very relaxed"].grid { - margin-left: -(@veryRelaxedGutterWidth / 2); - margin-right: -(@veryRelaxedGutterWidth / 2); -} - - -/* Collapse Margins on Consecutive Grids */ -.ui.grid + .grid { - margin-top: (@rowSpacing / 2); -} - -/*------------------- - Columns ---------------------*/ - -/* Standard 16 column */ -.ui.grid > .column:not(.row), -.ui.grid > .row > .column { - position: relative; - display: inline-block; - font-size: 1rem; - - width: @oneWide; - padding-left: (@gutterWidth / 2); - padding-right: (@gutterWidth / 2); - vertical-align: top; -} - -.ui.grid > * { - padding-left: (@gutterWidth / 2); - padding-right: (@gutterWidth / 2); -} - -/*------------------- - Rows ---------------------*/ - -.ui.grid > .row { - position: relative; - display: block; - width: auto !important; - padding: 0rem; - font-size: 0rem; - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -/*------------------- - Columns ---------------------*/ - -/* Vertical padding when no rows */ -.ui.grid > .column:not(.row) { - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} -.ui.grid > .row > .column { - margin-top: 0em; - margin-bottom: 0em; -} - -/*------------------- - Content ---------------------*/ - -.ui.grid > .row > img, -.ui.grid > .row > .column > img { - max-width: @columnMaxImageWidth; -} - -/*------------------- - Loose Coupling ---------------------*/ - -.ui.grid .row + .ui.divider { - margin: (@rowSpacing / 2) (@gutterWidth / 2); -} - -/* remove Border on last horizontal segment */ -.ui.grid > .row > .column:last-child > .horizontal.segment, -.ui.grid > .column:last-child > .horizontal.segment { - box-shadow: none; -} - -/******************************* - Variations -*******************************/ - - -/*----------------------- - Page Grid --------------------------*/ - -.ui.page.grid { - padding-left: @computerGutter; - padding-right: @computerGutter; - width: @computerWidth; -} - -/* Collapse Margin */ -.ui.grid > .ui.grid:first-child { - margin-top: 0em; -} -.ui.grid > .ui.grid:last-child { - margin-bottom: 0em; -} - -@media only screen and (max-width: (@largestMobileScreen)) { - .ui.page.grid { - width: @mobileWidth; - padding-left: @mobileGutter; - padding-right: @mobileGutter; - margin-left: 0em; - margin-right: 0em; - } -} -@media only screen and (min-width: @tabletBreakpoint ) { - .ui.page.grid { - width: @tabletWidth; - margin-left: @tabletMargin; - margin-right: @tabletMargin; - padding-left: @tabletGutter; - padding-right: @tabletGutter; - } -} -@media only screen and (min-width: @computerBreakpoint) { - .ui.page.grid { - width: @computerWidth; - margin-left: @computerMargin; - margin-right: @computerMargin; - padding-left: @computerGutter; - padding-right: @computerGutter; - } -} -@media only screen and (min-width: @largeMonitorBreakpoint) { - .ui.page.grid { - width: @largeMonitorWidth; - margin-left: @largeMonitorMargin; - margin-right: @largeMonitorMargin; - padding-left: @largeMonitorGutter; - padding-right: @largeMonitorGutter; - } -} -@media only screen and (min-width: @widescreenMonitorBreakpoint) { - .ui.page.grid { - width: @widescreenMonitorWidth; - margin-left: @widescreenMargin; - margin-right: @widescreenMargin; - padding-left: @widescreenMonitorGutter; - padding-right: @widescreenMonitorGutter; - } -} - - -/*------------------- - Column Count ---------------------*/ - -/* Assume full width with one column */ -.ui.grid > .column:only-child, -.ui.grid > .row > .column:only-child { - width: @oneColumn; -} - -/* Grid Based */ -.ui[class*="one column"].grid > .row > .column, -.ui[class*="one column"].grid > .column { - width: @oneColumn; -} -.ui[class*="two column"].grid > .row > .column, -.ui[class*="two column"].grid > .column { - width: @twoColumn; -} -.ui[class*="three column"].grid > .row > .column, -.ui[class*="three column"].grid > .column { - width: @threeColumn; -} -.ui[class*="four column"].grid > .row > .column, -.ui[class*="four column"].grid > .column { - width: @fourColumn; -} -.ui[class*="five column"].grid > .row > .column, -.ui[class*="five column"].grid > .column { - width: @fiveColumn; -} -.ui[class*="six column"].grid > .row > .column, -.ui[class*="six column"].grid > .column { - width: @sixColumn; -} -.ui[class*="seven column"].grid > .row > .column, -.ui[class*="seven column"].grid > .column { - width: @sevenColumn; -} -.ui[class*="eight column"].grid > .row > .column, -.ui[class*="eight column"].grid > .column { - width: @eightColumn; -} -.ui[class*="nine column"].grid > .row > .column, -.ui[class*="nine column"].grid > .column { - width: @nineColumn; -} -.ui[class*="ten column"].grid > .row > .column, -.ui[class*="ten column"].grid > .column { - width: @tenColumn; -} -.ui[class*="eleven column"].grid > .row > .column, -.ui[class*="eleven column"].grid > .column { - width: @elevenColumn; -} -.ui[class*="twelve column"].grid > .row > .column, -.ui[class*="twelve column"].grid > .column { - width: @twelveColumn; -} -.ui[class*="thirteen column"].grid > .row > .column, -.ui[class*="thirteen column"].grid > .column { - width: @thirteenColumn; -} -.ui[class*="fourteen column"].grid > .row > .column, -.ui[class*="fourteen column"].grid > .column { - width: @fourteenColumn; -} -.ui[class*="fifteen column"].grid > .row > .column, -.ui[class*="fifteen column"].grid > .column { - width: @fifteenColumn; -} -.ui[class*="sixteen column"].grid > .row > .column, -.ui[class*="sixteen column"].grid > .column { - width: @sixteenColumn; -} - -/* Row Based Overrides */ -.ui.grid > [class*="one column"].row > .column { - width: @oneColumn !important; -} -.ui.grid > [class*="two column"].row > .column { - width: @twoColumn !important; -} -.ui.grid > [class*="three column"].row > .column { - width: @threeColumn !important; -} -.ui.grid > [class*="four column"].row > .column { - width: @fourColumn !important; -} -.ui.grid > [class*="five column"].row > .column { - width: @fiveColumn !important; -} -.ui.grid > [class*="six column"].row > .column { - width: @sixColumn !important; -} -.ui.grid > [class*="seven column"].row > .column { - width: @sevenColumn !important; -} -.ui.grid > [class*="eight column"].row > .column { - width: @eightColumn !important; -} -.ui.grid > [class*="nine column"].row > .column { - width: @nineColumn !important; -} -.ui.grid > [class*="ten column"].row > .column { - width: @tenColumn !important; -} -.ui.grid > [class*="eleven column"].row > .column { - width: @elevenColumn !important; -} -.ui.grid > [class*="twelve column"].row > .column { - width: @twelveColumn !important; -} -.ui.grid > [class*="thirteen column"].row > .column { - width: @thirteenColumn !important; -} -.ui.grid > [class*="fourteen column"].row > .column { - width: @fourteenColumn !important; -} -.ui.grid > [class*="fifteen column"].row > .column { - width: @fifteenColumn !important; -} -.ui.grid > [class*="sixteen column"].row > .column { - width: @sixteenColumn !important; -} - - -/*------------------- - Column Width ---------------------*/ - -/* Sizing Combinations */ -.ui.grid > .row > [class*="one wide"].column, -.ui.grid > .column.row > [class*="one wide"].column, -.ui.grid > [class*="one wide"].column, -.ui.column.grid > [class*="one wide"].column { - width: @oneWide !important; -} -.ui.grid > .row > [class*="two wide"].column, -.ui.grid > .column.row > [class*="two wide"].column, -.ui.grid > [class*="two wide"].column, -.ui.column.grid > [class*="two wide"].column { - width: @twoWide !important; -} -.ui.grid > .row > [class*="three wide"].column, -.ui.grid > .column.row > [class*="three wide"].column, -.ui.grid > [class*="three wide"].column, -.ui.column.grid > [class*="three wide"].column { - width: @threeWide !important; -} -.ui.grid > .row > [class*="four wide"].column, -.ui.grid > .column.row > [class*="four wide"].column, -.ui.grid > [class*="four wide"].column, -.ui.column.grid > [class*="four wide"].column { - width: @fourWide !important; -} -.ui.grid > .row > [class*="five wide"].column, -.ui.grid > .column.row > [class*="five wide"].column, -.ui.grid > [class*="five wide"].column, -.ui.column.grid > [class*="five wide"].column { - width: @fiveWide !important; -} -.ui.grid > .row > [class*="six wide"].column, -.ui.grid > .column.row > [class*="six wide"].column, -.ui.grid > [class*="six wide"].column, -.ui.column.grid > [class*="six wide"].column { - width: @sixWide !important; -} -.ui.grid > .row > [class*="seven wide"].column, -.ui.grid > .column.row > [class*="seven wide"].column, -.ui.grid > [class*="seven wide"].column, -.ui.column.grid > [class*="seven wide"].column { - width: @sevenWide !important; -} -.ui.grid > .row > [class*="eight wide"].column, -.ui.grid > .column.row > [class*="eight wide"].column, -.ui.grid > [class*="eight wide"].column, -.ui.column.grid > [class*="eight wide"].column { - width: @eightWide !important; -} -.ui.grid > .row > [class*="nine wide"].column, -.ui.grid > .column.row > [class*="nine wide"].column, -.ui.grid > [class*="nine wide"].column, -.ui.column.grid > [class*="nine wide"].column { - width: @nineWide !important; -} -.ui.grid > .row > [class*="ten wide"].column, -.ui.grid > .column.row > [class*="ten wide"].column, -.ui.grid > [class*="ten wide"].column, -.ui.column.grid > [class*="ten wide"].column { - width: @tenWide !important; -} -.ui.grid > .row > [class*="eleven wide"].column, -.ui.grid > .column.row > [class*="eleven wide"].column, -.ui.grid > [class*="eleven wide"].column, -.ui.column.grid > [class*="eleven wide"].column { - width: @elevenWide !important; -} -.ui.grid > .row > [class*="twelve wide"].column, -.ui.grid > .column.row > [class*="twelve wide"].column, -.ui.grid > [class*="twelve wide"].column, -.ui.column.grid > [class*="twelve wide"].column { - width: @twelveWide !important; -} -.ui.grid > .row > [class*="thirteen wide"].column, -.ui.grid > .column.row > [class*="thirteen wide"].column, -.ui.grid > [class*="thirteen wide"].column, -.ui.column.grid > [class*="thirteen wide"].column { - width: @thirteenWide !important; -} -.ui.grid > .row > [class*="fourteen wide"].column, -.ui.grid > .column.row > [class*="fourteen wide"].column, -.ui.grid > [class*="fourteen wide"].column, -.ui.column.grid > [class*="fourteen wide"].column { - width: @fourteenWide !important; -} -.ui.grid > .row > [class*="fifteen wide"].column, -.ui.grid > .column.row > [class*="fifteen wide"].column, -.ui.grid > [class*="fifteen wide"].column, -.ui.column.grid > [class*="fifteen wide"].column { - width: @fifteenWide !important; -} -.ui.grid > .row > [class*="sixteen wide"].column, -.ui.grid > .column.row > [class*="sixteen wide"].column, -.ui.grid > [class*="sixteen wide"].column, -.ui.column.grid > [class*="sixteen wide"].column { - width: @sixteenWide !important; -} - -/*---------------------- - Width per Device ------------------------*/ - -/* Mobile Sizing Combinations */ -@media only screen and (min-width: @mobileBreakpoint) and (max-width: @largestMobileScreen) { - .ui.grid > .row > [class*="one wide mobile"].column, - .ui.grid > .column.row > [class*="one wide mobile"].column, - .ui.grid > [class*="one wide mobile"].column, - .ui.column.grid > [class*="one wide mobile"].column { - width: @oneWide !important; - } - .ui.grid > .row > [class*="two wide mobile"].column, - .ui.grid > .column.row > [class*="two wide mobile"].column, - .ui.grid > [class*="two wide mobile"].column, - .ui.column.grid > [class*="two wide mobile"].column { - width: @twoWide !important; - } - .ui.grid > .row > [class*="three wide mobile"].column, - .ui.grid > .column.row > [class*="three wide mobile"].column, - .ui.grid > [class*="three wide mobile"].column, - .ui.column.grid > [class*="three wide mobile"].column { - width: @threeWide !important; - } - .ui.grid > .row > [class*="four wide mobile"].column, - .ui.grid > .column.row > [class*="four wide mobile"].column, - .ui.grid > [class*="four wide mobile"].column, - .ui.column.grid > [class*="four wide mobile"].column { - width: @fourWide !important; - } - .ui.grid > .row > [class*="five wide mobile"].column, - .ui.grid > .column.row > [class*="five wide mobile"].column, - .ui.grid > [class*="five wide mobile"].column, - .ui.column.grid > [class*="five wide mobile"].column { - width: @fiveWide !important; - } - .ui.grid > .row > [class*="six wide mobile"].column, - .ui.grid > .column.row > [class*="six wide mobile"].column, - .ui.grid > [class*="six wide mobile"].column, - .ui.column.grid > [class*="six wide mobile"].column { - width: @sixWide !important; - } - .ui.grid > .row > [class*="seven wide mobile"].column, - .ui.grid > .column.row > [class*="seven wide mobile"].column, - .ui.grid > [class*="seven wide mobile"].column, - .ui.column.grid > [class*="seven wide mobile"].column { - width: @sevenWide !important; - } - .ui.grid > .row > [class*="eight wide mobile"].column, - .ui.grid > .column.row > [class*="eight wide mobile"].column, - .ui.grid > [class*="eight wide mobile"].column, - .ui.column.grid > [class*="eight wide mobile"].column { - width: @eightWide !important; - } - .ui.grid > .row > [class*="nine wide mobile"].column, - .ui.grid > .column.row > [class*="nine wide mobile"].column, - .ui.grid > [class*="nine wide mobile"].column, - .ui.column.grid > [class*="nine wide mobile"].column { - width: @nineWide !important; - } - .ui.grid > .row > [class*="ten wide mobile"].column, - .ui.grid > .column.row > [class*="ten wide mobile"].column, - .ui.grid > [class*="ten wide mobile"].column, - .ui.column.grid > [class*="ten wide mobile"].column { - width: @tenWide !important; - } - .ui.grid > .row > [class*="eleven wide mobile"].column, - .ui.grid > .column.row > [class*="eleven wide mobile"].column, - .ui.grid > [class*="eleven wide mobile"].column, - .ui.column.grid > [class*="eleven wide mobile"].column { - width: @elevenWide !important; - } - .ui.grid > .row > [class*="twelve wide mobile"].column, - .ui.grid > .column.row > [class*="twelve wide mobile"].column, - .ui.grid > [class*="twelve wide mobile"].column, - .ui.column.grid > [class*="twelve wide mobile"].column { - width: @twelveWide !important; - } - .ui.grid > .row > [class*="thirteen wide mobile"].column, - .ui.grid > .column.row > [class*="thirteen wide mobile"].column, - .ui.grid > [class*="thirteen wide mobile"].column, - .ui.column.grid > [class*="thirteen wide mobile"].column { - width: @thirteenWide !important; - } - .ui.grid > .row > [class*="fourteen wide mobile"].column, - .ui.grid > .column.row > [class*="fourteen wide mobile"].column, - .ui.grid > [class*="fourteen wide mobile"].column, - .ui.column.grid > [class*="fourteen wide mobile"].column { - width: @fourteenWide !important; - } - .ui.grid > .row > [class*="fifteen wide mobile"].column, - .ui.grid > .column.row > [class*="fifteen wide mobile"].column, - .ui.grid > [class*="fifteen wide mobile"].column, - .ui.column.grid > [class*="fifteen wide mobile"].column { - width: @fifteenWide !important; - } - .ui.grid > .row > [class*="sixteen wide mobile"].column, - .ui.grid > .column.row > [class*="sixteen wide mobile"].column, - .ui.grid > [class*="sixteen wide mobile"].column, - .ui.column.grid > [class*="sixteen wide mobile"].column { - width: @sixteenWide !important; - } -} - -/* Tablet Sizing Combinations */ -@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { - .ui.grid > .row > [class*="one wide tablet"].column, - .ui.grid > .column.row > [class*="one wide tablet"].column, - .ui.grid > [class*="one wide tablet"].column, - .ui.column.grid > [class*="one wide tablet"].column { - width: @oneWide !important; - } - .ui.grid > .row > [class*="two wide tablet"].column, - .ui.grid > .column.row > [class*="two wide tablet"].column, - .ui.grid > [class*="two wide tablet"].column, - .ui.column.grid > [class*="two wide tablet"].column { - width: @twoWide !important; - } - .ui.grid > .row > [class*="three wide tablet"].column, - .ui.grid > .column.row > [class*="three wide tablet"].column, - .ui.grid > [class*="three wide tablet"].column, - .ui.column.grid > [class*="three wide tablet"].column { - width: @threeWide !important; - } - .ui.grid > .row > [class*="four wide tablet"].column, - .ui.grid > .column.row > [class*="four wide tablet"].column, - .ui.grid > [class*="four wide tablet"].column, - .ui.column.grid > [class*="four wide tablet"].column { - width: @fourWide !important; - } - .ui.grid > .row > [class*="five wide tablet"].column, - .ui.grid > .column.row > [class*="five wide tablet"].column, - .ui.grid > [class*="five wide tablet"].column, - .ui.column.grid > [class*="five wide tablet"].column { - width: @fiveWide !important; - } - .ui.grid > .row > [class*="six wide tablet"].column, - .ui.grid > .column.row > [class*="six wide tablet"].column, - .ui.grid > [class*="six wide tablet"].column, - .ui.column.grid > [class*="six wide tablet"].column { - width: @sixWide !important; - } - .ui.grid > .row > [class*="seven wide tablet"].column, - .ui.grid > .column.row > [class*="seven wide tablet"].column, - .ui.grid > [class*="seven wide tablet"].column, - .ui.column.grid > [class*="seven wide tablet"].column { - width: @sevenWide !important; - } - .ui.grid > .row > [class*="eight wide tablet"].column, - .ui.grid > .column.row > [class*="eight wide tablet"].column, - .ui.grid > [class*="eight wide tablet"].column, - .ui.column.grid > [class*="eight wide tablet"].column { - width: @eightWide !important; - } - .ui.grid > .row > [class*="nine wide tablet"].column, - .ui.grid > .column.row > [class*="nine wide tablet"].column, - .ui.grid > [class*="nine wide tablet"].column, - .ui.column.grid > [class*="nine wide tablet"].column { - width: @nineWide !important; - } - .ui.grid > .row > [class*="ten wide tablet"].column, - .ui.grid > .column.row > [class*="ten wide tablet"].column, - .ui.grid > [class*="ten wide tablet"].column, - .ui.column.grid > [class*="ten wide tablet"].column { - width: @tenWide !important; - } - .ui.grid > .row > [class*="eleven wide tablet"].column, - .ui.grid > .column.row > [class*="eleven wide tablet"].column, - .ui.grid > [class*="eleven wide tablet"].column, - .ui.column.grid > [class*="eleven wide tablet"].column { - width: @elevenWide !important; - } - .ui.grid > .row > [class*="twelve wide tablet"].column, - .ui.grid > .column.row > [class*="twelve wide tablet"].column, - .ui.grid > [class*="twelve wide tablet"].column, - .ui.column.grid > [class*="twelve wide tablet"].column { - width: @twelveWide !important; - } - .ui.grid > .row > [class*="thirteen wide tablet"].column, - .ui.grid > .column.row > [class*="thirteen wide tablet"].column, - .ui.grid > [class*="thirteen wide tablet"].column, - .ui.column.grid > [class*="thirteen wide tablet"].column { - width: @thirteenWide !important; - } - .ui.grid > .row > [class*="fourteen wide tablet"].column, - .ui.grid > .column.row > [class*="fourteen wide tablet"].column, - .ui.grid > [class*="fourteen wide tablet"].column, - .ui.column.grid > [class*="fourteen wide tablet"].column { - width: @fourteenWide !important; - } - .ui.grid > .row > [class*="fifteen wide tablet"].column, - .ui.grid > .column.row > [class*="fifteen wide tablet"].column, - .ui.grid > [class*="fifteen wide tablet"].column, - .ui.column.grid > [class*="fifteen wide tablet"].column { - width: @fifteenWide !important; - } - .ui.grid > .row > [class*="sixteen wide tablet"].column, - .ui.grid > .column.row > [class*="sixteen wide tablet"].column, - .ui.grid > [class*="sixteen wide tablet"].column, - .ui.column.grid > [class*="sixteen wide tablet"].column { - width: @sixteenWide !important; - } -} - -/* Computer/Desktop Sizing Combinations */ -@media only screen and (min-width: @computerBreakpoint) { - .ui.grid > .row > [class*="one wide computer"].column, - .ui.grid > .column.row > [class*="one wide computer"].column, - .ui.grid > [class*="one wide computer"].column, - .ui.column.grid > [class*="one wide computer"].column { - width: @oneWide !important; - } - .ui.grid > .row > [class*="two wide computer"].column, - .ui.grid > .column.row > [class*="two wide computer"].column, - .ui.grid > [class*="two wide computer"].column, - .ui.column.grid > [class*="two wide computer"].column { - width: @twoWide !important; - } - .ui.grid > .row > [class*="three wide computer"].column, - .ui.grid > .column.row > [class*="three wide computer"].column, - .ui.grid > [class*="three wide computer"].column, - .ui.column.grid > [class*="three wide computer"].column { - width: @threeWide !important; - } - .ui.grid > .row > [class*="four wide computer"].column, - .ui.grid > .column.row > [class*="four wide computer"].column, - .ui.grid > [class*="four wide computer"].column, - .ui.column.grid > [class*="four wide computer"].column { - width: @fourWide !important; - } - .ui.grid > .row > [class*="five wide computer"].column, - .ui.grid > .column.row > [class*="five wide computer"].column, - .ui.grid > [class*="five wide computer"].column, - .ui.column.grid > [class*="five wide computer"].column { - width: @fiveWide !important; - } - .ui.grid > .row > [class*="six wide computer"].column, - .ui.grid > .column.row > [class*="six wide computer"].column, - .ui.grid > [class*="six wide computer"].column, - .ui.column.grid > [class*="six wide computer"].column { - width: @sixWide !important; - } - .ui.grid > .row > [class*="seven wide computer"].column, - .ui.grid > .column.row > [class*="seven wide computer"].column, - .ui.grid > [class*="seven wide computer"].column, - .ui.column.grid > [class*="seven wide computer"].column { - width: @sevenWide !important; - } - .ui.grid > .row > [class*="eight wide computer"].column, - .ui.grid > .column.row > [class*="eight wide computer"].column, - .ui.grid > [class*="eight wide computer"].column, - .ui.column.grid > [class*="eight wide computer"].column { - width: @eightWide !important; - } - .ui.grid > .row > [class*="nine wide computer"].column, - .ui.grid > .column.row > [class*="nine wide computer"].column, - .ui.grid > [class*="nine wide computer"].column, - .ui.column.grid > [class*="nine wide computer"].column { - width: @nineWide !important; - } - .ui.grid > .row > [class*="ten wide computer"].column, - .ui.grid > .column.row > [class*="ten wide computer"].column, - .ui.grid > [class*="ten wide computer"].column, - .ui.column.grid > [class*="ten wide computer"].column { - width: @tenWide !important; - } - .ui.grid > .row > [class*="eleven wide computer"].column, - .ui.grid > .column.row > [class*="eleven wide computer"].column, - .ui.grid > [class*="eleven wide computer"].column, - .ui.column.grid > [class*="eleven wide computer"].column { - width: @elevenWide !important; - } - .ui.grid > .row > [class*="twelve wide computer"].column, - .ui.grid > .column.row > [class*="twelve wide computer"].column, - .ui.grid > [class*="twelve wide computer"].column, - .ui.column.grid > [class*="twelve wide computer"].column { - width: @twelveWide !important; - } - .ui.grid > .row > [class*="thirteen wide computer"].column, - .ui.grid > .column.row > [class*="thirteen wide computer"].column, - .ui.grid > [class*="thirteen wide computer"].column, - .ui.column.grid > [class*="thirteen wide computer"].column { - width: @thirteenWide !important; - } - .ui.grid > .row > [class*="fourteen wide computer"].column, - .ui.grid > .column.row > [class*="fourteen wide computer"].column, - .ui.grid > [class*="fourteen wide computer"].column, - .ui.column.grid > [class*="fourteen wide computer"].column { - width: @fourteenWide !important; - } - .ui.grid > .row > [class*="fifteen wide computer"].column, - .ui.grid > .column.row > [class*="fifteen wide computer"].column, - .ui.grid > [class*="fifteen wide computer"].column, - .ui.column.grid > [class*="fifteen wide computer"].column { - width: @fifteenWide !important; - } - .ui.grid > .row > [class*="sixteen wide computer"].column, - .ui.grid > .column.row > [class*="sixteen wide computer"].column, - .ui.grid > [class*="sixteen wide computer"].column, - .ui.column.grid > [class*="sixteen wide computer"].column { - width: @sixteenWide !important; - } -} - -/* Large Monitor Sizing Combinations */ -@media only screen and (min-width: @largeMonitorBreakpoint) and (max-width: @largestLargeMonitor){ - .ui.grid > .row > [class*="one wide large screen"].column, - .ui.grid > .column.row > [class*="one wide large screen"].column, - .ui.grid > [class*="one wide large screen"].column, - .ui.column.grid > [class*="one wide large screen"].column { - width: @oneWide !important; - } - .ui.grid > .row > [class*="two wide large screen"].column, - .ui.grid > .column.row > [class*="two wide large screen"].column, - .ui.grid > [class*="two wide large screen"].column, - .ui.column.grid > [class*="two wide large screen"].column { - width: @twoWide !important; - } - .ui.grid > .row > [class*="three wide large screen"].column, - .ui.grid > .column.row > [class*="three wide large screen"].column, - .ui.grid > [class*="three wide large screen"].column, - .ui.column.grid > [class*="three wide large screen"].column { - width: @threeWide !important; - } - .ui.grid > .row > [class*="four wide large screen"].column, - .ui.grid > .column.row > [class*="four wide large screen"].column, - .ui.grid > [class*="four wide large screen"].column, - .ui.column.grid > [class*="four wide large screen"].column { - width: @fourWide !important; - } - .ui.grid > .row > [class*="five wide large screen"].column, - .ui.grid > .column.row > [class*="five wide large screen"].column, - .ui.grid > [class*="five wide large screen"].column, - .ui.column.grid > [class*="five wide large screen"].column { - width: @fiveWide !important; - } - .ui.grid > .row > [class*="six wide large screen"].column, - .ui.grid > .column.row > [class*="six wide large screen"].column, - .ui.grid > [class*="six wide large screen"].column, - .ui.column.grid > [class*="six wide large screen"].column { - width: @sixWide !important; - } - .ui.grid > .row > [class*="seven wide large screen"].column, - .ui.grid > .column.row > [class*="seven wide large screen"].column, - .ui.grid > [class*="seven wide large screen"].column, - .ui.column.grid > [class*="seven wide large screen"].column { - width: @sevenWide !important; - } - .ui.grid > .row > [class*="eight wide large screen"].column, - .ui.grid > .column.row > [class*="eight wide large screen"].column, - .ui.grid > [class*="eight wide large screen"].column, - .ui.column.grid > [class*="eight wide large screen"].column { - width: @eightWide !important; - } - .ui.grid > .row > [class*="nine wide large screen"].column, - .ui.grid > .column.row > [class*="nine wide large screen"].column, - .ui.grid > [class*="nine wide large screen"].column, - .ui.column.grid > [class*="nine wide large screen"].column { - width: @nineWide !important; - } - .ui.grid > .row > [class*="ten wide large screen"].column, - .ui.grid > .column.row > [class*="ten wide large screen"].column, - .ui.grid > [class*="ten wide large screen"].column, - .ui.column.grid > [class*="ten wide large screen"].column { - width: @tenWide !important; - } - .ui.grid > .row > [class*="eleven wide large screen"].column, - .ui.grid > .column.row > [class*="eleven wide large screen"].column, - .ui.grid > [class*="eleven wide large screen"].column, - .ui.column.grid > [class*="eleven wide large screen"].column { - width: @elevenWide !important; - } - .ui.grid > .row > [class*="twelve wide large screen"].column, - .ui.grid > .column.row > [class*="twelve wide large screen"].column, - .ui.grid > [class*="twelve wide large screen"].column, - .ui.column.grid > [class*="twelve wide large screen"].column { - width: @twelveWide !important; - } - .ui.grid > .row > [class*="thirteen wide large screen"].column, - .ui.grid > .column.row > [class*="thirteen wide large screen"].column, - .ui.grid > [class*="thirteen wide large screen"].column, - .ui.column.grid > [class*="thirteen wide large screen"].column { - width: @thirteenWide !important; - } - .ui.grid > .row > [class*="fourteen wide large screen"].column, - .ui.grid > .column.row > [class*="fourteen wide large screen"].column, - .ui.grid > [class*="fourteen wide large screen"].column, - .ui.column.grid > [class*="fourteen wide large screen"].column { - width: @fourteenWide !important; - } - .ui.grid > .row > [class*="fifteen wide large screen"].column, - .ui.grid > .column.row > [class*="fifteen wide large screen"].column, - .ui.grid > [class*="fifteen wide large screen"].column, - .ui.column.grid > [class*="fifteen wide large screen"].column { - width: @fifteenWide !important; - } - .ui.grid > .row > [class*="sixteen wide large screen"].column, - .ui.grid > .column.row > [class*="sixteen wide large screen"].column, - .ui.grid > [class*="sixteen wide large screen"].column, - .ui.column.grid > [class*="sixteen wide large screen"].column { - width: @sixteenWide !important; - } -} - -/* Widescreen Sizing Combinations */ -@media only screen and (min-width: @widescreenMonitorBreakpoint) { - .ui.grid > .row > [class*="one wide widescreen"].column, - .ui.grid > .column.row > [class*="one wide widescreen"].column, - .ui.grid > [class*="one wide widescreen"].column, - .ui.column.grid > [class*="one wide widescreen"].column { - width: @oneWide !important; - } - .ui.grid > .row > [class*="two wide widescreen"].column, - .ui.grid > .column.row > [class*="two wide widescreen"].column, - .ui.grid > [class*="two wide widescreen"].column, - .ui.column.grid > [class*="two wide widescreen"].column { - width: @twoWide !important; - } - .ui.grid > .row > [class*="three wide widescreen"].column, - .ui.grid > .column.row > [class*="three wide widescreen"].column, - .ui.grid > [class*="three wide widescreen"].column, - .ui.column.grid > [class*="three wide widescreen"].column { - width: @threeWide !important; - } - .ui.grid > .row > [class*="four wide widescreen"].column, - .ui.grid > .column.row > [class*="four wide widescreen"].column, - .ui.grid > [class*="four wide widescreen"].column, - .ui.column.grid > [class*="four wide widescreen"].column { - width: @fourWide !important; - } - .ui.grid > .row > [class*="five wide widescreen"].column, - .ui.grid > .column.row > [class*="five wide widescreen"].column, - .ui.grid > [class*="five wide widescreen"].column, - .ui.column.grid > [class*="five wide widescreen"].column { - width: @fiveWide !important; - } - .ui.grid > .row > [class*="six wide widescreen"].column, - .ui.grid > .column.row > [class*="six wide widescreen"].column, - .ui.grid > [class*="six wide widescreen"].column, - .ui.column.grid > [class*="six wide widescreen"].column { - width: @sixWide !important; - } - .ui.grid > .row > [class*="seven wide widescreen"].column, - .ui.grid > .column.row > [class*="seven wide widescreen"].column, - .ui.grid > [class*="seven wide widescreen"].column, - .ui.column.grid > [class*="seven wide widescreen"].column { - width: @sevenWide !important; - } - .ui.grid > .row > [class*="eight wide widescreen"].column, - .ui.grid > .column.row > [class*="eight wide widescreen"].column, - .ui.grid > [class*="eight wide widescreen"].column, - .ui.column.grid > [class*="eight wide widescreen"].column { - width: @eightWide !important; - } - .ui.grid > .row > [class*="nine wide widescreen"].column, - .ui.grid > .column.row > [class*="nine wide widescreen"].column, - .ui.grid > [class*="nine wide widescreen"].column, - .ui.column.grid > [class*="nine wide widescreen"].column { - width: @nineWide !important; - } - .ui.grid > .row > [class*="ten wide widescreen"].column, - .ui.grid > .column.row > [class*="ten wide widescreen"].column, - .ui.grid > [class*="ten wide widescreen"].column, - .ui.column.grid > [class*="ten wide widescreen"].column { - width: @tenWide !important; - } - .ui.grid > .row > [class*="eleven wide widescreen"].column, - .ui.grid > .column.row > [class*="eleven wide widescreen"].column, - .ui.grid > [class*="eleven wide widescreen"].column, - .ui.column.grid > [class*="eleven wide widescreen"].column { - width: @elevenWide !important; - } - .ui.grid > .row > [class*="twelve wide widescreen"].column, - .ui.grid > .column.row > [class*="twelve wide widescreen"].column, - .ui.grid > [class*="twelve wide widescreen"].column, - .ui.column.grid > [class*="twelve wide widescreen"].column { - width: @twelveWide !important; - } - .ui.grid > .row > [class*="thirteen wide widescreen"].column, - .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, - .ui.grid > [class*="thirteen wide widescreen"].column, - .ui.column.grid > [class*="thirteen wide widescreen"].column { - width: @thirteenWide !important; - } - .ui.grid > .row > [class*="fourteen wide widescreen"].column, - .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, - .ui.grid > [class*="fourteen wide widescreen"].column, - .ui.column.grid > [class*="fourteen wide widescreen"].column { - width: @fourteenWide !important; - } - .ui.grid > .row > [class*="fifteen wide widescreen"].column, - .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, - .ui.grid > [class*="fifteen wide widescreen"].column, - .ui.column.grid > [class*="fifteen wide widescreen"].column { - width: @fifteenWide !important; - } - .ui.grid > .row > [class*="sixteen wide widescreen"].column, - .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, - .ui.grid > [class*="sixteen wide widescreen"].column, - .ui.column.grid > [class*="sixteen wide widescreen"].column { - width: @sixteenWide !important; - } -} - -/*---------------------- - Centered ------------------------*/ - -.ui.centered.grid, -.ui.centered.grid > .row, -.ui.grid > .centered.row { - text-align: center; - justify-content: center; -} -.ui.centered.grid > .column:not(.aligned):not(.row), -.ui.centered.grid > .row > .column:not(.aligned), -.ui.grid .centered.row > .column:not(.aligned) { - text-align: left; -} - -.ui.grid > .centered.column, -.ui.grid > .row > .centered.column { - display: block; - margin-left: auto; - margin-right: auto; -} - -/*---------------------- - Relaxed ------------------------*/ - -.ui.relaxed.grid > .column:not(.row), -.ui.relaxed.grid > .row > .column, -.ui.grid > .relaxed.row > .column { - padding-left: (@relaxedGutterWidth / 2); - padding-right: (@relaxedGutterWidth / 2); -} - -.ui[class*="very relaxed"].grid > .column:not(.row), -.ui[class*="very relaxed"].grid > .row > .column, -.ui.grid > [class*="very relaxed"].row > .column { - padding-left: (@veryRelaxedGutterWidth / 2); - padding-right: (@veryRelaxedGutterWidth / 2); -} - -/* Coupling with UI Divider */ -.ui.relaxed.grid .row + .ui.divider, -.ui.grid .relaxed.row + .ui.divider { - margin-left: (@relaxedGutterWidth / 2); - margin-right: (@relaxedGutterWidth / 2); -} -.ui[class*="very relaxed"].grid .row + .ui.divider, -.ui.grid [class*="very relaxed"].row + .ui.divider { - margin-left: (@veryRelaxedGutterWidth / 2); - margin-right: (@veryRelaxedGutterWidth / 2); -} - - -/*---------------------- - Padded ------------------------*/ - -.ui.padded.grid:not(.vertically):not(.horizontally) { - margin: 0em !important; -} -[class*="horizontally padded"].ui.grid { - margin-left: 0em !important; - margin-right: 0em !important; -} -[class*="vertically padded"].ui.grid { - margin-top: 0em !important; - margin-bottom: 0em !important; -} - -/*---------------------- - "Floated" ------------------------*/ - -.ui.grid [class*="left floated"].column { - float: left; -} -.ui.grid [class*="right floated"].column { - float: right; -} - - -/*---------------------- - Divided ------------------------*/ - -.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), -.ui.divided.grid:not([class*="vertically divided"]) > .row > .column { - box-shadow: @dividedBorder; -} - -/* Swap from padding to margin on columns to have dividers align */ -.ui[class*="vertically divided"].grid > .column:not(.row), -.ui[class*="vertically divided"].grid > .row > .column { - margin-top: (@rowSpacing / 2); - margin-bottom: (@rowSpacing / 2); - padding-top: 0rem; - padding-bottom: 0rem; -} -.ui[class*="vertically divided"].grid > .row { - margin-top: 0em; - margin-bottom: 0em; - padding-top: 0em; - padding-bottom: 0em; -} - -/* No divider on first column on row */ -.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, -.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - box-shadow: none; -} - -/* Divided Row */ -.ui.grid > .divided.row > .column { - box-shadow: @dividedBorder; -} -.ui.grid > .divided.row > .column:first-child { - box-shadow: none; -} - -/* Vertically Divided */ -.ui[class*="vertically divided"].grid > .row { - position: relative; -} -.ui[class*="vertically divided"].grid > .row:before { - position: absolute; - content: ""; - top: 0em; - left: 0px; - - width: ~"calc(100% - "@gutterWidth~")"; - height: 1px; - - margin: 0% (@gutterWidth / 2); - box-shadow: @verticallyDividedBorder; -} - -/* Padded Horizontally Divided */ -[class*="horizontally padded"].ui.divided.grid, -.ui.padded.divided.grid:not(.vertically):not(.horizontally) { - width: 100%; -} - -/* First Row Vertically Divided */ -.ui[class*="vertically divided"].grid > .row:first-child:before { - box-shadow: none; -} - -/* Inverted Divided */ -.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), -.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { - box-shadow: @dividedInvertedBorder; -} -.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, -.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - box-shadow: none; -} -.ui.inverted[class*="vertically divided"].grid > .row:before { - box-shadow: @verticallyDividedInvertedBorder; -} - -/* Relaxed */ -.ui.relaxed[class*="vertically divided"].grid > .row:before { - margin-left: (@relaxedGutterWidth / 2); - margin-right: (@relaxedGutterWidth / 2); - width: ~"calc(100% - "@relaxedGutterWidth~")"; -} -.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before { - margin-left: @veryRelaxedGutterWidth; - margin-right: @veryRelaxedGutterWidth; - width: ~"calc(100% - "@veryRelaxedGutterWidth~")"; -} - -/*---------------------- - Celled ------------------------*/ - -.ui.celled.grid { - display: table; - table-layout: fixed; - width: 100%; - margin: @celledMargin; - box-shadow: 0px 0px 0px @celledWidth @celledBorderColor; -} -.ui.celled.grid > .row, -.ui.celled.grid > .column.row, -.ui.celled.grid > .column.row:first-child { - display: table; - table-layout: fixed; - width: 100% !important; - margin: 0em; - padding: 0em; - box-shadow: 0px (-@celledWidth) 0px 0px @celledBorderColor; -} -.ui.celled.grid > .column:not(.row), -.ui.celled.grid > .row > .column { - display: table-cell; - box-shadow: (-@celledWidth) 0px 0px 0px @celledBorderColor; -} -.ui.celled.grid > .column:first-child, -.ui.celled.grid > .row > .column:first-child { - box-shadow: none; -} -.ui.celled.page.grid { - box-shadow: none; -} - -.ui.celled.grid > .column:not(.row), -.ui.celled.grid > .row > .column { - padding: @celledPadding; -} -.ui.relaxed.celled.grid > .column:not(.row), -.ui.relaxed.celled.grid > .row > .column { - padding: @celledRelaxedPadding; -} -.ui[class*="very relaxed"].celled.grid > .column:not(.row), -.ui[class*="very relaxed"].celled.grid > .row > .column { - padding: @celledVeryRelaxedPadding; -} - -/* Internally Celled */ -.ui[class*="internally celled"].grid { - box-shadow: none; -} -.ui[class*="internally celled"].grid > .row:first-child { - box-shadow: none; -} -.ui[class*="internally celled"].grid > .row > .column:first-child { - box-shadow: none; -} - -/*---------------------- - Horizontally Centered ------------------------*/ - -/* Left Aligned */ -.ui[class*="left aligned"].grid, -.ui[class*="left aligned"].grid > .row > .column, -.ui[class*="left aligned"].grid > .column, -.ui.grid [class*="left aligned"].column, -.ui.grid > [class*="left aligned"].row > .column { - text-align: left; -} -.ui.grid [class*="left aligned"].column{ - text-align: left !important; -} - -/* Center Aligned */ -.ui[class*="center aligned"].grid, -.ui[class*="center aligned"].grid > .row > .column, -.ui[class*="center aligned"].grid > .column, -.ui.grid > [class*="center aligned"].row > .column { - text-align: center; -} -.ui.grid [class*="center aligned"].column{ - text-align: center !important; -} - -/* Right Aligned */ -.ui[class*="right aligned"].grid, -.ui[class*="right aligned"].grid > .row > .column, -.ui[class*="right aligned"].grid > .column, -.ui.grid > [class*="right aligned"].row > .column { - text-align: right; -} -.ui.grid [class*="right aligned"].column{ - text-align: right !important; -} - -/* Justified */ -.ui.justified.grid, -.ui.justified.grid > .row > .column, -.ui.justified.grid > .column, -.ui.grid .justified.column, -.ui.grid > .justified.row > .column { - text-align: justify; - hyphens: auto; -} -.ui.grid .justified.column { - text-align: justify !important; - hyphens: auto !important; -} - -/*---------------------- - Vertically Aligned ------------------------*/ - -/* Top Aligned */ -.ui[class*="top aligned"].grid, -.ui[class*="top aligned"].grid > .row > .column, -.ui[class*="top aligned"].grid > .column, -.ui.grid [class*="top aligned"].column, -.ui.grid > [class*="top aligned"].row > .column { - vertical-align: top; - align-self: flex-start; -} -.ui.grid [class*="top aligned"].column { - vertical-align: top !important; - align-self: flex-start; -} - -/* Middle Aligned */ -.ui[class*="middle aligned"].grid, -.ui[class*="middle aligned"].grid > .row > .column, -.ui[class*="middle aligned"].grid > .column, -.ui.grid > [class*="middle aligned"].row > .column { - vertical-align: middle; - align-self: center; -} -.ui.grid [class*="middle aligned"].column{ - vertical-align: middle !important; - align-self: center; -} - -/* Bottom Aligned */ -.ui[class*="bottom aligned"].grid, -.ui[class*="bottom aligned"].grid > .row > .column, -.ui[class*="bottom aligned"].grid > .column, -.ui.grid > [class*="bottom aligned"].row > .column { - vertical-align: bottom; - align-self: flex-end; -} -.ui.grid [class*="bottom aligned"].column { - align-self: flex-end; - vertical-align: bottom !important; -} - -/*---------------------- - Colored ------------------------*/ - -.ui.grid > .white.row, -.ui.grid > .row > .white.column { - background-color: @white !important; - color: @textColor; -} -.ui.grid > .row > .white.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .black.row, -.ui.grid > .row > .black.column { - background-color: @black !important; - color: @white; -} -.ui.grid > .row > .black.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .blue.row, -.ui.grid > .row > .blue.column { - background-color: @blue !important; - color: @white; -} -.ui.grid > .row > .blue.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .green.row, -.ui.grid > .row > .green.column { - background-color: @green !important; - color: @white; -} -.ui.grid > .row > .green.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .orange.row, -.ui.grid > .row > .orange.column { - background-color: @orange !important; - color: @white; -} -.ui.grid > .row > .orange.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .pink.row, -.ui.grid .pink.column { - background-color: @pink !important; - color: @white; -} -.ui.grid > .row > .pink.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .purple.row, -.ui.grid > .row > .purple.column { - background-color: @purple !important; - color: @white; -} -.ui.grid > .row > .purple.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .red.row, -.ui.grid > .row > .red.column { - background-color: @red !important; - color: @white; -} -.ui.grid > .row > .red.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .teal.row, -.ui.grid > .row > .teal.column { - background-color: @teal !important; - color: @white; -} -.ui.grid > .row > .teal.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - -.ui.grid > .yellow.row, -.ui.grid > .row > .yellow.column { - background-color: @yellow !important; - color: @white; -} -.ui.grid > .row > .yellow.column { - margin-top: -(@rowSpacing / 2); - margin-bottom: -(@rowSpacing / 2); - padding-top: (@rowSpacing / 2); - padding-bottom: (@rowSpacing / 2); -} - - -/*---------------------- - Equal Width ------------------------*/ - -.ui[class*="equal width"].grid { - display: table; - table-layout: fixed; -} -.ui[class*="equal width"].grid > .row, -.ui.grid > [class*="equal width"].row { - display: table; - table-layout: fixed; - width: 100% !important; -} -.ui[class*="equal width"].grid > .column, -.ui[class*="equal width"].grid > .row > .column, -.ui.grid > [class*="equal width"].row > .column { - display: table-cell; -} - -/* Flexbox (Experimental / Overrides Where Supported) */ -.ui[class*="equal width"].grid { - display: flex; - flex-direction: column; -} -.ui[class*="equal width"].grid > .row, -.ui.grid > [class*="equal width"].row { - display: flex; - flex-direction: row; - align-items: stretch; -} -.ui[class*="equal width"].grid > .column, -.ui[class*="equal width"].grid > .row > .column, -.ui.grid > [class*="equal width"].row > .column { - display: inline-block; - flex-direction: column; - flex: 1 0 auto; -} - - -/*---------------------- - Equal Height Columns ------------------------*/ - -.ui[class*="equal height"].grid { - display: table; - table-layout: fixed; -} -.ui[class*="equal height"].grid > .row, -.ui.grid > [class*="equal height"].row { - display: table; - table-layout: fixed; - width: 100% !important; -} -.ui[class*="equal height"].grid > .column, -.ui[class*="equal height"].grid > .row > .column, -.ui.grid > [class*="equal height"].row > .column { - display: table-cell; -} - -/* Flexbox (Experimental / Overrides Where Supported) */ -.ui[class*="equal height"].grid, -.ui[class*="equal height"].grid > .row, -.ui.grid > [class*="equal height"].row { - display: flex; - flex-direction: row; - align-items: stretch; -} -.ui[class*="equal height"].grid > .column, -.ui[class*="equal height"].grid > .row > .column, -.ui.grid > [class*="equal height"].row > .column { - display: inline-block; - flex-direction: column; - flex: 0 0 auto; -} - -/*------------------- - Doubling ---------------------*/ - -/* Tablet Only */ -@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { - .ui.doubling.grid { - width: 100% !important; - } - .ui.grid > .doubling.row, - .ui.doubling.grid > .row { - margin: 0em !important; - padding: 0em !important; - } - .ui.grid > .doubling.row > .column, - .ui.doubling.grid > .row > .column { - display: inline-block !important; - padding-top: (@rowSpacing / 2) !important; - padding-bottom: (@rowSpacing / 2) !important; - margin: 0em; - } - .ui[class*="two column"].doubling.grid > .row > .column, - .ui[class*="two column"].doubling.grid > .column, - .ui.grid > [class*="two column"].doubling.row > .column { - width: @oneColumn !important; - } - .ui[class*="three column"].doubling.grid > .row > .column, - .ui[class*="three column"].doubling.grid > .column, - .ui.grid > [class*="three column"].doubling.row > .column { - width: @twoColumn !important; - } - .ui[class*="four column"].doubling.grid > .row > .column, - .ui[class*="four column"].doubling.grid > .column, - .ui.grid > [class*="four column"].doubling.row > .column { - width: @twoColumn !important; - } - .ui[class*="five column"].doubling.grid > .row > .column, - .ui[class*="five column"].doubling.grid > .column, - .ui.grid > [class*="five column"].doubling.row > .column { - width: @threeColumn !important; - } - .ui[class*="six column"].doubling.grid > .row > .column, - .ui[class*="six column"].doubling.grid > .column, - .ui.grid > [class*="six column"].doubling.row > .column { - width: @threeColumn !important; - } - .ui[class*="seven column"].doubling.grid > .row > .column, - .ui[class*="seven column"].doubling.grid > .column, - .ui.grid > [class*="seven column"].doubling.row > .column { - width: @threeColumn !important; - } - .ui[class*="eight column"].doubling.grid > .row > .column, - .ui[class*="eight column"].doubling.grid > .column, - .ui.grid > [class*="eight column"].doubling.row > .column { - width: @fourColumn !important; - } - .ui[class*="nine column"].doubling.grid > .row > .column, - .ui[class*="nine column"].doubling.grid > .column, - .ui.grid > [class*="nine column"].doubling.row > .column { - width: @fourColumn !important; - } - .ui[class*="ten column"].doubling.grid > .row > .column, - .ui[class*="ten column"].doubling.grid > .column, - .ui.grid > [class*="ten column"].doubling.row > .column { - width: @fiveColumn !important; - } - .ui[class*="eleven column"].doubling.grid > .row > .column, - .ui[class*="eleven column"].doubling.grid > .column, - .ui.grid > [class*="eleven column"].doubling.row > .column { - width: @fiveColumn !important; - } - .ui[class*="twelve column"].doubling.grid > .row > .column, - .ui[class*="twelve column"].doubling.grid > .column, - .ui.grid > [class*="twelve column"].doubling.row > .column { - width: @sixColumn !important; - } - .ui[class*="thirteen column"].doubling.grid > .row > .column, - .ui[class*="thirteen column"].doubling.grid > .column, - .ui.grid > [class*="thirteen column"].doubling.row > .column { - width: @sixColumn !important; - } - .ui[class*="fourteen column"].doubling.grid > .row > .column, - .ui[class*="fourteen column"].doubling.grid > .column, - .ui.grid > [class*="fourteen column"].doubling.row > .column { - width: @sevenColumn !important; - } - .ui[class*="fifteen column"].doubling.grid > .row > .column, - .ui[class*="fifteen column"].doubling.grid > .column, - .ui.grid > [class*="fifteen column"].doubling.row > .column { - width: @sevenColumn !important; - } - .ui[class*="sixteen column"].doubling.grid > .row > .column, - .ui[class*="sixteen column"].doubling.grid > .column, - .ui.grid > [class*="sixteen column"].doubling.row > .column { - width: @eightColumn !important; - } -} - -/* Mobily Only */ -@media only screen and (max-width: @largestMobileScreen) { - .ui.grid > .doubling.row, - .ui.doubling.grid > .row { - display: block !important; - margin: 0em !important; - padding: 0em !important; - } - .ui.grid > .doubling.row > .column, - .ui.doubling.grid > .row > .column { - display: inline-block !important; - padding-top: (@rowSpacing / 2) !important; - padding-bottom: (@rowSpacing / 2) !important; - margin: 0em !important; - } - .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="two column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="two column"].doubling:not(.stackable).row > .column { - width: @oneColumn !important; - } - .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="three column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="three column"].doubling:not(.stackable).row > .column { - width: @twoColumn !important; - } - .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="four column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="four column"].doubling:not(.stackable).row > .column { - width: @twoColumn !important; - } - .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="five column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="five column"].doubling:not(.stackable).row > .column { - width: @twoColumn !important; - } - .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="six column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="six column"].doubling:not(.stackable).row > .column { - width: @twoColumn !important; - } - .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="seven column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="seven column"].doubling:not(.stackable).row > .column { - width: @twoColumn !important; - } - .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="eight column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="eight column"].doubling:not(.stackable).row > .column { - width: @twoColumn !important; - } - .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="nine column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="nine column"].doubling:not(.stackable).row > .column { - width: @threeColumn !important; - } - .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="ten column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="ten column"].doubling:not(.stackable).row > .column { - width: @threeColumn !important; - } - .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="eleven column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="eleven column"].doubling:not(.stackable).row > .column { - width: @threeColumn !important; - } - .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="twelve column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="twelve column"].doubling:not(.stackable).row > .column { - width: @threeColumn !important; - } - .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row > .column { - width: @threeColumn !important; - } - .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row > .column { - width: @fourColumn !important; - } - .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row > .column { - width: @fourColumn !important; - } - .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column, - .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column, - .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row > .column { - width: @fourColumn !important; - } -} - -/*------------------- - Stackable ---------------------*/ - -@media only screen and (max-width: @largestMobileScreen) { - .ui.stackable.grid { - display: block !important; - width: auto; - margin-left: 0em !important; - margin-right: 0em !important; - padding: 0em; - } - .ui.stackable.grid > .row > .wide.column, - .ui.stackable.grid > .wide.column, - .ui.stackable.grid > .column.grid > .column, - .ui.stackable.grid > .column.row > .column, - .ui.stackable.grid > .row > .column, - .ui.stackable.grid > .column:not(.row) { - display: block !important; - width: auto !important; - margin: 0em 0em !important; - box-shadow: none !important; - float: none !important; - padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important; - } - .ui.stackable.grid > .row { - margin: 0em; - padding: 0em; - } - - /* Don't pad inside segment or nested grid */ - .ui.grid .ui.stackable.grid, - .ui.segment:not(.vertical) .ui.stackable.page.grid { - margin-left: -(@stackableGutter / 2) !important; - margin-right: -(@stackableGutter / 2) !important; - } - - /* Equal Height Stackable */ - .ui[class*="equal height"].stackable.page.grid { - display: block !important; - } - - /* Divided Stackable */ - .ui.stackable.divided.grid > .row:first-child > .column:first-child, - .ui.stackable.celled.grid > .row:first-child > .column:first-child, - .ui.stackable.divided.grid > .column:not(.row):first-child, - .ui.stackable.celled.grid > .column:not(.row):first-child { - border-top: none !important; - } - .ui.inverted.stackable.celled.grid > .column:not(.row), - .ui.inverted.stackable.divided.grid > .column:not(.row), - .ui.inverted.stackable.celled.grid > .row > .column, - .ui.inverted.stackable.divided.grid > .row > .column { - border-top: @stackableInvertedMobileBorder; - } - - .ui.stackable.celled.grid > .column:not(.row), - .ui.stackable.divided.grid > .column:not(.row), - .ui.stackable.celled.grid > .row > .column, - .ui.stackable.divided.grid > .row > .column { - border-top: @stackableMobileBorder; - box-shadow: none !important; - padding-top: @stackableRowSpacing !important; - padding-bottom: @stackableRowSpacing !important; - } - -} - -/*---------------------- - Only (Device) ------------------------*/ - - -/* These include arbitrary class repetitions for forced specificity */ - -/* Mobile Only Hide */ -@media only screen and ( max-width: @largestMobileScreen ) { - .ui.tablet:not(.mobile).only.grid.grid.grid, - .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) { - display: none !important; - } - .ui[class*="computer only"].grid.grid.grid:not(.mobile), - .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), - .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), - .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) { - display: none !important; - } -} -/* Tablet Only Hide */ -@media only screen and (min-width: @tabletBreakpoint ) and (max-width: @largestTabletScreen) { - .ui[class*="mobile only"].grid.grid.grid:not(.tablet), - .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), - .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), - .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) { - display: none !important; - } - .ui[class*="computer only"].grid.grid.grid:not(.tablet), - .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), - .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), - .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) { - display: none !important; - } -} - -/* Computer Only Hide */ -@media only screen and ( min-width: (@computerBreakpoint) ) { - .ui[class*="mobile only"].grid.grid.grid:not(.computer), - .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), - .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), - .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) { - display: none !important; - } - .ui[class*="tablet only"].grid.grid.grid:not(.computer), - .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), - .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), - .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) { - display: none !important; - } -} - -.loadUIOverrides(); diff --git a/client/assets/less/lib/semantic/src/definitions/collections/menu.less b/client/assets/less/lib/semantic/src/definitions/collections/menu.less deleted file mode 100755 index c8063fa..0000000 --- a/client/assets/less/lib/semantic/src/definitions/collections/menu.less +++ /dev/null @@ -1,1622 +0,0 @@ -/*! - * # Semantic UI - Menu - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'collection'; -@element : 'menu'; - -@import (multiple) '../../theme.config'; - -/******************************* - Standard -*******************************/ - -/*-------------- - Menu ----------------*/ - -.ui.menu { - margin: @margin; - background: @background; - font-size: 0em; - font-weight: @fontWeight; - box-shadow: @boxShadow; - border-radius: @borderRadius; -} - -.ui.menu:after { - content: ''; - display: block; - height: 0px; - clear: both; - visibility: hidden; -} - -.ui.menu:first-child { - margin-top: 0rem; -} -.ui.menu:last-child { - margin-bottom: 0rem; -} - -.ui.menu .menu { - margin: 0em; -} -.ui.menu:not(.vertical) .menu { - font-size: 0em; -} - -/*-------------- - Colors ----------------*/ - -/* Text Color */ -.ui.menu .item { - color: @menuTextColor; -} -.ui.menu .item .item { - color: @subMenuTextColor; -} - -/* Hover */ -.ui.menu .item .menu a.item:hover, -.ui.menu .item .menu .link.item:hover { - color: @darkTextColor; -} - - -/*-------------- - Items ----------------*/ - -.ui.menu .item { - position: relative; - display: inline-block; - padding: @verticalPadding @horizontalPadding; - border-top: @borderSize solid transparent; - - background: @itemBackground; - vertical-align: middle; - line-height: 1; - text-decoration: none; - box-sizing: border-box; - - -webkit-tap-highlight-color: transparent; - user-select: none; - transition: @transition; -} - - -/* Floated Content */ -.ui.menu > .item:first-child { - border-radius: @borderRadius 0px 0px @borderRadius; -} -.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; -} - - -/*-------------- - Borders ----------------*/ - -.ui.menu .item:before { - position: absolute; - content: ''; - top: 0%; - right: 0px; - width: @dividerSize; - height: 100%; - background: @dividerBackground; -} -.ui.menu > .right.menu:first-child { - display: none; -} -.ui.menu .menu.right .item:before, -.ui.menu .item.right:before { - right: auto; - left: 0px; -} - -/*-------------- - Text Content ----------------*/ - -.ui.menu .text.item > *, -.ui.menu .item > a:not(.ui), -.ui.menu .item > p:only-child { - user-select: text; - line-height: @textLineHeight; - color: @textColor; -} -.ui.menu .item > p:first-child { - margin-top: 0; -} -.ui.menu .item > p:last-child { - margin-bottom: 0; -} - -/*-------------- - Icons ----------------*/ - -.ui.menu .item > i.icon { - opacity: @iconOpacity; - float: @iconFloat; - margin: @iconMargin; -} - -.ui.menu .item > i.dropdown.icon { - float: @dropdownIconFloat; - margin-left: @dropdownIconDistance; -} - -/*-------------- - Button ----------------*/ - -.ui.menu:not(.vertical) .item > .button { - position: relative; - top: @buttonOffset; - margin: -@buttonVerticalPadding 0; - padding-bottom: @buttonVerticalPadding; - padding-top: @buttonVerticalPadding; - font-size: @buttonSize; -} - - -/*-------------- - Inputs ----------------*/ - -.ui.menu .item > .input { - width: 100%; -} -.ui.menu:not(.vertical) .item > .input { - position: relative; - top: @inputOffset; - margin: @inputVerticalMargin 0em; -} -.ui.menu .item > .input input { - font-size: @inputSize; - padding-top: @inputVerticalPadding; - padding-bottom: @inputVerticalPadding; -} -.ui.menu .item > .input .button, -.ui.menu .item > .input .label { - padding-top: @inputVerticalPadding; - padding-bottom: @inputVerticalPadding; -} - -/* Resizes */ -.ui.small.menu .item > .input input { - top: @smallInputOffset; - padding-top: @smallInputVerticalPadding; - padding-bottom: @smallInputVerticalPadding; -} -.ui.small.menu .item > .input .button, -.ui.small.menu .item > .input .label { - padding-top: @smallInputVerticalPadding; - padding-bottom: @smallInputVerticalPadding; -} -.ui.large.menu .item > .input input { - top: @largeInputOffset; - padding-bottom: @largeInputVerticalPadding; - padding-top: @largeInputVerticalPadding; -} -.ui.large.menu .item > .input .button, -.ui.large.menu .item > .input .label { - padding-top: @largeInputVerticalPadding; - padding-bottom: @largeInputVerticalPadding; -} - - -/*-------------- - Header ----------------*/ - -.ui.menu .header.item, -.ui.vertical.menu .header.item { - background: @headerBackground; - margin: 0em; - text-transform: @headerTextTransform; - font-weight: @headerWeight; -} - - -/*-------------- - Dropdowns ----------------*/ - -/* Dropdown */ -.ui.menu .ui.dropdown.item.visible { - background: @subtleTransparentBlack; - border-bottom-right-radius: 0em; - border-bottom-left-radius: 0em; -} -.ui.menu .ui.dropdown.active { - box-shadow: none; -} - -/* Menu Position */ -.ui.menu .dropdown.item .menu { - background: @dropdownBackground; - left: 0px; - margin: @dropdownMenuOffset 0px 0px; - min-width: ~"calc(100% - 1px)"; - box-shadow: @dropdownBoxShadow; -} -.ui.menu:not(.secondary) .pointing.dropdown.item .menu { - margin-top: @dropdownPointingDistance; - border-top-left-radius: 0em; - border-top-right-radius: 0em; -} -.ui.menu .simple.dropdown.item .menu { - margin: 0px !important; -} - - -/* Secondary Menu Dropdown */ -.ui.secondary.menu > .menu > .active.dropdown.item { - background-color: transparent; -} -.ui.secondary.menu .dropdown.item .menu { - left: 0px; - min-width: 100%; -} - -/* Even Width Menu Dropdown */ -.ui.item.menu .dropdown .menu .item { - width: 100%; -} - -/*-------------- - Labels ----------------*/ - -.ui.menu .item > .label { - background: @labelBackground; - color: @labelTextColor; - margin: @labelOffset 0em @labelOffset @labelTextMargin; - padding: @labelVerticalPadding @labelHorizontalPadding; - vertical-align: baseline; -} -.ui.menu .item > .floating.label { - padding: @labelVerticalPadding @labelHorizontalPadding; -} - -/*-------------- - Images ----------------*/ - -.ui.menu .item > img:only-child { - display: block; - max-width: 100%; - margin: 0em auto; -} - - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.link.menu > .item:hover, -.ui.menu > .link.item:hover, -.ui.menu > a.item:hover, -.ui.link.menu .menu > .item:hover, -.ui.menu .menu > .link.item:hover, -.ui.menu .menu > a.item:hover { - cursor: pointer; - background: @hoverBackground; - color: @hoverColor; -} - - -/*-------------- - Pressed ----------------*/ - -.ui.link.menu .item:active, -.ui.menu .link.item:active, -.ui.menu a.item:active { - background: @pressedBackground; - color: @pressedColor; -} - -/*-------------- - Active ----------------*/ - -.ui.menu .active.item { - background: @activeBackground; - color: @selectedTextColor; - font-weight: @activeFontWeight; - box-shadow: 0em @activeBorderSize 0em inset; -} -.ui.menu .active.item > i.icon { - opacity: @activeIconOpacity; -} - -/* Vertical */ -.ui.vertical.menu .active.item { - background: @activeBackground; - border-radius: 0em; - box-shadow: @activeBorderSize 0em 0em inset; -} -.ui.vertical.menu > .active.item:first-child { - border-radius: 0em @borderRadius 0em 0em; -} -.ui.vertical.menu > .active.item:last-child { - border-radius: 0em 0em @borderRadius 0em; -} -.ui.vertical.menu > .active.item:only-child { - border-radius: 0em @borderRadius @borderRadius 0em; -} -.ui.vertical.menu .active.item .menu .active.item { - border-left: none; -} -.ui.vertical.menu .item .menu .active.item { - background-color: @subMenuActiveBackground; - box-shadow: none; -} - - -/*-------------- - Active Hover ----------------*/ - -.ui.vertical.menu .active.item:hover, -.ui.menu .active.item:hover { - background-color: @activeHoverBackground; -} - -/*-------------- - Disabled ----------------*/ - -.ui.menu .item.disabled, -.ui.menu .item.disabled:hover { - cursor: default; - color: @disabledTextColor; - background-color: transparent !important; -} - - -/******************************* - Types -*******************************/ - -/*-------------- - Vertical ----------------*/ - -.ui.vertical.menu { - background: @verticalBackground; -} - -/*--- Item ---*/ -.ui.vertical.menu .item { - background: @verticalItemBackground; - display: block; - height: auto !important; - border-top: none; - border-left: @borderSize solid transparent; - border-right: none; -} -.ui.vertical.menu > .item:first-child { - border-radius: @borderRadius @borderRadius 0px 0px; -} -.ui.vertical.menu > .item:last-child { - border-radius: 0px 0px @borderRadius @borderRadius; -} - -/*--- Label ---*/ -.ui.vertical.menu .item > .label { - float: right; - text-align: center; -} - -/*--- Icon ---*/ -.ui.vertical.menu .item > i.icon { - width: @iconWidth; - float: @verticalIconFloat; - margin: @verticalIconMargin; -} -.ui.vertical.menu .item > .label + i.icon { - float: @labelAndIconFloat; - margin: @labelAndIconMargin; -} - - -/*--- Border ---*/ -.ui.vertical.menu .item:before { - position: absolute; - content: ''; - top: 0%; - left: 0px; - width: 100%; - height: @dividerSize; - background: @verticalDividerBackground; - height: 1px; -} - -.ui.vertical.menu .item:first-child:before { - background: none !important; -} - -/*--- Dropdown ---*/ -.ui.vertical.menu .dropdown.item > .icon { - float: right; - content: "\f0da"; - margin-left: 1em; -} -.ui.vertical.menu .active.dropdown.item { - border-top-right-radius: 0em; - border-bottom-right-radius: 0em; -} -.ui.vertical.menu .dropdown.item .menu { - top: 0% !important; - left: 100%; - margin: @dropdownMenuOffset 0px 0px @dropdownMenuOffset; - box-shadow: @dropdownVerticalBoxShadow; - border-radius: 0em @borderRadius @borderRadius @borderRadius; -} -.ui.vertical.menu .dropdown.item .menu .item { - font-size: 1rem; -} -.ui.vertical.menu .dropdown.item .menu .item i.icon { - margin-right: 0em; -} -.ui.vertical.menu .dropdown.item.active { - box-shadow: none; -} - -/*--- Sub Menu ---*/ -.ui.vertical.menu .item:not(.dropdown) > .menu { - margin: @subMenuMargin -@horizontalPadding 0em; -} -.ui.vertical.menu .item:not(.dropdown) > .menu > .item { - background: none; - padding: @subMenuHorizontalPadding @subMenuVerticalPadding; - font-size: @subMenuFontSize; -} -.ui.vertical.menu .item > .menu > .item:before { - display: none; -} - - -/*-------------- - Tiered ----------------*/ - -.ui.tiered.menu > .menu > .item:hover { - color: @tieredSubMenuActiveColor; -} -.ui.tiered.menu .active.item { - background: @tieredActiveItemBackground; -} -.ui.tiered.menu > .menu .item.active:after { - position: absolute; - content: ''; - margin-top: -@dividerSize; - top: 100%; - left: 0px; - - width: 100%; - height: 2px; - background-color: @tieredActiveMenuBackground; -} - -/* Sub Menu */ -.ui.tiered.menu .sub.menu { - background-color: @tieredActiveMenuBackground; - border-radius: 0em 0em @borderRadius @borderRadius; - border-top: 1px solid @borderColor; - box-shadow: none; -} -.ui.tiered.menu > .sub.menu > .item { - color: @tieredSubMenuColor; - font-weight: @tieredSubMenuFontWeight; - text-transform: @tieredSubMenuTextTransform; - font-size: @subMenuFontSize; -} - -/* Sub Menu Divider */ -.ui.tiered.menu .sub.menu .item:before { - background: none; -} - -/* Sub Menu Hover */ -.ui.tiered.menu .sub.menu .item:hover { - background: @tieredSubMenuHoverBackground; - color: @tieredSubMenuHoverColor; -} - -/* Sub Menu Active */ -.ui.tiered.menu .sub.menu .active.item { - padding-top: @verticalPadding; - background: @tieredSubMenuActiveBackground; - border-radius: 0; - border-top: medium none; - box-shadow: none; - color: @tieredSubMenuActiveColor !important; -} -.ui.tiered.menu .sub.menu .active.item:after { - display: none; -} - -/* Inverted Tiered Menu */ -.ui.inverted.tiered.menu > .menu > .item { - color: @invertedUnselectedTextColor; -} -.ui.inverted.tiered.menu .sub.menu { - background-color: @tieredInvertedSubMenuBackground; -} -.ui.inverted.tiered.menu .sub.menu .item { - color: @invertedLightTextColor; -} -.ui.inverted.tiered.menu > .menu > .item:hover { - color: @invertedHoveredTextColor; -} -.ui.inverted.tiered.menu .active.item:after { - display: none; -} -.ui.inverted.tiered.menu > .sub.menu > .active.item, -.ui.inverted.tiered.menu > .menu > .active.item { - color: @invertedSelectedTextColor !important; - box-shadow: none; -} - -/* Tiered Pointing */ -.ui.pointing.tiered.menu > .menu > .item:after { - display: none; -} -.ui.pointing.tiered.menu > .sub.menu > .item:after { - display: block; -} - - -/*-------------- - Tabular ----------------*/ - -.ui.tabular.menu { - background-color: transparent; - border-radius: 0em; - box-shadow: none !important; - border-bottom: @tabularBorderWidth solid @tabularBorderColor; -} -.ui.tabular.fluid.menu { - width: @tabularFluidWidth !important; -} -.ui.tabular.menu .item { - background-color: transparent; - - border-left: @tabularBorderWidth solid transparent; - border-right: @tabularBorderWidth solid transparent; - border-top: @tabularBorderWidth solid transparent; - - padding-left: @tabularHorizontalPadding; - padding-right: @tabularHorizontalPadding; - color: @tabularMenuTextColor; -} -.ui.tabular.menu .item:before { - display: none; -} - -/* Hover */ -.ui.tabular.menu .item:hover { - background-color: transparent; - color: @hoveredTextColor; -} - -/* Active */ -.ui.tabular.menu .active.item { - position: relative; - border-bottom: none; - vertical-align: bottom; - - background-color: @tabularMenuActiveBackground; - color: @tabularActiveColor; - border-color: @tabularBorderColor; - font-weight: @tabularActiveWeight; - margin-bottom: -@tabularBorderWidth; - box-shadow: @tabularActiveBoxShadow; - border-radius: @tabularBorderRadius @tabularBorderRadius 0px 0px; -} - -/* Coupling with segment for attachment */ -.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: 0px; -} - - - -/*-------------- - Pagination ----------------*/ - -.ui.pagination.menu { - margin: 0em; - display: inline-block; - vertical-align: middle; -} - -.ui.pagination.menu .item { - min-width: @paginationMinWidth; - text-align: center; -} -.ui.pagination.menu .icon.item i.icon { - vertical-align: top; -} -.ui.pagination.menu.floated { - display: block; -} - -/* Active */ -.ui.pagination.menu .active.item { - border-top: none; - padding-top: @verticalPadding; - background-color: @paginationActiveBackground; - box-shadow: none; -} - -/*-------------- - Secondary ----------------*/ - -.ui.secondary.menu { - background: @secondaryBackground; - border-radius: 0em; - box-shadow: none; -} -.ui.secondary.menu > .menu > .item, -.ui.secondary.menu > .item { - box-shadow: none; - - border: none; - height: auto !important; - background: @secondaryItemBackground; - - margin: 0em @secondaryMargin; - padding: @secondaryVerticalPadding @secondaryHorizontalPadding; - - border-radius: @secondaryBorderRadius; -} -.ui.secondary.menu > .menu > .item:before, -.ui.secondary.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: @secondaryLinkOpacity; - transition: none; -} -.ui.secondary.menu .header.item { - border-right: @secondaryHeaderBorder; - background: @secondaryHeaderBackground; - border-radius: 0em; -} - -/* Hover */ -.ui.secondary.menu .link.item:hover, -.ui.secondary.menu a.item:hover { - opacity: 1; -} - -/* Active */ -.ui.secondary.menu > .menu > .active.item, -.ui.secondary.menu > .active.item { - background: @secondaryActiveBackground; - opacity: 1; - box-shadow: none; -} -.ui.secondary.vertical.menu > .active.item { - border-radius: @secondaryBorderRadius; -} - -/* Inverted */ -.ui.secondary.inverted.menu .link.item, -.ui.secondary.inverted.menu a.item { - color: @secondaryInvertedColor; -} -.ui.secondary.inverted.menu .link.item:hover, -.ui.secondary.inverted.menu a.item:hover { - color: @secondaryInvertedHoverColor; -} -.ui.secondary.inverted.menu .active.item { - background-color: @secondaryInvertedActiveBackground; -} - - -/* Disable variations */ -.ui.secondary.item.menu > .item { - margin: 0em; -} -.ui.secondary.attached.menu { - box-shadow: none; -} - - -/*--------------------- - Secondary Vertical ------------------------*/ - -.ui.secondary.vertical.menu > .item { - border: none; - margin: 0em 0em @secondaryVerticalMargin; - border-radius: @borderRadius; -} -.ui.secondary.vertical.menu > .header.item { - border-radius: 0em; -} - -/* Inverted */ -.ui.secondary.inverted.menu { - background-color: transparent; -} - -.ui.secondary.inverted.pointing.menu { - border-bottom: @secondaryPointingBorderWidth solid rgba(255, 255, 255, 0.1); -} -.ui.secondary.inverted.pointing.menu > .item { - color: rgba(255, 255, 255, 0.7); -} -.ui.secondary.inverted.pointing.menu > .header.item { - color: #FFFFFF !important; -} - -/* Hover */ -.ui.secondary.inverted.pointing.menu > .menu > .item:hover, -.ui.secondary.inverted.pointing.menu > .item:hover { - color: rgba(255, 255, 255, 0.85); -} - -/* Pressed */ -.ui.secondary.inverted.pointing.menu > .menu > .item:active, -.ui.secondary.inverted.pointing.menu > .item:active { - border-color: rgba(255, 255, 255, 0.4); -} - -/* Active */ -.ui.secondary.inverted.pointing.menu > .menu > .item.active, -.ui.secondary.inverted.pointing.menu > .item.active { - border-color: rgba(255, 255, 255, 0.8); - color: rgba(255, 255, 255, 1); -} - - -/*--------------------- - Secondary Pointing ------------------------*/ - -.ui.secondary.pointing.menu { - border-bottom: @secondaryPointingBorderWidth solid rgba(0, 0, 0, 0.1); -} - -.ui.secondary.pointing.menu > .menu > .item, -.ui.secondary.pointing.menu > .item { - margin: 0em 0em -@secondaryPointingBorderWidth; - padding: @secondaryPointingVerticalPadding @secondaryPointingHorizontalPadding; - border-bottom: @secondaryPointingBorderWidth solid transparent; - border-radius: 0em; - transition: @secondaryTransition; -} - -/* Item Types */ -.ui.secondary.pointing.menu .header.item { - margin-bottom: -@secondaryPointingBorderWidth; - background-color: transparent !important; - border-right-width: 0px !important; - font-weight: bold !important; - color: @secondaryPointingHeaderColor !important; -} -.ui.secondary.pointing.menu .text.item { - box-shadow: none !important; -} -.ui.secondary.pointing.menu > .menu > .item:after, -.ui.secondary.pointing.menu > .item:after { - display: none; -} - -/* Hover */ -.ui.secondary.pointing.menu > .menu > .link.item:hover, -.ui.secondary.pointing.menu > .link.item:hover, -.ui.secondary.pointing.menu > .menu > a.item:hover, -.ui.secondary.pointing.menu > a.item:hover { - background-color: transparent; - color: @secondaryPointingHoverTextColor; -} - -/* Pressed */ -.ui.secondary.pointing.menu > .menu > .link.item:active, -.ui.secondary.pointing.menu > .link.item:active, -.ui.secondary.pointing.menu > .menu > a.item:active, -.ui.secondary.pointing.menu > a.item:active { - background-color: transparent; - border-color: @secondaryPointingBorderColor; -} - -/* Active */ -.ui.secondary.pointing.menu > .menu > .item.active, -.ui.secondary.pointing.menu > .item.active { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.4); - box-shadow: none; - color: @secondaryPointingActiveTextColor; -} - -/* Secondary Vertical Pointing */ -.ui.secondary.vertical.pointing.menu { - border: none; - border-right: @secondaryPointingBorderWidth solid rgba(0, 0, 0, 0.1); -} -.ui.secondary.vertical.pointing.menu > .item { - margin: 0em -@secondaryPointingBorderWidth 0em 0em; - border-bottom: none; - border-right: @secondaryPointingBorderWidth solid transparent; - border-radius: 0em; -} - -/* Hover */ -.ui.secondary.vertical.pointing.menu > .item:hover { - background-color: transparent; - color: rgba(0, 0, 0, 0.7); -} - -/* Pressed */ -.ui.secondary.vertical.pointing.menu > .item:active { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.2); -} - -/* Active */ -.ui.secondary.vertical.pointing.menu > .item.active { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.4); - color: rgba(0, 0, 0, 0.85); -} - -/* Inverted Vertical Pointing Secondary */ -.ui.secondary.inverted.vertical.pointing.menu { - border-right: @secondaryPointingBorderWidth solid rgba(255, 255, 255, 0.1); - border-bottom: none; -} - - -/*-------------- - Text Menu ----------------*/ - -.ui.text.menu { - display: inline-block; - background: none transparent; - - margin: 1rem -1rem; - border-radius: 0px; - - box-shadow: none; -} -.ui.text.menu > .item { - opacity: 0.8; - - margin: 0em 1em; - padding: 0em; - height: auto !important; - - border-radius: 0px; - - box-shadow: none; - transition: @textMenuTransition; -} -.ui.text.menu > .item:before { - display: none !important; -} -.ui.text.menu .header.item { - background-color: transparent; - - opacity: 1; - color: rgba(50, 50, 50, 0.8); - font-size: 0.875rem; - padding: 0em; - text-transform: uppercase; - font-weight: bold; -} -.ui.text.menu .text.item { - opacity: 1; - color: rgba(50, 50, 50, 0.8); - font-weight: bold; -} - -/*--- fluid text ---*/ -.ui.text.item.menu .item { - margin: 0em; -} - -/*--- vertical text ---*/ -.ui.vertical.text.menu { - margin: 1rem 0em; -} -.ui.vertical.text.menu:first-child { - margin-top: 0rem; -} -.ui.vertical.text.menu:last-child { - margin-bottom: 0rem; -} -.ui.vertical.text.menu .item { - float: left; - clear: left; - margin: 0.5em 0em; -} -.ui.vertical.text.menu .item > i.icon { - float: none; - margin: 0em @verticalPadding 0em 0em; -} -.ui.vertical.text.menu .header.item { - margin: 0.8em 0em; -} - -/*--- hover ---*/ -.ui.text.menu .item:hover { - opacity: 1; - background-color: transparent; -} - -/*--- active ---*/ -.ui.text.menu .active.item { - background-color: transparent; - padding: 0em; - border: none; - opacity: 1; - font-weight: bold; - box-shadow: none; -} - -/* disable variations */ -.ui.text.pointing.menu .active.item:after { - box-shadow: none; -} -.ui.text.attached.menu { - box-shadow: none; -} - -/* Inverted */ -.ui.inverted.text.menu, -.ui.inverted.text.menu .item, -.ui.inverted.text.menu .item:hover, -.ui.inverted.text.menu .item.active { - background-color: transparent; -} - -/* Fluid */ -.ui.fluid.text.menu { - margin-left: 0em; - margin-right: 0em; -} - -/*-------------- - Icon Only ----------------*/ - -.ui.icon.menu, -.ui.vertical.icon.menu { - width: auto; - display: inline-block; - height: auto; -} -.ui.icon.menu > .item { - height: auto; - text-align: @iconMenuTextAlign; - color: @iconMenuItemColor; -} -.ui.icon.menu > .item > .icon { - display: block; - float: none !important; - margin: 0em auto !important; - opacity: 1; -} -.ui.icon.menu .icon:before { - opacity: 1; -} - -/* Item Icon Only */ -.ui.menu .icon.item .icon { - margin: 0em; -} - -.ui.vertical.icon.menu { - float: none; -} - -/*--- inverted ---*/ -.ui.inverted.icon.menu .item { - color: rgba(255, 255, 255, 0.8); -} -.ui.inverted.icon.menu .icon { - color: rgba(255, 255, 255, 1); -} - -/*-------------- - Labeled Icon ----------------*/ - -.ui.labeled.icon.menu { - text-align: center; -} -.ui.fluid.labeled.icon.menu > .item { - min-width: 0em; -} - -.ui.labeled.icon.menu > .item { - min-width: @labeledIconMinWidth; -} -.ui.labeled.icon.menu > .item > .icon { - display: block; - font-size: @labeledIconSize !important; - margin: 0em auto @labeledIconTextMargin !important; -} - - - -/******************************* - Variations -*******************************/ - -/*-------------- - Colors ----------------*/ - -/*--- Light Colors ---*/ -.ui.menu .blue.active.item, -.ui.blue.menu .active.item { - border-color: @blue !important; - color: @blue !important; -} -.ui.menu .green.active.item, -.ui.green.menu .active.item { - border-color: @green !important; - color: @green !important; -} -.ui.menu .orange.active.item, -.ui.orange.menu .active.item { - border-color: @orange !important; - color: @orange !important; -} -.ui.menu .pink.active.item, -.ui.pink.menu .active.item { - border-color: @pink !important; - color: @pink !important; -} -.ui.menu .purple.active.item, -.ui.purple.menu .active.item { - border-color: @purple !important; - color: @purple !important; -} -.ui.menu .red.active.item, -.ui.red.menu .active.item { - border-color: @red !important; - color: @red !important; -} -.ui.menu .teal.active.item, -.ui.teal.menu .active.item { - border-color: @teal !important; - color: @teal !important; -} -.ui.menu .yellow.active.item, -.ui.yellow.menu .active.item { - border-color: @yellow !important; - color: @yellow !important; -} - - - -/*-------------- - Inverted ----------------*/ - -.ui.inverted.menu { - background: @invertedBackground; - box-shadow: @invertedBoxShadow; -} -.ui.inverted.menu .header.item { - margin: 0em; - background: @invertedHeaderBackground; - box-shadow: none; -} - -.ui.inverted.menu .item, -.ui.inverted.menu .item > a:not(.ui) { - color: @invertedTextColor; -} - -.ui.inverted.menu .item:not(.dropdown).menu { - background: @invertedSubMenuBackground; -} - -.ui.inverted.menu .item .item, -.ui.inverted.menu .item .item > a:not(.ui) { - color: @invertedSubMenuColor; -} -.ui.inverted.menu .dropdown .menu .item { - color: @dropdownTextColor !important; - transition: none; -} -.ui.inverted.menu .dropdown .menu .item:hover { - background: @dropdownBackgroundHover !important; - color: @dropdownTextColorHover !important; -} -.ui.inverted.menu .item.disabled, -.ui.inverted.menu .item.disabled:hover { - color: @invertedDisabledTextColor; -} - - - -/*--- Border ---*/ -.ui.inverted.menu .item:before { - background: @invertedDividerBackground; -} -.ui.vertical.inverted.menu .item:before { - background: @invertedVerticalDividerBackground; -} - -/*--- Hover ---*/ -.ui.link.inverted.menu .item:hover, -.ui.inverted.menu .link.item:hover, -.ui.inverted.menu a.item:hover, -.ui.inverted.menu .dropdown.item:hover { - background: @invertedHoverBackground; - color: @invertedHoverColor; -} -.ui.inverted.menu .item .menu a.item:hover, -.ui.inverted.menu .item .menu .link.item:hover { - background: @invertedSubMenuBackground; - color: @invertedSubMenuHoverColor; -} - -/*--- Pressed ---*/ -.ui.inverted.menu a.item:active, -.ui.inverted.menu .dropdown.item:active, -.ui.inverted.menu .link.item:active, -.ui.inverted.menu a.item:active { - background: @invertedMenuPressedBackground; - color: @invertedMenuPressedColor; -} - -/*--- Active ---*/ -.ui.inverted.menu .active.item { - box-shadow: none !important; - background: @invertedActiveBackground; - color: @invertedActiveColor !important; -} -.ui.inverted.vertical.menu .item .menu .active.item { - background: @invertedSubMenuActiveBackground; - color: @invertedSubMenuActiveColor; -} - -/*--- Pointers ---*/ -.ui.inverted.pointing.menu .active.item:after { - background: #5B5B5B; - box-shadow: none; -} -.ui.inverted.pointing.menu .active.item:hover:after { - background: #4A4A4A; -} - - -/*-------------- - Selection ----------------*/ - -.ui.selection.menu > .item { - color: rgba(0, 0, 0, 0.4); -} -.ui.selection.menu > .item:hover { - color: rgba(0, 0, 0, 0.6); -} -.ui.selection.menu > .item.active { - color: rgba(0, 0, 0, 0.85); -} - -.ui.inverted.selection.menu > .item { - color: rgba(255, 255, 255, 0.4); -} -.ui.inverted.selection.menu > .item:hover { - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.selection.menu > .item.active { - color: #FFFFFF; -} - - -/*-------------- - Floated ----------------*/ - -.ui.floated.menu { - float: left; - margin: 0rem 0.5rem 0rem 0rem; -} -.ui.right.floated.menu { - float: right; - margin: 0rem 0rem 0rem 0.5rem; -} - - -/*-------------- - Inverted Colors ----------------*/ - -/*--- Light Colors ---*/ -.ui.grey.menu { - background-color: @offWhite; -} - -/*--- Inverted Colors ---*/ - -/* Blue */ -.ui.inverted.blue.menu { - background-color: @blue; -} -.ui.inverted.blue.pointing.menu .active.item:after { - background-color: @blue; -} -/* Green */ -.ui.inverted.green.menu { - background-color: @green; -} -.ui.inverted.green.pointing.menu .active.item:after { - background-color: @green; -} -/* Orange */ -.ui.inverted.orange.menu { - background-color: @orange; -} -.ui.inverted.orange.pointing.menu .active.item:after { - background-color: @orange; -} -/* Pink */ -.ui.inverted.pink.menu { - background-color: @pink; -} -.ui.inverted.pink.pointing.menu .active.item:after { - background-color: @pink; -} -/* Purple */ -.ui.inverted.purple.menu { - background-color: @purple; -} -.ui.inverted.purple.pointing.menu .active.item:after { - background-color: @purple; -} -/* Red */ -.ui.inverted.red.menu { - background-color: @red; -} -.ui.inverted.red.pointing.menu .active.item:after { - background-color: @red; -} -/* Teal */ -.ui.inverted.teal.menu { - background-color: @teal; -} -.ui.inverted.teal.pointing.menu .active.item:after { - background-color: @teal; -} -/* Yellow */ -.ui.inverted.yellow.menu { - background-color: @yellow; -} -.ui.inverted.yellow.pointing.menu .active.item:after { - background-color: @yellow; -} - - -/*-------------- - Fitted ----------------*/ - -.ui.fitted.menu .item, -.ui.fitted.menu .item .menu .item, -.ui.menu .fitted.item { - padding: 0em; -} -.ui.horizontally.fitted.menu .item, -.ui.horizontally.fitted.menu .item .menu .item, -.ui.menu .horizontally.fitted.item { - padding-top: @verticalPadding; - padding-bottom: @verticalPadding; -} -.ui.vertically.fitted.menu .item, -.ui.vertically.fitted.menu .item .menu .item, -.ui.menu .vertically.fitted.item { - padding-left: @horizontalPadding; - padding-right: @horizontalPadding; -} - -/*-------------- - Borderless ----------------*/ - -.ui.borderless.menu .item:before, -.ui.borderless.menu .item .menu .item:before, -.ui.menu .borderless.item:before { - background: none !important; -} - -/*------------------- - Compact ---------------------*/ - -.ui.compact.menu { - display: inline-block; - margin: 0em; - vertical-align: middle; -} -.ui.compact.vertical.menu { - width: auto !important; -} -.ui.compact.vertical.menu .item:last-child::before { - display: block; -} - -/*------------------- - Fluid ---------------------*/ - -.ui.menu.fluid, -.ui.vertical.menu.fluid { - display: block; - width: 100% !important; -} - - -/*------------------- - Evenly Sized ---------------------*/ - -.ui.item.menu, -.ui.item.menu .item { - width: 100%; - padding-left: 0px !important; - padding-right: 0px !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.500%; -} -.ui.menu.nine.item .item { - width: 11.11%; -} -.ui.menu.ten.item .item { - width: 10.0%; -} -.ui.menu.eleven.item .item { - width: 9.09%; -} -.ui.menu.twelve.item .item { - width: 8.333%; -} - - -/*-------------- - Fixed ----------------*/ - -.ui.menu.fixed { - position: fixed; - z-index: 101; - margin: 0em; - border: none; - width: 100%; -} -.ui.menu.fixed, -.ui.menu.fixed .item:first-child, -.ui.menu.fixed .item:last-child { - border-radius: 0px !important; -} - -.ui.fixed.menu, -.ui.top.fixed.menu { - top: 0px; - left: 0px; - right: auto; - bottom: auto; -} -.ui.right.fixed.menu { - top: 0px; - right: 0px; - left: auto; - bottom: auto; - width: auto; - height: 100%; -} -.ui.bottom.fixed.menu { - bottom: 0px; - left: 0px; - top: auto; - right: auto; -} -.ui.left.fixed.menu { - top: 0px; - left: 0px; - right: auto; - bottom: auto; - width: auto; - height: 100%; -} - -/* Coupling with Grid */ -.ui.fixed.menu + .ui.grid { - padding-top: @fixedGridMargin; -} - - -/*------------------- - Pointing ---------------------*/ - -.ui.pointing.menu .active.item:after { - position: absolute; - content: ''; - top: 100%; - left: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - margin: 0em; - background: none; - - width: @arrowSize; - height: @arrowSize; - - border: none; - border-bottom: @arrowBorder; - border-right: @arrowBorder; - - z-index: @arrowZIndex; - - transition: @arrowTransition; -} - -/* Don't double up pointers */ -.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; - - transform: translateX(50%) translateY(-50%) rotate(45deg); - margin: 0em -@arrowBorderSize 0em 0em; - - border: none; - border-top: @arrowBorder; - border-right: @arrowBorder; -} - -/* Colors */ -.ui.pointing.menu .active.item:hover:after { - background-color: @arrowHoverColor; -} -.ui.pointing.menu .active.item:after { - background-color: @arrowActiveColor; -} - -.ui.vertical.pointing.menu .item:hover:after { - background-color: @arrowVerticalHoverColor; -} -.ui.vertical.pointing.menu .active.item:after { - background-color: @arrowVerticalActiveColor; -} -.ui.vertical.pointing.menu .menu .active.item:after { - background-color: @arrowVerticalSubMenuColor; -} - - - -/*-------------- - Attached ----------------*/ - -.ui.menu.attached { - margin: 0rem; - border-radius: 0px; - /* avoid rgba multiplying */ - box-shadow: @attachedBoxShadow; -} -.ui.top.attached.menu { - border-radius: @borderRadius @borderRadius 0em 0em; -} -.ui.menu.bottom.attached { - border-radius: 0em 0em @borderRadius @borderRadius; -} - -/*-------------- - Sizes ----------------*/ - -/* Small */ -.ui.small.menu .item { - font-size: @small; -} -.ui.small.vertical.menu { - width: @smallWidth; -} - -/* Medium */ -.ui.menu .item { - font-size: @medium; -} -.ui.vertical.menu { - width: @mediumWidth; -} - -/* Large */ -.ui.large.menu .item { - font-size: @large; -} -.ui.large.menu .item .item { - font-size: @largeSubMenu; -} -.ui.large.menu .dropdown .item { - font-size: @largeDropdown; -} -.ui.large.vertical.menu { - width: @largeWidth; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/collections/message.less b/client/assets/less/lib/semantic/src/definitions/collections/message.less deleted file mode 100755 index b7129ad..0000000 --- a/client/assets/less/lib/semantic/src/definitions/collections/message.less +++ /dev/null @@ -1,442 +0,0 @@ -/*! - * # Semantic UI - Message - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'collection'; -@element : 'message'; - -@import (multiple) '../../theme.config'; - -/******************************* - Message -*******************************/ - -.ui.message { - position: relative; - min-height: 1em; - margin: @verticalMargin 0em; - background: @background; - padding: @verticalPadding @horizontalPadding; - line-height: @lineHeight; - color: @textColor; - transition: @transition; - border-radius: @borderRadius; - box-shadow: @boxShadow; -} - -.ui.message:first-child { - margin-top: 0em; -} -.ui.message:last-child { - margin-bottom: 0em; -} - - -/*-------------- - Content ----------------*/ - -/* Header */ -.ui.message .header { - display: @headerDisplay; - font-family: @headerFont; - font-weight: @headerFontWeight; - margin: 0em 0em @headerDistance 0em; -} - -/* Default font size */ -.ui.message .header:not(.ui) { - font-size: @headerFontSize; -} - -/* Paragraph */ -.ui.message p { - opacity: @messageTextOpacity; - margin: @messageParagraphMargin 0em; -} -.ui.message p:first-child { - margin-top: 0em; -} -.ui.message p:last-child { - margin-bottom: 0em; -} -.ui.message .header + p { - margin-top: @headerParagraphDistance; -} - -/* List */ -.ui.message ul.list { - opacity: @listOpacity; - list-style-position: @listStylePosition; - margin: @listMargin 0em 0em; - padding: 0em; -} -.ui.message ul.list:first-child { - margin-top: 0em; -} -.ui.message ul.list:last-child { - margin-bottom: 0em; -} -.ui.message ul.list li { - position: relative; - list-style-type: none; - margin: 0em 0em @listItemMargin @listItemIndent; - padding: 0em; -} -.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: 0em; -} - - -/* Icon */ -.ui.message > .icon { - margin-right: @iconDistance; -} - -/* Close Icon */ -.ui.message > .close.icon { - cursor: pointer; - position: absolute; - margin: 0em; - top: @closeTopDistance; - right: @closeRightDistance; - opacity: @closeOpacity; - transition: - opacity 0.1s linear - ; -} -.ui.message > .close.icon:hover { - opacity: 1; -} - -/* First / Last Element */ -.ui.message > :first-child { - margin-top: 0em; -} -.ui.message > :last-child { - margin-bottom: 0em; -} - - -/******************************* - States -*******************************/ - -/*-------------- - Visible ----------------*/ - -.ui.visible.visible.visible.visible.message { - display: block; -} - -.ui.icon.visible.visible.visible.visible.message { - display: table; -} - -/*-------------- - Hidden ----------------*/ - -.ui.hidden.hidden.hidden.hidden.message { - display: none; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Compact ----------------*/ - -.ui.compact.message { - display: inline-block; -} - - -/*-------------- - Attached ----------------*/ - -.ui.attached.message { - margin-bottom: @attachedYOffset; - border-radius: @borderRadius @borderRadius 0em 0em; - box-shadow: @attachedBoxShadow; - margin-left: @attachedXOffset; - margin-right: @attachedXOffset; -} -.ui.attached + .ui.attached.message:not(.top):not(.bottom) { - margin-top: @attachedYOffset; - border-radius: 0em; -} -.ui.bottom.attached.message { - margin-top: @attachedYOffset; - border-radius: 0em 0em @borderRadius @borderRadius; - box-shadow: @attachedBottomBoxShadow; -} -.ui.bottom.attached.message:not(:last-child) { - margin-bottom: @verticalMargin; -} -.ui.attached.icon.message { - display: block; - width: auto; -} - - -/*-------------- - Icon ----------------*/ - -.ui.icon.message { - display: table; - width: 100%; -} -.ui.icon.message > .icon:not(.close) { - display: table-cell; - width: auto; - vertical-align: @iconVerticalAlign; - font-size: @iconSize; - opacity: @iconOpacity; -} -.ui.icon.message > .content { - display: table-cell; - width: 100%; - vertical-align: @iconVerticalAlign; -} - - -.ui.icon.message .icon:not(.close) + .content { - padding-left: @iconContentDistance; -} -.ui.icon.message .circular.icon { - width: 1em; -} -.ui.icon.message .circular.icon + .content { - width: auto; - padding-left: @circularIconContentDistance; -} - -/*-------------- - Floating ----------------*/ - -.ui.floating.message { - box-shadow: @floatingBoxShadow; -} - - -/*-------------- - Colors ----------------*/ - -.ui.black.message { - background-color: @black; - color: @invertedTextColor; -} - -/*-------------- - Types ----------------*/ - -/* Positive */ -.ui.positive.message { - background-color: @positiveBackgroundColor; - color: @positiveTextColor; -} -.ui.positive.message, -.ui.attached.positive.message { - box-shadow: - 0px 0px 0px 1px @positiveBorderColor inset, - @subtleShadow - ; -} -.ui.positive.message .header { - color: @positiveHeaderColor; -} - -/* Negative */ -.ui.negative.message { - background-color: @negativeBackgroundColor; - color: @negativeTextColor; -} -.ui.negative.message, -.ui.attached.negative.message { - box-shadow: - 0px 0px 0px 1px @negativeBorderColor inset, - @subtleShadow - ; -} -.ui.negative.message .header { - color: @negativeHeaderColor; -} - -/* Info */ -.ui.info.message { - background-color: @infoBackgroundColor; - color: @infoTextColor; -} -.ui.info.message, -.ui.attached.info.message { - box-shadow: - 0px 0px 0px 1px @infoBorderColor inset, - @subtleShadow - ; -} -.ui.info.message .header { - color: @infoHeaderColor; -} - -/* Warning */ -.ui.warning.message { - background-color: @warningBackgroundColor; - color: @warningTextColor; -} -.ui.warning.message, -.ui.attached.warning.message { - box-shadow: - 0px 0px 0px 1px @warningBorderColor inset, - @subtleShadow - ; -} -.ui.warning.message .header { - color: @warningHeaderColor; -} - -/* Error */ -.ui.error.message { - background-color: @errorBackgroundColor; - color: @errorTextColor; -} -.ui.error.message, -.ui.attached.error.message { - box-shadow: - 0px 0px 0px 1px @errorBorderColor inset, - @subtleShadow - ; -} -.ui.error.message .header { - color: @errorHeaderColor; -} - -/* Success */ -.ui.success.message { - background-color: @successBackgroundColor; - color: @successTextColor; -} -.ui.success.message, -.ui.attached.success.message { - box-shadow: - 0px 0px 0px 1px @successBorderColor inset, - @subtleShadow - ; -} -.ui.success.message .header { - color: @successHeaderColor; -} - - -/* Colors */ -.ui.inverted.message, -.ui.black.message { - background-color: @black; - color: @invertedTextColor; -} - -.ui.blue.message { - background-color: @blueBackground; - color: @blueTextColor; -} -.ui.blue.message .header { - color: @blueHeaderColor; -} -.ui.green.message { - background-color: @greenBackground; - color: @greenTextColor; -} -.ui.green.message .header { - color: @greenHeaderColor; -} -.ui.orange.message { - background-color: @orangeBackground; - color: @orangeTextColor; -} -.ui.orange.message .header { - color: @orangeHeaderColor; -} -.ui.pink.message { - background-color: @pinkBackground; - color: @pinkTextColor; -} -.ui.pink.message .header { - color: @pinkHeaderColor; -} -.ui.purple.message { - background-color: @purpleBackground; - color: @purpleTextColor; -} -.ui.purple.message .header { - color: @purpleHeaderColor; -} -.ui.red.message { - background-color: @redBackground; - color: @redTextColor; -} -.ui.red.message .header { - color: @redHeaderColor; -} -.ui.teal.message { - background-color: @tealBackground; - color: @tealTextColor; -} -.ui.teal.message .header { - color: @tealHeaderColor; -} -.ui.yellow.message { - background-color: @yellowBackground; - color: @yellowTextColor; -} -.ui.yellow.message .header { - color: @yellowHeaderColor; -} - - -/*-------------- - Sizes ----------------*/ - -.ui.small.message { - font-size: @relativeSmall; -} -.ui.message { - font-size: @relativeMedium; -} -.ui.large.message { - font-size: @relativeLarge; -} -.ui.huge.message { - font-size: @relativeHuge; -} -.ui.massive.message { - font-size: @relativeMassive; -} - -.loadUIOverrides(); diff --git a/client/assets/less/lib/semantic/src/definitions/collections/table.less b/client/assets/less/lib/semantic/src/definitions/collections/table.less deleted file mode 100755 index 18cddc4..0000000 --- a/client/assets/less/lib/semantic/src/definitions/collections/table.less +++ /dev/null @@ -1,1001 +0,0 @@ -/*! - * # Semantic UI - Table - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'collection'; -@element : 'table'; - -@import (multiple) '../../theme.config'; - -/******************************* - Table -*******************************/ - -/* Prototype */ -.ui.table { - width: 100%; - background: @background; - margin: @margin; - border: @border; - box-shadow: @boxShadow; - border-radius: @borderRadius; - color: @color; - border-collapse: @borderCollapse; - border-spacing: @borderSpacing; -} - -.ui.table:first-child { - margin-top: 0em; -} -.ui.table:last-child { - margin-bottom: 0em; -} - -/******************************* - Parts -*******************************/ - -/* Table Content */ -.ui.table th, -.ui.table td { - transition: @transition; -} - -/* Headers */ -.ui.table thead { - box-shadow: @headerBoxShadow; -} -.ui.table thead th { - cursor: auto; - background: @headerBackground; - text-align: @headerAlign; - color: @headerColor; - padding: @headerVerticalPadding @headerHorizontalPadding; - vertical-align: @headerVerticalAlign; - font-style: @headerFontStyle; - font-weight: @headerFontWeight; - text-transform: @headerTextTransform; - border-bottom: @headerBorder; - border-left: @headerDivider; -} - -.ui.table thead tr > th:first-child { - border-left: none; -} - -.ui.table thead tr:first-child > th:first-child { - border-radius: @borderRadius 0em 0em 0em; -} -.ui.table thead tr:first-child > th:last-child { - border-radius: 0em @borderRadius 0em 0em; -} -.ui.table thead tr:first-child > th:only-child { - border-radius: @borderRadius @borderRadius 0em 0em; -} - -/* Footer */ -.ui.table tfoot { - box-shadow: @footerBoxShadow; -} -.ui.table tfoot th { - cursor: auto; - border-top: @footerBorder; - background: @footerBackground; - text-align: @footerAlign; - color: @footerColor; - padding: @footerVerticalPadding @footerHorizontalPadding; - vertical-align: @footerVerticalAlign; - font-style: @footerFontStyle; - font-weight: @footerFontWeight; - text-transform: @footerTextTransform; -} -.ui.table tfoot tr > th:first-child { - border-left: none; -} -.ui.table tfoot tr:first-child > th:first-child { - border-radius: 0em 0em 0em @borderRadius; -} -.ui.table tfoot tr:first-child > th:last-child { - border-radius: 0em 0em @borderRadius 0em; -} -.ui.table tfoot tr:first-child > th:only-child { - border-radius: 0em 0em @borderRadius @borderRadius; -} - -/* Table Row */ -.ui.table tr td { - border-top: @rowBorder; -} -.ui.table tr:first-child td { - border-top: none; -} - -/* Table Cells */ -.ui.table td { - padding: @cellVerticalPadding @cellHorizontalPadding; - text-align: @cellTextAlign; - vertical-align: @cellVerticalAlign; -} - -/* Icons */ -.ui.table > .icon { - vertical-align: @iconVerticalAlign; -} -.ui.table > .icon:only-child { - margin: 0em; -} - -/* Table Segment */ -.ui.table.segment { - padding: 0em; -} -.ui.table.segment:after { - display: none; -} -.ui.table.segment.stacked:after { - display: block; -} - - -/* Responsive */ -@media only screen and (max-width : @largestMobileScreen) { - .ui.table:not(.unstackable) { - width: 100%; - } - .ui.table:not(.unstackable) tbody, - .ui.table:not(.unstackable) tr, - .ui.table:not(.unstackable) tr > th, - .ui.table:not(.unstackable) tr > td { - display: block !important; - width: auto !important; - display: block !important; - } - - .ui.table:not(.unstackable) { - padding: 0em; - } - .ui.table:not(.unstackable) thead { - display: @responsiveHeaderDisplay; - } - .ui.table:not(.unstackable) tfoot { - display: @responsiveFooterDisplay; - } - .ui.table:not(.unstackable) tr > th, - .ui.table:not(.unstackable) tr > td { - background: none; - border: none !important; - padding: @responsiveCellVerticalPadding @responsiveCellHorizontalPadding; - box-shadow: @responsiveCellBoxShadow; - } - .ui.table:not(.unstackable) th:first-child, - .ui.table:not(.unstackable) td:first-child { - font-weight: bold; - padding-top: @responsiveRowVerticalPadding; - } - .ui.table:not(.unstackable) th:last-child, - .ui.table:not(.unstackable) td:last-child { - box-shadow: @responsiveRowBoxShadow; - padding-bottom: @responsiveRowVerticalPadding; - } - - /* Clear BG Colors */ - .ui.table:not(.unstackable) tr > td.warning, - .ui.table:not(.unstackable) tr > td.error, - .ui.table:not(.unstackable) tr > td.active, - .ui.table:not(.unstackable) tr > td.positive, - .ui.table:not(.unstackable) tr > td.negative { - background-color: @responsiveStatusColor !important; - } - - /* Definition Table */ - .ui.definition.table:not(.unstackable) thead th:first-child { - box-shadow: none !important; - } - .ui.definition.table:not(.unstackable) tr td:first-child { - padding-bottom: @responsiveRowVerticalPadding; - } - .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) { - padding-top: @responsiveRowVerticalPadding; - } - -} - - -/******************************* - Coupling -*******************************/ - -/* UI Image */ -.ui.table th .image, -.ui.table th .image img, -.ui.table td .image, -.ui.table td .image img { - max-width: none; -} - - -/******************************* - Types -*******************************/ - -/*-------------- - Complex ----------------*/ - -.ui.structured.table { - border-collapse: collapse; -} -.ui.structured.table thead th { - border-left: @headerDivider; - border-right: @headerDivider; -} -.ui.structured.sortable.table thead th { - border-left: @sortableBorder; - border-right: @sortableBorder; -} -.ui.structured.basic.table th { - border-left: @basicTableHeaderDivider; - border-right: @basicTableHeaderDivider; -} -.ui.structured.celled.table tr th, -.ui.structured.celled.table tr td { - border-left: @cellBorder; - border-right: @cellBorder; -} - -/*-------------- - Definition ----------------*/ - -.ui.definition.table thead:not(.full-width) th:first-child { - pointer-events: none; - background: @definitionHeaderBackground; - font-weight: @definitionHeaderFontWeight; - color: @definitionHeaderColor; - box-shadow: -@borderWidth -@borderWidth 0px @borderWidth @definitionPageBackground; -} - -.ui.definition.table tfoot:not(.full-width) th:first-child { - pointer-events: none; - background: @definitionFooterBackground; - font-weight: @definitionFooterColor; - color: @definitionFooterFontWeight; - box-shadow: @borderWidth @borderWidth 0px @borderWidth @definitionPageBackground; -} - -/* Remove Border */ -.ui.celled.definition.table thead:not(.full-width) th:first-child { - box-shadow: 0px -@borderWidth 0px @borderWidth @definitionPageBackground; -} -.ui.celled.definition.table tfoot:not(.full-width) th:first-child { - box-shadow: 0px @borderWidth 0px @borderWidth @definitionPageBackground; -} - -/* Highlight Defining Column */ -.ui.definition.table tr td:first-child { - background: @definitionColumnBackground; - font-weight: @definitionColumnFontWeight; - color: @definitionColumnColor; -} - -/* Fix 2nd Column */ -.ui.definition.table thead:not(.full-width) th:nth-child(2) { - border-left: @borderWidth solid @borderColor; -} -.ui.definition.table tfoot:not(.full-width) th:nth-child(2) { - border-left: @borderWidth solid @borderColor; -} -.ui.definition.table td:nth-child(2) { - border-left: @borderWidth solid @borderColor; -} - - -/******************************* - States -*******************************/ - -/*-------------- - Positive ----------------*/ - -.ui.table tr.positive, -.ui.table td.positive { - box-shadow: @positiveBoxShadow; -} -.ui.table tr.positive td, -.ui.table td.positive { - background: @positiveBackgroundColor !important; - color: @positiveColor !important; -} -.ui.celled.table tr.positive:hover td, -.ui.celled.table tr:hover td.positive { - background: @positiveBackgroundHover !important; - color: @positiveColorHover !important; -} - -/*-------------- - Negative ----------------*/ - -.ui.table tr.negative, -.ui.table td.negative { - box-shadow: @negativeBoxShadow; -} -.ui.table tr.negative td, -.ui.table td.negative { - background: @negativeBackgroundColor !important; - color: @negativeColor !important; -} -.ui.celled.table tr.negative:hover td, -.ui.celled.table tr:hover td.negative { - background: @negativeBackgroundHover !important; - color: @negativeColorHover !important; -} - -/*-------------- - Error ----------------*/ - -.ui.table tr.error, -.ui.table td.error { - box-shadow: @errorBoxShadow; -} -.ui.table tr.error td, -.ui.table td.error { - background: @errorBackgroundColor !important; - color: @errorColor !important; -} -.ui.celled.table tr.error:hover td, -.ui.celled.table tr:hover td.error { - background: @errorBackgroundHover !important; - color: @errorColorHover !important; -} - -/*-------------- - Warning ----------------*/ - -.ui.table tr.warning, -.ui.table td.warning { - box-shadow: @warningBoxShadow; -} -.ui.table tr.warning td, -.ui.table td.warning { - background: @warningBackgroundColor !important; - color: @warningColor !important; -} -.ui.celled.table tr.warning:hover td, -.ui.celled.table tr:hover td.warning { - background: @warningBackgroundHover !important; - color: @warningColorHover !important; -} - -/*-------------- - Active ----------------*/ - -.ui.table tr.active, -.ui.table td.active { - box-shadow: @activeBoxShadow; -} -.ui.table tr.active td, -.ui.table td.active { - background: @activeBackgroundColor !important; - color: @activeColor !important; -} -.ui.celled.table tr.active:hover td, -.ui.celled.table tr:hover td.active { - background: @activeBackgroundColor !important; - color: @activeColor !important; -} - - -/*-------------- - Disabled ----------------*/ - -.ui.table tr.disabled td, -.ui.table tr td.disabled, -.ui.table tr.disabled:hover td, -.ui.table tr:hover td.disabled { - pointer-events: none; - color: @disabledTextColor; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Stackable ----------------*/ - -@media only screen and (max-width : @largestTabletScreen) { - - .ui[class*="tablet stackable"].table, - .ui[class*="tablet stackable"].table tbody, - .ui[class*="tablet stackable"].table tr, - .ui[class*="tablet stackable"].table tr > th, - .ui[class*="tablet stackable"].table tr > td { - display: block !important; - width: 100% !important; - display: block !important; - } - - .ui[class*="tablet stackable"].table { - padding: 0em; - } - .ui[class*="tablet stackable"].table thead { - display: @responsiveHeaderDisplay; - } - .ui[class*="tablet stackable"].table tfoot { - display: @responsiveFooterDisplay; - } - .ui[class*="tablet stackable"].table tr > th, - .ui[class*="tablet stackable"].table tr > td { - background: none; - border: none !important; - padding: @responsiveCellVerticalPadding @responsiveCellHorizontalPadding; - box-shadow: @responsiveCellBoxShadow; - } - .ui[class*="tablet stackable"].table th:first-child, - .ui[class*="tablet stackable"].table td:first-child { - font-weight: bold; - padding-top: @responsiveRowVerticalPadding; - } - .ui[class*="tablet stackable"].table th:last-child, - .ui[class*="tablet stackable"].table td:last-child { - box-shadow: @responsiveRowBoxShadow; - padding-bottom: @responsiveRowVerticalPadding; - } - - /* Clear BG Colors */ - .ui[class*="tablet stackable"].table tr > td.warning, - .ui[class*="tablet stackable"].table tr > td.error, - .ui[class*="tablet stackable"].table tr > td.active, - .ui[class*="tablet stackable"].table tr > td.positive, - .ui[class*="tablet stackable"].table tr > td.negative { - background-color: @responsiveStatusColor !important; - } - - /* Definition Table */ - .ui.definition[class*="tablet stackable"].table thead th:first-child { - box-shadow: none !important; - } - .ui.definition[class*="tablet stackable"].table tr td:first-child { - padding-bottom: @responsiveRowVerticalPadding; - } - .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) { - padding-top: @responsiveRowVerticalPadding; - } - -} - -/*-------------- - Aligned ----------------*/ - -.ui.table[class*="left aligned"], -.ui.table [class*="left aligned"] { - text-align: left; -} -.ui.table[class*="center aligned"], -.ui.table [class*="center aligned"] { - text-align: center; -} -.ui.table[class*="right aligned"], -.ui.table [class*="right aligned"] { - text-align: right; -} - -/*-------------- - Collapsing ----------------*/ - -.ui.table th.collapsing, -.ui.table td.collapsing { - width: 1px; - white-space: nowrap; -} - - -/*-------------- - Attached ----------------*/ - - -/* All */ -.ui.attached.table { - width: @attachedTableWidth; - margin: 0em @attachedHorizontalOffset; - border-radius: 0px; - box-shadow: @attachedBoxShadow; -} - -/* Top */ -.ui[class*="top attached"].table { - margin-top: @margin; - border-radius: @borderRadius @borderRadius 0em 0em; -} -.ui.table[class*="top attached"]:first-child { - margin-top: 0em; -} - -/* Bottom */ -.ui.table[class*="bottom attached"] { - margin-top: 0em; - margin-bottom: @margin; - border-radius: 0em 0em @borderRadius @borderRadius; -} -.ui.table[class*="bottom attached"]:last-child { - margin-bottom: 0em; -} - -/*-------------- - Striped ----------------*/ - -/* Table Striping */ -.ui.striped.table > tr:nth-child(2n), -.ui.striped.table tbody tr:nth-child(2n) { - background-color: @stripedBackground; -} - -/* Stripes */ -.ui.inverted.striped.table > tr:nth-child(2n), -.ui.inverted.striped.table tbody tr:nth-child(2n) { - background-color: @invertedStripedBackground; -} - - -/*------------------- - Colors ---------------------*/ - -.ui.black.table { - border-top: @coloredBorderSize solid @black; -} -.ui.blue.table { - border-top: @coloredBorderSize solid @blue; -} -.ui.green.table { - border-top: @coloredBorderSize solid @green; -} -.ui.orange.table { - border-top: @coloredBorderSize solid @orange; -} -.ui.pink.table { - border-top: @coloredBorderSize solid @pink; -} -.ui.purple.table { - border-top: @coloredBorderSize solid @purple; -} -.ui.red.table { - border-top: @coloredBorderSize solid @red; -} -.ui.teal.table { - border-top: @coloredBorderSize solid @teal; -} -.ui.yellow.table { - border-top: @coloredBorderSize solid @yellow; -} - -/*------------------- - Inverted Colors ---------------------*/ - -.ui.inverted.table, -.ui.inverted.black.table { - background-color: @black !important; - color: @white !important; -} -.ui.inverted.blue.table { - background-color: @blue !important; - color: @white !important; -} -.ui.inverted.green.table { - background-color: @green !important; - color: @white !important; -} -.ui.inverted.orange.table { - background-color: @orange !important; - color: @white !important; -} -.ui.inverted.pink.table { - background-color: @pink !important; - color: @white !important; -} -.ui.inverted.purple.table { - background-color: @purple !important; - color: @white !important; -} -.ui.inverted.red.table { - background-color: @red !important; - color: @white !important; -} -.ui.inverted.teal.table { - background-color: @teal !important; - color: @white !important; -} -.ui.inverted.yellow.table { - background-color: @yellow !important; - color: @white !important; -} - - -/*-------------- - Column Count ----------------*/ - -/* Grid Based */ -.ui.one.column.table td { - width: @oneColumn; -} -.ui.two.column.table td { - width: @twoColumn; -} -.ui.three.column.table td { - width: @threeColumn; -} -.ui.four.column.table td { - width: @fourColumn; -} -.ui.five.column.table td { - width: @fiveColumn; -} -.ui.six.column.table td { - width: @sixColumn; -} -.ui.seven.column.table td { - width: @sevenColumn; -} -.ui.eight.column.table td { - width: @eightColumn; -} -.ui.nine.column.table td { - width: @nineColumn; -} -.ui.ten.column.table td { - width: @tenColumn; -} -.ui.eleven.column.table td { - width: @elevenColumn; -} -.ui.twelve.column.table td { - width: @twelveColumn; -} -.ui.thirteen.column.table td { - width: @thirteenColumn; -} -.ui.fourteen.column.table td { - width: @fourteenColumn; -} -.ui.fifteen.column.table td { - width: @fifteenColumn; -} -.ui.sixteen.column.table td { - width: @sixteenColumn; -} - -/* Column Width */ -.ui.table th.one.wide, -.ui.table td.one.wide { - width: @oneWide; -} -.ui.table th.two.wide, -.ui.table td.two.wide { - width: @twoWide; -} -.ui.table th.three.wide, -.ui.table td.three.wide { - width: @threeWide; -} -.ui.table th.four.wide, -.ui.table td.four.wide { - width: @fourWide; -} -.ui.table th.five.wide, -.ui.table td.five.wide { - width: @fiveWide; -} -.ui.table th.six.wide, -.ui.table td.six.wide { - width: @sixWide; -} -.ui.table th.seven.wide, -.ui.table td.seven.wide { - width: @sevenWide; -} -.ui.table th.eight.wide, -.ui.table td.eight.wide { - width: @eightWide; -} -.ui.table th.nine.wide, -.ui.table td.nine.wide { - width: @nineWide; -} -.ui.table th.ten.wide, -.ui.table td.ten.wide { - width: @tenWide; -} -.ui.table th.eleven.wide, -.ui.table td.eleven.wide { - width: @elevenWide; -} -.ui.table th.twelve.wide, -.ui.table td.twelve.wide { - width: @twelveWide; -} -.ui.table th.thirteen.wide, -.ui.table td.thirteen.wide { - width: @thirteenWide; -} -.ui.table th.fourteen.wide, -.ui.table td.fourteen.wide { - width: @fourteenWide; -} -.ui.table th.fifteen.wide, -.ui.table td.fifteen.wide { - width: @fifteenWide; -} -.ui.table th.sixteen.wide, -.ui.table td.sixteen.wide { - width: @sixteenWide; -} - -/*-------------- - Sortable ----------------*/ - -.ui.sortable.table thead th { - cursor: pointer; - white-space: nowrap; - border-left: @sortableBorder; - color: @sortableColor; -} -.ui.sortable.table thead th:first-child { - border-left: none; -} -.ui.sortable.table thead th.sorted, -.ui.sortable.table thead th.sorted:hover { - user-select: none; -} - -.ui.sortable.table thead th:after { - display: inline-block; - content: ''; - width: @sortableIconWidth; - height: 1em; - opacity: @sortableIconOpacity; - - margin: 0em 0em 0em @sortableIconDistance; - - font-family: @sortableIconFont; - font-style: normal; - font-weight: normal; - text-decoration: inherit; -} -.ui.sortable.table thead th.ascending:after { - content: @sortableIconAscending; -} -.ui.sortable.table thead th.descending:after { - content: @sortableIconDescending; -} - -/* Hover */ -.ui.sortable.table th.disabled:hover { - cursor: auto; - color: @sortableDisabledColor; -} -.ui.sortable.table thead th:hover { - background: @sortableHoverBackground; - color: @sortableHoverColor; -} - -/* Sorted */ -.ui.sortable.table thead th.sorted { - background: @sortableActiveBackground; - color: @sortableActiveColor; -} - -/* Sorted Hover */ -.ui.sortable.table thead th.sorted:hover { - background: @sortableActiveHoverBackground; - color: @sortableActiveHoverColor; -} - -/* Inverted */ -.ui.inverted.sortable.table thead th.sorted { - background: @sortableInvertedActiveBackground; - color: @sortableInvertedActiveColor; -} -.ui.inverted.sortable.table thead th:hover { - background: @sortableInvertedHoverBackground; - color: @sortableInvertedHoverColor; -} -.ui.inverted.sortable.table thead th { - border-left-color: @sortableInvertedBorderColor; - border-right-color: @sortableInvertedBorderColor; -} - - -/*-------------- - Inverted ----------------*/ - -/* Text Color */ -.ui.inverted.table { - background: @invertedBackground; - color: @invertedCellColor; - border: @invertedBorder; -} -.ui.inverted.table th { - background-color: @invertedHeaderBackground; - border-color: @invertedCellBorderColor !important; - color: @invertedHeaderColor; -} -.ui.inverted.table tr td { - border-color: @invertedCellBorderColor !important; -} - -.ui.inverted.table tr.disabled td, -.ui.inverted.table tr td.disabled, -.ui.inverted.table tr.disabled:hover td, -.ui.inverted.table tr:hover td.disabled { - pointer-events: none; - color: @invertedDisabledTextColor; -} - -/* Definition */ -.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, -.ui.inverted.definition.table thead:not(.full-width) th:first-child { - background: @definitionPageBackground; -} -.ui.inverted.definition.table tr td:first-child { - background: @invertedDefinitionColumnBackground; - color: @invertedDefinitionColumnColor; -} - -/*-------------- - Collapsing ----------------*/ - -.ui.collapsing.table { - width: auto; -} - -/*-------------- - Basic ----------------*/ - -.ui.basic.table { - background: @basicTableBackground; - border: @basicTableBorder; - box-shadow: @basicBoxShadow; -} -.ui.basic.table thead, -.ui.basic.table tfoot { - box-shadow: none; -} -.ui.basic.table th { - background: @basicTableHeaderBackground; - border-left: @basicTableHeaderDivider; -} -.ui.basic.table tbody tr { - border-bottom: @basicTableCellBorder; -} -.ui.basic.table td { - background: @basicTableCellBackground; -} -.ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: @basicTableStripedBackground !important; -} - -/* Very Basic */ -.ui[class*="very basic"].table { - border: none; -} -.ui[class*="very basic"].table:not(.sortable):not(.striped) th, -.ui[class*="very basic"].table:not(.sortable):not(.striped) td { - padding: @basicTableCellVerticalPadding @basicTableCellHorizontalPadding; -} -.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, -.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child { - padding-left: 0em; -} -.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, -.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child { - padding-right: 0em; -} -.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { - padding-top: 0em; -} - -/*-------------- - Celled ----------------*/ - -.ui.celled.table tr th, -.ui.celled.table tr td { - border-left: @cellBorder; -} -.ui.celled.table tr th:first-child, -.ui.celled.table tr td:first-child { - border-left: none; -} - -/*-------------- - Padded ----------------*/ - -.ui.padded.table th { - padding-left: @paddedHorizontalPadding; - padding-right: @paddedHorizontalPadding; -} -.ui.padded.table th, -.ui.padded.table td { - padding: @paddedVerticalPadding @paddedHorizontalPadding; -} - -/* Very */ -.ui[class*="very padded"].table th { - padding-left: @veryPaddedHorizontalPadding; - padding-right: @veryPaddedHorizontalPadding; -} -.ui[class*="very padded"].table td { - padding: @veryPaddedVerticalPadding @veryPaddedHorizontalPadding; -} - -/*-------------- - Compact ----------------*/ - -.ui.compact.table th { - padding-left: @compactHorizontalPadding; - padding-right: @compactHorizontalPadding; -} -.ui.compact.table td { - padding: @compactVerticalPadding @compactHorizontalPadding; -} - -/* Very */ -.ui[class*="very compact"].table th { - padding-left: @veryCompactHorizontalPadding; - padding-right: @veryCompactHorizontalPadding; -} -.ui[class*="very compact"].table td { - padding: @veryCompactVerticalPadding @veryCompactHorizontalPadding; -} - -/*-------------- - Sizes ----------------*/ - -/* Small */ -.ui.small.table { - font-size: @small; -} - -/* Standard */ -.ui.table { - font-size: @medium; -} - -/* Large */ -.ui.large.table { - font-size: @large; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/elements/button.less b/client/assets/less/lib/semantic/src/definitions/elements/button.less deleted file mode 100755 index dce04ab..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/button.less +++ /dev/null @@ -1,2413 +0,0 @@ -/*! - * # Semantic UI - Button - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributorss - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'button'; - -@import (multiple) '../../theme.config'; - -& { - -/******************************* - Button -*******************************/ - -.ui.button { - cursor: pointer; - display: inline-block; - - min-height: 1em; - - outline: none; - border: none; - vertical-align: @verticalAlign; - background-color: @backgroundColor; - color: @textColor; - - font-family: @fontFamily; - - margin: 0em @horizontalMargin @verticalMargin 0em; - padding: @verticalPadding @horizontalPadding (@verticalPadding + @shadowOffset); - - text-transform: @textTransform; - text-shadow: @textShadow; - font-weight: @fontWeight; - line-height: 1; - font-style: normal; - text-align: center; - text-decoration: none; - - background-image: @backgroundImage; - border-radius: @borderRadius; - box-shadow: @boxShadow; - - user-select: none; - transition: @transition; - will-change: @willChange; - - -webkit-tap-highlight-color: @tapColor; -} - - -/******************************* - States -*******************************/ - -/*-------------- - Hover ----------------*/ - -.ui.button:hover { - background-color: @hoverBackgroundColor; - background-image: @hoverBackgroundImage; - box-shadow: @hoverBoxShadow; - color: @hoverColor; -} - -.ui.button:hover .icon { - opacity: @iconHoverOpacity; -} - -/*-------------- - Focus ----------------*/ - -.ui.button:focus { - background-color: @focusBackgroundColor; - color: @focusColor; - background-image: @focusBackgroundImage !important; - box-shadow: @focusBoxShadow !important; -} - -.ui.button:focus .icon { - opacity: @iconFocusOpacity; -} - -/*-------------- - Down ----------------*/ - -.ui.button:active, -.ui.active.button:active { - background-color: @downBackgroundColor; - background-image: @downBackgroundImage; - color: @downColor; - box-shadow: @downBoxShadow; -} - -/*-------------- - Active ----------------*/ - -.ui.active.button { - background-color: @activeBackgroundColor; - background-image: @activeBackgroundImage; - box-shadow: @activeBoxShadow; - color: @activeColor; -} -.ui.active.button:hover { - background-color: @activeHoverBackgroundColor; - background-image: @activeHoverBackgroundImage; - color: @activeHoverColor; -} -.ui.active.button:active { - background-color: @activeBackgroundColor; - background-image: @activeBackgroundImage; -} - - -/*-------------- - Loading ----------------*/ - -/* Specificity hack */ -.ui.loading.loading.loading.loading.loading.loading.button { - position: relative; - cursor: default; - text-shadow: none !important; - color: transparent !important; - opacity: @loadingOpacity; - pointer-events: @loadingPointerEvents; - transition: @loadingTransition; -} -.ui.loading.button:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - - margin: @loaderMargin; - width: @loaderSize; - height: @loaderSize; - - border-radius: @circularRadius; - border: @loaderLineWidth solid @invertedLoaderFillColor; -} -.ui.loading.button:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - - margin: @loaderMargin; - width: @loaderSize; - height: @loaderSize; - - animation: button-spin @loaderSpeed linear; - animation-iteration-count: infinite; - - border-radius: @circularRadius; - - border-color: @invertedLoaderLineColor transparent transparent; - border-style: solid; - border-width: @loaderLineWidth; - - box-shadow: 0px 0px 0px 1px transparent; -} -.ui.labeled.icon.loading.button .icon { - background-color: transparent; - box-shadow: none; -} - -@keyframes button-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.ui.basic.loading.button:not(.inverted):before { - border-color: @loaderFillColor; -} -.ui.basic.loading.button:not(.inverted):after { - border-top-color: @loaderLineColor; -} - -/*------------------- - Disabled ---------------------*/ - -.ui.buttons .disabled.button, -.ui.disabled.button, -.ui.button:disabled, -.ui.disabled.button:hover, -.ui.disabled.active.button { - cursor: default; - background-color: @lightGrey !important; - color: @lightTextColor !important; - opacity: @disabledOpacity !important; - background-image: none !important; - box-shadow: none !important; - pointer-events: none; -} - -/* Basic Group With Disabled */ -.ui.basic.buttons .ui.disabled.button { - border-color: @disabledBorderColor; -} - -/******************************* - Types -*******************************/ - -/*------------------- - Animated ---------------------*/ - -.ui.animated.button { - position: relative; - overflow: hidden; - vertical-align: @animatedVerticalAlign; - padding-right: 0em !important; -} - -.ui.animated.button .content { - will-change: transform, opacity; -} -.ui.animated.button .visible.content { - position: relative; - margin-right: @horizontalPadding; -} -.ui.animated.button .hidden.content { - position: absolute; - width: 100%; -} - -/* Horizontal */ -.ui.animated.button .visible.content, -.ui.animated.button .hidden.content { - transition: right @animationDuration @animationEasing 0s; -} -.ui.animated.button .visible.content { - left: auto; - right: 0%; -} -.ui.animated.button .hidden.content { - top: 50%; - left: auto; - right: -100%; - margin-top: -0.5em; -} -.ui.animated.button:hover .visible.content { - left: auto; - right: 200%; -} -.ui.animated.button:hover .hidden.content { - left: auto; - right: 0%; -} - -/* Vertical */ -.ui.vertical.animated.button .visible.content, -.ui.vertical.animated.button .hidden.content { - transition: top @animationDuration @animationEasing, transform @animationDuration @animationEasing; -} -.ui.vertical.animated.button .visible.content { - transform: translateY(0%); - right: auto; -} -.ui.vertical.animated.button .hidden.content { - top: -50%; - left: 0%; - right: auto; -} -.ui.vertical.animated.button:hover .visible.content { - transform: translateY(200%); - right: auto; -} -.ui.vertical.animated.button:hover .hidden.content { - top: 50%; - right: auto; -} - -/* Fade */ -.ui.fade.animated.button .visible.content, -.ui.fade.animated.button .hidden.content { - transition: opacity @animationDuration @animationEasing, transform @animationDuration @animationEasing; -} -.ui.fade.animated.button .visible.content { - left: auto; - right: auto; - opacity: 1; - transform: scale(1); -} -.ui.fade.animated.button .hidden.content { - opacity: 0; - left: 0%; - right: auto; - transform: scale(@fadeScaleHigh); -} -.ui.fade.animated.button:hover .visible.content { - left: auto; - right: auto; - opacity: 0; - transform: scale(@fadeScaleLow); -} -.ui.fade.animated.button:hover .hidden.content { - left: 0%; - right: auto; - opacity: 1; - transform: scale(1); -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.button { - box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; - background: transparent none; - color: @white; - text-shadow: none !important; -} - -.ui.inverted.buttons .button { - margin: @invertedGroupButtonOffset; -} -.ui.inverted.buttons .button:first-child { - margin-left: 0em; -} -.ui.inverted.vertical.buttons .button { - margin: @invertedVerticalGroupButtonOffset; -} -.ui.inverted.vertical.buttons .button:first-child { - margin-top: 0em; -} -.ui.inverted.buttons .button:hover { - position: relative; -} -.ui.inverted.button:hover { - background: @white; - box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; - color: @hoverColor; -} - - -/*------------------- - Social ---------------------*/ - -/* Facebook */ -.ui.facebook.button { - background-color: @facebookColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - background-image: @coloredBackgroundImage; - box-shadow: @coloredBoxShadow; -} -.ui.facebook.button:hover { - background-color: @facebookHoverColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.facebook.button:active { - background-color: @facebookDownColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - -/* Twitter */ -.ui.twitter.button { - background-color: @twitterColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - background-image: @coloredBackgroundImage; - box-shadow: @coloredBoxShadow; -} -.ui.twitter.button:hover { - background-color: @twitterHoverColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.twitter.button:active { - background-color: @twitterDownColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - -/* Google Plus */ -.ui.google.plus.button { - background-color: @googlePlusColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - background-image: @coloredBackgroundImage; - box-shadow: @coloredBoxShadow; -} -.ui.google.plus.button:hover { - background-color: @googlePlusHoverColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.google.plus.button:active { - background-color: @googlePlusDownColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - -/* Linked In */ -.ui.linkedin.button { - background-color: @linkedInColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.linkedin.button:hover { - background-color: @linkedInHoverColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.linkedin.button:active { - background-color: @linkedInDownColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - -/* YouTube */ -.ui.youtube.button { - background-color: @youtubeColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - background-image: @coloredBackgroundImage; - box-shadow: @coloredBoxShadow; -} -.ui.youtube.button:hover { - background-color: @youtubeHoverColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.youtube.button:active { - background-color: @youtubeDownColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - -/* Instagram */ -.ui.instagram.button { - background-color: @instagramColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - background-image: @coloredBackgroundImage; - box-shadow: @coloredBoxShadow; -} -.ui.instagram.button:hover { - background-color: @instagramHoverColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.instagram.button:active { - background-color: @instagramDownColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - -/* Pinterest */ -.ui.pinterest.button { - background-color: @pinterestColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - background-image: @coloredBackgroundImage; - box-shadow: @coloredBoxShadow; -} -.ui.pinterest.button:hover { - background-color: @pinterestHoverColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.pinterest.button:active { - background-color: @pinterestDownColor; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - -/* VK */ -.ui.vk.button { - background-color: #4D7198; - color: @white; - background-image: @coloredBackgroundImage; - box-shadow: @coloredBoxShadow; -} -.ui.vk.button:hover { - background-color: @vkHoverColor; - color: @white; -} -.ui.vk.button:active { - background-color: @vkDownColor; - color: @white; -} - -/*-------------- - Icon ----------------*/ - -.ui.button > .icon { - opacity: @iconOpacity; - margin: @iconMargin; - transition: @iconTransition; - vertical-align: @iconVerticalAlign; - color: @iconColor; -} -.ui.button > .right.icon { - margin: @rightIconMargin; -} - -/******************************* - Variations -*******************************/ - - -/*------------------- - Floated ---------------------*/ - -.ui[class*="left floated"].buttons, -.ui[class*="left floated"].button { - float: left; - margin-left: 0em; - margin-right: @floatedMargin; -} -.ui[class*="right floated"].buttons, -.ui[class*="right floated"].button { - float: right; - margin-right: 0em; - margin-left: @floatedMargin; -} - -/*------------------- - Compact ---------------------*/ - -.ui.compact.buttons .button, -.ui.compact.button { - padding: @compactVerticalPadding @compactHorizontalPadding ( @compactVerticalPadding + @shadowOffset ); -} -.ui.compact.icon.buttons .button, -.ui.compact.icon.button { - padding: @compactVerticalPadding @compactVerticalPadding ( @compactVerticalPadding + @shadowOffset ); -} -.ui.compact.labeled.icon.buttons .button, -.ui.compact.labeled.icon.button { - padding: @compactVerticalPadding (@compactHorizontalPadding + @labeledIconWidth) ( @compactVerticalPadding + @shadowOffset ); -} - -/*------------------- - Sizes ---------------------*/ - -.ui.mini.buttons .button, -.ui.mini.buttons .or, -.ui.mini.button { - font-size: @mini; -} -.ui.tiny.buttons .button, -.ui.tiny.buttons .or, -.ui.tiny.button { - font-size: @tiny; -} -.ui.small.buttons .button, -.ui.small.buttons .or, -.ui.small.button { - font-size: @small; -} -.ui.buttons .button, -.ui.buttons .or, -.ui.button { - font-size: @medium; -} -.ui.large.buttons .button, -.ui.large.buttons .or, -.ui.large.button { - font-size: @large; -} -.ui.big.buttons .button, -.ui.big.buttons .or, -.ui.big.button { - font-size: @big; -} -.ui.huge.buttons .button, -.ui.huge.buttons .or, -.ui.huge.button { - font-size: @huge; -} -.ui.massive.buttons .button, -.ui.massive.buttons .or, -.ui.massive.button { - font-size: @massive; -} - -/*-------------- - Icon Only ----------------*/ - -.ui.icon.buttons .button, -.ui.icon.button { - padding: @verticalPadding @verticalPadding ( @verticalPadding + @shadowOffset ); -} -.ui.icon.buttons .button > .icon, -.ui.icon.button > .icon { - opacity: @iconButtonOpacity; - margin: 0em; - vertical-align: top; -} - - -/*------------------- - Basic ---------------------*/ - -.ui.basic.buttons .button, -.ui.basic.button { - background: @basicBackground !important; - background-image: none; - color: @basicTextColor !important; - font-weight: @basicFontWeight; - border-radius: @basicBorderRadius; - text-transform: @basicTextTransform; - text-shadow: none !important; - box-shadow: @basicBoxShadow; -} -.ui.basic.buttons { - box-shadow: @basicGroupBoxShadow; - border-radius: @borderRadius; -} -.ui.basic.buttons .button { - border-radius: 0em; -} - -.ui.basic.buttons .button:hover, -.ui.basic.button:hover { - background: @basicHoverBackground !important; - color: @basicHoverTextColor !important; - box-shadow: @basicHoverBoxShadow; -} -.ui.basic.buttons .button:active, -.ui.basic.button:active { - background: @basicDownBackground !important; - color: @basicDownTextColor !important; - box-shadow: @basicDownBoxShadow; -} -.ui.basic.buttons .active.button, -.ui.basic.active.button { - background: @basicActiveBackground !important; - box-shadow: @basicActiveBoxShadow !important; - color: @basicActiveTextColor; - box-shadow: @selectedBorderColor; -} -.ui.basic.buttons .active.button:hover, -.ui.basic.active.button:hover { - background-color: @transparentBlack; -} - -/* Vertical */ -.ui.basic.buttons .button:hover { - box-shadow: @basicHoverBoxShadow inset; -} -.ui.basic.buttons .button:active { - box-shadow: @basicDownBoxShadow inset; -} -.ui.basic.buttons .active.button { - box-shadow: @selectedBorderColor inset; -} - -/* Standard Basic Inverted */ -.ui.basic.inverted.buttons .button, -.ui.basic.inverted.button { - background-color: transparent !important; - color: @offWhite !important; - box-shadow: @basicInvertedBoxShadow !important; -} -.ui.basic.inverted.buttons .button:hover, -.ui.basic.inverted.button:hover { - color: @white !important; - box-shadow: @basicInvertedHoverBoxShadow !important; -} -.ui.basic.inverted.buttons .button:active, -.ui.basic.inverted.button:active { - background-color: @transparentWhite !important; - color: @white !important; - box-shadow: @basicInvertedDownBoxShadow !important; -} -.ui.basic.inverted.buttons .active.button, -.ui.basic.inverted.active.button { - background-color: @transparentWhite; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - box-shadow: @basicInvertedActiveBoxShadow; -} -.ui.basic.inverted.buttons .active.button:hover, -.ui.basic.inverted.active.button:hover { - background-color: @strongTransparentWhite; - box-shadow: @basicInvertedHoverBoxShadow !important; -} - - -/* Basic Group */ -.ui.basic.buttons .button { - border-left: @basicGroupBorder; - box-shadow: none; -} -.ui.basic.vertical.buttons .button { - border-left: none; -} - -.ui.basic.vertical.buttons .button { - border-left-width: 0px; - border-top: @basicGroupBorder; -} -.ui.basic.vertical.buttons .button:first-child { - border-top-width: 0px; -} - - - -/*-------------- - Labeled Icon ----------------*/ - -.ui.labeled.icon.buttons .button, -.ui.labeled.icon.button { - position: relative; - padding-left: @labeledIconPadding !important; - padding-right: @horizontalPadding !important; -} - -/* Left Labeled */ -.ui.labeled.icon.buttons > .button > .icon, -.ui.labeled.icon.button > .icon { - position: absolute; - width: @labeledIconWidth; - height: 100%; - - background-color: @labeledIconBackgroundColor; - text-align: center; - color: @labeledIconColor; - - border-radius: @borderRadius 0px 0px @borderRadius; - line-height: 1; - box-shadow: @labeledIconLeftShadow; -} - -/* Left Labeled */ -.ui.labeled.icon.buttons > .button > .icon, -.ui.labeled.icon.button > .icon { - top: 0em; - left: 0em; -} - -/* Right Labeled */ -.ui[class*="right labeled"].icon.button { - padding-right: @labeledIconPadding !important; - padding-left: @horizontalPadding !important; -} -.ui[class*="right labeled"].icon.button > .icon { - left: auto; - right: 0em; - border-radius: 0em @borderRadius @borderRadius 0em; - box-shadow: @labeledIconRightShadow; -} - - -.ui.labeled.icon.buttons > .button > .icon:before, -.ui.labeled.icon.button > .icon:before, -.ui.labeled.icon.buttons > .button > .icon:after, -.ui.labeled.icon.button > .icon:after { - display: block; - position: absolute; - width: 100%; - top: 50%; - text-align: center; - margin-top: -0.5em; -} - -.ui.labeled.icon.buttons .button > .icon { - border-radius: 0em; -} -.ui.labeled.icon.buttons .button:first-child > .icon { - border-top-left-radius: @borderRadius; - border-bottom-left-radius: @borderRadius; -} -.ui.labeled.icon.buttons .button:last-child > .icon { - border-top-right-radius: @borderRadius; - border-bottom-right-radius: @borderRadius; -} -.ui.vertical.labeled.icon.buttons .button:first-child > .icon { - border-radius: 0em; - border-top-left-radius: @borderRadius; -} -.ui.vertical.labeled.icon.buttons .button:last-child > .icon { - border-radius: 0em; - border-bottom-left-radius: @borderRadius; -} - -/* Fluid Labeled */ -.ui.fluid[class*="left labeled"].icon.button, -.ui.fluid[class*="right labeled"].icon.button { - padding-left: @horizontalPadding !important; - padding-right: @horizontalPadding !important; -} - - - - -/*-------------- - Toggle ----------------*/ - -/* Toggle (Modifies active state to give affordances) */ -.ui.toggle.buttons .active.button, -.ui.buttons .button.toggle.active, -.ui.button.toggle.active { - background-color: @positiveColor !important; - box-shadow: none !important; - text-shadow: @invertedTextShadow; - color: @invertedTextColor !important; -} -.ui.button.toggle.active:hover { - background-color: @positiveColorHover !important; - text-shadow: @invertedTextShadow; - color: @invertedTextColor !important; -} - -/*-------------- - Circular ----------------*/ - -.ui.circular.button { - border-radius: 10em; -} -.ui.circular.button > .icon { - width: 1em; - vertical-align: baseline; -} - - -/*-------------- - Attached ----------------*/ - -.ui.attached.button { - display: block; - margin: 0em; - box-shadow: @attachedBoxShadow !important; - border-radius: 0em; -} -.ui.attached.top.button { - border-radius: @borderRadius @borderRadius 0em 0em; -} -.ui.attached.bottom.button { - border-radius: 0em 0em @borderRadius @borderRadius; -} -.ui.attached.left.button { - display: inline-block; - border-left: none; - - padding-right: @attachedHorizontalPadding; - text-align: right; - border-radius: @borderRadius 0em 0em @borderRadius; -} -.ui.attached.right.button { - display: inline-block; - padding-left: @attachedHorizontalPadding; - text-align: left; - border-radius: 0em @borderRadius @borderRadius 0em; -} - - - -/*------------------- - Or Buttons ---------------------*/ - -.ui.buttons .or { - position: relative; - float: left; - width: @orGap; - height: @orHeight; - z-index: 3; -} -.ui.buttons .or:before { - position: absolute; - text-align: center; - border-radius: @circularRadius; - - content: @orText; - top: 50%; - left: 50%; - background-color: @orBackgroundColor; - text-shadow: @orTextShadow; - - margin-top: @orVerticalOffset; - margin-left: @orHorizontalOffset; - - width: @orCircleSize; - height: @orCircleSize; - - line-height: @orLineHeight; - color: @orTextColor; - - font-style: @orTextStyle; - font-weight: @orTextWeight; - - box-shadow: @orBoxShadow; -} -.ui.buttons .or[data-text]:before { - content: attr(data-text); -} - -/* Fluid Or */ -.ui.fluid.buttons .or { - width: 0em !important; -} -.ui.fluid.buttons .or:after { - display: none; -} - - -/*------------------- - Attached ---------------------*/ - -/* Plural Attached */ -.attached.ui.buttons { - margin: 0px; - border-radius: 0em 0em 0em 0em; -} -.attached.ui.buttons .button { - margin: 0em; -} -.attached.ui.buttons .button:first-child { - border-radius: 0em 0em 0em 0em; -} -.attached.ui.buttons .button:last-child { - border-radius: 0em 0em 0em 0em; -} - -/* Top Side */ -[class*="top attached"].ui.buttons { - margin-bottom: @attachedOffset; - border-radius: @borderRadius @borderRadius 0em 0em; -} -[class*="top attached"].ui.buttons .button:first-child { - border-radius: @borderRadius 0em 0em 0em; -} -[class*="top attached"].ui.buttons .button:last-child { - border-radius: 0em @borderRadius 0em 0em; -} - -/* Bottom Side */ -[class*="bottom attached"].ui.buttons { - margin-top: @attachedOffset; - border-radius: 0em 0em @borderRadius @borderRadius; -} -[class*="bottom attached"].ui.buttons .button:first-child { - border-radius: 0em 0em 0em @borderRadius; -} -[class*="bottom attached"].ui.buttons .button:last-child { - border-radius: 0em 0em @borderRadius 0em; -} - -/* Left Side */ -[class*="left attached"].ui.buttons { - margin-left: @attachedOffset; - border-radius: 0em @borderRadius @borderRadius 0em; -} -[class*="left attached"].ui.buttons .button:first-child { - margin-left: @attachedOffset; - border-radius: 0em @borderRadius 0em 0em; -} -[class*="left attached"].ui.buttons .button:last-child { - margin-left: @attachedOffset; - border-radius: 0em 0em @borderRadius 0em; -} -/* Right Side */ -[class*="right attached"].ui.buttons, -[class*="right attached"].ui.buttons .button { - margin-right: @attachedOffset; - border-radius: @borderRadius 0em 0em @borderRadius; -} -[class*="right attached"].ui.buttons .button:first-child { - margin-left: @attachedOffset; - border-radius: @borderRadius 0em 0em 0em; -} -[class*="right attached"].ui.buttons .button:last-child { - margin-left: @attachedOffset; - border-radius: 0em 0em 0em @borderRadius; -} - - - -/* Fluid */ -.ui.fluid.buttons, -.ui.button.fluid, -.ui.fluid.buttons > .button { - display: block; - width: 100%; -} - -.ui.\32.buttons, -.ui.two.buttons { - width: 100%; -} -.ui.\32.buttons > .button, -.ui.two.buttons > .button { - width: 50%; -} - -.ui.\33.buttons, -.ui.three.buttons { - width: 100%; -} -.ui.\33.buttons > .button, -.ui.three.buttons > .button { - width: 33.333%; -} - -.ui.\34.buttons, -.ui.four.buttons { - width: 100%; -} -.ui.\34.buttons > .button, -.ui.four.buttons > .button { - width: 25%; -} - -.ui.\35.buttons, -.ui.five.buttons { - width: 100%; -} -.ui.\35.buttons > .button, -.ui.five.buttons > .button { - width: 20%; -} - -.ui.\36.buttons, -.ui.six.buttons { - width: 100%; -} -.ui.\36.buttons > .button, -.ui.six.buttons > .button { - width: 16.666%; -} - -.ui.\37.buttons, -.ui.seven.buttons { - width: 100%; -} -.ui.\37.buttons > .button, -.ui.seven.buttons > .button { - width: 14.285%; -} - -.ui.\38.buttons, -.ui.eight.buttons { - width: 100%; -} -.ui.\38.buttons > .button, -.ui.eight.buttons > .button { - width: 12.500%; -} - -.ui.\39.buttons, -.ui.nine.buttons { - width: 100%; -} -.ui.\39.buttons > .button, -.ui.nine.buttons > .button { - width: 11.11%; -} - -.ui.\31\30.buttons, -.ui.ten.buttons { - width: 100%; -} -.ui.\31\30.buttons > .button, -.ui.ten.buttons > .button { - width: 10%; -} - -.ui.\31\31.buttons, -.ui.eleven.buttons { - width: 100%; -} -.ui.\31\31.buttons > .button, -.ui.eleven.buttons > .button { - width: 9.09%; -} - -.ui.\31\32.buttons, -.ui.twelve.buttons { - width: 100%; -} -.ui.\31\32.buttons > .button, -.ui.twelve.buttons > .button { - width: 8.3333%; -} - -/* Fluid Vertical Buttons */ -.ui.fluid.vertical.buttons, -.ui.fluid.vertical.buttons > .button { - display: block; - width: auto; -} - -.ui.\32.vertical.buttons > .button, -.ui.two.vertical.buttons > .button { - height: 50%; -} -.ui.\33.vertical.buttons > .button, -.ui.three.vertical.buttons > .button { - height: 33.333%; -} -.ui.\34.vertical.buttons > .button, -.ui.four.vertical.buttons > .button { - height: 25%; -} -.ui.\35.vertical.buttons > .button, -.ui.five.vertical.buttons > .button { - height: 20%; -} -.ui.\36.vertical.buttons > .button, -.ui.six.vertical.buttons > .button { - height: 16.666%; -} -.ui.\37.vertical.buttons > .button, -.ui.seven.vertical.buttons > .button { - height: 14.285%; -} -.ui.\38.vertical.buttons > .button, -.ui.eight.vertical.buttons > .button { - height: 12.500%; -} -.ui.\39.vertical.buttons > .button, -.ui.nine.vertical.buttons > .button { - height: 11.11%; -} -.ui.\31\30.vertical.buttons > .button, -.ui.ten.vertical.buttons > .button { - height: 10%; -} -.ui.\31\31.vertical.buttons > .button, -.ui.eleven.vertical.buttons > .button { - height: 9.09%; -} -.ui.\31\32.vertical.buttons > .button, -.ui.twelve.vertical.buttons > .button { - height: 8.3333%; -} - - -/*------------------- - Colors ---------------------*/ - -/*--- Black ---*/ -.ui.black.buttons .button, -.ui.black.button { - background-color: @black; - color: @blackTextColor; - text-shadow: @blackTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.black.button { - box-shadow: @coloredBoxShadow; -} -.ui.black.buttons .button:hover, -.ui.black.button:hover { - background-color: @blackHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.black.buttons .button:active, -.ui.black.button:active { - background-color: @blackDown; - color: @blackTextColor; - text-shadow: @blackTextShadow; -} -.ui.black.buttons .active.button, -.ui.black.buttons .active.button:active, -.ui.black.active.button, -.ui.black.button .active.button:active { - background-color: @blackActive; - color: @blackTextColor; - text-shadow: @blackTextShadow; -} - -/* Basic */ -.ui.basic.black.buttons .button, -.ui.basic.black.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.black.buttons .button:hover, -.ui.basic.black.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @blackHover inset !important; - color: @blackHover !important; -} -.ui.basic.black.buttons .button:active, -.ui.basic.black.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important; - color: @blackDown !important; -} -.ui.basic.black.buttons .active.button, -.ui.basic.black.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @blackDown inset !important; - color: @blackDown !important; -} -.ui.buttons > .basic.black.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.black.buttons .button, -.ui.inverted.black.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @solidBorderColor inset !important; - color: @invertedTextColor; -} -.ui.inverted.black.buttons .button:hover, -.ui.inverted.black.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important; - background-color: @lightBlack; - color: @white; -} -.ui.inverted.black.buttons .active.button, -.ui.inverted.black.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important; - background-color: @lightBlack; - color: @white; -} -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlackDown inset !important; - background-color: @lightBlackDown; - color: @white; -} - -/* Inverted Basic */ -.ui.inverted.black.basic.buttons .button, -.ui.inverted.black.buttons .basic.button, -.ui.inverted.black.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.black.basic.buttons .button:hover, -.ui.inverted.black.buttons .basic.button:hover, -.ui.inverted.black.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important; - color: @white !important; -} -.ui.inverted.black.basic.buttons .active.button, -.ui.inverted.black.buttons .basic.active.button, -.ui.inverted.black.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlack inset !important; - color: @white !important; -} -.ui.inverted.black.basic.buttons .button:active, -.ui.inverted.black.buttons .basic.button:active, -.ui.inverted.black.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlackDown inset !important; - color: @white !important; -} - - - -/*--- Blue ---*/ -.ui.blue.buttons .button, -.ui.blue.button { - background-color: @blue; - color: @blueTextColor; - text-shadow: @blueTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.blue.button { - box-shadow: @coloredBoxShadow; -} -.ui.blue.buttons .button:hover, -.ui.blue.button:hover { - background-color: @blueHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.blue.buttons .button:active, -.ui.blue.button:active { - background-color: @blueDown; - color: @blueTextColor; - text-shadow: @blueTextShadow; -} -.ui.blue.buttons .active.button, -.ui.blue.buttons .active.button:active, -.ui.blue.active.button, -.ui.blue.button .active.button:active { - background-color: @blueActive; - color: @blueTextColor; - text-shadow: @blueTextShadow; -} - -/* Basic */ -.ui.basic.blue.buttons .button, -.ui.basic.blue.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.blue.buttons .button:hover, -.ui.basic.blue.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @blueHover inset !important; - color: @blueHover !important; -} -.ui.basic.blue.buttons .button:active, -.ui.basic.blue.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important; - color: @blueDown !important; -} -.ui.basic.blue.buttons .active.button, -.ui.basic.blue.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @blueDown inset !important; - color: @blueDown !important; -} -.ui.buttons > .basic.blue.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.blue.buttons .button, -.ui.inverted.blue.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important; - color: @lightBlue; -} -.ui.inverted.blue.buttons .button:hover, -.ui.inverted.blue.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important; - background-color: @lightBlue; - color: @white; -} -.ui.inverted.blue.buttons .active.button, -.ui.inverted.blue.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important; - background-color: @lightBlue; - color: @white; -} -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlueDown inset !important; - background-color: @lightBlueDown; - color: @white; -} - -/* Inverted Basic */ -.ui.inverted.blue.basic.buttons .button, -.ui.inverted.blue.buttons .basic.button, -.ui.inverted.blue.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.blue.basic.buttons .button:hover, -.ui.inverted.blue.buttons .basic.button:hover, -.ui.inverted.blue.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important; - color: @lightBlue !important; -} -.ui.inverted.blue.basic.buttons .active.button, -.ui.inverted.blue.buttons .basic.active.button, -.ui.inverted.blue.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlue inset !important; - color: @lightBlue !important; -} -.ui.inverted.blue.basic.buttons .button:active, -.ui.inverted.blue.buttons .basic.button:active, -.ui.inverted.blue.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightBlueDown inset !important; - color: @lightBlue !important; -} - -/*--- Green ---*/ -.ui.green.buttons .button, -.ui.green.button { - background-color: @green; - color: @greenTextColor; - text-shadow: @greenTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.green.button { - box-shadow: @coloredBoxShadow; -} -.ui.green.buttons .button:hover, -.ui.green.button:hover { - background-color: @greenHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.green.buttons .button:active, -.ui.green.button:active { - background-color: @greenDown; - color: @greenTextColor; - text-shadow: @greenTextShadow; -} -.ui.green.buttons .active.button, -.ui.green.buttons .active.button:active, -.ui.green.active.button, -.ui.green.button .active.button:active { - background-color: @greenActive; - color: @greenTextColor; - text-shadow: @greenTextShadow; -} - - -/* Basic */ -.ui.basic.green.buttons .button, -.ui.basic.green.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.green.buttons .button:hover, -.ui.basic.green.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @greenHover inset !important; - color: @greenHover !important; -} -.ui.basic.green.buttons .button:active, -.ui.basic.green.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important; - color: @greenDown !important; -} -.ui.basic.green.buttons .active.button, -.ui.basic.green.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @greenDown inset !important; - color: @greenDown !important; -} -.ui.buttons > .basic.green.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.green.buttons .button, -.ui.inverted.green.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important; - color: @lightGreen; -} -.ui.inverted.green.buttons .button:hover, -.ui.inverted.green.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important; - background-color: @lightGreen; - color: @white; -} -.ui.inverted.green.buttons .active.button, -.ui.inverted.green.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important; - background-color: @lightGreen; - color: @white; -} -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightGreenDown inset !important; - background-color: @lightGreenDown; - color: @white; -} - -/* Inverted Basic */ -.ui.inverted.green.basic.buttons .button, -.ui.inverted.green.buttons .basic.button, -.ui.inverted.green.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.green.basic.buttons .button:hover, -.ui.inverted.green.buttons .basic.button:hover, -.ui.inverted.green.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important; - color: @lightGreen !important; -} -.ui.inverted.green.basic.buttons .active.button, -.ui.inverted.green.buttons .basic.active.button, -.ui.inverted.green.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightGreen inset !important; - color: @lightGreen !important; -} -.ui.inverted.green.basic.buttons .button:active, -.ui.inverted.green.buttons .basic.button:active, -.ui.inverted.green.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightGreenDown inset !important; - color: @lightGreen !important; -} - -/*--- Orange ---*/ -.ui.orange.buttons .button, -.ui.orange.button { - background-color: @orange; - color: @orangeTextColor; - text-shadow: @orangeTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.orange.button { - box-shadow: @coloredBoxShadow; -} -.ui.orange.buttons .button:hover, -.ui.orange.button:hover { - background-color: @orangeHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.orange.buttons .button:active, -.ui.orange.button:active { - background-color: @orangeDown; - color: @orangeTextColor; - text-shadow: @orangeTextShadow; -} -.ui.orange.buttons .active.button, -.ui.orange.buttons .active.button:active, -.ui.orange.active.button, -.ui.orange.button .active.button:active { - background-color: @orangeActive; - color: @orangeTextColor; - text-shadow: @orangeTextShadow; -} - -/* Basic */ -.ui.basic.orange.buttons .button, -.ui.basic.orange.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.orange.buttons .button:hover, -.ui.basic.orange.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeHover inset !important; - color: @orangeHover !important; -} -.ui.basic.orange.buttons .button:active, -.ui.basic.orange.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important; - color: @orangeDown !important; -} -.ui.basic.orange.buttons .active.button, -.ui.basic.orange.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @orangeDown inset !important; - color: @orangeDown !important; -} -.ui.buttons > .basic.orange.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.orange.buttons .button, -.ui.inverted.orange.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important; - color: @lightOrange; -} -.ui.inverted.orange.buttons .button:hover, -.ui.inverted.orange.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important; - background-color: @lightOrange; - color: @white; -} -.ui.inverted.orange.buttons .active.button, -.ui.inverted.orange.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important; - background-color: @lightOrange; - color: @white; -} -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightOrangeDown inset !important; - background-color: @lightOrangeDown; - color: @white; -} - -/* Inverted Basic */ -.ui.inverted.orange.basic.buttons .button, -.ui.inverted.orange.buttons .basic.button, -.ui.inverted.orange.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.orange.basic.buttons .button:hover, -.ui.inverted.orange.buttons .basic.button:hover, -.ui.inverted.orange.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important; - color: @lightOrange !important; -} -.ui.inverted.orange.basic.buttons .active.button, -.ui.inverted.orange.buttons .basic.active.button, -.ui.inverted.orange.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightOrange inset !important; - color: @lightOrange !important; -} -.ui.inverted.orange.basic.buttons .button:active, -.ui.inverted.orange.buttons .basic.button:active, -.ui.inverted.orange.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightOrangeDown inset !important; - color: @lightOrange !important; -} - -/*--- Pink ---*/ -.ui.pink.buttons .button, -.ui.pink.button { - background-color: @pink; - color: @pinkTextColor; - text-shadow: @pinkTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.pink.button { - box-shadow: @coloredBoxShadow; -} -.ui.pink.buttons .button:hover, -.ui.pink.button:hover { - background-color: @pinkHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.pink.buttons .button:active, -.ui.pink.button:active { - background-color: @pinkDown; - color: @pinkTextColor; - text-shadow: @pinkTextShadow; -} -.ui.pink.buttons .active.button, -.ui.pink.buttons .active.button:active, -.ui.pink.active.button, -.ui.pink.button .active.button:active { - background-color: @pinkActive; - color: @pinkTextColor; - text-shadow: @pinkTextShadow; -} - -/* Basic */ -.ui.basic.pink.buttons .button, -.ui.basic.pink.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.pink.buttons .button:hover, -.ui.basic.pink.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkHover inset !important; - color: @pinkHover !important; -} -.ui.basic.pink.buttons .button:active, -.ui.basic.pink.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important; - color: @pinkDown !important; -} -.ui.basic.pink.buttons .active.button, -.ui.basic.pink.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @pinkDown inset !important; - color: @pinkDown !important; -} -.ui.buttons > .basic.pink.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.pink.buttons .button, -.ui.inverted.pink.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important; - color: @lightPink; -} -.ui.inverted.pink.buttons .button:hover, -.ui.inverted.pink.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important; - background-color: @lightPink; - color: @white; -} -.ui.inverted.pink.buttons .active.button, -.ui.inverted.pink.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important; - background-color: @lightPink; - color: @white; -} -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPinkDown inset !important; - background-color: @lightPinkDown; - color: @white; -} - -/* Inverted Basic */ -.ui.inverted.pink.basic.buttons .button, -.ui.inverted.pink.buttons .basic.button, -.ui.inverted.pink.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.pink.basic.buttons .button:hover, -.ui.inverted.pink.buttons .basic.button:hover, -.ui.inverted.pink.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important; - color: @lightPink !important; -} -.ui.inverted.pink.basic.buttons .active.button, -.ui.inverted.pink.buttons .basic.active.button, -.ui.inverted.pink.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPink inset !important; - color: @lightPink !important; -} -.ui.inverted.pink.basic.buttons .button:active, -.ui.inverted.pink.buttons .basic.button:active, -.ui.inverted.pink.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPinkDown inset !important; - color: @lightPink !important; -} - -/*--- Purple ---*/ -.ui.purple.buttons .button, -.ui.purple.button { - background-color: @purple; - color: @purpleTextColor; - text-shadow: @purpleTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.purple.button { - box-shadow: @coloredBoxShadow; -} -.ui.purple.buttons .button:hover, -.ui.purple.button:hover { - background-color: @purpleHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.purple.buttons .button:active, -.ui.purple.button:active { - background-color: @purpleDown; - color: @purpleTextColor; - text-shadow: @purpleTextShadow; -} -.ui.purple.buttons .active.button, -.ui.purple.buttons .active.button:active, -.ui.purple.active.button, -.ui.purple.button .active.button:active { - background-color: @purpleActive; - color: @purpleTextColor; - text-shadow: @purpleTextShadow; -} - -/* Basic */ -.ui.basic.purple.buttons .button, -.ui.basic.purple.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.purple.buttons .button:hover, -.ui.basic.purple.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleHover inset !important; - color: @purpleHover !important; -} -.ui.basic.purple.buttons .button:active, -.ui.basic.purple.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important; - color: @purpleDown !important; -} -.ui.basic.purple.buttons .active.button, -.ui.basic.purple.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @purpleDown inset !important; - color: @purpleDown !important; -} -.ui.buttons > .basic.purple.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.purple.buttons .button, -.ui.inverted.purple.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important; - color: @lightPurple; -} -.ui.inverted.purple.buttons .button:hover, -.ui.inverted.purple.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important; - background-color: @lightPurple; - color: @black; -} -.ui.inverted.purple.buttons .active.button, -.ui.inverted.purple.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important; - background-color: @lightPurple; - color: @black; -} -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPurpleDown inset !important; - background-color: @lightPurpleDown; - color: @black; -} - -/* Inverted Basic */ -.ui.inverted.purple.basic.buttons .button, -.ui.inverted.purple.buttons .basic.button, -.ui.inverted.purple.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.purple.basic.buttons .button:hover, -.ui.inverted.purple.buttons .basic.button:hover, -.ui.inverted.purple.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important; - color: @lightPurple !important; -} -.ui.inverted.purple.basic.buttons .active.button, -.ui.inverted.purple.buttons .basic.active.button, -.ui.inverted.purple.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPurple inset !important; - color: @lightPurple !important; -} -.ui.inverted.purple.basic.buttons .button:active, -.ui.inverted.purple.buttons .basic.button:active, -.ui.inverted.purple.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightPurpleDown inset !important; - color: @lightPurple !important; -} - -/*--- Red ---*/ -.ui.red.buttons .button, -.ui.red.button { - background-color: @red; - color: @redTextColor; - text-shadow: @redTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.red.button { - box-shadow: @coloredBoxShadow; -} -.ui.red.buttons .button:hover, -.ui.red.button:hover { - background-color: @redHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.red.buttons .button:active, -.ui.red.button:active { - background-color: @redDown; - color: @redTextColor; - text-shadow: @redTextShadow; -} -.ui.red.buttons .active.button, -.ui.red.buttons .active.button:active, -.ui.red.active.button, -.ui.red.button .active.button:active { - background-color: @redActive; - color: @redTextColor; - text-shadow: @redTextShadow; -} - -/* Basic */ -.ui.basic.red.buttons .button, -.ui.basic.red.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.red.buttons .button:hover, -.ui.basic.red.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @redHover inset !important; - color: @redHover !important; -} -.ui.basic.red.buttons .button:active, -.ui.basic.red.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important; - color: @redDown !important; -} -.ui.basic.red.buttons .active.button, -.ui.basic.red.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @redDown inset !important; - color: @redDown !important; -} -.ui.buttons > .basic.red.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.red.buttons .button, -.ui.inverted.red.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important; - color: @lightRed; -} -.ui.inverted.red.buttons .button:hover, -.ui.inverted.red.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important; - background-color: @lightRed; - color: @white; -} -.ui.inverted.red.buttons .active.button, -.ui.inverted.red.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important; - background-color: @lightRed; - color: @white; -} -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightRedDown inset !important; - background-color: @lightRedDown; - color: @white; -} - -/* Inverted Basic */ -.ui.inverted.red.basic.buttons .button, -.ui.inverted.red.buttons .basic.button, -.ui.inverted.red.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.red.basic.buttons .button:hover, -.ui.inverted.red.buttons .basic.button:hover, -.ui.inverted.red.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important; - color: @lightRed !important; -} -.ui.inverted.red.basic.buttons .active.button, -.ui.inverted.red.buttons .basic.active.button, -.ui.inverted.red.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightRed inset !important; - color: @lightRed !important; -} -.ui.inverted.red.basic.buttons .button:active, -.ui.inverted.red.buttons .basic.button:active, -.ui.inverted.red.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightRedDown inset !important; - color: @lightRed !important; -} - - -/*--- Teal ---*/ -.ui.teal.buttons .button, -.ui.teal.button { - background-color: @teal; - color: @tealTextColor; - text-shadow: @tealTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.teal.button { - box-shadow: @coloredBoxShadow; -} -.ui.teal.buttons .button:hover, -.ui.teal.button:hover { - background-color: @tealHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.teal.buttons .button:active, -.ui.teal.button:active { - background-color: @tealDown; - color: @tealTextColor; - text-shadow: @tealTextShadow; -} -.ui.teal.buttons .active.button, -.ui.teal.buttons .active.button:active, -.ui.teal.active.button, -.ui.teal.button .active.button:active { - background-color: @tealActive; - color: @tealTextColor; - text-shadow: @tealTextShadow; -} - -/* Basic */ -.ui.basic.teal.buttons .button, -.ui.basic.teal.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.teal.buttons .button:hover, -.ui.basic.teal.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @tealHover inset !important; - color: @tealHover !important; -} -.ui.basic.teal.buttons .button:active, -.ui.basic.teal.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important; - color: @tealDown !important; -} -.ui.basic.teal.buttons .active.button, -.ui.basic.teal.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @tealDown inset !important; - color: @tealDown !important; -} -.ui.buttons > .basic.teal.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.teal.buttons .button, -.ui.inverted.teal.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important; - color: @lightTeal; -} -.ui.inverted.teal.buttons .button:hover, -.ui.inverted.teal.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important; - background-color: @lightTeal; - color: @black; -} -.ui.inverted.teal.buttons .active.button, -.ui.inverted.teal.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important; - background-color: @lightTeal; - color: @black; -} -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightTealDown inset !important; - background-color: @lightTealDown; - color: @black; -} - -/* Inverted Basic */ -.ui.inverted.teal.basic.buttons .button, -.ui.inverted.teal.buttons .basic.button, -.ui.inverted.teal.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.teal.basic.buttons .button:hover, -.ui.inverted.teal.buttons .basic.button:hover, -.ui.inverted.teal.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important; - color: @lightTeal !important; -} -.ui.inverted.teal.basic.buttons .active.button, -.ui.inverted.teal.buttons .basic.active.button, -.ui.inverted.teal.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightTeal inset !important; - color: @lightTeal !important; -} -.ui.inverted.teal.basic.buttons .button:active, -.ui.inverted.teal.buttons .basic.button:active, -.ui.inverted.teal.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightTealDown inset !important; - color: @lightTeal !important; -} - - -/*--- Yellow ---*/ -.ui.yellow.buttons .button, -.ui.yellow.button { - background-color: @yellow; - color: @yellowTextColor; - text-shadow: @yellowTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.yellow.button { - box-shadow: @coloredBoxShadow; -} -.ui.yellow.buttons .button:hover, -.ui.yellow.button:hover { - background-color: @yellowHover; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.yellow.buttons .button:active, -.ui.yellow.button:active { - background-color: @yellowDown; - color: @yellowTextColor; - text-shadow: @yellowTextShadow; -} -.ui.yellow.buttons .active.button, -.ui.yellow.buttons .active.button:active, -.ui.yellow.active.button, -.ui.yellow.button .active.button:active { - background-color: @yellowActive; - color: @yellowTextColor; - text-shadow: @yellowTextShadow; -} - -/* Basic */ -.ui.basic.yellow.buttons .button, -.ui.basic.yellow.button { - box-shadow: 0px 0px 0px @basicColoredBorderSize @borderColor inset !important; - color: @textColor !important; -} -.ui.basic.yellow.buttons .button:hover, -.ui.basic.yellow.button:hover { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowHover inset !important; - color: @yellowHover !important; -} -.ui.basic.yellow.buttons .button:active, -.ui.basic.yellow.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important; - color: @yellowDown !important; -} -.ui.basic.yellow.buttons .active.button, -.ui.basic.yellow.active.button { - background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @yellowDown inset !important; - color: @yellowDown !important; -} -.ui.buttons > .basic.yellow.button:not(:first-child) { - margin-left: -@basicColoredBorderSize; -} - -/* Inverted */ -.ui.inverted.yellow.buttons .button, -.ui.inverted.yellow.button { - background-color: transparent; - box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important; - color: @lightYellow; -} -.ui.inverted.yellow.buttons .button:hover, -.ui.inverted.yellow.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important; - background-color: @lightYellow; - color: @black; -} -.ui.inverted.yellow.buttons .active.button, -.ui.inverted.yellow.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important; - background-color: @lightYellow; - color: @black; -} -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightYellowDown inset !important; - background-color: @lightYellowDown; - color: @black; -} - -/* Inverted Basic */ -.ui.inverted.yellow.basic.buttons .button, -.ui.inverted.yellow.buttons .basic.button, -.ui.inverted.yellow.basic.button { - background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; -} -.ui.inverted.yellow.basic.buttons .button:hover, -.ui.inverted.yellow.buttons .basic.button:hover, -.ui.inverted.yellow.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important; - color: @lightYellow !important; -} -.ui.inverted.yellow.basic.buttons .active.button, -.ui.inverted.yellow.buttons .basic.active.button, -.ui.inverted.yellow.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @lightYellow inset !important; - color: @lightYellow !important; -} -.ui.inverted.yellow.basic.buttons .button:active, -.ui.inverted.yellow.buttons .basic.button:active, -.ui.inverted.yellow.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @lightYellowDown inset !important; - color: @lightYellow !important; -} - - -/*------------------- - Primary ---------------------*/ - -.ui.primary.buttons .button, -.ui.primary.button { - background-color: @primaryColor; - color: @primaryTextColor; - text-shadow: @primaryTextShadow; - background-image: @primaryBackgroundImage; -} -.ui.primary.button { - box-shadow: @primaryBoxShadow; -} -.ui.primary.buttons .button:hover, -.ui.primary.button:hover { - background-color: @primaryColorHover; - color: @primaryTextColor; - text-shadow: @primaryTextShadow; -} -.ui.primary.buttons .button:active, -.ui.primary.button:active { - background-color: @primaryColorDown; - color: @primaryTextColor; - text-shadow: @primaryTextShadow; -} -.ui.primary.buttons .active.button, -.ui.primary.active.button { - background-color: @primaryColorActive; - color: @primaryTextColor; - text-shadow: @primaryTextShadow; -} - -/*------------------- - Secondary ---------------------*/ - -.ui.secondary.buttons .button, -.ui.secondary.button { - background-color: @secondaryColor; - color: @secondaryTextColor; - text-shadow: @secondaryTextShadow; - background-image: @secondaryBackgroundImage; -} -.ui.secondary.button { - box-shadow: @secondaryBoxShadow; -} -.ui.secondary.buttons .button:hover, -.ui.secondary.button:hover { - background-color: @secondaryColorHover; - color: @secondaryTextColor; - text-shadow: @secondaryTextShadow; -} -.ui.secondary.buttons .button:active, -.ui.secondary.button:active { - background-color: @secondaryColorDown; - color: @secondaryTextColor; - text-shadow: @secondaryTextShadow; -} -.ui.secondary.buttons .active.button, -.ui.secondary.active.button { - background-color: @secondaryColorActive; - color: @secondaryTextColor; - text-shadow: @secondaryTextShadow; -} - -/*--------------- - Positive -----------------*/ - -.ui.positive.buttons .button, -.ui.positive.button { - background-color: @positiveColor !important; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.positive.button { - box-shadow: @coloredBoxShadow; -} -.ui.positive.buttons .button:hover, -.ui.positive.button:hover, -.ui.positive.buttons .active.button, -.ui.positive.active.button { - background-color: @positiveColorHover !important; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.positive.buttons .button:active, -.ui.positive.button:active { - background-color: @positiveColorDown !important; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.positive.buttons .active.button, -.ui.positive.buttons .active.button:active, -.ui.positive.active.button, -.ui.positive.button .active.button:active { - background-color: @positiveColorActive; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - - -/*--------------- - Negative -----------------*/ - -.ui.negative.buttons .button, -.ui.negative.button { - background-color: @negativeColor !important; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; - background-image: @coloredBackgroundImage; -} -.ui.negative.button { - box-shadow: @coloredBoxShadow; -} -.ui.negative.buttons .button:hover, -.ui.negative.button:hover, -.ui.negative.buttons .active.button, -.ui.negative.active.button { - background-color: @negativeColorHover !important; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.negative.buttons .button:active, -.ui.negative.button:active { - background-color: @negativeColorDown !important; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} -.ui.negative.buttons .active.button, -.ui.negative.buttons .active.button:active, -.ui.negative.active.button, -.ui.negative.button .active.button:active { - background-color: @negativeColorActive; - color: @invertedTextColor; - text-shadow: @invertedTextShadow; -} - -/******************************* - Groups -*******************************/ - -.ui.buttons { - display: inline-block; - vertical-align: middle; - margin: @verticalMargin @horizontalMargin 0em 0em; -} -.ui.buttons > .button:hover, -.ui.buttons > .active.button { - position: relative; -} -.ui.buttons:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} -.ui.buttons .button:first-child { - border-left: none; -} - -.ui.buttons:not(.basic):not(.inverted) { - box-shadow: @groupBoxShadow; -} -.ui.buttons > .ui.button:not(.basic):not(.inverted), -.ui.buttons:not(.basic):not(.inverted) > .button { - box-shadow: @groupButtonBoxShadow; -} - - -.ui.buttons .button { - margin: 0em; - float: left; - border-radius: 0em; - margin: @groupButtonOffset; -} - -.ui.buttons .button:first-child { - margin-left: 0em; - border-top-left-radius: @borderRadius; - border-bottom-left-radius: @borderRadius; -} -.ui.buttons .button:last-child { - border-top-right-radius: @borderRadius; - border-bottom-right-radius: @borderRadius; -} - - -/* Vertical Style */ -.ui.vertical.buttons { - display: inline-block; -} -.ui.vertical.buttons .button { - display: block; - float: none; - width: 100%; - margin: @verticalGroupOffset; - box-shadow: @verticalBoxShadow; -} -.ui.vertical.buttons .button:first-child, -.ui.vertical.buttons .mini.button:first-child, -.ui.vertical.buttons .tiny.button:first-child, -.ui.vertical.buttons .small.button:first-child, -.ui.vertical.buttons .massive.button:first-child, -.ui.vertical.buttons .huge.button:first-child { - border-radius: @borderRadius @borderRadius 0px 0px; -} -.ui.vertical.buttons .button:last-child, -.ui.vertical.buttons .mini.button:last-child, -.ui.vertical.buttons .tiny.button:last-child, -.ui.vertical.buttons .small.button:last-child, -.ui.vertical.buttons .massive.button:last-child, -.ui.vertical.buttons .huge.button:last-child, -.ui.vertical.buttons .gigantic.button:last-child { - margin-bottom: 0px; - border-radius: 0px 0px @borderRadius @borderRadius; -} - -.loadUIOverrides(); - -} diff --git a/client/assets/less/lib/semantic/src/definitions/elements/divider.less b/client/assets/less/lib/semantic/src/definitions/elements/divider.less deleted file mode 100755 index c32e9ff..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/divider.less +++ /dev/null @@ -1,254 +0,0 @@ -/*! - * # Semantic UI - Divider - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'divider'; - -@import (multiple) '../../theme.config'; - - -/******************************* - Divider -*******************************/ - -.ui.divider { - margin: @margin; - - line-height: 1; - height: 0em; - - font-weight: @fontWeight; - text-transform: @textTransform; - letter-spacing: @letterSpacing; - color: @color; - - user-select: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -/*-------------- - Basic ----------------*/ - -.ui.divider:not(.vertical):not(.horizontal) { - border-top: @shadowWidth solid @shadowColor; - border-bottom: @highlightWidth solid @highlightColor; -} - -/*-------------- - Coupling ----------------*/ - -.ui.grid > .ui.divider { - font-size: 1rem; -} - - -/*-------------- - Horizontal ----------------*/ - -.ui.horizontal.divider { - position: relative; - - height: auto; - margin: @horizontalMargin; - overflow: hidden; - line-height: 1; - text-align: center; -} - -.ui.horizontal.divider:before, -.ui.horizontal.divider:after { - position: absolute; - top: 50%; - content: ''; - z-index: 3; - - width: 50%; - top: 50%; - height: 0px; - - border-top: @shadowWidth solid @shadowColor; - border-bottom: @highlightWidth solid @highlightColor; -} - -.ui.horizontal.divider:before { - margin-left: @horizontalRulerOffset; -} -.ui.horizontal.divider:after { - margin-left: @horizontalDividerMargin; -} - -/*-------------- - Vertical ----------------*/ - -.ui.vertical.divider { - position: absolute; - z-index: 2; - top: 50%; - left: 50%; - - margin: 0rem; - padding: 0em; - width: auto; - height: 50%; - - line-height: 0em; - text-align: center; - transform: translateX(-50%); -} - -.ui.vertical.divider:before, -.ui.vertical.divider:after { - position: absolute; - left: 50%; - content: ''; - z-index: 3; - - border-left: @shadowWidth solid @shadowColor; - border-right: @highlightWidth solid @highlightColor; - - width: 0%; - height: @verticalDividerHeight; -} - -.ui.vertical.divider:before { - top: -100%; -} -.ui.vertical.divider:after { - top: auto; - bottom: 0px; -} - -/* Inside grid */ -@media only screen and (max-width : (@tabletBreakpoint - 1px)) { - .ui.stackable.grid .ui.vertical.divider, - .ui.grid .stackable.row .ui.vertical.divider { - position: relative; - margin: @margin; - left: 50%; - height: auto; - overflow: hidden; - line-height: 1; - text-align: center; - } - - .ui.stackable.grid .ui.vertical.divider:before, - .ui.grid .stackable.row .ui.vertical.divider:before, - .ui.stackable.grid .ui.vertical.divider:after, - .ui.grid .stackable.row .ui.vertical.divider:after { - position: absolute; - top: 50%; - left: auto; - content: ''; - z-index: 3; - - width: 50%; - top: 50%; - height: 0px; - - border-top: @shadowWidth solid @shadowColor; - border-bottom: @highlightWidth solid @highlightColor; - } - - .ui.stackable.grid .ui.vertical.divider:before, - .ui.grid .stackable.row .ui.vertical.divider:before { - margin-left: -(50% + @horizontalDividerMargin); - } - .ui.stackable.grid .ui.vertical.divider:after, - .ui.grid .stackable.row .ui.vertical.divider:after { - margin-left: @horizontalDividerMargin; - } -} - -/*-------------- - Icon ----------------*/ - -.ui.divider > .icon { - margin: @dividerIconMargin; - font-size: @dividerIconSize; - height: 1em; - vertical-align: middle; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Hidden ----------------*/ - -.ui.hidden.divider { - border-color: transparent !important; -} - -/*-------------- - Inverted ----------------*/ - -.ui.divider.inverted, -.ui.vertical.inverted.divider, -.ui.horizontal.inverted.divider { - color: @invertedTextColor; -} -.ui.divider.inverted, -.ui.divider.inverted:after, -.ui.divider.inverted:before { - border-top-color: @invertedShadowColor !important; - border-bottom-color: @invertedHighlightColor !important; - - border-left-color: @invertedShadowColor !important; - border-right-color: @invertedHighlightColor !important; -} - -/*-------------- - Fitted ----------------*/ - -.ui.fitted.divider { - margin: 0em; -} - -/*-------------- - Clearing ----------------*/ - -.ui.clearing.divider { - clear: both; -} - -/*-------------- - Section ----------------*/ - -.ui.section.divider { - margin-top: @sectionMargin; - margin-bottom: @sectionMargin; -} - -/*-------------- - Sizes ----------------*/ - -.ui.divider { - font-size: @medium; -} - - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/elements/flag.less b/client/assets/less/lib/semantic/src/definitions/elements/flag.less deleted file mode 100755 index c1377ac..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/flag.less +++ /dev/null @@ -1,53 +0,0 @@ -/*! - * # Semantic UI - Flag - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'flag'; - -@import (multiple) '../../theme.config'; - - -/******************************* - Flag -*******************************/ - -i.flag:not(.icon) { - display: inline-block; - - width: @width; - height: @height; - - line-height: @height; - vertical-align: @verticalAlign; - margin: 0em @margin 0em 0em; - - text-decoration: inherit; - - speak: none; - font-smoothing: antialiased; - backface-visibility: hidden; -} - -/* Sprite */ -i.flag:not(.icon):before { - display: inline-block; - content: ''; - background: url(@spritePath) no-repeat 0px 0px; - width: @width; - height: @height; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/elements/header.less b/client/assets/less/lib/semantic/src/definitions/elements/header.less deleted file mode 100755 index 2538314..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/header.less +++ /dev/null @@ -1,620 +0,0 @@ -/*! - * # Semantic UI - Header - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'header'; - -@import (multiple) '../../theme.config'; - - -/******************************* - Header -*******************************/ - -/* Standard */ -.ui.header { - border: none; - margin: @margin; - padding: @verticalPadding @horizontalPadding; - font-family: @fontFamily; - font-weight: @fontWeight; - line-height: @lineHeight; - text-transform: @textTransform; - color: @textColor; -} - -.ui.header:first-child { - margin-top: @firstMargin; -} -.ui.header:last-child { - margin-bottom: @lastMargin; -} - -/*-------------- - Sub Header ----------------*/ - -.ui.header .sub.header { - font-weight: normal; - margin: 0em; - padding: 0em; - font-size: @subHeaderFontSize; - line-height: @subHeaderLineHeight; - color: @subHeaderColor; -} - -/*-------------- - Icon ----------------*/ - -.ui.header > .icon { - display: table-cell; - opacity: @iconOpacity; - font-size: @iconSize; - padding-top: @iconOffset; - vertical-align: @iconAlignment; -} - -/* With Text Node */ -.ui.header .icon:only-child { - display: inline-block; - padding: 0em; - margin-right: @iconMargin; -} - -/*------------------- - Image ---------------------*/ - -.ui.header > .image, -.ui.header > img { - display: inline-block; - margin-top: @imageOffset; - width: @imageWidth; - height: @imageHeight; - vertical-align: @imageAlignment; -} -.ui.header > .image:only-child, -.ui.header > img:only-child { - margin-right: @imageMargin; -} - -/*-------------- - Content ----------------*/ - -.ui.header .content { - display: inline-block; - vertical-align: @contentAlignment; -} - -/* After Image */ -.ui.header > img + .content, -.ui.header > .image + .content { - padding-left: @imageMargin; - vertical-align: @contentImageAlignment; -} - -/* After Icon */ -.ui.header > .icon + .content { - padding-left: @iconMargin; - display: table-cell; - vertical-align: @contentIconAlignment; -} - - -/*-------------- - Loose Coupling ----------------*/ - -.ui.header .ui.label { - margin: 0em 0em 0em @labelDistance; - vertical-align: @labelVerticalAlign; -} - -/* Positioning */ -.ui.header + p { - margin-top: @nextParagraphDistance; -} - - - -/******************************* - Types -*******************************/ - - -/*-------------- - Page ----------------*/ - -h1.ui.header { - font-size: @h1; -} -h2.ui.header { - font-size: @h2; -} -h3.ui.header { - font-size: @h3; -} -h4.ui.header { - font-size: @h4; -} -h5.ui.header { - font-size: @h5; -} - - -/* Sub Header */ -h1.ui.header .sub.header { - font-size: @h1SubHeaderFontSize; -} -h2.ui.header .sub.header { - font-size: @h2SubHeaderFontSize; -} -h3.ui.header .sub.header { - font-size: @h3SubHeaderFontSize; -} -h4.ui.header .sub.header { - font-size: @h4SubHeaderFontSize; -} -h5.ui.header .sub.header { - font-size: @h5SubHeaderFontSize; -} - - -/*-------------- - Content Heading ----------------*/ - -.ui.huge.header { - min-height: 1em; - font-size: @huge; -} -.ui.large.header { - font-size: @large; -} -.ui.medium.header { - font-size: @medium; -} -.ui.small.header { - font-size: @small; -} -.ui.tiny.header { - font-size: @tiny; -} - -/* Sub Header */ -.ui.huge.header .sub.header { - font-size: @hugeSubHeaderFontSize; -} -.ui.large.header .sub.header { - font-size: @hugeSubHeaderFontSize; -} -.ui.header .sub.header { - font-size: @subHeaderFontSize; -} -.ui.small.header .sub.header { - font-size: @smallSubHeaderFontSize; -} -.ui.tiny.header .sub.header { - font-size: @tinySubHeaderFontSize; -} - -/*------------------- - Icon ---------------------*/ - -.ui.icon.header { - display: inline-block; - text-align: center; - margin: @iconHeaderTopMargin 0em @iconHeaderBottomMargin; -} -.ui.icon.header:after { - content: ''; - display: block; - height: 0px; - clear: both; - visibility: hidden; -} - -.ui.icon.header:first-child { - margin-top: @iconHeaderFirstMargin; -} -.ui.icon.header .icon { - float: none; - display: block; - width: auto; - height: auto; - padding: 0em; - font-size: @iconHeaderSize; - margin: 0em auto @iconHeaderMargin; - opacity: @iconHeaderOpacity; -} -.ui.icon.header .content { - display: block; -} -.ui.icon.header .circular.icon { - font-size: @circularHeaderIconSize; -} -.ui.icon.header .square.icon { - font-size: @squareHeaderIconSize; -} -.ui.block.icon.header .icon { - margin-bottom: 0em; -} -.ui.icon.header.aligned { - margin-left: auto; - margin-right: auto; - display: block; -} - -/******************************* - States -*******************************/ - -.ui.disabled.header { - opacity: @disabledOpacity; -} - - -/******************************* - Variations -*******************************/ - - -/*------------------- - Colors ---------------------*/ - -.ui.black.header { - color: @black !important; -} -a.ui.black.header:hover { - color: @blackHover !important; -} - -.ui.blue.header { - color: @blue !important; -} -a.ui.blue.header:hover { - color: @blueHover !important; -} - -.ui.green.header { - color: @green !important; -} -a.ui.green.header:hover { - color: @greenHover !important; -} - -.ui.orange.header { - color: @orange !important; -} -a.ui.orange.header:hover { - color: @orangeHover !important; -} - -.ui.pink.header { - color: @pink !important; -} -a.ui.pink.header:hover { - color: @pinkHover !important; -} - -.ui.purple.header { - color: @purple !important; -} -a.ui.purple.header:hover { - color: @purpleHover !important; -} - -.ui.red.header { - color: @red !important; -} -a.ui.red.header:hover { - color: @redHover !important; -} - -.ui.teal.header { - color: @teal !important; -} -a.ui.teal.header:hover { - color: @tealHover !important; -} - -.ui.yellow.header { - color: @yellow !important; -} -a.ui.yellow.header:hover { - color: @yellowHover !important; -} - -.ui.black.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @blackDividedBorderColor; -} -.ui.blue.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @blueDividedBorderColor; -} -.ui.green.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @greenDividedBorderColor; -} -.ui.orange.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @orangeDividedBorderColor; -} -.ui.pink.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @pinkDividedBorderColor; -} -.ui.purple.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @purpleDividedBorderColor; -} -.ui.red.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @redDividedBorderColor; -} -.ui.teal.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @tealDividedBorderColor; -} -.ui.yellow.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @yellowDividedBorderColor; -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.header { - color: @invertedColor; -} -.ui.inverted.header .sub.header { - color: @invertedSubHeaderColor; -} -.ui.inverted.attached.header { - background: @invertedAttachedBackground; - box-shadow: none; -} -.ui.inverted.block.header { - background: @invertedBlockBackground; - box-shadow: none; -} - - -/*------------------- - Inverted Colors ---------------------*/ - -.ui.inverted.black.header { - color: @darkGrey !important; -} -a.ui.inverted.black.header:hover { - color: @darkGreyHover !important; -} - -.ui.inverted.blue.header { - color: @lightBlue !important; -} -a.ui.inverted.blue.header:hover { - color: @lightBlueHover !important; -} - -.ui.inverted.green.header { - color: @lightGreen !important; -} -a.ui.inverted.green.header:hover { - color: @lightGreenHover !important; -} - -.ui.inverted.orange.header { - color: @lightOrange !important; -} -a.ui.inverted.orange.header:hover { - color: @lightOrangeHover !important; -} - -.ui.inverted.pink.header { - color: @lightPink !important; -} -a.ui.inverted.pink.header:hover { - color: @lightPinkHover !important; -} - -.ui.inverted.purple.header { - color: @lightPurple !important; -} -a.ui.inverted.purple.header:hover { - color: @lightPurpleHover !important; -} - -.ui.inverted.red.header { - color: @lightRed !important; -} -a.ui.inverted.red.header:hover { - color: @lightRedHover !important; -} - -.ui.inverted.teal.header { - color: @lightTeal !important; -} -a.ui.inverted.teal.header:hover { - color: @lightTealHover !important; -} - -.ui.inverted.yellow.header { - color: @lightYellow !important; -} -a.ui.inverted.yellow.header:hover { - color: @lightYellowHover !important; -} - -.ui.inverted.block.header { - border-bottom: none; -} - -/*------------------- - Aligned ---------------------*/ - -.ui.left.aligned.header { - text-align: left; -} -.ui.right.aligned.header { - text-align: right; -} -.ui.centered.header, -.ui.center.aligned.header { - text-align: center; -} -.ui.justified.header { - text-align: justify; -} -.ui.justified.header:after { - display: inline-block; - content: ''; - width: 100%; -} - -/*------------------- - Floated ---------------------*/ - -.ui.floated.header, -.ui[class*="left floated"].header { - float: left; - margin-top: 0em; - margin-right: @floatedMargin; -} -.ui[class*="right floated"].header { - float: right; - margin-top: 0em; - margin-left: @floatedMargin; -} - -/*------------------- - Fittted ---------------------*/ - -.ui.fitted.header { - padding: 0em; -} - - -/*------------------- - Dividing ---------------------*/ - -.ui.dividing.header { - padding-bottom: @dividedBorderPadding; - border-bottom: @dividedBorder; -} -.ui.dividing.header .sub.header { - padding-bottom: @dividedSubHeaderPadding; -} -.ui.dividing.header .icon { - margin-bottom: @dividedIconPadding; -} - -.ui.inverted.dividing.header { - border-bottom-color: @invertedDividedBorderColor; -} - - -/*------------------- - Block ---------------------*/ - -.ui.block.header { - background: @blockBackground; - padding: @blockVerticalPadding @blockHorizontalPadding; - box-shadow: @blockBoxShadow; - border: @blockBorder; - border-radius: @blockBorderRadius; -} - -.ui.tiny.block.header { - font-size: @tinyBlock; -} -.ui.small.block.header { - font-size: @smallBlock; -} -.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: @mediumBlock; -} -.ui.large.block.header { - font-size: @largeBlock; -} -.ui.huge.block.header { - font-size: @hugeBlock; -} - -/*------------------- - Attached ---------------------*/ - -.ui.attached.header { - background: @attachedBackground; - padding: @attachedVerticalPadding @attachedHorizontalPadding; - margin-left: @attachedOffset; - margin-right: @attachedOffset; - box-shadow: @attachedBoxShadow; - border: @attachedBorder; -} -.ui.attached.block.header { - background: @blockBackground; -} - -.ui.attached:not(.top):not(.bottom).header { - margin-top: 0em; - margin-bottom: 0em; - border-top: none; - border-bottom: none; - border-radius: 0em; -} -.ui.top.attached.header { - margin-bottom: 0em; - border-bottom: none; - border-radius: @attachedBorderRadius @attachedBorderRadius 0em 0em; -} -.ui.bottom.attached.header { - margin-top: 0em; - border-top: none; - border-radius: 0em 0em @attachedBorderRadius @attachedBorderRadius; -} - -/* Attached Sizes */ -.ui.tiny.attached.header { - font-size: @tinyAttached; -} -.ui.small.attached.header { - font-size: @smallAttached; -} -.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: @mediumAttached; -} -.ui.large.attached.header { - font-size: @largeAttached; -} -.ui.huge.attached.header { - font-size: @hugeAttached; -} - -/*------------------- - Sizing ---------------------*/ - -.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: @medium; -} - -.loadUIOverrides(); diff --git a/client/assets/less/lib/semantic/src/definitions/elements/icon.less b/client/assets/less/lib/semantic/src/definitions/elements/icon.less deleted file mode 100755 index ce1ea7b..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/icon.less +++ /dev/null @@ -1,341 +0,0 @@ -/*! - * # Semantic UI - Icon - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'icon'; - -@import (multiple) '../../theme.config'; - - -/******************************* - Icon -*******************************/ - -@font-face { - font-family: 'Icons'; - src: @fallbackSRC; - src: @src; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} - -i.icon { - display: inline-block; - opacity: @opacity; - - margin: 0em @distanceFromText 0em 0em; - - width: @width; - height: @height; - - font-family: 'Icons'; - font-style: normal; - line-height: 1; - font-weight: normal; - text-decoration: inherit; - text-align: center; - - speak: none; - font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - backface-visibility: hidden; -} - -i.icon:before { - background: none !important; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Loading ----------------*/ - -i.icon.loading { - height: 1em; - animation: icon-loading @loadingDuration linear infinite; -} -@keyframes icon-loading { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -/******************************* - States -*******************************/ - -i.icon.hover { - opacity: 1; -} - -i.icon.active { - opacity: 1; -} - -i.emphasized.icon { - opacity: 1; -} - -i.disabled.icon { - pointer-events: none; - opacity: @disabledOpacity !important; -} - - -/******************************* - Variations -*******************************/ - - -/*------------------- - Link ---------------------*/ - -i.link.icon { - cursor: pointer; - opacity: @linkOpacity; - transition: opacity @transitionDuration @transitionEasing; -} -i.link.icon:hover { - opacity: 1 !important; -} - -/*------------------- - Circular ---------------------*/ - -i.circular.icon { - border-radius: 500em !important; - - padding: @circularPadding !important; - - box-shadow: @circularShadow; - - line-height: 1 !important; - width: @circularSize !important; - height: @circularSize !important; -} -i.circular.inverted.icon { - border: none; - box-shadow: none; -} - -/*------------------- - Flipped ---------------------*/ - -i.flipped.icon, -i.horizontally.flipped.icon { - transform: scale(-1, 1); -} -i.vertically.flipped.icon { - transform: scale(1, -1); -} - -/*------------------- - Rotated ---------------------*/ - -i.rotated.icon, -i.right.rotated.icon, -i.clockwise.rotated.icon { - transform: rotate(90deg); -} - -i.left.rotated.icon, -i.counterclockwise.rotated.icon { - transform: rotate(-90deg); -} - -/*------------------- - Bordered ---------------------*/ - -i.bordered.icon { - width: @borderedSize; - height: @borderedSize; - - padding: @borderedVerticalPadding @borderedHorizontalPadding !important; - box-shadow: @borderedShadow; - - vertical-align: baseline; -} -i.bordered.inverted.icon { - border: none; - box-shadow: none; -} - -/*------------------- - Colors ---------------------*/ - -i.white.icon { - color: @white !important; -} -i.black.icon { - color: @black !important; -} -i.blue.icon { - color: @blue !important; -} -i.green.icon { - color: @green !important; -} -i.orange.icon { - color: @orange !important; -} -i.pink.icon { - color: @pink !important; -} -i.purple.icon { - color: @purple !important; -} -i.red.icon { - color: @red !important; -} -i.teal.icon { - color: @teal !important; -} -i.yellow.icon { - color: @yellow !important; -} - - -/*------------------- - Inverted ---------------------*/ - -i.inverted.icon { - color: @white; -} -i.inverted.black.icon { - color: @lightBlack !important; -} -i.inverted.blue.icon { - color: @lightBlue !important; -} -i.inverted.green.icon { - color: @lightGreen !important; -} -i.inverted.orange.icon { - color: @lightOrange !important; -} -i.inverted.pink.icon { - color: @lightPink !important; -} -i.inverted.purple.icon { - color: @lightPurple !important; -} -i.inverted.red.icon { - color: @lightRed !important; -} -i.inverted.teal.icon { - color: @lightTeal !important; -} -i.inverted.yellow.icon { - color: @lightYellow !important; -} - -/* Inverted Shapes */ -i.inverted.bordered.icon, -i.inverted.circular.icon { - background-color: #222222 !important; - color: #FFFFFF !important; -} -i.inverted.bordered.black.icon, -i.inverted.circular.black.icon { - background-color: @black !important; - color: #FFFFFF !important; -} -i.inverted.bordered.blue.icon, -i.inverted.circular.blue.icon { - background-color: @blue !important; - color: #FFFFFF !important; -} -i.inverted.bordered.green.icon, -i.inverted.circular.green.icon { - background-color: @green !important; - color: #FFFFFF !important; -} -i.inverted.bordered.orange.icon, -i.inverted.circular.orange.icon { - background-color: @orange !important; - color: #FFFFFF !important; -} -i.inverted.bordered.pink.icon, -i.inverted.circular.pink.icon { - background-color: @pink !important; - color: #FFFFFF !important; -} -i.inverted.bordered.purple.icon, -i.inverted.circular.purple.icon { - background-color: @purple !important; - color: #FFFFFF !important; -} -i.inverted.bordered.red.icon, -i.inverted.circular.red.icon { - background-color: @red !important; - color: #FFFFFF !important; -} -i.inverted.bordered.teal.icon, -i.inverted.circular.teal.icon { - background-color: @teal !important; - color: #FFFFFF !important; -} -i.inverted.bordered.yellow.icon, -i.inverted.circular.yellow.icon { - background-color: @yellow !important; - color: #FFFFFF !important; -} - - -/*------------------- - Sizes ---------------------*/ - -i.small.icon { - font-size: @small; -} -i.icon { - font-size: @medium; -} -i.large.icon { - font-size: @large; - vertical-align: middle; -} -i.big.icon { - font-size: @big; - vertical-align: middle; -} -i.huge.icon { - font-size: @huge; - vertical-align: middle; -} -i.massive.icon { - font-size: @massive; - vertical-align: middle; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/elements/image.less b/client/assets/less/lib/semantic/src/definitions/elements/image.less deleted file mode 100755 index 7d73c14..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/image.less +++ /dev/null @@ -1,304 +0,0 @@ -/*! - * # Semantic UI - Image - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'image'; - -@import (multiple) '../../theme.config'; - -/******************************* - Image -*******************************/ - -.ui.image { - position: relative; - display: inline-block; - vertical-align: middle; - max-width: 100%; - background-color: @placeholderColor; -} - -img.ui.image { - display: block; -} - -.ui.image svg, -.ui.image img { - display: block; - max-width: 100%; - height: auto; -} - - -/******************************* - States -*******************************/ - -.ui.hidden.images, -.ui.hidden.image { - display: none; -} - - -.ui.disabled.images, -.ui.disabled.image { - cursor: default; - opacity: @disabledOpacity; -} - - -/******************************* - Variations -*******************************/ - - -/*-------------- - Inline ----------------*/ - -.ui.inline.image, -.ui.inline.image svg, -.ui.inline.image img { - display: inline-block; -} - -/*------------------ - Vertical Aligned --------------------*/ - -.ui.top.aligned.images .image, -.ui.top.aligned.image, -.ui.top.aligned.image svg, -.ui.top.aligned.image img { - display: inline-block; - vertical-align: top; -} -.ui.middle.aligned.images .image, -.ui.middle.aligned.image, -.ui.middle.aligned.image svg, -.ui.middle.aligned.image img { - display: inline-block; - vertical-align: middle; -} -.ui.bottom.aligned.images .image, -.ui.bottom.aligned.image, -.ui.bottom.aligned.image svg, -.ui.bottom.aligned.image img { - display: inline-block; - vertical-align: bottom; -} - -/*-------------- - Rounded ----------------*/ - -.ui.rounded.images .image, -.ui.rounded.images img, -.ui.rounded.images svg, -.ui.rounded.image img, -.ui.rounded.image svg, -.ui.rounded.image { - border-radius: @roundedBorderRadius; -} - -/*-------------- - Bordered ----------------*/ - -.ui.bordered.images .image, -.ui.bordered.images img, -.ui.bordered.images svg, -.ui.bordered.image img, -.ui.bordered.image svg, -img.ui.bordered.image { - border: @imageBorder; -} - -/*-------------- - Circular ----------------*/ - -.ui.circular.images, -.ui.circular.image { - overflow: hidden; -} - -.ui.circular.images .image, -.ui.circular.images img, -.ui.circular.images svg, -.ui.circular.image img, -.ui.circular.image svg, -.ui.circular.image { - -webkit-border-radius: @circularRadius; - -moz-border-radius: @circularRadius; - border-radius: @circularRadius; -} - -/*-------------- - Fluid ----------------*/ - -.ui.fluid.images, -.ui.fluid.image, -.ui.fluid.images img, -.ui.fluid.images svg, -.ui.fluid.image svg, -.ui.fluid.image img { - display: block; - width: 100%; - height: auto; -} - - -/*-------------- - Avatar ----------------*/ - -.ui.avatar.images .image, -.ui.avatar.images img, -.ui.avatar.images svg, -.ui.avatar.image img, -.ui.avatar.image svg, -.ui.avatar.image { - margin-right: @avatarMargin; - - display: inline-block; - width: @avatarSize; - height: @avatarSize; - - -webkit-border-radius: @circularRadius; - -moz-border-radius: @circularRadius; - border-radius: @circularRadius; -} - - -/*------------------- - Floated ---------------------*/ - -.ui.floated.image, -.ui.floated.images { - float: left; - margin-right: @floatedHorizontalMargin; - margin-bottom: @floatedVerticalMargin; -} -.ui.right.floated.images, -.ui.right.floated.image { - float: right; - margin-right: 0em; - margin-bottom: @floatedVerticalMargin; - margin-left: @floatedHorizontalMargin; -} - -.ui.floated.images:last-child, -.ui.floated.image:last-child { - margin-bottom: 0em; -} - - -.ui.centered.images, -.ui.centered.image { - margin-left: auto; - margin-right: auto; -} - -/*-------------- - Sizes ----------------*/ - -.ui.mini.images .image, -.ui.mini.images img, -.ui.mini.images svg, -.ui.mini.image { - width: @miniWidth; - height: auto; - font-size: @mini; -} -.ui.tiny.images .image, -.ui.tiny.images img, -.ui.tiny.images svg, -.ui.tiny.image { - width: @tinyWidth; - height: auto; - font-size: @tiny; -} -.ui.small.images .image, -.ui.small.images img, -.ui.small.images svg, -.ui.small.image { - width: @smallWidth; - height: auto; - font-size: @small; -} -.ui.medium.images .image, -.ui.medium.images img, -.ui.medium.images svg, -.ui.medium.image { - width: @mediumWidth; - height: auto; - font-size: @medium; -} -.ui.large.images .image, -.ui.large.images img, -.ui.large.images svg, -.ui.large.image { - width: @largeWidth; - height: auto; - font-size: @large; -} -.ui.big.images .image, -.ui.big.images img, -.ui.big.images svg, -.ui.big.image { - width: @bigWidth; - height: auto; - font-size: @big; -} -.ui.huge.images .image, -.ui.huge.images img, -.ui.huge.images svg, -.ui.huge.image { - width: @hugeWidth; - height: auto; - font-size: @huge; -} -.ui.massive.images .image, -.ui.massive.images img, -.ui.massive.images svg, -.ui.massive.image { - width: @massiveWidth; - height: auto; - font-size: @massive; -} - - -/******************************* - Groups -*******************************/ - -.ui.images { - font-size: 0em; - margin: 0em -@imageHorizontalMargin 0rem; -} - -.ui.images .image, -.ui.images img, -.ui.images svg { - display: inline-block; - margin: 0em @imageHorizontalMargin @imageVerticalMargin; -} - -.loadUIOverrides(); diff --git a/client/assets/less/lib/semantic/src/definitions/elements/input.less b/client/assets/less/lib/semantic/src/definitions/elements/input.less deleted file mode 100755 index 3d35ac6..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/input.less +++ /dev/null @@ -1,429 +0,0 @@ -/*! - * # Semantic UI - Input - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'input'; - -@import (multiple) '../../theme.config'; - - -/******************************* - Standard -*******************************/ - - -/*-------------------- - Inputs ----------------------*/ - -.ui.input { - position: relative; - display: inline-block; - color: @inputColor; -} -.ui.input input { - margin: 0em; - width: 100%; - outline: none; - -webkit-tap-highlight-color: rgba(255, 255, 255, 0); - text-align: @textAlign; - line-height: @lineHeight; - - font-family: @inputFont; - padding: @padding; - - background: @background; - border: @border; - color: @inputColor; - border-radius: @borderRadius; - transition: @transition; - - box-shadow: @boxShadow; -} - - -/*-------------------- - Placeholder ----------------------*/ - -/* browsers require these rules separate */ -.ui.input input::-webkit-input-placeholder { - color: @placeholderColor; -} -.ui.input input::-moz-placeholder { - color: @placeholderColor; -} - - -/******************************* - States -*******************************/ - -/*-------------------- - Active ----------------------*/ - -.ui.input input:active, -.ui.input.down input { - border-color: @downBorderColor; - background: @downBackground; - color: @downColor; - box-shadow: @downBoxShadow; -} - -/*-------------------- - Loading ----------------------*/ - -.ui.loading.loading.input > i.icon:before { - position: absolute; - content: ''; - top: 50%; - left: 50%; - - margin: @loaderMargin; - width: @loaderSize; - height: @loaderSize; - - border-radius: @circularRadius; - border: @loaderLineWidth solid @loaderFillColor; -} -.ui.loading.loading.input > i.icon:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - - margin: @loaderMargin; - width: @loaderSize; - height: @loaderSize; - - animation: button-spin @loaderSpeed linear; - animation-iteration-count: infinite; - - border-radius: @circularRadius; - - border-color: @loaderLineColor transparent transparent; - border-style: solid; - border-width: @loaderLineWidth; - - box-shadow: 0px 0px 0px 1px transparent; -} - - -/*-------------------- - Focus ----------------------*/ - -.ui.input.focus input, -.ui.input input:focus { - border-color: @focusBorderColor; - background: @focusBackground; - color: @focusColor; - box-shadow: @focusBoxShadow; -} -.ui.input.focus input input::-webkit-input-placeholder, -.ui.input input:focus input::-webkit-input-placeholder { - color: @placeholderFocusColor; -} -.ui.input.focus input input::-moz-placeholder, -.ui.input input:focus input::-moz-placeholder { - color: @placeholderFocusColor; -} - - -/*-------------------- - Error ----------------------*/ - -.ui.input.error input { - background-color: @errorBackground; - border-color: @errorBorder; - color: @errorColor; - box-shadow: @errorBoxShadow; -} - -/* Error Placeholder */ -.ui.input.error input ::-webkit-input-placeholder { - color: @placeholderErrorColor; -} -.ui.input.error input ::-moz-placeholder { - color: @placeholderErrorColor; -} - -/* Focused Error Placeholder */ -.ui.input.error input :focus::-webkit-input-placeholder { - color: @placeholderErrorFocusColor; -} -.ui.input.error input :focus::-moz-placeholder { - color: @placeholderErrorFocusColor; -} - -/******************************* - Variations -*******************************/ - -/*-------------------- - Transparent ----------------------*/ - -.ui.transparent.input input { - border-color: transparent; - background-color: transparent; - padding: 0em; -} - -/* Transparent Icon */ -.ui.transparent.icon.input > i.icon { - width: @transparentIconWidth; -} -.ui.transparent.icon.input > input { - padding-left: 0em !important; - padding-right: @transparentIconMargin !important; -} -.ui.transparent[class*="left icon"].input > input { - padding-left: 0em !important; - padding-left: @transparentIconMargin !important; -} - -/* Transparent Inverted */ -.ui.transparent.inverted.input input::-moz-placeholder { - color: @transparentInvertedPlaceholderColor; -} -.ui.transparent.inverted.input { - color: @transparentInvertedColor; -} -.ui.transparent.inverted.input input { - color: inherit; -} - - -/*-------------------- - Icon ----------------------*/ - -.ui.icon.input > i.icon { - cursor: default; - position: absolute; - text-align: center; - top: 0px; - right: 0px; - margin: 0em; - height: 100%; - - width: @iconWidth; - opacity: @iconOpacity; - border-radius: 0em @borderRadius @borderRadius 0em; - transition: @iconTransition; -} -.ui.icon.input input { - padding-right: @iconMargin !important; -} - -.ui.icon.input > i.icon:before, -.ui.icon.input > i.icon:after { - left: 0; - position: absolute; - text-align: center; - top: 50%; - width: 100%; - margin-top: @iconOffset; -} -.ui.icon.input > i.link.icon { - cursor: pointer; -} -.ui.icon.input > i.circular.icon { - top: @circularIconVerticalOffset; - right: @circularIconHorizontalOffset; -} - -/* Left Icon Input */ -.ui[class*="left icon"].input > i.icon { - right: auto; - left: @borderWidth; - border-radius: @borderRadius 0em 0em @borderRadius; -} -.ui[class*="left icon"].input > i.circular.icon { - right: auto; - left: @circularIconHorizontalOffset; -} -.ui[class*="left icon"].input > input { - padding-left: @iconMargin !important; - padding-right: @horizontalPadding !important; -} - -/* Focus */ -.ui.icon.input > input:focus ~ i.icon { - opacity: 1; -} - -/*-------------------- - Labeled ----------------------*/ - -/* Adjacent Label */ -.ui.labeled.input { - display: inline-flex; -} -.ui.labeled.input > .label { - flex: 1 0 auto; - margin: 0; - font-size: 1em; -} -.ui.labeled.input > .label:not(.corner) { - padding-top: @verticalPadding; - padding-bottom: @verticalPadding; -} - -/* Fluid Labeled */ -.ui.fluid.labeled.input { - display: flex; -} - -/* Label on Left */ -.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input { - border-left: none; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} -.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; -} - -/* Label on Right */ -.ui[class*="right labeled"].input > input { - border-right: none; - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; -} -.ui[class*="right labeled"].input > .label { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - - -/* Corner Label */ -.ui.labeled.input .corner.label { - top: @labelCornerTop; - right: @labelCornerRight; - font-size: @labelCornerSize; - border-radius: 0em @borderRadius 0em 0em; -} -.ui.labeled.input input { - padding-right: @labeledMargin !important; -} - -/* Spacing with corner label */ -.ui[class*="corner labeled"].icon.input:not(.left) > input { - padding-right: @labeledIconInputMargin !important; -} -.ui[class*="corner labeled"].icon.input:not(.left) > .icon { - margin-right: @labeledIconMargin; -} - -/*-------------------- - Action ----------------------*/ - -.ui.action.input { - display: inline-flex; -} - -.ui.action.input > .button, -.ui.action.input > .buttons { - flex: 1 0 auto; -} -.ui.action.input > .button, -.ui.action.input > .buttons > .button { - padding-top: @verticalPadding; - padding-bottom: @verticalPadding; - margin: 0; -} - -/* Fluid */ -.ui.fluid.action.input { - display: flex; -} - -/* Button on Right */ -.ui.action.input:not([class*="left action"]) > input { - border-right: none; - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; -} -.ui.action.input:not([class*="left action"]) > .button, -.ui.action.input:not([class*="left action"]) > .buttons > .button { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -/* Button on Left */ -.ui[class*="left action"].input > .button, -.ui[class*="left action"].input > .buttons > .button { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; -} -.ui[class*="left action"].input > input { - border-left: none; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; -} - -/*-------------------- - Inverted ----------------------*/ - -/* Standard */ -.ui.inverted.input input { - border: none; -} - - -/*-------------------- - Fluid ----------------------*/ - -.ui.fluid.input { - display: block; -} - -/*-------------------- - Size ----------------------*/ - -.ui.mini.input { - font-size: @mini; -} -.ui.small.input { - font-size: @small; -} -.ui.input { - font-size: @medium; -} -.ui.large.input { - font-size: @large; -} -.ui.big.input { - font-size: @big; -} -.ui.huge.input { - font-size: @huge; -} -.ui.massive.input { - font-size: @massive; -} - -.loadUIOverrides(); diff --git a/client/assets/less/lib/semantic/src/definitions/elements/label.less b/client/assets/less/lib/semantic/src/definitions/elements/label.less deleted file mode 100755 index bb87c4e..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/label.less +++ /dev/null @@ -1,969 +0,0 @@ -/*! - * # Semantic UI - Label - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'label'; - -@import (multiple) '../../theme.config'; - -/******************************* - Label -*******************************/ - -.ui.label { - display: inline-block; - vertical-align: @verticalAlign; - line-height: 1; - - margin: @verticalMargin @horizontalMargin; - - background-color: @backgroundColor; - border-color: @backgroundColor; - - background-image: @backgroundImage; - - padding: @verticalPadding @horizontalPadding; - color: @labelTextColor; - - text-transform: @textTransform; - font-weight: @fontWeight; - - border-radius: @borderRadius; - box-sizing: border-box; - transition: @transition; -} - -.ui.label:first-child { - margin-left: 0em; -} -.ui.label:last-child { - margin-right: 0em; -} - - -/* Link */ -a.ui.label { - cursor: pointer; -} - -/* Inside Link */ -.ui.label a { - cursor: pointer; - color: inherit; - opacity: @linkOpacity; - transition: @linkTransition; -} -.ui.label a:hover { - opacity: 1; -} - -/* Icon */ -.ui.label .icon { - width: auto; - margin: 0em @iconDistance 0em 0em; -} -/* Detail */ -.ui.label .detail { - display: inline-block; - vertical-align: top; - font-weight: @detailFontWeight; - margin-left: @detailMargin; - opacity: @detailOpacity; -} -.ui.label .detail .icon { - margin: 0em @detailIconDistance 0em 0em; -} - - -/* Removable label */ -.ui.label .close.icon, -.ui.label .delete.icon { - cursor: pointer; - margin-right: 0em; - margin-left: @deleteMargin; - opacity: @linkOpacity; - transition: @deleteTransition; -} -.ui.label .delete.icon:hover { - opacity: 1; -} - -/*------------------- - Group ---------------------*/ - -.ui.labels .label { - margin: 0em @groupHorizontalMargin @groupVerticalMargin 0em; -} - - -/*------------------- - Coupling ---------------------*/ - -/* Remove border radius on attached segment */ -.ui.attached.segment > .ui.top.left.attached.label, -.ui.bottom.attached.segment > .ui.top.left.attached.label { - border-top-left-radius: 0; -} -.ui.attached.segment > .ui.top.right.attached.label, -.ui.bottom.attached.segment > .ui.top.right.attached.label { - border-top-right-radius: 0; -} -.ui.top.attached.segment > .ui.bottom.left.attached.label { - border-bottom-left-radius: 0; -} -.ui.top.attached.segment > .ui.bottom.right.attached.label { - border-bottom-right-radius: 0; -} - -/* Padding on next content after a label */ -.ui.top.attached.label:first-child + :not(.attached) { - margin-top: @attachedSegmentPadding !important; -} -.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { - margin-top: 0em; - margin-bottom: @attachedSegmentPadding !important; -} - - -/******************************* - Types -*******************************/ - -.ui.image.label { - width: auto !important; - margin-top: 0em; - margin-bottom: 0em; - max-width: 9999px; - vertical-align: baseline; - text-transform: none; - - background: @imageLabelBackground; - padding: @imageLabelPadding; - border-radius: @imageLabelBorderRadius; - box-shadow: @imageLabelBoxShadow; -} - -.ui.image.label img { - display: inline-block; - vertical-align: top; - - height: @imageLabelImageHeight; - margin: @imageLabelImageMargin; - border-radius: @imageLabelBorderRadius; -} - -.ui.image.label .detail { - background: @imageLabelDetailBackground; - margin: @imageLabelDetailMargin; - padding: @imageLabelDetailPadding; - border-radius: 0em @imageLabelBorderRadius @imageLabelBorderRadius 0em; -} - -/*------------------- - Tag ---------------------*/ - -.ui.tag.labels .label, -.ui.tag.label { - margin-left: 1em; - position: relative; - padding-left: @tagHorizontalPadding; - padding-right: @tagHorizontalPadding; - - border-radius: 0em @borderRadius @borderRadius 0em; -} -.ui.tag.labels .label:before, -.ui.tag.label:before { - position: absolute; - transform: translateY(-50%) translateX(50%) rotate(-45deg); - - top: @tagTriangleTopOffset; - right: @tagTriangleRightOffset; - content: ''; - - background-color: @backgroundColor; - background-image: @backgroundImage; - - width: @tagTriangleSize; - height: @tagTriangleSize; - transition: @tagTransition; -} - - -.ui.tag.labels .label:after, -.ui.tag.label:after { - position: absolute; - content: ''; - top: 50%; - left: -(@tagCircleSize / 2); - - margin-top: -(@tagCircleSize / 2); - background-color: @tagCircleColor !important; - width: @tagCircleSize; - height: @tagCircleSize; - - box-shadow: @tagCircleBoxShadow; - border-radius: @circularRadius; -} - - -/*------------------- - Corner Label ---------------------*/ - -.ui.corner.label { - position: absolute; - top: 0em; - right: 0em; - margin: 0em; - padding: 0em; - text-align: center; - - width: @cornerTriangleSize; - height: @cornerTriangleSize; - z-index: @cornerTriangleZIndex; - transition: @cornerTriangleTransition; -} - -/* Icon Label */ -.ui.corner.label{ - background-color: transparent !important; -} -.ui.corner.label:after { - position: absolute; - content: ""; - right: 0em; - top: 0em; - z-index: -1; - - width: 0em; - height: 0em; - background-color: transparent !important; - - border-top: 0em solid transparent; - border-right: @cornerTriangleSize solid transparent; - border-bottom: @cornerTriangleSize solid transparent; - border-left: 0em solid transparent; - - border-right-color: inherit; - transition: @cornerTriangleTransition; -} - -.ui.corner.label .icon { - position: relative; - top: @cornerIconTopOffset; - left: @cornerIconLeftOffset; - font-size: @cornerIconSize; - margin: 0em; -} - -/* Left Corner */ -.ui.left.corner.label, -.ui.left.corner.label:after { - right: auto; - left: 0em; -} -.ui.left.corner.label:after { - border-top: @cornerTriangleSize solid transparent; - border-right: @cornerTriangleSize solid transparent; - border-bottom: 0em solid transparent; - border-left: 0em solid transparent; - - border-top-color: inherit; -} -.ui.left.corner.label .icon { - left: -@cornerIconLeftOffset; -} - -/* Segment */ -.ui.segment > .ui.corner.label { - top: -1px; - right: -1px; -} -.ui.segment > .ui.left.corner.label { - right: auto; - left: -1px; -} - -/* Input */ -.ui.input > .ui.corner.label { - top: 1px; - right: 1px; -} -.ui.input > .ui.right.corner.label { - right: auto; - left: 1px; -} - - -/*------------------- - Ribbon ---------------------*/ - -.ui.ribbon.label { - position: relative; - margin: 0em; - min-width: max-content; - border-radius: 0em @borderRadius @borderRadius 0em; - border-color: @ribbonShadowColor; -} - -.ui.ribbon.label:after { - position: absolute; - content: ''; - - top: 100%; - left: 0%; - background-color: transparent !important; - - border-style: solid; - border-width: 0em @ribbonTriangleSize @ribbonTriangleSize 0em; - border-color: transparent; - border-right-color: inherit; - - width: 0em; - height: 0em; -} - -/* Right Ribbon */ -.ui[class*="right ribbon"].label { - text-align: left; - transform: translateX(-100%); - border-radius: @borderRadius 0em 0em @borderRadius; - padding-left: @horizontalPadding; -} -.ui[class*="right ribbon"].label:after { - left: auto; - right: 0%; - - border-style: solid; - border-width: @ribbonTriangleSize @ribbonTriangleSize 0em 0em; - border-color: transparent; - border-top-color: inherit; -} - -/* Positioning */ -.ui.ribbon.label { - left: @ribbonOffset; - margin-right: -@ribbonTriangleSize; - padding-left: @ribbonDistance; -} -.ui[class*="right ribbon"].label { - left: @rightRibbonOffset; - padding-right: @ribbonDistance; -} - - -/* Inside Image */ -.ui.image > .ribbon.label, -.ui.card .image > .ribbon.label { - position: absolute; - top: @ribbonImageTopDistance; -} -.ui.card .image > .ui.ribbon.label, -.ui.image > .ui.ribbon.label { - left: @ribbonImageOffset; - padding-left: @ribbonImageDistance; -} -.ui.card .image > .ui[class*="right ribbon"].label, -.ui.image > .ui[class*="right ribbon"].label { - left: @rightRibbonImageOffset; - padding-left: @horizontalPadding; - padding-right: @ribbonImageDistance; -} - - -/*------------------- - Attached ---------------------*/ - -.ui.top.attached.label, -.ui.attached.label { - width: 100%; - position: absolute; - margin: 0em; - top: 0em; - left: 0em; - - padding: @attachedVerticalPadding @attachedHorizontalPadding; - - border-radius: @borderRadius @borderRadius 0em 0em; -} -.ui.bottom.attached.label { - top: auto; - bottom: 0em; - border-radius: 0em 0em @borderRadius @borderRadius; -} - -.ui.top.left.attached.label { - width: auto; - margin-top: 0em !important; - border-radius: @borderRadius 0em @borderRadius 0em; -} - -.ui.top.right.attached.label { - width: auto; - left: auto; - right: 0em; - border-radius: 0em @borderRadius 0em @borderRadius; -} -.ui.bottom.left.attached.label { - width: auto; - top: auto; - bottom: 0em; - border-radius: 0em @borderRadius 0em @borderRadius; -} -.ui.bottom.right.attached.label { - top: auto; - bottom: 0em; - left: auto; - right: 0em; - width: auto; - border-radius: @borderRadius 0em @borderRadius 0em; -} - - -/******************************* - States -*******************************/ - -/*------------------- - Disabled ---------------------*/ - -.ui.label.disabled { - opacity: 0.5; -} - -/*------------------- - Hover ---------------------*/ - -a.ui.labels .label:hover, -a.ui.label:hover { - background-color: @labelHoverBackgroundColor; - border-color: @labelHoverBackgroundColor; - - background-image: @labelHoverBackgroundImage; - color: @labelHoverTextColor; -} -.ui.labels a.label:hover:before, -a.ui.label:hover:before { - background-color: @labelHoverBackgroundColor; - background-image: @labelHoverBackgroundImage; - color: @labelHoverTextColor; -} - -/*------------------- - Visible ---------------------*/ - -.ui.labels.visible .label, -.ui.label.visible { - display: inline-block !important; -} - -/*------------------- - Hidden ---------------------*/ - -.ui.labels.hidden .label, -.ui.label.hidden { - display: none !important; -} - - -/******************************* - Variations -*******************************/ - - -/*------------------- - Colors ---------------------*/ - -/*--- Black ---*/ -.ui.black.labels .label, -.ui.black.label { - background-color: @black !important; - border-color: @black !important; - color: @invertedTextColor !important; -} -.ui.labels .black.label:before, -.ui.black.labels .label:before, -.ui.black.label:before { - background-color: @black !important; -} -a.ui.black.labels .label:hover, -a.ui.black.label:hover { - background-color: @blackHover !important; - border-color: @blackHover !important; -} -.ui.labels a.black.label:hover:before, -.ui.black.labels a.label:hover:before, -a.ui.black.label:hover:before { - background-color: @blackHover !important; -} -.ui.black.corner.label, -.ui.black.corner.label:hover { - background-color: transparent !important; -} -.ui.black.ribbon.label { - border-color: @blackRibbonShadow !important; -} - -/*--- Blue ---*/ -.ui.blue.labels .label, -.ui.blue.label { - background-color: @blue !important; - border-color: @blue !important; - color: @invertedTextColor !important; -} -.ui.labels .blue.label:before, -.ui.blue.labels .label:before, -.ui.blue.label:before { - background-color: @blue !important; -} -a.ui.blue.labels .label:hover, -.ui.blue.labels a.label:hover, -a.ui.blue.label:hover { - background-color: @blueHover !important; - border-color: @blueHover !important; - color: @invertedTextColor !important; -} -.ui.labels a.blue.label:hover:before, -.ui.blue.labels a.label:hover:before, -a.ui.blue.label:hover:before { - background-color: @blueHover !important; -} -.ui.blue.corner.label, -.ui.blue.corner.label:hover { - background-color: transparent !important; -} -.ui.blue.ribbon.label { - border-color: @blueRibbonShadow !important; -} - -/*--- Green ---*/ -.ui.green.labels .label, -.ui.green.label { - background-color: @green !important; - border-color: @green !important; - color: @invertedTextColor !important; -} -.ui.labels .green.label:before, -.ui.green.labels .label:before, -.ui.green.label:before { - background-color: @green !important; -} - -a.ui.green.labels .label:hover, -a.ui.green.label:hover { - background-color: @greenHover !important; - border-color: @greenHover !important; -} -.ui.labels a.green.label:hover:before, -.ui.green.labels a.label:hover:before, -a.ui.green.label:hover:before { - background-color: @greenHover !important; -} - -.ui.green.corner.label, -.ui.green.corner.label:hover { - background-color: transparent !important; -} -.ui.green.ribbon.label { - border-color: @greenRibbonShadow !important; -} - -/*--- Orange ---*/ -.ui.orange.labels .label, -.ui.orange.label { - background-color: @orange !important; - border-color: @orange !important; - color: @invertedTextColor !important; -} -.ui.labels .orange.label:before, -.ui.orange.labels .label:before, -.ui.orange.label:before { - background-color: @orange !important; -} -a.ui.orange.labels .label:hover, -.ui.orange.labels a.label:hover, -a.ui.orange.label:hover { - background-color: @orangeHover !important; - border-color: @orangeHover !important; - color: @invertedTextColor !important; -} -.ui.labels a.orange.label:hover:before, -.ui.orange.labels a.label:hover:before, -a.ui.orange.label:hover:before { - background-color: @orangeHover !important; -} -.ui.orange.corner.label, -.ui.orange.corner.label:hover { - background-color: transparent !important; -} -.ui.orange.ribbon.label { - border-color: @orangeRibbonShadow !important; -} - -/*--- Pink ---*/ -.ui.pink.labels .label, -.ui.pink.label { - background-color: @pink !important; - border-color: @pink !important; - color: @invertedTextColor !important; -} -.ui.labels .pink.label:before, -.ui.pink.labels .label:before, -.ui.pink.label:before { - background-color: @pink !important; -} -a.ui.pink.labels .label:hover, -.ui.pink.labels a.label:hover, -a.ui.pink.label:hover { - background-color: @pinkHover !important; - border-color: @pinkHover !important; - color: @invertedTextColor !important; -} -.ui.labels a.pink.label:hover:before, -.ui.pink.labels a.label:hover:before, -a.ui.pink.label:hover:before { - background-color: @pinkHover !important; -} -.ui.pink.corner.label, -.ui.pink.corner.label:hover { - background-color: transparent !important; -} -.ui.pink.ribbon.label { - border-color: @pinkRibbonShadow !important; -} - -/*--- Purple ---*/ -.ui.purple.labels .label, -.ui.purple.label { - background-color: @purple !important; - border-color: @purple !important; - color: @invertedTextColor !important; -} -.ui.labels .purple.label:before, -.ui.purple.labels .label:before, -.ui.purple.label:before { - background-color: @purple !important; -} -a.ui.purple.labels .label:hover, -.ui.purple.labels a.label:hover, -a.ui.purple.label:hover { - background-color: @purpleHover !important; - border-color: @purpleHover !important; - color: @invertedTextColor !important; -} -.ui.labels a.purple.label:hover:before, -.ui.purple.labels a.label:hover:before, -a.ui.purple.label:hover:before { - background-color: @purpleHover !important; -} -.ui.purple.corner.label, -.ui.purple.corner.label:hover { - background-color: transparent !important; -} -.ui.purple.ribbon.label { - border-color: @purpleRibbonShadow !important; -} - -/*--- Red ---*/ -.ui.red.labels .label, -.ui.red.label { - background-color: @red !important; - border-color: @red !important; - color: @invertedTextColor !important; -} -.ui.labels .red.label:before, -.ui.red.labels .label:before, -.ui.red.label:before { - background-color: @red !important; -} -.ui.red.corner.label, -.ui.red.corner.label:hover { - background-color: transparent !important; -} - -a.ui.red.labels .label:hover, -a.ui.red.label:hover{ - background-color: @redHover !important; - border-color: @redHover !important; - color: @invertedTextColor !important; -} -.ui.labels a.red.label:hover:before, -.ui.red.labels a.label:hover:before, -a.ui.red.label:hover:before { - background-color: @redHover !important; -} -.ui.red.ribbon.label { - border-color: @redRibbonShadow !important; -} - -/*--- Teal ---*/ -.ui.teal.labels .label, -.ui.teal.label { - background-color: @teal !important; - border-color: @teal !important; - color: @invertedTextColor !important; -} -.ui.labels .teal.label:before, -.ui.teal.labels .label:before, -.ui.teal.label:before { - background-color: @teal !important; -} -a.ui.teal.labels .label:hover, -.ui.teal.labels a.label:hover, -a.ui.teal.label:hover { - background-color: @tealHover !important; - border-color: @tealHover !important; - color: @invertedTextColor !important; -} -.ui.labels a.teal.label:hover:before, -.ui.teal.labels a.label:hover:before, -a.ui.teal.label:hover:before { - background-color: @tealHover !important; -} -.ui.teal.corner.label, -.ui.teal.corner.label:hover { - background-color: transparent !important; -} -.ui.teal.ribbon.label { - border-color: @tealRibbonShadow !important; -} - -/*--- Yellow ---*/ -.ui.yellow.labels .label, -.ui.yellow.label { - background-color: @yellow !important; - border-color: @yellow !important; - color: @invertedTextColor !important; -} -.ui.labels .yellow.label:before, -.ui.yellow.labels .label:before, -.ui.yellow.label:before { - background-color: @yellow !important; -} -a.ui.yellow.labels .label:hover, -.ui.yellow.labels a.label:hover, -a.ui.yellow.label:hover { - background-color: @yellowHover !important; - border-color: @yellowHover !important; - color: @invertedTextColor !important; -} -.ui.labels a.yellow.label:hover:before, -.ui.yellow.labels a.label:hover:before, -a.ui.yellow.label:hover:before { - background-color: @yellowHover !important; -} -.ui.yellow.corner.label, -.ui.yellow.corner.label:hover { - background-color: transparent !important; -} -.ui.yellow.ribbon.label { - border-color: @yellowRibbonShadow !important; -} - -/*------------------- - Fluid ---------------------*/ - -.ui.label.fluid, -.ui.fluid.labels > .label { - width: 100%; - box-sizing: border-box; -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.labels .label, -.ui.inverted.label { - color: @invertedTextColor !important; -} - -/*------------------- - Horizontal ---------------------*/ - -.ui.horizontal.labels .label, -.ui.horizontal.label { - margin: 0em @horizontalLabelMargin 0em 0em; - - padding: @horizontalLabelVerticalPadding @horizontalPadding; - min-width: @horizontalLabelMinWidth; - text-align: center; -} - - -/*------------------- - Circular ---------------------*/ - -.ui.circular.labels .label, -.ui.circular.label { - min-width: @circularMinSize; - min-height: @circularMinSize; - - padding: @circularPadding !important; - - line-height: 1em; - text-align: center; - border-radius: @circularRadius; -} -.ui.empty.circular.labels .label, -.ui.empty.circular.label { - min-width: 0em; - min-height: 0em; - overflow: hidden; - width: @emptyCircleSize; - height: @emptyCircleSize; - vertical-align: baseline; -} - -/*------------------- - Pointing ---------------------*/ - -.ui.pointing.label { - position: relative; -} -.ui.attached.pointing.label { - position: absolute; -} - -.ui.pointing.label:before { - position: absolute; - content: ''; - transform: rotate(45deg); - background-image: none; - - z-index: @pointingTriangleZIndex; - width: @pointingTriangleSize; - height: @pointingTriangleSize; - transition: @pointingTriangleTransition; -} -/*--- Above ---*/ -.ui.pointing.label:before { - background-color: @backgroundColor; - background-image: @backgroundImage; -} -.ui.pointing.label, -.ui.pointing.above.label { - margin-top: @pointingVerticalDistance; -} -.ui.pointing.label:before, -.ui.pointing.above.label:before { - margin-left: -@pointingTriangleOffset; - top: -@pointingTriangleOffset; - left: 50%; -} -/*--- Below ---*/ -.ui.pointing.bottom.label, -.ui.pointing.below.label { - margin-top: 0em; - margin-bottom: @pointingVerticalDistance; -} -.ui.pointing.bottom.label:before, -.ui.pointing.below.label:before { - margin-left: -@pointingTriangleOffset; - top: auto; - right: auto; - bottom: -@pointingTriangleOffset; - left: 50%; -} -/*--- Left ---*/ -.ui.pointing.left.label { - margin-top: 0em; - margin-left: @pointingHorizontalDistance; -} -.ui.pointing.left.label:before { - margin-top: -@pointingTriangleOffset; - bottom: auto; - right: auto; - top: 50%; - left: 0em; -} -/*--- Right ---*/ -.ui.pointing.right.label { - margin-top: 0em; - margin-right: @pointingHorizontalDistance; -} -.ui.pointing.right.label:before { - margin-top: -@pointingTriangleOffset; - right: -@pointingTriangleOffset; - top: 50%; - bottom: auto; - left: auto; -} - -/*------------------ - Floating Label --------------------*/ - -.ui.floating.label { - position: absolute; - z-index: @floatingZIndex; - top: @floatingTopOffset; - left: 100%; - margin: 0em 0em 0em @floatingLeftOffset !important; -} - -/*------------------- - Sizes ---------------------*/ - -.ui.mini.labels .label, -.ui.mini.label { - font-size: @mini; -} -.ui.tiny.labels .label, -.ui.tiny.label { - font-size: @tiny; -} -.ui.small.labels .label, -.ui.small.label { - font-size: @small; -} -.ui.labels .label, -.ui.label { - font-size: @medium; -} -.ui.large.labels .label, -.ui.large.label { - font-size: @large; -} -.ui.big.labels .label, -.ui.big.label { - font-size: @big; -} -.ui.huge.labels .label, -.ui.huge.label { - font-size: @huge; -} -.ui.massive.labels .label, -.ui.massive.label { - font-size: @massive; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/elements/list.less b/client/assets/less/lib/semantic/src/definitions/elements/list.less deleted file mode 100755 index 3f27d64..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/list.less +++ /dev/null @@ -1,882 +0,0 @@ -/*! - * # Semantic UI - List - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributorss - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'list'; - -@import (multiple) '../../theme.config'; - -/******************************* - List -*******************************/ - -ul.ui.list, -ol.ui.list, -.ui.list { - list-style-type: @listStyleType; - margin: @margin; - padding: @verticalPadding @horizontalPadding; -} - -ul.ui.list:first-child, -ol.ui.list:first-child, -.ui.list:first-child { - margin-top: 0em; - padding-top: 0em; -} - -ul.ui.list:last-child, -ol.ui.list:last-child, -.ui.list:last-child { - margin-bottom: 0em; - padding-bottom: 0em; -} - -/******************************* - Content -*******************************/ - -/* List Item */ -ul.ui.list li, -ol.ui.list li, -.ui.list > .item, -.ui.list .list > .item { - display: list-item; - table-layout: fixed; - list-style-type: @listStyleType; - list-style-position: @listStylePosition; - - padding: @itemVerticalPadding @itemHorizontalPadding; - line-height: @itemLineHeight; -} - -ul.ui.list > li:first-child:after, -ol.ui.list > li:first-child:after, -.ui.list > .list > .item, -.ui.list > .item:after { - content: ''; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -ul.ui.list li:first-child, -ol.ui.list li:first-child, -.ui.list .list > .item:first-child, -.ui.list > .item:first-child { - padding-top: 0em; -} -ul.ui.list li:last-child, -ol.ui.list li:last-child, -.ui.list .list > .item:last-child, -.ui.list > .item:last-child { - padding-bottom: 0em; -} - -/* Child List */ -ul.ui.list ul, -ol.ui.list ol, -.ui.list .list { - clear: both; - margin: 0em; - padding: @childListPadding; -} - -/* Icon */ -.ui.list .list > .item > i.icon, -.ui.list > .item > i.icon { - display: table-cell; - margin: 0em; - padding-top: @iconOffset; - padding-right: @iconDistance; - vertical-align: @iconContentVerticalAlign; - transition: @iconTransition; -} -.ui.list .list > .item i[class*="top aligned"].icon, -.ui.list > .item > i[class*="top aligned"].icon { - vertical-align: top; -} -.ui.list .list > .item > i.icon:only-child, -.ui.list > .item > i.icon:only-child { - display: inline-block; - vertical-align: @iconVerticalAlign; -} - - -/* Image */ -.ui.list .list > .item > .image, -.ui.list > .item > .image { - display: table-cell; - background-color: transparent; - margin: 0em; - padding-right: @imageDistance; - vertical-align: @imageAlign; -} -.ui.list .list > .item > [class*="top aligned"].image, -.ui.list > .item > [class*="top aligned"].image { - vertical-align: top; -} -.ui.list .list > .item > .image img, -.ui.list > .item > .image img { - vertical-align: @imageAlign; -} - -.ui.list .list > .item > img.image, -.ui.list .list > .item > .image:only-child, -.ui.list > .item > img.image, -.ui.list > .item > .image:only-child { - display: inline-block; - padding-right: 0em; -} - -/* Content */ -.ui.list .list > .item > .content, -.ui.list > .item > .content { - line-height: @contentLineHeight; -} -.ui.list .list > .item > .image + .content, -.ui.list .list > .item > .icon + .content -.ui.list > .item > .image + .content, -.ui.list > .item > .icon + .content { - display: table-cell; - padding: 0em 0em 0em @contentDistance; - vertical-align: @contentVerticalAlign; -} -.ui.list .list > .item > .image + .content, -.ui.list .list > .item > .icon + .content, -.ui.list > .item > .image + .content, -.ui.list > .item > .icon + .content { - display: table-cell; - padding: 0em 0em 0em @contentDistance; - vertical-align: @contentVerticalAlign; -} -.ui.list .list > .item > img.image + .content, -.ui.list > .item > img.image + .content { - display: inline-block; -} -.ui.list .list > .item [class*="top aligned"].content, -.ui.list > .item > [class*="top aligned"].content { - vertical-align: top; -} -.ui.list .list > .item > .content > .list, -.ui.list > .item > .content > .list { - margin-left: 0em; - padding-left: 0em; -} - -/* Item Link */ -.ui.list .list > a.item, -.ui.list > a.item { - cursor: pointer; - color: @itemLinkColor; -} -.ui.list .list > a.item:hover, -.ui.list > a.item:hover { - color: @itemLinkHoverColor; -} - -/* Linked Item Icons */ -.ui.list .list > a.item i.icon, -.ui.list > a.item i.icon { - color: @itemLinkIconColor; -} - -/* Linking Content */ -.ui.list .item a { - cursor: pointer; - color: @itemLinkColor !important; -} -.ui.list .item a:hover { - color: @itemLinkHoverColor !important; -} - - -/* Header */ -.ui.list .list > .item .header, -.ui.list > .item .header { - display: block; - margin: 0em; - font-family: @itemHeaderFontFamily; - font-weight: @itemHeaderFontWeight; - color: @itemHeaderColor; -} -.ui.list .list > .item .description, -.ui.list > .item .description { - display: block; - color: @itemDescriptionColor; -} - -/* Floated Content */ -.ui.list .list > .item [class*="left floated"], -.ui.list > .item [class*="left floated"] { - float: left; - margin: @leftFloatMargin; -} -.ui.list .list > .item [class*="right floated"], -.ui.list > .item [class*="right floated"] { - float: right; - margin: @rightFloatMargin; -} - -/******************************* - Coupling -*******************************/ - -.ui.menu .ui.list > .item, -.ui.menu .ui.list .list > .item { - display: list-item; - table-layout: fixed; - background-color: transparent; - - list-style-type: @listStyleType; - list-style-position: @listStylePosition; - - padding: @itemVerticalPadding @itemHorizontalPadding; - line-height: @itemLineHeight; -} -.ui.menu .ui.list .list > .item:before, -.ui.menu .ui.list > .item:before { - border: none; - background: none; -} -.ui.menu .ui.list .list > .item:first-child, -.ui.menu .ui.list > .item:first-child { - padding-top: 0em; -} -.ui.menu .ui.list .list > .item:last-child, -.ui.menu .ui.list > .item:last-child { - padding-bottom: 0em; -} - - -/******************************* - Types -*******************************/ - -/*------------------- - Horizontal ---------------------*/ - -.ui.horizontal.list { - display: inline-block; - font-size: 0em; -} -.ui.horizontal.list > .item { - display: inline-block; - margin-left: @horizontalSpacing; - font-size: 1rem; -} -.ui.horizontal.list > .item:first-child { - margin-left: 0em !important; - padding-left: 0em !important; -} -.ui.horizontal.list .list { - padding-left: 0em; - padding-bottom: 0em; -} - -/* Padding on all elements */ -.ui.horizontal.list > .item:first-child, -.ui.horizontal.list > .item:last-child { - padding-top: @itemVerticalPadding; - padding-bottom: @itemVerticalPadding; -} - -/* Horizontal List */ -.ui.horizontal.list > .item > i.icon { - margin: 0em; - padding: 0em @horizontalIconDistance 0em 0em; -} -.ui.horizontal.list > .item > .icon, -.ui.horizontal.list > .item > .icon + .content { - float: none; - display: inline-block; -} - - -/******************************* - States -*******************************/ - -/*------------------- - Disabled ---------------------*/ - -.ui.list .list > .disabled.item, -.ui.list > .disabled.item { - pointer-events: none; - color: @disabledColor !important; -} -.ui.inverted.list .list > .disabled.item, -.ui.inverted.list > .disabled.item { - color: @invertedDisabledColor !important; -} - -/*------------------- - Hover ---------------------*/ - -.ui.list .list > a.item:hover .icon, -.ui.list > a.item:hover .icon { - color: @itemLinkIconHoverColor; -} - - -/******************************* - Variations -*******************************/ - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.list .list > a.item > .icon, -.ui.inverted.list > a.item > .icon { - color: @invertedIconLinkColor; -} -.ui.inverted.list .list > .item .header, -.ui.inverted.list > .item .header { - color: @invertedHeaderColor; -} -.ui.inverted.list .list > .item .description, -.ui.inverted.list > .item .description { - color: @invertedDescriptionColor; -} - -/* Item Link */ -.ui.inverted.list .list > a.item, -.ui.inverted.list > a.item { - cursor: pointer; - color: @invertedItemLinkColor; -} -.ui.inverted.list .list > a.item:hover, -.ui.inverted.list > a.item:hover { - color: @invertedItemLinkHoverColor; -} - - -/* Linking Content */ -.ui.inverted.list .item a { - cursor: pointer; - color: @invertedItemLinkColor !important; -} -.ui.inverted.list .item a:hover { - color: @invertedItemLinkHoverColor !important; -} - -/*------------------- - Link ---------------------*/ - -.ui.link.list .item, -.ui.link.list a.item, -.ui.link.list .item a { - color: @linkListItemColor; - transition: @linkListTransition; -} -.ui.link.list a.item:hover, -.ui.link.list .item a:hover { - color: @linkListItemHoverColor; -} -.ui.link.list a.item:active, -.ui.link.list .item a:active { - color: @linkListItemDownColor; -} -.ui.link.list .active.item, -.ui.link.list .active.item a { - color: @linkListItemActiveColor; -} - -/* Inverted */ -.ui.inverted.link.list .item, -.ui.inverted.link.list a.item, -.ui.inverted.link.list .item a { - color: @invertedLinkListItemColor; -} -.ui.inverted.link.list a.item:hover, -.ui.inverted.link.list .item a:hover { - color: @invertedLinkListItemHoverColor; -} -.ui.inverted.link.list a.item:active, -.ui.inverted.link.list .item a:active { - color: @invertedLinkListItemDownColor; -} -.ui.inverted.link.list a.active.item, -.ui.inverted.link.list .active.item a { - color: @invertedLinkListItemActiveColor; -} - -/*------------------- - Selection ---------------------*/ - -.ui.selection.list .list > .item, -.ui.selection.list > .item { - cursor: pointer; - background: @selectionListBackground; - padding: @selectionListItemVerticalPadding @selectionListItemHorizontalPadding; - margin: @selectionListItemMargin; - color: @selectionListColor; - border-radius: @selectionListItemBorderRadius; - transition: @selectionListTransition; -} -.ui.selection.list .list > .item:last-child, -.ui.selection.list > .item:last-child { - margin-bottom: 0em; -} -.ui.selection.list.list > .item:hover, -.ui.selection.list > .item:hover { - background: @selectionListHoverBackground; - color: @selectionListHoverColor; -} -.ui.selection.list .list > .item:active, -.ui.selection.list > .item:active { - background: @selectionListDownBackground; - color: @selectionListDownColor; -} -.ui.selection.list .list > .item.active, -.ui.selection.list > .item.active { - background: @selectionListActiveBackground; - color: @selectionListActiveColor; -} - -/* Inverted */ -.ui.inverted.selection.list > .item, -.ui.inverted.selection.list > .item { - background: @invertedSelectionListBackground; - color: @invertedSelectionListColor; -} -.ui.inverted.selection.list > .item:hover, -.ui.inverted.selection.list > .item:hover { - background: @invertedSelectionListHoverBackground; - color: @invertedSelectionListHoverColor; -} -.ui.inverted.selection.list > .item:active, -.ui.inverted.selection.list > .item:active { - background: @invertedSelectionListDownBackground; - color: @invertedSelectionListDownColor; -} -.ui.inverted.selection.list > .item.active, -.ui.inverted.selection.list > .item.active { - background: @invertedSelectionListActiveBackground; - color: @invertedSelectionListActiveColor; -} - -/* Celled / Divided Selection List */ -.ui.celled.selection.list .list > .item, -.ui.divided.selection.list .list > .item, -.ui.celled.selection.list > .item, -.ui.divided.selection.list > .item { - border-radius: 0em; -} - -/*------------------- - Animated ---------------------*/ - -.ui.animated.list > .item { - transition: @animatedListTransition; -} -.ui.animated.list:not(.horizontal) > .item:hover { - padding-left: @animatedListIndent; -} - -/*------------------- - Fitted ---------------------*/ -.ui.fitted.list:not(.selection) .list > .item, -.ui.fitted.list:not(.selection) > .item { - padding-left: 0em; - padding-right: 0em; -} -.ui.fitted.selection.list .list > .item, -.ui.fitted.selection.list > .item { - margin-left: -@selectionListItemHorizontalPadding; - margin-right: -@selectionListItemHorizontalPadding; -} - -/*------------------- - Bulleted ---------------------*/ - -ul.ui.list, -.ui.bulleted.list { - margin-left: @bulletDistance; -} -ul.ui.list li, -.ui.bulleted.list .list > .item, -.ui.bulleted.list > .item { - position: relative; -} -ul.ui.list li:before, -.ui.bulleted.list .list > .item:before, -.ui.bulleted.list > .item:before { - position: absolute; - top: auto; - left: auto; - margin-left: @bulletOffset; - content: @bulletCharacter; - opacity: @bulletOpacity; - color: @bulletColor; - vertical-align: @bulletVerticalAlign; -} - -ul.ui.list ul, -.ui.bulleted.list .list { - padding-left: @bulletChildDistance; -} - -/* Horizontal Bulleted */ -ul.ui.horizontal.bulleted.list, -.ui.horizontal.bulleted.list { - margin-left: 0em; -} -ul.ui.horizontal.bulleted.list li, -.ui.horizontal.bulleted.list > .item { - margin-left: @horizontalBulletSpacing; -} -ul.ui.horizontal.bulleted.list li:first-child, -.ui.horizontal.bulleted.list > .item:first-child { - margin-left: 0em; -} -ul.ui.horizontal.bulleted.list li:first-child::before, -.ui.horizontal.bulleted.list > .item:first-child::before { - display: none; -} - -/*------------------- - Ordered ---------------------*/ - -ol.ui.list, -.ui.ordered.list, -.ui.ordered.list .list, -ol.ui.list ol { - counter-reset: ordered; - margin-left: @orderedCountDistance; - list-style-type: none; -} -ol.ui.list li, -.ui.ordered.list .list > .item, -.ui.ordered.list > .item { - list-style-type: none; - position: relative; -} -ol.ui.list li:before, -.ui.ordered.list .list > .item:before, -.ui.ordered.list > .item:before { - position: absolute; - top: auto; - left: auto; - margin-left: -(@orderedCountDistance); - counter-increment: @orderedCountName; - content: @orderedCountContent; - text-align: @orderedCountTextAlign; - color: @orderedCountColor; - vertical-align: @orderedCountVerticalAlign; - opacity: @orderedCountOpacity; -} - - -/* Child Lists */ -ol.ui.list ol, -.ui.ordered.list .list { - margin-left: @orderedChildCountDistance; -} -ol.ui.list ol li:before, -.ui.ordered.list .list > .item:before { - margin-left: @orderedChildCountOffset; -} - -/* Horizontal Ordered */ -ol.ui.horizontal.list, -.ui.ordered.horizontal.list { - margin-left: 0em; -} -ol.ui.horizontal.list li:before, -.ui.ordered.horizontal.list .list > .item:before, -.ui.ordered.horizontal.list > .item:before { - position: static; - margin: 0em @horizontalOrderedCountDistance 0em 0em; -} - - -/*------------------- - Divided ---------------------*/ - -.ui.divided.list > .item { - border-top: @dividedBorder; -} -.ui.divided.list .list > .item { - border-top: @dividedChildListBorder; -} -.ui.divided.list .item .list > .item { - border-top: @dividedChildItemBorder; -} -.ui.divided.list .list > .item:first-child, -.ui.divided.list > .item:first-child { - border-top: none; -} - -/* Sub Menu */ -.ui.divided.list:not(.horizontal) .list > .item:first-child { - border-top-width: @dividedBorderWidth; -} - -/* Divided bulleted */ -.ui.divided.bulleted.list:not(.horizontal), -.ui.divided.bulleted.list .list { - margin-left: 0em; - padding-left: 0em; -} -.ui.divided.bulleted.list .list > .item:not(.horizontal), -.ui.divided.bulleted.list > .item:not(.horizontal) { - padding-left: @bulletDistance; -} - -/* Divided Ordered */ -.ui.divided.ordered.list { - margin-left: 0em; -} -.ui.divided.ordered.list .list > .item, -.ui.divided.ordered.list > .item { - padding-left: @orderedCountDistance; -} -.ui.divided.ordered.list .item .list { - margin-left: 0em; - margin-right: 0em; - padding-bottom: @itemVerticalPadding; -} -.ui.divided.ordered.list .item .list > .item { - padding-left: @orderedChildCountDistance; -} - -/* Divided Selection */ -.ui.divided.selection.list .list > .item, -.ui.divided.selection.list > .item { - margin: 0em; - border-radius: 0em; -} - -/* Divided horizontal */ -.ui.divided.horizontal.list { - margin-left: 0em; -} -.ui.divided.horizontal.list > .item { - border-top: none; - border-left: @dividedBorder; - margin: 0em; - padding-left: @horizontalDividedSpacing; - padding-right: @horizontalDividedSpacing; - line-height: @horizontalDividedLineHeight; -} -.ui.horizontal.divided.list > .item:first-child { - border-left: none; -} -/* Inverted */ -.ui.divided.inverted.list > .item, -.ui.divided.inverted.list > .list, -.ui.divided.inverted.horizontal.list > .item { - border-color: @dividedInvertedBorderColor; -} - - -/*------------------- - Celled ---------------------*/ - -.ui.celled.list > .item, -.ui.celled.list > .list { - border-top: @celledBorder; - padding-left: @celledHorizontalPadding; - padding-right: @celledHorizontalPadding; -} -.ui.celled.list > .item:last-child { - border-bottom: @celledBorder; -} - -/* Padding on all elements */ -.ui.celled.list > .item:first-child, -.ui.celled.list > .item:last-child { - padding-top: @itemVerticalPadding; - padding-bottom: @itemVerticalPadding; -} - -/* Sub Menu */ -.ui.celled.list .item .list > .item { - border-width: 0px; -} -.ui.celled.list .list > .item:first-child { - border-top-width: 0px; -} - -/* Celled Bulleted */ -.ui.celled.bulleted.list { - margin-left: 0em; -} -.ui.celled.bulleted.list .list > .item, -.ui.celled.bulleted.list > .item { - padding-left: (@bulletDistance); -} -.ui.celled.bulleted.list .item .list { - margin-left: -(@bulletDistance); - margin-right: -(@bulletDistance); - padding-bottom: @itemVerticalPadding; -} - -/* Celled Ordered */ -.ui.celled.ordered.list { - margin-left: 0em; -} -.ui.celled.ordered.list .list > .item, -.ui.celled.ordered.list > .item { - padding-left: @orderedCountDistance; -} -.ui.celled.ordered.list .item .list { - margin-left: 0em; - margin-right: 0em; - padding-bottom: @itemVerticalPadding; -} -.ui.celled.ordered.list .list > .item { - padding-left: @orderedChildCountDistance; -} - -/* Celled Horizontal */ -.ui.horizontal.celled.list { - margin-left: 0em; -} -.ui.horizontal.celled.list .list > .item, -.ui.horizontal.celled.list > .item { - border-top: none; - border-left: @celledBorder; - margin: 0em; - padding-left: @horizontalCelledSpacing; - padding-right: @horizontalCelledSpacing; - - line-height: @horizontalCelledLineHeight; -} -.ui.horizontal.celled.list .list > .item:last-child, -.ui.horizontal.celled.list > .item:last-child { - border-bottom: none; - border-right: @celledBorder; -} - -/* Inverted */ -.ui.celled.inverted.list > .item, -.ui.celled.inverted.list > .list { - border-color: @celledInvertedBorder; -} -.ui.celled.inverted.horizontal.list .list > .item, -.ui.celled.inverted.horizontal.list > .item { - border-color: @celledInvertedBorder; -} - -/*------------------- - Relaxed ---------------------*/ - -.ui.relaxed.list:not(.horizontal) > .item { - padding-top: @relaxedVerticalPadding; - padding-bottom: @relaxedVerticalPadding; -} -.ui.relaxed.list .list > .item .header, -.ui.relaxed.list > .item .header { - /*margin-bottom: @relaxedHeaderMargin;*/ -} -.ui.horizontal.relaxed.list > .item { - padding-left: @relaxedHorizontalPadding; - padding-right: @relaxedHorizontalPadding; -} - -/* Very Relaxed */ -.ui[class*="very relaxed"].list:not(.horizontal) > .item { - padding-top: @veryRelaxedVerticalPadding; - padding-bottom: @veryRelaxedVerticalPadding; -} -.ui[class*="very relaxed"].list .list > .item .header, -.ui[class*="very relaxed"].list > .item .header { - /*margin-bottom: @veryRelaxedHeaderMargin;*/ -} -.ui.horizontal[class*="very relaxed"].list .list > .item, -.ui.horizontal[class*="very relaxed"].list > .item { - padding-left: @veryRelaxedHorizontalPadding; - padding-right: @veryRelaxedHorizontalPadding; -} - -/*------------------- - Sizes ---------------------*/ - -.ui.mini.list { - font-size: @relativeMini; -} -.ui.tiny.list { - font-size: @relativeTiny; -} -.ui.small.list { - font-size: @relativeSmall; -} -.ui.list { - font-size: @relativeMedium; -} -.ui.large.list { - font-size: @relativeLarge; -} -.ui.big.list { - font-size: @relativeBig; -} -.ui.huge.list { - font-size: @relativeHuge; -} -.ui.massive.list { - font-size: @relativeMassive; -} - -.ui.mini.horizontal.list .list > .item, -.ui.mini.horizontal.list > .item { - font-size: @mini; -} -.ui.tiny.horizontal.list .list > .item, -.ui.tiny.horizontal.list > .item { - font-size: @tiny; -} -.ui.small.horizontal.list .list > .item, -.ui.small.horizontal.list > .item { - font-size: @small; -} -.ui.horizontal.list .list > .item, -.ui.horizontal.list > .item { - font-size: @medium; -} -.ui.large.horizontal.list .list > .item, -.ui.large.horizontal.list > .item { - font-size: @large; -} -.ui.big.horizontal.list .list > .item, -.ui.big.horizontal.list > .item { - font-size: @big; -} -.ui.huge.horizontal.list .list > .item, -.ui.huge.horizontal.list > .item { - font-size: @huge; -} -.ui.massive.horizontal.list .list > .item, -.ui.massive.horizontal.list > .item { - font-size: @massive; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/elements/loader.less b/client/assets/less/lib/semantic/src/definitions/elements/loader.less deleted file mode 100755 index 01a06ca..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/loader.less +++ /dev/null @@ -1,267 +0,0 @@ -/*! - * # Semantic UI - Loader - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'loader'; - -@import (multiple) '../../theme.config'; - -/******************************* - Loader -*******************************/ - - -/* Standard Size */ -.ui.loader { - display: none; - position: absolute; - top: @loaderTopOffset; - left: @loaderLeftOffset; - margin: 0px; - text-align: center; - z-index: 1000; - transform: translateX(-50%) translateY(-50%); -} - -/* Static Shape */ -.ui.loader:before { - position: absolute; - content: ''; - top: 0%; - left: 50%; - width: 100%; - height: 100%; - - border-radius: @circularRadius; - border: @loaderLineWidth solid @loaderFillColor; -} - -/* Active Shape */ -.ui.loader:after { - position: absolute; - content: ''; - top: 0%; - left: 50%; - width: 100%; - height: 100%; - - animation: loader @loaderSpeed linear; - animation-iteration-count: infinite; - - border-radius: @circularRadius; - - border-color: @shapeBorderColor; - border-style: solid; - border-width: @loaderLineWidth; - - box-shadow: 0px 0px 0px 1px transparent; -} - -/* Active Animation */ -@keyframes loader { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -/* Sizes */ -.ui.loader:before, -.ui.loader:after { - width: @medium; - height: @medium; - margin: @mediumOffset; -} -.ui.mini.loader:before, -.ui.mini.loader:after { - width: @mini; - height: @mini; - margin: @miniOffset; -} -.ui.small.loader:before, -.ui.small.loader:after { - width: @small; - height: @small; - margin: @smallOffset; -} -.ui.large.loader:before, -.ui.large.loader:after { - width: @large; - height: @large; - margin: @largeOffset; -} - -/*------------------- - Coupling ---------------------*/ - -/* Show inside active dimmer */ -.ui.dimmer .loader { - display: block; -} - -/* Black Dimmer */ -.ui.dimmer .ui.loader { - color: @invertedLoaderTextColor; -} -.ui.dimmer .ui.loader:before { - border-color: @invertedLoaderFillColor; -} -.ui.dimmer .ui.loader:after { - border-color: @invertedShapeBorderColor; -} - -/* White Dimmer (Inverted) */ -.ui.inverted.dimmer .ui.loader { - color: @loaderTextColor; -} -.ui.inverted.dimmer .ui.loader:before { - border-color: @loaderFillColor; -} -.ui.inverted.dimmer .ui.loader:after { - border-color: @shapeBorderColor; -} - -/******************************* - Types -*******************************/ - - -/*------------------- - Text ---------------------*/ - -.ui.text.loader { - width: auto !important; - height: auto !important; - text-align: center; - font-style: normal; -} - - -/******************************* - States -*******************************/ - -.ui.indeterminate.loader:after { - animation-direction: @indeterminateDirection; - animation-duration: @indeterminateSpeed; -} - -.ui.loader.active, -.ui.loader.visible { - display: block; -} -.ui.loader.disabled, -.ui.loader.hidden { - display: none; -} - -/******************************* - Variations -*******************************/ - - -/*------------------- - Sizes ---------------------*/ - - -/* Loader */ -.ui.inverted.dimmer .ui.mini.loader, -.ui.mini.loader { - width: @mini; - height: @mini; - font-size: @miniFontSize; -} -.ui.inverted.dimmer .ui.small.loader, -.ui.small.loader { - width: @small; - height: @small; - font-size: @smallFontSize; -} -.ui.inverted.dimmer .ui.loader, -.ui.loader { - width: @medium; - height: @medium; - font-size: @mediumFontSize; -} -.ui.inverted.dimmer .ui.loader.large, -.ui.loader.large { - width: @large; - height: @large; - font-size: @largeFontSize; -} - -/* Text Loader */ -.ui.mini.text.loader { - min-width: @mini; - padding-top: (@mini + @textDistance); -} -.ui.small.text.loader { - min-width: @small; - padding-top: (@small + @textDistance); -} -.ui.text.loader { - min-width: @medium; - padding-top: (@medium + @textDistance); -} -.ui.large.text.loader { - min-width: @large; - padding-top: (@large + @textDistance); -} - - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.loader { - color: @invertedLoaderTextColor -} -.ui.inverted.loader:before { - border-color: @invertedLoaderFillColor; -} -.ui.inverted.loader:after { - border-top-color: @invertedLoaderLineColor; -} - -/*------------------- - Inline ---------------------*/ - -.ui.inline.loader { - position: relative; - vertical-align: @inlineVerticalAlign; - margin: @inlineMargin; - left: 0em; - top: 0em; - transform: none; -} - -.ui.inline.loader.active, -.ui.inline.loader.visible { - display: inline-block; -} - -/* Centered Inline */ -.ui.centered.inline.loader.active, -.ui.centered.inline.loader.visible { - display: block; -} - - -.loadUIOverrides(); diff --git a/client/assets/less/lib/semantic/src/definitions/elements/rail.less b/client/assets/less/lib/semantic/src/definitions/elements/rail.less deleted file mode 100755 index f738e66..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/rail.less +++ /dev/null @@ -1,126 +0,0 @@ -/*! - * # Semantic UI - Rail - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'rail'; - -@import (multiple) '../../theme.config'; - -/******************************* - Rails -*******************************/ - -.ui.rail { - position: absolute; - top: 0%; - width: @width; - height: @height; - box-sizing: @contentSizing; -} - -.ui.left.rail { - left: auto; - right: 100%; - padding: 0em (@distance / 2) 0em 0em; - margin: 0em (@distance / 2) 0em 0em; -} - -.ui.right.rail { - left: 100%; - right: auto; - padding: 0em 0em 0em (@distance / 2); - margin: 0em 0em 0em (@distance / 2); -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Internal ----------------*/ - -.ui.left.internal.rail { - left: 0%; - right: auto; - padding: 0em 0em 0em (@distance / 2); - margin: 0em 0em 0em (@distance / 2); -} - -.ui.right.internal.rail { - left: auto; - right: 0%; - padding: 0em (@distance / 2) 0em 0em; - margin: 0em (@distance / 2) 0em 0em; -} - - -/*-------------- - Divided ----------------*/ - -.ui.left.dividing.rail { - padding: 0em (@dividedDistance / 2) 0em 0em; - margin: 0em (@dividedDistance / 2) 0em 0em; - border-right: @dividedBorder; -} -.ui.right.dividing.rail { - border-left: @dividedBorder; - padding: 0em 0em 0em (@dividedDistance / 2); - margin: 0em 0em 0em (@dividedDistance / 2); -} - -/*-------------- - Distance ----------------*/ - -.ui.close.left.rail { - padding: 0em (@closeDistance / 2) 0em 0em; - margin: 0em (@closeDistance / 2) 0em 0em; -} -.ui.close.right.rail { - padding: 0em 0em 0em (@closeDistance / 2); - margin: 0em 0em 0em (@closeDistance / 2); -} -.ui.very.close.left.rail { - padding: 0em (@veryCloseDistance / 2) 0em 0em; - margin: 0em (@veryCloseDistance / 2) 0em 0em; -} -.ui.very.close.right.rail { - padding: 0em 0em 0em (@veryCloseDistance / 2); - margin: 0em 0em 0em (@veryCloseDistance / 2); -} - -/*-------------- - Attached ----------------*/ - -.ui.attached.left.rail, -.ui.attached.right.rail { - padding: 0em; - margin: 0em; -} - -/*-------------- - Sizing ----------------*/ - -.ui.rail { - font-size: @medium; -} - - - -.loadUIOverrides(); diff --git a/client/assets/less/lib/semantic/src/definitions/elements/reveal.less b/client/assets/less/lib/semantic/src/definitions/elements/reveal.less deleted file mode 100755 index a573def..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/reveal.less +++ /dev/null @@ -1,258 +0,0 @@ -/*! - * # Semantic UI - Reveal - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'reveal'; - -@import (multiple) '../../theme.config'; - -/******************************* - Reveal -*******************************/ - -.ui.reveal { - display: inline-block; - position: relative !important; - font-size: 0em !important; -} - -.ui.reveal > .visible.content { - position: absolute !important; - top: 0em !important; - left: 0em !important; - z-index: @topZIndex !important; - transition: @transition; -} -.ui.reveal > .hidden.content { - position: relative !important; - z-index: @bottomZIndex !important; -} - -/* Make sure hovered element is on top of other reveal */ -.ui.reveal:hover .visible.content { - z-index: @activeZIndex !important; -} - - -/******************************* - Types -*******************************/ - - -/*-------------- - Slide ----------------*/ - -.ui.slide.reveal { - position: relative !important; - overflow: hidden !important; - white-space: nowrap; -} - -.ui.slide.reveal > .content { - display: block; - float: left; - - margin: 0em; - transition: - transform @transitionDuration @transitionEasing @transitionDelay, - ; -} - -.ui.slide.reveal > .visible.content { - position: relative !important; -} -.ui.slide.reveal > .hidden.content { - position: absolute !important; - left: 0% !important; - width: 100% !important; - transform: translateX(100%) !important; -} -.ui.slide.reveal:hover > .visible.content { - transform: translateX(-100%) !important; -} -.ui.slide.reveal:hover > .hidden.content { - transform: translateX(0%) !important; -} - -.ui.slide.right.reveal > .visible.content { - transform: translateX(0%) !important; -} -.ui.slide.right.reveal > .hidden.content { - transform: translateX(-100%) !important; -} -.ui.slide.right.reveal:hover > .visible.content { - transform: translateX(100%) !important; -} -.ui.slide.right.reveal:hover > .hidden.content { - transform: translateX(0%) !important; -} - -.ui.slide.up.reveal > .hidden.content { - transform: translateY(100%) !important; -} -.ui.slide.up.reveal:hover > .visible.content { - transform: translateY(-100%) !important; -} -.ui.slide.up.reveal:hover > .hidden.content { - transform: translateY(0%) !important; -} - -.ui.slide.down.reveal > .hidden.content { - transform: translateY(-100%) !important; -} -.ui.slide.down.reveal:hover > .visible.content { - transform: translateY(100%) !important; -} -.ui.slide.down.reveal:hover > .hidden.content { - transform: translateY(0%) !important; -} - - -/*-------------- - Fade ----------------*/ - -.ui.fade.reveal > .visible.content { - opacity: 1; -} -.ui.fade.reveal:hover > .visible.content { - opacity: 0; -} - - -/*-------------- - Move ----------------*/ - -.ui.move.reveal { - position: relative !important; - overflow: hidden !important; - white-space: nowrap; -} - -.ui.move.reveal > .content { - display: block; - float: left; - - margin: 0em; - transition: - transform @transitionDuration @transitionEasing @transitionDelay, - ; -} - -.ui.move.reveal > .visible.content { - position: relative !important; -} -.ui.move.reveal > .hidden.content { - position: absolute !important; - left: 0% !important; - width: 100% !important; -} -.ui.move.reveal:hover > .visible.content { - transform: translateX(-100%) !important; -} -.ui.move.right.reveal:hover > .visible.content { - transform: translateX(100%) !important; -} -.ui.move.up.reveal:hover > .visible.content { - transform: translateY(-100%) !important; -} -.ui.move.down.reveal:hover > .visible.content { - transform: translateY(100%) !important; -} - - - -/*-------------- - Rotate ----------------*/ - -.ui.rotate.reveal > .visible.content { - transition-duration: @transitionDuration; - transform: rotate(0deg); -} - -.ui.rotate.reveal > .visible.content, -.ui.rotate.right.reveal > .visible.content { - transform-origin: bottom right; -} -.ui.rotate.reveal:hover > .visible.content, -.ui.rotate.right.reveal:hover > .visible.content { - transform: rotate(@rotateDegrees); -} - -.ui.rotate.left.reveal > .visible.content { - transform-origin: bottom left; -} -.ui.rotate.left.reveal:hover > .visible.content { - transform: rotate(-@rotateDegrees); -} - -/******************************* - States -*******************************/ - -.ui.disabled.reveal { - opacity: 1 !important; -} -.ui.disabled.reveal > .content { - transition: none !important; -} -.ui.disabled.reveal:hover > .visible.content { - position: static !important; - display: block !important; - opacity: 1 !important; - top: 0 !important; - left: 0 !important; - right: auto !important; - bottom: auto !important; - transform: none !important; -} -.ui.disabled.reveal:hover > .hidden.content { - display: none !important; -} - - -/******************************* - Variations -*******************************/ - -/*-------------- - Masked ----------------*/ - -.ui.masked.reveal { - overflow: hidden; -} - -/*-------------- - Instant ----------------*/ - -.ui.instant.reveal > .content { - transition-delay: 0s !important; -} - - -/*-------------- - Sizing ----------------*/ - -.ui.reveal > .content { - font-size: @medium !important; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/elements/segment.less b/client/assets/less/lib/semantic/src/definitions/elements/segment.less deleted file mode 100755 index aa22b12..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/segment.less +++ /dev/null @@ -1,629 +0,0 @@ -/*! - * # Semantic UI - Segment - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'element'; -@element : 'segment'; - -@import (multiple) '../../theme.config'; - -/******************************* - Segment -*******************************/ - -.ui.segment { - position: relative; - background-color: @background; - box-shadow: @boxShadow; - margin: @margin 0em; - padding: @verticalPadding @horizontalPadding; - border-radius: @borderRadius; - border: @border; -} - -.ui.segment:first-child { - margin-top: 0em; -} -.ui.segment:last-child { - margin-bottom: 0em; -} - -.ui.segment:after { - content: ''; - display: block; - height: 0px; - clear: both; - visibility: hidden; -} - -/* Vertical */ -.ui[class*="vertical segment"] { - margin: 0em; - padding-left: 0em; - padding-right: 0em; - - background-color: transparent; - border-radius: 0px; - border: none; - box-shadow: 0px -1px 0px @borderColor inset; -} -.ui[class*="vertical segment"]:last-child { - box-shadow: none; -} - -/* Horizontal */ -.ui[class*="horizontal segment"] { - margin: 0em; - padding-top: 0em; - padding-bottom: 0em; - - background-color: transparent; - border-radius: 0px; - border: none; - box-shadow: 1px 0px 0px @borderColor; -} - -/*------------------- - Loose Coupling ---------------------*/ - -/* Header */ -.ui.inverted.segment > .ui.header { - color: @white; -} - -/* Label */ -.ui[class*="bottom attached"].segment > [class*="top attached"].label { - border-top-left-radius: 0em; - border-top-right-radius: 0em; -} -.ui[class*="top attached"].segment > [class*="bottom attached"].label { - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; -} -.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label { - border-top-left-radius: 0em; - border-top-right-radius: 0em; -} -.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label { - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; -} - -/* Grid */ -.ui.page.grid.segment, -.ui.grid .ui.segment.column { - padding-top: @pageGridMargin; - padding-bottom: @pageGridMargin; -} -.ui.grid.segment { - margin: @margin 0rem; - border-radius: @borderRadius; -} - -/* Table */ -.ui.basic.table.segment { - background: @background; - border: @border; - box-shadow: @boxShadow; -} -.ui[class*="very basic"].table.segment { - padding: @verticalPadding @horizontalPadding; -} - - -/******************************* - Types -*******************************/ - -/*------------------- - Piled ---------------------*/ - -.ui.piled.segment { - margin: @piledMargin 0em; - box-shadow: @piledBoxShadow; - z-index: @piledZIndex; -} -.ui.piled.segment:first-child { - margin-top: 0em; -} -.ui.piled.segment:last-child { - margin-bottom: 0em; -} -.ui.piled.segment:after, -.ui.piled.segment:before { - background-color: @white; - visibility: visible; - content: ''; - display: block; - height: 100%; - left: 0px; - position: absolute; - width: 100%; - box-shadow: @piledBoxShadow; -} -.ui.piled.segment:after { - transform: rotate(@piledDegrees); - top: 0; - z-index: -1; -} -.ui.piled.segment:before { - transform: rotate(-@piledDegrees); - top: 0; - z-index: -2; -} - -/* Piled Attached */ -.ui[class*="top attached"].piled.segment { - margin-top: @piledMargin; - margin-bottom: 0em; -} -.ui.piled.segment[class*="top attached"]:first-child { - margin-top: 0em; -} -.ui.piled.segment[class*="bottom attached"] { - margin-top: 0em; - margin-bottom: @piledMargin; -} -.ui.piled.segment[class*="bottom attached"]:last-child { - margin-bottom: 0em; -} - -/*------------------- - Stacked ---------------------*/ - -.ui.stacked.segment { - padding-bottom: @stackedPadding; -} -.ui.stacked.segment:after, -.ui.stacked.segment:before { - content: ''; - position: absolute; - bottom: -(@stackedHeight / 2); - left: 0%; - - border-top: 1px solid @borderColor; - background-color: @stackedPageBackground; - - width: 100%; - height: @stackedHeight; - visibility: visible; -} -.ui.stacked.segment:before { - display: none; -} - -/* Add additional page */ -.ui.tall.stacked.segment:before { - display: block; - bottom: 0px; -} - -/* Inverted */ -.ui.stacked.inverted.segment:after, -.ui.stacked.inverted.segment:before { - background-color: @subtleTransparentBlack; - border-top: 1px solid @selectedBorderColor; -} - -/*------------------- - Compact ---------------------*/ - -.ui.compact.segment { - display: table; -} - -/*------------------- - Circular ---------------------*/ - -.ui.circular.segment { - display: table-cell; - padding: @circularPadding; - text-align: center; - vertical-align: middle; - border-radius: 500em; -} - -/*------------------- - Raised ---------------------*/ - -.ui.raised.segment { - box-shadow: @raisedBoxShadow; -} - - -/******************************* - States -*******************************/ - -/*-------------- - Disabled ----------------*/ - -.ui.disabled.segment { - opacity: @disabledOpacity; - color: @disabledTextColor; -} - -/*-------------- - Loading ----------------*/ - -.ui.loading.segment { - position: relative; - cursor: default; - point-events: none; - text-shadow: none !important; - color: transparent !important; - transition: all 0s linear; -} -.ui.loading.segment:before { - position: absolute; - content: ''; - top: 0%; - left: 0%; - background: @loaderDimmerColor; - width: 100%; - height: 100%; - border-radius: @borderRadius; - z-index: @loaderDimmerZIndex; -} -.ui.loading.segment:after { - position: absolute; - content: ''; - top: 50%; - left: 50%; - - margin: @loaderMargin; - width: @loaderSize; - height: @loaderSize; - - animation: segment-spin @loaderSpeed linear; - animation-iteration-count: infinite; - - border-radius: @circularRadius; - - border-color: @loaderLineColor @loaderFillColor @loaderFillColor @loaderFillColor; - border-style: solid; - border-width: @loaderLineWidth; - - box-shadow: 0px 0px 0px 1px transparent; - visibility: visible; - z-index: @loaderLineZIndex; -} - -@keyframes segment-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - - -/******************************* - Variations -*******************************/ - - -/*------------------- - Basic ---------------------*/ - -.ui.basic.segment { - position: relative; - background-color: transparent; - box-shadow: none; - - border-radius: 0px; -} - -/*------------------- - Fittted ---------------------*/ - -.ui.fitted.segment { - padding: 0em; -} - -/*------------------- - Colors ---------------------*/ - -.ui.black.segment:not(.inverted) { - border-top: @coloredBorderSize solid @black; -} -.ui.blue.segment:not(.inverted) { - border-top: @coloredBorderSize solid @blue; -} -.ui.green.segment:not(.inverted) { - border-top: @coloredBorderSize solid @green; -} -.ui.orange.segment:not(.inverted) { - border-top: @coloredBorderSize solid @orange; -} -.ui.pink.segment:not(.inverted) { - border-top: @coloredBorderSize solid @pink; -} -.ui.purple.segment:not(.inverted) { - border-top: @coloredBorderSize solid @purple; -} -.ui.red.segment:not(.inverted) { - border-top: @coloredBorderSize solid @red; -} -.ui.teal.segment:not(.inverted) { - border-top: @coloredBorderSize solid @teal; -} -.ui.yellow.segment:not(.inverted) { - border-top: @coloredBorderSize solid @yellow; -} - -.ui.black.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} -.ui.blue.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} -.ui.green.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} -.ui.orange.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} -.ui.pink.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} -.ui.purple.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} -.ui.red.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} -.ui.teal.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} -.ui.yellow.segment:not(.inverted):not(.attached) { - border-top-left-radius: @coloredBorderRadius !important; - border-top-right-radius: @coloredBorderRadius !important; -} - -/*------------------- - Inverted Colors ---------------------*/ - -.ui.inverted.segment, -.ui.inverted.black.segment { - background-color: @black !important; - color: @white !important; -} -.ui.inverted.blue.segment { - background-color: @blue !important; - color: @white !important; -} -.ui.inverted.green.segment { - background-color: @green !important; - color: @white !important; -} -.ui.inverted.orange.segment { - background-color: @orange !important; - color: @white !important; -} -.ui.inverted.pink.segment { - background-color: @pink !important; - color: @white !important; -} -.ui.inverted.purple.segment { - background-color: @purple !important; - color: @white !important; -} -.ui.inverted.red.segment { - background-color: @red !important; - color: @white !important; -} -.ui.inverted.teal.segment { - background-color: @teal !important; - color: @white !important; -} -.ui.inverted.yellow.segment { - background-color: @yellow !important; - color: @white !important; -} - -/*------------------- - Aligned ---------------------*/ - -.ui[class*="left aligned"].segment { - text-align: left; -} -.ui[class*="right aligned"].segment { - text-align: right; -} -.ui[class*="center aligned"].segment { - text-align: center; -} - -/*------------------- - Floated ---------------------*/ - -.ui.floated.segment, -.ui[class*="left floated"].segment { - float: left; - margin-right: @margin; -} -.ui[class*="right floated"].segment { - float: right; - margin-left: @margin; -} - - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.segment { - border: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.ui.inverted.segment .segment { - color: @textColor; -} -.ui.inverted.segment .inverted.segment { - color: @white; -} -.ui.inverted.segment, -.ui.primary.inverted.segment { - background-color: @black; - color: @white; -} - -.ui.inverted.block.segment, -.ui.inverted.attached.segment { - border-color: @solidWhiteBorderColor; -} - -/*------------------- - Ordinality ---------------------*/ - -.ui.secondary.segment { - background: @secondaryBackground; - color: @secondaryColor; -} - -.ui.tertiary.segment { - background: @tertiaryBackground; - color: @textColor; -} - -.ui.secondary.inverted.segment { - background: @secondaryInvertedBackground; - color: @secondaryInvertedColor; -} -.ui.tertiary.inverted.segment { - background: @tertiaryInvertedBackground; - color: @tertiaryInvertedColor; -} - - -/*------------------- - Attached ---------------------*/ - -.ui.segment.attached { - top: 0px; - bottom: 0px; - margin: 0em @attachedHorizontalOffset; - width: @attachedWidth; - max-width: @attachedWidth; - border-radius: 0px; - box-shadow: @attachedBoxShadow; - border: @attachedBorder; -} -.ui.segment.attached + .ui.segment.attached:not(.top) { - border-top: none; -} - -/* Top */ -.ui[class*="top attached"].segment { - top: @attachedTopOffset; - bottom: 0px; - margin-top: @margin; - margin-bottom: 0em; - border-radius: @borderRadius @borderRadius 0em 0em; -} -.ui.segment[class*="top attached"]:first-child { - margin-top: 0em; -} - -/* Bottom */ -.ui.segment[class*="bottom attached"] { - top: @attachedBottomOffset; - bottom: 0px; - margin-top: 0em; - margin-bottom: @margin; - box-shadow: @attachedBottomBoxShadow; - border-radius: 0em 0em @borderRadius @borderRadius; -} -.ui.segment[class*="bottom attached"]:last-child { - margin-bottom: 0em; -} - - -/*------------------- - Groups ---------------------*/ - -.ui.segments { - margin: @margin 0em; -} -.ui.segments:first-child { - margin-top: 0em; -} -.ui.segments:last-child { - margin-bottom: 0em; -} - -.ui.segments > .segment { - top: 0px; - bottom: 0px; - margin: 0em @attachedHorizontalOffset; - width: @attachedWidth; - max-width: @attachedWidth; - border-radius: 0px; - box-shadow: @attachedBoxShadow; - border: @attachedBorder; -} - -.ui.segments > .segment:not(:first-child) { - border-top: none; -} - -/* Top */ -.ui.segments > .segment:first-child { - margin-top: 0em; - bottom: 0px; - margin-bottom: 0em; - top: @attachedTopOffset; - border-radius: @borderRadius @borderRadius 0em 0em; -} - -/* Bottom */ -.ui.segments > .segment:last-child { - bottom: 0px; - margin-top: 0em; - margin-bottom: 0em; - top: @attachedBottomOffset; - box-shadow: @attachedBottomBoxShadow; - border-radius: 0em 0em @borderRadius @borderRadius; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/elements/step.less b/client/assets/less/lib/semantic/src/definitions/elements/step.less deleted file mode 100755 index 270f607..0000000 --- a/client/assets/less/lib/semantic/src/definitions/elements/step.less +++ /dev/null @@ -1,429 +0,0 @@ -/*! - * # Semantic UI - Step - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Step -*******************************/ - -/*-------------- - Load Theme ----------------*/ - -@type : 'element'; -@element : 'step'; - -@import (multiple) '../../theme.config'; - -/******************************* - Singular -*******************************/ - -.ui.steps .step { - position: relative; - display: table-cell; - vertical-align: middle; - - margin: @verticalMargin @horizontalMargin; - padding: @verticalPadding @horizontalPadding @verticalPadding @leftPadding; - background: @background; - color: @textColor; - box-shadow: @boxShadow; - border-radius: @borderRadius; -} - - -.ui.steps .step:after { - position: absolute; - z-index: 2; - content: ''; - top: @arrowTopOffset; - right: @arrowRightOffset; - border: medium none; - background-color: @arrowBackgroundColor; - width: @arrowSize; - height: @arrowSize; - border-bottom: 1px solid @arrowBorderColor; - border-right: 1px solid @arrowBorderColor; - transform: translateY(-50%) translateX(50%) rotate(-45deg); -} - -.ui.steps .step, -.ui.steps .step:after { - transition: @transition; -} - -/******************************* - Plural -*******************************/ - -.ui.steps { - display: table; - table-layout: fixed; - background: @stepsBackground; - box-shadow: @stepsBoxShadow; - - line-height: @lineHeight; - box-sizing: border-box; - border-radius: @stepsBorderRadius; -} - -.ui.steps .step:first-child { - padding-left: @horizontalPadding; - border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius; -} -.ui.steps .step:last-child { - border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em; -} -.ui.steps .step:only-child { - -webkit-border-radius: @stepsBorderRadius; - -moz-border-radius: @stepsBorderRadius; - border-radius: @stepsBorderRadius; -} - -.ui.steps .step:last-child { - margin-right: 0em; -} -.ui.steps .step:last-child:after { - display: none; -} - - -/******************************* - Content -*******************************/ - -/* Title */ -.ui.steps .step .title { - font-family: @titleFontFamily; - font-size: @titleFontSize; - font-weight: @titleFontWeight; -} - -/* Description */ -.ui.steps .step .description { - font-weight: @descriptionFontWeight; - font-size: @descriptionFontSize; - color: @descriptionColor; -} -.ui.steps .step .title ~ .description { - margin-top: @descriptionDistance; -} - -/* Icon */ -.ui.steps .step > .icon, -.ui.steps .step > .icon ~ .content { - display: table-cell; - vertical-align: @iconVerticalAlign; -} -.ui.steps .step > .icon { - font-size: @iconSize; - margin: 0em; - padding-right: @iconDistance; -} - -/* Link */ -.ui.steps .link.step, -.ui.steps a.step { - cursor: pointer; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Ordered ----------------*/ - -.ui.ordered.steps { - counter-reset: ordered; -} -.ui.ordered.steps .step:before { - display: table-cell; - position: static; - text-align: center; - content: counters(ordered, "."); - vertical-align: @iconVerticalAlign; - padding-right: @iconDistance; - font-size: @iconSize; - counter-increment: ordered; -} - -.ui.ordered.steps .step > * { - display: table-cell; - vertical-align: @iconVerticalAlign; -} - - -/*-------------- - Vertical ----------------*/ - -.ui.vertical.steps { - display: inline-block; - overflow: visible; -} -.ui.vertical.steps .step { - display: block; - border-radius: @borderRadius; - padding: @verticalPadding @horizontalPadding; -} -.ui.vertical.steps .step:first-child { - padding: @verticalPadding @horizontalPadding; - border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em; -} -.ui.vertical.steps .step:last-child { - border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius; -} - -/* Arrow */ -.ui.vertical.steps .step:after { - display: none; -} - -/* Active Arrow */ -.ui.vertical.steps .active.step:after { - display: block; -} - - -/*--------------- - Responsive -----------------*/ - -/* Mobile (Default) */ -@media only screen and (max-width: (@largestMobileScreen)) { - -.ui.steps { - overflow: visible; -} -.ui.steps .step { - display: block; - border-radius: @borderRadius; - padding: @verticalPadding @horizontalPadding; -} -.ui.steps .step:first-child { - padding: @verticalPadding @horizontalPadding; - border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em; -} -.ui.steps .step:last-child { - border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius; -} - -/* Arrow */ -.ui.steps .step:after { - display: none; -} - -} - -/******************************* - States -*******************************/ - -/* Link Hover */ -.ui.steps .link.step:hover::after, -.ui.steps .link.step:hover, -.ui.steps a.step:hover::after, -.ui.steps a.step:hover { - background: @hoverBackground; - color: @hoverColor; -} - -/* Link Down */ -.ui.steps .link.step:active::after, -.ui.steps .link.step:active, -.ui.steps a.step:active::after, -.ui.steps a.step:active { - background: @downBackground; - color: @downColor; -} - -/* Active */ -.ui.steps .step.active { - cursor: auto; - background: @activeBackground; -} -.ui.steps .step.active:after { - background: @activeBackground; -} -.ui.steps .step.active .title { - color: @activeColor; -} -.ui.ordered.steps .step.active:before, -.ui.steps .active.step .icon { - color: @activeIconColor; -} - -/* Active Hover */ -.ui.steps .link.active.step:hover::after, -.ui.steps .link.active.step:hover, -.ui.steps a.active.step:hover::after, -.ui.steps a.active.step:hover { - cursor: pointer; - background: @activeHoverBackground; - color: @activeHoverColor; -} - -/* Completed */ -.ui.steps .step.completed > .icon:before, -.ui.ordered.steps .step.completed:before { - color: @completedColor; -} - -/* Disabled */ -.ui.steps .disabled.step { - cursor: auto; - background: @disabledBackground; - pointer-events: none; -} -.ui.steps .disabled.step, -.ui.steps .disabled.step .title, -.ui.steps .disabled.step .description { - color: @disabledColor; -} -.ui.steps .disabled.step:after { - background: @disabledBackground; -} - - -/******************************* - Variations -*******************************/ - - -/*-------------- - Stackable ----------------*/ - - -/* Tablet Or Below */ -@media only screen and (min-width: @computerBreakpoint) { - -.ui[class*="tablet stackable"].steps { - overflow: visible; -} -.ui[class*="tablet stackable"].steps .step { - display: block; - border-radius: @borderRadius; - padding: @verticalPadding @horizontalPadding; -} -.ui[class*="tablet stackable"].steps .step:first-child { - padding: @verticalPadding @horizontalPadding; - border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em; -} -.ui[class*="tablet stackable"].steps .step:last-child { - border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius; -} -/* Arrow */ -.ui[class*="tablet stackable"].steps .step:after { - display: none; -} - -} - - -/*-------------- - Fluid ----------------*/ - -/* Fluid */ -.ui.fluid.steps { - width: 100%; -} - -/*-------------- - Attached ----------------*/ - -/* Top */ -.attached.ui.steps { - margin: @attachedTopMargin; - border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em; -} -.attached.ui.steps .step:first-child { - border-radius: @stepsBorderRadius 0em 0em 0em; -} -.attached.ui.steps .step:last-child { - border-radius: 0em @stepsBorderRadius 0em 0em; -} - -/* Bottom */ -.bottom.attached.ui.steps { - margin: @attachedBottomMargin; - border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius; -} -.bottom.attached.ui.steps .step:first-child { - border-radius: 0em 0em 0em @stepsBorderRadius; -} -.bottom.attached.ui.steps .step:last-child { - border-radius: 0em 0em @stepsBorderRadius 0em; -} - -/*------------------- - Evenly Divided ---------------------*/ - -.ui.one.steps, -.ui.two.steps, -.ui.three.steps, -.ui.four.steps, -.ui.five.steps, -.ui.six.steps, -.ui.seven.steps, -.ui.eight.steps { - width: 100%; -} -.ui.one.steps > .step { - width: 100%; -} -.ui.two.steps > .step { - width: 50%; -} -.ui.three.steps > .step { - width: 33.333%; -} -.ui.four.steps > .step { - width: 25%; -} -.ui.five.steps > .step { - width: 20%; -} -.ui.six.steps > .step { - width: 16.666%; -} -.ui.seven.steps > .step { - width: 14.285%; -} -.ui.eight.steps > .step { - width: 12.500%; -} - -/*------------------- - Sizes ---------------------*/ - - -.ui.small.step, -.ui.small.steps .step { - font-size: @small; -} -.ui.step, -.ui.steps .step { - font-size: @medium; -} -.ui.large.step, -.ui.large.steps .step { - font-size: @large; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/globals/reset.less b/client/assets/less/lib/semantic/src/definitions/globals/reset.less deleted file mode 100755 index 3517e6b..0000000 --- a/client/assets/less/lib/semantic/src/definitions/globals/reset.less +++ /dev/null @@ -1,41 +0,0 @@ -/*! - * # Semantic UI - Reset - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'global'; -@element : 'reset'; - -@import (multiple) '../../theme.config'; - -/******************************* - Reset -*******************************/ - -/* Border-Box */ -*, -*:before, -*:after { - box-sizing: inherit; -} -html { - box-sizing: border-box; -} - -/* iPad Input Shadows */ -input[type="text"], input[type="email"], input[type="search"], input[type="password"] { - -webkit-appearance: none; - -moz-appearance: none; /* mobile firefox too! */ -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/globals/site.js b/client/assets/less/lib/semantic/src/definitions/globals/site.js deleted file mode 100755 index 2b4ff21..0000000 --- a/client/assets/less/lib/semantic/src/definitions/globals/site.js +++ /dev/null @@ -1,487 +0,0 @@ -/*! - * # Semantic UI - Site - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ -;(function ( $, window, document, undefined ) { - -$.site = $.fn.site = function(parameters) { - var - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - - settings = ( $.isPlainObject(parameters) ) - ? $.extend(true, {}, $.site.settings, parameters) - : $.extend({}, $.site.settings), - - namespace = settings.namespace, - error = settings.error, - - eventNamespace = '.' + namespace, - moduleNamespace = 'module-' + namespace, - - $document = $(document), - $module = $document, - element = this, - instance = $module.data(moduleNamespace), - - module, - returnedValue - ; - module = { - - initialize: function() { - module.instantiate(); - }, - - instantiate: function() { - module.verbose('Storing instance of site', module); - instance = module; - $module - .data(moduleNamespace, module) - ; - }, - - normalize: function() { - module.fix.console(); - module.fix.requestAnimationFrame(); - }, - - fix: { - console: function() { - module.debug('Normalizing window.console'); - if (console === undefined || console.log === undefined) { - module.verbose('Console not available, normalizing events'); - module.disable.console(); - } - if (typeof console.group == 'undefined' || typeof console.groupEnd == 'undefined' || typeof console.groupCollapsed == 'undefined') { - module.verbose('Console group not available, normalizing events'); - window.console.group = function() {}; - window.console.groupEnd = function() {}; - window.console.groupCollapsed = function() {}; - } - if (typeof console.markTimeline == 'undefined') { - module.verbose('Mark timeline not available, normalizing events'); - window.console.markTimeline = function() {}; - } - }, - consoleClear: function() { - module.debug('Disabling programmatic console clearing'); - window.console.clear = function() {}; - }, - requestAnimationFrame: function() { - module.debug('Normalizing requestAnimationFrame'); - if(window.requestAnimationFrame === undefined) { - module.debug('RequestAnimationFrame not available, normailizing event'); - window.requestAnimationFrame = window.requestAnimationFrame - || window.mozRequestAnimationFrame - || window.webkitRequestAnimationFrame - || window.msRequestAnimationFrame - || function(callback) { setTimeout(callback, 0); } - ; - } - } - }, - - moduleExists: function(name) { - return ($.fn[name] !== undefined && $.fn[name].settings !== undefined); - }, - - enabled: { - modules: function(modules) { - var - enabledModules = [] - ; - modules = modules || settings.modules; - $.each(modules, function(index, name) { - if(module.moduleExists(name)) { - enabledModules.push(name); - } - }); - return enabledModules; - } - }, - - disabled: { - modules: function(modules) { - var - disabledModules = [] - ; - modules = modules || settings.modules; - $.each(modules, function(index, name) { - if(!module.moduleExists(name)) { - disabledModules.push(name); - } - }); - return disabledModules; - } - }, - - change: { - setting: function(setting, value, modules, modifyExisting) { - modules = (typeof modules === 'string') - ? (modules === 'all') - ? settings.modules - : [modules] - : modules || settings.modules - ; - modifyExisting = (modifyExisting !== undefined) - ? modifyExisting - : true - ; - $.each(modules, function(index, name) { - var - namespace = (module.moduleExists(name)) - ? $.fn[name].settings.namespace || false - : true, - $existingModules - ; - if(module.moduleExists(name)) { - module.verbose('Changing default setting', setting, value, name); - $.fn[name].settings[setting] = value; - if(modifyExisting && namespace) { - $existingModules = $(':data(module-' + namespace + ')'); - if($existingModules.length > 0) { - module.verbose('Modifying existing settings', $existingModules); - $existingModules[name]('setting', setting, value); - } - } - } - }); - }, - settings: function(newSettings, modules, modifyExisting) { - modules = (typeof modules === 'string') - ? [modules] - : modules || settings.modules - ; - modifyExisting = (modifyExisting !== undefined) - ? modifyExisting - : true - ; - $.each(modules, function(index, name) { - var - $existingModules - ; - if(module.moduleExists(name)) { - module.verbose('Changing default setting', newSettings, name); - $.extend(true, $.fn[name].settings, newSettings); - if(modifyExisting && namespace) { - $existingModules = $(':data(module-' + namespace + ')'); - if($existingModules.length > 0) { - module.verbose('Modifying existing settings', $existingModules); - $existingModules[name]('setting', newSettings); - } - } - } - }); - } - }, - - enable: { - console: function() { - module.console(true); - }, - debug: function(modules, modifyExisting) { - modules = modules || settings.modules; - module.debug('Enabling debug for modules', modules); - module.change.setting('debug', true, modules, modifyExisting); - }, - verbose: function(modules, modifyExisting) { - modules = modules || settings.modules; - module.debug('Enabling verbose debug for modules', modules); - module.change.setting('verbose', true, modules, modifyExisting); - } - }, - disable: { - console: function() { - module.console(false); - }, - debug: function(modules, modifyExisting) { - modules = modules || settings.modules; - module.debug('Disabling debug for modules', modules); - module.change.setting('debug', false, modules, modifyExisting); - }, - verbose: function(modules, modifyExisting) { - modules = modules || settings.modules; - module.debug('Disabling verbose debug for modules', modules); - module.change.setting('verbose', false, modules, modifyExisting); - } - }, - - console: function(enable) { - if(enable) { - if(instance.cache.console === undefined) { - module.error(error.console); - return; - } - module.debug('Restoring console function'); - window.console = instance.cache.console; - } - else { - module.debug('Disabling console function'); - instance.cache.console = window.console; - window.console = { - clear : function(){}, - error : function(){}, - group : function(){}, - groupCollapsed : function(){}, - groupEnd : function(){}, - info : function(){}, - log : function(){}, - markTimeline : function(){}, - warn : function(){} - }; - } - }, - - destroy: function() { - module.verbose('Destroying previous site for', $module); - $module - .removeData(moduleNamespace) - ; - }, - - cache: {}, - - setting: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else if(value !== undefined) { - settings[name] = value; - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else if(value !== undefined) { - module[name] = value; - } - else { - return module[name]; - } - }, - debug: function() { - if(settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.debug.apply(console, arguments); - } - } - }, - verbose: function() { - if(settings.verbose && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.verbose.apply(console, arguments); - } - } - }, - error: function() { - module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); - module.error.apply(console, arguments); - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime; - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Element' : element, - 'Name' : message[0], - 'Arguments' : [].slice.call(message, 1) || '', - 'Execution Time' : executionTime - }); - } - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 100); - }, - display: function() { - var - title = settings.name + ':', - totalTime = 0 - ; - time = false; - clearTimeout(module.performance.timer); - $.each(performance, function(index, data) { - totalTime += data['Execution Time']; - }); - title += ' ' + totalTime + 'ms'; - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - console.table(performance); - } - else { - $.each(performance, function(index, data) { - console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); - }); - } - console.groupEnd(); - } - performance = []; - } - }, - invoke: function(query, passedArguments, context) { - var - object = instance, - maxDepth, - found, - response - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && object !== undefined) { - query = query.split(/[\. ]/); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - var camelCaseValue = (depth != maxDepth) - ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) - : query - ; - if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { - object = object[camelCaseValue]; - } - else if( object[camelCaseValue] !== undefined ) { - found = object[camelCaseValue]; - return false; - } - else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { - object = object[value]; - } - else if( object[value] !== undefined ) { - found = object[value]; - return false; - } - else { - module.error(error.method, query); - return false; - } - }); - } - if ( $.isFunction( found ) ) { - response = found.apply(context, passedArguments); - } - else if(found !== undefined) { - response = found; - } - if($.isArray(returnedValue)) { - returnedValue.push(response); - } - else if(returnedValue !== undefined) { - returnedValue = [returnedValue, response]; - } - else if(response !== undefined) { - returnedValue = response; - } - return found; - } - }; - - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - if(instance !== undefined) { - module.destroy(); - } - module.initialize(); - } - return (returnedValue !== undefined) - ? returnedValue - : this - ; -}; - -$.site.settings = { - - name : 'Site', - namespace : 'site', - - error : { - console : 'Console cannot be restored, most likely it was overwritten outside of module', - method : 'The method you called is not defined.' - }, - - debug : false, - verbose : true, - performance : true, - - modules: [ - 'accordion', - 'api', - 'checkbox', - 'dimmer', - 'dropdown', - 'form', - 'modal', - 'nag', - 'popup', - 'rating', - 'shape', - 'sidebar', - 'state', - 'sticky', - 'tab', - 'transition', - 'video', - 'visit', - 'visibility' - ], - - siteNamespace : 'site', - namespaceStub : { - cache : {}, - config : {}, - sections : {}, - section : {}, - utilities : {} - } - -}; - -// allows for selection of elements with data attributes -$.extend($.expr[ ":" ], { - data: ($.expr.createPseudo) - ? $.expr.createPseudo(function(dataName) { - return function(elem) { - return !!$.data(elem, dataName); - }; - }) - : function(elem, i, match) { - // support: jQuery < 1.8 - return !!$.data(elem, match[ 3 ]); - } -}); - - -})( jQuery, window , document ); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/globals/site.less b/client/assets/less/lib/semantic/src/definitions/globals/site.less deleted file mode 100755 index 0eef55c..0000000 --- a/client/assets/less/lib/semantic/src/definitions/globals/site.less +++ /dev/null @@ -1,146 +0,0 @@ -/*! - * # Semantic UI - Site - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'global'; -@element : 'site'; - -@import (multiple) '../../theme.config'; - -/******************************* - Page -*******************************/ - -.loadFonts(); - -html, -body { - height: 100%; -} - -html { - font-size: @emSize; -} - -body { - margin: 0px; - padding: 0px; - min-width: @pageMinWidth; - background: @pageBackground; - font-family: @pageFont; - font-size: @fontSize; - line-height: @lineHeight; - color: @textColor; - font-smoothing: @fontSmoothing; -} - -/******************************* - Headers -*******************************/ - -h1, -h2, -h3, -h4, -h5 { - font-family: @headerFont; - line-height: @headerLineHeight; - margin: @headerMargin; - font-weight: @headerFontWeight; - padding: 0em; -} - -h1 { - min-height: 1rem; - font-size: @h1; -} -h2 { - font-size: @h2; -} -h3 { - font-size: @h3; -} -h4 { - font-size: @h4; -} -h5 { - font-size: @h5; -} - - -/******************************* - Text -*******************************/ - -p { - margin: @paragraphMargin; - line-height: @paragraphLineHeight; -} -p:first-child { - margin-top: 0em; -} -p:last-child { - margin-bottom: 0em; -} - -/*------------------- - Links ---------------------*/ - -a { - color: @linkColor; - text-decoration: @linkUnderline; -} -a:hover { - color: @linkHoverColor; -} - -/******************************* - Highlighting -*******************************/ - -/* Site */ -::-webkit-selection { - background-color: @highlightBackground; - color: @highlightColor; -} -::-moz-selection { - background-color: @highlightBackground; - color: @highlightColor; -} -::selection { - background-color: @highlightBackground; - color: @highlightColor; -} - -/* Form */ -textarea::-webkit-selection, -input::-webkit-selection { - background-color: @inputHighlightBackground; - color: @inputHighlightColor; -} -textarea::-moz-selection, -input::-moz-selection { - background-color: @inputHighlightBackground; - color: @inputHighlightColor; -} -textarea::selection, -input::selection { - background-color: @inputHighlightBackground; - color: @inputHighlightColor; -} - - -.loadUIOverrides(); diff --git a/client/assets/less/lib/semantic/src/definitions/modules/accordion.js b/client/assets/less/lib/semantic/src/definitions/modules/accordion.js deleted file mode 100755 index c16ca9f..0000000 --- a/client/assets/less/lib/semantic/src/definitions/modules/accordion.js +++ /dev/null @@ -1,558 +0,0 @@ -/*! - * # Semantic UI - Accordion - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ($, window, document, undefined) { - -"use strict"; - -$.fn.accordion = function(parameters) { - var - $allModules = $(this), - - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - - requestAnimationFrame = window.requestAnimationFrame - || window.mozRequestAnimationFrame - || window.webkitRequestAnimationFrame - || window.msRequestAnimationFrame - || function(callback) { setTimeout(callback, 0); }, - - returnedValue - ; - $allModules - .each(function() { - var - settings = ( $.isPlainObject(parameters) ) - ? $.extend(true, {}, $.fn.accordion.settings, parameters) - : $.extend({}, $.fn.accordion.settings), - - className = settings.className, - namespace = settings.namespace, - selector = settings.selector, - error = settings.error, - - eventNamespace = '.' + namespace, - moduleNamespace = 'module-' + namespace, - moduleSelector = $allModules.selector || '', - - $module = $(this), - $title = $module.find(selector.title), - $content = $module.find(selector.content), - - element = this, - instance = $module.data(moduleNamespace), - observer, - module - ; - - module = { - - initialize: function() { - module.debug('Initializing accordion with bound events', $module); - $module - .on('click' + eventNamespace, selector.title, module.event.click) - ; - module.observeChanges(); - module.instantiate(); - }, - - instantiate: function() { - instance = module; - $module - .data(moduleNamespace, module) - ; - }, - - destroy: function() { - module.debug('Destroying previous accordion for', $module); - $module - .removeData(moduleNamespace) - ; - $title - .off(eventNamespace) - ; - }, - - refresh: function() { - $title = $module.find(selector.title); - $content = $module.find(selector.content); - }, - - observeChanges: function() { - if('MutationObserver' in window) { - observer = new MutationObserver(function(mutations) { - module.debug('DOM tree modified, updating selector cache'); - module.refresh(); - }); - observer.observe(element, { - childList : true, - subtree : true - }); - module.debug('Setting up mutation observer', observer); - } - }, - - - event: { - click: function() { - module.toggle.call(this); - } - }, - - toggle: function(query) { - var - $activeTitle = (query !== undefined) - ? (typeof query === 'number') - ? $title.eq(query) - : $(query) - : $(this), - $activeContent = $activeTitle.next($content), - contentIsOpen = $activeContent.is(':visible') - ; - module.debug('Toggling visibility of content', $activeTitle); - if(contentIsOpen) { - if(settings.collapsible) { - module.close.call($activeTitle); - } - else { - module.debug('Cannot close accordion content collapsing is disabled'); - } - } - else { - module.open.call($activeTitle); - } - }, - - open: function(query) { - var - $activeTitle = (query !== undefined) - ? (typeof query === 'number') - ? $title.eq(query) - : $(query) - : $(this), - $activeContent = $activeTitle.next($content), - currentlyAnimating = $activeContent.is(':animated'), - currentlyActive = $activeContent.hasClass(className.active) - ; - if(!currentlyAnimating && !currentlyActive) { - module.debug('Opening accordion content', $activeTitle); - if(settings.exclusive) { - module.closeOthers.call($activeTitle); - } - $activeTitle - .addClass(className.active) - ; - if(settings.animateChildren) { - if($.fn.transition !== undefined && $module.transition('is supported')) { - $activeContent - .children() - .transition({ - animation : 'fade in', - useFailSafe : true, - debug : settings.debug, - verbose : settings.verbose, - duration : settings.duration - }) - ; - } - else { - $activeContent - .children() - .stop() - .animate({ - opacity: 1 - }, settings.duration, module.resetOpacity) - ; - } - } - $activeContent - .stop() - .slideDown(settings.duration, settings.easing, function() { - $activeContent - .addClass(className.active) - ; - module.reset.display.call(this); - settings.onOpen.call(this); - settings.onChange.call(this); - }) - ; - } - }, - - close: function(query) { - var - $activeTitle = (query !== undefined) - ? (typeof query === 'number') - ? $title.eq(query) - : $(query) - : $(this), - $activeContent = $activeTitle.next($content), - isActive = $activeContent.hasClass(className.active) - ; - if(isActive) { - module.debug('Closing accordion content', $activeContent); - $activeTitle - .removeClass(className.active) - ; - $activeContent - .removeClass(className.active) - .show() - ; - if(settings.animateChildren) { - if($.fn.transition !== undefined && $module.transition('is supported')) { - $activeContent - .children() - .transition({ - animation : 'fade out', - useFailSafe : true, - debug : settings.debug, - verbose : settings.verbose, - duration : settings.duration - }) - ; - } - else { - $activeContent - .children() - .stop() - .animate({ - opacity: 0 - }, settings.duration, module.resetOpacity) - ; - } - } - $activeContent - .stop() - .slideUp(settings.duration, settings.easing, function() { - module.reset.display.call(this); - settings.onClose.call(this); - settings.onChange.call(this); - }) - ; - } - }, - - closeOthers: function(index) { - var - $activeTitle = (index !== undefined) - ? $title.eq(index) - : $(this), - $parentTitles = $activeTitle.parents(selector.content).prev(selector.title), - $activeAccordion = $activeTitle.closest(selector.accordion), - activeSelector = selector.title + '.' + className.active + ':visible', - activeContent = selector.content + '.' + className.active + ':visible', - $openTitles, - $nestedTitles, - $openContents - ; - if(settings.closeNested) { - $openTitles = $activeAccordion.find(activeSelector).not($parentTitles); - $openContents = $openTitles.next($content); - } - else { - $openTitles = $activeAccordion.find(activeSelector).not($parentTitles); - $nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles); - $openTitles = $openTitles.not($nestedTitles); - $openContents = $openTitles.next($content); - } - if( ($openTitles.length > 0) ) { - module.debug('Exclusive enabled, closing other content', $openTitles); - $openTitles - .removeClass(className.active) - ; - if(settings.animateChildren) { - if($.fn.transition !== undefined && $module.transition('is supported')) { - $openContents - .children() - .transition({ - animation : 'fade out', - useFailSafe : true, - debug : settings.debug, - verbose : settings.verbose, - duration : settings.duration - }) - ; - } - else { - $openContents - .children() - .stop() - .animate({ - opacity: 0 - }, settings.duration, module.resetOpacity) - ; - } - } - $openContents - .stop() - .slideUp(settings.duration , settings.easing, function() { - $(this).removeClass(className.active); - module.reset.display.call(this); - }) - ; - } - }, - - reset: { - - display: function() { - module.verbose('Removing inline display from element', this); - $(this).css('display', ''); - if( $(this).attr('style') === '') { - $(this) - .attr('style', '') - .removeAttr('style') - ; - } - }, - - opacity: function() { - module.verbose('Removing inline opacity from element', this); - $(this).css('opacity', ''); - if( $(this).attr('style') === '') { - $(this) - .attr('style', '') - .removeAttr('style') - ; - } - }, - - }, - - setting: function(name, value) { - module.debug('Changing setting', name, value); - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else if(value !== undefined) { - settings[name] = value; - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - module.debug('Changing internal', name, value); - if(value !== undefined) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else { - module[name] = value; - } - } - else { - return module[name]; - } - }, - debug: function() { - if(settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.debug.apply(console, arguments); - } - } - }, - verbose: function() { - if(settings.verbose && settings.debug) { - if(settings.performance) { - module.performance.log(arguments); - } - else { - module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); - module.verbose.apply(console, arguments); - } - } - }, - error: function() { - module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); - module.error.apply(console, arguments); - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime; - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Name' : message[0], - 'Arguments' : [].slice.call(message, 1) || '', - 'Element' : element, - 'Execution Time' : executionTime - }); - } - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 100); - }, - display: function() { - var - title = settings.name + ':', - totalTime = 0 - ; - time = false; - clearTimeout(module.performance.timer); - $.each(performance, function(index, data) { - totalTime += data['Execution Time']; - }); - title += ' ' + totalTime + 'ms'; - if(moduleSelector) { - title += ' \'' + moduleSelector + '\''; - } - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - console.table(performance); - } - else { - $.each(performance, function(index, data) { - console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); - }); - } - console.groupEnd(); - } - performance = []; - } - }, - invoke: function(query, passedArguments, context) { - var - object = instance, - maxDepth, - found, - response - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && object !== undefined) { - query = query.split(/[\. ]/); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - var camelCaseValue = (depth != maxDepth) - ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) - : query - ; - if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { - object = object[camelCaseValue]; - } - else if( object[camelCaseValue] !== undefined ) { - found = object[camelCaseValue]; - return false; - } - else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { - object = object[value]; - } - else if( object[value] !== undefined ) { - found = object[value]; - return false; - } - else { - module.error(error.method, query); - return false; - } - }); - } - if ( $.isFunction( found ) ) { - response = found.apply(context, passedArguments); - } - else if(found !== undefined) { - response = found; - } - if($.isArray(returnedValue)) { - returnedValue.push(response); - } - else if(returnedValue !== undefined) { - returnedValue = [returnedValue, response]; - } - else if(response !== undefined) { - returnedValue = response; - } - return found; - } - }; - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - if(instance !== undefined) { - instance.invoke('destroy'); - } - module.initialize(); - } - }) - ; - return (returnedValue !== undefined) - ? returnedValue - : this - ; -}; - -$.fn.accordion.settings = { - - name : 'Accordion', - namespace : 'accordion', - - debug : false, - verbose : true, - performance : true, - - exclusive : true, - collapsible : true, - closeNested : false, - animateChildren : true, - - duration : 500, - easing : 'easeOutQuint', - - onOpen : function(){}, - onClose : function(){}, - onChange : function(){}, - - error: { - method : 'The method you called is not defined' - }, - - className : { - active : 'active' - }, - - selector : { - accordion : '.accordion', - title : '.title', - content : '.content' - } - -}; - -// Adds easing -$.extend( $.easing, { - easeOutQuint: function (x, t, b, c, d) { - return c*((t=t/d-1)*t*t*t*t + 1) + b; - } -}); - -})( jQuery, window , document ); - diff --git a/client/assets/less/lib/semantic/src/definitions/modules/accordion.less b/client/assets/less/lib/semantic/src/definitions/modules/accordion.less deleted file mode 100755 index 50b9e5c..0000000 --- a/client/assets/less/lib/semantic/src/definitions/modules/accordion.less +++ /dev/null @@ -1,220 +0,0 @@ -/*! - * # Semantic UI - Accordion - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -/******************************* - Theme -*******************************/ - -@type : 'module'; -@element : 'accordion'; - -@import (multiple) '../../theme.config'; - -/******************************* - Accordion -*******************************/ - -.ui.accordion, -.ui.accordion .accordion { - max-width: 100%; - font-size: @fontSize; -} -.ui.accordion .accordion { - margin: @childAccordionMargin; - padding: @childAccordionPadding; -} - -/* Title */ -.ui.accordion .title, -.ui.accordion .accordion .title { - cursor: pointer; -} - -/* Default Styling */ -.ui.accordion .title:not(.ui) { - padding: @titlePadding; - font-family: @titleFont; - font-size: @titleFontSize; - color: @titleColor; -} - -/* Content */ -.ui.accordion .title ~ .content, -.ui.accordion .accordion .title ~ .content { - display: none; -} - -/* Default Styling */ -.ui.accordion:not(.styled) .title ~ .content:not(.ui), -.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { - margin: @contentMargin; - padding: @contentPadding; -} -.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { - padding-bottom: 0em; -} - -/* Arrow */ -.ui.accordion .title .dropdown.icon, -.ui.accordion .accordion .title .dropdown.icon { - display: @iconDisplay; - float: @iconFloat; - opacity: @iconOpacity; - width: @iconWidth; - height: @iconHeight; - margin: @iconMargin; - padding: @iconPadding; - font-size: @iconFontSize; - transition: @iconTransition; - vertical-align: @iconVerticalAlign; - transform: @iconTransform; -} - -/*-------------- - Coupling ----------------*/ - -/* Menu */ -.ui.accordion.menu .item .title { - display: block; - padding: @menuTitlePadding; -} -.ui.accordion.menu .item .title > .dropdown.icon { - float: @menuIconFloat; - margin: @menuIconMargin; - transform: @menuIconTransform; -} - -/* Header */ -.ui.accordion .ui.header .dropdown.icon { - font-size: @iconFontSize; - margin: @iconMargin; -} - -/******************************* - States -*******************************/ - -.ui.accordion .active.title .dropdown.icon, -.ui.accordion .accordion .active.title .dropdown.icon { - transform: @activeIconTransform; -} - -.ui.accordion.menu .item .active.title > .dropdown.icon { - transform: @activeIconTransform; -} - -/******************************* - Types -*******************************/ - -/*-------------- - Styled ----------------*/ - -.ui.styled.accordion { - width: @styledWidth; -} - -.ui.styled.accordion, -.ui.styled.accordion .accordion { - border-radius: @styledBorderRadius; - background: @styledBackground; - box-shadow: @styledBoxShadow; -} -.ui.styled.accordion .title, -.ui.styled.accordion .accordion .title { - margin: @styledTitleMargin; - padding: @styledTitlePadding; - color: @styledTitleColor; - font-weight: @styledTitleFontWeight; - border-top: @styledTitleBorder; - transition: @styledTitleTransition; -} -.ui.styled.accordion > .title:first-child, -.ui.styled.accordion > .accordion .title:first-child { - border-top: none; -} - - -/* Content */ -.ui.styled.accordion .content, -.ui.styled.accordion .accordion .content { - margin: @styledContentMargin; - padding: @styledContentPadding; -} -.ui.styled.accordion .accordion .content { - padding: @styledChildContentMargin; - padding: @styledChildContentPadding; -} - - -/* Hover */ -.ui.styled.accordion .title:hover, -.ui.styled.accordion .active.title, -.ui.styled.accordion .accordion .title:hover, -.ui.styled.accordion .accordion .active.title { - background: @styledTitleHoverBackground; - color: @styledTitleHoverColor; -} -.ui.styled.accordion .accordion .title:hover, -.ui.styled.accordion .accordion .active.title { - background: @styledHoverChildTitleBackground; - color: @styledHoverChildTitleColor; -} - - -/* Active */ -.ui.styled.accordion .active.title { - background: @styledActiveTitleBackground; - color: @styledActiveTitleColor; -} -.ui.styled.accordion .accordion .active.title { - background: @styledActiveChildTitleBackground; - color: @styledActiveChildTitleColor; -} - - -/******************************* - States -*******************************/ - -/*-------------- - Active ----------------*/ - -.ui.accordion .active.content, -.ui.accordion .accordion .active.content { - display: block; -} - -/******************************* - Variations -*******************************/ - -/*-------------- - Fluid ----------------*/ - -.ui.fluid.accordion, -.ui.fluid.accordion .accordion { - width: 100%; -} - -/*-------------- - Inverted ----------------*/ - -.ui.inverted.accordion .title:not(.ui) { - color: @invertedTitleColor; -} - -.loadUIOverrides(); \ No newline at end of file diff --git a/client/assets/less/lib/semantic/src/definitions/modules/checkbox.js b/client/assets/less/lib/semantic/src/definitions/modules/checkbox.js deleted file mode 100755 index b5f2b11..0000000 --- a/client/assets/less/lib/semantic/src/definitions/modules/checkbox.js +++ /dev/null @@ -1,509 +0,0 @@ -/*! - * # Semantic UI - Checkbox - * http://github.com/semantic-org/semantic-ui/ - * - * - * Copyright 2014 Contributors - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ( $, window, document, undefined ) { - -"use strict"; - -$.fn.checkbox = function(parameters) { - var - $allModules = $(this), - moduleSelector = $allModules.selector || '', - - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - returnedValue - ; - - $allModules - .each(function() { - var - settings = $.extend(true, {}, $.fn.checkbox.settings, parameters), - - className = settings.className, - namespace = settings.namespace, - selector = settings.selector, - error = settings.error, - - eventNamespace = '.' + namespace, - moduleNamespace = 'module-' + namespace, - - $module = $(this), - $label = $(this).find(selector.label).first(), - $input = $(this).find(selector.input), - - instance = $module.data(moduleNamespace), - - observer, - element = this, - module - ; - - module = { - - initialize: function() { - module.verbose('Initializing checkbox', settings); - - module.create.label(); - module.add.events(); - - if( module.is.checked() ) { - module.set.checked(); - if(settings.fireOnInit) { - settings.onChecked.call($input.get()); - } - } - else { - module.remove.checked(); - if(settings.fireOnInit) { - settings.onUnchecked.call($input.get()); - } - } - module.observeChanges(); - - module.instantiate(); - }, - - instantiate: function() { - module.verbose('Storing instance of module', module); - instance = module; - $module - .data(moduleNamespace, module) - ; - }, - - destroy: function() { - module.verbose('Destroying module'); - module.remove.events(); - $module - .removeData(moduleNamespace) - ; - }, - - refresh: function() { - $module = $(this); - $label = $(this).find(selector.label).first(); - $input = $(this).find(selector.input); - }, - - observeChanges: function() { - if('MutationObserver' in window) { - observer = new MutationObserver(function(mutations) { - module.debug('DOM tree modified, updating selector cache'); - module.refresh(); - }); - observer.observe(element, { - childList : true, - subtree : true - }); - module.debug('Setting up mutation observer', observer); - } - }, - - attachEvents: function(selector, event) { - var - $element = $(selector) - ; - event = $.isFunction(module[event]) - ? module[event] - : module.toggle - ; - if($element.length > 0) { - module.debug('Attaching checkbox events to element', selector, event); - $element - .on('click' + eventNamespace, event) - ; - } - else { - module.error(error.notFound); - } - }, - - event: { - keydown: function(event) { - var - key = event.which, - keyCode = { - enter : 13, - space : 32, - escape : 27 - } - ; - if( key == keyCode.escape) { - module.verbose('Escape key pressed blurring field'); - $module - .blur() - ; - } - if(!event.ctrlKey && (key == keyCode.enter || key == keyCode.space)) { - module.verbose('Enter key pressed, toggling checkbox'); - module.toggle.call(this); - event.preventDefault(); - } - } - }, - - is: { - radio: function() { - return $module.hasClass(className.radio); - }, - checked: function() { - return $input.prop('checked') !== undefined && $input.prop('checked'); - }, - unchecked: function() { - return !module.is.checked(); - } - }, - - can: { - change: function() { - return !( $module.hasClass(className.disabled) || $module.hasClass(className.readOnly) || $input.prop('disabled') ); - }, - uncheck: function() { - return (typeof settings.uncheckable === 'boolean') - ? settings.uncheckable - : !module.is.radio() - ; - } - }, - - set: { - checked: function() { - $module.addClass(className.checked); - }, - tab: function() { - if( $input.attr('tabindex') === undefined) { - $input - .attr('tabindex', 0) - ; - } - } - }, - - create: { - label: function() { - if($input.prevAll(selector.label).length > 0) { - $input.prev(selector.label).detach().insertAfter($input); - module.debug('Moving existing label', $label); - } - else if( !module.has.label() ) { - $label = $('