diff --git a/web_src/fomantic/_site/globals/site.variables b/web_src/fomantic/_site/globals/site.variables index a8b5c52f6be9..bb432f918d9f 100644 --- a/web_src/fomantic/_site/globals/site.variables +++ b/web_src/fomantic/_site/globals/site.variables @@ -9,3 +9,41 @@ @linkHoverUnderline: underline; @variationButtonSocial: false; @pageOverflowX: visible; + +/* disable all inverted variations */ +@variationAccordionInverted: false; +@variationBreadcrumbInverted: false; +@variationButtonAttached: false; +@variationButtonInverted: false; +@variationCalendarInverted: false; +@variationCardInverted: false; +@variationCheckboxInverted: false; +@variationCommentInverted: false; +@variationDimmerInverted: false; +@variationDividerInverted: false; +@variationDropdownInverted: false; +@variationFeedInverted: false; +@variationFlyoutInverted: false; +@variationFormInverted: false; +@variationGridInverted: false; +@variationHeaderInverted: false; +@variationIconInverted: false; +@variationInputInverted: false; +@variationItemInverted: false; +@variationLabelInverted: false; +@variationListInverted: false; +@variationMenuInverted: false; +@variationMessageInverted: false; +@variationModalInverted: false; +@variationNagInverted: false; +@variationPlaceholderInverted: false; +@variationPopupInverted: false; +@variationProgressInverted: false; +@variationSegmentInverted: false; +@variationSliderInverted: false; +@variationStatisticInverted: false; +@variationStepInverted: false; +@variationTableInverted: false; +@variationTextInverted: false; +@variationToastInverted: false; +@variationTransitionInverted: false; diff --git a/web_src/fomantic/build/semantic.css b/web_src/fomantic/build/semantic.css index c80a233fb40b..77b1483c98bc 100644 --- a/web_src/fomantic/build/semantic.css +++ b/web_src/fomantic/build/semantic.css @@ -326,62 +326,6 @@ transform: scale(1); } -/*------------------- - Inverted - --------------------*/ - -.ui.inverted.button { - box-shadow: 0 0 0 2px #FFFFFF inset; - background: transparent none; - color: #FFFFFF; - text-shadow: none !important; -} - -/* Group */ - -.ui.inverted.buttons .button { - margin: 0 0 0 -2px; -} - -.ui.inverted.buttons .button:first-child { - margin-left: 0; -} - -.ui.inverted.vertical.buttons .button { - margin: 0 0 -2px 0; -} - -.ui.inverted.vertical.buttons .button:first-child { - margin-top: 0; -} - -/* States */ - -/* Hover */ - -.ui.inverted.button:hover { - background: #FFFFFF; - box-shadow: 0 0 0 2px #FFFFFF inset; - color: rgba(0, 0, 0, 0.8); -} - -/* Active / Focus */ - -.ui.inverted.button:focus, -.ui.inverted.button.active { - background: #FFFFFF; - box-shadow: 0 0 0 2px #FFFFFF inset; - color: rgba(0, 0, 0, 0.8); -} - -/* Active Focus */ - -.ui.inverted.button.active:focus { - background: #DCDDDE; - box-shadow: 0 0 0 2px #DCDDDE inset; - color: rgba(0, 0, 0, 0.8); -} - /*------------------- Labeled Button --------------------*/ @@ -669,48 +613,6 @@ box-shadow: ''; } -/* Standard Basic Inverted */ - -.ui.basic.inverted.buttons .button, -.ui.basic.inverted.button { - background-color: transparent; - color: #F9FAFB; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; -} - -.ui.basic.inverted.buttons .button:hover, -.ui.basic.inverted.button:hover { - color: #FFFFFF; - box-shadow: 0 0 0 2px #ffffff inset; -} - -.ui.basic.inverted.buttons .button:focus, -.ui.basic.inverted.button:focus { - color: #FFFFFF; - box-shadow: 0 0 0 2px #ffffff inset; -} - -.ui.basic.inverted.buttons .button:active, -.ui.basic.inverted.button:active { - background-color: rgba(255, 255, 255, 0.08); - color: #FFFFFF; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset; -} - -.ui.basic.inverted.buttons .active.button, -.ui.basic.inverted.active.button { - background-color: rgba(255, 255, 255, 0.08); - color: #FFFFFF; - text-shadow: none; - box-shadow: 0 0 0 2px 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.15); - box-shadow: 0 0 0 2px #ffffff inset; -} - /* Basic Group */ .ui.basic.buttons .button { @@ -934,135 +836,6 @@ display: none; } -/*------------------- - Attached - --------------------*/ - -/* Singular */ - -.ui.attached.button { - position: relative; - display: block; - margin: 0; - border-radius: 0; - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15); -} - -/* Top / Bottom */ - -.ui.attached.top.button { - border-radius: 0.28571429rem 0.28571429rem 0 0; -} - -.ui.attached.bottom.button { - border-radius: 0 0 0.28571429rem 0.28571429rem; -} - -/* Left / Right */ - -.ui.left.attached.button { - display: inline-block; - border-left: none; - text-align: right; - padding-right: 0.75em; - border-radius: 0.28571429rem 0 0 0.28571429rem; -} - -.ui.right.attached.button { - display: inline-block; - text-align: left; - padding-left: 0.75em; - border-radius: 0 0.28571429rem 0.28571429rem 0; -} - -/* Plural */ - -.ui.attached.buttons { - position: relative; - display: flex; - border-radius: 0; - width: auto !important; - z-index: auto; - margin-left: -1px; - margin-right: -1px; -} - -.ui.attached.buttons .button { - margin: 0; -} - -.ui.attached.buttons .button:first-child { - border-radius: 0; -} - -.ui.attached.buttons .button:last-child { - border-radius: 0; -} - -/* Top / Bottom */ - -.ui[class*="top attached"].buttons { - margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0 0; -} - -.ui[class*="top attached"].buttons .button:first-child { - border-radius: 0.28571429rem 0 0 0; -} - -.ui[class*="top attached"].buttons .button:last-child { - border-radius: 0 0.28571429rem 0 0; -} - -.ui[class*="bottom attached"].buttons { - margin-top: -1px; - border-radius: 0 0 0.28571429rem 0.28571429rem; -} - -.ui[class*="bottom attached"].buttons .button:first-child { - border-radius: 0 0 0 0.28571429rem; -} - -.ui[class*="bottom attached"].buttons .button:last-child { - border-radius: 0 0 0.28571429rem 0; -} - -/* Left / Right */ - -.ui[class*="left attached"].buttons { - display: inline-flex; - margin-right: 0; - margin-left: -1px; - border-radius: 0 0.28571429rem 0.28571429rem 0; -} - -.ui[class*="left attached"].buttons .button:first-child { - margin-left: -1px; - border-radius: 0 0.28571429rem 0 0; -} - -.ui[class*="left attached"].buttons .button:last-child { - margin-left: -1px; - border-radius: 0 0 0.28571429rem 0; -} - -.ui[class*="right attached"].buttons { - display: inline-flex; - margin-left: 0; - margin-right: -1px; - border-radius: 0.28571429rem 0 0 0.28571429rem; -} - -.ui[class*="right attached"].buttons .button:first-child { - margin-left: -1px; - border-radius: 0.28571429rem 0 0 0; -} - -.ui[class*="right attached"].buttons .button:last-child { - margin-left: -1px; - border-radius: 0 0 0 0.28571429rem; -} - /*------------------- Fluid --------------------*/ @@ -1303,85 +1076,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.primary.buttons .button, -.ui.inverted.primary.button { - background-color: transparent; - box-shadow: 0 0 0 2px #54C8FF inset; - color: #54C8FF; -} - -.ui.inverted.primary.buttons .button:hover, -.ui.inverted.primary.button:hover, -.ui.inverted.primary.buttons .button:focus, -.ui.inverted.primary.button:focus, -.ui.inverted.primary.buttons .button.active, -.ui.inverted.primary.button.active, -.ui.inverted.primary.buttons .button:active, -.ui.inverted.primary.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.primary.buttons .button:hover, -.ui.inverted.primary.button:hover { - background-color: #21b8ff; -} - -.ui.inverted.primary.buttons .button:focus, -.ui.inverted.primary.button:focus { - background-color: #2bbbff; -} - -.ui.inverted.primary.buttons .active.button, -.ui.inverted.primary.active.button { - background-color: #3ac0ff; -} - -.ui.inverted.primary.buttons .button:active, -.ui.inverted.primary.button:active { - background-color: #21b8ff; -} - -/* Inverted Basic */ - -.ui.inverted.primary.basic.buttons .button, -.ui.inverted.primary.buttons .basic.button, -.ui.inverted.primary.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.primary.basic.buttons .button:hover, -.ui.inverted.primary.buttons .basic.button:hover, -.ui.inverted.primary.basic.button:hover { - box-shadow: 0 0 0 2px #21b8ff inset; - color: #54C8FF; -} - -.ui.inverted.primary.basic.buttons .button:focus, -.ui.inverted.primary.basic.buttons .button:focus, -.ui.inverted.primary.basic.button:focus { - box-shadow: 0 0 0 2px #2bbbff inset; - color: #54C8FF; -} - -.ui.inverted.primary.basic.buttons .active.button, -.ui.inverted.primary.buttons .basic.active.button, -.ui.inverted.primary.basic.active.button { - box-shadow: 0 0 0 2px #3ac0ff inset; - color: #54C8FF; -} - -.ui.inverted.primary.basic.buttons .button:active, -.ui.inverted.primary.buttons .basic.button:active, -.ui.inverted.primary.basic.button:active { - box-shadow: 0 0 0 2px #21b8ff inset; - color: #54C8FF; -} - /* Tertiary */ .ui.tertiary.primary.buttons .button, @@ -1498,85 +1192,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.secondary.buttons .button, -.ui.inverted.secondary.button { - background-color: transparent; - box-shadow: 0 0 0 2px #545454 inset; - color: #545454; -} - -.ui.inverted.secondary.buttons .button:hover, -.ui.inverted.secondary.button:hover, -.ui.inverted.secondary.buttons .button:focus, -.ui.inverted.secondary.button:focus, -.ui.inverted.secondary.buttons .button.active, -.ui.inverted.secondary.button.active, -.ui.inverted.secondary.buttons .button:active, -.ui.inverted.secondary.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.secondary.buttons .button:hover, -.ui.inverted.secondary.button:hover { - background-color: #6e6e6e; -} - -.ui.inverted.secondary.buttons .button:focus, -.ui.inverted.secondary.button:focus { - background-color: #686868; -} - -.ui.inverted.secondary.buttons .active.button, -.ui.inverted.secondary.active.button { - background-color: #616161; -} - -.ui.inverted.secondary.buttons .button:active, -.ui.inverted.secondary.button:active { - background-color: #6e6e6e; -} - -/* Inverted Basic */ - -.ui.inverted.secondary.basic.buttons .button, -.ui.inverted.secondary.buttons .basic.button, -.ui.inverted.secondary.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.secondary.basic.buttons .button:hover, -.ui.inverted.secondary.buttons .basic.button:hover, -.ui.inverted.secondary.basic.button:hover { - box-shadow: 0 0 0 2px #6e6e6e inset; - color: #545454; -} - -.ui.inverted.secondary.basic.buttons .button:focus, -.ui.inverted.secondary.basic.buttons .button:focus, -.ui.inverted.secondary.basic.button:focus { - box-shadow: 0 0 0 2px #686868 inset; - color: #545454; -} - -.ui.inverted.secondary.basic.buttons .active.button, -.ui.inverted.secondary.buttons .basic.active.button, -.ui.inverted.secondary.basic.active.button { - box-shadow: 0 0 0 2px #616161 inset; - color: #545454; -} - -.ui.inverted.secondary.basic.buttons .button:active, -.ui.inverted.secondary.buttons .basic.button:active, -.ui.inverted.secondary.basic.button:active { - box-shadow: 0 0 0 2px #6e6e6e inset; - color: #545454; -} - /* Tertiary */ .ui.tertiary.secondary.buttons .button, @@ -1693,85 +1308,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.red.buttons .button, -.ui.inverted.red.button { - background-color: transparent; - box-shadow: 0 0 0 2px #FF695E inset; - color: #FF695E; -} - -.ui.inverted.red.buttons .button:hover, -.ui.inverted.red.button:hover, -.ui.inverted.red.buttons .button:focus, -.ui.inverted.red.button:focus, -.ui.inverted.red.buttons .button.active, -.ui.inverted.red.button.active, -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.red.buttons .button:hover, -.ui.inverted.red.button:hover { - background-color: #ff392b; -} - -.ui.inverted.red.buttons .button:focus, -.ui.inverted.red.button:focus { - background-color: #ff4335; -} - -.ui.inverted.red.buttons .active.button, -.ui.inverted.red.active.button { - background-color: #ff5144; -} - -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.button:active { - background-color: #ff392b; -} - -/* Inverted Basic */ - -.ui.inverted.red.basic.buttons .button, -.ui.inverted.red.buttons .basic.button, -.ui.inverted.red.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.red.basic.buttons .button:hover, -.ui.inverted.red.buttons .basic.button:hover, -.ui.inverted.red.basic.button:hover { - box-shadow: 0 0 0 2px #ff392b inset; - color: #FF695E; -} - -.ui.inverted.red.basic.buttons .button:focus, -.ui.inverted.red.basic.buttons .button:focus, -.ui.inverted.red.basic.button:focus { - box-shadow: 0 0 0 2px #ff4335 inset; - color: #FF695E; -} - -.ui.inverted.red.basic.buttons .active.button, -.ui.inverted.red.buttons .basic.active.button, -.ui.inverted.red.basic.active.button { - box-shadow: 0 0 0 2px #ff5144 inset; - color: #FF695E; -} - -.ui.inverted.red.basic.buttons .button:active, -.ui.inverted.red.buttons .basic.button:active, -.ui.inverted.red.basic.button:active { - box-shadow: 0 0 0 2px #ff392b inset; - color: #FF695E; -} - /* Tertiary */ .ui.tertiary.red.buttons .button, @@ -1888,85 +1424,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.orange.buttons .button, -.ui.inverted.orange.button { - background-color: transparent; - box-shadow: 0 0 0 2px #FF851B inset; - color: #FF851B; -} - -.ui.inverted.orange.buttons .button:hover, -.ui.inverted.orange.button:hover, -.ui.inverted.orange.buttons .button:focus, -.ui.inverted.orange.button:focus, -.ui.inverted.orange.buttons .button.active, -.ui.inverted.orange.button.active, -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.orange.buttons .button:hover, -.ui.inverted.orange.button:hover { - background-color: #e76b00; -} - -.ui.inverted.orange.buttons .button:focus, -.ui.inverted.orange.button:focus { - background-color: #f17000; -} - -.ui.inverted.orange.buttons .active.button, -.ui.inverted.orange.active.button { - background-color: #ff7701; -} - -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.button:active { - background-color: #e76b00; -} - -/* Inverted Basic */ - -.ui.inverted.orange.basic.buttons .button, -.ui.inverted.orange.buttons .basic.button, -.ui.inverted.orange.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.orange.basic.buttons .button:hover, -.ui.inverted.orange.buttons .basic.button:hover, -.ui.inverted.orange.basic.button:hover { - box-shadow: 0 0 0 2px #e76b00 inset; - color: #FF851B; -} - -.ui.inverted.orange.basic.buttons .button:focus, -.ui.inverted.orange.basic.buttons .button:focus, -.ui.inverted.orange.basic.button:focus { - box-shadow: 0 0 0 2px #f17000 inset; - color: #FF851B; -} - -.ui.inverted.orange.basic.buttons .active.button, -.ui.inverted.orange.buttons .basic.active.button, -.ui.inverted.orange.basic.active.button { - box-shadow: 0 0 0 2px #ff7701 inset; - color: #FF851B; -} - -.ui.inverted.orange.basic.buttons .button:active, -.ui.inverted.orange.buttons .basic.button:active, -.ui.inverted.orange.basic.button:active { - box-shadow: 0 0 0 2px #e76b00 inset; - color: #FF851B; -} - /* Tertiary */ .ui.tertiary.orange.buttons .button, @@ -2083,85 +1540,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.yellow.buttons .button, -.ui.inverted.yellow.button { - background-color: transparent; - box-shadow: 0 0 0 2px #FFE21F inset; - color: #FFE21F; -} - -.ui.inverted.yellow.buttons .button:hover, -.ui.inverted.yellow.button:hover, -.ui.inverted.yellow.buttons .button:focus, -.ui.inverted.yellow.button:focus, -.ui.inverted.yellow.buttons .button.active, -.ui.inverted.yellow.button.active, -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.button:active { - box-shadow: none; - color: rgba(0, 0, 0, 0.6); -} - -.ui.inverted.yellow.buttons .button:hover, -.ui.inverted.yellow.button:hover { - background-color: #ebcd00; -} - -.ui.inverted.yellow.buttons .button:focus, -.ui.inverted.yellow.button:focus { - background-color: #f5d500; -} - -.ui.inverted.yellow.buttons .active.button, -.ui.inverted.yellow.active.button { - background-color: #ffdf05; -} - -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.button:active { - background-color: #ebcd00; -} - -/* Inverted Basic */ - -.ui.inverted.yellow.basic.buttons .button, -.ui.inverted.yellow.buttons .basic.button, -.ui.inverted.yellow.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.yellow.basic.buttons .button:hover, -.ui.inverted.yellow.buttons .basic.button:hover, -.ui.inverted.yellow.basic.button:hover { - box-shadow: 0 0 0 2px #ebcd00 inset; - color: #FFE21F; -} - -.ui.inverted.yellow.basic.buttons .button:focus, -.ui.inverted.yellow.basic.buttons .button:focus, -.ui.inverted.yellow.basic.button:focus { - box-shadow: 0 0 0 2px #f5d500 inset; - color: #FFE21F; -} - -.ui.inverted.yellow.basic.buttons .active.button, -.ui.inverted.yellow.buttons .basic.active.button, -.ui.inverted.yellow.basic.active.button { - box-shadow: 0 0 0 2px #ffdf05 inset; - color: #FFE21F; -} - -.ui.inverted.yellow.basic.buttons .button:active, -.ui.inverted.yellow.buttons .basic.button:active, -.ui.inverted.yellow.basic.button:active { - box-shadow: 0 0 0 2px #ebcd00 inset; - color: #FFE21F; -} - /* Tertiary */ .ui.tertiary.yellow.buttons .button, @@ -2278,85 +1656,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.olive.buttons .button, -.ui.inverted.olive.button { - background-color: transparent; - box-shadow: 0 0 0 2px #D9E778 inset; - color: #D9E778; -} - -.ui.inverted.olive.buttons .button:hover, -.ui.inverted.olive.button:hover, -.ui.inverted.olive.buttons .button:focus, -.ui.inverted.olive.button:focus, -.ui.inverted.olive.buttons .button.active, -.ui.inverted.olive.button.active, -.ui.inverted.olive.buttons .button:active, -.ui.inverted.olive.button:active { - box-shadow: none; - color: rgba(0, 0, 0, 0.6); -} - -.ui.inverted.olive.buttons .button:hover, -.ui.inverted.olive.button:hover { - background-color: #d2e745; -} - -.ui.inverted.olive.buttons .button:focus, -.ui.inverted.olive.button:focus { - background-color: #daef47; -} - -.ui.inverted.olive.buttons .active.button, -.ui.inverted.olive.active.button { - background-color: #daed59; -} - -.ui.inverted.olive.buttons .button:active, -.ui.inverted.olive.button:active { - background-color: #cddf4d; -} - -/* Inverted Basic */ - -.ui.inverted.olive.basic.buttons .button, -.ui.inverted.olive.buttons .basic.button, -.ui.inverted.olive.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.olive.basic.buttons .button:hover, -.ui.inverted.olive.buttons .basic.button:hover, -.ui.inverted.olive.basic.button:hover { - box-shadow: 0 0 0 2px #d2e745 inset; - color: #D9E778; -} - -.ui.inverted.olive.basic.buttons .button:focus, -.ui.inverted.olive.basic.buttons .button:focus, -.ui.inverted.olive.basic.button:focus { - box-shadow: 0 0 0 2px #daef47 inset; - color: #D9E778; -} - -.ui.inverted.olive.basic.buttons .active.button, -.ui.inverted.olive.buttons .basic.active.button, -.ui.inverted.olive.basic.active.button { - box-shadow: 0 0 0 2px #daed59 inset; - color: #D9E778; -} - -.ui.inverted.olive.basic.buttons .button:active, -.ui.inverted.olive.buttons .basic.button:active, -.ui.inverted.olive.basic.button:active { - box-shadow: 0 0 0 2px #cddf4d inset; - color: #D9E778; -} - /* Tertiary */ .ui.tertiary.olive.buttons .button, @@ -2473,85 +1772,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.green.buttons .button, -.ui.inverted.green.button { - background-color: transparent; - box-shadow: 0 0 0 2px #2ECC40 inset; - color: #2ECC40; -} - -.ui.inverted.green.buttons .button:hover, -.ui.inverted.green.button:hover, -.ui.inverted.green.buttons .button:focus, -.ui.inverted.green.button:focus, -.ui.inverted.green.buttons .button.active, -.ui.inverted.green.button.active, -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.green.buttons .button:hover, -.ui.inverted.green.button:hover { - background-color: #1ea92e; -} - -.ui.inverted.green.buttons .button:focus, -.ui.inverted.green.button:focus { - background-color: #19b82b; -} - -.ui.inverted.green.buttons .active.button, -.ui.inverted.green.active.button { - background-color: #1fc231; -} - -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.button:active { - background-color: #25a233; -} - -/* Inverted Basic */ - -.ui.inverted.green.basic.buttons .button, -.ui.inverted.green.buttons .basic.button, -.ui.inverted.green.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.green.basic.buttons .button:hover, -.ui.inverted.green.buttons .basic.button:hover, -.ui.inverted.green.basic.button:hover { - box-shadow: 0 0 0 2px #1ea92e inset; - color: #2ECC40; -} - -.ui.inverted.green.basic.buttons .button:focus, -.ui.inverted.green.basic.buttons .button:focus, -.ui.inverted.green.basic.button:focus { - box-shadow: 0 0 0 2px #19b82b inset; - color: #2ECC40; -} - -.ui.inverted.green.basic.buttons .active.button, -.ui.inverted.green.buttons .basic.active.button, -.ui.inverted.green.basic.active.button { - box-shadow: 0 0 0 2px #1fc231 inset; - color: #2ECC40; -} - -.ui.inverted.green.basic.buttons .button:active, -.ui.inverted.green.buttons .basic.button:active, -.ui.inverted.green.basic.button:active { - box-shadow: 0 0 0 2px #25a233 inset; - color: #2ECC40; -} - /* Tertiary */ .ui.tertiary.green.buttons .button, @@ -2668,85 +1888,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.teal.buttons .button, -.ui.inverted.teal.button { - background-color: transparent; - box-shadow: 0 0 0 2px #6DFFFF inset; - color: #6DFFFF; -} - -.ui.inverted.teal.buttons .button:hover, -.ui.inverted.teal.button:hover, -.ui.inverted.teal.buttons .button:focus, -.ui.inverted.teal.button:focus, -.ui.inverted.teal.buttons .button.active, -.ui.inverted.teal.button.active, -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.button:active { - box-shadow: none; - color: rgba(0, 0, 0, 0.6); -} - -.ui.inverted.teal.buttons .button:hover, -.ui.inverted.teal.button:hover { - background-color: #3affff; -} - -.ui.inverted.teal.buttons .button:focus, -.ui.inverted.teal.button:focus { - background-color: #44ffff; -} - -.ui.inverted.teal.buttons .active.button, -.ui.inverted.teal.active.button { - background-color: #54ffff; -} - -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.button:active { - background-color: #3affff; -} - -/* Inverted Basic */ - -.ui.inverted.teal.basic.buttons .button, -.ui.inverted.teal.buttons .basic.button, -.ui.inverted.teal.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.teal.basic.buttons .button:hover, -.ui.inverted.teal.buttons .basic.button:hover, -.ui.inverted.teal.basic.button:hover { - box-shadow: 0 0 0 2px #3affff inset; - color: #6DFFFF; -} - -.ui.inverted.teal.basic.buttons .button:focus, -.ui.inverted.teal.basic.buttons .button:focus, -.ui.inverted.teal.basic.button:focus { - box-shadow: 0 0 0 2px #44ffff inset; - color: #6DFFFF; -} - -.ui.inverted.teal.basic.buttons .active.button, -.ui.inverted.teal.buttons .basic.active.button, -.ui.inverted.teal.basic.active.button { - box-shadow: 0 0 0 2px #54ffff inset; - color: #6DFFFF; -} - -.ui.inverted.teal.basic.buttons .button:active, -.ui.inverted.teal.buttons .basic.button:active, -.ui.inverted.teal.basic.button:active { - box-shadow: 0 0 0 2px #3affff inset; - color: #6DFFFF; -} - /* Tertiary */ .ui.tertiary.teal.buttons .button, @@ -2863,85 +2004,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.blue.buttons .button, -.ui.inverted.blue.button { - background-color: transparent; - box-shadow: 0 0 0 2px #54C8FF inset; - color: #54C8FF; -} - -.ui.inverted.blue.buttons .button:hover, -.ui.inverted.blue.button:hover, -.ui.inverted.blue.buttons .button:focus, -.ui.inverted.blue.button:focus, -.ui.inverted.blue.buttons .button.active, -.ui.inverted.blue.button.active, -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.blue.buttons .button:hover, -.ui.inverted.blue.button:hover { - background-color: #21b8ff; -} - -.ui.inverted.blue.buttons .button:focus, -.ui.inverted.blue.button:focus { - background-color: #2bbbff; -} - -.ui.inverted.blue.buttons .active.button, -.ui.inverted.blue.active.button { - background-color: #3ac0ff; -} - -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.button:active { - background-color: #21b8ff; -} - -/* Inverted Basic */ - -.ui.inverted.blue.basic.buttons .button, -.ui.inverted.blue.buttons .basic.button, -.ui.inverted.blue.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.blue.basic.buttons .button:hover, -.ui.inverted.blue.buttons .basic.button:hover, -.ui.inverted.blue.basic.button:hover { - box-shadow: 0 0 0 2px #21b8ff inset; - color: #54C8FF; -} - -.ui.inverted.blue.basic.buttons .button:focus, -.ui.inverted.blue.basic.buttons .button:focus, -.ui.inverted.blue.basic.button:focus { - box-shadow: 0 0 0 2px #2bbbff inset; - color: #54C8FF; -} - -.ui.inverted.blue.basic.buttons .active.button, -.ui.inverted.blue.buttons .basic.active.button, -.ui.inverted.blue.basic.active.button { - box-shadow: 0 0 0 2px #3ac0ff inset; - color: #54C8FF; -} - -.ui.inverted.blue.basic.buttons .button:active, -.ui.inverted.blue.buttons .basic.button:active, -.ui.inverted.blue.basic.button:active { - box-shadow: 0 0 0 2px #21b8ff inset; - color: #54C8FF; -} - /* Tertiary */ .ui.tertiary.blue.buttons .button, @@ -3058,85 +2120,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.violet.buttons .button, -.ui.inverted.violet.button { - background-color: transparent; - box-shadow: 0 0 0 2px #A291FB inset; - color: #A291FB; -} - -.ui.inverted.violet.buttons .button:hover, -.ui.inverted.violet.button:hover, -.ui.inverted.violet.buttons .button:focus, -.ui.inverted.violet.button:focus, -.ui.inverted.violet.buttons .button.active, -.ui.inverted.violet.button.active, -.ui.inverted.violet.buttons .button:active, -.ui.inverted.violet.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.violet.buttons .button:hover, -.ui.inverted.violet.button:hover { - background-color: #745aff; -} - -.ui.inverted.violet.buttons .button:focus, -.ui.inverted.violet.button:focus { - background-color: #7d64ff; -} - -.ui.inverted.violet.buttons .active.button, -.ui.inverted.violet.active.button { - background-color: #8a73ff; -} - -.ui.inverted.violet.buttons .button:active, -.ui.inverted.violet.button:active { - background-color: #7860f9; -} - -/* Inverted Basic */ - -.ui.inverted.violet.basic.buttons .button, -.ui.inverted.violet.buttons .basic.button, -.ui.inverted.violet.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.violet.basic.buttons .button:hover, -.ui.inverted.violet.buttons .basic.button:hover, -.ui.inverted.violet.basic.button:hover { - box-shadow: 0 0 0 2px #745aff inset; - color: #A291FB; -} - -.ui.inverted.violet.basic.buttons .button:focus, -.ui.inverted.violet.basic.buttons .button:focus, -.ui.inverted.violet.basic.button:focus { - box-shadow: 0 0 0 2px #7d64ff inset; - color: #A291FB; -} - -.ui.inverted.violet.basic.buttons .active.button, -.ui.inverted.violet.buttons .basic.active.button, -.ui.inverted.violet.basic.active.button { - box-shadow: 0 0 0 2px #8a73ff inset; - color: #A291FB; -} - -.ui.inverted.violet.basic.buttons .button:active, -.ui.inverted.violet.buttons .basic.button:active, -.ui.inverted.violet.basic.button:active { - box-shadow: 0 0 0 2px #7860f9 inset; - color: #A291FB; -} - /* Tertiary */ .ui.tertiary.violet.buttons .button, @@ -3253,85 +2236,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.purple.buttons .button, -.ui.inverted.purple.button { - background-color: transparent; - box-shadow: 0 0 0 2px #DC73FF inset; - color: #DC73FF; -} - -.ui.inverted.purple.buttons .button:hover, -.ui.inverted.purple.button:hover, -.ui.inverted.purple.buttons .button:focus, -.ui.inverted.purple.button:focus, -.ui.inverted.purple.buttons .button.active, -.ui.inverted.purple.button.active, -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.purple.buttons .button:hover, -.ui.inverted.purple.button:hover { - background-color: #cf40ff; -} - -.ui.inverted.purple.buttons .button:focus, -.ui.inverted.purple.button:focus { - background-color: #d24aff; -} - -.ui.inverted.purple.buttons .active.button, -.ui.inverted.purple.active.button { - background-color: #d65aff; -} - -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.button:active { - background-color: #cf40ff; -} - -/* Inverted Basic */ - -.ui.inverted.purple.basic.buttons .button, -.ui.inverted.purple.buttons .basic.button, -.ui.inverted.purple.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.purple.basic.buttons .button:hover, -.ui.inverted.purple.buttons .basic.button:hover, -.ui.inverted.purple.basic.button:hover { - box-shadow: 0 0 0 2px #cf40ff inset; - color: #DC73FF; -} - -.ui.inverted.purple.basic.buttons .button:focus, -.ui.inverted.purple.basic.buttons .button:focus, -.ui.inverted.purple.basic.button:focus { - box-shadow: 0 0 0 2px #d24aff inset; - color: #DC73FF; -} - -.ui.inverted.purple.basic.buttons .active.button, -.ui.inverted.purple.buttons .basic.active.button, -.ui.inverted.purple.basic.active.button { - box-shadow: 0 0 0 2px #d65aff inset; - color: #DC73FF; -} - -.ui.inverted.purple.basic.buttons .button:active, -.ui.inverted.purple.buttons .basic.button:active, -.ui.inverted.purple.basic.button:active { - box-shadow: 0 0 0 2px #cf40ff inset; - color: #DC73FF; -} - /* Tertiary */ .ui.tertiary.purple.buttons .button, @@ -3448,85 +2352,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.pink.buttons .button, -.ui.inverted.pink.button { - background-color: transparent; - box-shadow: 0 0 0 2px #FF8EDF inset; - color: #FF8EDF; -} - -.ui.inverted.pink.buttons .button:hover, -.ui.inverted.pink.button:hover, -.ui.inverted.pink.buttons .button:focus, -.ui.inverted.pink.button:focus, -.ui.inverted.pink.buttons .button.active, -.ui.inverted.pink.button.active, -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.pink.buttons .button:hover, -.ui.inverted.pink.button:hover { - background-color: #ff5bd1; -} - -.ui.inverted.pink.buttons .button:focus, -.ui.inverted.pink.button:focus { - background-color: #ff65d3; -} - -.ui.inverted.pink.buttons .active.button, -.ui.inverted.pink.active.button { - background-color: #ff74d8; -} - -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.button:active { - background-color: #ff5bd1; -} - -/* Inverted Basic */ - -.ui.inverted.pink.basic.buttons .button, -.ui.inverted.pink.buttons .basic.button, -.ui.inverted.pink.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.pink.basic.buttons .button:hover, -.ui.inverted.pink.buttons .basic.button:hover, -.ui.inverted.pink.basic.button:hover { - box-shadow: 0 0 0 2px #ff5bd1 inset; - color: #FF8EDF; -} - -.ui.inverted.pink.basic.buttons .button:focus, -.ui.inverted.pink.basic.buttons .button:focus, -.ui.inverted.pink.basic.button:focus { - box-shadow: 0 0 0 2px #ff65d3 inset; - color: #FF8EDF; -} - -.ui.inverted.pink.basic.buttons .active.button, -.ui.inverted.pink.buttons .basic.active.button, -.ui.inverted.pink.basic.active.button { - box-shadow: 0 0 0 2px #ff74d8 inset; - color: #FF8EDF; -} - -.ui.inverted.pink.basic.buttons .button:active, -.ui.inverted.pink.buttons .basic.button:active, -.ui.inverted.pink.basic.button:active { - box-shadow: 0 0 0 2px #ff5bd1 inset; - color: #FF8EDF; -} - /* Tertiary */ .ui.tertiary.pink.buttons .button, @@ -3643,85 +2468,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.brown.buttons .button, -.ui.inverted.brown.button { - background-color: transparent; - box-shadow: 0 0 0 2px #D67C1C inset; - color: #D67C1C; -} - -.ui.inverted.brown.buttons .button:hover, -.ui.inverted.brown.button:hover, -.ui.inverted.brown.buttons .button:focus, -.ui.inverted.brown.button:focus, -.ui.inverted.brown.buttons .button.active, -.ui.inverted.brown.button.active, -.ui.inverted.brown.buttons .button:active, -.ui.inverted.brown.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.brown.buttons .button:hover, -.ui.inverted.brown.button:hover { - background-color: #b0620f; -} - -.ui.inverted.brown.buttons .button:focus, -.ui.inverted.brown.button:focus { - background-color: #c16808; -} - -.ui.inverted.brown.buttons .active.button, -.ui.inverted.brown.active.button { - background-color: #cc6f0d; -} - -.ui.inverted.brown.buttons .button:active, -.ui.inverted.brown.button:active { - background-color: #a96216; -} - -/* Inverted Basic */ - -.ui.inverted.brown.basic.buttons .button, -.ui.inverted.brown.buttons .basic.button, -.ui.inverted.brown.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.brown.basic.buttons .button:hover, -.ui.inverted.brown.buttons .basic.button:hover, -.ui.inverted.brown.basic.button:hover { - box-shadow: 0 0 0 2px #b0620f inset; - color: #D67C1C; -} - -.ui.inverted.brown.basic.buttons .button:focus, -.ui.inverted.brown.basic.buttons .button:focus, -.ui.inverted.brown.basic.button:focus { - box-shadow: 0 0 0 2px #c16808 inset; - color: #D67C1C; -} - -.ui.inverted.brown.basic.buttons .active.button, -.ui.inverted.brown.buttons .basic.active.button, -.ui.inverted.brown.basic.active.button { - box-shadow: 0 0 0 2px #cc6f0d inset; - color: #D67C1C; -} - -.ui.inverted.brown.basic.buttons .button:active, -.ui.inverted.brown.buttons .basic.button:active, -.ui.inverted.brown.basic.button:active { - box-shadow: 0 0 0 2px #a96216 inset; - color: #D67C1C; -} - /* Tertiary */ .ui.tertiary.brown.buttons .button, @@ -3838,85 +2584,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.grey.buttons .button, -.ui.inverted.grey.button { - background-color: transparent; - box-shadow: 0 0 0 2px #D4D4D5 inset; - color: #FFFFFF; -} - -.ui.inverted.grey.buttons .button:hover, -.ui.inverted.grey.button:hover, -.ui.inverted.grey.buttons .button:focus, -.ui.inverted.grey.button:focus, -.ui.inverted.grey.buttons .button.active, -.ui.inverted.grey.button.active, -.ui.inverted.grey.buttons .button:active, -.ui.inverted.grey.button:active { - box-shadow: none; - color: rgba(0, 0, 0, 0.6); -} - -.ui.inverted.grey.buttons .button:hover, -.ui.inverted.grey.button:hover { - background-color: #c2c4c5; -} - -.ui.inverted.grey.buttons .button:focus, -.ui.inverted.grey.button:focus { - background-color: #c7c9cb; -} - -.ui.inverted.grey.buttons .active.button, -.ui.inverted.grey.active.button { - background-color: #cfd0d2; -} - -.ui.inverted.grey.buttons .button:active, -.ui.inverted.grey.button:active { - background-color: #c2c4c5; -} - -/* Inverted Basic */ - -.ui.inverted.grey.basic.buttons .button, -.ui.inverted.grey.buttons .basic.button, -.ui.inverted.grey.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.grey.basic.buttons .button:hover, -.ui.inverted.grey.buttons .basic.button:hover, -.ui.inverted.grey.basic.button:hover { - box-shadow: 0 0 0 2px #c2c4c5 inset; - color: #FFFFFF; -} - -.ui.inverted.grey.basic.buttons .button:focus, -.ui.inverted.grey.basic.buttons .button:focus, -.ui.inverted.grey.basic.button:focus { - box-shadow: 0 0 0 2px #c7c9cb inset; - color: #DCDDDE; -} - -.ui.inverted.grey.basic.buttons .active.button, -.ui.inverted.grey.buttons .basic.active.button, -.ui.inverted.grey.basic.active.button { - box-shadow: 0 0 0 2px #cfd0d2 inset; - color: #FFFFFF; -} - -.ui.inverted.grey.basic.buttons .button:active, -.ui.inverted.grey.buttons .basic.button:active, -.ui.inverted.grey.basic.button:active { - box-shadow: 0 0 0 2px #c2c4c5 inset; - color: #FFFFFF; -} - /* Tertiary */ .ui.tertiary.grey.buttons .button, @@ -4033,85 +2700,6 @@ margin-left: -1px; } -/* Inverted */ - -.ui.inverted.black.buttons .button, -.ui.inverted.black.button { - background-color: transparent; - box-shadow: 0 0 0 2px #D4D4D5 inset; - color: #FFFFFF; -} - -.ui.inverted.black.buttons .button:hover, -.ui.inverted.black.button:hover, -.ui.inverted.black.buttons .button:focus, -.ui.inverted.black.button:focus, -.ui.inverted.black.buttons .button.active, -.ui.inverted.black.button.active, -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.button:active { - box-shadow: none; - color: #FFFFFF; -} - -.ui.inverted.black.buttons .button:hover, -.ui.inverted.black.button:hover { - background-color: #000000; -} - -.ui.inverted.black.buttons .button:focus, -.ui.inverted.black.button:focus { - background-color: #000000; -} - -.ui.inverted.black.buttons .active.button, -.ui.inverted.black.active.button { - background-color: #000000; -} - -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.button:active { - background-color: #000000; -} - -/* Inverted Basic */ - -.ui.inverted.black.basic.buttons .button, -.ui.inverted.black.buttons .basic.button, -.ui.inverted.black.basic.button { - background-color: transparent; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; - color: #FFFFFF; -} - -.ui.inverted.black.basic.buttons .button:hover, -.ui.inverted.black.buttons .basic.button:hover, -.ui.inverted.black.basic.button:hover { - box-shadow: 0 0 0 2px #000000 inset; - color: #FFFFFF; -} - -.ui.inverted.black.basic.buttons .button:focus, -.ui.inverted.black.basic.buttons .button:focus, -.ui.inverted.black.basic.button:focus { - box-shadow: 0 0 0 2px #000000 inset; - color: #545454; -} - -.ui.inverted.black.basic.buttons .active.button, -.ui.inverted.black.buttons .basic.active.button, -.ui.inverted.black.basic.active.button { - box-shadow: 0 0 0 2px #000000 inset; - color: #FFFFFF; -} - -.ui.inverted.black.basic.buttons .button:active, -.ui.inverted.black.buttons .basic.button:active, -.ui.inverted.black.basic.button:active { - box-shadow: 0 0 0 2px #000000 inset; - color: #FFFFFF; -} - /* Tertiary */ .ui.tertiary.black.buttons .button, @@ -4964,95 +3552,6 @@ width: 3.5rem; } -/*-------------- - Inverted - ---------------*/ - -.ui.inverted.checkbox label, -.ui.inverted.checkbox + label { - color: rgba(255, 255, 255, 0.9) !important; -} - -/* Hover */ - -.ui.inverted.checkbox label:hover { - color: #ffffff !important; -} - -.ui.inverted.checkbox label:hover::before { - border-color: rgba(34, 36, 38, 0.5); -} - -/*Slider Label */ - -.ui.inverted.slider.checkbox label { - color: rgba(255, 255, 255, 0.5); -} - -/* Slider Line */ - -.ui.inverted.slider.checkbox label:before { - background-color: rgba(255, 255, 255, 0.5) !important; -} - -/* Slider Hover */ - -.ui.inverted.slider.checkbox label:hover::before { - background: rgba(255, 255, 255, 0.7) !important; -} - -/* Slider Active */ - -.ui.inverted.slider.checkbox input:checked ~ label { - color: #ffffff !important; -} - -.ui.inverted.slider.checkbox input:checked ~ label:before { - background-color: rgba(255, 255, 255, 0.8) !important; -} - -/* Slider Active Focus */ - -.ui.inverted.slider.checkbox input:focus:checked ~ label { - color: #ffffff !important; -} - -.ui.inverted.slider.checkbox input:focus:checked ~ label:before { - background-color: rgba(255, 255, 255, 0.8) !important; -} - -/* Toggle Switch */ - -.ui.inverted.toggle.checkbox label:before { - background-color: rgba(255, 255, 255, 0.9) !important; -} - -/* Toggle Hover */ - -.ui.inverted.toggle.checkbox label:hover::before { - background: #ffffff !important; -} - -/* Toggle Active */ - -.ui.inverted.toggle.checkbox input:checked ~ label { - color: #ffffff !important; -} - -.ui.inverted.toggle.checkbox input:checked ~ label:before { - background-color: #2185D0 !important; -} - -/* Toggle Active Focus */ - -.ui.inverted.toggle.checkbox input:focus:checked ~ label { - color: #ffffff !important; -} - -.ui.inverted.toggle.checkbox input:focus:checked ~ label:before { - background-color: #0d71bb !important; -} - /*-------------------- Size ---------------------*/ @@ -5559,35 +4058,6 @@ body.dimmable > .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 ---------------*/ @@ -6044,21 +4514,6 @@ body.dimmable > .dimmer { 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(34, 36, 38, 0.15) !important; - border-left-color: rgba(34, 36, 38, 0.15) !important; - border-bottom-color: rgba(255, 255, 255, 0.15) !important; - border-right-color: rgba(255, 255, 255, 0.15) !important; -} - /*-------------- Fitted ---------------*/ @@ -8056,191 +6511,6 @@ select.ui.dropdown { font-size: 1.71428571rem; } -/*-------------- - Inverted - ---------------*/ - -/* General rules and basic dropdowns */ - -.ui.inverted.dropdown .menu { - background: #1B1C1D; - box-shadow: none; - border: 1px solid rgba(255, 255, 255, 0.15); -} - -.ui.inverted.dropdown .menu > .item { - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.dropdown .menu .active.item { - background: transparent; - color: rgba(255, 255, 255, 0.8); - box-shadow: none; -} - -.ui.inverted.dropdown .menu > .item:hover { - background: rgba(255, 255, 255, 0.08); - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.dropdown.selected, -.ui.inverted.dropdown .menu .selected.item { - background: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.dropdown .menu > .header { - color: #FFFFFF; -} - -.ui.inverted.dropdown > .text > .description, -.ui.inverted.dropdown .menu > .item > .description { - color: rgba(255, 255, 255, 0.5); -} - -.ui.inverted.dropdown .menu > .divider { - border-top: 1px solid rgba(255, 255, 255, 0.15); -} - -.ui.inverted.dropdown .scrolling.menu { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.15); -} - -/* Selection */ - -.ui.inverted.selection.dropdown { - border: 1px solid rgba(255, 255, 255, 0.15); - background: #1B1C1D; - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.selection.dropdown:hover { - border-color: rgba(255, 255, 255, 0.25); - box-shadow: none; -} - -.ui.inverted.selection.dropdown input { - color: #FFFFFF; -} - -.ui.inverted.selection.visible.dropdown > .text:not(.default) { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.selection.active.dropdown .menu, -.ui.inverted.selection.active.dropdown:hover { - border-color: rgba(255, 255, 255, 0.15); -} - -.ui.inverted.selection.dropdown .menu > .item { - border-top: 1px solid #242526; -} - -.ui.inverted.dropdown:not(.button) > .default.text, -.ui.inverted.default.dropdown:not(.button) > .text { - color: rgba(255, 255, 255, 0.5); -} - -.ui.inverted.dropdown:not(.button) > input:focus ~ .default.text, -.ui.inverted.default.dropdown:not(.button) > input:focus ~ .text { - color: rgba(255, 255, 255, 0.7); -} - -.ui.inverted.active.search.dropdown input.search:focus + .text i.icon, -.ui.inverted.active.search.dropdown input.search:focus + .text .flag { - opacity: 0.45; -} - -.ui.inverted.active.search.dropdown input.search:focus + .text { - color: rgba(255, 255, 255, 0.7) !important; -} - -.ui.inverted.dropdown .menu > .message:not(.ui) { - color: rgba(255, 255, 255, 0.5); -} - -/* Fixing the border */ - -.ui.inverted.dropdown .menu > .item:first-child { - border-top-width: 0; -} - -/* Labels */ - -.ui.inverted.multiple.dropdown > .label { - background-color: rgba(255, 255, 255, 0.7); - background-image: none; - color: #000000; - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset; -} - -.ui.inverted.multiple.dropdown > .label:hover { - background-color: rgba(255, 255, 255, 0.9); - border-color: rgba(255, 255, 255, 0.9); - background-image: none; - color: #000000; -} - -.ui.inverted.multiple.dropdown > .label > .close.icon, -.ui.inverted.multiple.dropdown > .label > .delete.icon { - opacity: 0.6; -} - -.ui.inverted.multiple.dropdown > .label > .close.icon:hover, -.ui.inverted.multiple.dropdown > .label > .delete.icon:hover { - opacity: 0.8; -} - -/* Selection for form elements */ - -.ui.inverted.dropdown textarea::-webkit-selection, -.ui.inverted.dropdown input::-webkit-selection { - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.dropdown textarea::-moz-selection, -.ui.inverted.dropdown input::-moz-selection { - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.dropdown textarea::-moz-selection, -.ui.inverted.dropdown input::-moz-selection { - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.dropdown textarea::selection, -.ui.inverted.dropdown input::selection { - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.8); -} - -/* Scrollbars */ - -.ui.inverted.dropdown .menu::-webkit-scrollbar-track { - background: rgba(255, 255, 255, 0.1); -} - -.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.25); -} - -.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive { - background: rgba(255, 255, 255, 0.15); -} - -.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover { - background: rgba(255, 255, 255, 0.35); -} - -.ui.inverted.pointing.dropdown > .menu:after { - background: #1B1C1D; - box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15); -} - /******************************* Theme Overrides *******************************/ @@ -9811,52 +8081,6 @@ select.ui.dropdown { 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, -.ui.inverted.form .inline.fields > label, -.ui.inverted.form .inline.fields .field > label, -.ui.inverted.form .inline.fields .field > p, -.ui.inverted.form .inline.field > label, -.ui.inverted.form .inline.field > p { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.loading.form { - color: #FFFFFF; -} - -.ui.inverted.loading.form:before { - background: rgba(0, 0, 0, 0.85); -} - -/* Inverted Field */ - -.ui.inverted.form input:not([type]), -.ui.inverted.form input[type="date"], -.ui.inverted.form input[type="datetime-local"], -.ui.inverted.form input[type="email"], -.ui.inverted.form input[type="number"], -.ui.inverted.form input[type="password"], -.ui.inverted.form input[type="search"], -.ui.inverted.form input[type="tel"], -.ui.inverted.form input[type="time"], -.ui.inverted.form input[type="text"], -.ui.inverted.form input[type="file"], -.ui.inverted.form input[type="url"] { - background: #FFFFFF; - border-color: rgba(255, 255, 255, 0.1); - color: rgba(0, 0, 0, 0.87); - box-shadow: none; -} - /*-------------------- Field Groups ---------------------*/ @@ -11442,22 +9666,6 @@ select.ui.dropdown { 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 0 0 0 rgba(255, 255, 255, 0.1); -} - -.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: 0 -1px 0 0 rgba(255, 255, 255, 0.1); -} - /* Relaxed */ .ui.relaxed[class*="vertically divided"].grid > .row:before { @@ -12190,13 +10398,6 @@ select.ui.dropdown { 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.1); - } - .ui.stackable.celled.grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.celled.grid > .row > .column, @@ -12814,30 +11015,6 @@ h6.ui.header .sub.header { Variations *******************************/ -/*------------------- - Inverted - --------------------*/ - -.ui.inverted.header { - color: #FFFFFF; -} - -.ui.inverted.header .sub.header { - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.attached.header { - background: #1B1C1D; - box-shadow: none; - border-color: transparent; -} - -.ui.inverted.block.header { - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); - box-shadow: none; - border-bottom: none; -} - /*------------------- Colors --------------------*/ @@ -12854,18 +11031,6 @@ a.ui.primary.header:hover { border-bottom: 2px solid #2185D0; } -.ui.inverted.primary.header.header.header { - color: #54C8FF; -} - -a.ui.inverted.primary.header.header.header:hover { - color: #21b8ff; -} - -.ui.inverted.primary.dividing.header { - border-bottom: 2px solid #54C8FF; -} - .ui.secondary.header { color: #1B1C1D; } @@ -12878,18 +11043,6 @@ a.ui.secondary.header:hover { border-bottom: 2px solid #1B1C1D; } -.ui.inverted.secondary.header.header.header { - color: #545454; -} - -a.ui.inverted.secondary.header.header.header:hover { - color: #6e6e6e; -} - -.ui.inverted.secondary.dividing.header { - border-bottom: 2px solid #545454; -} - .ui.red.header { color: #DB2828; } @@ -12902,18 +11055,6 @@ a.ui.red.header:hover { border-bottom: 2px solid #DB2828; } -.ui.inverted.red.header.header.header { - color: #FF695E; -} - -a.ui.inverted.red.header.header.header:hover { - color: #ff392b; -} - -.ui.inverted.red.dividing.header { - border-bottom: 2px solid #FF695E; -} - .ui.orange.header { color: #F2711C; } @@ -12926,18 +11067,6 @@ a.ui.orange.header:hover { border-bottom: 2px solid #F2711C; } -.ui.inverted.orange.header.header.header { - color: #FF851B; -} - -a.ui.inverted.orange.header.header.header:hover { - color: #e76b00; -} - -.ui.inverted.orange.dividing.header { - border-bottom: 2px solid #FF851B; -} - .ui.yellow.header { color: #FBBD08; } @@ -12950,18 +11079,6 @@ a.ui.yellow.header:hover { border-bottom: 2px solid #FBBD08; } -.ui.inverted.yellow.header.header.header { - color: #FFE21F; -} - -a.ui.inverted.yellow.header.header.header:hover { - color: #ebcd00; -} - -.ui.inverted.yellow.dividing.header { - border-bottom: 2px solid #FFE21F; -} - .ui.olive.header { color: #B5CC18; } @@ -12974,18 +11091,6 @@ a.ui.olive.header:hover { border-bottom: 2px solid #B5CC18; } -.ui.inverted.olive.header.header.header { - color: #D9E778; -} - -a.ui.inverted.olive.header.header.header:hover { - color: #d2e745; -} - -.ui.inverted.olive.dividing.header { - border-bottom: 2px solid #D9E778; -} - .ui.green.header { color: #21BA45; } @@ -12998,18 +11103,6 @@ a.ui.green.header:hover { border-bottom: 2px solid #21BA45; } -.ui.inverted.green.header.header.header { - color: #2ECC40; -} - -a.ui.inverted.green.header.header.header:hover { - color: #1ea92e; -} - -.ui.inverted.green.dividing.header { - border-bottom: 2px solid #2ECC40; -} - .ui.teal.header { color: #00B5AD; } @@ -13022,18 +11115,6 @@ a.ui.teal.header:hover { border-bottom: 2px solid #00B5AD; } -.ui.inverted.teal.header.header.header { - color: #6DFFFF; -} - -a.ui.inverted.teal.header.header.header:hover { - color: #3affff; -} - -.ui.inverted.teal.dividing.header { - border-bottom: 2px solid #6DFFFF; -} - .ui.blue.header { color: #2185D0; } @@ -13046,18 +11127,6 @@ a.ui.blue.header:hover { border-bottom: 2px solid #2185D0; } -.ui.inverted.blue.header.header.header { - color: #54C8FF; -} - -a.ui.inverted.blue.header.header.header:hover { - color: #21b8ff; -} - -.ui.inverted.blue.dividing.header { - border-bottom: 2px solid #54C8FF; -} - .ui.violet.header { color: #6435C9; } @@ -13070,18 +11139,6 @@ a.ui.violet.header:hover { border-bottom: 2px solid #6435C9; } -.ui.inverted.violet.header.header.header { - color: #A291FB; -} - -a.ui.inverted.violet.header.header.header:hover { - color: #745aff; -} - -.ui.inverted.violet.dividing.header { - border-bottom: 2px solid #A291FB; -} - .ui.purple.header { color: #A333C8; } @@ -13094,18 +11151,6 @@ a.ui.purple.header:hover { border-bottom: 2px solid #A333C8; } -.ui.inverted.purple.header.header.header { - color: #DC73FF; -} - -a.ui.inverted.purple.header.header.header:hover { - color: #cf40ff; -} - -.ui.inverted.purple.dividing.header { - border-bottom: 2px solid #DC73FF; -} - .ui.pink.header { color: #E03997; } @@ -13118,18 +11163,6 @@ a.ui.pink.header:hover { border-bottom: 2px solid #E03997; } -.ui.inverted.pink.header.header.header { - color: #FF8EDF; -} - -a.ui.inverted.pink.header.header.header:hover { - color: #ff5bd1; -} - -.ui.inverted.pink.dividing.header { - border-bottom: 2px solid #FF8EDF; -} - .ui.brown.header { color: #A5673F; } @@ -13142,18 +11175,6 @@ a.ui.brown.header:hover { border-bottom: 2px solid #A5673F; } -.ui.inverted.brown.header.header.header { - color: #D67C1C; -} - -a.ui.inverted.brown.header.header.header:hover { - color: #b0620f; -} - -.ui.inverted.brown.dividing.header { - border-bottom: 2px solid #D67C1C; -} - .ui.grey.header { color: #767676; } @@ -13166,18 +11187,6 @@ a.ui.grey.header:hover { border-bottom: 2px solid #767676; } -.ui.inverted.grey.header.header.header { - color: #DCDDDE; -} - -a.ui.inverted.grey.header.header.header:hover { - color: #c2c4c5; -} - -.ui.inverted.grey.dividing.header { - border-bottom: 2px solid #DCDDDE; -} - .ui.black.header { color: #1B1C1D; } @@ -13190,18 +11199,6 @@ a.ui.black.header:hover { border-bottom: 2px solid #1B1C1D; } -.ui.inverted.black.header.header.header { - color: #545454; -} - -a.ui.inverted.black.header.header.header:hover { - color: #000000; -} - -.ui.inverted.black.dividing.header { - border-bottom: 2px solid #545454; -} - /*------------------- Aligned --------------------*/ @@ -13271,10 +11268,6 @@ a.ui.inverted.black.header.header.header:hover { margin-bottom: 0; } -.ui.inverted.dividing.header { - border-bottom-color: rgba(255, 255, 255, 0.1); -} - /*------------------- Block --------------------*/ @@ -13728,29 +11721,6 @@ a.ui.inverted.black.header.header.header:hover { padding-right: 0; } -/* Transparent Inverted */ - -.ui.transparent.inverted.input { - color: #FFFFFF; -} - -.ui.ui.transparent.inverted.input > textarea, -.ui.ui.transparent.inverted.input > input { - color: inherit; -} - -.ui.transparent.inverted.input > input::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.5); -} - -.ui.transparent.inverted.input > input::-moz-placeholder { - color: rgba(255, 255, 255, 0.5); -} - -.ui.transparent.inverted.input > input:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.5); -} - /*-------------------- Icon ---------------------*/ @@ -14110,16 +12080,6 @@ a.ui.inverted.black.header.header.header:hover { border-left-color: #85B7D9; } -/*-------------------- - Inverted - ---------------------*/ - -/* Standard */ - -.ui.inverted.input > input { - border: none; -} - /*-------------------- Fluid ---------------------*/ @@ -14693,92 +12653,6 @@ a.ui.inverted.black.header.header.header:hover { } } -/*-------------- - Inverted - ---------------*/ - -.ui.inverted.items > .item { - background: transparent; -} - -.ui.inverted.items > .item > .content { - background: none; - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.items > .item .extra { - background: none; -} - -.ui.inverted.items > .item > .content > .header { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.items > .item > .content > .description { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.items > .item .meta { - color: rgba(255, 255, 255, 0.8); -} - -.ui.inverted.items > .item > .content a:not(.ui) { - color: #57a4ef; -} - -.ui.inverted.items > .item > .content a:not(.ui):hover { - color: #4183C4; -} - -.ui.inverted.items > .item > .content > a.header { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.items > .item > .content > a.header:hover { - color: #ffffff; -} - -.ui.inverted.items > .item .meta > a:not(.ui) { - color: rgba(255, 255, 255, 0.7); -} - -.ui.inverted.items > .item .meta > a:not(.ui):hover { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.items > .item > .content .favorite.icon:hover { - color: #ffc63d; -} - -.ui.inverted.items > .item > .content .active.favorite.icon { - color: #ffec56; -} - -.ui.inverted.items > .item > .content .like.icon:hover { - color: #ff5a63; -} - -.ui.inverted.items > .item > .content .active.like.icon { - color: #ff5a63; -} - -.ui.inverted.items > .item .extra { - color: rgba(255, 255, 255, 0.7); -} - -.ui.inverted.items a.item:hover .content .header, -.ui.inverted.link.items > .item:hover .content .header { - color: #ffffff; -} - -.ui.inverted.divided.items > .item { - border-top: 1px solid rgba(255, 255, 255, 0.1); -} - -.ui.inverted.divided.items > .item:first-child { - border-top: none; -} - /******************************* Theme Overrides *******************************/ @@ -15469,36 +13343,6 @@ a.ui.basic.label:hover { box-sizing: border-box; } -/*------------------- - Inverted - --------------------*/ - -.ui.inverted.labels .label, -.ui.inverted.label { - color: rgba(255, 255, 255, 0.9); - background-color: #b5b5b5; -} - -.ui.inverted.corner.label { - border-color: #b5b5b5; -} - -.ui.inverted.corner.label:hover { - border-color: #E8E8E8; - transition: none; -} - -.ui.inverted.basic.labels .label, -.ui.inverted.basic.label, -.ui.inverted.basic.label:hover { - border-color: rgba(255, 255, 255, 0.5); - background: #1B1C1D; -} - -.ui.inverted.basic.label:hover { - color: #4183C4; -} - /*------------------- Colors --------------------*/ @@ -15541,62 +13385,6 @@ a.ui.ui.ui.basic.primary.label:hover { color: #1678c2; } -/* Inverted */ - -.ui.inverted.labels .primary.label, -.ui.ui.ui.inverted.primary.label { - background-color: #54C8FF; - border-color: #54C8FF; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.primary.label:hover, -a.ui.ui.ui.inverted.primary.label:hover { - background-color: #21b8ff; - border-color: #21b8ff; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.primary.ribbon.label { - border-color: #21b8ff; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .primary.label, -.ui.ui.ui.inverted.basic.primary.label { - background-color: #1B1C1D; - border-color: #54C8FF; - color: #54C8FF; -} - -.ui.inverted.basic.labels a.primary.label:hover, -a.ui.ui.ui.inverted.basic.primary.label:hover { - border-color: #21b8ff; - background-color: #1B1C1D; - color: #21b8ff; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .primary.label, -.ui.ui.ui.inverted.primary.basic.tag.label { - border: 1px solid #54C8FF; -} - -.ui.inverted.basic.tag.labels .primary.label:before, -.ui.ui.ui.inverted.primary.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.secondary.labels .label, .ui.ui.ui.secondary.label { background-color: #1B1C1D; @@ -15635,62 +13423,6 @@ a.ui.ui.ui.basic.secondary.label:hover { color: #27292a; } -/* Inverted */ - -.ui.inverted.labels .secondary.label, -.ui.ui.ui.inverted.secondary.label { - background-color: #545454; - border-color: #545454; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.secondary.label:hover, -a.ui.ui.ui.inverted.secondary.label:hover { - background-color: #6e6e6e; - border-color: #6e6e6e; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.secondary.ribbon.label { - border-color: #3b3b3b; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .secondary.label, -.ui.ui.ui.inverted.basic.secondary.label { - background-color: #1B1C1D; - border-color: #545454; - color: #545454; -} - -.ui.inverted.basic.labels a.secondary.label:hover, -a.ui.ui.ui.inverted.basic.secondary.label:hover { - border-color: #6e6e6e; - background-color: #1B1C1D; - color: #6e6e6e; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .secondary.label, -.ui.ui.ui.inverted.secondary.basic.tag.label { - border: 1px solid #545454; -} - -.ui.inverted.basic.tag.labels .secondary.label:before, -.ui.ui.ui.inverted.secondary.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.red.labels .label, .ui.ui.ui.red.label { background-color: #DB2828; @@ -15729,62 +13461,6 @@ a.ui.ui.ui.basic.red.label:hover { color: #d01919; } -/* Inverted */ - -.ui.inverted.labels .red.label, -.ui.ui.ui.inverted.red.label { - background-color: #FF695E; - border-color: #FF695E; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.red.label:hover, -a.ui.ui.ui.inverted.red.label:hover { - background-color: #ff392b; - border-color: #ff392b; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.red.ribbon.label { - border-color: #ff392b; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .red.label, -.ui.ui.ui.inverted.basic.red.label { - background-color: #1B1C1D; - border-color: #FF695E; - color: #FF695E; -} - -.ui.inverted.basic.labels a.red.label:hover, -a.ui.ui.ui.inverted.basic.red.label:hover { - border-color: #ff392b; - background-color: #1B1C1D; - color: #ff392b; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .red.label, -.ui.ui.ui.inverted.red.basic.tag.label { - border: 1px solid #FF695E; -} - -.ui.inverted.basic.tag.labels .red.label:before, -.ui.ui.ui.inverted.red.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.orange.labels .label, .ui.ui.ui.orange.label { background-color: #F2711C; @@ -15823,62 +13499,6 @@ a.ui.ui.ui.basic.orange.label:hover { color: #f26202; } -/* Inverted */ - -.ui.inverted.labels .orange.label, -.ui.ui.ui.inverted.orange.label { - background-color: #FF851B; - border-color: #FF851B; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.orange.label:hover, -a.ui.ui.ui.inverted.orange.label:hover { - background-color: #e76b00; - border-color: #e76b00; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.orange.ribbon.label { - border-color: #e76b00; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .orange.label, -.ui.ui.ui.inverted.basic.orange.label { - background-color: #1B1C1D; - border-color: #FF851B; - color: #FF851B; -} - -.ui.inverted.basic.labels a.orange.label:hover, -a.ui.ui.ui.inverted.basic.orange.label:hover { - border-color: #e76b00; - background-color: #1B1C1D; - color: #e76b00; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .orange.label, -.ui.ui.ui.inverted.orange.basic.tag.label { - border: 1px solid #FF851B; -} - -.ui.inverted.basic.tag.labels .orange.label:before, -.ui.ui.ui.inverted.orange.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.yellow.labels .label, .ui.ui.ui.yellow.label { background-color: #FBBD08; @@ -15917,62 +13537,6 @@ a.ui.ui.ui.basic.yellow.label:hover { color: #eaae00; } -/* Inverted */ - -.ui.inverted.labels .yellow.label, -.ui.ui.ui.inverted.yellow.label { - background-color: #FFE21F; - border-color: #FFE21F; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.yellow.label:hover, -a.ui.ui.ui.inverted.yellow.label:hover { - background-color: #ebcd00; - border-color: #ebcd00; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.yellow.ribbon.label { - border-color: #ebcd00; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .yellow.label, -.ui.ui.ui.inverted.basic.yellow.label { - background-color: #1B1C1D; - border-color: #FFE21F; - color: #FFE21F; -} - -.ui.inverted.basic.labels a.yellow.label:hover, -a.ui.ui.ui.inverted.basic.yellow.label:hover { - border-color: #ebcd00; - background-color: #1B1C1D; - color: #ebcd00; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .yellow.label, -.ui.ui.ui.inverted.yellow.basic.tag.label { - border: 1px solid #FFE21F; -} - -.ui.inverted.basic.tag.labels .yellow.label:before, -.ui.ui.ui.inverted.yellow.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.olive.labels .label, .ui.ui.ui.olive.label { background-color: #B5CC18; @@ -16011,62 +13575,6 @@ a.ui.ui.ui.basic.olive.label:hover { color: #a7bd0d; } -/* Inverted */ - -.ui.inverted.labels .olive.label, -.ui.ui.ui.inverted.olive.label { - background-color: #D9E778; - border-color: #D9E778; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.olive.label:hover, -a.ui.ui.ui.inverted.olive.label:hover { - background-color: #d2e745; - border-color: #d2e745; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.olive.ribbon.label { - border-color: #cddf4d; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .olive.label, -.ui.ui.ui.inverted.basic.olive.label { - background-color: #1B1C1D; - border-color: #D9E778; - color: #D9E778; -} - -.ui.inverted.basic.labels a.olive.label:hover, -a.ui.ui.ui.inverted.basic.olive.label:hover { - border-color: #d2e745; - background-color: #1B1C1D; - color: #d2e745; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .olive.label, -.ui.ui.ui.inverted.olive.basic.tag.label { - border: 1px solid #D9E778; -} - -.ui.inverted.basic.tag.labels .olive.label:before, -.ui.ui.ui.inverted.olive.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.green.labels .label, .ui.ui.ui.green.label { background-color: #21BA45; @@ -16105,62 +13613,6 @@ a.ui.ui.ui.basic.green.label:hover { color: #16ab39; } -/* Inverted */ - -.ui.inverted.labels .green.label, -.ui.ui.ui.inverted.green.label { - background-color: #2ECC40; - border-color: #2ECC40; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.green.label:hover, -a.ui.ui.ui.inverted.green.label:hover { - background-color: #1ea92e; - border-color: #1ea92e; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.green.ribbon.label { - border-color: #25a233; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .green.label, -.ui.ui.ui.inverted.basic.green.label { - background-color: #1B1C1D; - border-color: #2ECC40; - color: #2ECC40; -} - -.ui.inverted.basic.labels a.green.label:hover, -a.ui.ui.ui.inverted.basic.green.label:hover { - border-color: #1ea92e; - background-color: #1B1C1D; - color: #1ea92e; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .green.label, -.ui.ui.ui.inverted.green.basic.tag.label { - border: 1px solid #2ECC40; -} - -.ui.inverted.basic.tag.labels .green.label:before, -.ui.ui.ui.inverted.green.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.teal.labels .label, .ui.ui.ui.teal.label { background-color: #00B5AD; @@ -16199,62 +13651,6 @@ a.ui.ui.ui.basic.teal.label:hover { color: #009c95; } -/* Inverted */ - -.ui.inverted.labels .teal.label, -.ui.ui.ui.inverted.teal.label { - background-color: #6DFFFF; - border-color: #6DFFFF; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.teal.label:hover, -a.ui.ui.ui.inverted.teal.label:hover { - background-color: #3affff; - border-color: #3affff; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.teal.ribbon.label { - border-color: #3affff; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .teal.label, -.ui.ui.ui.inverted.basic.teal.label { - background-color: #1B1C1D; - border-color: #6DFFFF; - color: #6DFFFF; -} - -.ui.inverted.basic.labels a.teal.label:hover, -a.ui.ui.ui.inverted.basic.teal.label:hover { - border-color: #3affff; - background-color: #1B1C1D; - color: #3affff; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .teal.label, -.ui.ui.ui.inverted.teal.basic.tag.label { - border: 1px solid #6DFFFF; -} - -.ui.inverted.basic.tag.labels .teal.label:before, -.ui.ui.ui.inverted.teal.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.blue.labels .label, .ui.ui.ui.blue.label { background-color: #2185D0; @@ -16293,62 +13689,6 @@ a.ui.ui.ui.basic.blue.label:hover { color: #1678c2; } -/* Inverted */ - -.ui.inverted.labels .blue.label, -.ui.ui.ui.inverted.blue.label { - background-color: #54C8FF; - border-color: #54C8FF; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.blue.label:hover, -a.ui.ui.ui.inverted.blue.label:hover { - background-color: #21b8ff; - border-color: #21b8ff; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.blue.ribbon.label { - border-color: #21b8ff; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .blue.label, -.ui.ui.ui.inverted.basic.blue.label { - background-color: #1B1C1D; - border-color: #54C8FF; - color: #54C8FF; -} - -.ui.inverted.basic.labels a.blue.label:hover, -a.ui.ui.ui.inverted.basic.blue.label:hover { - border-color: #21b8ff; - background-color: #1B1C1D; - color: #21b8ff; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .blue.label, -.ui.ui.ui.inverted.blue.basic.tag.label { - border: 1px solid #54C8FF; -} - -.ui.inverted.basic.tag.labels .blue.label:before, -.ui.ui.ui.inverted.blue.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.violet.labels .label, .ui.ui.ui.violet.label { background-color: #6435C9; @@ -16387,62 +13727,6 @@ a.ui.ui.ui.basic.violet.label:hover { color: #5829bb; } -/* Inverted */ - -.ui.inverted.labels .violet.label, -.ui.ui.ui.inverted.violet.label { - background-color: #A291FB; - border-color: #A291FB; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.violet.label:hover, -a.ui.ui.ui.inverted.violet.label:hover { - background-color: #745aff; - border-color: #745aff; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.violet.ribbon.label { - border-color: #7860f9; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .violet.label, -.ui.ui.ui.inverted.basic.violet.label { - background-color: #1B1C1D; - border-color: #A291FB; - color: #A291FB; -} - -.ui.inverted.basic.labels a.violet.label:hover, -a.ui.ui.ui.inverted.basic.violet.label:hover { - border-color: #745aff; - background-color: #1B1C1D; - color: #745aff; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .violet.label, -.ui.ui.ui.inverted.violet.basic.tag.label { - border: 1px solid #A291FB; -} - -.ui.inverted.basic.tag.labels .violet.label:before, -.ui.ui.ui.inverted.violet.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.purple.labels .label, .ui.ui.ui.purple.label { background-color: #A333C8; @@ -16481,62 +13765,6 @@ a.ui.ui.ui.basic.purple.label:hover { color: #9627ba; } -/* Inverted */ - -.ui.inverted.labels .purple.label, -.ui.ui.ui.inverted.purple.label { - background-color: #DC73FF; - border-color: #DC73FF; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.purple.label:hover, -a.ui.ui.ui.inverted.purple.label:hover { - background-color: #cf40ff; - border-color: #cf40ff; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.purple.ribbon.label { - border-color: #cf40ff; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .purple.label, -.ui.ui.ui.inverted.basic.purple.label { - background-color: #1B1C1D; - border-color: #DC73FF; - color: #DC73FF; -} - -.ui.inverted.basic.labels a.purple.label:hover, -a.ui.ui.ui.inverted.basic.purple.label:hover { - border-color: #cf40ff; - background-color: #1B1C1D; - color: #cf40ff; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .purple.label, -.ui.ui.ui.inverted.purple.basic.tag.label { - border: 1px solid #DC73FF; -} - -.ui.inverted.basic.tag.labels .purple.label:before, -.ui.ui.ui.inverted.purple.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.pink.labels .label, .ui.ui.ui.pink.label { background-color: #E03997; @@ -16575,62 +13803,6 @@ a.ui.ui.ui.basic.pink.label:hover { color: #e61a8d; } -/* Inverted */ - -.ui.inverted.labels .pink.label, -.ui.ui.ui.inverted.pink.label { - background-color: #FF8EDF; - border-color: #FF8EDF; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.pink.label:hover, -a.ui.ui.ui.inverted.pink.label:hover { - background-color: #ff5bd1; - border-color: #ff5bd1; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.pink.ribbon.label { - border-color: #ff5bd1; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .pink.label, -.ui.ui.ui.inverted.basic.pink.label { - background-color: #1B1C1D; - border-color: #FF8EDF; - color: #FF8EDF; -} - -.ui.inverted.basic.labels a.pink.label:hover, -a.ui.ui.ui.inverted.basic.pink.label:hover { - border-color: #ff5bd1; - background-color: #1B1C1D; - color: #ff5bd1; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .pink.label, -.ui.ui.ui.inverted.pink.basic.tag.label { - border: 1px solid #FF8EDF; -} - -.ui.inverted.basic.tag.labels .pink.label:before, -.ui.ui.ui.inverted.pink.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.brown.labels .label, .ui.ui.ui.brown.label { background-color: #A5673F; @@ -16669,62 +13841,6 @@ a.ui.ui.ui.basic.brown.label:hover { color: #975b33; } -/* Inverted */ - -.ui.inverted.labels .brown.label, -.ui.ui.ui.inverted.brown.label { - background-color: #D67C1C; - border-color: #D67C1C; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.brown.label:hover, -a.ui.ui.ui.inverted.brown.label:hover { - background-color: #b0620f; - border-color: #b0620f; - color: #1B1C1D; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.brown.ribbon.label { - border-color: #a96216; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .brown.label, -.ui.ui.ui.inverted.basic.brown.label { - background-color: #1B1C1D; - border-color: #D67C1C; - color: #D67C1C; -} - -.ui.inverted.basic.labels a.brown.label:hover, -a.ui.ui.ui.inverted.basic.brown.label:hover { - border-color: #b0620f; - background-color: #1B1C1D; - color: #b0620f; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .brown.label, -.ui.ui.ui.inverted.brown.basic.tag.label { - border: 1px solid #D67C1C; -} - -.ui.inverted.basic.tag.labels .brown.label:before, -.ui.ui.ui.inverted.brown.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.grey.labels .label, .ui.ui.ui.grey.label { background-color: #767676; @@ -16763,61 +13879,6 @@ a.ui.ui.ui.basic.grey.label:hover { color: #838383; } -/* Inverted */ - -.ui.inverted.labels .grey.label, -.ui.ui.ui.inverted.grey.label { - background-color: #DCDDDE; - border-color: #DCDDDE; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.grey.label:hover, -a.ui.ui.ui.inverted.grey.label:hover { - background-color: #c2c4c5; - border-color: #c2c4c5; - color: #FFFFFF; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.grey.ribbon.label { - border-color: #e9eaea; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .grey.label, -.ui.ui.ui.inverted.basic.grey.label { - background-color: #1B1C1D; - border-color: #DCDDDE; - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.basic.labels a.grey.label:hover, -a.ui.ui.ui.inverted.basic.grey.label:hover { - border-color: #c2c4c5; - background-color: #1B1C1D; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .grey.label, -.ui.ui.ui.inverted.grey.basic.tag.label { - border: 1px solid #DCDDDE; -} - -.ui.inverted.basic.tag.labels .grey.label:before, -.ui.ui.ui.inverted.grey.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - .ui.black.labels .label, .ui.ui.ui.black.label { background-color: #1B1C1D; @@ -16856,61 +13917,6 @@ a.ui.ui.ui.basic.black.label:hover { color: #27292a; } -/* Inverted */ - -.ui.inverted.labels .black.label, -.ui.ui.ui.inverted.black.label { - background-color: #545454; - border-color: #545454; - color: #1B1C1D; -} - -/* Inverted Link */ - -.ui.inverted.labels a.black.label:hover, -a.ui.ui.ui.inverted.black.label:hover { - background-color: #000000; - border-color: #000000; - color: #FFFFFF; -} - -/* Inverted Ribbon */ - -.ui.ui.ui.inverted.black.ribbon.label { - border-color: #616161; -} - -/* Inverted Basic */ - -.ui.inverted.basic.labels .black.label, -.ui.ui.ui.inverted.basic.black.label { - background-color: #1B1C1D; - border-color: #545454; - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.basic.labels a.black.label:hover, -a.ui.ui.ui.inverted.basic.black.label:hover { - border-color: #000000; - background-color: #1B1C1D; -} - -/* Inverted Basic Tags */ - -.ui.inverted.basic.tag.labels .black.label, -.ui.ui.ui.inverted.black.basic.tag.label { - border: 1px solid #545454; -} - -.ui.inverted.basic.tag.labels .black.label:before, -.ui.ui.ui.inverted.black.basic.tag.label:before { - border-color: inherit; - border-width: 1px 0 0 1px; - border-style: inherit; - background-color: #1B1C1D; - right: calc(100% + 1px); -} - /*------------------- Horizontal --------------------*/ @@ -17538,11 +14544,6 @@ ol.ui.list ol li, 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 --------------------*/ @@ -17558,53 +14559,6 @@ ol.ui.list ol li, Variations *******************************/ -/*------------------- - Inverted - --------------------*/ - -.ui.inverted.list .list > a.item > i.icon, -.ui.inverted.list > a.item > i.icon { - color: rgba(255, 255, 255, 0.7); -} - -.ui.inverted.list .list > .item .header, -.ui.inverted.list > .item .header { - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.list .list > .item .description, -.ui.inverted.list > .item .description { - color: rgba(255, 255, 255, 0.7); -} - -.ui.inverted.list .list > .item > .content, -.ui.inverted.list > .item > .content { - color: rgba(255, 255, 255, 0.7); -} - -/* Item Link */ - -.ui.inverted.list .list > a.item, -.ui.inverted.list > a.item { - cursor: pointer; - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.list .list > a.item:hover, -.ui.inverted.list > a.item:hover { - color: #1e70bf; -} - -/* Linking Content */ - -.ui.inverted.list .item a:not(.ui) { - color: rgba(255, 255, 255, 0.9) !important; -} - -.ui.inverted.list .item a:not(.ui):hover { - color: #1e70bf !important; -} - /*------------------- Aligned --------------------*/ @@ -17653,29 +14607,6 @@ ol.ui.list ol li, color: rgba(0, 0, 0, 0.95); } -/* Inverted */ - -.ui.inverted.link.list .item, -.ui.inverted.link.list a.item, -.ui.inverted.link.list .item a:not(.ui) { - color: rgba(255, 255, 255, 0.5); -} - -.ui.inverted.link.list.list a.item:hover, -.ui.inverted.link.list.list .item a:not(.ui):hover { - color: #ffffff; -} - -.ui.inverted.link.list.list a.item:active, -.ui.inverted.link.list.list .item a:not(.ui):active { - color: #ffffff; -} - -.ui.inverted.link.list.list a.active.item, -.ui.inverted.link.list.list .active.item a:not(.ui) { - color: #ffffff; -} - /*------------------- Selection --------------------*/ @@ -17714,28 +14645,6 @@ ol.ui.list ol li, color: rgba(0, 0, 0, 0.95); } -/* Inverted */ - -.ui.inverted.selection.list > .item { - background: transparent; - color: rgba(255, 255, 255, 0.5); -} - -.ui.inverted.selection.list > .item:hover { - background: rgba(255, 255, 255, 0.02); - color: #ffffff; -} - -.ui.inverted.selection.list > .item:active { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - -.ui.inverted.selection.list > .item.active { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - /* Celled / Divided Selection List */ .ui.celled.selection.list .list > .item, @@ -17883,12 +14792,6 @@ ol.ui.list li:before, opacity: 0.8; } -ol.ui.inverted.list li:before, -.ui.ordered.inverted.list .list > .item:before, -.ui.ordered.inverted.list > .item:before { - color: rgba(255, 255, 255, 0.7); -} - /* Value */ .ui.ordered.list .list > .item[data-value]:before, @@ -18027,14 +14930,6 @@ ol.ui.suffixed.list li:before, border-right: 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.1); -} - /*------------------- Celled --------------------*/ @@ -18128,18 +15023,6 @@ ol.ui.suffixed.list li:before, border-right: 1px solid rgba(34, 36, 38, 0.15); } -/* Inverted */ - -.ui.celled.inverted.list > .item, -.ui.celled.inverted.list > .list { - border-color: rgba(255, 255, 255, 0.1); -} - -.ui.celled.inverted.horizontal.list .list > .item, -.ui.celled.inverted.horizontal.list > .item { - border-color: rgba(255, 255, 255, 0.1); -} - /*------------------- Relaxed --------------------*/ @@ -19477,13 +16360,6 @@ ol.ui.suffixed.list li:before, margin-top: 0.75em; } -/* Inverted */ - -.ui.inverted.menu .search.dropdown.item > .search, -.ui.inverted.menu .search.dropdown.item > .text { - color: rgba(255, 255, 255, 0.9); -} - /* Vertical */ .ui.vertical.menu .dropdown.item > i.icon { @@ -20128,25 +17004,6 @@ Floated Menu / Item color: rgba(0, 0, 0, 0.95); } -/* Inverted */ - -.ui.secondary.inverted.menu .link.item:not(.disabled), -.ui.secondary.inverted.menu a.item:not(.disabled) { - color: rgba(255, 255, 255, 0.7); -} - -.ui.secondary.inverted.menu .dropdown.item:hover, -.ui.secondary.inverted.menu .link.item:hover, -.ui.secondary.inverted.menu a.item:hover { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - -.ui.secondary.inverted.menu .active.item { - background: rgba(255, 255, 255, 0.15); - color: #ffffff; -} - /* Fix item margins */ .ui.secondary.item.menu { @@ -20313,35 +17170,6 @@ Floated Menu / Item border-color: currentColor; } -/* Inverted */ - -.ui.secondary.inverted.pointing.menu { - border-color: rgba(255, 255, 255, 0.1); -} - -.ui.secondary.inverted.pointing.menu .item:not(.disabled) { - color: rgba(255, 255, 255, 0.9); -} - -.ui.secondary.inverted.pointing.menu .header.item { - color: #FFFFFF !important; -} - -/* Hover */ - -.ui.secondary.inverted.pointing.menu .link.item:hover, -.ui.secondary.inverted.pointing.menu a.item:hover { - color: #ffffff; -} - -/* Active */ - -.ui.ui.secondary.inverted.pointing.menu .active.item { - border-color: #FFFFFF; - color: #ffffff; - background-color: transparent; -} - /*-------------- Text Menu ---------------*/ @@ -20468,15 +17296,6 @@ Floated Menu / Item box-shadow: none; } -/* Inverted */ - -.ui.inverted.text.menu, -.ui.inverted.text.menu .item, -.ui.inverted.text.menu .item:hover, -.ui.inverted.text.menu .active.item { - background-color: transparent; -} - /* Fluid */ .ui.fluid.text.menu { @@ -20709,113 +17528,6 @@ Floated Menu / Item color: #1B1C1D; } -/*-------------- - Inverted - ---------------*/ - -.ui.inverted.menu { - border: 0 solid transparent; - background: #1B1C1D; - box-shadow: none; -} - -/* Menu Item */ - -.ui.inverted.menu .item, -.ui.inverted.menu .item > a:not(.ui) { - background: transparent; - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.menu .item.menu { - background: transparent; -} - -/*--- Border ---*/ - -.ui.inverted.menu .item:before { - background: rgba(255, 255, 255, 0.08); -} - -.ui.vertical.inverted.menu .item:before { - background: rgba(255, 255, 255, 0.08); -} - -/* Sub Menu */ - -.ui.vertical.inverted.menu .menu .item, -.ui.vertical.inverted.menu .menu .item a:not(.ui) { - color: rgba(255, 255, 255, 0.5); -} - -/* Header */ - -.ui.inverted.menu .header.item { - margin: 0; - background: transparent; - box-shadow: none; -} - -/* Disabled */ - -.ui.ui.inverted.menu .item.disabled { - color: rgba(225, 225, 225, 0.3); -} - -/*--- Hover ---*/ - -.ui.link.inverted.menu .item:hover, -.ui.inverted.menu .dropdown.item:hover, -.ui.inverted.menu .link.item:hover, -.ui.inverted.menu a.item:hover { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - -.ui.vertical.inverted.menu .item .menu a.item:hover, -.ui.vertical.inverted.menu .item .menu .link.item:hover { - background: transparent; - color: #ffffff; -} - -/*--- Pressed ---*/ - -.ui.inverted.menu a.item:active, -.ui.inverted.menu .link.item:active { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - -/*--- Active ---*/ - -.ui.inverted.menu .active.item { - background: #3D3E3F; - color: #ffffff !important; -} - -.ui.inverted.vertical.menu .item .menu .active.item { - background: transparent; - color: #FFFFFF; -} - -.ui.inverted.pointing.menu .active.item:after { - background: #3D3E3F; - margin: 0 !important; - box-shadow: none !important; - border: none !important; -} - -/*--- Active Hover ---*/ - -.ui.inverted.menu .active.item:hover { - background: #3D3E3F; - color: #FFFFFF !important; -} - -.ui.inverted.pointing.menu .active.item:hover:after { - background: #3D3E3F; -} - /*-------------- Floated ---------------*/ @@ -20834,252 +17546,6 @@ Floated Menu / Item margin: 0 0 0 0.5rem; } -/*-------------- - Inverted - ---------------*/ - -.ui.ui.ui.inverted.menu .primary.active.item, -.ui.ui.inverted.primary.menu { - background-color: #2185D0; -} - -.ui.inverted.primary.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.primary.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.primary.menu .active.item { - background-color: #1678c2; -} - -.ui.ui.ui.inverted.menu .red.active.item, -.ui.ui.inverted.red.menu { - background-color: #DB2828; -} - -.ui.inverted.red.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.red.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.red.menu .active.item { - background-color: #d01919; -} - -.ui.ui.ui.inverted.menu .orange.active.item, -.ui.ui.inverted.orange.menu { - background-color: #F2711C; -} - -.ui.inverted.orange.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.orange.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.orange.menu .active.item { - background-color: #f26202; -} - -.ui.ui.ui.inverted.menu .yellow.active.item, -.ui.ui.inverted.yellow.menu { - background-color: #FBBD08; -} - -.ui.inverted.yellow.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.yellow.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.yellow.menu .active.item { - background-color: #eaae00; -} - -.ui.ui.ui.inverted.menu .olive.active.item, -.ui.ui.inverted.olive.menu { - background-color: #B5CC18; -} - -.ui.inverted.olive.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.olive.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.olive.menu .active.item { - background-color: #a7bd0d; -} - -.ui.ui.ui.inverted.menu .green.active.item, -.ui.ui.inverted.green.menu { - background-color: #21BA45; -} - -.ui.inverted.green.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.green.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.green.menu .active.item { - background-color: #16ab39; -} - -.ui.ui.ui.inverted.menu .teal.active.item, -.ui.ui.inverted.teal.menu { - background-color: #00B5AD; -} - -.ui.inverted.teal.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.teal.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.teal.menu .active.item { - background-color: #009c95; -} - -.ui.ui.ui.inverted.menu .blue.active.item, -.ui.ui.inverted.blue.menu { - background-color: #2185D0; -} - -.ui.inverted.blue.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.blue.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.blue.menu .active.item { - background-color: #1678c2; -} - -.ui.ui.ui.inverted.menu .violet.active.item, -.ui.ui.inverted.violet.menu { - background-color: #6435C9; -} - -.ui.inverted.violet.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.violet.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.violet.menu .active.item { - background-color: #5829bb; -} - -.ui.ui.ui.inverted.menu .purple.active.item, -.ui.ui.inverted.purple.menu { - background-color: #A333C8; -} - -.ui.inverted.purple.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.purple.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.purple.menu .active.item { - background-color: #9627ba; -} - -.ui.ui.ui.inverted.menu .pink.active.item, -.ui.ui.inverted.pink.menu { - background-color: #E03997; -} - -.ui.inverted.pink.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.pink.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.pink.menu .active.item { - background-color: #e61a8d; -} - -.ui.ui.ui.inverted.menu .brown.active.item, -.ui.ui.inverted.brown.menu { - background-color: #A5673F; -} - -.ui.inverted.brown.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.brown.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.brown.menu .active.item { - background-color: #975b33; -} - -.ui.ui.ui.inverted.menu .grey.active.item, -.ui.ui.inverted.grey.menu { - background-color: #767676; -} - -.ui.inverted.grey.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.grey.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.grey.menu .active.item { - background-color: #838383; -} - -.ui.ui.ui.inverted.menu .black.active.item, -.ui.ui.inverted.black.menu { - background-color: #1B1C1D; -} - -.ui.inverted.black.menu .item:before { - background-color: rgba(34, 36, 38, 0.1); -} - -.ui.ui.inverted.black.menu .active.item { - background-color: rgba(0, 0, 0, 0.1); -} - -.ui.inverted.pointing.black.menu .active.item { - background-color: #27292a; -} - -.ui.ui.ui.inverted.pointing.menu .active.item:after { - background-color: inherit; -} - /*-------------- Fitted ---------------*/ @@ -21501,10 +17967,6 @@ Floated Menu / Item border: 1px solid #D4D4D5; } -.ui.attached.inverted.menu { - border: none; -} - .ui.attached.tabular.menu { margin-left: 0; margin-right: 0; @@ -22275,11 +18737,6 @@ Floated Menu / Item color: rgba(255, 255, 255, 0.9); } -.ui.inverted.message { - background-color: #1B1C1D; - color: rgba(255, 255, 255, 0.9); -} - /*-------------- Sizes ---------------*/ @@ -23112,41 +19569,6 @@ Floated Menu / Item } } -/***************************** - Inverted - *******************************/ - -.ui.inverted.modal { - background: rgba(0, 0, 0, 0.9); -} - -.ui.inverted.modal > .header, -.ui.inverted.modal > .content { - background: rgba(0, 0, 0, 0.9); - color: #FFFFFF; -} - -.ui.inverted.modal > .actions { - background: #191A1B; - border-top: 1px solid rgba(34, 36, 38, 0.85); - color: #FFFFFF; -} - -.ui.inverted.dimmer > .modal > .close { - color: rgba(0, 0, 0, 0.85); -} - -@media only screen and (max-width: 991.98px) { - .ui.dimmer .inverted.modal > .close { - color: #FFFFFF; - } -} - -.ui.inverted.modal > .close.inside, -.ui.inverted.fullscreen.modal > .close { - color: #FFFFFF; -} - /******************************* Theme Overrides *******************************/ @@ -23777,13 +20199,6 @@ Floated Menu / Item Loose Coupling --------------------*/ -/* Header */ - -.ui.inverted.segment > .ui.header .sub.header, -.ui.inverted.segment > .ui.header { - color: #FFFFFF; -} - /* Label */ .ui[class*="bottom attached"].segment > [class*="top attached"].label { @@ -24004,16 +20419,6 @@ Floated Menu / Item bottom: 0; } -/* Inverted */ - -.ui.stacked.inverted.segments:before, -.ui.stacked.inverted.segments:after, -.ui.stacked.inverted.segment:before, -.ui.stacked.inverted.segment:after { - background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(34, 36, 38, 0.35); -} - /*------------------- Padded --------------------*/ @@ -24304,119 +20709,54 @@ Floated Menu / Item border-top: 2px solid #DB2828; } -.ui.inverted.red.segment.segment.segment.segment.segment { - background-color: #DB2828; - color: #FFFFFF; -} - .ui.orange.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #F2711C; } -.ui.inverted.orange.segment.segment.segment.segment.segment { - background-color: #F2711C; - color: #FFFFFF; -} - .ui.yellow.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #FBBD08; } -.ui.inverted.yellow.segment.segment.segment.segment.segment { - background-color: #FBBD08; - color: #FFFFFF; -} - .ui.olive.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #B5CC18; } -.ui.inverted.olive.segment.segment.segment.segment.segment { - background-color: #B5CC18; - color: #FFFFFF; -} - .ui.green.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #21BA45; } -.ui.inverted.green.segment.segment.segment.segment.segment { - background-color: #21BA45; - color: #FFFFFF; -} - .ui.teal.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #00B5AD; } -.ui.inverted.teal.segment.segment.segment.segment.segment { - background-color: #00B5AD; - color: #FFFFFF; -} - .ui.blue.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #2185D0; } -.ui.inverted.blue.segment.segment.segment.segment.segment { - background-color: #2185D0; - color: #FFFFFF; -} - .ui.violet.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #6435C9; } -.ui.inverted.violet.segment.segment.segment.segment.segment { - background-color: #6435C9; - color: #FFFFFF; -} - .ui.purple.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #A333C8; } -.ui.inverted.purple.segment.segment.segment.segment.segment { - background-color: #A333C8; - color: #FFFFFF; -} - .ui.pink.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #E03997; } -.ui.inverted.pink.segment.segment.segment.segment.segment { - background-color: #E03997; - color: #FFFFFF; -} - .ui.brown.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #A5673F; } -.ui.inverted.brown.segment.segment.segment.segment.segment { - background-color: #A5673F; - color: #FFFFFF; -} - .ui.grey.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #767676; } -.ui.inverted.grey.segment.segment.segment.segment.segment { - background-color: #767676; - color: #FFFFFF; -} - .ui.black.segment.segment.segment.segment.segment:not(.inverted) { border-top: 2px solid #1B1C1D; } -.ui.inverted.black.segment.segment.segment.segment.segment { - background-color: #1B1C1D; - color: #FFFFFF; -} - /*------------------- Aligned --------------------*/ @@ -24448,47 +20788,6 @@ Floated Menu / Item margin-left: 1em; } -/*------------------- - Inverted - --------------------*/ - -.ui.inverted.segment { - border: none; - box-shadow: none; -} - -.ui.inverted.segment, -.ui.primary.inverted.segment { - background: #1B1C1D; - color: rgba(255, 255, 255, 0.9); -} - -/* Nested */ - -.ui.inverted.segment .segment { - color: rgba(0, 0, 0, 0.87); -} - -.ui.inverted.segment .inverted.segment { - color: rgba(255, 255, 255, 0.9); -} - -/* Attached */ - -.ui.inverted.attached.segment { - border-color: #555555; -} - -/* Loading */ - -.ui.inverted.loading.segment { - color: #FFFFFF; -} - -.ui.inverted.loading.segment:before { - background: rgba(0, 0, 0, 0.85); -} - /*------------------- Emphasis --------------------*/ @@ -24500,11 +20799,6 @@ Floated Menu / Item color: rgba(0, 0, 0, 0.6); } -.ui.secondary.inverted.segment { - background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%); - color: rgba(255, 255, 255, 0.8); -} - /* Tertiary */ .ui.tertiary.segment { @@ -24512,11 +20806,6 @@ Floated Menu / Item color: rgba(0, 0, 0, 0.6); } -.ui.tertiary.inverted.segment { - background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%); - color: rgba(255, 255, 255, 0.8); -} - /*------------------- Attached --------------------*/ @@ -25160,14 +21449,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset; } @@ -25176,14 +21457,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset; } @@ -25192,14 +21465,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset; } @@ -25208,14 +21473,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset; } @@ -25224,14 +21481,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset; } @@ -25240,14 +21489,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset; } @@ -25256,14 +21497,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset; } @@ -25272,14 +21505,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset; } @@ -25288,14 +21513,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset; } @@ -25304,14 +21521,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset; } @@ -25320,14 +21529,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset; } @@ -25336,14 +21537,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset; } @@ -25352,14 +21545,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset; } @@ -25368,14 +21553,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset; } - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset; - } - .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset; } @@ -25383,14 +21560,6 @@ input::selection { .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.right { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset; } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset; - } - - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset; - } } /******************************* @@ -25648,14 +21817,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset; } @@ -25664,14 +21825,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset; } @@ -25680,14 +21833,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset; } @@ -25696,14 +21841,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset; } @@ -25712,14 +21849,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset; } @@ -25728,14 +21857,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset; } @@ -25744,14 +21865,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset; } @@ -25760,14 +21873,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset; } @@ -25776,14 +21881,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset; } @@ -25792,14 +21889,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset; } @@ -25808,14 +21897,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset; } @@ -25824,14 +21905,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset; } @@ -25840,14 +21913,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset; } @@ -25856,14 +21921,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset; -} - .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.left { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset; } @@ -25872,14 +21929,6 @@ input::selection { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset; } -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.left { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset; -} - -.ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.right { - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset; -} - /*-------------- Text Alignment ---------------*/ @@ -25952,12 +22001,6 @@ input::selection { color: rgba(0, 0, 0, 0.95); } -.ui.ui.selectable.inverted.table > tbody > tr:hover, -.ui.inverted.table tbody tr td.selectable:hover { - background: rgba(255, 255, 255, 0.08); - color: #ffffff; -} - /* Selectable Cell Link */ .ui.table tbody tr td.selectable { @@ -26075,13 +22118,6 @@ input::selection { background-color: rgba(0, 0, 50, 0.02); } -/* 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.05); -} - /* Allow striped active hover */ .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { @@ -26106,11 +22142,6 @@ input::selection { border-top: 0.2em solid #2185D0; } -.ui.inverted.primary.table { - background-color: #2185D0; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.primary:not(.marked), .ui.ui.table td.primary:not(.marked) { background: #ddf4ff; @@ -26134,25 +22165,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #2185D0 inset; } -.ui.inverted.table td.marked.primary.left, -.ui.inverted.table tr.marked.primary.left { - box-shadow: 0.2em 0 0 0 #54C8FF inset; -} - -.ui.inverted.table td.marked.primary.right, -.ui.inverted.table tr.marked.primary.right { - box-shadow: -0.2em 0 0 0 #54C8FF inset; -} - .ui.secondary.table { border-top: 0.2em solid #1B1C1D; } -.ui.inverted.secondary.table { - background-color: #1B1C1D; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.secondary:not(.marked), .ui.ui.table td.secondary:not(.marked) { background: #dddddd; @@ -26176,25 +22192,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #1B1C1D inset; } -.ui.inverted.table td.marked.secondary.left, -.ui.inverted.table tr.marked.secondary.left { - box-shadow: 0.2em 0 0 0 #545454 inset; -} - -.ui.inverted.table td.marked.secondary.right, -.ui.inverted.table tr.marked.secondary.right { - box-shadow: -0.2em 0 0 0 #545454 inset; -} - .ui.red.table { border-top: 0.2em solid #DB2828; } -.ui.inverted.red.table { - background-color: #DB2828; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.red:not(.marked), .ui.ui.table td.red:not(.marked) { background: #ffe1df; @@ -26218,25 +22219,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #DB2828 inset; } -.ui.inverted.table td.marked.red.left, -.ui.inverted.table tr.marked.red.left { - box-shadow: 0.2em 0 0 0 #FF695E inset; -} - -.ui.inverted.table td.marked.red.right, -.ui.inverted.table tr.marked.red.right { - box-shadow: -0.2em 0 0 0 #FF695E inset; -} - .ui.orange.table { border-top: 0.2em solid #F2711C; } -.ui.inverted.orange.table { - background-color: #F2711C; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.orange:not(.marked), .ui.ui.table td.orange:not(.marked) { background: #ffe7d1; @@ -26260,25 +22246,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #F2711C inset; } -.ui.inverted.table td.marked.orange.left, -.ui.inverted.table tr.marked.orange.left { - box-shadow: 0.2em 0 0 0 #FF851B inset; -} - -.ui.inverted.table td.marked.orange.right, -.ui.inverted.table tr.marked.orange.right { - box-shadow: -0.2em 0 0 0 #FF851B inset; -} - .ui.yellow.table { border-top: 0.2em solid #FBBD08; } -.ui.inverted.yellow.table { - background-color: #FBBD08; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.yellow:not(.marked), .ui.ui.table td.yellow:not(.marked) { background: #fff9d2; @@ -26302,25 +22273,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #FBBD08 inset; } -.ui.inverted.table td.marked.yellow.left, -.ui.inverted.table tr.marked.yellow.left { - box-shadow: 0.2em 0 0 0 #FFE21F inset; -} - -.ui.inverted.table td.marked.yellow.right, -.ui.inverted.table tr.marked.yellow.right { - box-shadow: -0.2em 0 0 0 #FFE21F inset; -} - .ui.olive.table { border-top: 0.2em solid #B5CC18; } -.ui.inverted.olive.table { - background-color: #B5CC18; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.olive:not(.marked), .ui.ui.table td.olive:not(.marked) { background: #f7fae4; @@ -26344,25 +22300,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #B5CC18 inset; } -.ui.inverted.table td.marked.olive.left, -.ui.inverted.table tr.marked.olive.left { - box-shadow: 0.2em 0 0 0 #D9E778 inset; -} - -.ui.inverted.table td.marked.olive.right, -.ui.inverted.table tr.marked.olive.right { - box-shadow: -0.2em 0 0 0 #D9E778 inset; -} - .ui.green.table { border-top: 0.2em solid #21BA45; } -.ui.inverted.green.table { - background-color: #21BA45; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.green:not(.marked), .ui.ui.table td.green:not(.marked) { background: #d5f5d9; @@ -26386,25 +22327,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #21BA45 inset; } -.ui.inverted.table td.marked.green.left, -.ui.inverted.table tr.marked.green.left { - box-shadow: 0.2em 0 0 0 #2ECC40 inset; -} - -.ui.inverted.table td.marked.green.right, -.ui.inverted.table tr.marked.green.right { - box-shadow: -0.2em 0 0 0 #2ECC40 inset; -} - .ui.teal.table { border-top: 0.2em solid #00B5AD; } -.ui.inverted.teal.table { - background-color: #00B5AD; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.teal:not(.marked), .ui.ui.table td.teal:not(.marked) { background: #e2ffff; @@ -26428,25 +22354,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #00B5AD inset; } -.ui.inverted.table td.marked.teal.left, -.ui.inverted.table tr.marked.teal.left { - box-shadow: 0.2em 0 0 0 #6DFFFF inset; -} - -.ui.inverted.table td.marked.teal.right, -.ui.inverted.table tr.marked.teal.right { - box-shadow: -0.2em 0 0 0 #6DFFFF inset; -} - .ui.blue.table { border-top: 0.2em solid #2185D0; } -.ui.inverted.blue.table { - background-color: #2185D0; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.blue:not(.marked), .ui.ui.table td.blue:not(.marked) { background: #ddf4ff; @@ -26470,25 +22381,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #2185D0 inset; } -.ui.inverted.table td.marked.blue.left, -.ui.inverted.table tr.marked.blue.left { - box-shadow: 0.2em 0 0 0 #54C8FF inset; -} - -.ui.inverted.table td.marked.blue.right, -.ui.inverted.table tr.marked.blue.right { - box-shadow: -0.2em 0 0 0 #54C8FF inset; -} - .ui.violet.table { border-top: 0.2em solid #6435C9; } -.ui.inverted.violet.table { - background-color: #6435C9; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.violet:not(.marked), .ui.ui.table td.violet:not(.marked) { background: #ece9fe; @@ -26512,25 +22408,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #6435C9 inset; } -.ui.inverted.table td.marked.violet.left, -.ui.inverted.table tr.marked.violet.left { - box-shadow: 0.2em 0 0 0 #A291FB inset; -} - -.ui.inverted.table td.marked.violet.right, -.ui.inverted.table tr.marked.violet.right { - box-shadow: -0.2em 0 0 0 #A291FB inset; -} - .ui.purple.table { border-top: 0.2em solid #A333C8; } -.ui.inverted.purple.table { - background-color: #A333C8; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.purple:not(.marked), .ui.ui.table td.purple:not(.marked) { background: #f8e3ff; @@ -26554,25 +22435,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #A333C8 inset; } -.ui.inverted.table td.marked.purple.left, -.ui.inverted.table tr.marked.purple.left { - box-shadow: 0.2em 0 0 0 #DC73FF inset; -} - -.ui.inverted.table td.marked.purple.right, -.ui.inverted.table tr.marked.purple.right { - box-shadow: -0.2em 0 0 0 #DC73FF inset; -} - .ui.pink.table { border-top: 0.2em solid #E03997; } -.ui.inverted.pink.table { - background-color: #E03997; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.pink:not(.marked), .ui.ui.table td.pink:not(.marked) { background: #ffe8f9; @@ -26596,25 +22462,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #E03997 inset; } -.ui.inverted.table td.marked.pink.left, -.ui.inverted.table tr.marked.pink.left { - box-shadow: 0.2em 0 0 0 #FF8EDF inset; -} - -.ui.inverted.table td.marked.pink.right, -.ui.inverted.table tr.marked.pink.right { - box-shadow: -0.2em 0 0 0 #FF8EDF inset; -} - .ui.brown.table { border-top: 0.2em solid #A5673F; } -.ui.inverted.brown.table { - background-color: #A5673F; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.brown:not(.marked), .ui.ui.table td.brown:not(.marked) { background: #f7e5d2; @@ -26638,25 +22489,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #A5673F inset; } -.ui.inverted.table td.marked.brown.left, -.ui.inverted.table tr.marked.brown.left { - box-shadow: 0.2em 0 0 0 #D67C1C inset; -} - -.ui.inverted.table td.marked.brown.right, -.ui.inverted.table tr.marked.brown.right { - box-shadow: -0.2em 0 0 0 #D67C1C inset; -} - .ui.grey.table { border-top: 0.2em solid #767676; } -.ui.inverted.grey.table { - background-color: #767676; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.grey:not(.marked), .ui.ui.table td.grey:not(.marked) { background: #DCDDDE; @@ -26680,25 +22516,10 @@ input::selection { box-shadow: -0.2em 0 0 0 #767676 inset; } -.ui.inverted.table td.marked.grey.left, -.ui.inverted.table tr.marked.grey.left { - box-shadow: 0.2em 0 0 0 #DCDDDE inset; -} - -.ui.inverted.table td.marked.grey.right, -.ui.inverted.table tr.marked.grey.right { - box-shadow: -0.2em 0 0 0 #DCDDDE inset; -} - .ui.black.table { border-top: 0.2em solid #1B1C1D; } -.ui.inverted.black.table { - background-color: #1B1C1D; - color: #FFFFFF; -} - .ui.ui.ui.ui.table tr.black:not(.marked), .ui.ui.table td.black:not(.marked) { background: #545454; @@ -26722,16 +22543,6 @@ input::selection { box-shadow: -0.2em 0 0 0 #1B1C1D inset; } -.ui.inverted.table td.marked.black.left, -.ui.inverted.table tr.marked.black.left { - box-shadow: 0.2em 0 0 0 #545454 inset; -} - -.ui.inverted.table td.marked.black.right, -.ui.inverted.table tr.marked.black.right { - box-shadow: -0.2em 0 0 0 #545454 inset; -} - /*-------------- Column Count ---------------*/ @@ -26966,85 +22777,6 @@ input::selection { background: rgba(0, 0, 0, 0.05); } -/* Inverted */ - -.ui.inverted.sortable.table thead th.sorted { - color: #ffffff; -} - -.ui.inverted.sortable.table:not(.basic) thead th.sorted { - background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); -} - -.ui.inverted.sortable.table > thead > tr > th:hover { - color: #ffffff; -} - -.ui.inverted.sortable.table:not(.basic) > thead > tr > th:hover { - background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); -} - -.ui.inverted.sortable.table:not(.basic) > thead > tr > th { - border-left-color: transparent; - border-right-color: transparent; -} - -/*-------------- - Inverted - ---------------*/ - -/* Text Color */ - -.ui.inverted.table { - background: #333333; - color: rgba(255, 255, 255, 0.9); - border: none; -} - -.ui.ui.inverted.table > thead > tr > th, -.ui.ui.inverted.table > tbody > tr > th, -.ui.ui.inverted.table > tfoot > tr > th, -.ui.ui.inverted.table > tfoot > tr > td, -.ui.ui.inverted.table > tr > th { - background-color: rgba(0, 0, 0, 0.15); - border-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.9); -} - -.ui.inverted.table > tbody > tr > td, -.ui.inverted.table > tfoot > tr > td, -.ui.inverted.table > tr > td { - border-color: rgba(255, 255, 255, 0.1); -} - -.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); -} - -.ui.inverted.table tr td.disabled:not([class="disabled"]), -.ui.inverted.table tr.disabled:not([class="disabled"]) td, -.ui.inverted.table tr.disabled td[class]:not(.disabled), -.ui.inverted.table tr:hover td.disabled:not([class="disabled"]) { - color: rgba(40, 40, 40, 0.3); -} - -/* Definition */ - -.ui.inverted.definition.table > tfoot:not(.full-width) > tr > th:first-child, -.ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child { - background: #FFFFFF; -} - -.ui.inverted.definition.table > tbody > tr > td:first-child .ui.inverted.definition.table > tfoot > tr > td:first-child, -.ui.inverted.definition.table > tr > td:first-child { - background: rgba(255, 255, 255, 0.02); - color: #ffffff; -} - /*-------------- Collapsing ---------------*/ @@ -27143,11 +22875,6 @@ input::selection { border-left: 1px solid rgba(34, 36, 38, 0.1); } -.ui.inverted.celled.table > tbody > tr > td, -.ui.inverted.celled.table > tr > td { - border-left: 1px solid rgba(255, 255, 255, 0.1); -} - .ui.celled.table > tr > th:first-child, .ui.celled.table > thead > tr > th:first-child, .ui.celled.table > tbody > tr > th:first-child, @@ -27293,122 +23020,62 @@ span.ui.primary.text { color: #2185D0; } -span.ui.inverted.primary.text { - color: #54C8FF; -} - span.ui.secondary.text { color: #1B1C1D; } -span.ui.inverted.secondary.text { - color: #545454; -} - span.ui.red.text { color: #DB2828; } -span.ui.inverted.red.text { - color: #FF695E; -} - span.ui.orange.text { color: #F2711C; } -span.ui.inverted.orange.text { - color: #FF851B; -} - span.ui.yellow.text { color: #FBBD08; } -span.ui.inverted.yellow.text { - color: #FFE21F; -} - span.ui.olive.text { color: #B5CC18; } -span.ui.inverted.olive.text { - color: #D9E778; -} - span.ui.green.text { color: #21BA45; } -span.ui.inverted.green.text { - color: #2ECC40; -} - span.ui.teal.text { color: #00B5AD; } -span.ui.inverted.teal.text { - color: #6DFFFF; -} - span.ui.blue.text { color: #2185D0; } -span.ui.inverted.blue.text { - color: #54C8FF; -} - span.ui.violet.text { color: #6435C9; } -span.ui.inverted.violet.text { - color: #A291FB; -} - span.ui.purple.text { color: #A333C8; } -span.ui.inverted.purple.text { - color: #DC73FF; -} - span.ui.pink.text { color: #E03997; } -span.ui.inverted.pink.text { - color: #FF8EDF; -} - span.ui.brown.text { color: #A5673F; } -span.ui.inverted.brown.text { - color: #D67C1C; -} - span.ui.grey.text { color: #767676; } -span.ui.inverted.grey.text { - color: #DCDDDE; -} - span.ui.black.text { color: #1B1C1D; } -span.ui.inverted.black.text { - color: #545454; -} - span.ui.error.text { color: #DB2828; }