aboutsummaryrefslogtreecommitdiff
path: root/semantic/dist/components/dimmer.css
diff options
context:
space:
mode:
Diffstat (limited to 'semantic/dist/components/dimmer.css')
-rw-r--r--semantic/dist/components/dimmer.css366
1 files changed, 0 insertions, 366 deletions
diff --git a/semantic/dist/components/dimmer.css b/semantic/dist/components/dimmer.css
deleted file mode 100644
index fa1a05f..0000000
--- a/semantic/dist/components/dimmer.css
+++ /dev/null
@@ -1,366 +0,0 @@
-/*!
- * # Fomantic-UI - Dimmer
- * http://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
- Dimmer
-*******************************/
-
-.dimmable:not(body) {
- position: relative;
-}
-.ui.dimmer {
- display: none;
- position: absolute;
- top: 0 !important;
- left: 0 !important;
- width: 100%;
- height: 100%;
- text-align: center;
- vertical-align: middle;
- padding: 1em;
- background: rgba(0, 0, 0, 0.85);
- opacity: 0;
- line-height: 1;
- animation-fill-mode: both;
- animation-duration: 0.5s;
- transition: background-color 0.5s linear;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- -webkit-user-select: none;
- user-select: none;
- will-change: opacity;
- z-index: 1000;
-}
-
-/* Dimmer Content */
-.ui.dimmer > .content {
- -webkit-user-select: text;
- user-select: text;
- color: #FFFFFF;
-}
-
-/* Loose Coupling */
-.ui.segment > .ui.dimmer:not(.page) {
- border-radius: inherit;
-}
-
-/* Scrollbars */
-.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
- background: rgba(255, 255, 255, 0.1);
-}
-.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
- background: rgba(255, 255, 255, 0.25);
-}
-.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
- background: rgba(255, 255, 255, 0.15);
-}
-.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
- background: rgba(255, 255, 255, 0.35);
-}
-
-
-/*******************************
- States
-*******************************/
-
-
-/* Animating */
-.animating.dimmable:not(body),
-.dimmed.dimmable:not(body) {
- overflow: hidden;
-}
-
-/* Animating / Active / Visible */
-.dimmed.dimmable > .ui.animating.dimmer,
-.dimmed.dimmable > .ui.visible.dimmer,
-.ui.active.dimmer {
- display: flex;
- opacity: 1;
-}
-
-/* Disabled */
-.ui.disabled.dimmer {
- width: 0 !important;
- height: 0 !important;
-}
-
-
-/*******************************
- Variations
-*******************************/
-
-
-/*--------------
- Legacy
- ---------------*/
-
-
-/* Animating / Active / Visible */
-.dimmed.dimmable > .ui.animating.legacy.dimmer,
-.dimmed.dimmable > .ui.visible.legacy.dimmer,
-.ui.active.legacy.dimmer {
- display: block;
-}
-
-/*--------------
- Alignment
- ---------------*/
-
-.ui[class*="top aligned"].dimmer {
- justify-content: flex-start;
-}
-.ui[class*="bottom aligned"].dimmer {
- justify-content: flex-end;
-}
-
-/*--------------
- Page
- ---------------*/
-
-.ui.page.dimmer {
- position: fixed;
- transform-style: '';
- perspective: 2000px;
- transform-origin: center center;
-}
-.ui.page.dimmer.modals {
- -moz-perspective: none;
-}
-body.animating.in.dimmable,
-body.dimmed.dimmable {
- overflow: hidden;
-}
-body.dimmable > .dimmer {
- position: fixed;
-}
-
-/*--------------
- Blurring
- ---------------*/
-
-.blurring.dimmable > :not(.dimmer) {
- filter: initial;
- transition: 800ms filter ease;
-}
-.blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
- filter: blur(5px) grayscale(0.7);
-}
-
-/* Dimmer Color */
-.blurring.dimmable > .dimmer {
- background: rgba(0, 0, 0, 0.6);
-}
-.blurring.dimmable > .inverted.dimmer {
- background: rgba(255, 255, 255, 0.6);
-}
-
-/*--------------
- Aligned
- ---------------*/
-
-.ui.dimmer > .top.aligned.content > * {
- vertical-align: top;
-}
-.ui.dimmer > .bottom.aligned.content > * {
- vertical-align: bottom;
-}
-
-/*--------------
- Shades
- ---------------*/
-
-.medium.medium.medium.medium.medium.dimmer {
- background: rgba(0, 0, 0, 0.65);
-}
-.light.light.light.light.light.dimmer {
- background: rgba(0, 0, 0, 0.45);
-}
-.very.light.light.light.light.dimmer {
- background: rgba(0, 0, 0, 0.25);
-}
-
-/*--------------
- Inverted
- ---------------*/
-
-.ui.inverted.dimmer {
- background: rgba(255, 255, 255, 0.85);
-}
-.ui.inverted.dimmer > .content,
-.ui.inverted.dimmer > .content > * {
- color: #000000;
-}
-
-/*--------------
- Inverted Shades
- ---------------*/
-
-.medium.medium.medium.medium.medium.inverted.dimmer {
- background: rgba(255, 255, 255, 0.65);
-}
-.light.light.light.light.light.inverted.dimmer {
- background: rgba(255, 255, 255, 0.45);
-}
-.very.light.light.light.light.inverted.dimmer {
- background: rgba(255, 255, 255, 0.25);
-}
-
-/*--------------
- Simple
- ---------------*/
-
-
-/* Displays without javascript */
-.ui.simple.dimmer {
- display: block;
- overflow: hidden;
- opacity: 0;
- width: 0;
- height: 0;
- z-index: -100;
- background: 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);
-}
-
-/*--------------
- Partially
- ----------------*/
-
-.ui[class*="top dimmer"],
-.ui[class*="center dimmer"],
-.ui[class*="bottom dimmer"] {
- height: auto;
-}
-.ui[class*="bottom dimmer"] {
- top: auto !important;
- bottom: 0;
-}
-.ui[class*="center dimmer"] {
- top: 50% !important;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
-}
-.ui.segment > .ui.ui[class*="top dimmer"] {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
-}
-.ui.segment > .ui.ui[class*="center dimmer"] {
- border-radius: 0;
-}
-.ui.segment > .ui.ui[class*="bottom dimmer"] {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
-}
-.ui[class*="center dimmer"].transition[class*="fade up"].in {
- animation-name: fadeInUpCenter;
-}
-.ui[class*="center dimmer"].transition[class*="fade down"].in {
- animation-name: fadeInDownCenter;
-}
-.ui[class*="center dimmer"].transition[class*="fade up"].out {
- animation-name: fadeOutUpCenter;
-}
-.ui[class*="center dimmer"].transition[class*="fade down"].out {
- animation-name: fadeOutDownCenter;
-}
-.ui[class*="center dimmer"].bounce.transition {
- animation-name: bounceCenter;
-}
-@keyframes fadeInUpCenter {
- 0% {
- opacity: 0;
- transform: translateY(-40%);
- -webkit-transform: translateY(calc(-40% - 0.5px));
- }
- 100% {
- opacity: 1;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
-}
-@keyframes fadeInDownCenter {
- 0% {
- opacity: 0;
- transform: translateY(-60%);
- -webkit-transform: translateY(calc(-60% - 0.5px));
- }
- 100% {
- opacity: 1;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
-}
-@keyframes fadeOutUpCenter {
- 0% {
- opacity: 1;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
- 100% {
- opacity: 0;
- transform: translateY(-45%);
- -webkit-transform: translateY(calc(-45% - 0.5px));
- }
-}
-@keyframes fadeOutDownCenter {
- 0% {
- opacity: 1;
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
- 100% {
- opacity: 0;
- transform: translateY(-55%);
- -webkit-transform: translateY(calc(-55% - 0.5px));
- }
-}
-@keyframes bounceCenter {
- 0%,
- 20%,
- 50%,
- 80%,
- 100% {
- transform: translateY(-50%);
- -webkit-transform: translateY(calc(-50% - 0.5px));
- }
- 40% {
- transform: translateY(calc(-50% - 30px));
- }
- 60% {
- transform: translateY(calc(-50% - 15px));
- }
-}
-
-
-/*******************************
- Theme Overrides
-*******************************/
-
-
-
-/*******************************
- User Overrides
-*******************************/
-