[data-darkreader-inline-bgcolor] { background-color: var(--darkreader-inline-bgcolor) !important; } [data-darkreader-inline-bgimage] { background-image: var(--darkreader-inline-bgimage) !important; } [data-darkreader-inline-border] { border-color: var(--darkreader-inline-border) !important; } [data-darkreader-inline-border-bottom] { border-bottom-color: var(--darkreader-inline-border-bottom) !important; } [data-darkreader-inline-border-left] { border-left-color: var(--darkreader-inline-border-left) !important; } [data-darkreader-inline-border-right] { border-right-color: var(--darkreader-inline-border-right) !important; } [data-darkreader-inline-border-top] { border-top-color: var(--darkreader-inline-border-top) !important; } [data-darkreader-inline-boxshadow] { box-shadow: var(--darkreader-inline-boxshadow) !important; } [data-darkreader-inline-color] { color: var(--darkreader-inline-color) !important; } [data-darkreader-inline-fill] { fill: var(--darkreader-inline-fill) !important; } [data-darkreader-inline-stroke] { stroke: var(--darkreader-inline-stroke) !important; } [data-darkreader-inline-outline] { outline-color: var(--darkreader-inline-outline) !important; } html { background-color: #17181c !important; } html, body, input, textarea, select, button { background-color: #17181c; } html, body, input, textarea, select, button { border-color: #575757; color: #e8e7e3; } a { color: #3391ff; } table { border-color: #4c4c4c; } ::placeholder { color: #b9b4ac; } ::selection { background-color: #005ccc; color: #ffffff; } ::-moz-selection { background-color: #005ccc; color: #ffffff; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #545b00 !important; color: #e8e7e3 !important; } ::-webkit-scrollbar { background-color: #1b1c21; color: #c4c0ba; } ::-webkit-scrollbar-thumb { background-color: #252a33; } ::-webkit-scrollbar-thumb:hover { background-color: #2a323e; } ::-webkit-scrollbar-thumb:active { background-color: #303d4f; } ::-webkit-scrollbar-corner { background-color: #17181c; } a { background-color: transparent; } abbr[title] { border-bottom-color: currentcolor; text-decoration-color: currentcolor; } mark { background-color: #cccc00; color: #e8e7e3; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline-color: #666666; } legend { color: inherit; } body { background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.87); } a { color: #76aad4; text-decoration-color: currentcolor; } a:hover { color: #6bb0e8; text-decoration-color: currentcolor; } ::selection { background-color: #002352; color: rgba(232, 231, 227, 0.87); background-color: #002352; color: rgba(232, 231, 227, 0.87); } textarea::selection, input::selection { background-color: rgba(48, 61, 79, 0.4); color: rgba(232, 231, 227, 0.87); background-color: rgba(48, 61, 79, 0.4); color: rgba(232, 231, 227, 0.87); } .ui.button { outline-color: currentcolor; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; background-color: #1f2127; background-image: none; color: rgba(232, 231, 227, 0.6); text-shadow: none; text-decoration-color: currentcolor; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px inset, rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.button:hover { background-color: #23272f; background-image: none; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px inset, rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; color: rgba(232, 231, 227, 0.8); } .ui.button:focus { background-color: #23272f; color: rgba(232, 231, 227, 0.8); } .ui.button:active, .ui.active.button:active { background-color: #272c36; color: rgba(232, 231, 227, 0.9); } .ui.active.button { background-color: #252a33; background-image: none; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px inset; color: rgba(232, 231, 227, 0.95); } .ui.active.button:hover { background-color: #252a33; background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.active.button:active { background-color: #252a33; background-image: none; } .ui.loading.loading.loading.loading.loading.loading.button { text-shadow: none !important; color: transparent !important; } .ui.loading.button::before { border-top-color: rgba(102, 102, 102, 0.15); border-right-color: rgba(102, 102, 102, 0.15); border-bottom-color: rgba(102, 102, 102, 0.15); border-left-color: rgba(102, 102, 102, 0.15); } .ui.loading.button::after { border-top-color: #333333; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px; } .ui.labeled.icon.loading.button .icon { background-color: transparent; box-shadow: none; } .ui.basic.loading.button:not(.inverted)::before { border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .ui.basic.loading.button:not(.inverted)::after { border-top-color: #4e4e4e; } .ui.buttons .disabled.button, .ui.disabled.button, .ui.button:disabled, .ui.disabled.button:hover, .ui.disabled.active.button { background-image: none !important; box-shadow: none !important; } .ui.basic.buttons .ui.disabled.button { border-top-color: rgba(91, 96, 102, 0.5); border-right-color: rgba(91, 96, 102, 0.5); border-bottom-color: rgba(91, 96, 102, 0.5); border-left-color: rgba(91, 96, 102, 0.5); } .ui.inverted.button { box-shadow: #17181c 0px 0px 0px 2px inset !important; background-color: transparent; background-image: none; color: #ffffff; text-shadow: none !important; } .ui.inverted.button:hover { background-color: #17181c; background-image: none; box-shadow: #17181c 0px 0px 0px 2px inset !important; color: rgba(232, 231, 227, 0.8); } .ui.inverted.button:focus, .ui.inverted.button.active { background-color: #17181c; background-image: none; box-shadow: #17181c 0px 0px 0px 2px inset !important; color: rgba(232, 231, 227, 0.8); } .ui.inverted.button.active:focus { background-color: #202228; background-image: none; box-shadow: #202228 0px 0px 0px 2px inset !important; color: rgba(232, 231, 227, 0.8); } .ui.labeled.button:not(.icon) { background-color: rgba(0, 0, 0, 0) !important; background-image: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; box-shadow: none !important; } .ui.labeled.button > .label { border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.facebook.button { background-color: #2d4474; color: #ffffff; text-shadow: none; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.facebook.button:hover { background-color: #2a447a; color: #ffffff; text-shadow: none; } .ui.facebook.button:active { background-color: #2d4373; color: #ffffff; text-shadow: none; } .ui.twitter.button { background-color: #0e558b; color: #ffffff; text-shadow: none; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.twitter.button:hover { background-color: #0961a3; color: #ffffff; text-shadow: none; } .ui.twitter.button:active { background-color: #1164a4; color: #ffffff; text-shadow: none; } .ui.google.plus.button { background-color: #912619; color: #ffffff; text-shadow: none; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.google.plus.button:hover { background-color: #a62515; color: #ffffff; text-shadow: none; } .ui.google.plus.button:active { background-color: #9b291a; color: #ffffff; text-shadow: none; } .ui.linkedin.button { background-color: #1a709d; color: #ffffff; text-shadow: none; } .ui.linkedin.button:hover { background-color: #1377a9; color: #ffffff; text-shadow: none; } .ui.linkedin.button:active { background-color: #186992; color: #ffffff; text-shadow: none; } .ui.youtube.button { background-color: #cc0000; color: #ffffff; text-shadow: none; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.youtube.button:hover { background-color: #cc0000; color: #ffffff; text-shadow: none; } .ui.youtube.button:active { background-color: #cc0000; color: #ffffff; text-shadow: none; } .ui.instagram.button { background-color: #31506a; color: #ffffff; text-shadow: none; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.instagram.button:hover { background-color: #2f526f; color: #ffffff; text-shadow: none; } .ui.instagram.button:active { background-color: #325069; color: #ffffff; text-shadow: none; } .ui.pinterest.button { background-color: #bd081c; color: #ffffff; text-shadow: none; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.pinterest.button:hover { background-color: #ac0013; color: #ffffff; text-shadow: none; } .ui.pinterest.button:active { background-color: #8c0615; color: #ffffff; text-shadow: none; } .ui.vk.button { background-color: #334b65; color: #ffffff; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.vk.button:hover { background-color: #324c69; color: #ffffff; } .ui.vk.button:active { background-color: #334b65; color: #ffffff; } .ui.basic.buttons .button, .ui.basic.button { background-color: transparent !important; background-image: none !important; color: rgba(232, 231, 227, 0.6) !important; text-shadow: none !important; box-shadow: rgba(32, 34, 40, 0.15) 0px 0px 0px 1px inset; } .ui.basic.buttons { box-shadow: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.basic.buttons .button:hover, .ui.basic.button:hover { background-color: #17181c !important; background-image: none !important; color: rgba(232, 231, 227, 0.8) !important; box-shadow: rgba(32, 34, 40, 0.35) 0px 0px 0px 1px inset, rgba(32, 34, 40, 0.15) 0px 0px 0px 0px inset; } .ui.basic.buttons .button:focus, .ui.basic.button:focus { background-color: #17181c !important; background-image: none !important; color: rgba(232, 231, 227, 0.8) !important; box-shadow: rgba(32, 34, 40, 0.35) 0px 0px 0px 1px inset, rgba(32, 34, 40, 0.15) 0px 0px 0px 0px inset; } .ui.basic.buttons .button:active, .ui.basic.button:active { background-color: #191a1e !important; background-image: none !important; color: rgba(232, 231, 227, 0.9) !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(32, 34, 40, 0.15) 0px 1px 4px 0px inset; } .ui.basic.buttons .active.button, .ui.basic.active.button { background-color: rgba(0, 0, 0, 0.05) !important; background-image: none !important; color: rgba(232, 231, 227, 0.95) !important; } .ui.basic.buttons .active.button:hover, .ui.basic.active.button:hover { background-color: rgba(0, 0, 0, 0.05); } .ui.basic.inverted.buttons .button, .ui.basic.inverted.button { background-color: transparent !important; color: #fafafa !important; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; } .ui.basic.inverted.buttons .button:hover, .ui.basic.inverted.button:hover { color: #ffffff !important; box-shadow: #17181c 0px 0px 0px 2px inset !important; } .ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.button:focus { color: #ffffff !important; box-shadow: #17181c 0px 0px 0px 2px inset !important; } .ui.basic.inverted.buttons .button:active, .ui.basic.inverted.button:active { background-color: rgba(23, 24, 28, 0.08) !important; color: #ffffff !important; box-shadow: rgba(23, 24, 28, 0.9) 0px 0px 0px 2px inset !important; } .ui.basic.inverted.buttons .active.button, .ui.basic.inverted.active.button { background-color: rgba(23, 24, 28, 0.08); color: #ffffff; text-shadow: none; box-shadow: rgba(23, 24, 28, 0.7) 0px 0px 0px 2px inset; } .ui.basic.inverted.buttons .active.button:hover, .ui.basic.inverted.active.button:hover { background-color: rgba(23, 24, 28, 0.15); box-shadow: #17181c 0px 0px 0px 2px inset !important; } .ui.basic.buttons .button { border-left-color: rgba(91, 96, 102, 0.15); box-shadow: none; } .ui.basic.vertical.buttons .button { border-left-color: currentcolor; border-top-color: rgba(91, 96, 102, 0.15); } .ui.labeled.icon.buttons > .button > .icon, .ui.labeled.icon.button > .icon { background-color: rgba(0, 0, 0, 0.05); box-shadow: rgba(0, 0, 0, 0) -1px 0px 0px 0px inset; } .ui[class*="right labeled"].icon.button > .icon { box-shadow: rgba(0, 0, 0, 0) 1px 0px 0px 0px inset; } .ui.toggle.buttons .active.button, .ui.buttons .button.toggle.active, .ui.button.toggle.active { background-color: #1b9a39 !important; box-shadow: none !important; text-shadow: none; color: #ffffff !important; } .ui.button.toggle.active:hover { background-color: #15a537 !important; text-shadow: none; color: #ffffff !important; } .ui.buttons .or::before { background-color: #17181c; text-shadow: none; color: rgba(232, 231, 227, 0.4); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px inset; } .ui.attached.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0px 0px 1px !important; } .ui.left.attached.button { border-left-color: currentcolor; } .ui.black.buttons .button, .ui.black.button { background-color: #191b1f; color: #ffffff; text-shadow: none; background-image: none; } .ui.black.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.black.buttons .button:hover, .ui.black.button:hover { background-color: #23262e; color: #ffffff; text-shadow: none; } .ui.black.buttons .button:focus, .ui.black.button:focus { background-color: #282e39; color: #ffffff; text-shadow: none; } .ui.black.buttons .button:active, .ui.black.button:active { background-color: #2b3340; color: #ffffff; text-shadow: none; } .ui.black.buttons .active.button, .ui.black.buttons .active.button:active, .ui.black.active.button, .ui.black.button .active.button:active { background-color: #0e0f11; color: #ffffff; text-shadow: none; } .ui.basic.black.buttons .button, .ui.basic.black.button { box-shadow: #191b1f 0px 0px 0px 1px inset !important; color: #dddbd7 !important; } .ui.basic.black.buttons .button:hover, .ui.basic.black.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #23262e 0px 0px 0px 1px inset !important; color: #d8d6d2 !important; } .ui.basic.black.buttons .button:focus, .ui.basic.black.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #282e39 0px 0px 0px 1px inset !important; color: #d8d6d2 !important; } .ui.basic.black.buttons .active.button, .ui.basic.black.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #0e0f11 0px 0px 0px 1px inset !important; color: #d4d1cc !important; } .ui.basic.black.buttons .button:active, .ui.basic.black.button:active { box-shadow: #2b3340 0px 0px 0px 1px inset !important; color: #d4d1cc !important; } .ui.inverted.black.buttons .button, .ui.inverted.black.button { background-color: transparent; box-shadow: #21242c 0px 0px 0px 2px inset !important; 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 !important; 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; } .ui.inverted.black.basic.buttons .button, .ui.inverted.black.buttons .basic.button, .ui.inverted.black.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.black.basic.buttons .button:hover, .ui.inverted.black.buttons .basic.button:hover, .ui.inverted.black.basic.button:hover { box-shadow: #000000 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.black.basic.buttons .button:focus, .ui.inverted.black.basic.buttons .button:focus, .ui.inverted.black.basic.button:focus { box-shadow: #000000 0px 0px 0px 2px inset !important; color: #c9c5bf !important; } .ui.inverted.black.basic.buttons .active.button, .ui.inverted.black.buttons .basic.active.button, .ui.inverted.black.basic.active.button { box-shadow: #000000 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.black.basic.buttons .button:active, .ui.inverted.black.buttons .basic.button:active, .ui.inverted.black.basic.button:active { box-shadow: #000000 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.grey.buttons .button, .ui.grey.button { background-color: #303d4f; color: #ffffff; text-shadow: none; background-image: none; } .ui.grey.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.grey.buttons .button:hover, .ui.grey.button:hover { background-color: #303c4d; color: #ffffff; text-shadow: none; } .ui.grey.buttons .button:focus, .ui.grey.button:focus { background-color: #2f3a4a; color: #ffffff; text-shadow: none; } .ui.grey.buttons .button:active, .ui.grey.button:active { background-color: #2e3848; color: #ffffff; text-shadow: none; } .ui.grey.buttons .active.button, .ui.grey.buttons .active.button:active, .ui.grey.active.button, .ui.grey.button .active.button:active { background-color: #303d4f; color: #ffffff; text-shadow: none; } .ui.basic.grey.buttons .button, .ui.basic.grey.button { box-shadow: #303d4f 0px 0px 0px 1px inset !important; color: #bcb7b0 !important; } .ui.basic.grey.buttons .button:hover, .ui.basic.grey.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #303c4d 0px 0px 0px 1px inset !important; color: #b9b4ac !important; } .ui.basic.grey.buttons .button:focus, .ui.basic.grey.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #2f3a4a 0px 0px 0px 1px inset !important; color: #b9b4ac !important; } .ui.basic.grey.buttons .active.button, .ui.basic.grey.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #303d4f 0px 0px 0px 1px inset !important; color: #b9b4ac !important; } .ui.basic.grey.buttons .button:active, .ui.basic.grey.button:active { box-shadow: #2e3848 0px 0px 0px 1px inset !important; color: #b9b4ac !important; } .ui.inverted.grey.buttons .button, .ui.inverted.grey.button { background-color: transparent; box-shadow: #21242c 0px 0px 0px 2px inset !important; 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 !important; color: rgba(232, 231, 227, 0.6); } .ui.inverted.grey.buttons .button:hover, .ui.inverted.grey.button:hover { background-color: #22262d; } .ui.inverted.grey.buttons .button:focus, .ui.inverted.grey.button:focus { background-color: #242831; } .ui.inverted.grey.buttons .active.button, .ui.inverted.grey.active.button { background-color: #22262d; } .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.button:active { background-color: #252933; } .ui.inverted.grey.basic.buttons .button, .ui.inverted.grey.buttons .basic.button, .ui.inverted.grey.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.grey.basic.buttons .button:hover, .ui.inverted.grey.buttons .basic.button:hover, .ui.inverted.grey.basic.button:hover { box-shadow: #22262d 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.grey.basic.buttons .button:focus, .ui.inverted.grey.basic.buttons .button:focus, .ui.inverted.grey.basic.button:focus { box-shadow: #242831 0px 0px 0px 2px inset !important; color: #e0deda !important; } .ui.inverted.grey.basic.buttons .active.button, .ui.inverted.grey.buttons .basic.active.button, .ui.inverted.grey.basic.active.button { box-shadow: #22262d 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.grey.basic.buttons .button:active, .ui.inverted.grey.buttons .basic.button:active, .ui.inverted.grey.basic.button:active { box-shadow: #252933 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.brown.buttons .button, .ui.brown.button { background-color: #75492d; color: #ffffff; text-shadow: none; background-image: none; } .ui.brown.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.brown.buttons .button:hover, .ui.brown.button:hover { background-color: #7c4a2a; color: #ffffff; text-shadow: none; } .ui.brown.buttons .button:focus, .ui.brown.button:focus { background-color: #824b27; color: #ffffff; text-shadow: none; } .ui.brown.buttons .button:active, .ui.brown.button:active { background-color: #75492d; color: #ffffff; text-shadow: none; } .ui.brown.buttons .active.button, .ui.brown.buttons .active.button:active, .ui.brown.active.button, .ui.brown.button .active.button:active { background-color: #7e4a28; color: #ffffff; text-shadow: none; } .ui.basic.brown.buttons .button, .ui.basic.brown.button { box-shadow: #75492d 0px 0px 0px 1px inset !important; color: #d2a689 !important; } .ui.basic.brown.buttons .button:hover, .ui.basic.brown.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #7c4a2a 0px 0px 0px 1px inset !important; color: #d9ac8e !important; } .ui.basic.brown.buttons .button:focus, .ui.basic.brown.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #824b27 0px 0px 0px 1px inset !important; color: #d9ac8e !important; } .ui.basic.brown.buttons .active.button, .ui.basic.brown.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #7e4a28 0px 0px 0px 1px inset !important; color: #d9b49b !important; } .ui.basic.brown.buttons .button:active, .ui.basic.brown.button:active { box-shadow: #75492d 0px 0px 0px 1px inset !important; color: #d9b49b !important; } .ui.inverted.brown.buttons .button, .ui.inverted.brown.button { background-color: transparent; box-shadow: #a55f16 0px 0px 0px 2px inset !important; color: #eaa55b; } .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 !important; color: #ffffff; } .ui.inverted.brown.buttons .button:hover, .ui.inverted.brown.button:hover { background-color: #b1620f; } .ui.inverted.brown.buttons .button:focus, .ui.inverted.brown.button:focus { background-color: #be6608; } .ui.inverted.brown.buttons .active.button, .ui.inverted.brown.active.button { background-color: #b7640c; } .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.button:active { background-color: #a56015; } .ui.inverted.brown.basic.buttons .button, .ui.inverted.brown.buttons .basic.button, .ui.inverted.brown.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.brown.basic.buttons .button:hover, .ui.inverted.brown.buttons .basic.button:hover, .ui.inverted.brown.basic.button:hover { box-shadow: #b1620f 0px 0px 0px 2px inset !important; color: #eaa55b !important; } .ui.inverted.brown.basic.buttons .button:focus, .ui.inverted.brown.basic.buttons .button:focus, .ui.inverted.brown.basic.button:focus { box-shadow: #be6608 0px 0px 0px 2px inset !important; color: #eaa55b !important; } .ui.inverted.brown.basic.buttons .active.button, .ui.inverted.brown.buttons .basic.active.button, .ui.inverted.brown.basic.active.button { box-shadow: #b7640c 0px 0px 0px 2px inset !important; color: #eaa55b !important; } .ui.inverted.brown.basic.buttons .button:active, .ui.inverted.brown.buttons .basic.button:active, .ui.inverted.brown.basic.button:active { box-shadow: #a56015 0px 0px 0px 2px inset !important; color: #eaa55b !important; } .ui.blue.buttons .button, .ui.blue.button { background-color: #19659e; color: #ffffff; text-shadow: none; background-image: none; } .ui.blue.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.blue.buttons .button:hover, .ui.blue.button:hover { background-color: #1369a9; color: #ffffff; text-shadow: none; } .ui.blue.buttons .button:focus, .ui.blue.button:focus { background-color: #0d6eb5; color: #ffffff; text-shadow: none; } .ui.blue.buttons .button:active, .ui.blue.button:active { background-color: #19659e; color: #ffffff; text-shadow: none; } .ui.blue.buttons .active.button, .ui.blue.buttons .active.button:active, .ui.blue.active.button, .ui.blue.button .active.button:active { background-color: #106baf; color: #ffffff; text-shadow: none; } .ui.basic.blue.buttons .button, .ui.basic.blue.button { box-shadow: #19659e 0px 0px 0px 1px inset !important; color: #62aee6 !important; } .ui.basic.blue.buttons .button:hover, .ui.basic.blue.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #1369a9 0px 0px 0px 1px inset !important; color: #65b4ee !important; } .ui.basic.blue.buttons .button:focus, .ui.basic.blue.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #0d6eb5 0px 0px 0px 1px inset !important; color: #65b4ee !important; } .ui.basic.blue.buttons .active.button, .ui.basic.blue.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #106baf 0px 0px 0px 1px inset !important; color: #7abbea !important; } .ui.basic.blue.buttons .button:active, .ui.basic.blue.button:active { box-shadow: #19659e 0px 0px 0px 1px inset !important; color: #7abbea !important; } .ui.inverted.blue.buttons .button, .ui.inverted.blue.button { background-color: transparent; box-shadow: #00689a 0px 0px 0px 2px inset !important; 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 !important; color: #ffffff; } .ui.inverted.blue.buttons .button:hover, .ui.inverted.blue.button:hover { background-color: #0073a9; } .ui.inverted.blue.buttons .button:focus, .ui.inverted.blue.button:focus { background-color: #0079b2; } .ui.inverted.blue.buttons .active.button, .ui.inverted.blue.active.button { background-color: #0073a9; } .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.button:active { background-color: #007db8; } .ui.inverted.blue.basic.buttons .button, .ui.inverted.blue.buttons .basic.button, .ui.inverted.blue.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.blue.basic.buttons .button:hover, .ui.inverted.blue.buttons .basic.button:hover, .ui.inverted.blue.basic.button:hover { box-shadow: #0073a9 0px 0px 0px 2px inset !important; color: #54c8ff !important; } .ui.inverted.blue.basic.buttons .button:focus, .ui.inverted.blue.basic.buttons .button:focus, .ui.inverted.blue.basic.button:focus { box-shadow: #0079b2 0px 0px 0px 2px inset !important; color: #54c8ff !important; } .ui.inverted.blue.basic.buttons .active.button, .ui.inverted.blue.buttons .basic.active.button, .ui.inverted.blue.basic.active.button { box-shadow: #0073a9 0px 0px 0px 2px inset !important; color: #54c8ff !important; } .ui.inverted.blue.basic.buttons .button:active, .ui.inverted.blue.buttons .basic.button:active, .ui.inverted.blue.basic.button:active { box-shadow: #007db8 0px 0px 0px 2px inset !important; color: #54c8ff !important; } .ui.green.buttons .button, .ui.green.button { background-color: #1b9a39; color: #ffffff; text-shadow: none; background-image: none; } .ui.green.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.green.buttons .button:hover, .ui.green.button:hover { background-color: #15a537; color: #ffffff; text-shadow: none; } .ui.green.buttons .button:focus, .ui.green.button:focus { background-color: #0ea432; color: #ffffff; text-shadow: none; } .ui.green.buttons .button:active, .ui.green.button:active { background-color: #198f35; color: #ffffff; text-shadow: none; } .ui.green.buttons .active.button, .ui.green.buttons .active.button:active, .ui.green.active.button, .ui.green.button .active.button:active { background-color: #13aa37; color: #ffffff; text-shadow: none; } .ui.basic.green.buttons .button, .ui.basic.green.button { box-shadow: #1b9a39 0px 0px 0px 1px inset !important; color: #6fe68b !important; } .ui.basic.green.buttons .button:hover, .ui.basic.green.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #15a537 0px 0px 0px 1px inset !important; color: #73ed90 !important; } .ui.basic.green.buttons .button:focus, .ui.basic.green.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #0ea432 0px 0px 0px 1px inset !important; color: #73ed90 !important; } .ui.basic.green.buttons .active.button, .ui.basic.green.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #13aa37 0px 0px 0px 1px inset !important; color: #86ea9e !important; } .ui.basic.green.buttons .button:active, .ui.basic.green.button:active { box-shadow: #198f35 0px 0px 0px 1px inset !important; color: #86ea9e !important; } .ui.inverted.green.buttons .button, .ui.inverted.green.button { background-color: transparent; box-shadow: #208f2d 0px 0px 0px 2px inset !important; color: #6add77; } .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 !important; color: #ffffff; } .ui.inverted.green.buttons .button:hover, .ui.inverted.green.button:hover { background-color: #1b992a; } .ui.inverted.green.buttons .button:focus, .ui.inverted.green.button:focus { background-color: #16a326; } .ui.inverted.green.buttons .active.button, .ui.inverted.green.active.button { background-color: #199e28; } .ui.inverted.green.buttons .button:active, .ui.inverted.green.button:active { background-color: #218f2d; } .ui.inverted.green.basic.buttons .button, .ui.inverted.green.buttons .basic.button, .ui.inverted.green.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.green.basic.buttons .button:hover, .ui.inverted.green.buttons .basic.button:hover, .ui.inverted.green.basic.button:hover { box-shadow: #1b992a 0px 0px 0px 2px inset !important; color: #6add77 !important; } .ui.inverted.green.basic.buttons .button:focus, .ui.inverted.green.basic.buttons .button:focus, .ui.inverted.green.basic.button:focus { box-shadow: #16a326 0px 0px 0px 2px inset !important; color: #6add77 !important; } .ui.inverted.green.basic.buttons .active.button, .ui.inverted.green.buttons .basic.active.button, .ui.inverted.green.basic.active.button { box-shadow: #199e28 0px 0px 0px 2px inset !important; color: #6add77 !important; } .ui.inverted.green.basic.buttons .button:active, .ui.inverted.green.buttons .basic.button:active, .ui.inverted.green.basic.button:active { box-shadow: #218f2d 0px 0px 0px 2px inset !important; color: #6add77 !important; } .ui.orange.buttons .button, .ui.orange.button { background-color: #b14c0a; color: #ffffff; text-shadow: none; background-image: none; } .ui.orange.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.orange.buttons .button:hover, .ui.orange.button:hover { background-color: #c95102; color: #ffffff; text-shadow: none; } .ui.orange.buttons .button:focus, .ui.orange.button:focus { background-color: #cc5100; color: #ffffff; text-shadow: none; } .ui.orange.buttons .button:active, .ui.orange.button:active { background-color: #b94f0b; color: #ffffff; text-shadow: none; } .ui.orange.buttons .active.button, .ui.orange.buttons .active.button:active, .ui.orange.active.button, .ui.orange.button .active.button:active { background-color: #cc5100; color: #ffffff; text-shadow: none; } .ui.basic.orange.buttons .button, .ui.basic.orange.button { box-shadow: #b14c0a 0px 0px 0px 1px inset !important; color: #f48a43 !important; } .ui.basic.orange.buttons .button:hover, .ui.basic.orange.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #c95102 0px 0px 0px 1px inset !important; color: #fd893c !important; } .ui.basic.orange.buttons .button:focus, .ui.basic.orange.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #cc5100 0px 0px 0px 1px inset !important; color: #fd893c !important; } .ui.basic.orange.buttons .active.button, .ui.basic.orange.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #cc5100 0px 0px 0px 1px inset !important; color: #f59657 !important; } .ui.basic.orange.buttons .button:active, .ui.basic.orange.button:active { box-shadow: #b94f0b 0px 0px 0px 1px inset !important; color: #f59657 !important; } .ui.inverted.orange.buttons .button, .ui.inverted.orange.button { background-color: transparent; box-shadow: #bc5700 0px 0px 0px 2px inset !important; color: #ff9233; } .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 !important; color: #ffffff; } .ui.inverted.orange.buttons .button:hover, .ui.inverted.orange.button:hover { background-color: #cb5e00; } .ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.button:focus { background-color: #cc5f00; } .ui.inverted.orange.buttons .active.button, .ui.inverted.orange.active.button { background-color: #cb5e00; } .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.button:active { background-color: #cc5e00; } .ui.inverted.orange.basic.buttons .button, .ui.inverted.orange.buttons .basic.button, .ui.inverted.orange.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover, .ui.inverted.orange.basic.button:hover { box-shadow: #cb5e00 0px 0px 0px 2px inset !important; color: #ff9233 !important; } .ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.buttons .button:focus, .ui.inverted.orange.basic.button:focus { box-shadow: #cc5f00 0px 0px 0px 2px inset !important; color: #ff9233 !important; } .ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button, .ui.inverted.orange.basic.active.button { box-shadow: #cb5e00 0px 0px 0px 2px inset !important; color: #ff9233 !important; } .ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active, .ui.inverted.orange.basic.button:active { box-shadow: #cc5e00 0px 0px 0px 2px inset !important; color: #ff9233 !important; } .ui.pink.buttons .button, .ui.pink.button { background-color: #93175d; color: #ffffff; text-shadow: none; background-image: none; } .ui.pink.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.pink.buttons .button:hover, .ui.pink.button:hover { background-color: #aa1368; color: #ffffff; text-shadow: none; } .ui.pink.buttons .button:focus, .ui.pink.button:focus { background-color: #b60c6c; color: #ffffff; text-shadow: none; } .ui.pink.buttons .button:active, .ui.pink.button:active { background-color: #9f1964; color: #ffffff; text-shadow: none; } .ui.pink.buttons .active.button, .ui.pink.buttons .active.button:active, .ui.pink.active.button, .ui.pink.button .active.button:active { background-color: #b0106a; color: #ffffff; text-shadow: none; } .ui.basic.pink.buttons .button, .ui.basic.pink.button { box-shadow: #93175d 0px 0px 0px 1px inset !important; color: #e55ba9 !important; } .ui.basic.pink.buttons .button:hover, .ui.basic.pink.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #aa1368 0px 0px 0px 1px inset !important; color: #ec50a8 !important; } .ui.basic.pink.buttons .button:focus, .ui.basic.pink.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #b60c6c 0px 0px 0px 1px inset !important; color: #ec50a8 !important; } .ui.basic.pink.buttons .active.button, .ui.basic.pink.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #b0106a 0px 0px 0px 1px inset !important; color: #e766af !important; } .ui.basic.pink.buttons .button:active, .ui.basic.pink.button:active { box-shadow: #9f1964 0px 0px 0px 1px inset !important; color: #e766af !important; } .ui.inverted.pink.buttons .button, .ui.inverted.pink.button { background-color: transparent; box-shadow: #770055 0px 0px 0px 2px inset !important; 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 !important; color: #ffffff; } .ui.inverted.pink.buttons .button:hover, .ui.inverted.pink.button:hover { background-color: #860061; } .ui.inverted.pink.buttons .button:focus, .ui.inverted.pink.button:focus { background-color: #8f0066; } .ui.inverted.pink.buttons .active.button, .ui.inverted.pink.active.button { background-color: #860061; } .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.button:active { background-color: #95006b; } .ui.inverted.pink.basic.buttons .button, .ui.inverted.pink.buttons .basic.button, .ui.inverted.pink.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.pink.basic.buttons .button:hover, .ui.inverted.pink.buttons .basic.button:hover, .ui.inverted.pink.basic.button:hover { box-shadow: #860061 0px 0px 0px 2px inset !important; color: #ff8edf !important; } .ui.inverted.pink.basic.buttons .button:focus, .ui.inverted.pink.basic.buttons .button:focus, .ui.inverted.pink.basic.button:focus { box-shadow: #8f0066 0px 0px 0px 2px inset !important; color: #ff8edf !important; } .ui.inverted.pink.basic.buttons .active.button, .ui.inverted.pink.buttons .basic.active.button, .ui.inverted.pink.basic.active.button { box-shadow: #860061 0px 0px 0px 2px inset !important; color: #ff8edf !important; } .ui.inverted.pink.basic.buttons .button:active, .ui.inverted.pink.buttons .basic.button:active, .ui.inverted.pink.basic.button:active { box-shadow: #95006b 0px 0px 0px 2px inset !important; color: #ff8edf !important; } .ui.violet.buttons .button, .ui.violet.button { background-color: #442488; color: #ffffff; text-shadow: none; background-image: none; } .ui.violet.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.violet.buttons .button:hover, .ui.violet.button:hover { background-color: #442091; color: #ffffff; text-shadow: none; } .ui.violet.buttons .button:focus, .ui.violet.button:focus { background-color: #431b9a; color: #ffffff; text-shadow: none; } .ui.violet.buttons .button:active, .ui.violet.button:active { background-color: #442489; color: #ffffff; text-shadow: none; } .ui.violet.buttons .active.button, .ui.violet.buttons .active.button:active, .ui.violet.active.button, .ui.violet.button .active.button:active { background-color: #431e95; color: #ffffff; text-shadow: none; } .ui.basic.violet.buttons .button, .ui.basic.violet.button { box-shadow: #442488 0px 0px 0px 1px inset !important; color: #916fd9 !important; } .ui.basic.violet.buttons .button:hover, .ui.basic.violet.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #442091 0px 0px 0px 1px inset !important; color: #9672e0 !important; } .ui.basic.violet.buttons .button:focus, .ui.basic.violet.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #431b9a 0px 0px 0px 1px inset !important; color: #9672e0 !important; } .ui.basic.violet.buttons .active.button, .ui.basic.violet.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #431e95 0px 0px 0px 1px inset !important; color: #a083df !important; } .ui.basic.violet.buttons .button:active, .ui.basic.violet.button:active { box-shadow: #442489 0px 0px 0px 1px inset !important; color: #a083df !important; } .ui.inverted.violet.buttons .button, .ui.inverted.violet.button { background-color: transparent; box-shadow: #160471 0px 0px 0px 2px inset !important; 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 !important; color: #ffffff; } .ui.inverted.violet.buttons .button:hover, .ui.inverted.violet.button:hover { background-color: #160087; } .ui.inverted.violet.buttons .button:focus, .ui.inverted.violet.button:focus { background-color: #170090; } .ui.inverted.violet.buttons .active.button, .ui.inverted.violet.active.button { background-color: #160087; } .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.button:active { background-color: #1b058d; } .ui.inverted.violet.basic.buttons .button, .ui.inverted.violet.buttons .basic.button, .ui.inverted.violet.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.violet.basic.buttons .button:hover, .ui.inverted.violet.buttons .basic.button:hover, .ui.inverted.violet.basic.button:hover { box-shadow: #160087 0px 0px 0px 2px inset !important; color: #a291fb !important; } .ui.inverted.violet.basic.buttons .button:focus, .ui.inverted.violet.basic.buttons .button:focus, .ui.inverted.violet.basic.button:focus { box-shadow: #170090 0px 0px 0px 2px inset !important; color: #a291fb !important; } .ui.inverted.violet.basic.buttons .active.button, .ui.inverted.violet.buttons .basic.active.button, .ui.inverted.violet.basic.active.button { box-shadow: #160087 0px 0px 0px 2px inset !important; color: #a291fb !important; } .ui.inverted.violet.basic.buttons .button:active, .ui.inverted.violet.buttons .basic.button:active, .ui.inverted.violet.basic.button:active { box-shadow: #1b058d 0px 0px 0px 2px inset !important; color: #a291fb !important; } .ui.purple.buttons .button, .ui.purple.button { background-color: #70238a; color: #ffffff; text-shadow: none; background-image: none; } .ui.purple.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.purple.buttons .button:hover, .ui.purple.button:hover { background-color: #761f93; color: #ffffff; text-shadow: none; } .ui.purple.buttons .button:focus, .ui.purple.button:focus { background-color: #7c1a9c; color: #ffffff; text-shadow: none; } .ui.purple.buttons .button:active, .ui.purple.button:active { background-color: #702389; color: #ffffff; text-shadow: none; } .ui.purple.buttons .active.button, .ui.purple.buttons .active.button:active, .ui.purple.active.button, .ui.purple.button .active.button:active { background-color: #781d97; color: #ffffff; text-shadow: none; } .ui.basic.purple.buttons .button, .ui.basic.purple.button { box-shadow: #70238a 0px 0px 0px 1px inset !important; color: #bf6fda !important; } .ui.basic.purple.buttons .button:hover, .ui.basic.purple.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #761f93 0px 0px 0px 1px inset !important; color: #c672e1 !important; } .ui.basic.purple.buttons .button:focus, .ui.basic.purple.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #7c1a9c 0px 0px 0px 1px inset !important; color: #c672e1 !important; } .ui.basic.purple.buttons .active.button, .ui.basic.purple.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #781d97 0px 0px 0px 1px inset !important; color: #c984df !important; } .ui.basic.purple.buttons .button:active, .ui.basic.purple.button:active { box-shadow: #702389 0px 0px 0px 1px inset !important; color: #c984df !important; } .ui.inverted.purple.buttons .button, .ui.inverted.purple.button { background-color: transparent; box-shadow: #650087 0px 0px 0px 2px inset !important; 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 !important; color: #ffffff; } .ui.inverted.purple.buttons .button:hover, .ui.inverted.purple.button:hover { background-color: #710096; } .ui.inverted.purple.buttons .button:focus, .ui.inverted.purple.button:focus { background-color: #7800a0; } .ui.inverted.purple.buttons .active.button, .ui.inverted.purple.active.button { background-color: #710096; } .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.button:active { background-color: #7c00a6; } .ui.inverted.purple.basic.buttons .button, .ui.inverted.purple.buttons .basic.button, .ui.inverted.purple.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.purple.basic.buttons .button:hover, .ui.inverted.purple.buttons .basic.button:hover, .ui.inverted.purple.basic.button:hover { box-shadow: #710096 0px 0px 0px 2px inset !important; color: #dc73ff !important; } .ui.inverted.purple.basic.buttons .button:focus, .ui.inverted.purple.basic.buttons .button:focus, .ui.inverted.purple.basic.button:focus { box-shadow: #7800a0 0px 0px 0px 2px inset !important; color: #dc73ff !important; } .ui.inverted.purple.basic.buttons .active.button, .ui.inverted.purple.buttons .basic.active.button, .ui.inverted.purple.basic.active.button { box-shadow: #710096 0px 0px 0px 2px inset !important; color: #dc73ff !important; } .ui.inverted.purple.basic.buttons .button:active, .ui.inverted.purple.buttons .basic.button:active, .ui.inverted.purple.basic.button:active { box-shadow: #7c00a6 0px 0px 0px 2px inset !important; color: #dc73ff !important; } .ui.red.buttons .button, .ui.red.button { background-color: #9a1a1a; color: #ffffff; text-shadow: none; background-image: none; } .ui.red.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.red.buttons .button:hover, .ui.red.button:hover { background-color: #a71414; color: #ffffff; text-shadow: none; } .ui.red.buttons .button:focus, .ui.red.button:focus { background-color: #b30e0e; color: #ffffff; text-shadow: none; } .ui.red.buttons .button:active, .ui.red.button:active { background-color: #9c1a1a; color: #ffffff; text-shadow: none; } .ui.red.buttons .active.button, .ui.red.buttons .active.button:active, .ui.red.active.button, .ui.red.button .active.button:active { background-color: #ad1111; color: #ffffff; text-shadow: none; } .ui.basic.red.buttons .button, .ui.basic.red.button { box-shadow: #9a1a1a 0px 0px 0px 1px inset !important; color: #e45d5d !important; } .ui.basic.red.buttons .button:hover, .ui.basic.red.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #a71414 0px 0px 0px 1px inset !important; color: #ec5e5e !important; } .ui.basic.red.buttons .button:focus, .ui.basic.red.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #b30e0e 0px 0px 0px 1px inset !important; color: #ec5e5e !important; } .ui.basic.red.buttons .active.button, .ui.basic.red.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #ad1111 0px 0px 0px 1px inset !important; color: #e77373 !important; } .ui.basic.red.buttons .button:active, .ui.basic.red.button:active { box-shadow: #9c1a1a 0px 0px 0px 1px inset !important; color: #e77373 !important; } .ui.inverted.red.buttons .button, .ui.inverted.red.button { background-color: transparent; box-shadow: #940a00 0px 0px 0px 2px inset !important; 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 !important; color: #ffffff; } .ui.inverted.red.buttons .button:hover, .ui.inverted.red.button:hover { background-color: #a30b00; } .ui.inverted.red.buttons .button:focus, .ui.inverted.red.button:focus { background-color: #ac0c00; } .ui.inverted.red.buttons .active.button, .ui.inverted.red.active.button { background-color: #a30b00; } .ui.inverted.red.buttons .button:active, .ui.inverted.red.button:active { background-color: #b20c00; } .ui.inverted.red.basic.buttons .button, .ui.inverted.red.buttons .basic.button, .ui.inverted.red.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.red.basic.buttons .button:hover, .ui.inverted.red.buttons .basic.button:hover, .ui.inverted.red.basic.button:hover { box-shadow: #a30b00 0px 0px 0px 2px inset !important; color: #ff695e !important; } .ui.inverted.red.basic.buttons .button:focus, .ui.inverted.red.basic.buttons .button:focus, .ui.inverted.red.basic.button:focus { box-shadow: #ac0c00 0px 0px 0px 2px inset !important; color: #ff695e !important; } .ui.inverted.red.basic.buttons .active.button, .ui.inverted.red.buttons .basic.active.button, .ui.inverted.red.basic.active.button { box-shadow: #a30b00 0px 0px 0px 2px inset !important; color: #ff695e !important; } .ui.inverted.red.basic.buttons .button:active, .ui.inverted.red.buttons .basic.button:active, .ui.inverted.red.basic.button:active { box-shadow: #b20c00 0px 0px 0px 2px inset !important; color: #ff695e !important; } .ui.teal.buttons .button, .ui.teal.button { background-color: #00b5ad; color: #ffffff; text-shadow: none; background-image: none; } .ui.teal.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.teal.buttons .button:hover, .ui.teal.button:hover { background-color: #009c95; color: #ffffff; text-shadow: none; } .ui.teal.buttons .button:focus, .ui.teal.button:focus { background-color: #008c86; color: #ffffff; text-shadow: none; } .ui.teal.buttons .button:active, .ui.teal.button:active { background-color: #00827c; color: #ffffff; text-shadow: none; } .ui.teal.buttons .active.button, .ui.teal.buttons .active.button:active, .ui.teal.active.button, .ui.teal.button .active.button:active { background-color: #009c95; color: #ffffff; text-shadow: none; } .ui.basic.teal.buttons .button, .ui.basic.teal.button { box-shadow: #00b5ad 0px 0px 0px 1px inset !important; color: #5ffff8 !important; } .ui.basic.teal.buttons .button:hover, .ui.basic.teal.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #009c95 0px 0px 0px 1px inset !important; color: #6efff9 !important; } .ui.basic.teal.buttons .button:focus, .ui.basic.teal.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #008c86 0px 0px 0px 1px inset !important; color: #6efff9 !important; } .ui.basic.teal.buttons .active.button, .ui.basic.teal.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #009c95 0px 0px 0px 1px inset !important; color: #7efff9 !important; } .ui.basic.teal.buttons .button:active, .ui.basic.teal.button:active { box-shadow: #00827c 0px 0px 0px 1px inset !important; color: #7efff9 !important; } .ui.inverted.teal.buttons .button, .ui.inverted.teal.button { background-color: transparent; box-shadow: #008b8b 0px 0px 0px 2px inset !important; 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 !important; color: rgba(232, 231, 227, 0.6); } .ui.inverted.teal.buttons .button:hover, .ui.inverted.teal.button:hover { background-color: #009a9a; } .ui.inverted.teal.buttons .button:focus, .ui.inverted.teal.button:focus { background-color: #00a3a3; } .ui.inverted.teal.buttons .active.button, .ui.inverted.teal.active.button { background-color: #009a9a; } .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.button:active { background-color: #00a9a9; } .ui.inverted.teal.basic.buttons .button, .ui.inverted.teal.buttons .basic.button, .ui.inverted.teal.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.teal.basic.buttons .button:hover, .ui.inverted.teal.buttons .basic.button:hover, .ui.inverted.teal.basic.button:hover { box-shadow: #009a9a 0px 0px 0px 2px inset !important; color: #6dffff !important; } .ui.inverted.teal.basic.buttons .button:focus, .ui.inverted.teal.basic.buttons .button:focus, .ui.inverted.teal.basic.button:focus { box-shadow: #00a3a3 0px 0px 0px 2px inset !important; color: #6dffff !important; } .ui.inverted.teal.basic.buttons .active.button, .ui.inverted.teal.buttons .basic.active.button, .ui.inverted.teal.basic.active.button { box-shadow: #009a9a 0px 0px 0px 2px inset !important; color: #6dffff !important; } .ui.inverted.teal.basic.buttons .button:active, .ui.inverted.teal.buttons .basic.button:active, .ui.inverted.teal.basic.button:active { box-shadow: #00a9a9 0px 0px 0px 2px inset !important; color: #6dffff !important; } .ui.olive.buttons .button, .ui.olive.button { background-color: #95a814; color: #ffffff; text-shadow: none; background-image: none; } .ui.olive.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.olive.buttons .button:hover, .ui.olive.button:hover { background-color: #a1b60c; color: #ffffff; text-shadow: none; } .ui.olive.buttons .button:focus, .ui.olive.button:focus { background-color: #a0b605; color: #ffffff; text-shadow: none; } .ui.olive.buttons .button:active, .ui.olive.button:active { background-color: #8d9e13; color: #ffffff; text-shadow: none; } .ui.olive.buttons .active.button, .ui.olive.buttons .active.button:active, .ui.olive.active.button, .ui.olive.button .active.button:active { background-color: #a6bc09; color: #ffffff; text-shadow: none; } .ui.basic.olive.buttons .button, .ui.basic.olive.button { box-shadow: #95a814 0px 0px 0px 1px inset !important; color: #daec60 !important; } .ui.basic.olive.buttons .button:hover, .ui.basic.olive.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #a1b60c 0px 0px 0px 1px inset !important; color: #e2f463 !important; } .ui.basic.olive.buttons .button:focus, .ui.basic.olive.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #a0b605 0px 0px 0px 1px inset !important; color: #e2f463 !important; } .ui.basic.olive.buttons .active.button, .ui.basic.olive.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #a6bc09 0px 0px 0px 1px inset !important; color: #e1ef79 !important; } .ui.basic.olive.buttons .button:active, .ui.basic.olive.button:active { box-shadow: #8d9e13 0px 0px 0px 1px inset !important; color: #e1ef79 !important; } .ui.inverted.olive.buttons .button, .ui.inverted.olive.button { background-color: transparent; box-shadow: #647014 0px 0px 0px 2px inset !important; 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 !important; color: rgba(232, 231, 227, 0.6); } .ui.inverted.olive.buttons .button:hover, .ui.inverted.olive.button:hover { background-color: #758411; } .ui.inverted.olive.buttons .button:focus, .ui.inverted.olive.button:focus { background-color: #84940d; } .ui.inverted.olive.buttons .active.button, .ui.inverted.olive.active.button { background-color: #78880f; } .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.button:active { background-color: #788618; } .ui.inverted.olive.basic.buttons .button, .ui.inverted.olive.buttons .basic.button, .ui.inverted.olive.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.olive.basic.buttons .button:hover, .ui.inverted.olive.buttons .basic.button:hover, .ui.inverted.olive.basic.button:hover { box-shadow: #758411 0px 0px 0px 2px inset !important; color: #d9e778 !important; } .ui.inverted.olive.basic.buttons .button:focus, .ui.inverted.olive.basic.buttons .button:focus, .ui.inverted.olive.basic.button:focus { box-shadow: #84940d 0px 0px 0px 2px inset !important; color: #d9e778 !important; } .ui.inverted.olive.basic.buttons .active.button, .ui.inverted.olive.buttons .basic.active.button, .ui.inverted.olive.basic.active.button { box-shadow: #78880f 0px 0px 0px 2px inset !important; color: #d9e778 !important; } .ui.inverted.olive.basic.buttons .button:active, .ui.inverted.olive.buttons .basic.button:active, .ui.inverted.olive.basic.button:active { box-shadow: #788618 0px 0px 0px 2px inset !important; color: #d9e778 !important; } .ui.yellow.buttons .button, .ui.yellow.button { background-color: #c49303; color: #ffffff; text-shadow: none; background-image: none; } .ui.yellow.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.yellow.buttons .button:hover, .ui.yellow.button:hover { background-color: #cc9800; color: #ffffff; text-shadow: none; } .ui.yellow.buttons .button:focus, .ui.yellow.button:focus { background-color: #cc9900; color: #ffffff; text-shadow: none; } .ui.yellow.buttons .button:active, .ui.yellow.button:active { background-color: #c79403; color: #ffffff; text-shadow: none; } .ui.yellow.buttons .active.button, .ui.yellow.buttons .active.button:active, .ui.yellow.active.button, .ui.yellow.button .active.button:active { background-color: #cc9800; color: #ffffff; text-shadow: none; } .ui.basic.yellow.buttons .button, .ui.basic.yellow.button { box-shadow: #c49303 0px 0px 0px 1px inset !important; color: #fcca38 !important; } .ui.basic.yellow.buttons .button:hover, .ui.basic.yellow.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #cc9800 0px 0px 0px 1px inset !important; color: #ffce40 !important; } .ui.basic.yellow.buttons .button:focus, .ui.basic.yellow.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #cc9900 0px 0px 0px 1px inset !important; color: #ffce40 !important; } .ui.basic.yellow.buttons .active.button, .ui.basic.yellow.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #cc9800 0px 0px 0px 1px inset !important; color: #fcd153 !important; } .ui.basic.yellow.buttons .button:active, .ui.basic.yellow.button:active { box-shadow: #c79403 0px 0px 0px 1px inset !important; color: #fcd153 !important; } .ui.inverted.yellow.buttons .button, .ui.inverted.yellow.button { background-color: transparent; box-shadow: #b9a100 0px 0px 0px 2px inset !important; color: #ffe533; } .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 !important; color: rgba(232, 231, 227, 0.6); } .ui.inverted.yellow.buttons .button:hover, .ui.inverted.yellow.button:hover { background-color: #c9af00; } .ui.inverted.yellow.buttons .button:focus, .ui.inverted.yellow.button:focus { background-color: #ccb100; } .ui.inverted.yellow.buttons .active.button, .ui.inverted.yellow.active.button { background-color: #c9af00; } .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.button:active { background-color: #ccb200; } .ui.inverted.yellow.basic.buttons .button, .ui.inverted.yellow.buttons .basic.button, .ui.inverted.yellow.basic.button { background-color: transparent; box-shadow: rgba(23, 24, 28, 0.5) 0px 0px 0px 2px inset !important; color: #ffffff !important; } .ui.inverted.yellow.basic.buttons .button:hover, .ui.inverted.yellow.buttons .basic.button:hover, .ui.inverted.yellow.basic.button:hover { box-shadow: #c9af00 0px 0px 0px 2px inset !important; color: #ffe533 !important; } .ui.inverted.yellow.basic.buttons .button:focus, .ui.inverted.yellow.basic.buttons .button:focus, .ui.inverted.yellow.basic.button:focus { box-shadow: #ccb100 0px 0px 0px 2px inset !important; color: #ffe533 !important; } .ui.inverted.yellow.basic.buttons .active.button, .ui.inverted.yellow.buttons .basic.active.button, .ui.inverted.yellow.basic.active.button { box-shadow: #c9af00 0px 0px 0px 2px inset !important; color: #ffe533 !important; } .ui.inverted.yellow.basic.buttons .button:active, .ui.inverted.yellow.buttons .basic.button:active, .ui.inverted.yellow.basic.button:active { box-shadow: #ccb200 0px 0px 0px 2px inset !important; color: #ffe533 !important; } .ui.primary.buttons .button, .ui.primary.button { background-color: #19659e; color: #ffffff; text-shadow: none; background-image: none; } .ui.primary.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.primary.buttons .button:hover, .ui.primary.button:hover { background-color: #1369a9; color: #ffffff; text-shadow: none; } .ui.primary.buttons .button:focus, .ui.primary.button:focus { background-color: #0d6eb5; color: #ffffff; text-shadow: none; } .ui.primary.buttons .button:active, .ui.primary.button:active { background-color: #19659e; color: #ffffff; text-shadow: none; } .ui.primary.buttons .active.button, .ui.primary.buttons .active.button:active, .ui.primary.active.button, .ui.primary.button .active.button:active { background-color: #106baf; color: #ffffff; text-shadow: none; } .ui.basic.primary.buttons .button, .ui.basic.primary.button { box-shadow: #19659e 0px 0px 0px 1px inset !important; color: #62aee6 !important; } .ui.basic.primary.buttons .button:hover, .ui.basic.primary.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #1369a9 0px 0px 0px 1px inset !important; color: #65b4ee !important; } .ui.basic.primary.buttons .button:focus, .ui.basic.primary.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #0d6eb5 0px 0px 0px 1px inset !important; color: #65b4ee !important; } .ui.basic.primary.buttons .active.button, .ui.basic.primary.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #106baf 0px 0px 0px 1px inset !important; color: #7abbea !important; } .ui.basic.primary.buttons .button:active, .ui.basic.primary.button:active { box-shadow: #19659e 0px 0px 0px 1px inset !important; color: #7abbea !important; } .ui.secondary.buttons .button, .ui.secondary.button { background-color: #191b1f; color: #ffffff; text-shadow: none; background-image: none; } .ui.secondary.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.secondary.buttons .button:hover, .ui.secondary.button:hover { background-color: #23262e; color: #ffffff; text-shadow: none; } .ui.secondary.buttons .button:focus, .ui.secondary.button:focus { background-color: #282d38; color: #ffffff; text-shadow: none; } .ui.secondary.buttons .button:active, .ui.secondary.button:active { background-color: #2b3340; color: #ffffff; text-shadow: none; } .ui.secondary.buttons .active.button, .ui.secondary.buttons .active.button:active, .ui.secondary.active.button, .ui.secondary.button .active.button:active { background-color: #23262e; color: #ffffff; text-shadow: none; } .ui.basic.secondary.buttons .button, .ui.basic.secondary.button { box-shadow: #191b1f 0px 0px 0px 1px inset !important; color: #dddbd7 !important; } .ui.basic.secondary.buttons .button:hover, .ui.basic.secondary.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #23262e 0px 0px 0px 1px inset !important; color: #d8d6d2 !important; } .ui.basic.secondary.buttons .button:focus, .ui.basic.secondary.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #282d38 0px 0px 0px 1px inset !important; color: #d8d6d2 !important; } .ui.basic.secondary.buttons .active.button, .ui.basic.secondary.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #23262e 0px 0px 0px 1px inset !important; color: #d4d1cc !important; } .ui.basic.secondary.buttons .button:active, .ui.basic.secondary.button:active { box-shadow: #2b3340 0px 0px 0px 1px inset !important; color: #d4d1cc !important; } .ui.positive.buttons .button, .ui.positive.button { background-color: #1b9a39; color: #ffffff; text-shadow: none; background-image: none; } .ui.positive.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.positive.buttons .button:hover, .ui.positive.button:hover { background-color: #15a537; color: #ffffff; text-shadow: none; } .ui.positive.buttons .button:focus, .ui.positive.button:focus { background-color: #0ea432; color: #ffffff; text-shadow: none; } .ui.positive.buttons .button:active, .ui.positive.button:active { background-color: #198f35; color: #ffffff; text-shadow: none; } .ui.positive.buttons .active.button, .ui.positive.buttons .active.button:active, .ui.positive.active.button, .ui.positive.button .active.button:active { background-color: #13aa37; color: #ffffff; text-shadow: none; } .ui.basic.positive.buttons .button, .ui.basic.positive.button { box-shadow: #1b9a39 0px 0px 0px 1px inset !important; color: #6fe68b !important; } .ui.basic.positive.buttons .button:hover, .ui.basic.positive.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #15a537 0px 0px 0px 1px inset !important; color: #73ed90 !important; } .ui.basic.positive.buttons .button:focus, .ui.basic.positive.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #0ea432 0px 0px 0px 1px inset !important; color: #73ed90 !important; } .ui.basic.positive.buttons .active.button, .ui.basic.positive.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #13aa37 0px 0px 0px 1px inset !important; color: #86ea9e !important; } .ui.basic.positive.buttons .button:active, .ui.basic.positive.button:active { box-shadow: #198f35 0px 0px 0px 1px inset !important; color: #86ea9e !important; } .ui.negative.buttons .button, .ui.negative.button { background-color: #9a1a1a; color: #ffffff; text-shadow: none; background-image: none; } .ui.negative.button { box-shadow: rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.negative.buttons .button:hover, .ui.negative.button:hover { background-color: #a71414; color: #ffffff; text-shadow: none; } .ui.negative.buttons .button:focus, .ui.negative.button:focus { background-color: #b30e0e; color: #ffffff; text-shadow: none; } .ui.negative.buttons .button:active, .ui.negative.button:active { background-color: #9c1a1a; color: #ffffff; text-shadow: none; } .ui.negative.buttons .active.button, .ui.negative.buttons .active.button:active, .ui.negative.active.button, .ui.negative.button .active.button:active { background-color: #ad1111; color: #ffffff; text-shadow: none; } .ui.basic.negative.buttons .button, .ui.basic.negative.button { box-shadow: #9a1a1a 0px 0px 0px 1px inset !important; color: #e45d5d !important; } .ui.basic.negative.buttons .button:hover, .ui.basic.negative.button:hover { background-color: transparent !important; background-image: none !important; box-shadow: #a71414 0px 0px 0px 1px inset !important; color: #ec5e5e !important; } .ui.basic.negative.buttons .button:focus, .ui.basic.negative.button:focus { background-color: transparent !important; background-image: none !important; box-shadow: #b30e0e 0px 0px 0px 1px inset !important; color: #ec5e5e !important; } .ui.basic.negative.buttons .active.button, .ui.basic.negative.active.button { background-color: transparent !important; background-image: none !important; box-shadow: #ad1111 0px 0px 0px 1px inset !important; color: #e77373 !important; } .ui.basic.negative.buttons .button:active, .ui.basic.negative.button:active { box-shadow: #9c1a1a 0px 0px 0px 1px inset !important; color: #e77373 !important; } .ui.buttons:not(.basic):not(.inverted) { box-shadow: none; } .ui.buttons > .ui.button:not(.basic):not(.inverted), .ui.buttons:not(.basic):not(.inverted) > .button { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px inset, rgba(32, 34, 40, 0.15) 0px 0em 0px 0px inset; } .ui.buttons .button:first-child { border-left-color: currentcolor; } .ui.vertical.buttons .button { box-shadow: none; } .ui.divider { color: rgba(232, 231, 227, 0.85); } .ui.divider:not(.vertical):not(.horizontal) { border-top-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(51, 51, 51, 0.1); } .ui.vertical.divider::before, .ui.vertical.divider::after { border-left-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(51, 51, 51, 0.1); } @media only screen and (max-width: 767px) { .ui.stackable.grid .ui.vertical.divider::before, .ui.grid .stackable.row .ui.vertical.divider::before, .ui.stackable.grid .ui.vertical.divider::after, .ui.grid .stackable.row .ui.vertical.divider::after { border-left-color: currentcolor; border-right-color: currentcolor; } } .ui.hidden.divider { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .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(91, 96, 102, 0.15) !important; border-left-color: rgba(91, 96, 102, 0.15) !important; border-bottom-color: rgba(51, 51, 51, 0.15) !important; border-right-color: rgba(51, 51, 51, 0.15) !important; } .ui.horizontal.divider::before, .ui.horizontal.divider::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC"); } @media only screen and (max-width: 767px) { .ui.stackable.grid .ui.vertical.divider::before, .ui.grid .stackable.row .ui.vertical.divider::before, .ui.stackable.grid .ui.vertical.divider::after, .ui.grid .stackable.row .ui.vertical.divider::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC"); } } i.flag:not(.icon) { text-decoration-color: inherit; } i.flag:not(.icon)::before { background-color: rgba(0, 0, 0, 0); background-image: url("https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/themes/default/assets/images/flags.png"); } .ui.header { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; color: rgba(232, 231, 227, 0.87); } .ui.header .sub.header { color: rgba(232, 231, 227, 0.6); } .ui.inverted.header { color: #ffffff; } .ui.inverted.header .sub.header { color: rgba(255, 255, 255, 0.8); } .ui.inverted.attached.header { background-color: #303d4f; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); box-shadow: none; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .ui.inverted.block.header { background-color: #303d4f; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); box-shadow: none; border-bottom-color: currentcolor; } .ui.red.header { color: #e45d5d !important; } a.ui.red.header:hover { color: #ec5e5e !important; } .ui.red.dividing.header { border-bottom-color: #a21b1b; } .ui.inverted.red.header { color: #ff695e !important; } a.ui.inverted.red.header:hover { color: #ff5144 !important; } .ui.orange.header { color: #f48a43 !important; } a.ui.orange.header:hover { color: #fd893c !important; } .ui.orange.dividing.header { border-bottom-color: #b9500b; } .ui.inverted.orange.header { color: #ff9233 !important; } a.ui.inverted.orange.header:hover { color: #ff9233 !important; } .ui.olive.header { color: #daec60 !important; } a.ui.olive.header:hover { color: #e2f463 !important; } .ui.olive.dividing.header { border-bottom-color: #9eb215; } .ui.inverted.olive.header { color: #d9e778 !important; } a.ui.inverted.olive.header:hover { color: #d8ea5c !important; } .ui.yellow.header { color: #fcca38 !important; } a.ui.yellow.header:hover { color: #ffce40 !important; } .ui.yellow.dividing.header { border-bottom-color: #c69503; } .ui.inverted.yellow.header { color: #ffe533 !important; } a.ui.inverted.yellow.header:hover { color: #ffe533 !important; } .ui.green.header { color: #6fe68b !important; } a.ui.green.header:hover { color: #73ed90 !important; } .ui.green.dividing.header { border-bottom-color: #1ea63e; } .ui.inverted.green.header { color: #6add77 !important; } a.ui.inverted.green.header:hover { color: #6de57b !important; } .ui.teal.header { color: #5ffff8 !important; } a.ui.teal.header:hover { color: #6efff9 !important; } .ui.teal.dividing.header { border-bottom-color: #00dbd1; } .ui.inverted.teal.header { color: #6dffff !important; } a.ui.inverted.teal.header:hover { color: #54ffff !important; } .ui.blue.header { color: #62aee6 !important; } a.ui.blue.header:hover { color: #65b4ee !important; } .ui.blue.dividing.header { border-bottom-color: #1a6aa6; } .ui.inverted.blue.header { color: #54c8ff !important; } a.ui.inverted.blue.header:hover { color: #3ac0ff !important; } .ui.violet.header { color: #916fd9 !important; } a.ui.violet.header:hover { color: #9672e0 !important; } .ui.violet.dividing.header { border-bottom-color: #482691; } .ui.inverted.violet.header { color: #a291fb !important; } a.ui.inverted.violet.header:hover { color: #8a73ff !important; } .ui.purple.header { color: #bf6fda !important; } a.ui.purple.header:hover { color: #c672e1 !important; } .ui.purple.dividing.header { border-bottom-color: #782593; } .ui.inverted.purple.header { color: #dc73ff !important; } a.ui.inverted.purple.header:hover { color: #d65aff !important; } .ui.pink.header { color: #e55ba9 !important; } a.ui.pink.header:hover { color: #ec50a8 !important; } .ui.pink.dividing.header { border-bottom-color: #a01965; } .ui.inverted.pink.header { color: #ff8edf !important; } a.ui.inverted.pink.header:hover { color: #ff74d8 !important; } .ui.brown.header { color: #d2a689 !important; } a.ui.brown.header:hover { color: #d9ac8e !important; } .ui.brown.dividing.header { border-bottom-color: #835232; } .ui.inverted.brown.header { color: #eaa55b !important; } a.ui.inverted.brown.header:hover { color: #f1aa5e !important; } .ui.grey.header { color: #bcb7b0 !important; } a.ui.grey.header:hover { color: #b9b4ac !important; } .ui.grey.dividing.header { border-bottom-color: #4e4e4e; } .ui.inverted.grey.header { color: #e0deda !important; } a.ui.inverted.grey.header:hover { color: #d4d2cd !important; } .ui.dividing.header { border-bottom-color: rgba(91, 96, 102, 0.15); } .ui.inverted.dividing.header { border-bottom-color: rgba(51, 51, 51, 0.1); } .ui.block.header { background-color: #1a1c20; background-image: none; box-shadow: none; border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.attached.header { background-color: #17181c; background-image: none; box-shadow: none; border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.attached.block.header { background-color: #1a1c20; background-image: none; } .ui.attached:not(.top):not(.bottom).header { border-top-color: currentcolor; } .ui.bottom.attached.header { border-top-color: currentcolor; } i.icon { text-decoration-color: inherit; } i.icon::before { background-color: rgba(0, 0, 0, 0) !important; background-image: none !important; } i.circular.icon { box-shadow: rgba(0, 0, 0, 0.1) 0em 0em 0em 0.1em inset; } i.circular.inverted.icon { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; } i.bordered.icon { box-shadow: rgba(0, 0, 0, 0.1) 0em 0em 0em 0.1em inset; } i.bordered.inverted.icon { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; } i.inverted.bordered.icon, i.inverted.circular.icon { background-color: #191b1f !important; color: #ffffff !important; } i.inverted.icon { color: #ffffff; } i.red.icon { color: #e45d5d !important; } i.inverted.red.icon { color: #ff695e !important; } i.inverted.bordered.red.icon, i.inverted.circular.red.icon { background-color: #9a1a1a !important; color: #ffffff !important; } i.orange.icon { color: #f48a43 !important; } i.inverted.orange.icon { color: #ff9233 !important; } i.inverted.bordered.orange.icon, i.inverted.circular.orange.icon { background-color: #b14c0a !important; color: #ffffff !important; } i.yellow.icon { color: #fcca38 !important; } i.inverted.yellow.icon { color: #ffe533 !important; } i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon { background-color: #c49303 !important; color: #ffffff !important; } i.olive.icon { color: #daec60 !important; } i.inverted.olive.icon { color: #d9e778 !important; } i.inverted.bordered.olive.icon, i.inverted.circular.olive.icon { background-color: #95a814 !important; color: #ffffff !important; } i.green.icon { color: #6fe68b !important; } i.inverted.green.icon { color: #6add77 !important; } i.inverted.bordered.green.icon, i.inverted.circular.green.icon { background-color: #1b9a39 !important; color: #ffffff !important; } i.teal.icon { color: #5ffff8 !important; } i.inverted.teal.icon { color: #6dffff !important; } i.inverted.bordered.teal.icon, i.inverted.circular.teal.icon { background-color: #00b5ad !important; color: #ffffff !important; } i.blue.icon { color: #62aee6 !important; } i.inverted.blue.icon { color: #54c8ff !important; } i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon { background-color: #19659e !important; color: #ffffff !important; } i.violet.icon { color: #916fd9 !important; } i.inverted.violet.icon { color: #a291fb !important; } i.inverted.bordered.violet.icon, i.inverted.circular.violet.icon { background-color: #442488 !important; color: #ffffff !important; } i.purple.icon { color: #bf6fda !important; } i.inverted.purple.icon { color: #dc73ff !important; } i.inverted.bordered.purple.icon, i.inverted.circular.purple.icon { background-color: #70238a !important; color: #ffffff !important; } i.pink.icon { color: #e55ba9 !important; } i.inverted.pink.icon { color: #ff8edf !important; } i.inverted.bordered.pink.icon, i.inverted.circular.pink.icon { background-color: #93175d !important; color: #ffffff !important; } i.brown.icon { color: #d2a689 !important; } i.inverted.brown.icon { color: #eaa55b !important; } i.inverted.bordered.brown.icon, i.inverted.circular.brown.icon { background-color: #75492d !important; color: #ffffff !important; } i.grey.icon { color: #bcb7b0 !important; } i.inverted.grey.icon { color: #e0deda !important; } i.inverted.bordered.grey.icon, i.inverted.circular.grey.icon { background-color: #303d4f !important; color: #ffffff !important; } i.black.icon { color: #dddbd7 !important; } i.inverted.black.icon { color: #c9c5bf !important; } i.inverted.bordered.black.icon, i.inverted.circular.black.icon { background-color: #191b1f !important; color: #ffffff !important; } i.icons .corner.icon { text-shadow: #17181c -1px -1px 0px, #17181c 1px -1px 0px, #17181c -1px 1px 0px, #17181c 1px 1px 0px; } i.icons .inverted.corner.icon { text-shadow: #191b1f -1px -1px 0px, #191b1f 1px -1px 0px, #191b1f -1px 1px 0px, #191b1f 1px 1px 0px; } .ui.image { background-color: transparent; } .ui.bordered.images .image, .ui.bordered.images img, .ui.bordered.images svg, .ui.bordered.image img, .ui.bordered.image svg, img.ui.bordered.image { border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .ui.input { color: rgba(232, 231, 227, 0.87); } .ui.input > input { outline-color: currentcolor; background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); color: rgba(232, 231, 227, 0.87); box-shadow: none; } .ui.input > input::placeholder { color: rgba(196, 192, 186, 0.87); } .ui.input > input:active, .ui.input.down input { border-top-color: rgba(102, 102, 102, 0.3); border-right-color: rgba(102, 102, 102, 0.3); border-bottom-color: rgba(102, 102, 102, 0.3); border-left-color: rgba(102, 102, 102, 0.3); background-color: #191a1d; background-image: none; color: rgba(232, 231, 227, 0.87); box-shadow: none; } .ui.loading.loading.input > i.icon::before { border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .ui.loading.loading.input > i.icon::after { border-top-color: #4e4e4e; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px; } .ui.input.focus > input, .ui.input > input:focus { border-top-color: #26587b; border-right-color: #26587b; border-bottom-color: #26587b; border-left-color: #26587b; background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.8); box-shadow: none; } .ui.input.focus > input::placeholder, .ui.input > input:focus::placeholder { color: rgba(189, 185, 178, 0.87); } .ui.input.error > input { background-color: #380000; border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; color: #d68c8a; box-shadow: none; } .ui.input.error > input::placeholder { color: #e7bdbc; } .ui.input.error > input:focus::placeholder { color: #da9796; } .ui.transparent.input > input { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; background-color: transparent !important; box-shadow: none !important; } .ui.transparent.inverted.input { color: #ffffff; } .ui.transparent.inverted.input > input { color: inherit; } .ui.transparent.inverted.input > input::placeholder { color: rgba(255, 255, 255, 0.5); } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input { border-left-color: transparent; } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { border-left-color: #26587b; } .ui[class*="right labeled"].input > input { border-right-color: transparent !important; } .ui[class*="right labeled"].input > input:focus { border-right-color: #26587b !important; } .ui.action.input:not([class*="left action"]) > input { border-right-color: transparent !important; } .ui.action.input:not([class*="left action"]) > input:focus { border-right-color: #26587b !important; } .ui[class*="left action"].input > input { border-left-color: transparent !important; } .ui[class*="left action"].input > input:focus { border-left-color: #26587b !important; } .ui.inverted.input > input { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.label { background-color: #1d1f24; background-image: none; color: rgba(232, 231, 227, 0.6); border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .ui.label > a { color: inherit; } .ui.image.label { background-color: #1d1f24; background-image: none; box-shadow: none; } .ui.image.label .detail { background-color: rgba(0, 0, 0, 0.1); background-image: none; } .ui.tag.labels .label::before, .ui.tag.label::before { background-color: inherit; background-image: none; } .ui.tag.labels .label::after, .ui.tag.label::after { background-color: #17181c !important; box-shadow: rgba(0, 0, 0, 0.3) 0px -1px 1px 0px; } .ui.corner.label { border-top-color: #383838; border-right-color: #383838; border-bottom-color: #383838; border-left-color: #383838; background-color: transparent !important; } .ui.corner.label::after { background-color: transparent !important; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: inherit; } .ui.left.corner.label::after { border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-top-color: inherit; } .ui.ribbon.label { border-top-color: rgba(102, 102, 102, 0.15); border-right-color: rgba(102, 102, 102, 0.15); border-bottom-color: rgba(102, 102, 102, 0.15); border-left-color: rgba(102, 102, 102, 0.15); } .ui.ribbon.label::after { background-color: transparent !important; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: inherit; } .ui[class*="right ribbon"].label::after { border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-top-color: inherit; } a.ui.labels .label:hover, a.ui.label:hover { background-color: #1f2127; border-top-color: #393939; border-right-color: #393939; border-bottom-color: #393939; border-left-color: #393939; background-image: none; color: rgba(232, 231, 227, 0.8); } .ui.labels a.label:hover::before, a.ui.label:hover::before { color: rgba(232, 231, 227, 0.8); } .ui.active.label { background-color: #22262d; border-top-color: #3c3c3c; border-right-color: #3c3c3c; border-bottom-color: #3c3c3c; border-left-color: #3c3c3c; background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.active.label::before { background-color: #22262d; background-image: none; color: rgba(232, 231, 227, 0.95); } a.ui.labels .active.label:hover, a.ui.active.label:hover { background-color: #242830; border-top-color: #3e3e3e; border-right-color: #3e3e3e; border-bottom-color: #3e3e3e; border-left-color: #3e3e3e; background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.red.labels .label, .ui.red.label { background-color: #9a1a1a !important; border-top-color: #a21b1b !important; border-right-color: #a21b1b !important; border-bottom-color: #a21b1b !important; border-left-color: #a21b1b !important; color: #ffffff !important; } .ui.red.labels .label:hover, a.ui.red.label:hover { background-color: #a71414 !important; border-top-color: #b01515 !important; border-right-color: #b01515 !important; border-bottom-color: #b01515 !important; border-left-color: #b01515 !important; color: #ffffff !important; } .ui.red.corner.label, .ui.red.corner.label:hover { background-color: transparent !important; } .ui.red.ribbon.label { border-top-color: #aa1d1d !important; border-right-color: #aa1d1d !important; border-bottom-color: #aa1d1d !important; border-left-color: #aa1d1d !important; } .ui.basic.red.label { background-color: #17181c !important; color: #e45d5d !important; border-top-color: #a21b1b !important; border-right-color: #a21b1b !important; border-bottom-color: #a21b1b !important; border-left-color: #a21b1b !important; } .ui.basic.red.labels a.label:hover, a.ui.basic.red.label:hover { background-color: #17181c !important; color: #ec5e5e !important; border-top-color: #b01515 !important; border-right-color: #b01515 !important; border-bottom-color: #b01515 !important; border-left-color: #b01515 !important; } .ui.orange.labels .label, .ui.orange.label { background-color: #b14c0a !important; border-top-color: #b9500b !important; border-right-color: #b9500b !important; border-bottom-color: #b9500b !important; border-left-color: #b9500b !important; color: #ffffff !important; } .ui.orange.labels .label:hover, a.ui.orange.label:hover { background-color: #c95102 !important; border-top-color: #cc5202 !important; border-right-color: #cc5202 !important; border-bottom-color: #cc5202 !important; border-left-color: #cc5202 !important; color: #ffffff !important; } .ui.orange.corner.label, .ui.orange.corner.label:hover { background-color: transparent !important; } .ui.orange.ribbon.label { border-top-color: #c2540b !important; border-right-color: #c2540b !important; border-bottom-color: #c2540b !important; border-left-color: #c2540b !important; } .ui.basic.orange.label { background-color: #17181c !important; color: #f48a43 !important; border-top-color: #b9500b !important; border-right-color: #b9500b !important; border-bottom-color: #b9500b !important; border-left-color: #b9500b !important; } .ui.basic.orange.labels a.label:hover, a.ui.basic.orange.label:hover { background-color: #17181c !important; color: #fd893c !important; border-top-color: #cc5202 !important; border-right-color: #cc5202 !important; border-bottom-color: #cc5202 !important; border-left-color: #cc5202 !important; } .ui.yellow.labels .label, .ui.yellow.label { background-color: #c49303 !important; border-top-color: #c69503 !important; border-right-color: #c69503 !important; border-bottom-color: #c69503 !important; border-left-color: #c69503 !important; color: #ffffff !important; } .ui.yellow.labels .label:hover, a.ui.yellow.label:hover { background-color: #cc9800 !important; border-top-color: #d09b00 !important; border-right-color: #d09b00 !important; border-bottom-color: #d09b00 !important; border-left-color: #d09b00 !important; color: #ffffff !important; } .ui.yellow.corner.label, .ui.yellow.corner.label:hover { background-color: transparent !important; } .ui.yellow.ribbon.label { border-top-color: #d19c03 !important; border-right-color: #d19c03 !important; border-bottom-color: #d19c03 !important; border-left-color: #d19c03 !important; } .ui.basic.yellow.label { background-color: #17181c !important; color: #fcca38 !important; border-top-color: #c69503 !important; border-right-color: #c69503 !important; border-bottom-color: #c69503 !important; border-left-color: #c69503 !important; } .ui.basic.yellow.labels a.label:hover, a.ui.basic.yellow.label:hover { background-color: #17181c !important; color: #ffce40 !important; border-top-color: #d09b00 !important; border-right-color: #d09b00 !important; border-bottom-color: #d09b00 !important; border-left-color: #d09b00 !important; } .ui.olive.labels .label, .ui.olive.label { background-color: #95a814 !important; border-top-color: #9eb215 !important; border-right-color: #9eb215 !important; border-bottom-color: #9eb215 !important; border-left-color: #9eb215 !important; color: #ffffff !important; } .ui.olive.labels .label:hover, a.ui.olive.label:hover { background-color: #a1b60c !important; border-top-color: #acc30d !important; border-right-color: #acc30d !important; border-bottom-color: #acc30d !important; border-left-color: #acc30d !important; color: #ffffff !important; } .ui.olive.corner.label, .ui.olive.corner.label:hover { background-color: transparent !important; } .ui.olive.ribbon.label { border-top-color: #1fb041 !important; border-right-color: #1fb041 !important; border-bottom-color: #1fb041 !important; border-left-color: #1fb041 !important; } .ui.basic.olive.label { background-color: #17181c !important; color: #daec60 !important; border-top-color: #9eb215 !important; border-right-color: #9eb215 !important; border-bottom-color: #9eb215 !important; border-left-color: #9eb215 !important; } .ui.basic.olive.labels a.label:hover, a.ui.basic.olive.label:hover { background-color: #17181c !important; color: #e2f463 !important; border-top-color: #acc30d !important; border-right-color: #acc30d !important; border-bottom-color: #acc30d !important; border-left-color: #acc30d !important; } .ui.green.labels .label, .ui.green.label { background-color: #1b9a39 !important; border-top-color: #1ea63e !important; border-right-color: #1ea63e !important; border-bottom-color: #1ea63e !important; border-left-color: #1ea63e !important; color: #ffffff !important; } .ui.green.labels .label:hover, a.ui.green.label:hover { background-color: #15a537 !important; border-top-color: #17b53c !important; border-right-color: #17b53c !important; border-bottom-color: #17b53c !important; border-left-color: #17b53c !important; color: #ffffff !important; } .ui.green.corner.label, .ui.green.corner.label:hover { background-color: transparent !important; } .ui.green.ribbon.label { border-top-color: #1fb041 !important; border-right-color: #1fb041 !important; border-bottom-color: #1fb041 !important; border-left-color: #1fb041 !important; } .ui.basic.green.label { background-color: #17181c !important; color: #6fe68b !important; border-top-color: #1ea63e !important; border-right-color: #1ea63e !important; border-bottom-color: #1ea63e !important; border-left-color: #1ea63e !important; } .ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover { background-color: #17181c !important; color: #73ed90 !important; border-top-color: #17b53c !important; border-right-color: #17b53c !important; border-bottom-color: #17b53c !important; border-left-color: #17b53c !important; } .ui.teal.labels .label, .ui.teal.label { background-color: #00b5ad !important; border-top-color: #00dbd1 !important; border-right-color: #00dbd1 !important; border-bottom-color: #00dbd1 !important; border-left-color: #00dbd1 !important; color: #ffffff !important; } .ui.teal.labels .label:hover, a.ui.teal.label:hover { background-color: #009c95 !important; border-top-color: #00e0d6 !important; border-right-color: #00e0d6 !important; border-bottom-color: #00e0d6 !important; border-left-color: #00e0d6 !important; color: #ffffff !important; } .ui.teal.corner.label, .ui.teal.corner.label:hover { background-color: transparent !important; } .ui.teal.ribbon.label { border-top-color: #00e5da !important; border-right-color: #00e5da !important; border-bottom-color: #00e5da !important; border-left-color: #00e5da !important; } .ui.basic.teal.label { background-color: #17181c !important; color: #5ffff8 !important; border-top-color: #00dbd1 !important; border-right-color: #00dbd1 !important; border-bottom-color: #00dbd1 !important; border-left-color: #00dbd1 !important; } .ui.basic.teal.labels a.label:hover, a.ui.basic.teal.label:hover { background-color: #17181c !important; color: #6efff9 !important; border-top-color: #00e0d6 !important; border-right-color: #00e0d6 !important; border-bottom-color: #00e0d6 !important; border-left-color: #00e0d6 !important; } .ui.blue.labels .label, .ui.blue.label { background-color: #19659e !important; border-top-color: #1a6aa6 !important; border-right-color: #1a6aa6 !important; border-bottom-color: #1a6aa6 !important; border-left-color: #1a6aa6 !important; color: #ffffff !important; } .ui.blue.labels .label:hover, a.ui.blue.label:hover { background-color: #1369a9 !important; border-top-color: #1570b5 !important; border-right-color: #1570b5 !important; border-bottom-color: #1570b5 !important; border-left-color: #1570b5 !important; color: #ffffff !important; } .ui.blue.corner.label, .ui.blue.corner.label:hover { background-color: transparent !important; } .ui.blue.ribbon.label { border-top-color: #1c70af !important; border-right-color: #1c70af !important; border-bottom-color: #1c70af !important; border-left-color: #1c70af !important; } .ui.basic.blue.label { background-color: #17181c !important; color: #62aee6 !important; border-top-color: #1a6aa6 !important; border-right-color: #1a6aa6 !important; border-bottom-color: #1a6aa6 !important; border-left-color: #1a6aa6 !important; } .ui.basic.blue.labels a.label:hover, a.ui.basic.blue.label:hover { background-color: #17181c !important; color: #65b4ee !important; border-top-color: #1570b5 !important; border-right-color: #1570b5 !important; border-bottom-color: #1570b5 !important; border-left-color: #1570b5 !important; } .ui.violet.labels .label, .ui.violet.label { background-color: #442488 !important; border-top-color: #482691 !important; border-right-color: #482691 !important; border-bottom-color: #482691 !important; border-left-color: #482691 !important; color: #ffffff !important; } .ui.violet.labels .label:hover, a.ui.violet.label:hover { background-color: #442091 !important; border-top-color: #4a229d !important; border-right-color: #4a229d !important; border-bottom-color: #4a229d !important; border-left-color: #4a229d !important; color: #ffffff !important; } .ui.violet.corner.label, .ui.violet.corner.label:hover { background-color: transparent !important; } .ui.violet.ribbon.label { border-top-color: #4c2899 !important; border-right-color: #4c2899 !important; border-bottom-color: #4c2899 !important; border-left-color: #4c2899 !important; } .ui.basic.violet.label { background-color: #17181c !important; color: #916fd9 !important; border-top-color: #482691 !important; border-right-color: #482691 !important; border-bottom-color: #482691 !important; border-left-color: #482691 !important; } .ui.basic.violet.labels a.label:hover, a.ui.basic.violet.label:hover { background-color: #17181c !important; color: #9672e0 !important; border-top-color: #4a229d !important; border-right-color: #4a229d !important; border-bottom-color: #4a229d !important; border-left-color: #4a229d !important; } .ui.purple.labels .label, .ui.purple.label { background-color: #70238a !important; border-top-color: #782593 !important; border-right-color: #782593 !important; border-bottom-color: #782593 !important; border-left-color: #782593 !important; color: #ffffff !important; } .ui.purple.labels .label:hover, a.ui.purple.label:hover { background-color: #761f93 !important; border-top-color: #80219f !important; border-right-color: #80219f !important; border-bottom-color: #80219f !important; border-left-color: #80219f !important; color: #ffffff !important; } .ui.purple.corner.label, .ui.purple.corner.label:hover { background-color: transparent !important; } .ui.purple.ribbon.label { border-top-color: #7e289a !important; border-right-color: #7e289a !important; border-bottom-color: #7e289a !important; border-left-color: #7e289a !important; } .ui.basic.purple.label { background-color: #17181c !important; color: #bf6fda !important; border-top-color: #782593 !important; border-right-color: #782593 !important; border-bottom-color: #782593 !important; border-left-color: #782593 !important; } .ui.basic.purple.labels a.label:hover, a.ui.basic.purple.label:hover { background-color: #17181c !important; color: #c672e1 !important; border-top-color: #80219f !important; border-right-color: #80219f !important; border-bottom-color: #80219f !important; border-left-color: #80219f !important; } .ui.pink.labels .label, .ui.pink.label { background-color: #93175d !important; border-top-color: #a01965 !important; border-right-color: #a01965 !important; border-bottom-color: #a01965 !important; border-left-color: #a01965 !important; color: #ffffff !important; } .ui.pink.labels .label:hover, a.ui.pink.label:hover { background-color: #aa1368 !important; border-top-color: #af136b !important; border-right-color: #af136b !important; border-bottom-color: #af136b !important; border-left-color: #af136b !important; color: #ffffff !important; } .ui.pink.corner.label, .ui.pink.corner.label:hover { background-color: transparent !important; } .ui.pink.ribbon.label { border-top-color: #a91a6b !important; border-right-color: #a91a6b !important; border-bottom-color: #a91a6b !important; border-left-color: #a91a6b !important; } .ui.basic.pink.label { background-color: #17181c !important; color: #e55ba9 !important; border-top-color: #a01965 !important; border-right-color: #a01965 !important; border-bottom-color: #a01965 !important; border-left-color: #a01965 !important; } .ui.basic.pink.labels a.label:hover, a.ui.basic.pink.label:hover { background-color: #17181c !important; color: #ec50a8 !important; border-top-color: #af136b !important; border-right-color: #af136b !important; border-bottom-color: #af136b !important; border-left-color: #af136b !important; } .ui.brown.labels .label, .ui.brown.label { background-color: #75492d !important; border-top-color: #835232 !important; border-right-color: #835232 !important; border-bottom-color: #835232 !important; border-left-color: #835232 !important; color: #ffffff !important; } .ui.brown.labels .label:hover, a.ui.brown.label:hover { background-color: #7c4a2a !important; border-top-color: #8d5530 !important; border-right-color: #8d5530 !important; border-bottom-color: #8d5530 !important; border-left-color: #8d5530 !important; color: #ffffff !important; } .ui.brown.corner.label, .ui.brown.corner.label:hover { background-color: transparent !important; } .ui.brown.ribbon.label { border-top-color: #8a5635 !important; border-right-color: #8a5635 !important; border-bottom-color: #8a5635 !important; border-left-color: #8a5635 !important; } .ui.basic.brown.label { background-color: #17181c !important; color: #d2a689 !important; border-top-color: #835232 !important; border-right-color: #835232 !important; border-bottom-color: #835232 !important; border-left-color: #835232 !important; } .ui.basic.brown.labels a.label:hover, a.ui.basic.brown.label:hover { background-color: #17181c !important; color: #d9ac8e !important; border-top-color: #8d5530 !important; border-right-color: #8d5530 !important; border-bottom-color: #8d5530 !important; border-left-color: #8d5530 !important; } .ui.grey.labels .label, .ui.grey.label { background-color: #303d4f !important; border-top-color: #4e4e4e !important; border-right-color: #4e4e4e !important; border-bottom-color: #4e4e4e !important; border-left-color: #4e4e4e !important; color: #ffffff !important; } .ui.grey.labels .label:hover, a.ui.grey.label:hover { background-color: #303c4d !important; border-top-color: #4c4c4c !important; border-right-color: #4c4c4c !important; border-bottom-color: #4c4c4c !important; border-left-color: #4c4c4c !important; color: #ffffff !important; } .ui.grey.corner.label, .ui.grey.corner.label:hover { background-color: transparent !important; } .ui.grey.ribbon.label { border-top-color: #8a5635 !important; border-right-color: #8a5635 !important; border-bottom-color: #8a5635 !important; border-left-color: #8a5635 !important; } .ui.basic.grey.label { background-color: #17181c !important; color: #bcb7b0 !important; border-top-color: #4e4e4e !important; border-right-color: #4e4e4e !important; border-bottom-color: #4e4e4e !important; border-left-color: #4e4e4e !important; } .ui.basic.grey.labels a.label:hover, a.ui.basic.grey.label:hover { background-color: #17181c !important; color: #b9b4ac !important; border-top-color: #4c4c4c !important; border-right-color: #4c4c4c !important; border-bottom-color: #4c4c4c !important; border-left-color: #4c4c4c !important; } .ui.black.labels .label, .ui.black.label { background-color: #191b1f !important; border-top-color: #5e6165 !important; border-right-color: #5e6165 !important; border-bottom-color: #5e6165 !important; border-left-color: #5e6165 !important; color: #ffffff !important; } .ui.black.labels .label:hover, a.ui.black.label:hover { background-color: #23262e !important; border-top-color: #5b6062 !important; border-right-color: #5b6062 !important; border-bottom-color: #5b6062 !important; border-left-color: #5b6062 !important; color: #ffffff !important; } .ui.black.corner.label, .ui.black.corner.label:hover { background-color: transparent !important; } .ui.black.ribbon.label { border-top-color: #8a5635 !important; border-right-color: #8a5635 !important; border-bottom-color: #8a5635 !important; border-left-color: #8a5635 !important; } .ui.basic.black.label { background-color: #17181c !important; color: #dddbd7 !important; border-top-color: #5e6165 !important; border-right-color: #5e6165 !important; border-bottom-color: #5e6165 !important; border-left-color: #5e6165 !important; } .ui.basic.black.labels a.label:hover, a.ui.basic.black.label:hover { background-color: #17181c !important; color: #d8d6d2 !important; border-top-color: #5b6062 !important; border-right-color: #5b6062 !important; border-bottom-color: #5b6062 !important; border-left-color: #5b6062 !important; } .ui.basic.label { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); color: rgba(232, 231, 227, 0.87); box-shadow: none; } a.ui.basic.label:hover { text-decoration-color: currentcolor; background-color: #17181c; background-image: none; color: #6bb0e8; box-shadow: none; } .ui.basic.pointing.label::before { border-top-color: inherit; border-right-color: inherit; border-bottom-color: inherit; border-left-color: inherit; } .ui.inverted.labels .label, .ui.inverted.label { color: rgba(255, 255, 255, 0.9) !important; } .ui.pointing.label::before { background-color: inherit; background-image: inherit; border-top-color: inherit; border-right-color: inherit; border-bottom-color: inherit; border-left-color: inherit; background-image: none; } .ui.list .list > .item > .image, .ui.list > .item > .image { background-color: transparent; } .ui.list .list > .item .header, .ui.list > .item .header { color: rgba(232, 231, 227, 0.87); } .ui.list .list > .item .description, .ui.list > .item .description { color: rgba(232, 231, 227, 0.7); } .ui.list .list > a.item, .ui.list > a.item { color: #76aad4; } .ui.list .list > a.item:hover, .ui.list > a.item:hover { color: #6bb0e8; } .ui.list .list > a.item i.icon, .ui.list > a.item i.icon { color: rgba(232, 231, 227, 0.4); } .ui.list .list > .item a.header, .ui.list > .item a.header { color: #76aad4 !important; } .ui.list .list > .item a.header:hover, .ui.list > .item a.header:hover { color: #6bb0e8 !important; } .ui.menu .ui.list > .item, .ui.menu .ui.list .list > .item { background-color: transparent; } .ui.menu .ui.list .list > .item::before, .ui.menu .ui.list > .item::before { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; background-color: rgba(0, 0, 0, 0); background-image: none; } .ui.list .list > .disabled.item, .ui.list > .disabled.item { color: rgba(217, 215, 210, 0.3) !important; } .ui.inverted.list .list > .disabled.item, .ui.inverted.list > .disabled.item { color: rgba(227, 226, 223, 0.3) !important; } .ui.list .list > a.item:hover .icon, .ui.list > a.item:hover .icon { color: rgba(232, 231, 227, 0.87); } .ui.inverted.list .list > a.item > .icon, .ui.inverted.list > a.item > .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 > a.item, .ui.inverted.list > a.item { color: rgba(255, 255, 255, 0.9); } .ui.inverted.list .list > a.item:hover, .ui.inverted.list > a.item:hover { color: #6bb0e8; } .ui.inverted.list .item a:not(.ui) { color: rgba(255, 255, 255, 0.9) !important; } .ui.inverted.list .item a:not(.ui):hover { color: #6bb0e8 !important; } .ui.link.list .item, .ui.link.list a.item, .ui.link.list .item a:not(.ui) { color: rgba(232, 231, 227, 0.4); } .ui.link.list.list a.item:hover, .ui.link.list.list .item a:not(.ui):hover { color: rgba(232, 231, 227, 0.8); } .ui.link.list.list a.item:active, .ui.link.list.list .item a:not(.ui):active { color: rgba(232, 231, 227, 0.9); } .ui.link.list.list .active.item, .ui.link.list.list .active.item a:not(.ui) { color: rgba(232, 231, 227, 0.95); } .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; } .ui.selection.list .list > .item, .ui.selection.list > .item { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.4); } .ui.selection.list.list > .item:hover, .ui.selection.list > .item:hover { background-color: rgba(0, 0, 0, 0.03); background-image: none; color: rgba(232, 231, 227, 0.8); } .ui.selection.list .list > .item:active, .ui.selection.list > .item:active { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.9); } .ui.selection.list .list > .item.active, .ui.selection.list > .item.active { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.inverted.selection.list > .item, .ui.inverted.selection.list > .item { background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.5); } .ui.inverted.selection.list > .item:hover, .ui.inverted.selection.list > .item:hover { background-color: rgba(23, 24, 28, 0.02); background-image: none; color: #ffffff; } .ui.inverted.selection.list > .item:active, .ui.inverted.selection.list > .item:active { background-color: rgba(23, 24, 28, 0.08); background-image: none; color: #ffffff; } .ui.inverted.selection.list > .item.active, .ui.inverted.selection.list > .item.active { background-color: rgba(23, 24, 28, 0.08); background-image: none; color: #ffffff; } ul.ui.list li::before, .ui.bulleted.list .list > .item::before, .ui.bulleted.list > .item::before { color: inherit; } ul.ui.list li::before, .ui.bulleted.list .list > a.item::before, .ui.bulleted.list > a.item::before { color: rgba(232, 231, 227, 0.87); } ul.ui.horizontal.bulleted.list li::before, .ui.horizontal.bulleted.list > .item::before { color: rgba(232, 231, 227, 0.87); } ol.ui.list li::before, .ui.ordered.list .list > .item::before, .ui.ordered.list > .item::before { color: rgba(232, 231, 227, 0.87); } 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); } .ui.divided.list > .item { border-top-color: rgba(91, 96, 102, 0.15); } .ui.divided.list .list > .item { border-top-color: currentcolor; } .ui.divided.list .item .list > .item { border-top-color: currentcolor; } .ui.divided.list .list > .item:first-child, .ui.divided.list > .item:first-child { border-top-color: currentcolor; } .ui.divided.horizontal.list > .item { border-top-color: currentcolor; border-left-color: rgba(91, 96, 102, 0.15); } .ui.horizontal.divided.list > .item:first-child { border-left-color: currentcolor; } .ui.divided.inverted.list > .item, .ui.divided.inverted.list > .list, .ui.divided.inverted.horizontal.list > .item { border-top-color: rgba(51, 51, 51, 0.1); border-right-color: rgba(51, 51, 51, 0.1); border-bottom-color: rgba(51, 51, 51, 0.1); border-left-color: rgba(51, 51, 51, 0.1); } .ui.celled.list > .item, .ui.celled.list > .list { border-top-color: rgba(91, 96, 102, 0.15); } .ui.celled.list > .item:last-child { border-bottom-color: rgba(91, 96, 102, 0.15); } .ui.horizontal.celled.list .list > .item, .ui.horizontal.celled.list > .item { border-top-color: currentcolor; border-left-color: rgba(91, 96, 102, 0.15); } .ui.horizontal.celled.list .list > .item:last-child, .ui.horizontal.celled.list > .item:last-child { border-bottom-color: currentcolor; border-right-color: rgba(91, 96, 102, 0.15); } .ui.loader::before { border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .ui.loader::after { border-top-color: #4e4e4e; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px; } .ui.dimmer .ui.loader { color: rgba(255, 255, 255, 0.9); } .ui.dimmer .ui.loader::before { border-top-color: rgba(51, 51, 51, 0.15); border-right-color: rgba(51, 51, 51, 0.15); border-bottom-color: rgba(51, 51, 51, 0.15); border-left-color: rgba(51, 51, 51, 0.15); } .ui.dimmer .ui.loader::after { border-top-color: #333333; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .ui.inverted.dimmer .ui.loader { color: rgba(232, 231, 227, 0.87); } .ui.inverted.dimmer .ui.loader::before { border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .ui.inverted.dimmer .ui.loader::after { border-top-color: #4e4e4e; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .ui.inverted.loader { color: rgba(255, 255, 255, 0.9); } .ui.inverted.loader::before { border-top-color: rgba(51, 51, 51, 0.15); border-right-color: rgba(51, 51, 51, 0.15); border-bottom-color: rgba(51, 51, 51, 0.15); border-left-color: rgba(51, 51, 51, 0.15); } .ui.inverted.loader::after { border-top-color: #333333; } .ui.left.dividing.rail { border-right-color: rgba(91, 96, 102, 0.15); } .ui.right.dividing.rail { border-left-color: rgba(91, 96, 102, 0.15); } .ui.segment { background-color: #17181c; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.vertical.segment { background-color: transparent; background-image: none; box-shadow: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-bottom-color: rgba(91, 96, 102, 0.15); } .ui.vertical.segment:last-child { border-bottom-color: currentcolor; } .ui.inverted.segment > .ui.header { color: #ffffff; } .ui.basic.table.segment { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px; } .ui.piled.segments::after, .ui.piled.segments::before, .ui.piled.segment::after, .ui.piled.segment::before { background-color: #17181c; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.stacked.segments::before, .ui.stacked.segments::after, .ui.stacked.segment::before, .ui.stacked.segment::after { border-top-color: rgba(91, 96, 102, 0.15); background-color: rgba(0, 0, 0, 0.03); background-image: none; } .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-color: rgba(91, 96, 102, 0.35); } .ui.raised.segments, .ui.raised.segment { box-shadow: rgba(32, 34, 40, 0.12) 0px 2px 4px 0px, rgba(32, 34, 40, 0.15) 0px 2px 10px 0px; } .ui.segments { border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px; } .ui.segments > .segment { box-shadow: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-top-color: rgba(91, 96, 102, 0.15); } .ui.segments:not(.horizontal) > .segment:first-child { border-top-color: currentcolor; } .ui.segments > .ui.segments { border-top-color: rgba(91, 96, 102, 0.15); } .ui.segments > .segments:first-child { border-top-color: currentcolor; } .ui.horizontal.segments { background-color: #17181c; box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.segments > .horizontal.segments { background-color: transparent; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; border-top-color: rgba(91, 96, 102, 0.15); } .ui.horizontal.segments > .segment { background-color: transparent; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; box-shadow: none; border-left-color: rgba(91, 96, 102, 0.15); } .ui.segments > .horizontal.segments:first-child { border-top-color: currentcolor; } .ui.horizontal.segments > .segment:first-child { border-left-color: currentcolor; } .ui.disabled.segment { color: rgba(217, 215, 210, 0.3); } .ui.loading.segment { text-shadow: none !important; color: transparent !important; } .ui.loading.segment::before { background-color: rgba(23, 24, 28, 0.8); background-image: none; } .ui.loading.segment::after { border-top-color: #4e4e4e; border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px; } .ui.basic.segment { background-color: transparent; background-image: none; box-shadow: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.red.segment:not(.inverted) { border-top-color: #a21b1b !important; } .ui.inverted.red.segment { background-color: #9a1a1a !important; color: #ffffff !important; } .ui.orange.segment:not(.inverted) { border-top-color: #b9500b !important; } .ui.inverted.orange.segment { background-color: #b14c0a !important; color: #ffffff !important; } .ui.yellow.segment:not(.inverted) { border-top-color: #c69503 !important; } .ui.inverted.yellow.segment { background-color: #c49303 !important; color: #ffffff !important; } .ui.olive.segment:not(.inverted) { border-top-color: #9eb215 !important; } .ui.inverted.olive.segment { background-color: #95a814 !important; color: #ffffff !important; } .ui.green.segment:not(.inverted) { border-top-color: #1ea63e !important; } .ui.inverted.green.segment { background-color: #1b9a39 !important; color: #ffffff !important; } .ui.teal.segment:not(.inverted) { border-top-color: #00dbd1 !important; } .ui.inverted.teal.segment { background-color: #00b5ad !important; color: #ffffff !important; } .ui.blue.segment:not(.inverted) { border-top-color: #1a6aa6 !important; } .ui.inverted.blue.segment { background-color: #19659e !important; color: #ffffff !important; } .ui.violet.segment:not(.inverted) { border-top-color: #482691 !important; } .ui.inverted.violet.segment { background-color: #442488 !important; color: #ffffff !important; } .ui.purple.segment:not(.inverted) { border-top-color: #782593 !important; } .ui.inverted.purple.segment { background-color: #70238a !important; color: #ffffff !important; } .ui.pink.segment:not(.inverted) { border-top-color: #a01965 !important; } .ui.inverted.pink.segment { background-color: #93175d !important; color: #ffffff !important; } .ui.brown.segment:not(.inverted) { border-top-color: #835232 !important; } .ui.inverted.brown.segment { background-color: #75492d !important; color: #ffffff !important; } .ui.grey.segment:not(.inverted) { border-top-color: #4e4e4e !important; } .ui.inverted.grey.segment { background-color: #303d4f !important; color: #ffffff !important; } .ui.black.segment:not(.inverted) { border-top-color: #5e6165 !important; } .ui.inverted.black.segment { background-color: #191b1f !important; color: #ffffff !important; } .ui.inverted.segment { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; } .ui.inverted.segment, .ui.primary.inverted.segment { background-color: #191b1f; background-image: none; color: rgba(255, 255, 255, 0.9); } .ui.inverted.segment .segment { color: rgba(232, 231, 227, 0.87); } .ui.inverted.segment .inverted.segment { color: rgba(255, 255, 255, 0.9); } .ui.inverted.attached.segment { border-top-color: #555555; border-right-color: #555555; border-bottom-color: #555555; border-left-color: #555555; } .ui.secondary.segment { background-color: #1a1c20; background-image: none; color: rgba(232, 231, 227, 0.6); } .ui.secondary.inverted.segment { background-color: #323f51; background-image: linear-gradient(rgba(23, 24, 28, 0.2) 0%, rgba(23, 24, 28, 0.2) 100%); color: rgba(255, 255, 255, 0.8); } .ui.tertiary.segment { background-color: #202228; background-image: none; color: rgba(232, 231, 227, 0.6); } .ui.tertiary.inverted.segment { background-color: #313e51; background-image: linear-gradient(rgba(23, 24, 28, 0.35) 0%, rgba(23, 24, 28, 0.35) 100%); color: rgba(255, 255, 255, 0.8); } .ui.attached.segment { box-shadow: none; border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.attached:not(.message) + .ui.attached.segment:not(.top) { border-top-color: currentcolor; } .ui.steps { box-shadow: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.steps .step { background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.87); box-shadow: none; border-top-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-right-color: rgba(91, 96, 102, 0.15); } .ui.steps .step::after { background-color: #17181c; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.steps .step:last-child { border-right-color: currentcolor; } .ui.steps .step .description { color: rgba(232, 231, 227, 0.87); } .ui.vertical.steps .step { border-right-color: currentcolor; border-bottom-color: rgba(91, 96, 102, 0.15); } .ui.vertical.steps .step:last-child { border-bottom-color: currentcolor; } .ui.steps .link.step:hover::after, .ui.steps .link.step:hover, .ui.steps a.step:hover::after, .ui.steps a.step:hover { background-color: #191a1e; background-image: none; color: rgba(232, 231, 227, 0.8); } .ui.steps .link.step:active::after, .ui.steps .link.step:active, .ui.steps a.step:active::after, .ui.steps a.step:active { background-color: #1a1c20; background-image: none; color: rgba(232, 231, 227, 0.9); } .ui.steps .step.active { background-color: #1a1c20; background-image: none; } .ui.steps .step.active::after { background-color: #1a1c20; background-image: none; } .ui.steps .step.active .title { color: #76aad4; } .ui.ordered.steps .step.active::before, .ui.steps .active.step .icon { color: rgba(232, 231, 227, 0.85); } .ui.steps .link.active.step:hover::after, .ui.steps .link.active.step:hover, .ui.steps a.active.step:hover::after, .ui.steps a.active.step:hover { background-color: #202228; background-image: none; color: rgba(232, 231, 227, 0.87); } .ui.steps .step.completed > .icon::before, .ui.ordered.steps .step.completed::before { color: #6fe68b; } .ui.steps .disabled.step { background-color: #17181c; background-image: none; } .ui.steps .disabled.step, .ui.steps .disabled.step .title, .ui.steps .disabled.step .description { color: rgba(217, 215, 210, 0.3); } .ui.steps .disabled.step::after { background-color: #17181c; background-image: none; } .ui.breadcrumb .divider { color: rgba(232, 231, 227, 0.4); } .ui.breadcrumb a { color: #76aad4; } .ui.breadcrumb a:hover { color: #6bb0e8; } .ui.form .field > label { color: rgba(232, 231, 227, 0.87); } .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="time"], .ui.form input[type="text"], .ui.form input[type="file"], .ui.form input[type="url"] { outline-color: currentcolor; background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); color: rgba(232, 231, 227, 0.87); box-shadow: rgba(0, 0, 0, 0) 0em 0em 0em 0em inset; } .ui.form textarea { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); outline-color: currentcolor; color: rgba(232, 231, 227, 0.87); box-shadow: rgba(0, 0, 0, 0) 0em 0em 0em 0em inset; } .ui.form select { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); box-shadow: rgba(0, 0, 0, 0) 0em 0em 0em 0em inset; color: rgba(232, 231, 227, 0.87); } .ui.form .field .prompt.label { background-color: #17181c !important; background-image: none !important; border-top-color: #662a2a !important; border-right-color: #662a2a !important; border-bottom-color: #662a2a !important; border-left-color: #662a2a !important; color: #d68c8a !important; } .ui.form ::placeholder { color: rgba(196, 192, 186, 0.87); } .ui.form :focus::placeholder { color: rgba(189, 185, 178, 0.87); } .ui.form .error ::placeholder { color: #e7bdbc; } .ui.form .error :focus::placeholder { color: #da9796; } .ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="url"]:focus { color: rgba(232, 231, 227, 0.95); border-top-color: #26587b; border-right-color: #26587b; border-bottom-color: #26587b; border-left-color: #26587b; background-color: #17181c; background-image: none; box-shadow: rgba(32, 34, 40, 0.35) 0px 0em 0em 0em inset; } .ui.form textarea:focus { color: rgba(232, 231, 227, 0.95); border-top-color: #26587b; border-right-color: #26587b; border-bottom-color: #26587b; border-left-color: #26587b; background-color: #17181c; background-image: none; box-shadow: rgba(32, 34, 40, 0.35) 0px 0em 0em 0em inset; } .ui.form .fields.error .field label, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .field.error .input { color: #d68c8a; } .ui.form .fields.error .field .corner.label, .ui.form .field.error .corner.label { border-top-color: #893230; border-right-color: #893230; border-bottom-color: #893230; border-left-color: #893230; color: #ffffff; } .ui.form .fields.error .field textarea, .ui.form .fields.error .field select, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="url"], .ui.form .field.error textarea, .ui.form .field.error select, .ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="url"] { background-color: #380000; background-image: none; border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; color: #d68c8a; box-shadow: none; } .ui.form .field.error textarea:focus, .ui.form .field.error select:focus, .ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="url"]:focus { background-color: #380000; background-image: none; border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; color: #d68c8a; box-shadow: none; } .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item, .ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .text, .ui.form .field.error .ui.dropdown .item { background-color: #380000; background-image: none; color: #d68c8a; } .ui.form .fields.error .field .ui.dropdown, .ui.form .field.error .ui.dropdown { border-top-color: #662a2a !important; border-right-color: #662a2a !important; border-bottom-color: #662a2a !important; border-left-color: #662a2a !important; } .ui.form .fields.error .field .ui.dropdown:hover, .ui.form .field.error .ui.dropdown:hover { border-top-color: #662a2a !important; border-right-color: #662a2a !important; border-bottom-color: #662a2a !important; border-left-color: #662a2a !important; } .ui.form .fields.error .field .ui.dropdown:hover .menu, .ui.form .field.error .ui.dropdown:hover .menu { border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; } .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label, .ui.form .field.error .ui.multiple.selection.dropdown > .label { background-color: #3b1818; color: #d68c8a; } .ui.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .item:hover { background-color: #380909; } .ui.form .fields.error .field .ui.dropdown .menu .selected.item, .ui.form .field.error .ui.dropdown .menu .selected.item { background-color: #380909; } .ui.form .fields.error .field .ui.dropdown .menu .active.item, .ui.form .field.error .ui.dropdown .menu .active.item { background-color: #4d0303 !important; } .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box { color: #d68c8a; } .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label::before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label::before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box::before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) .box::before { background-color: #380000; background-image: none; border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; } .ui.form .fields.error .field .checkbox label::after, .ui.form .field.error .checkbox label::after, .ui.form .fields.error .field .checkbox .box::after, .ui.form .field.error .checkbox .box::after { color: #d68c8a; } .ui.loading.form::before { background-color: rgba(23, 24, 28, 0.8); background-image: none; } .ui.loading.form::after { border-top-color: #4e4e4e; border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px; } .ui.form .required.fields:not(.grouped) > .field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.field > label::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after, .ui.form .required.field > .checkbox::after { color: #e45d5d; } .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.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-color: #17181c; background-image: none; border-top-color: rgba(51, 51, 51, 0.1); border-right-color: rgba(51, 51, 51, 0.1); border-bottom-color: rgba(51, 51, 51, 0.1); border-left-color: rgba(51, 51, 51, 0.1); color: rgba(232, 231, 227, 0.87); box-shadow: none; } .ui.form .grouped.fields > label { color: rgba(232, 231, 227, 0.87); } .ui.form .fields > .field:first-child { border-left-color: currentcolor; box-shadow: none; } .ui.form .inline.fields > label, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.field > label, .ui.form .inline.field > p { color: rgba(232, 231, 227, 0.87); } .ui.grid > .row > .column:last-child > .horizontal.segment, .ui.grid > .column:last-child > .horizontal.segment { box-shadow: none; } .ui.celled.page.grid { box-shadow: none; } .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.divided.grid:not([class*="vertically divided"]) > .row > .column { box-shadow: rgba(32, 34, 40, 0.15) -1px 0px 0px 0px; } .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: none; } .ui.grid > .divided.row > .column { box-shadow: rgba(32, 34, 40, 0.15) -1px 0px 0px 0px; } .ui.grid > .divided.row > .column:first-child { box-shadow: none; } .ui[class*="vertically divided"].grid > .row::before { box-shadow: rgba(32, 34, 40, 0.15) 0px -1px 0px 0px; } .ui[class*="vertically divided"].grid > .row:first-child::before { box-shadow: none; } .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { box-shadow: rgba(23, 24, 28, 0.1) -1px 0px 0px 0px; } .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: rgba(23, 24, 28, 0.1) 0px -1px 0px 0px; } .ui.celled.grid { box-shadow: #21242c 0px 0px 0px 1px; } .ui.celled.grid > .row { box-shadow: #21242c 0px -1px 0px 0px; } .ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { box-shadow: #21242c -1px 0px 0px 0px; } .ui.celled.grid > .column:first-child, .ui.celled.grid > .row > .column:first-child { box-shadow: none; } .ui[class*="internally celled"].grid { box-shadow: none; } .ui[class*="internally celled"].grid > .row:first-child { box-shadow: none; } .ui[class*="internally celled"].grid > .row > .column:first-child { box-shadow: none; } .ui.grid > .red.row, .ui.grid > .red.column, .ui.grid > .row > .red.column { background-color: #9a1a1a !important; color: #ffffff; } .ui.grid > .orange.row, .ui.grid > .orange.column, .ui.grid > .row > .orange.column { background-color: #b14c0a !important; color: #ffffff; } .ui.grid > .yellow.row, .ui.grid > .yellow.column, .ui.grid > .row > .yellow.column { background-color: #c49303 !important; color: #ffffff; } .ui.grid > .olive.row, .ui.grid > .olive.column, .ui.grid > .row > .olive.column { background-color: #95a814 !important; color: #ffffff; } .ui.grid > .green.row, .ui.grid > .green.column, .ui.grid > .row > .green.column { background-color: #1b9a39 !important; color: #ffffff; } .ui.grid > .teal.row, .ui.grid > .teal.column, .ui.grid > .row > .teal.column { background-color: #00b5ad !important; color: #ffffff; } .ui.grid > .blue.row, .ui.grid > .blue.column, .ui.grid > .row > .blue.column { background-color: #19659e !important; color: #ffffff; } .ui.grid > .violet.row, .ui.grid > .violet.column, .ui.grid > .row > .violet.column { background-color: #442488 !important; color: #ffffff; } .ui.grid > .purple.row, .ui.grid > .purple.column, .ui.grid > .row > .purple.column { background-color: #70238a !important; color: #ffffff; } .ui.grid > .pink.row, .ui.grid > .pink.column, .ui.grid > .row > .pink.column { background-color: #93175d !important; color: #ffffff; } .ui.grid > .brown.row, .ui.grid > .brown.column, .ui.grid > .row > .brown.column { background-color: #75492d !important; color: #ffffff; } .ui.grid > .grey.row, .ui.grid > .grey.column, .ui.grid > .row > .grey.column { background-color: #303d4f !important; color: #ffffff; } .ui.grid > .black.row, .ui.grid > .black.column, .ui.grid > .row > .black.column { background-color: #191b1f !important; color: #ffffff; } @media only screen and (max-width: 767px) { .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: rgba(32, 34, 40, 0.15) -1px 0px 0px 0px; } } @media only screen and (max-width: 767px) { .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { box-shadow: none; } } @media only screen and (max-width: 767px) { .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child::before { box-shadow: rgba(32, 34, 40, 0.15) 0px -1px 0px 0px; } } @media only screen and (max-width: 767px) { .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child::before { box-shadow: none; } } @media only screen and (max-width: 767px) { .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child { box-shadow: #21242c -1px 0px 0px 0px; } } @media only screen and (max-width: 767px) { .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: rgba(32, 34, 40, 0.15) -1px 0px 0px 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child::before { box-shadow: rgba(32, 34, 40, 0.15) 0px -1px 0px 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child::before { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child { box-shadow: #21242c -1px 0px 0px 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child { box-shadow: none; } } @media only screen and (min-width: 992px) { .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { box-shadow: rgba(32, 34, 40, 0.15) -1px 0px 0px 0px; } } @media only screen and (min-width: 992px) { .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { box-shadow: none; } } @media only screen and (min-width: 992px) { .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child::before { box-shadow: rgba(32, 34, 40, 0.15) 0px -1px 0px 0px; } } @media only screen and (min-width: 992px) { .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child::before { box-shadow: none; } } @media only screen and (min-width: 992px) { .ui[class*="computer reversed"].celled.grid > .row > .column:first-child { box-shadow: #21242c -1px 0px 0px 0px; } } @media only screen and (min-width: 992px) { .ui[class*="computer reversed"].celled.grid > .row > .column:last-child { box-shadow: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { box-shadow: none !important; } } @media only screen and (max-width: 767px) { .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { box-shadow: none !important; } } @media only screen and (max-width: 767px) { .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .row > .column, .ui.stackable.grid > .column:not(.row), .ui.grid > .stackable.stackable.row > .column { box-shadow: none !important; } } @media only screen and (max-width: 767px) { .ui.stackable.divided.grid > .row:first-child > .column:first-child, .ui.stackable.celled.grid > .row:first-child > .column:first-child, .ui.stackable.divided.grid > .column:not(.row):first-child, .ui.stackable.celled.grid > .column:not(.row):first-child { border-top-color: currentcolor !important; } } @media only screen and (max-width: 767px) { .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-color: rgba(51, 51, 51, 0.1); } } @media only screen and (max-width: 767px) { .ui.stackable.celled.grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.celled.grid > .row > .column, .ui.stackable.divided:not(.vertically).grid > .row > .column { border-top-color: rgba(91, 96, 102, 0.15); box-shadow: none !important; } } @media only screen and (max-width: 767px) { .ui.stackable.celled.grid > .row { box-shadow: none !important; } } .ui.menu { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px; } .ui.menu .item { text-decoration-color: currentcolor; background-color: rgba(0, 0, 0, 0); background-image: none; color: rgba(232, 231, 227, 0.87); } .ui.menu .item::before { background-color: rgba(32, 34, 40, 0.1); background-image: none; } .ui.menu .dropdown.item .menu { background-color: #17181c; background-image: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px 0px; } .ui.menu .ui.dropdown .menu > .item { background-color: transparent !important; background-image: none !important; color: rgba(232, 231, 227, 0.87) !important; box-shadow: none !important; } .ui.menu .ui.dropdown .menu > .item:hover { background-color: rgba(0, 0, 0, 0.05) !important; background-image: none !important; color: rgba(232, 231, 227, 0.95) !important; } .ui.menu .ui.dropdown .menu > .selected.item { background-color: rgba(0, 0, 0, 0.05) !important; background-image: none !important; color: rgba(232, 231, 227, 0.95) !important; } .ui.menu .ui.dropdown .menu > .active.item { background-color: rgba(0, 0, 0, 0.03) !important; background-image: none !important; color: rgba(232, 231, 227, 0.95) !important; } .ui.inverted.menu .search.dropdown.item > .search, .ui.inverted.menu .search.dropdown.item > .text { color: rgba(255, 255, 255, 0.9); } .ui.vertical.menu .dropdown.item .menu { box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px 0px; } .ui.vertical.menu .dropdown.active.item { box-shadow: none; } .ui.menu .item > .label { background-color: #2c3544; background-image: none; color: #ffffff; } .ui.vertical.menu .item > .label { background-color: #2c3544; background-image: none; color: #ffffff; } .ui.menu .list .item::before { background-color: rgba(0, 0, 0, 0) !important; background-image: none !important; } @media only screen and (min-width: 768px) { .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child { border-left-color: rgba(91, 96, 102, 0.1); } } .ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover { background-color: rgba(0, 0, 0, 0.03); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active { background-color: rgba(0, 0, 0, 0.03); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.menu .active.item { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.95); box-shadow: none; } .ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover { background-color: rgba(0, 0, 0, 0.05); color: rgba(232, 231, 227, 0.95); } .ui.menu .item.disabled, .ui.menu .item.disabled:hover { background-color: transparent !important; color: rgba(217, 215, 210, 0.3) !important; } .ui.vertical.menu { background-color: #17181c; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px; } .ui.vertical.menu .item { background-color: rgba(0, 0, 0, 0); background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; } .ui.vertical.menu .item::before { background-color: rgba(32, 34, 40, 0.1); background-image: none; } .ui.vertical.menu .menu .item { background-color: rgba(0, 0, 0, 0); background-image: none; color: rgba(232, 231, 227, 0.5); } .ui.vertical.menu .item .menu a.item:hover, .ui.vertical.menu .item .menu .link.item:hover { color: rgba(232, 231, 227, 0.85); } .ui.vertical.menu .active.item { background-color: rgba(0, 0, 0, 0.05); background-image: none; box-shadow: none; } .ui.vertical.menu .active.item .menu .active.item { border-left-color: currentcolor; } .ui.vertical.menu .item .menu .active.item { background-color: transparent; color: rgba(232, 231, 227, 0.95); } .ui.tabular.menu { box-shadow: none !important; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; background-color: transparent; background-image: none; border-bottom-color: #3b3b3d; } .ui.tabular.menu .item { background-color: transparent; background-image: none; border-bottom-color: currentcolor; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; color: rgba(232, 231, 227, 0.87); } .ui.tabular.menu .item:hover { background-color: transparent; color: rgba(232, 231, 227, 0.8); } .ui.tabular.menu .active.item { background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.95); border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; box-shadow: none; } .ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment { border-top-color: currentcolor; } .ui.bottom.tabular.menu { background-color: transparent; background-image: none; box-shadow: none !important; border-bottom-color: currentcolor; border-top-color: #3b3b3d; } .ui.bottom.tabular.menu .item { background-color: rgba(0, 0, 0, 0); background-image: none; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-top-color: currentcolor; } .ui.bottom.tabular.menu .active.item { background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.95); border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.vertical.tabular.menu { background-color: transparent; background-image: none; box-shadow: none !important; border-bottom-color: currentcolor; border-right-color: #3b3b3d; } .ui.vertical.tabular.menu .item { background-color: rgba(0, 0, 0, 0); background-image: none; border-left-color: transparent; border-bottom-color: transparent; border-top-color: transparent; border-right-color: currentcolor; } .ui.vertical.tabular.menu .active.item { background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.95); border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.vertical.right.tabular.menu { background-color: transparent; background-image: none; box-shadow: none !important; border-bottom-color: currentcolor; border-right-color: currentcolor; border-left-color: #3b3b3d; } .ui.vertical.right.tabular.menu .item { background-color: rgba(0, 0, 0, 0); background-image: none; border-right-color: transparent; border-bottom-color: transparent; border-top-color: transparent; border-left-color: currentcolor; } .ui.vertical.right.tabular.menu .active.item { background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.95); border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.tabular.menu .active.dropdown.item { border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; border-bottom-color: currentcolor; } .ui.pagination.menu .active.item { border-top-color: currentcolor; background-color: rgba(0, 0, 0, 0.05); color: rgba(232, 231, 227, 0.95); box-shadow: none; } .ui.secondary.menu { background-color: rgba(0, 0, 0, 0); background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; } .ui.secondary.menu .item { box-shadow: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; background-color: rgba(0, 0, 0, 0); background-image: none; } .ui.secondary.menu .header.item { border-right-color: currentcolor; background-color: transparent; background-image: none; } .ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.secondary.menu .active.item { box-shadow: none; background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.secondary.menu .nav-active.item { background-color: #2f3847; background-image: none; } .ui.secondary.menu .nav-active.item:hover { background-color: #2f3847 !important; background-image: none !important; } .ui.secondary.menu .active.item:hover { box-shadow: none; background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item { color: rgba(255, 255, 255, 0.7) !important; } .ui.secondary.inverted.menu .dropdown.item:hover, .ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover { background-color: rgba(23, 24, 28, 0.08); background-image: none; color: #ffffff !important; } .ui.secondary.inverted.menu .active.item { background-color: rgba(23, 24, 28, 0.15); background-image: none; color: #ffffff !important; } .ui.secondary.attached.menu { box-shadow: none; } .ui.secondary.vertical.menu > .item { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.vertical.secondary.menu .item > .menu .item { background-color: transparent; } .ui.secondary.inverted.menu { background-color: transparent; } .ui.secondary.pointing.menu { border-bottom-color: rgba(91, 96, 102, 0.15); } .ui.secondary.pointing.menu .item { border-bottom-color: transparent; } .ui.secondary.pointing.menu .header.item { color: rgba(232, 231, 227, 0.85) !important; } .ui.secondary.pointing.menu .text.item { box-shadow: none !important; } .ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover { background-color: transparent; color: rgba(232, 231, 227, 0.87); } .ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu .link.item:active, .ui.secondary.pointing.menu a.item:active { background-color: transparent; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.secondary.pointing.menu .active.item { background-color: transparent; box-shadow: none; border-top-color: #5e6165; border-right-color: #5e6165; border-bottom-color: #5e6165; border-left-color: #5e6165; color: rgba(232, 231, 227, 0.95); } .ui.secondary.pointing.menu .active.item:hover { border-top-color: #5e6165; border-right-color: #5e6165; border-bottom-color: #5e6165; border-left-color: #5e6165; color: rgba(232, 231, 227, 0.95); } .ui.secondary.pointing.menu .active.dropdown.item { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .ui.secondary.vertical.pointing.menu { border-right-color: rgba(91, 96, 102, 0.15); } .ui.secondary.vertical.pointing.menu .item { border-bottom-color: currentcolor; border-right-color: transparent; } .ui.secondary.vertical.pointing.menu .active.item { border-top-color: #5e6165; border-right-color: #5e6165; border-bottom-color: #5e6165; border-left-color: #5e6165; } .ui.secondary.inverted.pointing.menu { border-top-color: rgba(51, 51, 51, 0.1); border-right-color: rgba(51, 51, 51, 0.1); border-bottom-color: rgba(51, 51, 51, 0.1); border-left-color: rgba(51, 51, 51, 0.1); border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.secondary.inverted.pointing.menu .item { color: rgba(255, 255, 255, 0.9); } .ui.secondary.inverted.pointing.menu .header.item { color: #ffffff !important; } .ui.secondary.inverted.pointing.menu .link.item:hover, .ui.secondary.inverted.pointing.menu a.item:hover { color: rgba(232, 231, 227, 0.95); } .ui.secondary.inverted.pointing.menu .active.item { border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; color: #ffffff; } .ui.text.menu { background-color: transparent; background-image: none; box-shadow: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.text.menu .item { box-shadow: none; color: rgba(232, 231, 227, 0.6); } .ui.text.menu .header.item { background-color: transparent; color: rgba(232, 231, 227, 0.85); } .ui.text.menu .item:hover { background-color: transparent; } .ui.text.menu .active.item { background-color: transparent; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; color: rgba(232, 231, 227, 0.95); } .ui.text.menu .active.item:hover { background-color: transparent; } .ui.text.pointing.menu .active.item::after { box-shadow: none; } .ui.text.attached.menu { box-shadow: none; } .ui.inverted.text.menu, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover, .ui.inverted.text.menu .active.item { background-color: transparent !important; } .ui.icon.menu .item { color: #dddbd7; } .ui.inverted.icon.menu .item { color: #ffffff; } @media only screen and (max-width: 767px) { .ui.stackable.menu .item::before { background-color: rgba(32, 34, 40, 0.1); background-image: none; } } .ui.menu .red.active.item, .ui.red.menu .active.item { border-top-color: #a21b1b !important; border-right-color: #a21b1b !important; border-bottom-color: #a21b1b !important; border-left-color: #a21b1b !important; color: #e45d5d !important; } .ui.menu .orange.active.item, .ui.orange.menu .active.item { border-top-color: #b9500b !important; border-right-color: #b9500b !important; border-bottom-color: #b9500b !important; border-left-color: #b9500b !important; color: #f48a43 !important; } .ui.menu .yellow.active.item, .ui.yellow.menu .active.item { border-top-color: #c69503 !important; border-right-color: #c69503 !important; border-bottom-color: #c69503 !important; border-left-color: #c69503 !important; color: #fcca38 !important; } .ui.menu .olive.active.item, .ui.olive.menu .active.item { border-top-color: #9eb215 !important; border-right-color: #9eb215 !important; border-bottom-color: #9eb215 !important; border-left-color: #9eb215 !important; color: #daec60 !important; } .ui.menu .green.active.item, .ui.green.menu .active.item { border-top-color: #1ea63e !important; border-right-color: #1ea63e !important; border-bottom-color: #1ea63e !important; border-left-color: #1ea63e !important; color: #6fe68b !important; } .ui.menu .teal.active.item, .ui.teal.menu .active.item { border-top-color: #00dbd1 !important; border-right-color: #00dbd1 !important; border-bottom-color: #00dbd1 !important; border-left-color: #00dbd1 !important; color: #5ffff8 !important; } .ui.menu .blue.active.item, .ui.blue.menu .active.item { border-top-color: #1a6aa6 !important; border-right-color: #1a6aa6 !important; border-bottom-color: #1a6aa6 !important; border-left-color: #1a6aa6 !important; color: #62aee6 !important; } .ui.menu .violet.active.item, .ui.violet.menu .active.item { border-top-color: #482691 !important; border-right-color: #482691 !important; border-bottom-color: #482691 !important; border-left-color: #482691 !important; color: #916fd9 !important; } .ui.menu .purple.active.item, .ui.purple.menu .active.item { border-top-color: #782593 !important; border-right-color: #782593 !important; border-bottom-color: #782593 !important; border-left-color: #782593 !important; color: #bf6fda !important; } .ui.menu .pink.active.item, .ui.pink.menu .active.item { border-top-color: #a01965 !important; border-right-color: #a01965 !important; border-bottom-color: #a01965 !important; border-left-color: #a01965 !important; color: #e55ba9 !important; } .ui.menu .brown.active.item, .ui.brown.menu .active.item { border-top-color: #835232 !important; border-right-color: #835232 !important; border-bottom-color: #835232 !important; border-left-color: #835232 !important; color: #d2a689 !important; } .ui.menu .grey.active.item, .ui.grey.menu .active.item { border-top-color: #4e4e4e !important; border-right-color: #4e4e4e !important; border-bottom-color: #4e4e4e !important; border-left-color: #4e4e4e !important; color: #bcb7b0 !important; } .ui.inverted.menu { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-color: #191b1f; background-image: none; box-shadow: none; } .ui.inverted.menu .item, .ui.inverted.menu .item > a:not(.ui) { background-color: transparent; background-image: none; color: rgba(255, 255, 255, 0.9); } .ui.inverted.menu .item.menu { background-color: transparent; background-image: none; } .ui.inverted.menu .item::before { background-color: rgba(23, 24, 28, 0.08); background-image: none; } .ui.vertical.inverted.menu .item::before { background-color: rgba(23, 24, 28, 0.08); background-image: none; } .ui.vertical.inverted.menu .menu .item, .ui.vertical.inverted.menu .menu .item a:not(.ui) { color: rgba(255, 255, 255, 0.5); } .ui.inverted.menu .header.item { background-color: transparent; background-image: none; box-shadow: none; } .ui.inverted.menu .item.disabled, .ui.inverted.menu .item.disabled:hover { color: rgba(227, 226, 223, 0.3); } .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-color: rgba(23, 24, 28, 0.08); background-image: none; color: #ffffff; } .ui.vertical.inverted.menu .item .menu a.item:hover, .ui.vertical.inverted.menu .item .menu .link.item:hover { background-color: transparent; background-image: none; color: #ffffff; } .ui.inverted.menu a.item:active, .ui.inverted.menu .link.item:active { background-color: rgba(23, 24, 28, 0.08); background-image: none; color: #ffffff; } .ui.inverted.menu .active.item { background-color: rgba(23, 24, 28, 0.15); background-image: none; color: #ffffff !important; } .ui.inverted.vertical.menu .item .menu .active.item { background-color: transparent; background-image: none; color: #ffffff; } .ui.inverted.pointing.menu .active.item::after { background-color: #303b4c !important; background-image: none !important; box-shadow: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; } .ui.inverted.menu .active.item:hover { background-color: rgba(23, 24, 28, 0.15); background-image: none; color: #ffffff !important; } .ui.inverted.pointing.menu .active.item:hover::after { background-color: #303b4c !important; background-image: none !important; } .ui.inverted.menu .red.active.item, .ui.inverted.red.menu { background-color: #9a1a1a; } .ui.inverted.red.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.red.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .orange.active.item, .ui.inverted.orange.menu { background-color: #b14c0a; } .ui.inverted.orange.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.orange.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .yellow.active.item, .ui.inverted.yellow.menu { background-color: #c49303; } .ui.inverted.yellow.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.yellow.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .olive.active.item, .ui.inverted.olive.menu { background-color: #95a814; } .ui.inverted.olive.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.olive.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .green.active.item, .ui.inverted.green.menu { background-color: #1b9a39; } .ui.inverted.green.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.green.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .teal.active.item, .ui.inverted.teal.menu { background-color: #00b5ad; } .ui.inverted.teal.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.teal.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .blue.active.item, .ui.inverted.blue.menu { background-color: #19659e; } .ui.inverted.blue.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.blue.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu { background-color: #442488; } .ui.inverted.violet.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.violet.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .purple.active.item, .ui.inverted.purple.menu { background-color: #70238a; } .ui.inverted.purple.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.purple.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .pink.active.item, .ui.inverted.pink.menu { background-color: #93175d; } .ui.inverted.pink.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.pink.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .brown.active.item, .ui.inverted.brown.menu { background-color: #75492d; } .ui.inverted.brown.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.brown.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.inverted.menu .grey.active.item, .ui.inverted.grey.menu { background-color: #303d4f; } .ui.inverted.grey.menu .item::before { background-color: rgba(32, 34, 40, 0.1); } .ui.inverted.grey.menu .active.item { background-color: rgba(0, 0, 0, 0.1) !important; } .ui.borderless.menu .item::before, .ui.borderless.menu .item .menu .item::before, .ui.menu .borderless.item::before { background-color: rgba(0, 0, 0, 0) !important; background-image: none !important; } .ui[class*="top fixed"].menu { border-top-color: currentcolor; border-left-color: currentcolor; border-right-color: currentcolor; } .ui[class*="right fixed"].menu { border-top-color: currentcolor; border-bottom-color: currentcolor; border-right-color: currentcolor; } .ui[class*="bottom fixed"].menu { border-bottom-color: currentcolor; border-left-color: currentcolor; border-right-color: currentcolor; } .ui[class*="left fixed"].menu { border-top-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.pointing.menu .item::after { background-color: rgba(0, 0, 0, 0); background-image: none; border-top-color: currentcolor; border-left-color: currentcolor; border-bottom-color: #3b3b3d; border-right-color: #3b3b3d; } .ui.vertical.pointing.menu .item::after { border-bottom-color: currentcolor; border-left-color: currentcolor; border-top-color: #3b3b3d; border-right-color: #3b3b3d; } .ui.pointing.menu .active.item:hover::after { background-color: #1b1c20; } .ui.pointing.menu .active.item::after { background-color: #1b1c20; } .ui.pointing.menu .active.item:hover::after { background-color: #1b1c20; } .ui.vertical.pointing.menu .active.item:hover::after { background-color: #1b1c20; } .ui.vertical.pointing.menu .active.item::after { background-color: #1b1c20; } .ui.vertical.pointing.menu .menu .active.item::after { background-color: #17181c; } .ui.attached.menu { box-shadow: none; } .ui.attached + .ui.attached.menu:not(.top) { border-top-color: currentcolor; } .ui.attached.menu:not(.tabular) { border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.attached.inverted.menu { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.message { background-color: #191a1e; background-image: none; color: rgba(232, 231, 227, 0.87); box-shadow: rgba(32, 34, 40, 0.22) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.attached.message { box-shadow: rgba(32, 34, 40, 0.15) 0em 0em 0em 1px inset; } .ui.bottom.attached.message { box-shadow: rgba(32, 34, 40, 0.15) 0em 0em 0em 1px inset, rgba(32, 34, 40, 0.15) 0px 1px 2px 0px; } .ui.floating.message { box-shadow: rgba(32, 34, 40, 0.22) 0px 0px 0px 1px inset, rgba(32, 34, 40, 0.12) 0px 2px 4px 0px, rgba(32, 34, 40, 0.15) 0px 2px 10px 0px; } .ui.black.message { background-color: #191b1f; color: rgba(255, 255, 255, 0.9); } .ui.positive.message { background-color: #283900; color: #aadbab; } .ui.positive.message, .ui.attached.positive.message { box-shadow: #354a2a 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.positive.message .header { color: #aee6af; } .ui.negative.message { background-color: #380000; color: #d68c8a; } .ui.negative.message, .ui.attached.negative.message { box-shadow: #441c1c 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.negative.message .header { color: #dd8f8e; } .ui.info.message { background-color: #003737; color: #93cde0; } .ui.info.message, .ui.attached.info.message { box-shadow: #1c424a 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.info.message .header { color: #96dcf1; } .ui.warning.message { background-color: #3a2200; color: #f6d69f; } .ui.warning.message, .ui.attached.warning.message { box-shadow: #483d27 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.warning.message .header { color: #fdcf85; } .ui.error.message { background-color: #380000; color: #d68c8a; } .ui.error.message, .ui.attached.error.message { box-shadow: #441c1c 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.error.message .header { color: #dd8f8e; } .ui.success.message { background-color: #283900; color: #aadbab; } .ui.success.message, .ui.attached.success.message { box-shadow: #354a2a 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.success.message .header { color: #aee6af; } .ui.inverted.message, .ui.black.message { background-color: #191b1f; color: rgba(255, 255, 255, 0.9); } .ui.red.message { background-color: #420500; color: #e45d5d; box-shadow: #9a1a1a 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.red.message .header { color: #e66767; } .ui.orange.message { background-color: #472000; color: #f48a43; box-shadow: #b14c0a 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.orange.message .header { color: #f58e49; } .ui.yellow.message { background-color: #493a00; color: #fbce63; box-shadow: #b58105 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.yellow.message .header { color: #fbd271; } .ui.olive.message { background-color: #2f3607; color: #c1e86d; box-shadow: #749e19 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.olive.message .header { color: #c6ea78; } .ui.green.message { background-color: #0c3611; color: #6de87b; box-shadow: #199e28 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.green.message .header { color: #78ea85; } .ui.teal.message { background-color: #0f3636; color: #75f1f1; box-shadow: #10a3a3 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.teal.message .header { color: #82f2f2; } .ui.blue.message { background-color: #002546; color: #62aee6; box-shadow: #19659e 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.blue.message .header { color: #6eb4e8; } .ui.violet.message { background-color: #080041; color: #916fd9; box-shadow: #442488 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.violet.message .header { color: #9879dc; } .ui.purple.message { background-color: #290041; color: #bf6fda; box-shadow: #70238a 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.purple.message .header { color: #c379dd; } .ui.pink.message { background-color: #44003a; color: #e55ba9; box-shadow: #93175d 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.pink.message .header { color: #e65aa8; } .ui.brown.message { background-color: #3b2713; color: #d2a689; box-shadow: #75492d 0px 0px 0px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 0px; } .ui.brown.message .header { color: #d6ac92; } .ui.table { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); box-shadow: none; color: rgba(232, 231, 227, 0.87); } .ui.table thead { box-shadow: none; } .ui.table thead th { background-color: #191a1e; background-image: none; color: rgba(232, 231, 227, 0.87); border-bottom-color: rgba(91, 96, 102, 0.1); border-left-color: currentcolor; } .ui.table thead tr > th:first-child { border-left-color: currentcolor; } .ui.table tfoot { box-shadow: none; } .ui.table tfoot th { border-top-color: rgba(91, 96, 102, 0.15); background-color: #191a1e; background-image: none; color: rgba(232, 231, 227, 0.87); } .ui.table tfoot tr > th:first-child { border-left-color: currentcolor; } .ui.table tr td { border-top-color: rgba(91, 96, 102, 0.1); } .ui.table tr:first-child td { border-top-color: currentcolor; } .ui.table tbody + tbody tr:first-child td { border-top-color: rgba(91, 96, 102, 0.1); } @media only screen and (max-width: 767px) { .ui.table:not(.unstackable) tr { box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px 0px inset !important; } } @media only screen and (max-width: 767px) { .ui.table:not(.unstackable) tr > th, .ui.table:not(.unstackable) tr > td { background-color: rgba(0, 0, 0, 0); background-image: none; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; box-shadow: none !important; } } @media only screen and (max-width: 767px) { .ui.definition.table:not(.unstackable) thead th:first-child { box-shadow: none !important; } } .ui.structured.table thead th { border-left-color: currentcolor; border-right-color: currentcolor; } .ui.structured.sortable.table thead th { border-left-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); } .ui.structured.basic.table th { border-left-color: currentcolor; border-right-color: currentcolor; } .ui.structured.celled.table tr th, .ui.structured.celled.table tr td { border-left-color: rgba(91, 96, 102, 0.1); border-right-color: rgba(91, 96, 102, 0.1); } .ui.definition.table thead:not(.full-width) th:first-child { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.4); box-shadow: #17181c -1px -1px 0px 1px; } .ui.definition.table tfoot:not(.full-width) th:first-child { background-color: transparent; background-image: none; box-shadow: #17181c 1px 1px 0px 1px; } .ui.celled.definition.table thead:not(.full-width) th:first-child { box-shadow: #17181c 0px -1px 0px 1px; } .ui.celled.definition.table tfoot:not(.full-width) th:first-child { box-shadow: #17181c 0px 1px 0px 1px; } .ui.definition.table tr td:first-child:not(.ignored), .ui.definition.table tr td.definition { background-color: rgba(0, 0, 0, 0.03); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.definition.table thead:not(.full-width) th:nth-child(2) { border-left-color: rgba(91, 96, 102, 0.15); } .ui.definition.table tfoot:not(.full-width) th:nth-child(2) { border-left-color: rgba(91, 96, 102, 0.15); } .ui.definition.table td:nth-child(2) { border-left-color: rgba(91, 96, 102, 0.15); } .ui.table tr.positive, .ui.table td.positive { box-shadow: #354a2a 0px 0px 0px inset; background-color: #283900 !important; background-image: none !important; color: #aadbab !important; } .ui.table tr.negative, .ui.table td.negative { box-shadow: #441c1c 0px 0px 0px inset; background-color: #380000 !important; background-image: none !important; color: #d68c8a !important; } .ui.table tr.error, .ui.table td.error { box-shadow: #441c1c 0px 0px 0px inset; background-color: #380000 !important; background-image: none !important; color: #d68c8a !important; } .ui.table tr.warning, .ui.table td.warning { box-shadow: #483d27 0px 0px 0px inset; background-color: #3a2200 !important; background-image: none !important; color: #f6d69f !important; } .ui.table tr.active, .ui.table td.active { box-shadow: rgba(0, 0, 0, 0.87) 0px 0px 0px inset; background-color: #1f2127 !important; background-image: none !important; color: rgba(232, 231, 227, 0.87) !important; } .ui.table tr.disabled td, .ui.table tr td.disabled, .ui.table tr.disabled:hover, .ui.table tr:hover td.disabled { color: rgba(217, 215, 210, 0.3); } @media only screen and (max-width: 991px) { .ui[class*="tablet stackable"].table tr { box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px 0px inset !important; } } @media only screen and (max-width: 991px) { .ui[class*="tablet stackable"].table tr > th, .ui[class*="tablet stackable"].table tr > td { background-color: rgba(0, 0, 0, 0); background-image: none; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; box-shadow: none !important; } } @media only screen and (max-width: 991px) { .ui.definition[class*="tablet stackable"].table thead th:first-child { box-shadow: none !important; } } .ui.selectable.table tbody tr:hover, .ui.table tbody tr td.selectable:hover { background-color: rgba(0, 0, 0, 0.05) !important; background-image: none !important; color: rgba(232, 231, 227, 0.95) !important; } .ui.selectable.inverted.table tbody tr:hover, .ui.inverted.table tbody tr td.selectable:hover { background-color: rgba(23, 24, 28, 0.08) !important; background-image: none !important; color: #ffffff !important; } .ui.table tbody tr td.selectable > a:not(.ui) { color: inherit; } .ui.selectable.table tr.error:hover, .ui.table tr td.selectable.error:hover, .ui.selectable.table tr:hover td.error { background-color: #410000 !important; background-image: none !important; color: #d89190 !important; } .ui.selectable.table tr.warning:hover, .ui.table tr td.selectable.warning:hover, .ui.selectable.table tr:hover td.warning { background-color: #432800 !important; background-image: none !important; color: #f7daa7 !important; } .ui.selectable.table tr.active:hover, .ui.table tr td.selectable.active:hover, .ui.selectable.table tr:hover td.active { background-color: #1f2127 !important; background-image: none !important; color: rgba(232, 231, 227, 0.87) !important; } .ui.selectable.table tr.positive:hover, .ui.table tr td.selectable.positive:hover, .ui.selectable.table tr:hover td.positive { background-color: #2d4200 !important; background-image: none !important; color: #b0ddb0 !important; } .ui.selectable.table tr.negative:hover, .ui.table tr td.selectable.negative:hover, .ui.selectable.table tr:hover td.negative { background-color: #410000 !important; background-image: none !important; color: #d89190 !important; } .ui.attached.table { box-shadow: none; border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.attached + .ui.attached.table:not(.top) { border-top-color: currentcolor; } .ui.striped.table > tr:nth-child(2n), .ui.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 50, 0.02); } .ui.inverted.striped.table > tr:nth-child(2n), .ui.inverted.striped.table tbody tr:nth-child(2n) { background-color: rgba(23, 24, 28, 0.05); } .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { background-color: #1b1d21 !important; background-image: none !important; color: rgba(232, 231, 227, 0.95) !important; } .ui.red.table { border-top-color: #a21b1b; } .ui.inverted.red.table { background-color: #9a1a1a !important; color: #ffffff !important; } .ui.orange.table { border-top-color: #b9500b; } .ui.inverted.orange.table { background-color: #b14c0a !important; color: #ffffff !important; } .ui.yellow.table { border-top-color: #c69503; } .ui.inverted.yellow.table { background-color: #c49303 !important; color: #ffffff !important; } .ui.olive.table { border-top-color: #9eb215; } .ui.inverted.olive.table { background-color: #95a814 !important; color: #ffffff !important; } .ui.green.table { border-top-color: #1ea63e; } .ui.inverted.green.table { background-color: #1b9a39 !important; color: #ffffff !important; } .ui.teal.table { border-top-color: #00dbd1; } .ui.inverted.teal.table { background-color: #00b5ad !important; color: #ffffff !important; } .ui.blue.table { border-top-color: #1a6aa6; } .ui.inverted.blue.table { background-color: #19659e !important; color: #ffffff !important; } .ui.violet.table { border-top-color: #482691; } .ui.inverted.violet.table { background-color: #442488 !important; color: #ffffff !important; } .ui.purple.table { border-top-color: #782593; } .ui.inverted.purple.table { background-color: #70238a !important; color: #ffffff !important; } .ui.pink.table { border-top-color: #a01965; } .ui.inverted.pink.table { background-color: #93175d !important; color: #ffffff !important; } .ui.brown.table { border-top-color: #835232; } .ui.inverted.brown.table { background-color: #75492d !important; color: #ffffff !important; } .ui.grey.table { border-top-color: #4e4e4e; } .ui.inverted.grey.table { background-color: #303d4f !important; color: #ffffff !important; } .ui.black.table { border-top-color: #5e6165; } .ui.inverted.black.table { background-color: #191b1f !important; color: #ffffff !important; } .ui.sortable.table thead th { border-left-color: rgba(91, 96, 102, 0.15); color: rgba(232, 231, 227, 0.87); } .ui.sortable.table thead th:first-child { border-left-color: currentcolor; } .ui.sortable.table thead th::after { text-decoration-color: inherit; } .ui.sortable.table th.disabled:hover { color: rgba(217, 215, 210, 0.3); } .ui.sortable.table thead th:hover { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.8); } .ui.sortable.table thead th.sorted { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.sortable.table thead th.sorted:hover { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.inverted.sortable.table thead th.sorted { background-color: rgba(23, 24, 28, 0.15); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); color: #ffffff; } .ui.inverted.sortable.table thead th:hover { background-color: rgba(23, 24, 28, 0.08); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); color: #ffffff; } .ui.inverted.sortable.table thead th { border-left-color: transparent; border-right-color: transparent; } .ui.inverted.table { background-color: #29303d; background-image: none; color: rgba(255, 255, 255, 0.9); border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.inverted.table th { background-color: rgba(0, 0, 0, 0.15); border-top-color: rgba(51, 51, 51, 0.1) !important; border-right-color: rgba(51, 51, 51, 0.1) !important; border-bottom-color: rgba(51, 51, 51, 0.1) !important; border-left-color: rgba(51, 51, 51, 0.1) !important; color: rgba(255, 255, 255, 0.9) !important; } .ui.inverted.table tr td { border-top-color: rgba(51, 51, 51, 0.1) !important; border-right-color: rgba(51, 51, 51, 0.1) !important; border-bottom-color: rgba(51, 51, 51, 0.1) !important; border-left-color: rgba(51, 51, 51, 0.1) !important; } .ui.inverted.table tr.disabled td, .ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled:hover td, .ui.inverted.table tr:hover td.disabled { color: rgba(227, 226, 223, 0.3); } .ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .ui.inverted.definition.table thead:not(.full-width) th:first-child { background-color: #17181c; background-image: none; } .ui.inverted.definition.table tr td:first-child { background-color: rgba(23, 24, 28, 0.02); background-image: none; color: #ffffff; } .ui.basic.table { background-color: transparent; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); box-shadow: none; } .ui.basic.table thead, .ui.basic.table tfoot { box-shadow: none; } .ui.basic.table th { background-color: transparent; background-image: none; border-left-color: currentcolor; } .ui.basic.table tbody tr { border-bottom-color: rgba(102, 102, 102, 0.1); } .ui.basic.table td { background-color: transparent; background-image: none; } .ui.basic.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, 0.05) !important; } .ui[class*="very basic"].table { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.celled.table tr th, .ui.celled.table tr td { border-left-color: rgba(91, 96, 102, 0.1); } .ui.celled.table tr th:first-child, .ui.celled.table tr td:first-child { border-left-color: currentcolor; } .ui.ad iframe { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.test.ad { background-color: #303d4f; background-image: none; } .ui.test.ad::after { color: #ffffff; } .ui.cards > .card, .ui.card { background-color: #17181c; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: #21242c 0px 1px 3px 0px, #21242c 0px 0px 0px 1px; } .ui.cards > .card > :first-child, .ui.card > :first-child { border-top-color: currentcolor !important; } .ui.cards > .card > .image, .ui.card > .image { background-color: rgba(0, 0, 0, 0.05); background-image: none; } .ui.cards > .card > .image:not(.ui) > img, .ui.card > .image:not(.ui) > img { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.cards > .card > .content, .ui.card > .content { border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-top-color: rgba(91, 96, 102, 0.1); background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; } .ui.cards > .card > .content > .header, .ui.card > .content > .header { color: rgba(232, 231, 227, 0.85); } .ui.cards > .card > .content > .description, .ui.card > .content > .description { color: rgba(232, 231, 227, 0.68); } .ui.cards > .card .meta, .ui.card .meta { color: rgba(232, 231, 227, 0.4); } .ui.cards > .card > .content > a.header, .ui.card > .content > a.header { color: rgba(232, 231, 227, 0.85); } .ui.cards > .card > .content > a.header:hover, .ui.card > .content > a.header:hover { color: #6bb0e8; } .ui.cards > .card .meta > a:not(.ui), .ui.card .meta > a:not(.ui) { color: rgba(232, 231, 227, 0.4); } .ui.cards > .card .meta > a:not(.ui):hover, .ui.card .meta > a:not(.ui):hover { color: rgba(232, 231, 227, 0.87); } .ui.cards > .card > .content .star.icon:hover, .ui.card > .content .star.icon:hover { color: #ffc333; } .ui.cards > .card > .content .active.star.icon, .ui.card > .content .active.star.icon { color: #ffe833; } .ui.cards > .card > .content .like.icon:hover, .ui.card > .content .like.icon:hover { color: #ff333e; } .ui.cards > .card > .content .active.like.icon, .ui.card > .content .active.like.icon { color: #ff333e; } .ui.cards > .card > .extra, .ui.card > .extra { border-top-color: rgba(102, 102, 102, 0.05) !important; background-color: rgba(0, 0, 0, 0); background-image: none; color: rgba(232, 231, 227, 0.4); box-shadow: none; } .ui.cards > .card > .extra a:not(.ui), .ui.card > .extra a:not(.ui) { color: rgba(232, 231, 227, 0.4); } .ui.cards > .card > .extra a:not(.ui):hover, .ui.card > .extra a:not(.ui):hover { color: #6bb0e8; } .ui.raised.cards > .card, .ui.raised.card { box-shadow: #21242c 0px 0px 0px 1px, rgba(32, 34, 40, 0.12) 0px 2px 4px 0px, rgba(32, 34, 40, 0.15) 0px 2px 10px 0px; } .ui.raised.cards a.card:hover, .ui.link.cards .raised.card:hover, a.ui.raised.card:hover, .ui.link.raised.card:hover { box-shadow: #21242c 0px 0px 0px 1px, rgba(32, 34, 40, 0.15) 0px 2px 4px 0px, rgba(32, 34, 40, 0.25) 0px 2px 10px 0px; } .ui.raised.cards > .card, .ui.raised.card { box-shadow: #21242c 0px 0px 0px 1px, rgba(32, 34, 40, 0.12) 0px 2px 4px 0px, rgba(32, 34, 40, 0.15) 0px 2px 10px 0px; } .ui.cards a.card:hover, .ui.link.cards .card:hover, a.ui.card:hover, .ui.link.card:hover { background-color: #17181c; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: #262b35 0px 1px 3px 0px, #21242c 0px 0px 0px 1px; } .ui.red.cards > .card, .ui.cards > .red.card, .ui.red.card { box-shadow: #21242c 0px 0px 0px 1px, #9a1a1a 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.red.cards > .card:hover, .ui.cards > .red.card:hover, .ui.red.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #a71414 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.orange.cards > .card, .ui.cards > .orange.card, .ui.orange.card { box-shadow: #21242c 0px 0px 0px 1px, #b14c0a 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.orange.cards > .card:hover, .ui.cards > .orange.card:hover, .ui.orange.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #c95102 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.yellow.cards > .card, .ui.cards > .yellow.card, .ui.yellow.card { box-shadow: #21242c 0px 0px 0px 1px, #c49303 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.yellow.cards > .card:hover, .ui.cards > .yellow.card:hover, .ui.yellow.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #cc9800 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.olive.cards > .card, .ui.cards > .olive.card, .ui.olive.card { box-shadow: #21242c 0px 0px 0px 1px, #95a814 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.olive.cards > .card:hover, .ui.cards > .olive.card:hover, .ui.olive.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #a1b60c 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.green.cards > .card, .ui.cards > .green.card, .ui.green.card { box-shadow: #21242c 0px 0px 0px 1px, #1b9a39 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.green.cards > .card:hover, .ui.cards > .green.card:hover, .ui.green.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #15a537 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.teal.cards > .card, .ui.cards > .teal.card, .ui.teal.card { box-shadow: #21242c 0px 0px 0px 1px, #00b5ad 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.teal.cards > .card:hover, .ui.cards > .teal.card:hover, .ui.teal.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #009c95 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.blue.cards > .card, .ui.cards > .blue.card, .ui.blue.card { box-shadow: #21242c 0px 0px 0px 1px, #19659e 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.blue.cards > .card:hover, .ui.cards > .blue.card:hover, .ui.blue.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #1369a9 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.violet.cards > .card, .ui.cards > .violet.card, .ui.violet.card { box-shadow: #21242c 0px 0px 0px 1px, #442488 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.violet.cards > .card:hover, .ui.cards > .violet.card:hover, .ui.violet.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #442091 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.purple.cards > .card, .ui.cards > .purple.card, .ui.purple.card { box-shadow: #21242c 0px 0px 0px 1px, #70238a 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.purple.cards > .card:hover, .ui.cards > .purple.card:hover, .ui.purple.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #761f93 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.pink.cards > .card, .ui.cards > .pink.card, .ui.pink.card { box-shadow: #21242c 0px 0px 0px 1px, #93175d 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.pink.cards > .card:hover, .ui.cards > .pink.card:hover, .ui.pink.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #aa1368 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.brown.cards > .card, .ui.cards > .brown.card, .ui.brown.card { box-shadow: #21242c 0px 0px 0px 1px, #75492d 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.brown.cards > .card:hover, .ui.cards > .brown.card:hover, .ui.brown.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #7c4a2a 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.grey.cards > .card, .ui.cards > .grey.card, .ui.grey.card { box-shadow: #21242c 0px 0px 0px 1px, #303d4f 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.grey.cards > .card:hover, .ui.cards > .grey.card:hover, .ui.grey.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #303c4d 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.black.cards > .card, .ui.cards > .black.card, .ui.black.card { box-shadow: #21242c 0px 0px 0px 1px, #191b1f 0px 2px 0px 0px, #21242c 0px 1px 3px 0px; } .ui.black.cards > .card:hover, .ui.cards > .black.card:hover, .ui.black.card:hover { box-shadow: #21242c 0px 0px 0px 1px, #23262e 0px 2px 0px 0px, #262b35 0px 1px 3px 0px; } .ui.comments .comment { background-color: rgba(0, 0, 0, 0); background-image: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-top-color: currentcolor; } .ui.comments .comment .comments .comment { border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-top-color: currentcolor; background-color: rgba(0, 0, 0, 0); background-image: none; } .ui.comments .comment .author { color: rgba(232, 231, 227, 0.87); } .ui.comments .comment a.author:hover { color: #6bb0e8; } .ui.comments .comment .metadata { color: rgba(232, 231, 227, 0.4); } .ui.comments .comment .text { color: rgba(232, 231, 227, 0.87); } .ui.comments .comment .actions a { color: rgba(232, 231, 227, 0.4); } .ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover { color: rgba(232, 231, 227, 0.8); } .ui.threaded.comments .comment .comments { box-shadow: rgba(32, 34, 40, 0.15) -1px 0px 0px; } .ui.feed > .event { background-color: rgba(0, 0, 0, 0); background-image: none; border-top-color: currentcolor; } .ui.feed > .event:first-child { border-top-color: currentcolor; } .ui.feed > .event > .label .icon { background-color: rgba(0, 0, 0, 0); background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; color: rgba(232, 231, 227, 0.6); } .ui.feed > .event > .content .date { color: rgba(232, 231, 227, 0.4); } .ui.feed > .event > .content .summary { color: rgba(232, 231, 227, 0.87); } .ui.feed > .event > .content .summary > .date { color: rgba(232, 231, 227, 0.4); } .ui.feed > .event > .content .extra { background-color: rgba(0, 0, 0, 0); background-image: none; color: rgba(232, 231, 227, 0.87); } .ui.feed > .event > .content .extra.text { border-left-color: currentcolor; } .ui.feed > .event > .content .meta { background-color: rgba(0, 0, 0, 0); background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; color: rgba(232, 231, 227, 0.6); } .ui.feed > .event > .content .meta > ::after { color: rgba(232, 231, 227, 0.2); } .ui.feed > .event > .content .meta .like:hover .icon { color: #ff333e; } .ui.feed > .event > .content .meta .active.like .icon { color: #f04a54; } .ui.feed > .event > .content .meta a, .ui.feed > .event > .content .meta > .icon { color: rgba(232, 231, 227, 0.5); } .ui.feed > .event > .content .meta a:hover, .ui.feed > .event > .content .meta a:hover .icon, .ui.feed > .event > .content .meta > .icon:hover { color: rgba(232, 231, 227, 0.95); } .ui.items > .item { background-color: transparent; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; } .ui.items > .item > .image > img { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.items > .item > .content { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.items > .item > .content > .header { color: rgba(232, 231, 227, 0.85); } .ui.items > .item > .content > .description { color: rgba(232, 231, 227, 0.87); } .ui.items > .item .meta { color: rgba(232, 231, 227, 0.6); } .ui.items > .item > .content > a.header { color: rgba(232, 231, 227, 0.85); } .ui.items > .item > .content > a.header:hover { color: #6bb0e8; } .ui.items > .item .meta > a:not(.ui) { color: rgba(232, 231, 227, 0.4); } .ui.items > .item .meta > a:not(.ui):hover { color: rgba(232, 231, 227, 0.87); } .ui.items > .item > .content .favorite.icon:hover { color: #ffc333; } .ui.items > .item > .content .active.favorite.icon { color: #ffe833; } .ui.items > .item > .content .like.icon:hover { color: #ff333e; } .ui.items > .item > .content .active.like.icon { color: #ff333e; } .ui.items > .item .extra { background-color: rgba(0, 0, 0, 0); background-image: none; color: rgba(232, 231, 227, 0.4); box-shadow: none; border-top-color: currentcolor; } .ui.divided.items > .item { border-top-color: rgba(91, 96, 102, 0.15); } .ui.divided.items > .item:first-child { border-top-color: currentcolor; } .ui.items a.item:hover .content .header, .ui.link.items > .item:hover .content .header { color: #6bb0e8; } .ui.statistics .statistic > .value, .ui.statistic > .value { color: #dddbd7; } .ui.statistics .statistic > .label, .ui.statistic > .label { color: rgba(232, 231, 227, 0.87); } .ui.red.statistics .statistic > .value, .ui.statistics .red.statistic > .value, .ui.red.statistic > .value { color: #e45d5d; } .ui.orange.statistics .statistic > .value, .ui.statistics .orange.statistic > .value, .ui.orange.statistic > .value { color: #f48a43; } .ui.yellow.statistics .statistic > .value, .ui.statistics .yellow.statistic > .value, .ui.yellow.statistic > .value { color: #fcca38; } .ui.olive.statistics .statistic > .value, .ui.statistics .olive.statistic > .value, .ui.olive.statistic > .value { color: #daec60; } .ui.green.statistics .statistic > .value, .ui.statistics .green.statistic > .value, .ui.green.statistic > .value { color: #6fe68b; } .ui.teal.statistics .statistic > .value, .ui.statistics .teal.statistic > .value, .ui.teal.statistic > .value { color: #5ffff8; } .ui.blue.statistics .statistic > .value, .ui.statistics .blue.statistic > .value, .ui.blue.statistic > .value { color: #62aee6; } .ui.violet.statistics .statistic > .value, .ui.statistics .violet.statistic > .value, .ui.violet.statistic > .value { color: #916fd9; } .ui.purple.statistics .statistic > .value, .ui.statistics .purple.statistic > .value, .ui.purple.statistic > .value { color: #bf6fda; } .ui.pink.statistics .statistic > .value, .ui.statistics .pink.statistic > .value, .ui.pink.statistic > .value { color: #e55ba9; } .ui.brown.statistics .statistic > .value, .ui.statistics .brown.statistic > .value, .ui.brown.statistic > .value { color: #d2a689; } .ui.grey.statistics .statistic > .value, .ui.statistics .grey.statistic > .value, .ui.grey.statistic > .value { color: #bcb7b0; } .ui.inverted.statistics .statistic > .value, .ui.inverted.statistic .value { color: #ffffff; } .ui.inverted.statistics .statistic > .label, .ui.inverted.statistic .label { color: rgba(255, 255, 255, 0.9); } .ui.inverted.red.statistics .statistic > .value, .ui.statistics .inverted.red.statistic > .value, .ui.inverted.red.statistic > .value { color: #ff695e; } .ui.inverted.orange.statistics .statistic > .value, .ui.statistics .inverted.orange.statistic > .value, .ui.inverted.orange.statistic > .value { color: #ff9233; } .ui.inverted.yellow.statistics .statistic > .value, .ui.statistics .inverted.yellow.statistic > .value, .ui.inverted.yellow.statistic > .value { color: #ffe533; } .ui.inverted.olive.statistics .statistic > .value, .ui.statistics .inverted.olive.statistic > .value, .ui.inverted.olive.statistic > .value { color: #d9e778; } .ui.inverted.green.statistics .statistic > .value, .ui.statistics .inverted.green.statistic > .value, .ui.inverted.green.statistic > .value { color: #6add77; } .ui.inverted.teal.statistics .statistic > .value, .ui.statistics .inverted.teal.statistic > .value, .ui.inverted.teal.statistic > .value { color: #6dffff; } .ui.inverted.blue.statistics .statistic > .value, .ui.statistics .inverted.blue.statistic > .value, .ui.inverted.blue.statistic > .value { color: #54c8ff; } .ui.inverted.violet.statistics .statistic > .value, .ui.statistics .inverted.violet.statistic > .value, .ui.inverted.violet.statistic > .value { color: #a291fb; } .ui.inverted.purple.statistics .statistic > .value, .ui.statistics .inverted.purple.statistic > .value, .ui.inverted.purple.statistic > .value { color: #dc73ff; } .ui.inverted.pink.statistics .statistic > .value, .ui.statistics .inverted.pink.statistic > .value, .ui.inverted.pink.statistic > .value { color: #ff8edf; } .ui.inverted.brown.statistics .statistic > .value, .ui.statistics .inverted.brown.statistic > .value, .ui.inverted.brown.statistic > .value { color: #eaa55b; } .ui.inverted.grey.statistics .statistic > .value, .ui.statistics .inverted.grey.statistic > .value, .ui.inverted.grey.statistic > .value { color: #e0deda; } .ui.accordion .title:not(.ui) { color: rgba(232, 231, 227, 0.87); } .ui.styled.accordion, .ui.styled.accordion .accordion { background-color: #17181c; background-image: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px, rgba(32, 34, 40, 0.15) 0px 0px 0px 1px; } .ui.styled.accordion .title, .ui.styled.accordion .accordion .title { color: rgba(232, 231, 227, 0.4); border-top-color: rgba(91, 96, 102, 0.15); } .ui.styled.accordion > .title:first-child, .ui.styled.accordion .accordion .title:first-child { border-top-color: currentcolor; } .ui.styled.accordion .title:hover, .ui.styled.accordion .active.title, .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .accordion .active.title { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.87); } .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .accordion .active.title { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.87); } .ui.styled.accordion .active.title { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.styled.accordion .accordion .active.title { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.inverted.accordion .title:not(.ui) { color: rgba(255, 255, 255, 0.9); } .ui.checkbox { outline-color: currentcolor; } .ui.checkbox input[type="checkbox"], .ui.checkbox input[type="radio"] { outline-color: currentcolor; } .ui.checkbox .box, .ui.checkbox label { outline-color: currentcolor; } .ui.checkbox .box::before, .ui.checkbox label::before { background-color: #17181c; background-image: none; border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.checkbox .box::after, .ui.checkbox label::after { color: rgba(232, 231, 227, 0.87); } .ui.checkbox label, .ui.checkbox + label { color: rgba(232, 231, 227, 0.87); } .ui.checkbox .box:hover::before, .ui.checkbox label:hover::before { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.35); border-right-color: rgba(91, 96, 102, 0.35); border-bottom-color: rgba(91, 96, 102, 0.35); border-left-color: rgba(91, 96, 102, 0.35); } .ui.checkbox label:hover, .ui.checkbox + label:hover { color: rgba(232, 231, 227, 0.8); } .ui.checkbox .box:active::before, .ui.checkbox label:active::before { background-color: #191a1e; background-image: none; border-top-color: rgba(91, 96, 102, 0.35); border-right-color: rgba(91, 96, 102, 0.35); border-bottom-color: rgba(91, 96, 102, 0.35); border-left-color: rgba(91, 96, 102, 0.35); } .ui.checkbox .box:active::after, .ui.checkbox label:active::after { color: rgba(232, 231, 227, 0.95); } .ui.checkbox input:active ~ label { color: rgba(232, 231, 227, 0.95); } .ui.checkbox input:focus ~ .box::before, .ui.checkbox input:focus ~ label::before { background-color: #17181c; background-image: none; border-top-color: #285f72; border-right-color: #285f72; border-bottom-color: #285f72; border-left-color: #285f72; } .ui.checkbox input:focus ~ .box::after, .ui.checkbox input:focus ~ label::after { color: rgba(232, 231, 227, 0.95); } .ui.checkbox input:focus ~ label { color: rgba(232, 231, 227, 0.95); } .ui.checkbox input:checked ~ .box::before, .ui.checkbox input:checked ~ label::before { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.35); border-right-color: rgba(91, 96, 102, 0.35); border-bottom-color: rgba(91, 96, 102, 0.35); border-left-color: rgba(91, 96, 102, 0.35); } .ui.checkbox input:checked ~ .box::after, .ui.checkbox input:checked ~ label::after { color: rgba(232, 231, 227, 0.95); } .ui.checkbox input:not([type="radio"]):indeterminate ~ .box::before, .ui.checkbox input:not([type="radio"]):indeterminate ~ label::before { background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.35); border-right-color: rgba(91, 96, 102, 0.35); border-bottom-color: rgba(91, 96, 102, 0.35); border-left-color: rgba(91, 96, 102, 0.35); } .ui.checkbox input:not([type="radio"]):indeterminate ~ .box::after, .ui.checkbox input:not([type="radio"]):indeterminate ~ label::after { color: rgba(232, 231, 227, 0.95); } .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box::before, .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::before, .ui.checkbox input:checked:focus ~ .box::before, .ui.checkbox input:checked:focus ~ label::before { background-color: #17181c; background-image: none; border-top-color: #285f72; border-right-color: #285f72; border-bottom-color: #285f72; border-left-color: #285f72; } .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box::after, .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label::after, .ui.checkbox input:checked:focus ~ .box::after, .ui.checkbox input:checked:focus ~ label::after { color: rgba(232, 231, 227, 0.95); } .ui.disabled.checkbox .box::after, .ui.disabled.checkbox label, .ui.checkbox input[disabled] ~ .box::after, .ui.checkbox input[disabled] ~ label { color: #e8e7e3; } .ui.radio.checkbox .box::after, .ui.radio.checkbox label::after { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; background-color: rgba(0, 0, 0, 0.87); } .ui.radio.checkbox input:focus ~ .box::before, .ui.radio.checkbox input:focus ~ label::before { background-color: #17181c; } .ui.radio.checkbox input:focus ~ .box::after, .ui.radio.checkbox input:focus ~ label::after { background-color: rgba(0, 0, 0, 0.95); } .ui.radio.checkbox input:checked ~ .box::before, .ui.radio.checkbox input:checked ~ label::before { background-color: #17181c; } .ui.radio.checkbox input:checked ~ .box::after, .ui.radio.checkbox input:checked ~ label::after { background-color: rgba(0, 0, 0, 0.95); } .ui.radio.checkbox input:focus:checked ~ .box::before, .ui.radio.checkbox input:focus:checked ~ label::before { background-color: #17181c; } .ui.radio.checkbox input:focus:checked ~ .box::after, .ui.radio.checkbox input:focus:checked ~ label::after { background-color: rgba(0, 0, 0, 0.95); } .ui.slider.checkbox .box, .ui.slider.checkbox label { color: rgba(232, 231, 227, 0.4); } .ui.slider.checkbox .box::before, .ui.slider.checkbox label::before { border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; background-color: rgba(0, 0, 0, 0.05); } .ui.slider.checkbox .box::after, .ui.slider.checkbox label::after { background-color: #17181c; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px, rgba(32, 34, 40, 0.15) 0px 0px 0px 1px inset; } .ui.slider.checkbox input:focus ~ .box::before, .ui.slider.checkbox input:focus ~ label::before { background-color: rgba(0, 0, 0, 0.15); border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.slider.checkbox .box:hover, .ui.slider.checkbox label:hover { color: rgba(232, 231, 227, 0.8); } .ui.slider.checkbox .box:hover::before, .ui.slider.checkbox label:hover::before { background-color: rgba(0, 0, 0, 0.15); background-image: none; } .ui.slider.checkbox input:checked ~ .box, .ui.slider.checkbox input:checked ~ label { color: rgba(232, 231, 227, 0.95) !important; } .ui.slider.checkbox input:checked ~ .box::before, .ui.slider.checkbox input:checked ~ label::before { background-color: #303d4f !important; } .ui.slider.checkbox input:focus:checked ~ .box, .ui.slider.checkbox input:focus:checked ~ label { color: rgba(232, 231, 227, 0.95) !important; } .ui.slider.checkbox input:focus:checked ~ .box::before, .ui.slider.checkbox input:focus:checked ~ label::before { background-color: #000000 !important; } .ui.toggle.checkbox .box, .ui.toggle.checkbox label { color: rgba(232, 231, 227, 0.87); } .ui.toggle.checkbox .box::before, .ui.toggle.checkbox label::before { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; background-color: rgba(0, 0, 0, 0.05); background-image: none; box-shadow: none; } .ui.toggle.checkbox .box::after, .ui.toggle.checkbox label::after { background-color: #17181c; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px, rgba(32, 34, 40, 0.15) 0px 0px 0px 1px inset; } .ui.toggle.checkbox input ~ .box::after, .ui.toggle.checkbox input ~ label::after { box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px, rgba(32, 34, 40, 0.15) 0px 0px 0px 1px inset; } .ui.toggle.checkbox input:focus ~ .box::before, .ui.toggle.checkbox input:focus ~ label::before { background-color: rgba(0, 0, 0, 0.15); border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.toggle.checkbox .box:hover::before, .ui.toggle.checkbox label:hover::before { background-color: rgba(0, 0, 0, 0.15); border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.toggle.checkbox input:checked ~ .box, .ui.toggle.checkbox input:checked ~ label { color: rgba(232, 231, 227, 0.95) !important; } .ui.toggle.checkbox input:checked ~ .box::before, .ui.toggle.checkbox input:checked ~ label::before { background-color: #19659e !important; } .ui.toggle.checkbox input:checked ~ .box::after, .ui.toggle.checkbox input:checked ~ label::after { box-shadow: rgba(32, 34, 40, 0.15) 0px 1px 2px 0px, rgba(32, 34, 40, 0.15) 0px 0px 0px 1px inset; } .ui.toggle.checkbox input:focus:checked ~ .box, .ui.toggle.checkbox input:focus:checked ~ label { color: rgba(232, 231, 227, 0.95) !important; } .ui.toggle.checkbox input:focus:checked ~ .box::before, .ui.toggle.checkbox input:focus:checked ~ label::before { background-color: #0d6eb5 !important; } .ui.dimmer { background-color: rgba(0, 0, 0, 0.85); } .ui.dimmer > .content { color: #ffffff; } .blurring.dimmable > .dimmer { background-color: rgba(0, 0, 0, 0.6); } .blurring.dimmable > .inverted.dimmer { background-color: rgba(23, 24, 28, 0.6); } .ui.inverted.dimmer { background-color: rgba(23, 24, 28, 0.85); } .ui.inverted.dimmer > .content > * { color: #ffffff; } .ui.simple.dimmer { background-color: rgba(0, 0, 0, 0); } .dimmed.dimmable > .ui.simple.dimmer { background-color: rgba(0, 0, 0, 0.85); } .ui.simple.inverted.dimmer { background-color: rgba(23, 24, 28, 0); } .dimmed.dimmable > .ui.simple.inverted.dimmer { background-color: rgba(23, 24, 28, 0.85); } .ui.dropdown { outline-color: currentcolor; } .ui.dropdown .menu { outline-color: currentcolor; background-color: #17181c; background-image: none; text-shadow: none; box-shadow: rgba(32, 34, 40, 0.15) 0px 2px 3px 0px; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.dropdown .menu > .item { border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-top-color: currentcolor; color: rgba(232, 231, 227, 0.87); box-shadow: none; } .ui.dropdown .menu > .header { color: rgba(232, 231, 227, 0.85); } .ui.dropdown .menu > .divider { border-top-color: rgba(91, 96, 102, 0.1); } .ui.dropdown > .text > .description, .ui.dropdown .menu > .item > .description { color: rgba(232, 231, 227, 0.4); } .ui.dropdown .menu > .message:not(.ui) { color: rgba(232, 231, 227, 0.4); } .ui.menu .ui.dropdown .menu .active.item { border-left-color: currentcolor; } .ui.selection.dropdown { outline-color: currentcolor; background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.87); box-shadow: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } select.ui.dropdown { border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); } .ui.selection.dropdown .menu { outline-color: currentcolor; box-shadow: rgba(32, 34, 40, 0.15) 0px 2px 3px 0px; } .ui.selection.dropdown .menu > .item { border-top-color: #343434; } .ui.selection.dropdown:hover { border-top-color: rgba(91, 96, 102, 0.35); border-right-color: rgba(91, 96, 102, 0.35); border-bottom-color: rgba(91, 96, 102, 0.35); border-left-color: rgba(91, 96, 102, 0.35); box-shadow: none; } .ui.selection.active.dropdown { border-top-color: #285f72; border-right-color: #285f72; border-bottom-color: #285f72; border-left-color: #285f72; box-shadow: rgba(32, 34, 40, 0.15) 0px 2px 3px 0px; } .ui.selection.active.dropdown .menu { border-top-color: #285f72; border-right-color: #285f72; border-bottom-color: #285f72; border-left-color: #285f72; box-shadow: rgba(32, 34, 40, 0.15) 0px 2px 3px 0px; } .ui.selection.dropdown:focus { border-top-color: #285f72; border-right-color: #285f72; border-bottom-color: #285f72; border-left-color: #285f72; box-shadow: none; } .ui.selection.dropdown:focus .menu { border-top-color: #285f72; border-right-color: #285f72; border-bottom-color: #285f72; border-left-color: #285f72; box-shadow: rgba(32, 34, 40, 0.15) 0px 2px 3px 0px; } .ui.selection.visible.dropdown > .text:not(.default) { color: rgba(232, 231, 227, 0.8); } .ui.selection.active.dropdown:hover { border-top-color: #285f72; border-right-color: #285f72; border-bottom-color: #285f72; border-left-color: #285f72; box-shadow: rgba(32, 34, 40, 0.15) 0px 2px 3px 0px; } .ui.selection.active.dropdown:hover .menu { border-top-color: #285f72; border-right-color: #285f72; border-bottom-color: #285f72; border-left-color: #285f72; box-shadow: rgba(32, 34, 40, 0.15) 0px 2px 3px 0px; } .ui.active.empty.selection.dropdown { box-shadow: none !important; } .ui.active.empty.selection.dropdown .menu { border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; box-shadow: none !important; } .ui.search.dropdown > input.search { background-color: transparent !important; background-image: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; box-shadow: none !important; outline-color: currentcolor; } .ui.active.search.dropdown input.search:focus + .text { color: rgba(189, 185, 178, 0.87) !important; } .ui.multiple.dropdown > .label { box-shadow: rgba(32, 34, 40, 0.15) 0px 0px 0px 1px inset; } .ui.inline.dropdown { color: inherit; } .ui.dropdown .menu .active.item { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.95); box-shadow: none; } .ui.dropdown .menu > .item:hover { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.loading.dropdown > i.icon::before { border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .ui.loading.dropdown > i.icon::after { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px; border-top-color: #4e4e4e; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .ui.dropdown:not(.button) > .default.text, .ui.default.dropdown:not(.button) > .text { color: rgba(196, 192, 186, 0.87); } .ui.dropdown:not(.button) > input:focus ~ .default.text, .ui.default.dropdown:not(.button) > input:focus ~ .text { color: rgba(189, 185, 178, 0.87); } .ui.dropdown.selected, .ui.dropdown .menu .selected.item { background-color: rgba(0, 0, 0, 0.03); background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.dropdown.error, .ui.dropdown.error > .text, .ui.dropdown.error > .default.text { color: #d68c8a; } .ui.selection.dropdown.error { background-color: #380000; background-image: none; border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; } .ui.selection.dropdown.error:hover { border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; } .ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu { border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; } .ui.dropdown.error > .menu > .item { color: #d68c8a; } .ui.multiple.selection.error.dropdown > .label { border-top-color: #662a2a; border-right-color: #662a2a; border-bottom-color: #662a2a; border-left-color: #662a2a; } .ui.dropdown.error > .menu > .item:hover { background-color: #3b0000; } .ui.dropdown.error > .menu .active.item { background-color: #4d0303; } .ui.upward.dropdown > .menu { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3px 0px; } .ui.upward.selection.dropdown .menu { box-shadow: rgba(0, 0, 0, 0.08) 0px -2px 3px 0px; } .ui.upward.selection.dropdown:hover { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 2px 0px; } .ui.upward.selection.dropdown.visible { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 3px 0px; } .ui.upward.active.selection.dropdown:hover { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 3px 0px; } .ui.upward.active.selection.dropdown:hover .menu { box-shadow: rgba(0, 0, 0, 0.08) 0px -2px 3px 0px; } .ui.dropdown .scrolling.menu { border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none !important; border-top-color: rgba(91, 96, 102, 0.15); } .ui.scrolling.dropdown .menu .item.item.item, .ui.dropdown .scrolling.menu > .item.item.item { border-top-color: currentcolor; } .ui.scrolling.dropdown .menu .item:first-child, .ui.dropdown .scrolling.menu .item:first-child { border-top-color: currentcolor; } .ui.floating.dropdown .menu { box-shadow: rgba(32, 34, 40, 0.12) 0px 2px 4px 0px, rgba(32, 34, 40, 0.15) 0px 2px 10px 0px !important; } .ui.pointing.dropdown > .menu::after { box-shadow: rgba(32, 34, 40, 0.15) -1px -1px 0px 0px; background-color: #17181c; background-image: none; } .ui.pointing.upward.dropdown .menu::after, .ui.top.pointing.upward.dropdown .menu::after { box-shadow: rgba(32, 34, 40, 0.15) 1px 1px 0px 0px; } .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after { box-shadow: rgba(32, 34, 40, 0.15) -1px -1px 0px 0px; } .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu::after { box-shadow: rgba(32, 34, 40, 0.15) -1px -1px 0px 0px; } .ui.embed { background-color: #202228; background-image: none; } .ui.embed iframe, .ui.embed embed, .ui.embed object { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.embed > .icon::after { background-color: rgba(0, 0, 0, 0); background-image: radial-gradient(at center center, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.3)); } .ui.embed > .icon::before { color: #ffffff; text-shadow: rgba(32, 34, 40, 0.2) 0px 2px 10px; } .ui.embed .icon:hover::after { background-color: rgba(0, 0, 0, 0); background-image: radial-gradient(at center center, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.3)); } .ui.embed .icon:hover::before { color: #ffffff; } .ui.modal { background-color: #17181c; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: rgba(0, 0, 0, 0.2) 1px 3px 3px 0px, rgba(0, 0, 0, 0.2) 1px 3px 15px 2px; } .ui.modal > .close { color: #ffffff; } .ui.modal > .header { background-color: #17181c; background-image: none; box-shadow: none; color: rgba(232, 231, 227, 0.85); border-bottom-color: rgba(91, 96, 102, 0.15); } .ui.modal > .content { background-color: #17181c; background-image: none; } .ui.modal > .actions { background-color: #191a1e; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); } @media only screen and (max-width: 991px) { .ui.modal > .close { color: rgba(232, 231, 227, 0.87); } } @media only screen and (max-width: 767px) { .ui.modal .content > .description { box-shadow: none; } } .ui.inverted.dimmer > .ui.modal { box-shadow: rgba(0, 0, 0, 0.2) 1px 3px 10px 2px; } .ui.basic.modal { background-color: transparent; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none !important; color: #ffffff; } .ui.basic.modal > .header, .ui.basic.modal > .content, .ui.basic.modal > .actions { background-color: transparent; } .ui.basic.modal > .header { color: #ffffff; } .ui.inverted.dimmer > .basic.modal { color: rgba(232, 231, 227, 0.87); } .ui.inverted.dimmer > .ui.basic.modal > .header { color: rgba(232, 231, 227, 0.85); } @media only screen and (max-width: 991px) { .ui.basic.modal > .close { color: #ffffff; } } .ui.fullscreen.modal > .close { color: rgba(232, 231, 227, 0.87); } .ui.nag { background-color: #303d4f; background-image: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px; color: rgba(232, 231, 227, 0.87); } .ui.nag > .title { color: #ffffff; } .ui.nag > .close.icon { color: #ffffff; } .ui.nag:hover { background-color: #303d4f; background-image: none; } .ui.inverted.nags .nag, .ui.inverted.nag { background-color: #1a1c20; color: rgba(232, 231, 227, 0.85); } .ui.inverted.nags .nag .close, .ui.inverted.nags .nag .title, .ui.inverted.nag .close, .ui.inverted.nag .title { color: rgba(232, 231, 227, 0.4); } .ui.popup { border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.87); box-shadow: rgba(32, 34, 40, 0.12) 0px 2px 4px 0px, rgba(32, 34, 40, 0.15) 0px 2px 10px 0px; } .ui.popup::before { background-color: #17181c; background-image: none; box-shadow: #272c36 1px 1px 0px 0px; } [data-tooltip]::before { background-color: #17181c; background-image: none; box-shadow: #272c36 1px 1px 0px 0px; } [data-tooltip]::after { border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.87); box-shadow: rgba(32, 34, 40, 0.12) 0px 2px 4px 0px, rgba(32, 34, 40, 0.15) 0px 2px 10px 0px; } [data-tooltip]:not([data-position])::before { background-color: #17181c; background-image: none; } [data-tooltip][data-inverted]::before { box-shadow: none !important; background-color: #191b1f; background-image: none; } [data-tooltip][data-inverted]::after { background-color: #191b1f; background-image: none; color: #ffffff; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; } [data-position="top center"][data-tooltip]::before { background-color: #17181c; background-image: none; } [data-position~="bottom"][data-tooltip]::before { background-color: #17181c; background-image: none; box-shadow: #272c36 -1px -1px 0px 0px; } [data-position="left center"][data-tooltip]::before { background-color: #17181c; background-image: none; box-shadow: #272c36 1px -1px 0px 0px; } [data-position="right center"][data-tooltip]::before { background-color: #17181c; background-image: none; box-shadow: #272c36 -1px 1px 0px 0px; } [data-position~="top"][data-tooltip]::before { background-color: #17181c; background-image: none; } [data-inverted][data-position~="bottom"][data-tooltip]::before { background-color: #191b1f; background-image: none; box-shadow: #272c36 -1px -1px 0px 0px; } [data-inverted][data-position="left center"][data-tooltip]::before { background-color: #191b1f; background-image: none; box-shadow: #272c36 1px -1px 0px 0px; } [data-inverted][data-position="right center"][data-tooltip]::before { background-color: #191b1f; background-image: none; box-shadow: #272c36 -1px 1px 0px 0px; } [data-inverted][data-position~="top"][data-tooltip]::before { background-color: #191b1f; background-image: none; } .ui.bottom.center.popup::before { box-shadow: #272c36 -1px -1px 0px 0px; } .ui.bottom.left.popup::before { box-shadow: #272c36 -1px -1px 0px 0px; } .ui.bottom.right.popup::before { box-shadow: #272c36 -1px -1px 0px 0px; } .ui.left.center.popup::before { box-shadow: #272c36 1px -1px 0px 0px; } .ui.right.center.popup::before { box-shadow: #272c36 -1px 1px 0px 0px; } .ui.bottom.popup::before { background-color: #17181c; background-image: none; } .ui.right.center.popup::before, .ui.left.center.popup::before { background-color: #17181c; background-image: none; } .ui.top.popup::before { background-color: #17181c; background-image: none; } .ui.inverted.bottom.popup::before { background-color: #191b1f; background-image: none; } .ui.inverted.right.center.popup::before, .ui.inverted.left.center.popup::before { background-color: #191b1f; background-image: none; } .ui.inverted.top.popup::before { background-color: #191b1f; background-image: none; } .ui.inverted.popup { background-color: #191b1f; background-image: none; color: #ffffff; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; } .ui.inverted.popup .header { color: #ffffff; } .ui.inverted.popup::before { background-color: #191b1f; box-shadow: none !important; } .ui.progress { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; background-color: rgba(0, 0, 0, 0.1); background-image: none; } .ui.progress .bar { background-color: #2f3b4b; background-image: none; } .ui.progress .bar > .progress { color: rgba(255, 255, 255, 0.7); text-shadow: none; } .ui.progress > .label { color: rgba(232, 231, 227, 0.87); text-shadow: none; } .ui.indicating.progress[data-percent^="1"] .bar, .ui.indicating.progress[data-percent^="2"] .bar { background-color: #791c1c; } .ui.indicating.progress[data-percent^="3"] .bar { background-color: #7a4e0e; } .ui.indicating.progress[data-percent^="4"] .bar, .ui.indicating.progress[data-percent^="5"] .bar { background-color: #8d6c13; } .ui.indicating.progress[data-percent^="6"] .bar { background-color: #9b8d19; } .ui.indicating.progress[data-percent^="7"] .bar, .ui.indicating.progress[data-percent^="8"] .bar { background-color: #5d791c; } .ui.indicating.progress[data-percent^="9"] .bar, .ui.indicating.progress[data-percent^="100"] .bar { background-color: #1c7330; } .ui.indicating.progress[data-percent^="1"] .label, .ui.indicating.progress[data-percent^="2"] .label { color: rgba(232, 231, 227, 0.87); } .ui.indicating.progress[data-percent^="3"] .label { color: rgba(232, 231, 227, 0.87); } .ui.indicating.progress[data-percent^="4"] .label, .ui.indicating.progress[data-percent^="5"] .label { color: rgba(232, 231, 227, 0.87); } .ui.indicating.progress[data-percent^="6"] .label { color: rgba(232, 231, 227, 0.87); } .ui.indicating.progress[data-percent^="7"] .label, .ui.indicating.progress[data-percent^="8"] .label { color: rgba(232, 231, 227, 0.87); } .ui.indicating.progress[data-percent^="9"] .label, .ui.indicating.progress[data-percent^="100"] .label { color: rgba(232, 231, 227, 0.87); } .ui.indicating.progress[data-percent="1"] .bar, .ui.indicating.progress[data-percent="2"] .bar, .ui.indicating.progress[data-percent="3"] .bar, .ui.indicating.progress[data-percent="4"] .bar, .ui.indicating.progress[data-percent="5"] .bar, .ui.indicating.progress[data-percent="6"] .bar, .ui.indicating.progress[data-percent="7"] .bar, .ui.indicating.progress[data-percent="8"] .bar, .ui.indicating.progress[data-percent="9"] .bar { background-color: #791c1c; } .ui.indicating.progress[data-percent="1"] .label, .ui.indicating.progress[data-percent="2"] .label, .ui.indicating.progress[data-percent="3"] .label, .ui.indicating.progress[data-percent="4"] .label, .ui.indicating.progress[data-percent="5"] .label, .ui.indicating.progress[data-percent="6"] .label, .ui.indicating.progress[data-percent="7"] .label, .ui.indicating.progress[data-percent="8"] .label, .ui.indicating.progress[data-percent="9"] .label { color: rgba(232, 231, 227, 0.87); } .ui.indicating.progress.success .label { color: #aee6af; } .ui.progress.success .bar { background-color: #1b9a39 !important; } .ui.progress.success > .label { color: #aee6af; } .ui.progress.warning .bar { background-color: #a1780a !important; } .ui.progress.warning > .label { color: #fdcf85; } .ui.progress.error .bar { background-color: #9a1a1a !important; } .ui.progress.error > .label { color: #dd8f8e; } .ui.active.progress .bar::after { background-color: #17181c; background-image: none; } .ui.inverted.progress { background-color: rgba(23, 24, 28, 0.08); background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.inverted.progress .bar { background-color: #2f3b4b; background-image: none; } .ui.inverted.progress .bar > .progress { color: #fafafa; } .ui.inverted.progress > .label { color: #ffffff; } .ui.inverted.progress.success > .label { color: #6fe68b; } .ui.inverted.progress.warning > .label { color: #f3c545; } .ui.inverted.progress.error > .label { color: #e45d5d; } .ui.progress.attached { background-color: transparent; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .ui.red.progress .bar { background-color: #9a1a1a; } .ui.red.inverted.progress .bar { background-color: #940a00; } .ui.orange.progress .bar { background-color: #b14c0a; } .ui.orange.inverted.progress .bar { background-color: #bc5700; } .ui.yellow.progress .bar { background-color: #c49303; } .ui.yellow.inverted.progress .bar { background-color: #b9a100; } .ui.olive.progress .bar { background-color: #95a814; } .ui.olive.inverted.progress .bar { background-color: #647014; } .ui.green.progress .bar { background-color: #1b9a39; } .ui.green.inverted.progress .bar { background-color: #208f2d; } .ui.teal.progress .bar { background-color: #00b5ad; } .ui.teal.inverted.progress .bar { background-color: #008b8b; } .ui.blue.progress .bar { background-color: #19659e; } .ui.blue.inverted.progress .bar { background-color: #00689a; } .ui.violet.progress .bar { background-color: #442488; } .ui.violet.inverted.progress .bar { background-color: #160471; } .ui.purple.progress .bar { background-color: #70238a; } .ui.purple.inverted.progress .bar { background-color: #650087; } .ui.pink.progress .bar { background-color: #93175d; } .ui.pink.inverted.progress .bar { background-color: #770055; } .ui.brown.progress .bar { background-color: #75492d; } .ui.brown.inverted.progress .bar { background-color: #a55f16; } .ui.grey.progress .bar { background-color: #303d4f; } .ui.grey.inverted.progress .bar { background-color: #202228; } .ui.black.progress .bar { background-color: #191b1f; } .ui.black.inverted.progress .bar { background-color: #303d4f; } .ui.rating .icon { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.15); } .ui.rating .active.icon { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.85); } .ui.rating .icon.selected, .ui.rating .icon.selected.active { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.87); } .ui.star.rating .icon { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.15); text-shadow: none; } .ui.star.rating .active.icon { background-color: transparent !important; background-image: none !important; color: #ffe833 !important; text-shadow: #c1ac06 0px -1px 0px, #c1ac06 -1px 0px 0px, #c1ac06 0px 1px 0px, #c1ac06 1px 0px 0px !important; } .ui.star.rating .icon.selected, .ui.star.rating .icon.selected.active { background-color: transparent !important; background-image: none !important; color: #ffd633 !important; text-shadow: #cc9000 0px -1px 0px, #cc9000 -1px 0px 0px, #cc9000 0px 1px 0px, #cc9000 1px 0px 0px !important; } .ui.heart.rating .icon { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.15); text-shadow: none !important; } .ui.heart.rating .active.icon { background-color: transparent !important; background-image: none !important; color: #ff6d75 !important; text-shadow: #c00707 0px -1px 0px, #c00707 -1px 0px 0px, #c00707 0px 1px 0px, #c00707 1px 0px 0px !important; } .ui.heart.rating .icon.selected, .ui.heart.rating .icon.selected.active { background-color: transparent !important; background-image: none !important; color: #ff5933 !important; text-shadow: #aa0101 0px -1px 0px, #aa0101 -1px 0px 0px, #aa0101 0px 1px 0px, #aa0101 1px 0px 0px !important; } .ui.search > .prompt { outline-color: currentcolor; text-shadow: none; background-color: #17181c; background-image: none; border-top-color: rgba(91, 96, 102, 0.15); border-right-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.15); border-left-color: rgba(91, 96, 102, 0.15); color: rgba(232, 231, 227, 0.87); box-shadow: rgba(0, 0, 0, 0) 0em 0em 0em 0em inset; } .ui.search > .results { background-color: #17181c; background-image: none; box-shadow: rgba(32, 34, 40, 0.12) 0px 2px 4px 0px, rgba(32, 34, 40, 0.15) 0px 2px 10px 0px; border-top-color: #3b3b3d; border-right-color: #3b3b3d; border-bottom-color: #3b3b3d; border-left-color: #3b3b3d; } .ui.search > .results .result { color: rgba(232, 231, 227, 0.87); border-bottom-color: rgba(91, 96, 102, 0.1); } .ui.search > .results .result:last-child { border-bottom-color: currentcolor !important; } .ui.search > .results .result .image { background-color: rgba(0, 0, 0, 0); background-image: none; } .ui.search > .results .result .title { color: rgba(232, 231, 227, 0.85); } .ui.search > .results .result .description { color: rgba(232, 231, 227, 0.4); } .ui.search > .results .result .price { color: #6fe68b; } .ui.search > .results > .message .header { color: rgba(232, 231, 227, 0.87); } .ui.search > .results > .message .description { color: rgba(232, 231, 227, 0.87); } .ui.search > .results > .action { border-top-color: currentcolor; background-color: #1a1c20; background-image: none; color: rgba(232, 231, 227, 0.87); } .ui.search > .prompt:focus { border-top-color: rgba(91, 96, 102, 0.35); border-right-color: rgba(91, 96, 102, 0.35); border-bottom-color: rgba(91, 96, 102, 0.35); border-left-color: rgba(91, 96, 102, 0.35); background-color: #17181c; background-image: none; color: rgba(232, 231, 227, 0.95); } .ui.loading.search .input > i.icon::before { border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .ui.loading.search .input > i.icon::after { border-top-color: #4e4e4e; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px; } .ui.search > .results .result:hover, .ui.category.search > .results .category .result:hover { background-color: #191a1e; background-image: none; } .ui.search .action:hover { background-color: #1f2127; background-image: none; } .ui.category.search > .results .category.active { background-color: #1a1c20; background-image: none; } .ui.category.search > .results .category.active > .name { color: rgba(232, 231, 227, 0.87); } .ui.search > .results .result.active, .ui.category.search > .results .category .result.active { border-left-color: rgba(91, 96, 102, 0.1); background-color: #1a1c20; background-image: none; box-shadow: none; } .ui.search > .results .result.active .title { color: rgba(232, 231, 227, 0.85); } .ui.search > .results .result.active .description { color: rgba(232, 231, 227, 0.85); } .ui.search.selection > .icon.input > .remove.icon:hover { color: #e45d5d; } .ui.category.search > .results .category { background-color: #1a1c20; background-image: none; box-shadow: none; } .ui.category.search > .results .category:last-child { border-bottom-color: currentcolor; } .ui.category.search > .results .category > .name { background-color: transparent; background-image: none; color: rgba(232, 231, 227, 0.4); border-bottom-color: rgba(91, 96, 102, 0.1); } .ui.category.search > .results .category .results { background-color: #17181c; background-image: none; border-left-color: rgba(91, 96, 102, 0.15); border-bottom-color: rgba(91, 96, 102, 0.1); } .ui.category.search > .results .category .result { border-bottom-color: rgba(91, 96, 102, 0.1); } .ui.cube.shape .side { background-color: #1d1f25; color: rgba(232, 231, 227, 0.87); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px; } body.pushable { background-color: #303d4f !important; background-image: none !important; } body.pushable > .pusher { background-color: #17181c; background-image: none; } .pushable > .pusher { background-color: inherit; background-image: inherit; } .pushable > .pusher::after { background-color: rgba(0, 0, 0, 0.4); } .ui.left.visible.sidebar, .ui.right.visible.sidebar { box-shadow: rgba(32, 34, 40, 0.15) 0px 0px 20px; } .ui.top.visible.sidebar, .ui.bottom.visible.sidebar { box-shadow: rgba(32, 34, 40, 0.15) 0px 0px 20px; } .ui.tab.loading::before, .ui.tab.loading.segment::before { border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .ui.tab.loading::after, .ui.tab.loading.segment::after { border-top-color: #4e4e4e; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px; } .emoji { width: 1.5em; height: 1.5em; display: inline-block; background-size: contain } .big-emoji { font-size: 40px } body:not(.full-width) { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; background-color: #fff; overflow-y: scroll; overflow-x: auto; min-width: 1020px } .ui.container:not(.fluid) { width: 980px !important } h1, h2, h3, h4, h5, .ui.header, .ui.menu, .ui.input input, .ui.button:not(.label) { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important } img { border-radius: 3px } pre, code { font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace } pre.raw, code.raw { padding: 7px 12px; margin: 10px 0; background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; font-size: 13px; line-height: 1.5; overflow: auto } pre.w••rap, code.w••rap { white-space: pre-wrap; word-break: break-word } .dont-break-out { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto } .full.height { padding: 0; margin: 0 0 -80px 0; min-height: 100% } .following.bar { z-index: 900; left: 0; width: 100% } .following.bar.light { background-color: #24292e; border-bottom: 1px solid #24292e; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04) } .following.bar .column .menu { margin-top: 0 } .following.bar .top.menu a.item.brand { padding-left: 0; padding-right: 0 } .following.bar .brand .ui.mini.image { width: 27px } .following.bar .top.menu a.item:hover, .following.bar .top.menu .dropdown.item:hover, .following.bar .top.menu .dropdown.item.active { background-color: transparent } .following.bar .top.menu .menu { z-index: 900 } .following.bar .icon, .following.bar .octicon { margin-right: 5px !important } .following.bar .head.link.item { padding-right: 0 !important; color: #fff } .following.bar .head.link.item:hover { color: #ddd } .following.bar .avatar>.ui.image { margin-right: 0 } .following.bar .avatar .octicon-triangle-down { margin-top: 6.5px } .following.bar .searchbox { background-color: #343b42 !important; transition: all .5s; border: none } .following.bar .searchbox:focus { background-color: #fff !important } .following.bar .search.icon { color: #bcbcbc !important } .following.bar .text .octicon { width: 16px; text-align: center } .following.bar .right.menu .menu { left: auto; right: 0 } .following.bar .right.menu .dropdown .menu { margin-top: 0 } .ui.left { float: left } .ui.right { float: right } .ui.container.fluid.padded { padding: 0 10px 0 10px } .ui.form .ui.button { font-weight: normal } .ui.form .box.field { padding-left: 27px } .ui.menu, .ui.vertical.menu, .ui.segment { box-shadow: none } .ui .text.red { color: #d95c5c !important } .ui .text.red a { color: #d95c5c !important } .ui .text.red a:hover { color: #e67777 !important } .ui .text.blue { color: #428bca !important } .ui .text.blue a { color: #15c !important } .ui .text.blue a:hover { color: #428bca !important } .ui .text.black { color: #444 } .ui .text.black:hover { color: #000 } .ui .text.grey { color: #767676 !important } .ui .text.grey a { color: #444 !important } .ui .text.grey a:hover { color: #000 !important } .ui .text.light.grey { color: #888 !important } .ui .text.green { color: #6cc644 !important } .ui .text.purple { color: #6e5494 !important } .ui .text.yellow { color: #fbbd08 !important } .ui .text.gold { color: #a1882b !important } .ui .text.left { text-align: left !important } .ui .text.right { text-align: right !important } .ui .text.small { font-size: .75em } .ui .text.normal { font-weight: normal } .ui .text.bold { font-weight: bold } .ui .text.italic { font-style: italic } .ui .text.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block } .ui .text.thin { font-weight: normal } .ui .text.middle { vertical-align: middle } .ui .message { text-align: center } .ui .header>i+.content { padding-left: .75rem; vertical-align: middle } .ui .warning.header { background-color: #f9edbe !important; border-color: #f0c36d } .ui .warning.segment { border-color: #f0c36d } .ui .info.segment { border: 1px solid #c5d5dd } .ui .info.segment.top { background-color: #e6f1f6 !important } .ui .info.segment.top h3, .ui .info.segment.top h4 { margin-top: 0 } .ui .info.segment.top h3:last-child { margin-top: 4px } .ui .info.segment.top>:last-child { margin-bottom: 0 } .ui .normal.header { font-weight: normal } .ui .avatar.image { border-radius: 3px } .ui .form .fake { display: none !important } .ui .form .sub.field { margin-left: 25px } .ui .sha.label { font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace; font-size: 13px; padding: 4px 10px; font-weight: normal; margin: 0 6px } .ui.status.buttons .octicon { margin-right: 4px } .ui.inline.delete-button { padding: 8px 15px; font-weight: normal } .overflow.menu .items { max-height: 300px; overflow-y: auto } .overflow.menu .items .item { position: relative; cursor: pointer; display: block; border: none; height: auto; border-top: none; line-height: 1em; color: rgba(0, 0, 0, 0.8); padding: .71428571em 1.14285714em !important; font-size: 1rem; text-transform: none; font-weight: 400; box-shadow: none; -webkit-touch-callout: none } .overflow.menu .items .item.active { font-weight: 700 } .overflow.menu .items .item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); z-index: 13 } .scrolling.menu .item.selected { font-weight: 700 !important } footer { margin-top: 54px !important; height: 40px; background-color: #fff; border-top: 1px solid #d6d6d6; clear: both; width: 100%; color: #888 } footer .container { padding-top: 10px } footer .container .fa { width: 16px; text-align: center; color: #428bca } footer .container .links>* { border-left: 1px solid #d6d6d6; padding-left: 8px; margin-left: 5px } footer .container .links>*:first-child { border-left: none } footer .ui.language .menu { max-height: 500px; overflow-y: auto; margin-bottom: 7px } .side-footer { font-size: 12px; line-height: 22px; color: #707070; margin-top: 20px } .side-footer .contents { margin-right: 3px; margin-left: 3px } .hide { display: none } .center { text-align: center } .img-1 { width: 2px !important; height: 2px !important } .img-2 { width: 4px !important; height: 4px !important } .img-3 { width: 6px !important; height: 6px !important } .img-4 { width: 8px !important; height: 8px !important } .img-5 { width: 10px !important; height: 10px !important } .img-6 { width: 12px !important; height: 12px !important } .img-7 { width: 14px !important; height: 14px !important } .img-8 { width: 16px !important; height: 16px !important } .img-9 { width: 18px !important; height: 18px !important } .img-10 { width: 20px !important; height: 20px !important } .img-11 { width: 22px !important; height: 22px !important } .img-12 { width: 24px !important; height: 24px !important } .img-13 { width: 26px !important; height: 26px !important } .img-14 { width: 28px !important; height: 28px !important } .img-15 { width: 30px !important; height: 30px !important } .img-16 { width: 32px !important; height: 32px !important } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .hljs { background: inherit !important; padding: 0 !important } .ui.dropdown .menu>.item>.image, .ui.dropdown .menu>.item>img, .ui.dropdown>.text>.image, .ui.dropdown>.text>img { vertical-align: middle; margin-top: 0; margin-bottom: 0 } .error-pages h3, .error-pages h4 { color: rgba(0, 0, 0, 0.5); margin: 10px 0 10px; font-size: 18px; font-weight: 500; line-height: 1.6em } .v-divider { border-left: 1px solid #e7e7e7 } .navbar.container { width: auto; padding-right: 1.5em; padding-left: 16px } .navbar.signedinas { color: #24292e } .navbar.bold { font-weight: bold !important; font-size: 13px; color: #fff !important } .navbar.bold:hover { color: #ddd !important } .navbar.beta { padding: 0 !important; font-size: 15px; color: #fff !important; font-weight: bold !important } .navbar.caret { font-size: 11px } .oembed { padding: 20px !important; background: #e2e2e2 !important } .oembed code { font-size: 15px; font-family: monospace } .beta-badge { padding: 3px 5px !important; margin-left: 8px !important } @media only screen and (max-width:991px) and (min-width:768px) { .ui.container { width: 95% } } @media (max-width:1020px) { body { min-width: 320px !important; max-width: 100% } img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100% } .full.height, .following.bar.light, .ui.form .inline.field>.selection.dropdown, .ui.form .inline.fields .field>.selection.dropdown, .ui.form .inline.field>input, .ui.form .inline.field>select, .ui.form .inline.fields .field>input, .ui.form .inline.fields .field>select { width: 100% !important } .ui.header .ui.right .ui.small.button, .ui.header .ui.right .ui.labeled.button { margin: 5px 2.5px } .ui.container, .ui.container:not(.fluid) { width: 90% !important; margin: auto 5% !important } .ui.grid.news { max-width: 100% !important } footer { width: 100%; bottom: 0; position: relative } footer .ui.container { height: 100% } footer .version { display: none } footer .ui.left { width: 70%; word-wrap: break-word } .ui.language.bottom.floating.slide.up.dropdown.link.item { right: 5%; position: absolute } .following.bar a.main-menu.item .menu-icon.octicon { display: block; font-size: medium; text-indent: 0; margin: 5px auto !important } .following.bar a.main-menu.item.active { width: 50px } .following.bar a.main-menu.item { text-indent: -9999px; white-space: nowrap; overflow: hidden; font-size: 0; width: 35px } .following.bar a.main-menu.item .menu-icon.octicon.octicon-git-pull-request { padding-left: 5px } .ui.header { font-size: 1.3rem; padding-left: 10px } .column .ui.header .ui.right { padding-top: 5px; width: 90%; margin: 0 auto; float: none; line-height: 1.5; margin-right: 30px } .ui.container .ui.header .ui.right .ui.small.button { margin: 0 } .ui.attached.header .right { margin-top: 5px; float: none } .ui.tabs.container .ui.tabular.menu .item { text-indent: -9999px; white-space: nowrap; overflow: hidden; font-size: 0; width: 50px } .ui.tabular.menu .item i { text-indent: 0 } .ui.tabular.menu .item span { text-indent: 0; margin-left: 0 !important; margin: auto } .ui.top.attached.header { padding-left: 10 !important } .ui.form .inline.field>:first-child, .ui.form .inline.fields .field>:first-child { text-align: left } .inline.field a[href^="/join"] { white-space: nowrap } .ui.form .field:last-child, .ui.form .field:last-child .ui.button { width: 100%; margin: 3px auto } .search-mobile { display: none !important } .nav-active { box-shadow: 0 0 0 #4e57ef !important; padding: 5px !important; width: 40px !important } .nav-active:hover { background: #000 !important } .mega-octicon { font-size: 20px } .commits-card { background-color: transparent; border: none; border-radius: 0; padding: 0 } .mobile-nav { padding-left: 0 !important } .mwlii { display: none !important } .navbar.container { width: auto; padding-right: 1em; padding-left: 1.5em } .navbar.beta { display: none !important } .hide-mobile { display: none !important } } .markdown:not(code) { overflow: hidden; font-family: monospace; font-size: 15px; line-height: 1.6 !important; word-wrap: break-word } .markdown:not(code).file-view { padding: 2em 2em 2em !important } .markdown:not(code)>*:first-child { margin-top: 0 !important } .markdown:not(code)>*:last-child { margin-bottom: 0 !important } .markdown:not(code) a:not([href]) { color: inherit; text-decoration: none } .markdown:not(code) .absent { color: #c00 } .markdown:not(code) .anchor { position: absolute; top: 0; left: 0; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px } .markdown:not(code) .anchor:focus { outline: none } .markdown:not(code) h1, .markdown:not(code) h2, .markdown:not(code) h3, .markdown:not(code) h4, .markdown:not(code) h5, .markdown:not(code) h6 { position: relative; margin-top: 1em; margin-bottom: 16px; font-weight: bold; line-height: 1.4 } .markdown:not(code) h1:first-of-type, .markdown:not(code) h2:first-of-type, .markdown:not(code) h3:first-of-type, .markdown:not(code) h4:first-of-type, .markdown:not(code) h5:first-of-type, .markdown:not(code) h6:first-of-type { margin-top: 0 !important } .markdown:not(code) h1 .octicon-link, .markdown:not(code) h2 .octicon-link, .markdown:not(code) h3 .octicon-link, .markdown:not(code) h4 .octicon-link, .markdown:not(code) h5 .octicon-link, .markdown:not(code) h6 .octicon-link { display: none; color: #000; vertical-align: middle } .markdown:not(code) h1:hover .anchor, .markdown:not(code) h2:hover .anchor, .markdown:not(code) h3:hover .anchor, .markdown:not(code) h4:hover .anchor, .markdown:not(code) h5:hover .anchor, .markdown:not(code) h6:hover .anchor { padding-left: 8px; margin-left: -30px; text-decoration: none } .markdown:not(code) h1:hover .anchor .octicon-link, .markdown:not(code) h2:hover .anchor .octicon-link, .markdown:not(code) h3:hover .anchor .octicon-link, .markdown:not(code) h4:hover .anchor .octicon-link, .markdown:not(code) h5:hover .anchor .octicon-link, .markdown:not(code) h6:hover .anchor .octicon-link { display: inline-block } .markdown:not(code) h1 tt, .markdown:not(code) h1 code, .markdown:not(code) h2 tt, .markdown:not(code) h2 code, .markdown:not(code) h3 tt, .markdown:not(code) h3 code, .markdown:not(code) h4 tt, .markdown:not(code) h4 code, .markdown:not(code) h5 tt, .markdown:not(code) h5 code, .markdown:not(code) h6 tt, .markdown:not(code) h6 code { font-size: inherit } .markdown:not(code) h1 { padding-bottom: .3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid #eee } .markdown:not(code) h1 .anchor { line-height: 1 } .markdown:not(code) h2 { padding-bottom: .3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid #eee } .markdown:not(code) h2 .anchor { line-height: 1 } .markdown:not(code) h3 { font-size: 1.5em; line-height: 1.43 } .markdown:not(code) h3 .anchor { line-height: 1.2 } .markdown:not(code) h4 { font-size: 1.25em } .markdown:not(code) h4 .anchor { line-height: 1.2 } .markdown:not(code) h5 { font-size: 1em } .markdown:not(code) h5 .anchor { line-height: 1.1 } .markdown:not(code) h6 { font-size: 1em; color: #777 } .markdown:not(code) h6 .anchor { line-height: 1.1 } .markdown:not(code) p, .markdown:not(code) blockquote, .markdown:not(code) ul, .markdown:not(code) ol, .markdown:not(code) dl, .markdown:not(code) table, .markdown:not(code) pre { margin-top: 0; margin-bottom: 16px } .markdown:not(code) blockquote { margin-left: 0 } .markdown:not(code) hr { height: 4px; padding: 0; margin: 16px 0; background-color: #e7e7e7; border: 0 none } .markdown:not(code) ul, .markdown:not(code) ol { padding-left: 2em } .markdown:not(code) ul.no-list, .markdown:not(code) ol.no-list { padding: 0; list-style-type: none } .markdown:not(code) ul ul, .markdown:not(code) ul ol, .markdown:not(code) ol ol, .markdown:not(code) ol ul { margin-top: 0; margin-bottom: 0 } .markdown:not(code) ol ol, .markdown:not(code) ul ol { list-style-type: lower-roman } .markdown:not(code) li>p { margin-top: 16px } .markdown:not(code) dl { padding: 0 } .markdown:not(code) dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold } .markdown:not(code) dl dd { padding: 0 16px; margin-bottom: 16px } .markdown:not(code) blockquote { padding: 0 15px; color: #777; border-left: 4px solid #ddd } .markdown:not(code) blockquote>:first-child { margin-top: 0 } .markdown:not(code) blockquote>:last-child { margin-bottom: 0 } .markdown:not(code) table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all } .markdown:not(code) table th { font-weight: bold } .markdown:not(code) table th, .markdown:not(code) table td { padding: 6px 13px !important; border: 1px solid #ddd !important } .markdown:not(code) table tr { background-color: #fff; border-top: 1px solid #ccc } .markdown:not(code) table tr:nth-child(2n) { background-color: #f8f8f8 } .markdown:not(code) img { max-width: 100%; box-sizing: border-box } .markdown:not(code) .emoji { max-width: none } .markdown:not(code) span.frame { display: block; overflow: hidden } .markdown:not(code) span.frame>span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #ddd } .markdown:not(code) span.frame span img { display: block; float: left } .markdown:not(code) span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #333 } .markdown:not(code) span.align-center { display: block; overflow: hidden; clear: both } .markdown:not(code) span.align-center>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center } .markdown:not(code) span.align-center span img { margin: 0 auto; text-align: center } .markdown:not(code) span.align-right { display: block; overflow: hidden; clear: both } .markdown:not(code) span.align-right>span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right } .markdown:not(code) span.align-right span img { margin: 0; text-align: right } .markdown:not(code) span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden } .markdown:not(code) span.float-left span { margin: 13px 0 0 } .markdown:not(code) span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden } .markdown:not(code) span.float-right>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right } .markdown:not(code) code, .markdown:not(code) tt { padding: 0; padding-top: .2em; padding-bottom: .2em; margin: 0; font-size: 85%; background-color: rgba(0, 0, 0, 0.04); border-radius: 3px } .markdown:not(code) code:before, .markdown:not(code) code:after, .markdown:not(code) tt:before, .markdown:not(code) tt:after { letter-spacing: -0.2em; content: "\00a0" } .markdown:not(code) code br, .markdown:not(code) tt br { display: none } .markdown:not(code) del code { text-decoration: inherit } .markdown:not(code) pre>code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0 } .markdown:not(code) .highlight { margin-bottom: 16px } .markdown:not(code) .highlight pre, .markdown:not(code) pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f7f7f7; border-radius: 3px } .markdown:not(code) .highlight pre { margin-bottom: 0; word-break: normal } .markdown:not(code) pre { word-wrap: normal } .markdown:not(code) pre code, .markdown:not(code) pre tt { display: inline; max-width: initial; padding: 0; margin: 0; overflow: initial; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0 } .markdown:not(code) pre code:before, .markdown:not(code) pre code:after, .markdown:not(code) pre tt:before, .markdown:not(code) pre tt:after { content: normal } .markdown:not(code) kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb } .markdown:not(code) input[type="checkbox"] { vertical-align: middle !important } .markdown:not(code) .csv-data td, .markdown:not(code) .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap } .markdown:not(code) .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0 } .markdown:not(code) .csv-data tr { border-top: 0 } .markdown:not(code) .csv-data th { font-weight: bold; background: #f8f8f8; border-top: 0 } .home { padding-bottom: 80px } .home .logo { margin-bottom: 20px } .home .hero h1 { font-size: 4.5em } .home .hero h2 { margin-top: 0; font-size: 2em } .prompt.box { border-radius: 10px !important; padding: 50px; margin-top: 30px !important } .signup { padding-top: 15px; padding-bottom: 80px } .home-main p { font-size: 16px; color: #586069 } .home-main .ui.icon.header { font-weight: 400 } .home-main.bg { background: url("https://cdn.jsdelivr.net/npm/gitote@1.0.7/img/signup_prompt.png"), #f3f3f3; background-position: top center, 0 0; background-size: 100% auto } .home-main .align { margin-top: 1em } .home-main .desc { padding-right: 8em; padding-left: 8em; font-family: monospace !important; font-size: 1.2em } .home-main.btn.home { margin-top: 50px; margin-left: 8px; margin-right: 8px } .home-main.btn.register { background: #00cf6a !important; border-radius: 2em !important; height: 2.5em; text-transform: uppercase; font-size: 12px; letter-spacing: .03em } .home-main.btn.register:hover { color: #f5f5f5 !important } .home-main.btn.signin { text-transform: uppercase; font-size: 12px; letter-spacing: .03em } .home-main.prompt { background-image: url("https://cdn.jsdelivr.net/npm/gitote@1.0.1/img/pattern.svg"); background-position: center 30%; background-size: 25% auto; background-color: #f3f3f3; padding-top: 25px; padding-bottom: 12px } .home-main.padding { padding-top: 4em; padding-bottom: 4em } .home-main.getstarted { background: #24292e !important } .home-main.getstarted h1 { color: #fff; font-weight: 400; padding-top: 1em; padding-bottom: 1em } .home-main.auth { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #fff), linear-gradient(70deg, #eaf5ff 32%, #f6fff8) } .home-head { padding-top: 6.9em !important; padding-bottom: 6.9em !important } @media (max-width:1020px) { .home-main.bg { background: url("https://cdn.jsdelivr.net/npm/gitote@1.0.1/img/pattern.svg"), #f3f3f3 } .home-main .desc, .home-main.prompt { display: none !important } } .install { padding-top: 45px; padding-bottom: 80px } .install form label { text-align: right; width: 320px } .install form input { width: 300px !important } .install form .field { text-align: left } .install form .field .help { margin-left: 335px } .install form .field.optional .title { margin-left: 320px } .install .ui.checkbox { margin-left: 335px } .install .ui.checkbox label { width: auto !important } .install .inline.checkbox { margin-top: -1em; margin-bottom: 2em } .form .help { color: #999; padding-top: .6em; padding-bottom: .6em; display: inline-block; word-break: break-word } .ui.attached.header { background: #f0f0f0 } .ui.attached.header .right { margin-top: -5px } .ui.attached.header .right .button { padding: 8px 10px; font-weight: normal } #create-page-form form { margin: auto; width: 800px !important } #create-page-form form .ui.message { text-align: center } #create-page-form form .header { padding-left: 280px } #create-page-form form .inline.field>label { text-align: right; width: 250px; word-wrap: break-word } #create-page-form form .help { margin-left: 265px } #create-page-form form .optional .title { margin-left: 250px } #create-page-form form input, #create-page-form form textarea { width: 50% !important } .user.activate form, .user.forgot.password form, .user.reset.password form, .user.signin form, .user.signup form { margin: auto; width: 800px !important } .user.activate form .ui.message, .user.forgot.password form .ui.message, .user.reset.password form .ui.message, .user.signin form .ui.message, .user.signup form .ui.message { text-align: center } .user.activate form .header, .user.forgot.password form .header, .user.reset.password form .header, .user.signin form .header, .user.signup form .header { padding-left: 280px } .user.activate form .inline.field>label, .user.forgot.password form .inline.field>label, .user.reset.password form .inline.field>label, .user.signin form .inline.field>label, .user.signup form .inline.field>label { text-align: right; width: 250px; word-wrap: break-word } .user.activate form .help, .user.forgot.password form .help, .user.reset.password form .help, .user.signin form .help, .user.signup form .help { margin-left: 265px } .user.activate form .optional .title, .user.forgot.password form .optional .title, .user.reset.password form .optional .title, .user.signin form .optional .title, .user.signup form .optional .title { margin-left: 250px } .user.activate form input, .user.forgot.password form input, .user.reset.password form input, .user.signin form input, .user.signup form input, .user.activate form textarea, .user.forgot.password form textarea, .user.reset.password form textarea, .user.signin form textarea, .user.signup form textarea { width: 50% !important } .user.activate form, .user.forgot.password form, .user.reset.password form, .user.signin form, .user.signup form { width: 700px !important } .user.activate form .header, .user.forgot.password form .header, .user.reset.password form .header, .user.signin form .header, .user.signup form .header { padding-left: 230px } .user.activate form .inline.field>label, .user.forgot.password form .inline.field>label, .user.reset.password form .inline.field>label, .user.signin form .inline.field>label, .user.signup form .inline.field>label { width: 200px } .user.signin.two-factor form { width: 300px !important } .user.signin.two-factor form .header { padding-left: inherit !important } .repository.new.repo form, .repository.new.migrate form, .repository.new.fork form { margin: auto; width: 800px !important } .repository.new.repo form .ui.message, .repository.new.migrate form .ui.message, .repository.new.fork form .ui.message { text-align: center } .repository.new.repo form .header, .repository.new.migrate form .header, .repository.new.fork form .header { padding-left: 280px } .repository.new.repo form .inline.field>label, .repository.new.migrate form .inline.field>label, .repository.new.fork form .inline.field>label { text-align: right; width: 250px; word-wrap: break-word } .repository.new.repo form .help, .repository.new.migrate form .help, .repository.new.fork form .help { margin-left: 265px } .repository.new.repo form .optional .title, .repository.new.migrate form .optional .title, .repository.new.fork form .optional .title { margin-left: 250px } .repository.new.repo form input, .repository.new.migrate form input, .repository.new.fork form input, .repository.new.repo form textarea, .repository.new.migrate form textarea, .repository.new.fork form textarea { width: 50% !important } .repository.new.repo form .dropdown .dropdown.icon, .repository.new.migrate form .dropdown .dropdown.icon, .repository.new.fork form .dropdown .dropdown.icon { margin-top: -7px !important } .repository.new.repo form .dropdown .text, .repository.new.migrate form .dropdown .text, .repository.new.fork form .dropdown .text { margin-right: 0 !important } .repository.new.repo form .dropdown .text i, .repository.new.migrate form .dropdown .text i, .repository.new.fork form .dropdown .text i { margin-right: 0 !important } .repository.new.repo .ui.form .selection.dropdown:not(.owner) { width: 50% !important } .repository.new.repo .ui.form #auto-init { margin-left: 265px } .new.webhook form .help { margin-left: 25px } .new.webhook .events.fields .column { padding-left: 40px } @media (max-width:1020px) { .user.signin form .header, .user.signup form .header { padding-left: 1em !important } .repo-form { margin: 0 !important } } .repository { padding-top: 15px; padding-bottom: 80px } .repository .head .column { padding-top: 5px !important; padding-bottom: 5px !important } .repository .head .ui.compact.menu { margin-left: 1rem } .repository .head .ui.header { margin-top: 0 } .repository .head .mega-octicon { width: 30px; font-size: 30px } .repository .head .ui.huge.breadcrumb { font-weight: 400; font-size: 1.7rem } .repository .head .fork-flag { margin-left: 50px; display: block; font-size: 11px; white-space: nowrap } .repository .head .octicon.octicon-repo-forked { margin-top: -1px; font-size: 15px } .repository .navbar .ui.label { margin-left: 7px; padding: 3px 5px } .repository .owner.dropdown { min-width: 40% !important } .repository .metas .menu { max-height: 300px; overflow-x: auto } .repository .metas .ui.list .hide { display: none !important } .repository .metas .ui.list .item { padding: 0 } .repository .metas .ui.list .label.color { padding: 0 8px; margin-right: 5px } .repository .metas .ui.list a { margin: 2px 0 } .repository .metas .ui.list a .text { color: #444 } .repository .metas .ui.list a .text:hover { color: #000 } .repository .header-wrapper { background-color: #fafafa; margin-top: -15px; padding-top: 15px } .repository .header-wrapper .ui.tabs.divider { border-bottom: none } .repository .header-wrapper .ui.tabular .octicon { margin-right: 5px } .repository .filter.menu .label.color { border-radius: 3px; margin-left: 15px; padding: 0 8px } .repository .filter.menu .octicon { float: left; margin-left: -5px; margin-right: -7px; width: 16px } .repository .filter.menu .menu { max-height: 300px; overflow-x: auto; right: 0 !important; left: auto !important } .repository .filter.menu .dropdown.item { margin: 1px; padding-right: 0 } .repository .ui.tabs.container { margin-top: 14px; margin-bottom: 0 } .repository .ui.tabs.container .ui.menu { border-bottom: none } .repository .ui.tabs.divider { margin-top: 0; margin-bottom: 20px } .repository #clone-panel { margin-top: -8px; margin-left: 5px; width: 360px } .repository #clone-panel input { border-radius: 0; padding: 5px 10px } .repository #clone-panel .clone.button { font-size: 13px; padding: 0 5px } .repository #clone-panel .clone.button:first-child { border-radius: .28571429rem 0 0 .28571429rem } .repository #clone-panel .icon.button { padding: 0 10px } .repository #clone-panel .dropdown .menu { right: 0 !important; left: auto !important } .repository.branches:not(.settings) .ui.list { padding: 0 } .repository.branches:not(.settings) .ui.list>.item { margin: 0; line-height: 31px } .repository.branches:not(.settings) .ui.list>.item:not(:last-child) { border-bottom: 1px solid #ddd } .repository.branches:not(.settings) .ui.list>.item .column { padding: 5px 15px } .repository.branches:not(.settings) .ui.list>.item .column .octicon { vertical-align: text-bottom } .repository.branches:not(.settings) .ui.list>.item .column code { padding: 4px 0; font-size: 12px } .repository.branches:not(.settings) .ui.list>.item .column .ui.text:not(i) { font-size: 12px } .repository.branches:not(.settings) .ui.list>.item .column .ui.button { font-size: 12px; padding: 8px 10px } .repository.file.list #repo-desc { font-size: 1.2em } .repository.file.list .choose.reference .header .icon { font-size: 1.4em } .repository.file.list #file-buttons { font-weight: normal } .repository.file.list #file-buttons .ui.button { padding: 8px 10px; font-weight: normal } .repository.file.list #git-stats { padding: 10px; line-height: 0 } .repository.file.list #git-stats .list { width: 100% } .repository.file.list #git-stats .list .item { margin-left: 0; width: 33.33% } .repository.file.list #git-stats .list .item .text b { font-size: 15px } .repository.file.list #repo-files-table thead th { padding-top: 8px; padding-bottom: 5px; font-weight: normal } .repository.file.list #repo-files-table thead th:first-child { display: block; position: relative; width: 325% } .repository.file.list #repo-files-table thead .ui.avatar { margin-bottom: 5px } .repository.file.list #repo-files-table tbody .octicon { margin-left: 3px; margin-right: 5px; color: #777 } .repository.file.list #repo-files-table tbody .octicon.octicon-mail-reply { margin-right: 10px } .repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule { color: #1e70bf } .repository.file.list #repo-files-table td { padding-top: 9px; padding-bottom: 9px } .repository.file.list #repo-files-table tr:hover { background-color: #ffe } .repository.file.list #file-content .header .octicon { padding-right: 5px } .repository.file.list #file-content .header .icon { font-size: 1em; margin-top: -2px } .repository.file.list #file-content .header .file-actions { padding-left: 20px } .repository.file.list #file-content .header .file-actions .btn-octicon { display: inline-block; padding: 5px; margin-left: 5px; line-height: 1; color: #767676; vertical-align: middle; background: transparent; border: 0; outline: none } .repository.file.list #file-content .header .file-actions .btn-octicon:hover { color: #4078c0 } .repository.file.list #file-content .header .file-actions .btn-octicon-danger:hover { color: #bd2c00 } .repository.file.list #file-content .header .file-actions .btn-octicon.disabled { color: #bbb; cursor: default } .repository.file.list #file-content .header .file-actions #delete-file-form { display: inline-block } .repository.file.list #file-content .view-raw { padding: 5px } .repository.file.list #file-content .view-raw * { max-width: 100% } .repository.file.list #file-content .view-raw img { margin-bottom: -5px } .repository.file.list #file-content #ipython-notebook { margin-left: 95px; padding-top: 1px } .repository.file.list #file-content #ipython-notebook .nb-notebook { line-height: 1.5 } .repository.file.list #file-content #ipython-notebook .nb-stdout, .repository.file.list #file-content #ipython-notebook .nb-stderr { white-space: pre-wrap; margin: 1em 0; padding: .1em .5em } .repository.file.list #file-content #ipython-notebook .nb-stderr { background-color: #faa } .repository.file.list #file-content #ipython-notebook .nb-cell+.nb-cell { margin-top: .5em } .repository.file.list #file-content #ipython-notebook .nb-cell { position: relative } .repository.file.list #file-content #ipython-notebook .nb-cell.nb-heading-cell { margin-top: .5em } .repository.file.list #file-content #ipython-notebook .nb-cell img { max-width: 100% } .repository.file.list #file-content #ipython-notebook .nb-raw-cell { white-space: pre-wrap; background-color: #f5f2f0; font-family: Consolas, Monaco, 'Andale Mono', monospace; padding: 1em; margin: .5em 0 } .repository.file.list #file-content #ipython-notebook .nb-input:before, .repository.file.list #file-content #ipython-notebook .nb-output:before { position: absolute; font-family: monospace; color: #999; left: -7.5em; width: 7em; text-align: right } .repository.file.list #file-content #ipython-notebook .nb-input:before { content: "In [" attr(data-prompt-number) "]:" } .repository.file.list #file-content #ipython-notebook .nb-input pre { background-color: #f7f7f7; margin-right: 10px; padding: 5px 10px } .repository.file.list #file-content #ipython-notebook .nb-input pre code { min-height: 18px; line-height: 18px; font-size: 14px } .repository.file.list #file-content #ipython-notebook .nb-output:before { content: "Out [" attr(data-prompt-number) "]:" } .repository.file.list #file-content #ipython-notebook .nb-output pre { padding: 5px 10px; font-size: 14px } .repository.file.list #file-content #ipython-notebook .nb-output img { max-width: 100% } .repository.file.list #file-content #ipython-notebook .nb-output table { border: 1px solid #000; border-collapse: collapse } .repository.file.list #file-content #ipython-notebook .nb-output th { font-weight: bold } .repository.file.list #file-content #ipython-notebook .nb-output th, .repository.file.list #file-content #ipython-notebook .nb-output td { border: 1px solid #000; padding: .25em; text-align: left; vertical-align: middle; border-collapse: collapse } .repository.file.list #file-content #ipython-notebook .nb-markdown-cell { margin-top: 10px; margin-right: 10px; padding: 10px } .repository.file.list #file-content #ipython-notebook div[style="max-height:1000px;max-width:1500px;overflow:auto;"] { max-height: none !important } .repository.file.list #file-content .plain-text { font-size: 14px; padding: 15px 15px 10px 15px; font-family: Consolas } .repository.file.list #file-content .code-view * { font-size: 12px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; line-height: 20px } .repository.file.list #file-content .code-view table { width: 100% } .repository.file.list #file-content .code-view table tbody tr { padding: 0 !important } .repository.file.list #file-content .code-view .lines-num { vertical-align: top; text-align: right; color: #999; background: #f5f5f5; width: 42px } .repository.file.list #file-content .code-view .lines-num span { line-height: 20px; padding: 0 10px; cursor: pointer; display: block } .repository.file.list #file-content .code-view .lines-num, .repository.file.list #file-content .code-view .lines-code { display: table-cell !important; padding: 0 !important; padding-left: 5px !important } .repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-num .hljs, .repository.file.list #file-content .code-view .lines-code .hljs { background-color: #fff; margin: 0; padding: 0 !important } .repository.file.list #file-content .code-view .lines-num pre li, .repository.file.list #file-content .code-view .lines-code pre li, .repository.file.list #file-content .code-view .lines-num ol li, .repository.file.list #file-content .code-view .lines-code ol li, .repository.file.list #file-content .code-view .lines-num .hljs li, .repository.file.list #file-content .code-view .lines-code .hljs li { display: inline-block; width: 100% } .repository.file.list #file-content .code-view .lines-num pre li.active, .repository.file.list #file-content .code-view .lines-code pre li.active, .repository.file.list #file-content .code-view .lines-num ol li.active, .repository.file.list #file-content .code-view .lines-code ol li.active, .repository.file.list #file-content .code-view .lines-num .hljs li.active, .repository.file.list #file-content .code-view .lines-code .hljs li.active { background: #ffd } .repository.file.list #file-content .code-view .lines-num pre li:before, .repository.file.list #file-content .code-view .lines-code pre li:before, .repository.file.list #file-content .code-view .lines-num ol li:before, .repository.file.list #file-content .code-view .lines-code ol li:before, .repository.file.list #file-content .code-view .lines-num .hljs li:before, .repository.file.list #file-content .code-view .lines-code .hljs li:before { content: ' ' } .repository.file.list .sidebar { padding-left: 0 } .repository.file.list .sidebar .octicon { width: 16px } .repository.file.editor .treepath { width: 100% } .repository.file.editor .treepath input { vertical-align: middle; box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 2px inset; width: inherit; padding: 7px 8px; margin-right: 5px } .repository.file.editor .tabular.menu .octicon { margin-right: 5px } .repository.file.editor .commit-form-wrapper { padding-left: 64px } .repository.file.editor .commit-form-wrapper .commit-avatar { float: left; margin-left: -64px; width: 3em; height: auto } .repository.file.editor .commit-form-wrapper .commit-form { position: relative; padding: 15px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 3px } .repository.file.editor .commit-form-wrapper .commit-form:before, .repository.file.editor .commit-form-wrapper .commit-form:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .repository.file.editor .commit-form-wrapper .commit-form:before { border-right-color: #d4d4d5; border-width: 9px; margin-top: -9px } .repository.file.editor .commit-form-wrapper .commit-form:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px } .repository.file.editor .commit-form-wrapper .commit-form:after { border-right-color: #fff } .repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .branch-name { display: inline-block; padding: 3px 6px; font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; color: rgba(0, 0, 0, 0.65); background-color: rgba(209, 227, 237, 0.45); border-radius: 3px } .repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .new-branch-name-input { position: relative; margin-left: 25px } .repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .new-branch-name-input input { width: 240px !important; padding-left: 26px !important } .repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .octicon-git-branch { position: absolute; top: 9px; left: 10px; color: #b0c4ce } .repository.options #interval { width: 100px !important; min-width: 100px } .repository.options .danger .item { padding: 20px 15px } .repository.options .danger .ui.divider { margin: 0 } .repository.new.issue .comment.form .comment .avatar { width: 3em } .repository.new.issue .comment.form .content { margin-left: 4em } .repository.new.issue .comment.form .content:before, .repository.new.issue .comment.form .content:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .repository.new.issue .comment.form .content:before { border-right-color: #d4d4d5; border-width: 9px; margin-top: -9px } .repository.new.issue .comment.form .content:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px } .repository.new.issue .comment.form .content:after { border-right-color: #fff } .repository.new.issue .comment.form .content .markdown { font-size: 14px } .repository.new.issue .comment.form .metas { min-width: 220px } .repository.new.issue .comment.form .metas .filter.menu { max-height: 300px; overflow-x: auto } .repository.view.issue .title { padding-bottom: 0 !important } .repository.view.issue .title h1 { font-weight: 300; font-size: 2.3rem; margin-bottom: 5px } .repository.view.issue .title h1 .ui.input { font-size: .5em; vertical-align: top; width: 50%; min-width: 600px } .repository.view.issue .title h1 .ui.input input { font-size: 1.5em; padding: 6px 10px } .repository.view.issue .title .index { font-weight: 300; color: #aaa; letter-spacing: -1px } .repository.view.issue .title .label { margin-right: 10px } .repository.view.issue .title .edit-zone { margin-top: 10px } .repository.view.issue .pull-desc code { color: #0166e6 } .repository.view.issue .pull.tabular.menu { margin-bottom: 10px } .repository.view.issue .pull.tabular.menu .octicon { margin-right: 5px } .repository.view.issue .pull.tab.segment { border: none; padding: 0; padding-top: 10px; box-shadow: none; background-color: inherit } .repository.view.issue .pull .merge.box .avatar { margin-left: 10px; margin-top: 10px } .repository.view.issue .pull .merge.box #commit_description { height: auto } .repository.view.issue .comment-list:before { display: block; content: ""; position: absolute; margin-top: 12px; margin-bottom: 14px; top: 0; bottom: 0; left: 96px; width: 2px; background-color: #f3f3f3; z-index: -1 } .repository.view.issue .comment-list .comment .avatar { width: 3em } .repository.view.issue .comment-list .comment .tag { color: #767676; margin-top: 3px; padding: 2px 5px; font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px } .repository.view.issue .comment-list .comment .actions .item { float: left } .repository.view.issue .comment-list .comment .actions .item.tag { margin-right: 5px } .repository.view.issue .comment-list .comment .actions .item.action { margin-top: 6px; margin-left: 10px } .repository.view.issue .comment-list .comment .content { margin-left: 4em } .repository.view.issue .comment-list .comment .content .header { font-weight: normal; padding: auto 15px; position: relative; color: #767676; background-color: #f7f7f7; border-bottom: 1px solid #eee; border-top-left-radius: 3px; border-top-right-radius: 3px } .repository.view.issue .comment-list .comment .content .header:before, .repository.view.issue .comment-list .comment .content .header:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .repository.view.issue .comment-list .comment .content .header:before { border-right-color: #d4d4d5; border-width: 9px; margin-top: -9px } .repository.view.issue .comment-list .comment .content .header:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px } .repository.view.issue .comment-list .comment .content .header .text { max-width: 78%; padding-top: 10px; padding-bottom: 10px } .repository.view.issue .comment-list .comment .content .markdown { font-size: 14px } .repository.view.issue .comment-list .comment .content .no-content { color: #767676; font-style: italic } .repository.view.issue .comment-list .comment .content>.bottom.segment { background: #f3f4f5 } .repository.view.issue .comment-list .comment .content>.bottom.segment .ui.images::after { clear: both; content: ' '; display: block } .repository.view.issue .comment-list .comment .content>.bottom.segment a { display: block; float: left; margin: 5px; padding: 5px; height: 150px; border: solid 1px #eee; border-radius: 3px; max-width: 150px; background-color: #fff } .repository.view.issue .comment-list .comment .content>.bottom.segment a:before { content: ' '; display: inline-block; height: 100%; vertical-align: middle } .repository.view.issue .comment-list .comment .content>.bottom.segment .ui.image { max-height: 100%; width: auto; margin: 0; vertical-align: middle } .repository.view.issue .comment-list .comment .content>.bottom.segment span.ui.image { font-size: 8vw; color: #000 } .repository.view.issue .comment-list .comment .content>.bottom.segment span.ui.image:hover { color: #000 } .repository.view.issue .comment-list .comment .ui.form .field:first-child { clear: none } .repository.view.issue .comment-list .comment .ui.form .tab.segment { border: none; padding: 0; padding-top: 10px } .repository.view.issue .comment-list .comment .ui.form textarea { height: 200px; font-family: "Consolas", monospace } .repository.view.issue .comment-list .comment .edit.buttons { margin-top: 10px } .repository.view.issue .comment-list .event { position: relative; margin: 15px 0 15px 79px; padding-left: 25px } .repository.view.issue .comment-list .event .octicon { width: 30px; float: left; text-align: center } .repository.view.issue .comment-list .event .octicon.octicon-circle-slash { margin-top: 5px; margin-left: -34.5px; font-size: 20px; background: #fff; color: #bd2c00 } .repository.view.issue .comment-list .event .octicon.octicon-primitive-dot { margin-left: -30.5px; margin-right: -1px; margin-top: -5px; font-size: 38px; color: #6cc644 } .repository.view.issue .comment-list .event .octicon.octicon-bookmark { margin-top: 3px; margin-left: -31px; margin-right: -1px; font-size: 25px } .repository.view.issue .comment-list .event .detail { font-size: .9rem; margin-top: 5px; margin-left: 35px } .repository.view.issue .comment-list .event .detail .octicon.octicon-git-commit { margin-top: 2px } .repository.view.issue .ui.segment.metas { margin-top: -3px } .repository.view.issue .ui.participants img { margin-top: 5px; margin-right: 5px } .repository .comment.form .ui.comments { margin-top: -12px; max-width: 100% } .repository .comment.form .content .field:first-child { clear: none } .repository .comment.form .content .form:before, .repository .comment.form .content .form:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .repository .comment.form .content .form:before { border-right-color: #d4d4d5; border-width: 9px; margin-top: -9px } .repository .comment.form .content .form:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px } .repository .comment.form .content .form:after { border-right-color: #fff } .repository .comment.form .content .tab.segment { border: none; padding: 0; padding-top: 10px } .repository .comment.form .content textarea { height: 200px; font-family: "Consolas", monospace } .repository .label.list { list-style: none; padding-top: 15px } .repository .label.list>.item { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #aaa } .repository .label.list>.item a { font-size: 15px; padding-top: 5px; padding-right: 10px; color: #666 } .repository .label.list>.item a:hover { color: #000 } .repository .label.list>.item a.open-issues { margin-right: 30px } .repository .label.list>.item .ui.label { font-size: 1em } .repository .milestone.list { list-style: none; padding-top: 15px } .repository .milestone.list>.item { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #aaa } .repository .milestone.list>.item>a { padding-top: 5px; padding-right: 10px; color: #000 } .repository .milestone.list>.item>a:hover { color: #4078c0 } .repository .milestone.list>.item .ui.progress { width: 40%; padding: 0; border: 0; margin: 0 } .repository .milestone.list>.item .ui.progress .bar { height: 13px } .repository .milestone.list>.item .meta { color: #999; padding-top: 5px } .repository .milestone.list>.item .meta .issue-stats .octicon { padding-left: 5px } .repository .milestone.list>.item .meta .overdue { color: #f00 } .repository .milestone.list>.item .operate { margin-top: -15px } .repository .milestone.list>.item .operate>a { font-size: 15px; padding-top: 5px; padding-right: 10px; color: #666 } .repository .milestone.list>.item .operate>a:hover { color: #000 } .repository .milestone.list>.item .content { padding-top: 10px } .repository.new.milestone textarea { height: 200px } .repository.new.milestone #deadline { width: 150px } .repository.compare.pull .choose.branch .octicon { padding-right: 10px } .repository.compare.pull .comment.form .content:before, .repository.compare.pull .comment.form .content:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .repository.compare.pull .comment.form .content:before { border-right-color: #d4d4d5; border-width: 9px; margin-top: -9px } .repository.compare.pull .comment.form .content:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px } .repository.compare.pull .comment.form .content:after { border-right-color: #fff } .repository .filter.dropdown .menu { margin-top: 1px !important } .repository.commits .header .ui.right .search input { font-weight: normal; padding: 5px 10px } .repository #commits-table thead th:first-of-type { padding-left: 15px } .repository #commits-table thead .sha { font-size: 13px; padding: 4px 40px 4px 35px } .repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, 0.02) !important } .repository .diff-detail-box { margin: 15px 0; line-height: 30px } .repository .diff-detail-box ol { clear: both; padding-left: 0; margin-top: 5px; margin-bottom: 28px } .repository .diff-detail-box ol li { list-style: none; padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dashed #ddd; padding-left: 6px } .repository .diff-detail-box span.status { display: inline-block; width: 12px; height: 12px; margin-right: 8px; vertical-align: middle } .repository .diff-detail-box span.status.modify { background-color: #f0db88 } .repository .diff-detail-box span.status.add { background-color: #b4e2b4 } .repository .diff-detail-box span.status.del { background-color: #e9aeae } .repository .diff-detail-box span.status.rename { background-color: #dad8ff } .repository .diff-box .count { margin-right: 12px; font-size: 13px } .repository .diff-box .count .bar { background-color: #bd2c00; height: 12px; width: 40px; display: inline-block; margin: 2px 4px 0 4px; vertical-align: text-top } .repository .diff-box .count .bar .add { background-color: #55a532; height: 12px } .repository .diff-box .file { color: #888 } .repository .diff-file-box .header { background-color: #f7f7f7 } .repository .diff-file-box .file-body.file-code .lines-num { text-align: right; color: #a7a7a7; background: #fafafa; width: 1% } .repository .diff-file-box .file-body.file-code .lines-num span.fold { display: block; text-align: center } .repository .diff-file-box .file-body.file-code .lines-num-old { border-right: 1px solid #ddd } .repository .diff-file-box .code-diff { font-size: 12px } .repository .diff-file-box .code-diff td { padding: 0; padding-left: 10px; border-top: none } .repository .diff-file-box .code-diff pre { margin: 0 } .repository .diff-file-box .code-diff .lines-num { border-right: 1px solid #d4d4d5; padding: 0 5px; user-select: none } .repository .diff-file-box .code-diff .lines-num::before { content: attr(data-line-number) } .repository .diff-file-box .code-diff .lines-num.lines-num-old, .repository .diff-file-box .code-diff .lines-num.lines-num-new { cursor: pointer } .repository .diff-file-box .code-diff .lines-num.lines-num-old:hover, .repository .diff-file-box .code-diff .lines-num.lines-num-new:hover { color: #383636 } .repository .diff-file-box .code-diff tbody tr.tag-code td { background-color: #f0f0f0 !important; border-color: #d2cece !important; padding-top: 4px; padding-bottom: 4px } .repository .diff-file-box .code-diff tbody tr.tag-code td.halfwidth { width: 50% } .repository .diff-file-box .code-diff tbody tr.same-code td.active { background-color: #ffd !important } .repository .diff-file-box .code-diff tbody tr.del-code td.add-code { background-color: #eaffea !important; border-color: #c1e9c1 !important } .repository .diff-file-box .code-diff tbody tr.del-code td.add-code pre { background-color: #eaffea !important; border-color: #c1e9c1 !important } .repository .diff-file-box .code-diff tbody tr.del-code td { background-color: #ffecec !important; border-color: #f1c0c0 !important } .repository .diff-file-box .code-diff tbody tr.del-code td.active { background-color: #ffd !important } .repository .diff-file-box .code-diff tbody tr.del-code td.halfwidth { width: 50% } .repository .diff-file-box .code-diff tbody tr.add-code td { background-color: #eaffea !important; border-color: #c1e9c1 !important } .repository .diff-file-box .code-diff tbody tr.add-code td.halfwidth { width: 50% } .repository .diff-file-box .code-diff tbody tr.add-code td.active { background-color: #ffd !important } .repository .diff-file-box .code-diff tbody tr .removed-code { background-color: #f99 } .repository .diff-file-box .code-diff tbody tr .added-code { background-color: #9f9 } .repository .diff-file-box.file-content img { max-width: 100%; padding: 5px 5px 0 5px } .repository .code-view { overflow: auto; overflow-x: auto; overflow-y: hidden } .repository .code-view table { width: 100%; border-spacing: 0 } .repository.quickstart .guide .item { padding: 1em } .repository.quickstart .guide .item small { font-weight: normal } .repository.quickstart .guide .clone.button:first-child { border-radius: .28571429rem 0 0 .28571429rem } .repository.quickstart .guide .ui.action.small.input { width: 100% } .repository.quickstart .guide #repo-clone-url { border-radius: 0; padding: 5px 10px; font-size: 1.2em } .repository.quickstart .guide #repo-clone-url:focus { border-radius: 0; padding: 5px 10px; font-size: 1.2em } .repository.release #release-list { border-top: 1px solid #ddd; margin-top: 20px; padding-top: 15px } .repository.release #release-list>li { list-style: none } .repository.release #release-list>li .meta, .repository.release #release-list>li .detail { padding-top: 30px; padding-bottom: 40px } .repository.release #release-list>li .meta { text-align: right; position: relative } .repository.release #release-list>li .meta .tag:not(.icon) { display: block; margin-top: 6px } .repository.release #release-list>li .meta .commit { display: block; margin-top: 6px } .repository.release #release-list>li .detail { border-left: 1px solid #ddd } .repository.release #release-list>li .detail .author img { margin-bottom: -3px } .repository.release #release-list>li .detail .download { margin-top: 20px } .repository.release #release-list>li .detail .download>a .octicon { margin-left: 5px; margin-right: 5px } .repository.release #release-list>li .detail .download .list { padding-left: 0; border-top: 1px solid #eee } .repository.release #release-list>li .detail .download .list li { list-style: none; display: block; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee } .repository.release #release-list>li .detail .dot { width: 9px; height: 9px; background-color: #ccc; z-index: 999; position: absolute; display: block; left: -5px; top: 40px; border-radius: 6px; border: 1px solid #fff } .repository.new.release .target { min-width: 500px } .repository.new.release .target #tag-name { margin-top: -4px } .repository.new.release .target .at { margin-left: -5px; margin-right: 5px } .repository.new.release .target .dropdown.icon { margin: 0; padding-top: 3px } .repository.new.release .target .selection.dropdown { padding-top: 10px; padding-bottom: 10px } .repository.new.release .prerelease.field { margin-bottom: 0 } .repository.forks .list { margin-top: 0 } .repository.forks .list .item { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd } .repository.forks .list .item .ui.avatar { float: left; margin-right: 5px } .repository.forks .list .item .link { padding-top: 5px } .repository.wiki.start .ui.segment { padding-top: 70px; padding-bottom: 100px } .repository.wiki.start .ui.segment .mega-octicon { font-size: 48px } .repository.wiki.new .CodeMirror .CodeMirror-code { font-family: "Consolas", monospace } .repository.wiki.new .CodeMirror .CodeMirror-code .cm-comment { background: inherit } .repository.wiki.new .editor-preview { background-color: #fff } .repository.wiki.view .choose.page { margin-top: -5px } .repository.wiki.view .ui.sub.header { text-transform: none } .repository.wiki.view .markdown { padding-left: 25px; margin-left: -25px } .repository.wiki.view .markdown h1:first-of-type, .repository.wiki.view .markdown h2:first-of-type, .repository.wiki.view .markdown h3:first-of-type, .repository.wiki.view .markdown h4:first-of-type, .repository.wiki.view .markdown h5:first-of-type, .repository.wiki.view .markdown h6:first-of-type { margin-top: 0 } .repository.wiki.timestamp { font-size: 12px !important; margin-top: 7px !important } .repository.settings.collaboration .collaborator.list { padding: 0 } .repository.settings.collaboration .collaborator.list>.item { margin: 0; line-height: 2em } .repository.settings.collaboration .collaborator.list>.item:not(:last-child) { border-bottom: 1px solid #ddd } .repository.settings.collaboration #repo-collab-form #search-user-box .results { left: 7px } .repository.settings.collaboration #repo-collab-form .ui.button { margin-left: 5px; margin-top: -3px } .repository.settings.settings.branches .protected-branches .selection.dropdown { width: 300px } .repository.settings.settings.branches .protected-branches .item { border: 1px solid #eaeaea; padding: 10px 15px } .repository.settings.settings.branches .protected-branches .item:not(:last-child) { border-bottom: 0 } .repository.settings.settings.branches .branch-protection .help { margin-left: 26px; padding-top: 0 } .repository.settings.settings.branches .branch-protection .fields { margin-left: 20px; display: block } .repository.settings.settings.branches .branch-protection .whitelist { margin-left: 26px } .repository.settings.settings.branches .branch-protection .whitelist .dropdown img { display: inline-block } .repository.settings.webhooks .types .menu .item { padding: 10px !important } .repository.settings.webhooks .logo.item img { margin-top: -4px } .repository.settings.webhook .text.desc { margin-top: 5px } .repository.settings.webhook .events .column { padding-bottom: 0 } .repository.settings.webhook .events .help { font-size: 13px; margin-left: 26px; padding-top: 0 } .repo.url { margin-left: 5px } .webhook .hook.history.list .right.menu .redelivery.button { font-size: 12px; margin-top: 6px; height: 30px } .webhook .hook.history.list .right.menu .redelivery.button .octicon { font: normal normal normal 13px/1 Octicons; width: 12px } .user-cards .list { padding: 0 } .user-cards .list .item { list-style: none; width: 32%; margin: 10px 10px 10px 0; padding-bottom: 14px; float: left } .user-cards .list .item .avatar { width: 48px; height: 48px; float: left; display: block; margin-right: 10px } .user-cards .list .item .name { margin-top: 0; margin-bottom: 0; font-weight: normal } .user-cards .list .item .meta { margin-top: 5px } #search-repo-box .results, #search-user-box .results { padding: 0; position: absolute } #search-repo-box .results .item, #search-user-box .results .item { padding: 10px 15px; border-bottom: 1px solid #ddd; cursor: pointer } #search-repo-box .results .item:hover, #search-user-box .results .item:hover { background: rgba(0, 0, 0, 0.05) !important; color: rgba(0, 0, 0, 0.95) !important } #search-repo-box .results .item img, #search-user-box .results .item img { margin-right: 8px } .issue.list { list-style: none; padding-top: 15px } .issue.list>.item { padding-top: 15px; padding-bottom: 10px; border-bottom: 1px dashed #aaa } .issue.list>.item .title { color: #444; font-size: 15px; font-weight: bold; margin: 0 6px } .issue.list>.item .title:hover { color: #000 } .issue.list>.item .comment { padding-right: 10px; color: #666 } .issue.list>.item .desc { padding-top: 5px; color: #999 } .issue.list>.item .desc a.milestone { padding-left: 5px; color: #999 !important } .issue.list>.item .desc a.milestone:hover { color: #000 !important } .issue.list>.item .desc .assignee { margin-top: -5px; margin-right: 5px } .issue-search { padding: 8px !important } .page.buttons { padding-top: 15px } .ui.form .dropzone { width: 100%; margin-bottom: 10px; border: 2px dashed #0087f7; box-shadow: none !important } .ui.form .dropzone .dz-error-message { top: 140px } .settings .content { margin-top: 2px } .settings .key.list .item:not(:first-child) { border-top: 1px solid #eaeaea } .settings .key.list .ssh-key-state-indicator { float: left; color: #808080; padding-left: 10px; padding-top: 10px } .settings .key.list .ssh-key-state-indicator.active { color: #6cc644 } .settings .key.list .meta { padding-top: 5px } .settings .key.list .print { color: #767676 } .settings .key.list .activity { color: #666 } .settings .hook.list>.item:not(:first-child) { border-top: 1px solid #eaeaea } .settings .hook.list .item { padding: 10px 20px } .settings .hook.list .item .octicon, .settings .hook.list .item .fa { width: 20px; text-align: center } .settings .hook.list .item a { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto } .settings .hook.history.list .item { padding-left: 13px } .settings .hook.history.list .item .meta .ui.right { margin-top: 5px } .settings .hook.history.list .item .meta .ui.right .time { font-size: 12px } .settings .hook.history.list .item .info { margin-top: 10px } .settings .hook.history.list .item .info .tabular.menu .item { font-weight: 500 } .settings .hook.history.list .item .info .tab.segment { border: none; padding: 0; padding-top: 10px; box-shadow: none } .settings .hook.history.list .item .info .tab.segment>* { color: #666 } .settings .hook.history.list .item .info .tab.segment pre { word-wrap: break-word } .settings .hook.history.list .item .info .tab.segment pre .hljs { padding: 0; background-color: inherit } .ui.vertical.menu .header.item { font-size: 1.1em; background: #f0f0f0 } .edit-label.modal .form .column, .new-label.segment .form .column { padding-right: 0 } .edit-label.modal .form .buttons, .new-label.segment .form .buttons { margin-left: auto; padding-top: 15px } .edit-label.modal .form .color.picker.column, .new-label.segment .form .color.picker.column { width: auto } .edit-label.modal .form .color.picker.column .color-picker, .new-label.segment .form .color.picker.column .color-picker { height: 35px; width: auto; padding-left: 30px } .edit-label.modal .form .minicolors-swatch.minicolors-sprite, .new-label.segment .form .minicolors-swatch.minicolors-sprite { top: 10px; left: 10px; width: 15px; height: 15px } .edit-label.modal .form .precolors, .new-label.segment .form .precolors { padding-left: 0; padding-right: 0; margin: 3px 10px auto 10px; width: 120px } .edit-label.modal .form .precolors .color, .new-label.segment .form .precolors .color { float: left; width: 15px; height: 15px } #avatar-arrow:before, #avatar-arrow:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } #avatar-arrow:before { border-right-color: #d4d4d5; border-width: 9px; margin-top: -9px } #avatar-arrow:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px } #transfer-repo-modal .ui.message, #delete-repo-modal .ui.message { width: 100% !important } .tab-size-1 { tab-size: 1 !important; -moz-tab-size: 1 !important } .tab-size-2 { tab-size: 2 !important; -moz-tab-size: 2 !important } .tab-size-3 { tab-size: 3 !important; -moz-tab-size: 3 !important } .tab-size-4 { tab-size: 4 !important; -moz-tab-size: 4 !important } .tab-size-5 { tab-size: 5 !important; -moz-tab-size: 5 !important } .tab-size-6 { tab-size: 6 !important; -moz-tab-size: 6 !important } .tab-size-7 { tab-size: 7 !important; -moz-tab-size: 7 !important } .tab-size-8 { tab-size: 8 !important; -moz-tab-size: 8 !important } .tab-size-9 { tab-size: 9 !important; -moz-tab-size: 9 !important } .tab-size-10 { tab-size: 10 !important; -moz-tab-size: 10 !important } .tab-size-11 { tab-size: 11 !important; -moz-tab-size: 11 !important } .tab-size-12 { tab-size: 12 !important; -moz-tab-size: 12 !important } .tab-size-13 { tab-size: 13 !important; -moz-tab-size: 13 !important } .tab-size-14 { tab-size: 14 !important; -moz-tab-size: 14 !important } .tab-size-15 { tab-size: 15 !important; -moz-tab-size: 15 !important } .tab-size-16 { tab-size: 16 !important; -moz-tab-size: 16 !important } .repo-table-font { font-size: 15px !important; line-height: 1.5 } .md-helper { display: inline-block; padding-top: 15px; margin-left: 10px; font-size: 12px; color: #586069; float: left } .md-helper:hover { color: #0366d6 } .view-source { border: 1px solid #2185d0; border-radius: 4px; padding: 5px 8px; margin-left: 3px } .view-source:hover { background: #2185d0 } .code-icon { color: #2185d0 } .code-icon:hover { color: #fff } @media (max-width:1020px) { [class*="vertically padded"].ui.grid, #release-list .ui.grid, #git-stats, .repository.new.repo .ui.form .selection.dropdown:not(.owner), .repository.new.repo form input, .repository.new.migrate form input, .repository.new.fork form input, .repository.new.repo form textarea, .repository.new.migrate form textarea, .repository.new.fork form textarea, .ui.grid>[class*="twelve wide"].column, .repository .ui.container .navbar .ui.compact.small.menu { width: 100% !important } .repository .ui.container .ui.secondary.menu { padding: 6px 6px 30px; position: relative; width: 100% } .repository.file.list #repo-files-table .grey.has-emoji, .repository.file.list #repo-files-table thead th, .repository.file.list #repo-files-table td.message.collapsing.has-emoji { display: none } .repository.file.list #repo-files-table thead th:first-child { width: 200% } .repository.file.list #repo-files-table tr { width: 100% } #commits-table tbody tr .message.collapsing span, #commits-table thead tr .nine.wide.message span.commits-message { display: none } #commits-table thead tr th.four.wide, #commits-table thead tr th.nine.wide.message, #commits-table thead tr th.three.wide { width: 33% } #file-buttons { display: none !important } .ui.menu .right.fitted.item { display: none } .repository .ui.container .navbar .ui.compact.small.menu .item { position: relative; width: 50%; text-align: center } .repository .ui.container .navbar .ui.right { margin-top: 5px; float: none } .repository .ui.container .navbar .ui.right .ui.green.button { margin: auto; display: table } .repository.new.repo form .inline.field>label, .repository.new.migrate form .inline.field>label, .repository.new.fork form .inline.field>label { text-align: left } .repository.new.repo form .header, .repository.new.migrate form .header, .repository.new.fork form .header { padding-left: 0 !important } .repository .header-wrapper .ui.tabular .octicon { margin: 0 auto !important } .repository .header-wrapper .ui.tabular .octicon.octicon-file-text { padding-left: 5px } #repo-desc { text-align: left } .repository.release #release-list>li .meta { text-align: left; padding-bottom: 0; border-left: 1px solid #ddd } .repository.release #release-list>li .detail { padding-top: 10px } .repository .ui.container .ui.secondary.menu.right.floated.menu { display: none } } .CodeMirror { font: 14px Consolas, "Liberation Mono", Menlo, Courier, monospace; line-height: 1.5; font-size: 13px } .CodeMirror.cm-s-default { border-radius: 3px; padding: 0 !important } .CodeMirror .cm-comment { background: inherit !important } .organization { padding-top: 15px; padding-bottom: 80px } .organization .head .ui.header .text { vertical-align: middle; font-size: 1.6rem; margin-left: 15px } .organization .head .ui.header .ui.right { margin-top: 5px } .organization.new.org form { margin: auto; width: 800px !important } .organization.new.org form .ui.message { text-align: center } .organization.new.org form .header { padding-left: 280px } .organization.new.org form .inline.field>label { text-align: right; width: 250px; word-wrap: break-word } .organization.new.org form .help { margin-left: 265px } .organization.new.org form .optional .title { margin-left: 250px } .organization.new.org form input, .organization.new.org form textarea { width: 50% !important } .organization.options input { min-width: 300px } .organization.profile #org-avatar { width: 100px; height: 100px; margin-right: 15px } .organization.profile #org-info .ui.header { font-size: 36px; margin-bottom: 0 } .organization.profile #org-info .desc { font-size: 15px; margin-bottom: 10px } .organization.profile #org-info .meta .item { display: inline-block; margin-right: 10px } .organization.profile #org-info .meta .item .icon { margin-right: 5px } .organization.profile .ui.top.header .ui.right { margin-top: 0 } .organization.profile .teams .item { padding: 10px 15px } .organization.teams .members .ui.avatar, .organization.profile .members .ui.avatar { width: 48px; height: 48px } .organization.invite #invite-box { margin: auto; margin-top: 50px; width: 500px !important } .organization.invite #invite-box #search-user-box input { margin-left: 0; width: 300px } .organization.invite #invite-box .ui.button { margin-left: 5px; margin-top: -3px } .organization.members .list .item { margin-left: 0; margin-right: 0; border-bottom: 1px solid #eee } .organization.members .list .item .ui.avatar { width: 48px; height: 48px } .organization.members .list .item .meta { line-height: 24px } .organization.teams .detail .item { padding: 10px 15px } .organization.teams .detail .item:not(:last-child) { border-bottom: 1px solid #eee } .organization.teams .repositories .item, .organization.teams .members .item { padding: 10px 20px; line-height: 32px } .organization.teams .repositories .item:not(:last-child), .organization.teams .members .item:not(:last-child) { border-bottom: 1px solid #ddd } .organization.teams .repositories .item .button, .organization.teams .members .item .button { padding: 9px 10px } .organization.teams #add-repo-form input, .organization.teams #add-member-form input { margin-left: 0 } .organization.teams #add-repo-form .ui.button, .organization.teams #add-member-form .ui.button { margin-left: 5px; margin-top: -3px } @media (max-width:1020px) { .ui.right .ui.secondary.head.menu .item[href^="/org/"] { display: none } .organization.new.org form .help { margin-left: 0 !important } .organization.new.org form .inline.field>label { text-align: left } .organization.new.org form .header { padding-left: 0 !important } } .user:not(.icon) { padding-top: 15px; padding-bottom: 80px } .user.settings .list .item.ui.grid { margin-top: 15px } .user.settings .email.list .item:not(:first-child) { border-top: 1px solid #eaeaea; height: 50px } .user.settings .email.list .item:not(:first-child) .button { margin-top: -10px } .user.settings .email.list .item .ui.primary.label { margin-top: -5px } .user.settings.sshkeys .right.floated.button, .user.settings.applications .right.floated.button { padding-top: 1rem; padding-bottom: 1rem } .user.settings.security .two-factor .toggle.button { margin-top: -5px } .user.settings.repositories .repos { padding: 0 } .user.settings.repositories .repos .item { padding: 15px; height: 46px } .user.settings.repositories .repos .item .button { margin-top: -5px } .user.settings.organizations .orgs.non-empty { padding: 0 } .user.settings.organizations .orgs .item { padding: 10px } .user.settings.organizations .orgs .item .button { margin-top: 5px; margin-right: 8px } .user.profile .ui.card .header { word-break: break-all } .user.profile .ui.card .username { background-color: #ffdb99; color: #300; display: inline-block; margin-top: 5px; padding: 3px; padding-left: 8px; padding-right: 8px; border-radius: 2em; font-size: 11px } .user.profile .ui.card .extra.content { padding: 0 } .user.profile .ui.card .extra.content ul { margin: 0; padding: 0 } .user.profile .ui.card .extra.content ul li { padding: 10px; list-style: none } .user.profile .ui.card .extra.content ul li:not(:last-child) { border-bottom: 1px solid #eaeaea; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-weight: bold } .user.profile .ui.card .extra.content ul li .octicon { margin-left: 1px; margin-right: 5px } .user.profile .ui.card .extra.content ul li.follow .ui.button { width: 100% } .user.profile .ui.repository.list { margin-top: 25px } .user.followers .header.name { font-size: 20px; line-height: 24px; vertical-align: middle } .user.followers .follow .ui.button { padding: 8px 15px } .user.description { margin-bottom: 5px; margin-top: 5px; overflow: hidden; font-size: 13px; color: #6a737d; font-family: monospace !important; font-weight: 100 !important } .verified { font-size: 16px; color: #328a46; margin-right: 3px } .verified.v-explore { font-size: 13px } .maker { font-size: 16px; color: #6435c9 } .maker.m-explore { font-size: 13px; margin-right: 3px } .isstaff { font-size: 16px; color: #f2711c } .isintern { font-size: 16px; color: #242424 } .developer { font-size: 16px; color: #00bcd4 } .gitotedeveloper { font-size: 16px; color: #21ba45 } .bughunter { font-size: 16px; color: #f00; margin-right: 2px } .bughunter.bh-explore { font-size: 13px; margin-right: 3px } .org-grid { display: inline-block; margin-bottom: 3px } .staff { padding: 3px 4px; font-size: 12px; font-family: sans-serif; color: #fff; text-transform: uppercase; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12); background-color: #0366d6 } .pro-truncate { overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 85%; margin-bottom: -6px } @media (max-width:1020px) { .ui.eleven.wide.column { width: 100% !important } .ui.container .ui.grid .ui.eleven.wide.column .text.right .ui.green.button { width: 100% } .mobile-card { border-radius: 0 !important; box-shadow: none; padding: 15px; font-family: monospace } .mobile-card.follow { margin-top: 15px; width: 100%; border-radius: 5px !important } .mobile-count { display: none !important } .mobile-name { font-size: 18px; font-weight: bold } .status { color: #949494; font-size: 12px; margin-top: 8px !important } } @media (min-width:1020px) { .mobile-card { display: none } } .dashboard { padding-top: 15px; padding-bottom: 80px } .dashboard.feeds .context.user.menu, .dashboard.issues .context.user.menu { z-index: 101; min-width: 200px } .dashboard.feeds .context.user.menu .ui.header, .dashboard.issues .context.user.menu .ui.header { font-size: 1rem; text-transform: none; text-align: left } .dashboard.feeds .filter.menu .item, .dashboard.issues .filter.menu .item { text-align: left } .dashboard.feeds .filter.menu .item .text, .dashboard.issues .filter.menu .item .text { height: 16px; vertical-align: middle } .dashboard.feeds .filter.menu .item .text.truncate, .dashboard.issues .filter.menu .item .text.truncate { width: 85% } .dashboard.feeds .filter.menu .item .floating.label, .dashboard.issues .filter.menu .item .floating.label { top: 7px; left: 90%; width: 15% } .dashboard.feeds .filter.menu .jump.item, .dashboard.issues .filter.menu .jump.item { margin: 1px; padding-right: 0 } .dashboard.feeds .filter.menu .menu, .dashboard.issues .filter.menu .menu { max-height: 300px; overflow-x: auto; right: 0 !important; left: auto !important } .dashboard.feeds .ui.right .head.menu, .dashboard.issues .ui.right .head.menu { margin-top: -5px } .dashboard.feeds .ui.right .head.menu .item.active, .dashboard.issues .ui.right .head.menu .item.active { color: #d9453d } .dashboard.sponsor { background: #fcf8e9 } .dashboard.sponsor center { padding: 15px } .dashboard.sponsor center div { background: #dee4ff; color: #0a0a0a; display: inline-block; padding: 2px 6px; font-weight: 500; margin-top: 10px } .dashboard.sponsor center div:hover { background: #e5e9ff } .dashboard.sponsor.divider { border-top: 2px solid #ececec; font-size: .84em; color: #666 } .dashboard.no-activity { margin-top: 25px !important } .dashboard.prompt { background-image: linear-gradient(226deg, rgba(255, 255, 255, 0) 0, #fff), linear-gradient(70deg, #eaf5ff 0, #f6fff8) } .bootcamp .alg { margin-bottom: 2em !important } .bootcamp .head { padding-top: 7px !important; padding-bottom: 7px !important } .bootcamp .box { background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #fffefd), linear-gradient(0deg, #fff8e2 0, #fff6db) !important } .bootcamp .box img { height: 5em; margin-bottom: -10px; margin-top: 10px } .bootcamp .box p { font-size: 12px } .bootcamp .box h2 { color: #b4b4b4 } .bootcamp .close { padding: 5px !important } .card-desc { line-height: 1.5; margin-bottom: 15px } .feeds .news>.ui.grid { margin-left: auto; margin-right: auto } .feeds .news .ui.avatar { margin-top: 13px } .feeds .news p { font-size: 16px } .feeds .news .time-since { font-size: 11px; font-weight: bold } .feeds .news .issue.title { line-height: 1.1em; width: 80% } .feeds .news .push.news .content ul { font-size: 13px; list-style: none; padding-left: 0 } .feeds .news .push.news .content ul img { margin-bottom: -2px } .feeds .news .push.news .content ul .text.truncate { width: 60%; margin-bottom: -5px; margin-left: 3px } .feeds .news .commits-card { background-color: #f9f9f9; border: 1px solid #d1d5da; border-radius: 3px; padding: 5px 16px } .feeds .news .commits-card .sha { font-family: Consolas, monospace; background: #fff2ce; padding: 1px 5px; font-size: 12px; border-radius: 3px } .feeds .news code { padding: 3px; font-size: 85%; background-color: rgba(0, 0, 0, 0.04); border-radius: 3px; word-break: break-all } .feeds .list .header .ui.label { margin-top: -4px; padding: 4px 5px; font-weight: normal } .feeds .list .header .plus.icon { margin-top: 5px } .feeds .list ul { list-style: none; margin: 0; padding-left: 0 } .feeds .list ul li:not(:last-child) { border-bottom: 1px solid #eaeaea } .feeds .list ul li.private { background-color: #fcf8e9 } .feeds .list ul li a { padding: 6px 1.2em; display: block } .feeds .list ul li a .octicon { color: #888 } .feeds .list ul li a .octicon.rear { font-size: 15px } .feeds .list ul li a .star-num { font-size: 12px } .feeds .list .repo-owner-name-list .item-name { max-width: 70%; margin-bottom: -4px } .feeds .list #collaborative-repo-list .owner-and-repo { max-width: 80%; margin-bottom: -5px } .feeds .list #collaborative-repo-list .owner-name { max-width: 120px; margin-bottom: -5px } .feeds .issue { overflow-wrap: break-word !important; font-size: 13px !important } .ui.grid>[class*="fifteen wide"].column { text-align: left } .home-footer { margin-top: 2em !important } .home-footer img { width: 1.4em !important; margin-bottom: 6px } .home-footer span { font-size: 14px !important } .profile-card { width: 100% !important; font-family: monospace } .profile-card.meta { line-height: 1.8; margin-top: 18px; color: #5b5b5b !important } .profile-card.font { font-size: 15px !important } @media (max-width:1020px) { .item.brand, .six.wide.column, .ui.five.wide.column, .home-footer { display: none !important } .dashboard, .ui.grid>[class*="ten wide"].column, .ten.wide.column, .feeds .news .issue.title { width: 100% !important } .ui.vertically.padded.grid.head .column { padding: 0 } .ui.grid>[class*="one wide"].column { margin-left: -38px; margin-top: 3em; position: absolute } .feeds .news p { font-size: 1rem !important; line-height: 19px !important } .feeds .news .push.news .content ul { font-size: 12px } .commits-card .sha { font-family: monospace !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; font-size: 10px !important } .bootcamp { display: none } } .admin { padding-top: 15px; padding-bottom: 80px } .admin .table.segment { padding: 0; font-size: 13px } .admin .table.segment:not(.striped) { padding-top: 5px } .admin .table.segment:not(.striped) thead th:last-child { padding-right: 5px !important } .admin .table.segment th { padding-top: 5px; padding-bottom: 5px } .admin .table.segment:not(.select) th:first-of-type, .admin .table.segment:not(.select) td:first-of-type { padding-left: 15px !important } .admin.user .email { max-width: 200px } .admin dl.admin-dl-horizontal { padding: 20px; margin: 0 } .admin dl.admin-dl-horizontal dd { margin-left: 240px } .admin dl.admin-dl-horizontal dt { font-weight: bolder; float: left; width: 250px; clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .admin.config #test-mail-btn { margin-left: 5px } .admin.config table tbody tr td:first-child { font-weight: bold } .admin.config pre { background-color: #f7f7f7; padding: 5px } .admin.config code { color: #db2828; line-height: 1 } .admin.config .log-config table tbody tr td:first-child { width: 100px } .admin.indication { font-size: 10px; text-align: center !important } .sitestatus { padding: 1em } .sitestatus div { padding: 1em } .adminbar.main { background-color: #2f363c; border-bottom: 1px solid #454e57; height: 41px } .adminbar.text { padding: 5px 0 !important; color: #fff !important; font-size: 13px !important } .adminbar.embed { background: #24292e; padding: 3px 5px; border-radius: 4px; margin: 5px 3px; font-size: 11px } .adminbar.branch { margin-left: -5px } .adminbar.logo { width: 13px !important; margin-top: -1px !important; margin-left: 5px; margin-right: 1px } .adminbar.align { margin-right: 5px } .adminbar.divider { border-left: 1px solid #ababab; margin-right: 10px } .admin-badge { font-size: 10px !important } @media (max-width:1020px) { .render-time { display: none !important } } .explore { padding-top: 15px; padding-bottom: 80px } .explore .navbar .octicon { width: 16px; text-align: center } .explore .not-found { background: #f3f3f3; padding: 32px; background-color: #fafbfc; border: 1px solid #e1e4e8; border-radius: 3px; box-shadow: inset 0 0 10px rgba(27, 31, 35, 0.05) } .explore .username { background-color: #ffdb99; color: #5a5a5a; display: inline-block; padding-left: 6px; padding-right: 6px; border-radius: 2em; font-size: 12px } .ui.repository.list .item { padding-bottom: 25px } .ui.repository.list .item:not(:first-child) { border-top: 1px solid #eee; padding-top: 25px } .ui.repository.list .item .ui.header { font-size: 1.5rem; padding-bottom: 10px; font-weight: 500 } .ui.repository.list .item .ui.header .name { word-break: break-all } .ui.repository.list .item .ui.header .metas { color: #888; font-size: 14px; font-weight: normal } .ui.repository.list .item .ui.header .metas span:not(:last-child) { margin-right: 5px } .ui.repository.list .item .time { font-size: 12px; color: #808080 } .ui.user.list .item { padding-bottom: 25px } .ui.user.list .item:not(:first-child) { border-top: 1px solid #eee; padding-top: 25px } .ui.user.list .item .ui.avatar.image.explore-page { width: 40px; height: 40px; border-radius: 50px; border: 2px solid #bbb } .ui.user.list .item .description { font-size: 12px; margin-top: 7px } .ui.user.list .item .description .octicon:not(:first-child) { margin-left: 5px } .ui.user.list .item .description a { color: #333 } .ui.user.list .item .description a:hover { text-decoration: underline } .explore-card.top { margin-top: .4em } .explore-card.title { font-size: 20px; color: #383838; margin-bottom: 8px } .explore-card.meta { font-size: 14px !important } .explore-card.description { font-size: 13px } .explore-card.icon { font-size: .9em !important } .explore-card.extra { font-size: 13px !important } .explore-card.topics-img { width: 100% } .explore-card.footer { font-size: 1.1em; margin-top: 7em; margin-bottom: 5em } .explore-card.font { font-size: 1.2em !important; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !important } .explore-card.seperator { margin-right: 10px } .ex-search { font-weight: 400 } .no-padding-left { padding-left: 0 !important } @media (max-width:1020px) { .ui.grid>[class*="four wide"].column { width: 100% !important } .ui.vertical.menu { margin: 0 auto !important; width: 90% } .ui.user.list .item .content { width: 85% } .ui.user.list .item .content .br { display: block } .ui.user.list .item .content .octicon.octicon-location { padding-left: 5px } .time { padding-left: 10px } .has-emoji { margin-left: 10px } .explore-card.top { margin-left: 50%; margin-right: 50% } .explore-card.mobile { display: none !important } .explore-card.card { margin-top: .1em !important } .ex-search { font-size: 1.3em; padding-top: 1.5em; padding-bottom: .5em } .ex-head { font-size: 20px } } .pages.bg { color: #fff; background-color: #252a30 } .pages .body { padding: 70px 0 90px; margin: 0 auto; max-width: -webkit-calc(75%); max-width: calc(75%); text-align: left; width: 900px } .pages.head { font-size: 36px; height: 150px; align-items: center; background-color: #2f363d; color: #fff; display: flex; flex-direction: column; font-weight: 600; justify-content: center; padding-bottom: 50px; position: relative } .pages.head .text { display: flex; justify-content: center; white-space: nowrap; width: 100%; margin-top: 50px !important } .pages.head div { font-size: 16px } .pages .list { font-size: 1.1em; color: #9cb3c9; margin-top: 14px; line-height: 1.4; margin-bottom: 28px } .pages .code { background: #e7445a; padding: 4px; color: #fff; border-radius: 3px } .pages .heading { color: #fff; font-size: 20px !important } .pages .about.heading { color: #fff; font-size: 30px !important } .pages .about.text { color: #fff; font-size: 17px !important } .pages .about.text.top { margin-top: 40px } .pages .soon { margin: 2em; height: 10em } .pages-heading { font-size: 22px !important; font-weight: 400 !important; margin-top: 80px !important } .pages-small { font-size: 17px; color: #9cb3c9; margin-top: 14px; line-height: 1.4 } .pages-small a { border-bottom: 3px solid #e6375a; color: #fff; font-weight: 600; position: relative; transition: background-color 120ms } .pages-small a:hover { background-color: #e6375a } .octopus { height: 20em; margin-top: 3em; margin-bottom: 3em } .contact { padding-left: 5%; padding-right: 5% } .contact label { color: #fff !important } .contact .color { color: #fff !important; background: #343b42 !important } .contact .desc { margin-top: 0 !important; color: #e4e4e4 } @media (max-width:1020px) { .pages .body { max-width: -webkit-calc(80%); max-width: calc(80%) } .contact .desc { display: none } .pages-small.head, .pages-small .box-head { font-size: 25px !important } } .error.align { margin-top: 100px; margin-bottom: 50px } .error img { height: 150px } .error.footer { margin-top: 40px } .error.footer a { color: #777 } .error.footer span { margin-left: 5px; margin-right: 5px; color: #777 } .error.image { height: 35px; margin-top: 35px } @media (max-width:1020px) { .error.footer { font-size: 11px } } body:not(.full-width) { background-color: #17181c; } pre.raw, code.raw { background-color: #191a1e; border-top-color: #3a3a3a; border-right-color: #3a3a3a; border-bottom-color: #3a3a3a; border-left-color: #3a3a3a; } .following.bar.light { background-color: #23272f; border-bottom-color: #55616d; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 3px; } .following.bar .top.menu a.item:hover, .following.bar .top.menu .dropdown.item:hover, .following.bar .top.menu .dropdown.item.active { background-color: transparent; } .following.bar .head.link.item { color: #ffffff; } .following.bar .head.link.item:hover { color: #e0deda; } .following.bar .searchbox { background-color: #2f3847 !important; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .following.bar .searchbox:focus { background-color: #17181c !important; } .following.bar .search.icon { color: #c1bdb7 !important; } .ui.menu, .ui.vertical.menu, .ui.segment { box-shadow: none; } .ui .text.red { color: #dc6969 !important; } .ui .text.red a { color: #dc6969 !important; } .ui .text.red a:hover { color: #e67777 !important; } .ui .text.blue { color: #71abd7 !important; } .ui .text.blue a { color: #5ca7f1 !important; } .ui .text.blue a:hover { color: #71abd7 !important; } .ui .text.black { color: #cfccc6; } .ui .text.black:hover { color: #e8e7e3; } .ui .text.grey { color: #bcb7b0 !important; } .ui .text.grey a { color: #cfccc6 !important; } .ui .text.grey a:hover { color: #e8e7e3 !important; } .ui .text.light.grey { color: #b9b4ac !important; } .ui .text.green { color: #92d575 !important; } .ui .text.purple { color: #ad9bc6 !important; } .ui .text.yellow { color: #fcca38 !important; } .ui .text.gold { color: #decb84 !important; } .ui .warning.header { background-color: #524308 !important; border-top-color: #9f6e10; border-right-color: #9f6e10; border-bottom-color: #9f6e10; border-left-color: #9f6e10; } .ui .warning.segment { border-top-color: #9f6e10; border-right-color: #9f6e10; border-bottom-color: #9f6e10; border-left-color: #9f6e10; } .ui .info.segment { border-top-color: #314954; border-right-color: #314954; border-bottom-color: #314954; border-left-color: #314954; } .ui .info.segment.top { background-color: #112731 !important; } .overflow.menu .items .item { border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-top-color: currentcolor; color: rgba(232, 231, 227, 0.8); box-shadow: none; } .overflow.menu .items .item:hover { background-color: rgba(0, 0, 0, 0.05); background-image: none; color: rgba(232, 231, 227, 0.8); } footer { background-color: #17181c; border-top-color: #3b3b3b; color: #b9b4ac; } footer .container .fa { color: #71abd7; } footer .container .links > * { border-left-color: #3b3b3b; } footer .container .links > :first-child { border-left-color: currentcolor; } .side-footer { color: #bebab3; } .sr-only { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .hljs { background-color: inherit !important; background-image: inherit !important; } .error-pages h3, .error-pages h4 { color: rgba(232, 231, 227, 0.5); } .v-divider { border-left-color: #383838; } .navbar.signedinas { color: #d8d5d1; } .navbar.bold { color: #ffffff !important; } .navbar.bold:hover { color: #e0deda !important; } .navbar.beta { color: #ffffff !important; } .oembed { background-color: #1e2126 !important; background-image: none !important; } @media (max-width: 1020px) { .nav-active { box-shadow: #0d1490 0px 0px 0px !important; } } @media (max-width: 1020px) { .nav-active:hover { background-color: #000000 !important; background-image: none !important; } } @media (max-width: 1020px) { .commits-card { background-color: transparent; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } } .markdown:not(code) a:not([href]) { color: inherit; text-decoration-color: currentcolor; } .markdown:not(code) .absent { color: #ff5252; } .markdown:not(code) .anchor:focus { outline-color: currentcolor; } .markdown:not(code) h1 .octicon-link, .markdown:not(code) h2 .octicon-link, .markdown:not(code) h3 .octicon-link, .markdown:not(code) h4 .octicon-link, .markdown:not(code) h5 .octicon-link, .markdown:not(code) h6 .octicon-link { color: #e8e7e3; } .markdown:not(code) h1:hover .anchor, .markdown:not(code) h2:hover .anchor, .markdown:not(code) h3:hover .anchor, .markdown:not(code) h4:hover .anchor, .markdown:not(code) h5:hover .anchor, .markdown:not(code) h6:hover .anchor { text-decoration-color: currentcolor; } .markdown:not(code) h1 { border-bottom-color: #363636; } .markdown:not(code) h2 { border-bottom-color: #363636; } .markdown:not(code) h6 { color: #bcb7b0; } .markdown:not(code) hr { background-color: #1d1f24; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .markdown:not(code) blockquote { color: #bcb7b0; border-left-color: #3a3a3a; } .markdown:not(code) table th, .markdown:not(code) table td { border-top-color: #3a3a3a !important; border-right-color: #3a3a3a !important; border-bottom-color: #3a3a3a !important; border-left-color: #3a3a3a !important; } .markdown:not(code) table tr { background-color: #17181c; border-top-color: #3d3d3d; } .markdown:not(code) table tr:nth-child(2n) { background-color: #191a1e; } .markdown:not(code) span.frame > span { border-top-color: #3a3a3a; border-right-color: #3a3a3a; border-bottom-color: #3a3a3a; border-left-color: #3a3a3a; } .markdown:not(code) span.frame span span { color: #d5d2cd; } .markdown:not(code) code, .markdown:not(code) tt { background-color: rgba(0, 0, 0, 0.04); } .markdown:not(code) del code { text-decoration-color: inherit; } .markdown:not(code) pre > code { background-color: transparent; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .markdown:not(code) .highlight pre, .markdown:not(code) pre { background-color: #191b1e; } .markdown:not(code) pre code, .markdown:not(code) pre tt { background-color: transparent; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .markdown:not(code) kbd { color: #c8c5bf; background-color: #18191d; border-top-color: #3d3d3d; border-right-color: #3d3d3d; border-left-color: #3d3d3d; border-bottom-color: #414141; box-shadow: #262b35 0px -1px 0px inset; } .markdown:not(code) .csv-data .blob-num { background-color: #17181c; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .markdown:not(code) .csv-data tr { border-top-color: currentcolor; } .markdown:not(code) .csv-data th { background-color: #191a1e; background-image: none; border-top-color: currentcolor; } .home-main p { color: #c2bfb8; } .home-main.bg { background-color: #1a1c20; background-image: url("https://cdn.jsdelivr.net/npm/gitote@1.0.7/img/signup_prompt.png"), none; } .home-main.btn.register { background-color: #00cc68 !important; background-image: none !important; } .home-main.btn.register:hover { color: #f6f5f4 !important; } .home-main.prompt { background-image: url("https://cdn.jsdelivr.net/npm/gitote@1.0.1/img/pattern.svg"); background-color: #1a1c20; } .home-main.getstarted { background-color: #23272f !important; background-image: none !important; } .home-main.getstarted h1 { color: #ffffff; } .home-main.auth { background-image: linear-gradient(rgba(23, 24, 28, 0) 50%, #17181c), linear-gradient(70deg, #002140 32%, #00380d); } @media (max-width: 1020px) { .home-main.bg { background-color: #1a1c20; background-image: url("https://cdn.jsdelivr.net/npm/gitote@1.0.1/img/pattern.svg"), none; } } .form .help { color: #b9b4ac; } .ui.attached.header { background-color: #1b1d21; background-image: none; } .repository .metas .ui.list a .text { color: #cfccc6; } .repository .metas .ui.list a .text:hover { color: #e8e7e3; } .repository .header-wrapper { background-color: #191a1d; } .repository .header-wrapper .ui.tabs.divider { border-bottom-color: currentcolor; } .repository .ui.tabs.container .ui.menu { border-bottom-color: currentcolor; } .repository.branches:not(.settings) .ui.list > .item:not(:last-child) { border-bottom-color: #3a3a3a; } .repository.file.list #repo-files-table tbody .octicon { color: #bcb7b0; } .repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule { color: #6bb0e8; } .repository.file.list #repo-files-table tr:hover { background-color: #3d3d00; } .repository.file.list #file-content .header .file-actions .btn-octicon { color: #bcb7b0; background-color: transparent; background-image: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; outline-color: currentcolor; } .repository.file.list #file-content .header .file-actions .btn-octicon:hover { color: #79a8d3; } .repository.file.list #file-content .header .file-actions .btn-octicon-danger:hover { color: #ff815b; } .repository.file.list #file-content .header .file-actions .btn-octicon.disabled { color: #c0bcb6; } .repository.file.list #file-content #ipython-notebook .nb-stderr { background-color: #660000; } .repository.file.list #file-content #ipython-notebook .nb-raw-cell { background-color: #1b1d21; } .repository.file.list #file-content #ipython-notebook .nb-input::before, .repository.file.list #file-content #ipython-notebook .nb-output::before { color: #b9b4ac; } .repository.file.list #file-content #ipython-notebook .nb-input pre { background-color: #191b1e; } .repository.file.list #file-content #ipython-notebook .nb-output table { border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; } .repository.file.list #file-content #ipython-notebook .nb-output th, .repository.file.list #file-content #ipython-notebook .nb-output td { border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; } .repository.file.list #file-content .code-view .lines-num { color: #b9b4ac; background-color: #1a1b1f; background-image: none; } .repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-num .hljs, .repository.file.list #file-content .code-view .lines-code .hljs { background-color: #17181c; } .repository.file.list #file-content .code-view .lines-num pre li.active, .repository.file.list #file-content .code-view .lines-code pre li.active, .repository.file.list #file-content .code-view .lines-num ol li.active, .repository.file.list #file-content .code-view .lines-code ol li.active, .repository.file.list #file-content .code-view .lines-num .hljs li.active, .repository.file.list #file-content .code-view .lines-code .hljs li.active { background-color: #474700; background-image: none; } .repository.file.editor .treepath input { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px inset; } .repository.file.editor .commit-form-wrapper .commit-form { border-top-color: #3a3a3a; border-right-color: #3a3a3a; border-bottom-color: #3a3a3a; border-left-color: #3a3a3a; } .repository.file.editor .commit-form-wrapper .commit-form::before, .repository.file.editor .commit-form-wrapper .commit-form::after { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .repository.file.editor .commit-form-wrapper .commit-form::before { border-right-color: #3b3b3d; } .repository.file.editor .commit-form-wrapper .commit-form::after { border-right-color: #353535; border-right-color: #333333; } .repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .branch-name { color: rgba(232, 231, 227, 0.65); background-color: rgba(22, 44, 56, 0.45); } .repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .octicon-git-branch { color: #b0c4ce; } .repository.new.issue .comment.form .content::before, .repository.new.issue .comment.form .content::after { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .repository.new.issue .comment.form .content::before { border-right-color: #3b3b3d; } .repository.new.issue .comment.form .content::after { border-right-color: #353535; border-right-color: #333333; } .repository.view.issue .title .index { color: #b9b4ac; } .repository.view.issue .pull-desc code { color: #43a6fe; } .repository.view.issue .pull.tab.segment { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; background-color: inherit; } .repository.view.issue .comment-list::before { background-color: #1a1c20; } .repository.view.issue .comment-list .comment .tag { color: #bcb7b0; border-top-color: rgba(102, 102, 102, 0.1); border-right-color: rgba(102, 102, 102, 0.1); border-bottom-color: rgba(102, 102, 102, 0.1); border-left-color: rgba(102, 102, 102, 0.1); } .repository.view.issue .comment-list .comment .content .header { color: #bcb7b0; background-color: #191b1e; border-bottom-color: #363636; } .repository.view.issue .comment-list .comment .content .header::before, .repository.view.issue .comment-list .comment .content .header::after { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .repository.view.issue .comment-list .comment .content .header::before { border-right-color: #3b3b3d; } .repository.view.issue .comment-list .comment .content .header::after { border-right-color: #353535; } .repository.view.issue .comment-list .comment .content .no-content { color: #bcb7b0; } .repository.view.issue .comment-list .comment .content > .bottom.segment { background-color: #1a1c20; background-image: none; } .repository.view.issue .comment-list .comment .content > .bottom.segment a { border-top-color: #363636; border-right-color: #363636; border-bottom-color: #363636; border-left-color: #363636; background-color: #17181c; } .repository.view.issue .comment-list .comment .content > .bottom.segment span.ui.image { color: #e8e7e3; } .repository.view.issue .comment-list .comment .content > .bottom.segment span.ui.image:hover { color: #e8e7e3; } .repository.view.issue .comment-list .comment .ui.form .tab.segment { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .repository.view.issue .comment-list .event .octicon.octicon-circle-slash { background-color: #17181c; background-image: none; color: #ff815b; } .repository.view.issue .comment-list .event .octicon.octicon-primitive-dot { color: #92d575; } .repository .comment.form .content .form::before, .repository .comment.form .content .form::after { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .repository .comment.form .content .form::before { border-right-color: #3b3b3d; } .repository .comment.form .content .form::after { border-right-color: #353535; border-right-color: #333333; } .repository .comment.form .content .tab.segment { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .repository .label.list > .item { border-bottom-color: #444444; } .repository .label.list > .item a { color: #c2beb7; } .repository .label.list > .item a:hover { color: #e8e7e3; } .repository .milestone.list > .item { border-bottom-color: #444444; } .repository .milestone.list > .item > a { color: #e8e7e3; } .repository .milestone.list > .item > a:hover { color: #79a8d3; } .repository .milestone.list > .item .ui.progress { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; } .repository .milestone.list > .item .meta { color: #b9b4ac; } .repository .milestone.list > .item .meta .overdue { color: #ff3333; } .repository .milestone.list > .item .operate > a { color: #c2beb7; } .repository .milestone.list > .item .operate > a:hover { color: #e8e7e3; } .repository.compare.pull .comment.form .content::before, .repository.compare.pull .comment.form .content::after { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .repository.compare.pull .comment.form .content::before { border-right-color: #3b3b3d; } .repository.compare.pull .comment.form .content::after { border-right-color: #353535; border-right-color: #333333; } .repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, 0.02) !important; } .repository .diff-detail-box ol li { border-bottom-color: #3a3a3a; } .repository .diff-detail-box span.status.modify { background-color: #6d5a0e; } .repository .diff-detail-box span.status.add { background-color: #1b451b; } .repository .diff-detail-box span.status.del { background-color: #4e1515; } .repository .diff-detail-box span.status.rename { background-color: #04004a; } .repository .diff-box .count .bar { background-color: #bd2c00; } .repository .diff-box .count .bar .add { background-color: #438127; } .repository .diff-box .file { color: #b9b4ac; } .repository .diff-file-box .header { background-color: #191b1e; } .repository .diff-file-box .file-body.file-code .lines-num { color: #b9b4ac; background-color: #191a1d; background-image: none; } .repository .diff-file-box .file-body.file-code .lines-num-old { border-right-color: #3a3a3a; } .repository .diff-file-box .code-diff td { border-top-color: currentcolor; } .repository .diff-file-box .code-diff .lines-num { border-right-color: #3b3b3d; } .repository .diff-file-box .code-diff .lines-num.lines-num-old:hover, .repository .diff-file-box .code-diff .lines-num.lines-num-new:hover { color: #d3d1cb; } .repository .diff-file-box .code-diff tbody tr.tag-code td { background-color: #1b1d21 !important; border-top-color: #403b3b !important; border-right-color: #403b3b !important; border-bottom-color: #403b3b !important; border-left-color: #403b3b !important; } .repository .diff-file-box .code-diff tbody tr.same-code td.active { background-color: #474700 !important; } .repository .diff-file-box .code-diff tbody tr.del-code td.add-code { background-color: #004000 !important; border-top-color: #256a25 !important; border-right-color: #256a25 !important; border-bottom-color: #256a25 !important; border-left-color: #256a25 !important; } .repository .diff-file-box .code-diff tbody tr.del-code td.add-code pre { background-color: #004000 !important; border-top-color: #256a25 !important; border-right-color: #256a25 !important; border-bottom-color: #256a25 !important; border-left-color: #256a25 !important; } .repository .diff-file-box .code-diff tbody tr.del-code td { background-color: #3e0000 !important; border-top-color: #7b1b1b !important; border-right-color: #7b1b1b !important; border-bottom-color: #7b1b1b !important; border-left-color: #7b1b1b !important; } .repository .diff-file-box .code-diff tbody tr.del-code td.active { background-color: #474700 !important; } .repository .diff-file-box .code-diff tbody tr.add-code td { background-color: #004000 !important; border-top-color: #256a25 !important; border-right-color: #256a25 !important; border-bottom-color: #256a25 !important; border-left-color: #256a25 !important; } .repository .diff-file-box .code-diff tbody tr.add-code td.active { background-color: #474700 !important; } .repository .diff-file-box .code-diff tbody tr .removed-code { background-color: #700000; } .repository .diff-file-box .code-diff tbody tr .added-code { background-color: #007000; } .repository.release #release-list { border-top-color: #3a3a3a; } .repository.release #release-list > li .detail { border-left-color: #3a3a3a; } .repository.release #release-list > li .detail .download .list { border-top-color: #363636; } .repository.release #release-list > li .detail .download .list li { border-bottom-color: #363636; } .repository.release #release-list > li .detail .dot { background-color: #23272f; border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; } .repository.forks .list .item { border-bottom-color: #3a3a3a; } .repository.wiki.new .CodeMirror .CodeMirror-code .cm-comment { background-color: inherit; background-image: inherit; } .repository.wiki.new .editor-preview { background-color: #17181c; } .repository.settings.collaboration .collaborator.list > .item:not(:last-child) { border-bottom-color: #3a3a3a; } .repository.settings.settings.branches .protected-branches .item { border-top-color: #373737; border-right-color: #373737; border-bottom-color: #373737; border-left-color: #373737; } .repository.settings.settings.branches .protected-branches .item:not(:last-child) { border-bottom-color: currentcolor; } #search-repo-box .results .item, #search-user-box .results .item { border-bottom-color: #3a3a3a; } #search-repo-box .results .item:hover, #search-user-box .results .item:hover { background-color: rgba(0, 0, 0, 0.05) !important; background-image: none !important; color: rgba(232, 231, 227, 0.95) !important; } .issue.list > .item { border-bottom-color: #444444; } .issue.list > .item .title { color: #cfccc6; } .issue.list > .item .title:hover { color: #e8e7e3; } .issue.list > .item .comment { color: #c2beb7; } .issue.list > .item .desc { color: #b9b4ac; } .issue.list > .item .desc a.milestone { color: #b9b4ac !important; } .issue.list > .item .desc a.milestone:hover { color: #e8e7e3 !important; } .ui.form .dropzone { border-top-color: #0070ce; border-right-color: #0070ce; border-bottom-color: #0070ce; border-left-color: #0070ce; box-shadow: none !important; } .settings .key.list .item:not(:first-child) { border-top-color: #373737; } .settings .key.list .ssh-key-state-indicator { color: #b9b4ac; } .settings .key.list .ssh-key-state-indicator.active { color: #92d575; } .settings .key.list .print { color: #bcb7b0; } .settings .key.list .activity { color: #c2beb7; } .settings .hook.list > .item:not(:first-child) { border-top-color: #373737; } .settings .hook.history.list .item .info .tab.segment { border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; box-shadow: none; } .settings .hook.history.list .item .info .tab.segment > * { color: #c2beb7; } .settings .hook.history.list .item .info .tab.segment pre .hljs { background-color: inherit; } .ui.vertical.menu .header.item { background-color: #1b1d21; background-image: none; } #avatar-arrow::before, #avatar-arrow::after { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } #avatar-arrow::before { border-right-color: #3b3b3d; } #avatar-arrow::after { border-right-color: #353535; } .md-helper { color: #c2bfb8; } .md-helper:hover { color: #4dacfd; } .view-source { border-top-color: #1a6aa6; border-right-color: #1a6aa6; border-bottom-color: #1a6aa6; border-left-color: #1a6aa6; } .view-source:hover { background-color: #19659e; background-image: none; } .code-icon { color: #62aee6; } .code-icon:hover { color: #ffffff; } @media (max-width: 1020px) { .repository.release #release-list > li .meta { border-left-color: #3a3a3a; } } .CodeMirror .cm-comment { background-color: inherit !important; background-image: inherit !important; } .organization.members .list .item { border-bottom-color: #363636; } .organization.teams .detail .item:not(:last-child) { border-bottom-color: #363636; } .organization.teams .repositories .item:not(:last-child), .organization.teams .members .item:not(:last-child) { border-bottom-color: #3a3a3a; } .user.settings .email.list .item:not(:first-child) { border-top-color: #373737; } .user.profile .ui.card .username { background-color: #704900; color: #ffadad; } .user.profile .ui.card .extra.content ul li:not(:last-child) { border-bottom-color: #373737; } .user.description { color: #bbb7b0; } .verified { color: #95d9a5; } .maker { color: #916fd9; } .isstaff { color: #f48a43; } .isintern { color: #dad8d4; } .developer { color: #4debff; } .gitotedeveloper { color: #6fe68b; } .bughunter { color: #ff3333; } .staff { color: #ffffff; box-shadow: rgba(28, 30, 34, 0.12) 0px -1px 0px inset; background-color: #035fc7; } @media (max-width: 1020px) { .mobile-card { box-shadow: none; } } @media (max-width: 1020px) { .status { color: #b9b4ac; } } .dashboard.feeds .ui.right .head.menu .item.active, .dashboard.issues .ui.right .head.menu .item.active { color: #e06962; } .dashboard.sponsor { background-color: #382e08; background-image: none; } .dashboard.sponsor center div { background-color: #000d47; background-image: none; color: #e4e3df; } .dashboard.sponsor center div:hover { background-color: #000a43; background-image: none; } .dashboard.sponsor.divider { border-top-color: #373737; color: #c2beb7; } .dashboard.prompt { background-image: linear-gradient(226deg, rgba(23, 24, 28, 0) 0px, #17181c), linear-gradient(70deg, #002140 0px, #00380d); } .bootcamp .box { background-image: linear-gradient(0deg, rgba(23, 24, 28, 0) 0px, #341a00), linear-gradient(0deg, #443400 0px, #493600) !important; } .bootcamp .box h2 { color: #bab5ae; } .feeds .news .commits-card { background-color: #191a1e; border-top-color: #373d45; border-right-color: #373d45; border-bottom-color: #373d45; border-left-color: #373d45; } .feeds .news .commits-card .sha { background-color: #503b00; background-image: none; } .feeds .news code { background-color: rgba(0, 0, 0, 0.04); } .feeds .list ul li:not(:last-child) { border-bottom-color: #373737; } .feeds .list ul li.private { background-color: #382e08; } .feeds .list ul li a .octicon { color: #b9b4ac; } .profile-card.meta { color: #c6c2bc !important; } @media (max-width: 1020px) { .commits-card .sha { background-color: transparent !important; background-image: none !important; } } .admin.config pre { background-color: #191b1e; } .admin.config code { color: #e45d5d; } .adminbar.main { background-color: #2c333f; border-bottom-color: #4f5964; } .adminbar.text { color: #ffffff !important; } .adminbar.embed { background-color: #23272f; background-image: none; } .adminbar.divider { border-left-color: #444444; } .explore .not-found { background-image: none; background-color: #141b22; border-top-color: #343b44; border-right-color: #343b44; border-bottom-color: #343b44; border-left-color: #343b44; box-shadow: rgba(28, 30, 34, 0.05) 0px 0px 10px inset; } .explore .username { background-color: #704900; color: #c6c3bd; } .ui.repository.list .item:not(:first-child) { border-top-color: #363636; } .ui.repository.list .item .ui.header .metas { color: #b9b4ac; } .ui.repository.list .item .time { color: #b9b4ac; } .ui.user.list .item:not(:first-child) { border-top-color: #363636; } .ui.user.list .item .ui.avatar.image.explore-page { border-top-color: #414141; border-right-color: #414141; border-bottom-color: #414141; border-left-color: #414141; } .ui.user.list .item .description a { color: #d5d2cd; } .ui.user.list .item .description a:hover { text-decoration-color: currentcolor; } .explore-card.title { color: #d3d0cb; } .pages.bg { color: #ffffff; background-color: #242831; } .pages.head { background-color: #2c3340; color: #ffffff; } .pages .list { color: #9cb5c9; } .pages .code { background-color: #911324; background-image: none; color: #ffffff; } .pages .heading { color: #ffffff; } .pages .about.heading { color: #ffffff; } .pages .about.text { color: #ffffff; } .pages-small { color: #9cb5c9; } .pages-small a { border-bottom-color: #a61532; color: #ffffff; } .pages-small a:hover { background-color: #98132e; } .contact label { color: #ffffff !important; } .contact .color { color: #ffffff !important; background-color: #2f3847 !important; background-image: none !important; } .contact .desc { color: #e6e5e2; } .error.footer a { color: #bcb7b0; } .error.footer span { color: #bcb7b0; } #carbonads { border-color: #3a3a3a !important; background-color: #1a1c20 !important; a { color: #ababab !important; &:hover { color: #dddddd !important; } } }