Remove fomantic inverted variations (#25286)

+38 -4333

2 changed files

expand all

web_src

fomantic

_site

globals

site.variables

build

semantic.css

+38

web_src/fomantic/_site/globals/site.variables

··· 9 9 @linkHoverUnderline: underline; 10 10 @variationButtonSocial: false; 11 11 @pageOverflowX: visible; 12 + 13 + /* disable all inverted variations */ 14 + @variationAccordionInverted: false; 15 + @variationBreadcrumbInverted: false; 16 + @variationButtonAttached: false; 17 + @variationButtonInverted: false; 18 + @variationCalendarInverted: false; 19 + @variationCardInverted: false; 20 + @variationCheckboxInverted: false; 21 + @variationCommentInverted: false; 22 + @variationDimmerInverted: false; 23 + @variationDividerInverted: false; 24 + @variationDropdownInverted: false; 25 + @variationFeedInverted: false; 26 + @variationFlyoutInverted: false; 27 + @variationFormInverted: false; 28 + @variationGridInverted: false; 29 + @variationHeaderInverted: false; 30 + @variationIconInverted: false; 31 + @variationInputInverted: false; 32 + @variationItemInverted: false; 33 + @variationLabelInverted: false; 34 + @variationListInverted: false; 35 + @variationMenuInverted: false; 36 + @variationMessageInverted: false; 37 + @variationModalInverted: false; 38 + @variationNagInverted: false; 39 + @variationPlaceholderInverted: false; 40 + @variationPopupInverted: false; 41 + @variationProgressInverted: false; 42 + @variationSegmentInverted: false; 43 + @variationSliderInverted: false; 44 + @variationStatisticInverted: false; 45 + @variationStepInverted: false; 46 + @variationTableInverted: false; 47 + @variationTextInverted: false; 48 + @variationToastInverted: false; 49 + @variationTransitionInverted: false;

-4333

web_src/fomantic/build/semantic.css

··· 327 327 } 328 328 329 329 /*------------------- 330 - Inverted 331 - --------------------*/ 332 - 333 - .ui.inverted.button { 334 - box-shadow: 0 0 0 2px #FFFFFF inset; 335 - background: transparent none; 336 - color: #FFFFFF; 337 - text-shadow: none !important; 338 - } 339 - 340 - /* Group */ 341 - 342 - .ui.inverted.buttons .button { 343 - margin: 0 0 0 -2px; 344 - } 345 - 346 - .ui.inverted.buttons .button:first-child { 347 - margin-left: 0; 348 - } 349 - 350 - .ui.inverted.vertical.buttons .button { 351 - margin: 0 0 -2px 0; 352 - } 353 - 354 - .ui.inverted.vertical.buttons .button:first-child { 355 - margin-top: 0; 356 - } 357 - 358 - /* States */ 359 - 360 - /* Hover */ 361 - 362 - .ui.inverted.button:hover { 363 - background: #FFFFFF; 364 - box-shadow: 0 0 0 2px #FFFFFF inset; 365 - color: rgba(0, 0, 0, 0.8); 366 - } 367 - 368 - /* Active / Focus */ 369 - 370 - .ui.inverted.button:focus, 371 - .ui.inverted.button.active { 372 - background: #FFFFFF; 373 - box-shadow: 0 0 0 2px #FFFFFF inset; 374 - color: rgba(0, 0, 0, 0.8); 375 - } 376 - 377 - /* Active Focus */ 378 - 379 - .ui.inverted.button.active:focus { 380 - background: #DCDDDE; 381 - box-shadow: 0 0 0 2px #DCDDDE inset; 382 - color: rgba(0, 0, 0, 0.8); 383 - } 384 - 385 - /*------------------- 386 330 Labeled Button 387 331 --------------------*/ 388 332 ··· 669 613 box-shadow: ''; 670 614 } 671 615 672 - /* Standard Basic Inverted */ 673 - 674 - .ui.basic.inverted.buttons .button, 675 - .ui.basic.inverted.button { 676 - background-color: transparent; 677 - color: #F9FAFB; 678 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 679 - } 680 - 681 - .ui.basic.inverted.buttons .button:hover, 682 - .ui.basic.inverted.button:hover { 683 - color: #FFFFFF; 684 - box-shadow: 0 0 0 2px #ffffff inset; 685 - } 686 - 687 - .ui.basic.inverted.buttons .button:focus, 688 - .ui.basic.inverted.button:focus { 689 - color: #FFFFFF; 690 - box-shadow: 0 0 0 2px #ffffff inset; 691 - } 692 - 693 - .ui.basic.inverted.buttons .button:active, 694 - .ui.basic.inverted.button:active { 695 - background-color: rgba(255, 255, 255, 0.08); 696 - color: #FFFFFF; 697 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset; 698 - } 699 - 700 - .ui.basic.inverted.buttons .active.button, 701 - .ui.basic.inverted.active.button { 702 - background-color: rgba(255, 255, 255, 0.08); 703 - color: #FFFFFF; 704 - text-shadow: none; 705 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; 706 - } 707 - 708 - .ui.basic.inverted.buttons .active.button:hover, 709 - .ui.basic.inverted.active.button:hover { 710 - background-color: rgba(255, 255, 255, 0.15); 711 - box-shadow: 0 0 0 2px #ffffff inset; 712 - } 713 - 714 616 /* Basic Group */ 715 617 716 618 .ui.basic.buttons .button { ··· 935 837 } 936 838 937 839 /*------------------- 938 - Attached 939 - --------------------*/ 940 - 941 - /* Singular */ 942 - 943 - .ui.attached.button { 944 - position: relative; 945 - display: block; 946 - margin: 0; 947 - border-radius: 0; 948 - box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15); 949 - } 950 - 951 - /* Top / Bottom */ 952 - 953 - .ui.attached.top.button { 954 - border-radius: 0.28571429rem 0.28571429rem 0 0; 955 - } 956 - 957 - .ui.attached.bottom.button { 958 - border-radius: 0 0 0.28571429rem 0.28571429rem; 959 - } 960 - 961 - /* Left / Right */ 962 - 963 - .ui.left.attached.button { 964 - display: inline-block; 965 - border-left: none; 966 - text-align: right; 967 - padding-right: 0.75em; 968 - border-radius: 0.28571429rem 0 0 0.28571429rem; 969 - } 970 - 971 - .ui.right.attached.button { 972 - display: inline-block; 973 - text-align: left; 974 - padding-left: 0.75em; 975 - border-radius: 0 0.28571429rem 0.28571429rem 0; 976 - } 977 - 978 - /* Plural */ 979 - 980 - .ui.attached.buttons { 981 - position: relative; 982 - display: flex; 983 - border-radius: 0; 984 - width: auto !important; 985 - z-index: auto; 986 - margin-left: -1px; 987 - margin-right: -1px; 988 - } 989 - 990 - .ui.attached.buttons .button { 991 - margin: 0; 992 - } 993 - 994 - .ui.attached.buttons .button:first-child { 995 - border-radius: 0; 996 - } 997 - 998 - .ui.attached.buttons .button:last-child { 999 - border-radius: 0; 1000 - } 1001 - 1002 - /* Top / Bottom */ 1003 - 1004 - .ui[class*="top attached"].buttons { 1005 - margin-bottom: -1px; 1006 - border-radius: 0.28571429rem 0.28571429rem 0 0; 1007 - } 1008 - 1009 - .ui[class*="top attached"].buttons .button:first-child { 1010 - border-radius: 0.28571429rem 0 0 0; 1011 - } 1012 - 1013 - .ui[class*="top attached"].buttons .button:last-child { 1014 - border-radius: 0 0.28571429rem 0 0; 1015 - } 1016 - 1017 - .ui[class*="bottom attached"].buttons { 1018 - margin-top: -1px; 1019 - border-radius: 0 0 0.28571429rem 0.28571429rem; 1020 - } 1021 - 1022 - .ui[class*="bottom attached"].buttons .button:first-child { 1023 - border-radius: 0 0 0 0.28571429rem; 1024 - } 1025 - 1026 - .ui[class*="bottom attached"].buttons .button:last-child { 1027 - border-radius: 0 0 0.28571429rem 0; 1028 - } 1029 - 1030 - /* Left / Right */ 1031 - 1032 - .ui[class*="left attached"].buttons { 1033 - display: inline-flex; 1034 - margin-right: 0; 1035 - margin-left: -1px; 1036 - border-radius: 0 0.28571429rem 0.28571429rem 0; 1037 - } 1038 - 1039 - .ui[class*="left attached"].buttons .button:first-child { 1040 - margin-left: -1px; 1041 - border-radius: 0 0.28571429rem 0 0; 1042 - } 1043 - 1044 - .ui[class*="left attached"].buttons .button:last-child { 1045 - margin-left: -1px; 1046 - border-radius: 0 0 0.28571429rem 0; 1047 - } 1048 - 1049 - .ui[class*="right attached"].buttons { 1050 - display: inline-flex; 1051 - margin-left: 0; 1052 - margin-right: -1px; 1053 - border-radius: 0.28571429rem 0 0 0.28571429rem; 1054 - } 1055 - 1056 - .ui[class*="right attached"].buttons .button:first-child { 1057 - margin-left: -1px; 1058 - border-radius: 0.28571429rem 0 0 0; 1059 - } 1060 - 1061 - .ui[class*="right attached"].buttons .button:last-child { 1062 - margin-left: -1px; 1063 - border-radius: 0 0 0 0.28571429rem; 1064 - } 1065 - 1066 - /*------------------- 1067 840 Fluid 1068 841 --------------------*/ 1069 842 ··· 1303 1076 margin-left: -1px; 1304 1077 } 1305 1078 1306 - /* Inverted */ 1307 - 1308 - .ui.inverted.primary.buttons .button, 1309 - .ui.inverted.primary.button { 1310 - background-color: transparent; 1311 - box-shadow: 0 0 0 2px #54C8FF inset; 1312 - color: #54C8FF; 1313 - } 1314 - 1315 - .ui.inverted.primary.buttons .button:hover, 1316 - .ui.inverted.primary.button:hover, 1317 - .ui.inverted.primary.buttons .button:focus, 1318 - .ui.inverted.primary.button:focus, 1319 - .ui.inverted.primary.buttons .button.active, 1320 - .ui.inverted.primary.button.active, 1321 - .ui.inverted.primary.buttons .button:active, 1322 - .ui.inverted.primary.button:active { 1323 - box-shadow: none; 1324 - color: #FFFFFF; 1325 - } 1326 - 1327 - .ui.inverted.primary.buttons .button:hover, 1328 - .ui.inverted.primary.button:hover { 1329 - background-color: #21b8ff; 1330 - } 1331 - 1332 - .ui.inverted.primary.buttons .button:focus, 1333 - .ui.inverted.primary.button:focus { 1334 - background-color: #2bbbff; 1335 - } 1336 - 1337 - .ui.inverted.primary.buttons .active.button, 1338 - .ui.inverted.primary.active.button { 1339 - background-color: #3ac0ff; 1340 - } 1341 - 1342 - .ui.inverted.primary.buttons .button:active, 1343 - .ui.inverted.primary.button:active { 1344 - background-color: #21b8ff; 1345 - } 1346 - 1347 - /* Inverted Basic */ 1348 - 1349 - .ui.inverted.primary.basic.buttons .button, 1350 - .ui.inverted.primary.buttons .basic.button, 1351 - .ui.inverted.primary.basic.button { 1352 - background-color: transparent; 1353 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 1354 - color: #FFFFFF; 1355 - } 1356 - 1357 - .ui.inverted.primary.basic.buttons .button:hover, 1358 - .ui.inverted.primary.buttons .basic.button:hover, 1359 - .ui.inverted.primary.basic.button:hover { 1360 - box-shadow: 0 0 0 2px #21b8ff inset; 1361 - color: #54C8FF; 1362 - } 1363 - 1364 - .ui.inverted.primary.basic.buttons .button:focus, 1365 - .ui.inverted.primary.basic.buttons .button:focus, 1366 - .ui.inverted.primary.basic.button:focus { 1367 - box-shadow: 0 0 0 2px #2bbbff inset; 1368 - color: #54C8FF; 1369 - } 1370 - 1371 - .ui.inverted.primary.basic.buttons .active.button, 1372 - .ui.inverted.primary.buttons .basic.active.button, 1373 - .ui.inverted.primary.basic.active.button { 1374 - box-shadow: 0 0 0 2px #3ac0ff inset; 1375 - color: #54C8FF; 1376 - } 1377 - 1378 - .ui.inverted.primary.basic.buttons .button:active, 1379 - .ui.inverted.primary.buttons .basic.button:active, 1380 - .ui.inverted.primary.basic.button:active { 1381 - box-shadow: 0 0 0 2px #21b8ff inset; 1382 - color: #54C8FF; 1383 - } 1384 - 1385 1079 /* Tertiary */ 1386 1080 1387 1081 .ui.tertiary.primary.buttons .button, ··· 1498 1192 margin-left: -1px; 1499 1193 } 1500 1194 1501 - /* Inverted */ 1502 - 1503 - .ui.inverted.secondary.buttons .button, 1504 - .ui.inverted.secondary.button { 1505 - background-color: transparent; 1506 - box-shadow: 0 0 0 2px #545454 inset; 1507 - color: #545454; 1508 - } 1509 - 1510 - .ui.inverted.secondary.buttons .button:hover, 1511 - .ui.inverted.secondary.button:hover, 1512 - .ui.inverted.secondary.buttons .button:focus, 1513 - .ui.inverted.secondary.button:focus, 1514 - .ui.inverted.secondary.buttons .button.active, 1515 - .ui.inverted.secondary.button.active, 1516 - .ui.inverted.secondary.buttons .button:active, 1517 - .ui.inverted.secondary.button:active { 1518 - box-shadow: none; 1519 - color: #FFFFFF; 1520 - } 1521 - 1522 - .ui.inverted.secondary.buttons .button:hover, 1523 - .ui.inverted.secondary.button:hover { 1524 - background-color: #6e6e6e; 1525 - } 1526 - 1527 - .ui.inverted.secondary.buttons .button:focus, 1528 - .ui.inverted.secondary.button:focus { 1529 - background-color: #686868; 1530 - } 1531 - 1532 - .ui.inverted.secondary.buttons .active.button, 1533 - .ui.inverted.secondary.active.button { 1534 - background-color: #616161; 1535 - } 1536 - 1537 - .ui.inverted.secondary.buttons .button:active, 1538 - .ui.inverted.secondary.button:active { 1539 - background-color: #6e6e6e; 1540 - } 1541 - 1542 - /* Inverted Basic */ 1543 - 1544 - .ui.inverted.secondary.basic.buttons .button, 1545 - .ui.inverted.secondary.buttons .basic.button, 1546 - .ui.inverted.secondary.basic.button { 1547 - background-color: transparent; 1548 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 1549 - color: #FFFFFF; 1550 - } 1551 - 1552 - .ui.inverted.secondary.basic.buttons .button:hover, 1553 - .ui.inverted.secondary.buttons .basic.button:hover, 1554 - .ui.inverted.secondary.basic.button:hover { 1555 - box-shadow: 0 0 0 2px #6e6e6e inset; 1556 - color: #545454; 1557 - } 1558 - 1559 - .ui.inverted.secondary.basic.buttons .button:focus, 1560 - .ui.inverted.secondary.basic.buttons .button:focus, 1561 - .ui.inverted.secondary.basic.button:focus { 1562 - box-shadow: 0 0 0 2px #686868 inset; 1563 - color: #545454; 1564 - } 1565 - 1566 - .ui.inverted.secondary.basic.buttons .active.button, 1567 - .ui.inverted.secondary.buttons .basic.active.button, 1568 - .ui.inverted.secondary.basic.active.button { 1569 - box-shadow: 0 0 0 2px #616161 inset; 1570 - color: #545454; 1571 - } 1572 - 1573 - .ui.inverted.secondary.basic.buttons .button:active, 1574 - .ui.inverted.secondary.buttons .basic.button:active, 1575 - .ui.inverted.secondary.basic.button:active { 1576 - box-shadow: 0 0 0 2px #6e6e6e inset; 1577 - color: #545454; 1578 - } 1579 - 1580 1195 /* Tertiary */ 1581 1196 1582 1197 .ui.tertiary.secondary.buttons .button, ··· 1693 1308 margin-left: -1px; 1694 1309 } 1695 1310 1696 - /* Inverted */ 1697 - 1698 - .ui.inverted.red.buttons .button, 1699 - .ui.inverted.red.button { 1700 - background-color: transparent; 1701 - box-shadow: 0 0 0 2px #FF695E inset; 1702 - color: #FF695E; 1703 - } 1704 - 1705 - .ui.inverted.red.buttons .button:hover, 1706 - .ui.inverted.red.button:hover, 1707 - .ui.inverted.red.buttons .button:focus, 1708 - .ui.inverted.red.button:focus, 1709 - .ui.inverted.red.buttons .button.active, 1710 - .ui.inverted.red.button.active, 1711 - .ui.inverted.red.buttons .button:active, 1712 - .ui.inverted.red.button:active { 1713 - box-shadow: none; 1714 - color: #FFFFFF; 1715 - } 1716 - 1717 - .ui.inverted.red.buttons .button:hover, 1718 - .ui.inverted.red.button:hover { 1719 - background-color: #ff392b; 1720 - } 1721 - 1722 - .ui.inverted.red.buttons .button:focus, 1723 - .ui.inverted.red.button:focus { 1724 - background-color: #ff4335; 1725 - } 1726 - 1727 - .ui.inverted.red.buttons .active.button, 1728 - .ui.inverted.red.active.button { 1729 - background-color: #ff5144; 1730 - } 1731 - 1732 - .ui.inverted.red.buttons .button:active, 1733 - .ui.inverted.red.button:active { 1734 - background-color: #ff392b; 1735 - } 1736 - 1737 - /* Inverted Basic */ 1738 - 1739 - .ui.inverted.red.basic.buttons .button, 1740 - .ui.inverted.red.buttons .basic.button, 1741 - .ui.inverted.red.basic.button { 1742 - background-color: transparent; 1743 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 1744 - color: #FFFFFF; 1745 - } 1746 - 1747 - .ui.inverted.red.basic.buttons .button:hover, 1748 - .ui.inverted.red.buttons .basic.button:hover, 1749 - .ui.inverted.red.basic.button:hover { 1750 - box-shadow: 0 0 0 2px #ff392b inset; 1751 - color: #FF695E; 1752 - } 1753 - 1754 - .ui.inverted.red.basic.buttons .button:focus, 1755 - .ui.inverted.red.basic.buttons .button:focus, 1756 - .ui.inverted.red.basic.button:focus { 1757 - box-shadow: 0 0 0 2px #ff4335 inset; 1758 - color: #FF695E; 1759 - } 1760 - 1761 - .ui.inverted.red.basic.buttons .active.button, 1762 - .ui.inverted.red.buttons .basic.active.button, 1763 - .ui.inverted.red.basic.active.button { 1764 - box-shadow: 0 0 0 2px #ff5144 inset; 1765 - color: #FF695E; 1766 - } 1767 - 1768 - .ui.inverted.red.basic.buttons .button:active, 1769 - .ui.inverted.red.buttons .basic.button:active, 1770 - .ui.inverted.red.basic.button:active { 1771 - box-shadow: 0 0 0 2px #ff392b inset; 1772 - color: #FF695E; 1773 - } 1774 - 1775 1311 /* Tertiary */ 1776 1312 1777 1313 .ui.tertiary.red.buttons .button, ··· 1888 1424 margin-left: -1px; 1889 1425 } 1890 1426 1891 - /* Inverted */ 1892 - 1893 - .ui.inverted.orange.buttons .button, 1894 - .ui.inverted.orange.button { 1895 - background-color: transparent; 1896 - box-shadow: 0 0 0 2px #FF851B inset; 1897 - color: #FF851B; 1898 - } 1899 - 1900 - .ui.inverted.orange.buttons .button:hover, 1901 - .ui.inverted.orange.button:hover, 1902 - .ui.inverted.orange.buttons .button:focus, 1903 - .ui.inverted.orange.button:focus, 1904 - .ui.inverted.orange.buttons .button.active, 1905 - .ui.inverted.orange.button.active, 1906 - .ui.inverted.orange.buttons .button:active, 1907 - .ui.inverted.orange.button:active { 1908 - box-shadow: none; 1909 - color: #FFFFFF; 1910 - } 1911 - 1912 - .ui.inverted.orange.buttons .button:hover, 1913 - .ui.inverted.orange.button:hover { 1914 - background-color: #e76b00; 1915 - } 1916 - 1917 - .ui.inverted.orange.buttons .button:focus, 1918 - .ui.inverted.orange.button:focus { 1919 - background-color: #f17000; 1920 - } 1921 - 1922 - .ui.inverted.orange.buttons .active.button, 1923 - .ui.inverted.orange.active.button { 1924 - background-color: #ff7701; 1925 - } 1926 - 1927 - .ui.inverted.orange.buttons .button:active, 1928 - .ui.inverted.orange.button:active { 1929 - background-color: #e76b00; 1930 - } 1931 - 1932 - /* Inverted Basic */ 1933 - 1934 - .ui.inverted.orange.basic.buttons .button, 1935 - .ui.inverted.orange.buttons .basic.button, 1936 - .ui.inverted.orange.basic.button { 1937 - background-color: transparent; 1938 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 1939 - color: #FFFFFF; 1940 - } 1941 - 1942 - .ui.inverted.orange.basic.buttons .button:hover, 1943 - .ui.inverted.orange.buttons .basic.button:hover, 1944 - .ui.inverted.orange.basic.button:hover { 1945 - box-shadow: 0 0 0 2px #e76b00 inset; 1946 - color: #FF851B; 1947 - } 1948 - 1949 - .ui.inverted.orange.basic.buttons .button:focus, 1950 - .ui.inverted.orange.basic.buttons .button:focus, 1951 - .ui.inverted.orange.basic.button:focus { 1952 - box-shadow: 0 0 0 2px #f17000 inset; 1953 - color: #FF851B; 1954 - } 1955 - 1956 - .ui.inverted.orange.basic.buttons .active.button, 1957 - .ui.inverted.orange.buttons .basic.active.button, 1958 - .ui.inverted.orange.basic.active.button { 1959 - box-shadow: 0 0 0 2px #ff7701 inset; 1960 - color: #FF851B; 1961 - } 1962 - 1963 - .ui.inverted.orange.basic.buttons .button:active, 1964 - .ui.inverted.orange.buttons .basic.button:active, 1965 - .ui.inverted.orange.basic.button:active { 1966 - box-shadow: 0 0 0 2px #e76b00 inset; 1967 - color: #FF851B; 1968 - } 1969 - 1970 1427 /* Tertiary */ 1971 1428 1972 1429 .ui.tertiary.orange.buttons .button, ··· 2083 1540 margin-left: -1px; 2084 1541 } 2085 1542 2086 - /* Inverted */ 2087 - 2088 - .ui.inverted.yellow.buttons .button, 2089 - .ui.inverted.yellow.button { 2090 - background-color: transparent; 2091 - box-shadow: 0 0 0 2px #FFE21F inset; 2092 - color: #FFE21F; 2093 - } 2094 - 2095 - .ui.inverted.yellow.buttons .button:hover, 2096 - .ui.inverted.yellow.button:hover, 2097 - .ui.inverted.yellow.buttons .button:focus, 2098 - .ui.inverted.yellow.button:focus, 2099 - .ui.inverted.yellow.buttons .button.active, 2100 - .ui.inverted.yellow.button.active, 2101 - .ui.inverted.yellow.buttons .button:active, 2102 - .ui.inverted.yellow.button:active { 2103 - box-shadow: none; 2104 - color: rgba(0, 0, 0, 0.6); 2105 - } 2106 - 2107 - .ui.inverted.yellow.buttons .button:hover, 2108 - .ui.inverted.yellow.button:hover { 2109 - background-color: #ebcd00; 2110 - } 2111 - 2112 - .ui.inverted.yellow.buttons .button:focus, 2113 - .ui.inverted.yellow.button:focus { 2114 - background-color: #f5d500; 2115 - } 2116 - 2117 - .ui.inverted.yellow.buttons .active.button, 2118 - .ui.inverted.yellow.active.button { 2119 - background-color: #ffdf05; 2120 - } 2121 - 2122 - .ui.inverted.yellow.buttons .button:active, 2123 - .ui.inverted.yellow.button:active { 2124 - background-color: #ebcd00; 2125 - } 2126 - 2127 - /* Inverted Basic */ 2128 - 2129 - .ui.inverted.yellow.basic.buttons .button, 2130 - .ui.inverted.yellow.buttons .basic.button, 2131 - .ui.inverted.yellow.basic.button { 2132 - background-color: transparent; 2133 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 2134 - color: #FFFFFF; 2135 - } 2136 - 2137 - .ui.inverted.yellow.basic.buttons .button:hover, 2138 - .ui.inverted.yellow.buttons .basic.button:hover, 2139 - .ui.inverted.yellow.basic.button:hover { 2140 - box-shadow: 0 0 0 2px #ebcd00 inset; 2141 - color: #FFE21F; 2142 - } 2143 - 2144 - .ui.inverted.yellow.basic.buttons .button:focus, 2145 - .ui.inverted.yellow.basic.buttons .button:focus, 2146 - .ui.inverted.yellow.basic.button:focus { 2147 - box-shadow: 0 0 0 2px #f5d500 inset; 2148 - color: #FFE21F; 2149 - } 2150 - 2151 - .ui.inverted.yellow.basic.buttons .active.button, 2152 - .ui.inverted.yellow.buttons .basic.active.button, 2153 - .ui.inverted.yellow.basic.active.button { 2154 - box-shadow: 0 0 0 2px #ffdf05 inset; 2155 - color: #FFE21F; 2156 - } 2157 - 2158 - .ui.inverted.yellow.basic.buttons .button:active, 2159 - .ui.inverted.yellow.buttons .basic.button:active, 2160 - .ui.inverted.yellow.basic.button:active { 2161 - box-shadow: 0 0 0 2px #ebcd00 inset; 2162 - color: #FFE21F; 2163 - } 2164 - 2165 1543 /* Tertiary */ 2166 1544 2167 1545 .ui.tertiary.yellow.buttons .button, ··· 2278 1656 margin-left: -1px; 2279 1657 } 2280 1658 2281 - /* Inverted */ 2282 - 2283 - .ui.inverted.olive.buttons .button, 2284 - .ui.inverted.olive.button { 2285 - background-color: transparent; 2286 - box-shadow: 0 0 0 2px #D9E778 inset; 2287 - color: #D9E778; 2288 - } 2289 - 2290 - .ui.inverted.olive.buttons .button:hover, 2291 - .ui.inverted.olive.button:hover, 2292 - .ui.inverted.olive.buttons .button:focus, 2293 - .ui.inverted.olive.button:focus, 2294 - .ui.inverted.olive.buttons .button.active, 2295 - .ui.inverted.olive.button.active, 2296 - .ui.inverted.olive.buttons .button:active, 2297 - .ui.inverted.olive.button:active { 2298 - box-shadow: none; 2299 - color: rgba(0, 0, 0, 0.6); 2300 - } 2301 - 2302 - .ui.inverted.olive.buttons .button:hover, 2303 - .ui.inverted.olive.button:hover { 2304 - background-color: #d2e745; 2305 - } 2306 - 2307 - .ui.inverted.olive.buttons .button:focus, 2308 - .ui.inverted.olive.button:focus { 2309 - background-color: #daef47; 2310 - } 2311 - 2312 - .ui.inverted.olive.buttons .active.button, 2313 - .ui.inverted.olive.active.button { 2314 - background-color: #daed59; 2315 - } 2316 - 2317 - .ui.inverted.olive.buttons .button:active, 2318 - .ui.inverted.olive.button:active { 2319 - background-color: #cddf4d; 2320 - } 2321 - 2322 - /* Inverted Basic */ 2323 - 2324 - .ui.inverted.olive.basic.buttons .button, 2325 - .ui.inverted.olive.buttons .basic.button, 2326 - .ui.inverted.olive.basic.button { 2327 - background-color: transparent; 2328 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 2329 - color: #FFFFFF; 2330 - } 2331 - 2332 - .ui.inverted.olive.basic.buttons .button:hover, 2333 - .ui.inverted.olive.buttons .basic.button:hover, 2334 - .ui.inverted.olive.basic.button:hover { 2335 - box-shadow: 0 0 0 2px #d2e745 inset; 2336 - color: #D9E778; 2337 - } 2338 - 2339 - .ui.inverted.olive.basic.buttons .button:focus, 2340 - .ui.inverted.olive.basic.buttons .button:focus, 2341 - .ui.inverted.olive.basic.button:focus { 2342 - box-shadow: 0 0 0 2px #daef47 inset; 2343 - color: #D9E778; 2344 - } 2345 - 2346 - .ui.inverted.olive.basic.buttons .active.button, 2347 - .ui.inverted.olive.buttons .basic.active.button, 2348 - .ui.inverted.olive.basic.active.button { 2349 - box-shadow: 0 0 0 2px #daed59 inset; 2350 - color: #D9E778; 2351 - } 2352 - 2353 - .ui.inverted.olive.basic.buttons .button:active, 2354 - .ui.inverted.olive.buttons .basic.button:active, 2355 - .ui.inverted.olive.basic.button:active { 2356 - box-shadow: 0 0 0 2px #cddf4d inset; 2357 - color: #D9E778; 2358 - } 2359 - 2360 1659 /* Tertiary */ 2361 1660 2362 1661 .ui.tertiary.olive.buttons .button, ··· 2473 1772 margin-left: -1px; 2474 1773 } 2475 1774 2476 - /* Inverted */ 2477 - 2478 - .ui.inverted.green.buttons .button, 2479 - .ui.inverted.green.button { 2480 - background-color: transparent; 2481 - box-shadow: 0 0 0 2px #2ECC40 inset; 2482 - color: #2ECC40; 2483 - } 2484 - 2485 - .ui.inverted.green.buttons .button:hover, 2486 - .ui.inverted.green.button:hover, 2487 - .ui.inverted.green.buttons .button:focus, 2488 - .ui.inverted.green.button:focus, 2489 - .ui.inverted.green.buttons .button.active, 2490 - .ui.inverted.green.button.active, 2491 - .ui.inverted.green.buttons .button:active, 2492 - .ui.inverted.green.button:active { 2493 - box-shadow: none; 2494 - color: #FFFFFF; 2495 - } 2496 - 2497 - .ui.inverted.green.buttons .button:hover, 2498 - .ui.inverted.green.button:hover { 2499 - background-color: #1ea92e; 2500 - } 2501 - 2502 - .ui.inverted.green.buttons .button:focus, 2503 - .ui.inverted.green.button:focus { 2504 - background-color: #19b82b; 2505 - } 2506 - 2507 - .ui.inverted.green.buttons .active.button, 2508 - .ui.inverted.green.active.button { 2509 - background-color: #1fc231; 2510 - } 2511 - 2512 - .ui.inverted.green.buttons .button:active, 2513 - .ui.inverted.green.button:active { 2514 - background-color: #25a233; 2515 - } 2516 - 2517 - /* Inverted Basic */ 2518 - 2519 - .ui.inverted.green.basic.buttons .button, 2520 - .ui.inverted.green.buttons .basic.button, 2521 - .ui.inverted.green.basic.button { 2522 - background-color: transparent; 2523 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 2524 - color: #FFFFFF; 2525 - } 2526 - 2527 - .ui.inverted.green.basic.buttons .button:hover, 2528 - .ui.inverted.green.buttons .basic.button:hover, 2529 - .ui.inverted.green.basic.button:hover { 2530 - box-shadow: 0 0 0 2px #1ea92e inset; 2531 - color: #2ECC40; 2532 - } 2533 - 2534 - .ui.inverted.green.basic.buttons .button:focus, 2535 - .ui.inverted.green.basic.buttons .button:focus, 2536 - .ui.inverted.green.basic.button:focus { 2537 - box-shadow: 0 0 0 2px #19b82b inset; 2538 - color: #2ECC40; 2539 - } 2540 - 2541 - .ui.inverted.green.basic.buttons .active.button, 2542 - .ui.inverted.green.buttons .basic.active.button, 2543 - .ui.inverted.green.basic.active.button { 2544 - box-shadow: 0 0 0 2px #1fc231 inset; 2545 - color: #2ECC40; 2546 - } 2547 - 2548 - .ui.inverted.green.basic.buttons .button:active, 2549 - .ui.inverted.green.buttons .basic.button:active, 2550 - .ui.inverted.green.basic.button:active { 2551 - box-shadow: 0 0 0 2px #25a233 inset; 2552 - color: #2ECC40; 2553 - } 2554 - 2555 1775 /* Tertiary */ 2556 1776 2557 1777 .ui.tertiary.green.buttons .button, ··· 2668 1888 margin-left: -1px; 2669 1889 } 2670 1890 2671 - /* Inverted */ 2672 - 2673 - .ui.inverted.teal.buttons .button, 2674 - .ui.inverted.teal.button { 2675 - background-color: transparent; 2676 - box-shadow: 0 0 0 2px #6DFFFF inset; 2677 - color: #6DFFFF; 2678 - } 2679 - 2680 - .ui.inverted.teal.buttons .button:hover, 2681 - .ui.inverted.teal.button:hover, 2682 - .ui.inverted.teal.buttons .button:focus, 2683 - .ui.inverted.teal.button:focus, 2684 - .ui.inverted.teal.buttons .button.active, 2685 - .ui.inverted.teal.button.active, 2686 - .ui.inverted.teal.buttons .button:active, 2687 - .ui.inverted.teal.button:active { 2688 - box-shadow: none; 2689 - color: rgba(0, 0, 0, 0.6); 2690 - } 2691 - 2692 - .ui.inverted.teal.buttons .button:hover, 2693 - .ui.inverted.teal.button:hover { 2694 - background-color: #3affff; 2695 - } 2696 - 2697 - .ui.inverted.teal.buttons .button:focus, 2698 - .ui.inverted.teal.button:focus { 2699 - background-color: #44ffff; 2700 - } 2701 - 2702 - .ui.inverted.teal.buttons .active.button, 2703 - .ui.inverted.teal.active.button { 2704 - background-color: #54ffff; 2705 - } 2706 - 2707 - .ui.inverted.teal.buttons .button:active, 2708 - .ui.inverted.teal.button:active { 2709 - background-color: #3affff; 2710 - } 2711 - 2712 - /* Inverted Basic */ 2713 - 2714 - .ui.inverted.teal.basic.buttons .button, 2715 - .ui.inverted.teal.buttons .basic.button, 2716 - .ui.inverted.teal.basic.button { 2717 - background-color: transparent; 2718 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 2719 - color: #FFFFFF; 2720 - } 2721 - 2722 - .ui.inverted.teal.basic.buttons .button:hover, 2723 - .ui.inverted.teal.buttons .basic.button:hover, 2724 - .ui.inverted.teal.basic.button:hover { 2725 - box-shadow: 0 0 0 2px #3affff inset; 2726 - color: #6DFFFF; 2727 - } 2728 - 2729 - .ui.inverted.teal.basic.buttons .button:focus, 2730 - .ui.inverted.teal.basic.buttons .button:focus, 2731 - .ui.inverted.teal.basic.button:focus { 2732 - box-shadow: 0 0 0 2px #44ffff inset; 2733 - color: #6DFFFF; 2734 - } 2735 - 2736 - .ui.inverted.teal.basic.buttons .active.button, 2737 - .ui.inverted.teal.buttons .basic.active.button, 2738 - .ui.inverted.teal.basic.active.button { 2739 - box-shadow: 0 0 0 2px #54ffff inset; 2740 - color: #6DFFFF; 2741 - } 2742 - 2743 - .ui.inverted.teal.basic.buttons .button:active, 2744 - .ui.inverted.teal.buttons .basic.button:active, 2745 - .ui.inverted.teal.basic.button:active { 2746 - box-shadow: 0 0 0 2px #3affff inset; 2747 - color: #6DFFFF; 2748 - } 2749 - 2750 1891 /* Tertiary */ 2751 1892 2752 1893 .ui.tertiary.teal.buttons .button, ··· 2863 2004 margin-left: -1px; 2864 2005 } 2865 2006 2866 - /* Inverted */ 2867 - 2868 - .ui.inverted.blue.buttons .button, 2869 - .ui.inverted.blue.button { 2870 - background-color: transparent; 2871 - box-shadow: 0 0 0 2px #54C8FF inset; 2872 - color: #54C8FF; 2873 - } 2874 - 2875 - .ui.inverted.blue.buttons .button:hover, 2876 - .ui.inverted.blue.button:hover, 2877 - .ui.inverted.blue.buttons .button:focus, 2878 - .ui.inverted.blue.button:focus, 2879 - .ui.inverted.blue.buttons .button.active, 2880 - .ui.inverted.blue.button.active, 2881 - .ui.inverted.blue.buttons .button:active, 2882 - .ui.inverted.blue.button:active { 2883 - box-shadow: none; 2884 - color: #FFFFFF; 2885 - } 2886 - 2887 - .ui.inverted.blue.buttons .button:hover, 2888 - .ui.inverted.blue.button:hover { 2889 - background-color: #21b8ff; 2890 - } 2891 - 2892 - .ui.inverted.blue.buttons .button:focus, 2893 - .ui.inverted.blue.button:focus { 2894 - background-color: #2bbbff; 2895 - } 2896 - 2897 - .ui.inverted.blue.buttons .active.button, 2898 - .ui.inverted.blue.active.button { 2899 - background-color: #3ac0ff; 2900 - } 2901 - 2902 - .ui.inverted.blue.buttons .button:active, 2903 - .ui.inverted.blue.button:active { 2904 - background-color: #21b8ff; 2905 - } 2906 - 2907 - /* Inverted Basic */ 2908 - 2909 - .ui.inverted.blue.basic.buttons .button, 2910 - .ui.inverted.blue.buttons .basic.button, 2911 - .ui.inverted.blue.basic.button { 2912 - background-color: transparent; 2913 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 2914 - color: #FFFFFF; 2915 - } 2916 - 2917 - .ui.inverted.blue.basic.buttons .button:hover, 2918 - .ui.inverted.blue.buttons .basic.button:hover, 2919 - .ui.inverted.blue.basic.button:hover { 2920 - box-shadow: 0 0 0 2px #21b8ff inset; 2921 - color: #54C8FF; 2922 - } 2923 - 2924 - .ui.inverted.blue.basic.buttons .button:focus, 2925 - .ui.inverted.blue.basic.buttons .button:focus, 2926 - .ui.inverted.blue.basic.button:focus { 2927 - box-shadow: 0 0 0 2px #2bbbff inset; 2928 - color: #54C8FF; 2929 - } 2930 - 2931 - .ui.inverted.blue.basic.buttons .active.button, 2932 - .ui.inverted.blue.buttons .basic.active.button, 2933 - .ui.inverted.blue.basic.active.button { 2934 - box-shadow: 0 0 0 2px #3ac0ff inset; 2935 - color: #54C8FF; 2936 - } 2937 - 2938 - .ui.inverted.blue.basic.buttons .button:active, 2939 - .ui.inverted.blue.buttons .basic.button:active, 2940 - .ui.inverted.blue.basic.button:active { 2941 - box-shadow: 0 0 0 2px #21b8ff inset; 2942 - color: #54C8FF; 2943 - } 2944 - 2945 2007 /* Tertiary */ 2946 2008 2947 2009 .ui.tertiary.blue.buttons .button, ··· 3058 2120 margin-left: -1px; 3059 2121 } 3060 2122 3061 - /* Inverted */ 3062 - 3063 - .ui.inverted.violet.buttons .button, 3064 - .ui.inverted.violet.button { 3065 - background-color: transparent; 3066 - box-shadow: 0 0 0 2px #A291FB inset; 3067 - color: #A291FB; 3068 - } 3069 - 3070 - .ui.inverted.violet.buttons .button:hover, 3071 - .ui.inverted.violet.button:hover, 3072 - .ui.inverted.violet.buttons .button:focus, 3073 - .ui.inverted.violet.button:focus, 3074 - .ui.inverted.violet.buttons .button.active, 3075 - .ui.inverted.violet.button.active, 3076 - .ui.inverted.violet.buttons .button:active, 3077 - .ui.inverted.violet.button:active { 3078 - box-shadow: none; 3079 - color: #FFFFFF; 3080 - } 3081 - 3082 - .ui.inverted.violet.buttons .button:hover, 3083 - .ui.inverted.violet.button:hover { 3084 - background-color: #745aff; 3085 - } 3086 - 3087 - .ui.inverted.violet.buttons .button:focus, 3088 - .ui.inverted.violet.button:focus { 3089 - background-color: #7d64ff; 3090 - } 3091 - 3092 - .ui.inverted.violet.buttons .active.button, 3093 - .ui.inverted.violet.active.button { 3094 - background-color: #8a73ff; 3095 - } 3096 - 3097 - .ui.inverted.violet.buttons .button:active, 3098 - .ui.inverted.violet.button:active { 3099 - background-color: #7860f9; 3100 - } 3101 - 3102 - /* Inverted Basic */ 3103 - 3104 - .ui.inverted.violet.basic.buttons .button, 3105 - .ui.inverted.violet.buttons .basic.button, 3106 - .ui.inverted.violet.basic.button { 3107 - background-color: transparent; 3108 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 3109 - color: #FFFFFF; 3110 - } 3111 - 3112 - .ui.inverted.violet.basic.buttons .button:hover, 3113 - .ui.inverted.violet.buttons .basic.button:hover, 3114 - .ui.inverted.violet.basic.button:hover { 3115 - box-shadow: 0 0 0 2px #745aff inset; 3116 - color: #A291FB; 3117 - } 3118 - 3119 - .ui.inverted.violet.basic.buttons .button:focus, 3120 - .ui.inverted.violet.basic.buttons .button:focus, 3121 - .ui.inverted.violet.basic.button:focus { 3122 - box-shadow: 0 0 0 2px #7d64ff inset; 3123 - color: #A291FB; 3124 - } 3125 - 3126 - .ui.inverted.violet.basic.buttons .active.button, 3127 - .ui.inverted.violet.buttons .basic.active.button, 3128 - .ui.inverted.violet.basic.active.button { 3129 - box-shadow: 0 0 0 2px #8a73ff inset; 3130 - color: #A291FB; 3131 - } 3132 - 3133 - .ui.inverted.violet.basic.buttons .button:active, 3134 - .ui.inverted.violet.buttons .basic.button:active, 3135 - .ui.inverted.violet.basic.button:active { 3136 - box-shadow: 0 0 0 2px #7860f9 inset; 3137 - color: #A291FB; 3138 - } 3139 - 3140 2123 /* Tertiary */ 3141 2124 3142 2125 .ui.tertiary.violet.buttons .button, ··· 3253 2236 margin-left: -1px; 3254 2237 } 3255 2238 3256 - /* Inverted */ 3257 - 3258 - .ui.inverted.purple.buttons .button, 3259 - .ui.inverted.purple.button { 3260 - background-color: transparent; 3261 - box-shadow: 0 0 0 2px #DC73FF inset; 3262 - color: #DC73FF; 3263 - } 3264 - 3265 - .ui.inverted.purple.buttons .button:hover, 3266 - .ui.inverted.purple.button:hover, 3267 - .ui.inverted.purple.buttons .button:focus, 3268 - .ui.inverted.purple.button:focus, 3269 - .ui.inverted.purple.buttons .button.active, 3270 - .ui.inverted.purple.button.active, 3271 - .ui.inverted.purple.buttons .button:active, 3272 - .ui.inverted.purple.button:active { 3273 - box-shadow: none; 3274 - color: #FFFFFF; 3275 - } 3276 - 3277 - .ui.inverted.purple.buttons .button:hover, 3278 - .ui.inverted.purple.button:hover { 3279 - background-color: #cf40ff; 3280 - } 3281 - 3282 - .ui.inverted.purple.buttons .button:focus, 3283 - .ui.inverted.purple.button:focus { 3284 - background-color: #d24aff; 3285 - } 3286 - 3287 - .ui.inverted.purple.buttons .active.button, 3288 - .ui.inverted.purple.active.button { 3289 - background-color: #d65aff; 3290 - } 3291 - 3292 - .ui.inverted.purple.buttons .button:active, 3293 - .ui.inverted.purple.button:active { 3294 - background-color: #cf40ff; 3295 - } 3296 - 3297 - /* Inverted Basic */ 3298 - 3299 - .ui.inverted.purple.basic.buttons .button, 3300 - .ui.inverted.purple.buttons .basic.button, 3301 - .ui.inverted.purple.basic.button { 3302 - background-color: transparent; 3303 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 3304 - color: #FFFFFF; 3305 - } 3306 - 3307 - .ui.inverted.purple.basic.buttons .button:hover, 3308 - .ui.inverted.purple.buttons .basic.button:hover, 3309 - .ui.inverted.purple.basic.button:hover { 3310 - box-shadow: 0 0 0 2px #cf40ff inset; 3311 - color: #DC73FF; 3312 - } 3313 - 3314 - .ui.inverted.purple.basic.buttons .button:focus, 3315 - .ui.inverted.purple.basic.buttons .button:focus, 3316 - .ui.inverted.purple.basic.button:focus { 3317 - box-shadow: 0 0 0 2px #d24aff inset; 3318 - color: #DC73FF; 3319 - } 3320 - 3321 - .ui.inverted.purple.basic.buttons .active.button, 3322 - .ui.inverted.purple.buttons .basic.active.button, 3323 - .ui.inverted.purple.basic.active.button { 3324 - box-shadow: 0 0 0 2px #d65aff inset; 3325 - color: #DC73FF; 3326 - } 3327 - 3328 - .ui.inverted.purple.basic.buttons .button:active, 3329 - .ui.inverted.purple.buttons .basic.button:active, 3330 - .ui.inverted.purple.basic.button:active { 3331 - box-shadow: 0 0 0 2px #cf40ff inset; 3332 - color: #DC73FF; 3333 - } 3334 - 3335 2239 /* Tertiary */ 3336 2240 3337 2241 .ui.tertiary.purple.buttons .button, ··· 3448 2352 margin-left: -1px; 3449 2353 } 3450 2354 3451 - /* Inverted */ 3452 - 3453 - .ui.inverted.pink.buttons .button, 3454 - .ui.inverted.pink.button { 3455 - background-color: transparent; 3456 - box-shadow: 0 0 0 2px #FF8EDF inset; 3457 - color: #FF8EDF; 3458 - } 3459 - 3460 - .ui.inverted.pink.buttons .button:hover, 3461 - .ui.inverted.pink.button:hover, 3462 - .ui.inverted.pink.buttons .button:focus, 3463 - .ui.inverted.pink.button:focus, 3464 - .ui.inverted.pink.buttons .button.active, 3465 - .ui.inverted.pink.button.active, 3466 - .ui.inverted.pink.buttons .button:active, 3467 - .ui.inverted.pink.button:active { 3468 - box-shadow: none; 3469 - color: #FFFFFF; 3470 - } 3471 - 3472 - .ui.inverted.pink.buttons .button:hover, 3473 - .ui.inverted.pink.button:hover { 3474 - background-color: #ff5bd1; 3475 - } 3476 - 3477 - .ui.inverted.pink.buttons .button:focus, 3478 - .ui.inverted.pink.button:focus { 3479 - background-color: #ff65d3; 3480 - } 3481 - 3482 - .ui.inverted.pink.buttons .active.button, 3483 - .ui.inverted.pink.active.button { 3484 - background-color: #ff74d8; 3485 - } 3486 - 3487 - .ui.inverted.pink.buttons .button:active, 3488 - .ui.inverted.pink.button:active { 3489 - background-color: #ff5bd1; 3490 - } 3491 - 3492 - /* Inverted Basic */ 3493 - 3494 - .ui.inverted.pink.basic.buttons .button, 3495 - .ui.inverted.pink.buttons .basic.button, 3496 - .ui.inverted.pink.basic.button { 3497 - background-color: transparent; 3498 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 3499 - color: #FFFFFF; 3500 - } 3501 - 3502 - .ui.inverted.pink.basic.buttons .button:hover, 3503 - .ui.inverted.pink.buttons .basic.button:hover, 3504 - .ui.inverted.pink.basic.button:hover { 3505 - box-shadow: 0 0 0 2px #ff5bd1 inset; 3506 - color: #FF8EDF; 3507 - } 3508 - 3509 - .ui.inverted.pink.basic.buttons .button:focus, 3510 - .ui.inverted.pink.basic.buttons .button:focus, 3511 - .ui.inverted.pink.basic.button:focus { 3512 - box-shadow: 0 0 0 2px #ff65d3 inset; 3513 - color: #FF8EDF; 3514 - } 3515 - 3516 - .ui.inverted.pink.basic.buttons .active.button, 3517 - .ui.inverted.pink.buttons .basic.active.button, 3518 - .ui.inverted.pink.basic.active.button { 3519 - box-shadow: 0 0 0 2px #ff74d8 inset; 3520 - color: #FF8EDF; 3521 - } 3522 - 3523 - .ui.inverted.pink.basic.buttons .button:active, 3524 - .ui.inverted.pink.buttons .basic.button:active, 3525 - .ui.inverted.pink.basic.button:active { 3526 - box-shadow: 0 0 0 2px #ff5bd1 inset; 3527 - color: #FF8EDF; 3528 - } 3529 - 3530 2355 /* Tertiary */ 3531 2356 3532 2357 .ui.tertiary.pink.buttons .button, ··· 3643 2468 margin-left: -1px; 3644 2469 } 3645 2470 3646 - /* Inverted */ 3647 - 3648 - .ui.inverted.brown.buttons .button, 3649 - .ui.inverted.brown.button { 3650 - background-color: transparent; 3651 - box-shadow: 0 0 0 2px #D67C1C inset; 3652 - color: #D67C1C; 3653 - } 3654 - 3655 - .ui.inverted.brown.buttons .button:hover, 3656 - .ui.inverted.brown.button:hover, 3657 - .ui.inverted.brown.buttons .button:focus, 3658 - .ui.inverted.brown.button:focus, 3659 - .ui.inverted.brown.buttons .button.active, 3660 - .ui.inverted.brown.button.active, 3661 - .ui.inverted.brown.buttons .button:active, 3662 - .ui.inverted.brown.button:active { 3663 - box-shadow: none; 3664 - color: #FFFFFF; 3665 - } 3666 - 3667 - .ui.inverted.brown.buttons .button:hover, 3668 - .ui.inverted.brown.button:hover { 3669 - background-color: #b0620f; 3670 - } 3671 - 3672 - .ui.inverted.brown.buttons .button:focus, 3673 - .ui.inverted.brown.button:focus { 3674 - background-color: #c16808; 3675 - } 3676 - 3677 - .ui.inverted.brown.buttons .active.button, 3678 - .ui.inverted.brown.active.button { 3679 - background-color: #cc6f0d; 3680 - } 3681 - 3682 - .ui.inverted.brown.buttons .button:active, 3683 - .ui.inverted.brown.button:active { 3684 - background-color: #a96216; 3685 - } 3686 - 3687 - /* Inverted Basic */ 3688 - 3689 - .ui.inverted.brown.basic.buttons .button, 3690 - .ui.inverted.brown.buttons .basic.button, 3691 - .ui.inverted.brown.basic.button { 3692 - background-color: transparent; 3693 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 3694 - color: #FFFFFF; 3695 - } 3696 - 3697 - .ui.inverted.brown.basic.buttons .button:hover, 3698 - .ui.inverted.brown.buttons .basic.button:hover, 3699 - .ui.inverted.brown.basic.button:hover { 3700 - box-shadow: 0 0 0 2px #b0620f inset; 3701 - color: #D67C1C; 3702 - } 3703 - 3704 - .ui.inverted.brown.basic.buttons .button:focus, 3705 - .ui.inverted.brown.basic.buttons .button:focus, 3706 - .ui.inverted.brown.basic.button:focus { 3707 - box-shadow: 0 0 0 2px #c16808 inset; 3708 - color: #D67C1C; 3709 - } 3710 - 3711 - .ui.inverted.brown.basic.buttons .active.button, 3712 - .ui.inverted.brown.buttons .basic.active.button, 3713 - .ui.inverted.brown.basic.active.button { 3714 - box-shadow: 0 0 0 2px #cc6f0d inset; 3715 - color: #D67C1C; 3716 - } 3717 - 3718 - .ui.inverted.brown.basic.buttons .button:active, 3719 - .ui.inverted.brown.buttons .basic.button:active, 3720 - .ui.inverted.brown.basic.button:active { 3721 - box-shadow: 0 0 0 2px #a96216 inset; 3722 - color: #D67C1C; 3723 - } 3724 - 3725 2471 /* Tertiary */ 3726 2472 3727 2473 .ui.tertiary.brown.buttons .button, ··· 3838 2584 margin-left: -1px; 3839 2585 } 3840 2586 3841 - /* Inverted */ 3842 - 3843 - .ui.inverted.grey.buttons .button, 3844 - .ui.inverted.grey.button { 3845 - background-color: transparent; 3846 - box-shadow: 0 0 0 2px #D4D4D5 inset; 3847 - color: #FFFFFF; 3848 - } 3849 - 3850 - .ui.inverted.grey.buttons .button:hover, 3851 - .ui.inverted.grey.button:hover, 3852 - .ui.inverted.grey.buttons .button:focus, 3853 - .ui.inverted.grey.button:focus, 3854 - .ui.inverted.grey.buttons .button.active, 3855 - .ui.inverted.grey.button.active, 3856 - .ui.inverted.grey.buttons .button:active, 3857 - .ui.inverted.grey.button:active { 3858 - box-shadow: none; 3859 - color: rgba(0, 0, 0, 0.6); 3860 - } 3861 - 3862 - .ui.inverted.grey.buttons .button:hover, 3863 - .ui.inverted.grey.button:hover { 3864 - background-color: #c2c4c5; 3865 - } 3866 - 3867 - .ui.inverted.grey.buttons .button:focus, 3868 - .ui.inverted.grey.button:focus { 3869 - background-color: #c7c9cb; 3870 - } 3871 - 3872 - .ui.inverted.grey.buttons .active.button, 3873 - .ui.inverted.grey.active.button { 3874 - background-color: #cfd0d2; 3875 - } 3876 - 3877 - .ui.inverted.grey.buttons .button:active, 3878 - .ui.inverted.grey.button:active { 3879 - background-color: #c2c4c5; 3880 - } 3881 - 3882 - /* Inverted Basic */ 3883 - 3884 - .ui.inverted.grey.basic.buttons .button, 3885 - .ui.inverted.grey.buttons .basic.button, 3886 - .ui.inverted.grey.basic.button { 3887 - background-color: transparent; 3888 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 3889 - color: #FFFFFF; 3890 - } 3891 - 3892 - .ui.inverted.grey.basic.buttons .button:hover, 3893 - .ui.inverted.grey.buttons .basic.button:hover, 3894 - .ui.inverted.grey.basic.button:hover { 3895 - box-shadow: 0 0 0 2px #c2c4c5 inset; 3896 - color: #FFFFFF; 3897 - } 3898 - 3899 - .ui.inverted.grey.basic.buttons .button:focus, 3900 - .ui.inverted.grey.basic.buttons .button:focus, 3901 - .ui.inverted.grey.basic.button:focus { 3902 - box-shadow: 0 0 0 2px #c7c9cb inset; 3903 - color: #DCDDDE; 3904 - } 3905 - 3906 - .ui.inverted.grey.basic.buttons .active.button, 3907 - .ui.inverted.grey.buttons .basic.active.button, 3908 - .ui.inverted.grey.basic.active.button { 3909 - box-shadow: 0 0 0 2px #cfd0d2 inset; 3910 - color: #FFFFFF; 3911 - } 3912 - 3913 - .ui.inverted.grey.basic.buttons .button:active, 3914 - .ui.inverted.grey.buttons .basic.button:active, 3915 - .ui.inverted.grey.basic.button:active { 3916 - box-shadow: 0 0 0 2px #c2c4c5 inset; 3917 - color: #FFFFFF; 3918 - } 3919 - 3920 2587 /* Tertiary */ 3921 2588 3922 2589 .ui.tertiary.grey.buttons .button, ··· 4033 2700 margin-left: -1px; 4034 2701 } 4035 2702 4036 - /* Inverted */ 4037 - 4038 - .ui.inverted.black.buttons .button, 4039 - .ui.inverted.black.button { 4040 - background-color: transparent; 4041 - box-shadow: 0 0 0 2px #D4D4D5 inset; 4042 - color: #FFFFFF; 4043 - } 4044 - 4045 - .ui.inverted.black.buttons .button:hover, 4046 - .ui.inverted.black.button:hover, 4047 - .ui.inverted.black.buttons .button:focus, 4048 - .ui.inverted.black.button:focus, 4049 - .ui.inverted.black.buttons .button.active, 4050 - .ui.inverted.black.button.active, 4051 - .ui.inverted.black.buttons .button:active, 4052 - .ui.inverted.black.button:active { 4053 - box-shadow: none; 4054 - color: #FFFFFF; 4055 - } 4056 - 4057 - .ui.inverted.black.buttons .button:hover, 4058 - .ui.inverted.black.button:hover { 4059 - background-color: #000000; 4060 - } 4061 - 4062 - .ui.inverted.black.buttons .button:focus, 4063 - .ui.inverted.black.button:focus { 4064 - background-color: #000000; 4065 - } 4066 - 4067 - .ui.inverted.black.buttons .active.button, 4068 - .ui.inverted.black.active.button { 4069 - background-color: #000000; 4070 - } 4071 - 4072 - .ui.inverted.black.buttons .button:active, 4073 - .ui.inverted.black.button:active { 4074 - background-color: #000000; 4075 - } 4076 - 4077 - /* Inverted Basic */ 4078 - 4079 - .ui.inverted.black.basic.buttons .button, 4080 - .ui.inverted.black.buttons .basic.button, 4081 - .ui.inverted.black.basic.button { 4082 - background-color: transparent; 4083 - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; 4084 - color: #FFFFFF; 4085 - } 4086 - 4087 - .ui.inverted.black.basic.buttons .button:hover, 4088 - .ui.inverted.black.buttons .basic.button:hover, 4089 - .ui.inverted.black.basic.button:hover { 4090 - box-shadow: 0 0 0 2px #000000 inset; 4091 - color: #FFFFFF; 4092 - } 4093 - 4094 - .ui.inverted.black.basic.buttons .button:focus, 4095 - .ui.inverted.black.basic.buttons .button:focus, 4096 - .ui.inverted.black.basic.button:focus { 4097 - box-shadow: 0 0 0 2px #000000 inset; 4098 - color: #545454; 4099 - } 4100 - 4101 - .ui.inverted.black.basic.buttons .active.button, 4102 - .ui.inverted.black.buttons .basic.active.button, 4103 - .ui.inverted.black.basic.active.button { 4104 - box-shadow: 0 0 0 2px #000000 inset; 4105 - color: #FFFFFF; 4106 - } 4107 - 4108 - .ui.inverted.black.basic.buttons .button:active, 4109 - .ui.inverted.black.buttons .basic.button:active, 4110 - .ui.inverted.black.basic.button:active { 4111 - box-shadow: 0 0 0 2px #000000 inset; 4112 - color: #FFFFFF; 4113 - } 4114 - 4115 2703 /* Tertiary */ 4116 2704 4117 2705 .ui.tertiary.black.buttons .button, ··· 4964 3552 width: 3.5rem; 4965 3553 } 4966 3554 4967 - /*-------------- 4968 - Inverted 4969 - ---------------*/ 4970 - 4971 - .ui.inverted.checkbox label, 4972 - .ui.inverted.checkbox + label { 4973 - color: rgba(255, 255, 255, 0.9) !important; 4974 - } 4975 - 4976 - /* Hover */ 4977 - 4978 - .ui.inverted.checkbox label:hover { 4979 - color: #ffffff !important; 4980 - } 4981 - 4982 - .ui.inverted.checkbox label:hover::before { 4983 - border-color: rgba(34, 36, 38, 0.5); 4984 - } 4985 - 4986 - /*Slider Label */ 4987 - 4988 - .ui.inverted.slider.checkbox label { 4989 - color: rgba(255, 255, 255, 0.5); 4990 - } 4991 - 4992 - /* Slider Line */ 4993 - 4994 - .ui.inverted.slider.checkbox label:before { 4995 - background-color: rgba(255, 255, 255, 0.5) !important; 4996 - } 4997 - 4998 - /* Slider Hover */ 4999 - 5000 - .ui.inverted.slider.checkbox label:hover::before { 5001 - background: rgba(255, 255, 255, 0.7) !important; 5002 - } 5003 - 5004 - /* Slider Active */ 5005 - 5006 - .ui.inverted.slider.checkbox input:checked ~ label { 5007 - color: #ffffff !important; 5008 - } 5009 - 5010 - .ui.inverted.slider.checkbox input:checked ~ label:before { 5011 - background-color: rgba(255, 255, 255, 0.8) !important; 5012 - } 5013 - 5014 - /* Slider Active Focus */ 5015 - 5016 - .ui.inverted.slider.checkbox input:focus:checked ~ label { 5017 - color: #ffffff !important; 5018 - } 5019 - 5020 - .ui.inverted.slider.checkbox input:focus:checked ~ label:before { 5021 - background-color: rgba(255, 255, 255, 0.8) !important; 5022 - } 5023 - 5024 - /* Toggle Switch */ 5025 - 5026 - .ui.inverted.toggle.checkbox label:before { 5027 - background-color: rgba(255, 255, 255, 0.9) !important; 5028 - } 5029 - 5030 - /* Toggle Hover */ 5031 - 5032 - .ui.inverted.toggle.checkbox label:hover::before { 5033 - background: #ffffff !important; 5034 - } 5035 - 5036 - /* Toggle Active */ 5037 - 5038 - .ui.inverted.toggle.checkbox input:checked ~ label { 5039 - color: #ffffff !important; 5040 - } 5041 - 5042 - .ui.inverted.toggle.checkbox input:checked ~ label:before { 5043 - background-color: #2185D0 !important; 5044 - } 5045 - 5046 - /* Toggle Active Focus */ 5047 - 5048 - .ui.inverted.toggle.checkbox input:focus:checked ~ label { 5049 - color: #ffffff !important; 5050 - } 5051 - 5052 - .ui.inverted.toggle.checkbox input:focus:checked ~ label:before { 5053 - background-color: #0d71bb !important; 5054 - } 5055 - 5056 3555 /*-------------------- 5057 3556 Size 5058 3557 ---------------------*/ ··· 5560 4059 } 5561 4060 5562 4061 /*-------------- 5563 - Inverted 5564 - ---------------*/ 5565 - 5566 - .ui.inverted.dimmer { 5567 - background: rgba(255, 255, 255, 0.85); 5568 - } 5569 - 5570 - .ui.inverted.dimmer > .content, 5571 - .ui.inverted.dimmer > .content > * { 5572 - color: #000000; 5573 - } 5574 - 5575 - /*-------------- 5576 - Inverted Shades 5577 - ---------------*/ 5578 - 5579 - .medium.medium.medium.medium.medium.inverted.dimmer { 5580 - background: rgba(255, 255, 255, 0.65); 5581 - } 5582 - 5583 - .light.light.light.light.light.inverted.dimmer { 5584 - background: rgba(255, 255, 255, 0.45); 5585 - } 5586 - 5587 - .very.light.light.light.light.inverted.dimmer { 5588 - background: rgba(255, 255, 255, 0.25); 5589 - } 5590 - 5591 - /*-------------- 5592 4062 Simple 5593 4063 ---------------*/ 5594 4064 ··· 6043 4513 /*-------------- 6044 4514 Inverted 6045 4515 ---------------*/ 6046 - 6047 - .ui.divider.inverted, 6048 - .ui.vertical.inverted.divider, 6049 - .ui.horizontal.inverted.divider { 6050 - color: #FFFFFF; 6051 - } 6052 - 6053 - .ui.divider.inverted, 6054 - .ui.divider.inverted:after, 6055 - .ui.divider.inverted:before { 6056 - border-top-color: rgba(34, 36, 38, 0.15) !important; 6057 - border-left-color: rgba(34, 36, 38, 0.15) !important; 6058 - border-bottom-color: rgba(255, 255, 255, 0.15) !important; 6059 - border-right-color: rgba(255, 255, 255, 0.15) !important; 6060 - } 6061 4516 6062 4517 /*-------------- 6063 4518 Fitted ··· 8056 6511 font-size: 1.71428571rem; 8057 6512 } 8058 6513 8059 - /*-------------- 8060 - Inverted 8061 - ---------------*/ 8062 - 8063 - /* General rules and basic dropdowns */ 8064 - 8065 - .ui.inverted.dropdown .menu { 8066 - background: #1B1C1D; 8067 - box-shadow: none; 8068 - border: 1px solid rgba(255, 255, 255, 0.15); 8069 - } 8070 - 8071 - .ui.inverted.dropdown .menu > .item { 8072 - color: rgba(255, 255, 255, 0.8); 8073 - } 8074 - 8075 - .ui.inverted.dropdown .menu .active.item { 8076 - background: transparent; 8077 - color: rgba(255, 255, 255, 0.8); 8078 - box-shadow: none; 8079 - } 8080 - 8081 - .ui.inverted.dropdown .menu > .item:hover { 8082 - background: rgba(255, 255, 255, 0.08); 8083 - color: rgba(255, 255, 255, 0.8); 8084 - } 8085 - 8086 - .ui.inverted.dropdown.selected, 8087 - .ui.inverted.dropdown .menu .selected.item { 8088 - background: rgba(255, 255, 255, 0.15); 8089 - color: rgba(255, 255, 255, 0.8); 8090 - } 8091 - 8092 - .ui.inverted.dropdown .menu > .header { 8093 - color: #FFFFFF; 8094 - } 8095 - 8096 - .ui.inverted.dropdown > .text > .description, 8097 - .ui.inverted.dropdown .menu > .item > .description { 8098 - color: rgba(255, 255, 255, 0.5); 8099 - } 8100 - 8101 - .ui.inverted.dropdown .menu > .divider { 8102 - border-top: 1px solid rgba(255, 255, 255, 0.15); 8103 - } 8104 - 8105 - .ui.inverted.dropdown .scrolling.menu { 8106 - border: none; 8107 - border-top: 1px solid rgba(255, 255, 255, 0.15); 8108 - } 8109 - 8110 - /* Selection */ 8111 - 8112 - .ui.inverted.selection.dropdown { 8113 - border: 1px solid rgba(255, 255, 255, 0.15); 8114 - background: #1B1C1D; 8115 - color: rgba(255, 255, 255, 0.8); 8116 - } 8117 - 8118 - .ui.inverted.selection.dropdown:hover { 8119 - border-color: rgba(255, 255, 255, 0.25); 8120 - box-shadow: none; 8121 - } 8122 - 8123 - .ui.inverted.selection.dropdown input { 8124 - color: #FFFFFF; 8125 - } 8126 - 8127 - .ui.inverted.selection.visible.dropdown > .text:not(.default) { 8128 - color: rgba(255, 255, 255, 0.9); 8129 - } 8130 - 8131 - .ui.inverted.selection.active.dropdown .menu, 8132 - .ui.inverted.selection.active.dropdown:hover { 8133 - border-color: rgba(255, 255, 255, 0.15); 8134 - } 8135 - 8136 - .ui.inverted.selection.dropdown .menu > .item { 8137 - border-top: 1px solid #242526; 8138 - } 8139 - 8140 - .ui.inverted.dropdown:not(.button) > .default.text, 8141 - .ui.inverted.default.dropdown:not(.button) > .text { 8142 - color: rgba(255, 255, 255, 0.5); 8143 - } 8144 - 8145 - .ui.inverted.dropdown:not(.button) > input:focus ~ .default.text, 8146 - .ui.inverted.default.dropdown:not(.button) > input:focus ~ .text { 8147 - color: rgba(255, 255, 255, 0.7); 8148 - } 8149 - 8150 - .ui.inverted.active.search.dropdown input.search:focus + .text i.icon, 8151 - .ui.inverted.active.search.dropdown input.search:focus + .text .flag { 8152 - opacity: 0.45; 8153 - } 8154 - 8155 - .ui.inverted.active.search.dropdown input.search:focus + .text { 8156 - color: rgba(255, 255, 255, 0.7) !important; 8157 - } 8158 - 8159 - .ui.inverted.dropdown .menu > .message:not(.ui) { 8160 - color: rgba(255, 255, 255, 0.5); 8161 - } 8162 - 8163 - /* Fixing the border */ 8164 - 8165 - .ui.inverted.dropdown .menu > .item:first-child { 8166 - border-top-width: 0; 8167 - } 8168 - 8169 - /* Labels */ 8170 - 8171 - .ui.inverted.multiple.dropdown > .label { 8172 - background-color: rgba(255, 255, 255, 0.7); 8173 - background-image: none; 8174 - color: #000000; 8175 - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset; 8176 - } 8177 - 8178 - .ui.inverted.multiple.dropdown > .label:hover { 8179 - background-color: rgba(255, 255, 255, 0.9); 8180 - border-color: rgba(255, 255, 255, 0.9); 8181 - background-image: none; 8182 - color: #000000; 8183 - } 8184 - 8185 - .ui.inverted.multiple.dropdown > .label > .close.icon, 8186 - .ui.inverted.multiple.dropdown > .label > .delete.icon { 8187 - opacity: 0.6; 8188 - } 8189 - 8190 - .ui.inverted.multiple.dropdown > .label > .close.icon:hover, 8191 - .ui.inverted.multiple.dropdown > .label > .delete.icon:hover { 8192 - opacity: 0.8; 8193 - } 8194 - 8195 - /* Selection for form elements */ 8196 - 8197 - .ui.inverted.dropdown textarea::-webkit-selection, 8198 - .ui.inverted.dropdown input::-webkit-selection { 8199 - background-color: rgba(255, 255, 255, 0.25); 8200 - color: rgba(255, 255, 255, 0.8); 8201 - } 8202 - 8203 - .ui.inverted.dropdown textarea::-moz-selection, 8204 - .ui.inverted.dropdown input::-moz-selection { 8205 - background-color: rgba(255, 255, 255, 0.25); 8206 - color: rgba(255, 255, 255, 0.8); 8207 - } 8208 - 8209 - .ui.inverted.dropdown textarea::-moz-selection, 8210 - .ui.inverted.dropdown input::-moz-selection { 8211 - background-color: rgba(255, 255, 255, 0.25); 8212 - color: rgba(255, 255, 255, 0.8); 8213 - } 8214 - 8215 - .ui.inverted.dropdown textarea::selection, 8216 - .ui.inverted.dropdown input::selection { 8217 - background-color: rgba(255, 255, 255, 0.25); 8218 - color: rgba(255, 255, 255, 0.8); 8219 - } 8220 - 8221 - /* Scrollbars */ 8222 - 8223 - .ui.inverted.dropdown .menu::-webkit-scrollbar-track { 8224 - background: rgba(255, 255, 255, 0.1); 8225 - } 8226 - 8227 - .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb { 8228 - background: rgba(255, 255, 255, 0.25); 8229 - } 8230 - 8231 - .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive { 8232 - background: rgba(255, 255, 255, 0.15); 8233 - } 8234 - 8235 - .ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover { 8236 - background: rgba(255, 255, 255, 0.35); 8237 - } 8238 - 8239 - .ui.inverted.pointing.dropdown > .menu:after { 8240 - background: #1B1C1D; 8241 - box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15); 8242 - } 8243 - 8244 6514 /******************************* 8245 6515 Theme Overrides 8246 6516 *******************************/ ··· 9812 8082 *******************************/ 9813 8083 9814 8084 /*-------------------- 9815 - Inverted Colors 9816 - ---------------------*/ 9817 - 9818 - .ui.inverted.form label, 9819 - .ui.form .inverted.segment label, 9820 - .ui.form .inverted.segment .ui.checkbox label, 9821 - .ui.form .inverted.segment .ui.checkbox .box, 9822 - .ui.inverted.form .ui.checkbox label, 9823 - .ui.inverted.form .ui.checkbox .box, 9824 - .ui.inverted.form .inline.fields > label, 9825 - .ui.inverted.form .inline.fields .field > label, 9826 - .ui.inverted.form .inline.fields .field > p, 9827 - .ui.inverted.form .inline.field > label, 9828 - .ui.inverted.form .inline.field > p { 9829 - color: rgba(255, 255, 255, 0.9); 9830 - } 9831 - 9832 - .ui.inverted.loading.form { 9833 - color: #FFFFFF; 9834 - } 9835 - 9836 - .ui.inverted.loading.form:before { 9837 - background: rgba(0, 0, 0, 0.85); 9838 - } 9839 - 9840 - /* Inverted Field */ 9841 - 9842 - .ui.inverted.form input:not([type]), 9843 - .ui.inverted.form input[type="date"], 9844 - .ui.inverted.form input[type="datetime-local"], 9845 - .ui.inverted.form input[type="email"], 9846 - .ui.inverted.form input[type="number"], 9847 - .ui.inverted.form input[type="password"], 9848 - .ui.inverted.form input[type="search"], 9849 - .ui.inverted.form input[type="tel"], 9850 - .ui.inverted.form input[type="time"], 9851 - .ui.inverted.form input[type="text"], 9852 - .ui.inverted.form input[type="file"], 9853 - .ui.inverted.form input[type="url"] { 9854 - background: #FFFFFF; 9855 - border-color: rgba(255, 255, 255, 0.1); 9856 - color: rgba(0, 0, 0, 0.87); 9857 - box-shadow: none; 9858 - } 9859 - 9860 - /*-------------------- 9861 8085 Field Groups 9862 8086 ---------------------*/ 9863 8087 ··· 11442 9666 box-shadow: none; 11443 9667 } 11444 9668 11445 - /* Inverted Divided */ 11446 - 11447 - .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), 11448 - .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { 11449 - box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1); 11450 - } 11451 - 11452 - .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, 11453 - .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { 11454 - box-shadow: none; 11455 - } 11456 - 11457 - .ui.inverted[class*="vertically divided"].grid > .row:before { 11458 - box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); 11459 - } 11460 - 11461 9669 /* Relaxed */ 11462 9670 11463 9671 .ui.relaxed[class*="vertically divided"].grid > .row:before { ··· 12190 10398 border-top: none !important; 12191 10399 } 12192 10400 12193 - .ui.inverted.stackable.celled.grid > .column:not(.row), 12194 - .ui.inverted.stackable.divided.grid > .column:not(.row), 12195 - .ui.inverted.stackable.celled.grid > .row > .column, 12196 - .ui.inverted.stackable.divided.grid > .row > .column { 12197 - border-top: 1px solid rgba(255, 255, 255, 0.1); 12198 - } 12199 - 12200 10401 .ui.stackable.celled.grid > .column:not(.row), 12201 10402 .ui.stackable.divided:not(.vertically).grid > .column:not(.row), 12202 10403 .ui.stackable.celled.grid > .row > .column, ··· 12815 11016 *******************************/ 12816 11017 12817 11018 /*------------------- 12818 - Inverted 12819 - --------------------*/ 12820 - 12821 - .ui.inverted.header { 12822 - color: #FFFFFF; 12823 - } 12824 - 12825 - .ui.inverted.header .sub.header { 12826 - color: rgba(255, 255, 255, 0.8); 12827 - } 12828 - 12829 - .ui.inverted.attached.header { 12830 - background: #1B1C1D; 12831 - box-shadow: none; 12832 - border-color: transparent; 12833 - } 12834 - 12835 - .ui.inverted.block.header { 12836 - background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 12837 - box-shadow: none; 12838 - border-bottom: none; 12839 - } 12840 - 12841 - /*------------------- 12842 11019 Colors 12843 11020 --------------------*/ 12844 11021 ··· 12854 11031 border-bottom: 2px solid #2185D0; 12855 11032 } 12856 11033 12857 - .ui.inverted.primary.header.header.header { 12858 - color: #54C8FF; 12859 - } 12860 - 12861 - a.ui.inverted.primary.header.header.header:hover { 12862 - color: #21b8ff; 12863 - } 12864 - 12865 - .ui.inverted.primary.dividing.header { 12866 - border-bottom: 2px solid #54C8FF; 12867 - } 12868 - 12869 11034 .ui.secondary.header { 12870 11035 color: #1B1C1D; 12871 11036 } ··· 12878 11043 border-bottom: 2px solid #1B1C1D; 12879 11044 } 12880 11045 12881 - .ui.inverted.secondary.header.header.header { 12882 - color: #545454; 12883 - } 12884 - 12885 - a.ui.inverted.secondary.header.header.header:hover { 12886 - color: #6e6e6e; 12887 - } 12888 - 12889 - .ui.inverted.secondary.dividing.header { 12890 - border-bottom: 2px solid #545454; 12891 - } 12892 - 12893 11046 .ui.red.header { 12894 11047 color: #DB2828; 12895 11048 } ··· 12902 11055 border-bottom: 2px solid #DB2828; 12903 11056 } 12904 11057 12905 - .ui.inverted.red.header.header.header { 12906 - color: #FF695E; 12907 - } 12908 - 12909 - a.ui.inverted.red.header.header.header:hover { 12910 - color: #ff392b; 12911 - } 12912 - 12913 - .ui.inverted.red.dividing.header { 12914 - border-bottom: 2px solid #FF695E; 12915 - } 12916 - 12917 11058 .ui.orange.header { 12918 11059 color: #F2711C; 12919 11060 } ··· 12926 11067 border-bottom: 2px solid #F2711C; 12927 11068 } 12928 11069 12929 - .ui.inverted.orange.header.header.header { 12930 - color: #FF851B; 12931 - } 12932 - 12933 - a.ui.inverted.orange.header.header.header:hover { 12934 - color: #e76b00; 12935 - } 12936 - 12937 - .ui.inverted.orange.dividing.header { 12938 - border-bottom: 2px solid #FF851B; 12939 - } 12940 - 12941 11070 .ui.yellow.header { 12942 11071 color: #FBBD08; 12943 11072 } ··· 12950 11079 border-bottom: 2px solid #FBBD08; 12951 11080 } 12952 11081 12953 - .ui.inverted.yellow.header.header.header { 12954 - color: #FFE21F; 12955 - } 12956 - 12957 - a.ui.inverted.yellow.header.header.header:hover { 12958 - color: #ebcd00; 12959 - } 12960 - 12961 - .ui.inverted.yellow.dividing.header { 12962 - border-bottom: 2px solid #FFE21F; 12963 - } 12964 - 12965 11082 .ui.olive.header { 12966 11083 color: #B5CC18; 12967 11084 } ··· 12974 11091 border-bottom: 2px solid #B5CC18; 12975 11092 } 12976 11093 12977 - .ui.inverted.olive.header.header.header { 12978 - color: #D9E778; 12979 - } 12980 - 12981 - a.ui.inverted.olive.header.header.header:hover { 12982 - color: #d2e745; 12983 - } 12984 - 12985 - .ui.inverted.olive.dividing.header { 12986 - border-bottom: 2px solid #D9E778; 12987 - } 12988 - 12989 11094 .ui.green.header { 12990 11095 color: #21BA45; 12991 11096 } ··· 12998 11103 border-bottom: 2px solid #21BA45; 12999 11104 } 13000 11105 13001 - .ui.inverted.green.header.header.header { 13002 - color: #2ECC40; 13003 - } 13004 - 13005 - a.ui.inverted.green.header.header.header:hover { 13006 - color: #1ea92e; 13007 - } 13008 - 13009 - .ui.inverted.green.dividing.header { 13010 - border-bottom: 2px solid #2ECC40; 13011 - } 13012 - 13013 11106 .ui.teal.header { 13014 11107 color: #00B5AD; 13015 11108 } ··· 13022 11115 border-bottom: 2px solid #00B5AD; 13023 11116 } 13024 11117 13025 - .ui.inverted.teal.header.header.header { 13026 - color: #6DFFFF; 13027 - } 13028 - 13029 - a.ui.inverted.teal.header.header.header:hover { 13030 - color: #3affff; 13031 - } 13032 - 13033 - .ui.inverted.teal.dividing.header { 13034 - border-bottom: 2px solid #6DFFFF; 13035 - } 13036 - 13037 11118 .ui.blue.header { 13038 11119 color: #2185D0; 13039 11120 } ··· 13044 11125 13045 11126 .ui.blue.dividing.header { 13046 11127 border-bottom: 2px solid #2185D0; 13047 - } 13048 - 13049 - .ui.inverted.blue.header.header.header { 13050 - color: #54C8FF; 13051 - } 13052 - 13053 - a.ui.inverted.blue.header.header.header:hover { 13054 - color: #21b8ff; 13055 - } 13056 - 13057 - .ui.inverted.blue.dividing.header { 13058 - border-bottom: 2px solid #54C8FF; 13059 11128 } 13060 11129 13061 11130 .ui.violet.header { ··· 13070 11139 border-bottom: 2px solid #6435C9; 13071 11140 } 13072 11141 13073 - .ui.inverted.violet.header.header.header { 13074 - color: #A291FB; 13075 - } 13076 - 13077 - a.ui.inverted.violet.header.header.header:hover { 13078 - color: #745aff; 13079 - } 13080 - 13081 - .ui.inverted.violet.dividing.header { 13082 - border-bottom: 2px solid #A291FB; 13083 - } 13084 - 13085 11142 .ui.purple.header { 13086 11143 color: #A333C8; 13087 11144 } ··· 13094 11151 border-bottom: 2px solid #A333C8; 13095 11152 } 13096 11153 13097 - .ui.inverted.purple.header.header.header { 13098 - color: #DC73FF; 13099 - } 13100 - 13101 - a.ui.inverted.purple.header.header.header:hover { 13102 - color: #cf40ff; 13103 - } 13104 - 13105 - .ui.inverted.purple.dividing.header { 13106 - border-bottom: 2px solid #DC73FF; 13107 - } 13108 - 13109 11154 .ui.pink.header { 13110 11155 color: #E03997; 13111 11156 } ··· 13118 11163 border-bottom: 2px solid #E03997; 13119 11164 } 13120 11165 13121 - .ui.inverted.pink.header.header.header { 13122 - color: #FF8EDF; 13123 - } 13124 - 13125 - a.ui.inverted.pink.header.header.header:hover { 13126 - color: #ff5bd1; 13127 - } 13128 - 13129 - .ui.inverted.pink.dividing.header { 13130 - border-bottom: 2px solid #FF8EDF; 13131 - } 13132 - 13133 11166 .ui.brown.header { 13134 11167 color: #A5673F; 13135 11168 } ··· 13142 11175 border-bottom: 2px solid #A5673F; 13143 11176 } 13144 11177 13145 - .ui.inverted.brown.header.header.header { 13146 - color: #D67C1C; 13147 - } 13148 - 13149 - a.ui.inverted.brown.header.header.header:hover { 13150 - color: #b0620f; 13151 - } 13152 - 13153 - .ui.inverted.brown.dividing.header { 13154 - border-bottom: 2px solid #D67C1C; 13155 - } 13156 - 13157 11178 .ui.grey.header { 13158 11179 color: #767676; 13159 11180 } ··· 13166 11187 border-bottom: 2px solid #767676; 13167 11188 } 13168 11189 13169 - .ui.inverted.grey.header.header.header { 13170 - color: #DCDDDE; 13171 - } 13172 - 13173 - a.ui.inverted.grey.header.header.header:hover { 13174 - color: #c2c4c5; 13175 - } 13176 - 13177 - .ui.inverted.grey.dividing.header { 13178 - border-bottom: 2px solid #DCDDDE; 13179 - } 13180 - 13181 11190 .ui.black.header { 13182 11191 color: #1B1C1D; 13183 11192 } ··· 13190 11199 border-bottom: 2px solid #1B1C1D; 13191 11200 } 13192 11201 13193 - .ui.inverted.black.header.header.header { 13194 - color: #545454; 13195 - } 13196 - 13197 - a.ui.inverted.black.header.header.header:hover { 13198 - color: #000000; 13199 - } 13200 - 13201 - .ui.inverted.black.dividing.header { 13202 - border-bottom: 2px solid #545454; 13203 - } 13204 - 13205 11202 /*------------------- 13206 11203 Aligned 13207 11204 --------------------*/ ··· 13269 11266 13270 11267 .ui.dividing.header i.icon { 13271 11268 margin-bottom: 0; 13272 - } 13273 - 13274 - .ui.inverted.dividing.header { 13275 - border-bottom-color: rgba(255, 255, 255, 0.1); 13276 11269 } 13277 11270 13278 11271 /*------------------- ··· 13728 11721 padding-right: 0; 13729 11722 } 13730 11723 13731 - /* Transparent Inverted */ 13732 - 13733 - .ui.transparent.inverted.input { 13734 - color: #FFFFFF; 13735 - } 13736 - 13737 - .ui.ui.transparent.inverted.input > textarea, 13738 - .ui.ui.transparent.inverted.input > input { 13739 - color: inherit; 13740 - } 13741 - 13742 - .ui.transparent.inverted.input > input::-webkit-input-placeholder { 13743 - color: rgba(255, 255, 255, 0.5); 13744 - } 13745 - 13746 - .ui.transparent.inverted.input > input::-moz-placeholder { 13747 - color: rgba(255, 255, 255, 0.5); 13748 - } 13749 - 13750 - .ui.transparent.inverted.input > input:-ms-input-placeholder { 13751 - color: rgba(255, 255, 255, 0.5); 13752 - } 13753 - 13754 11724 /*-------------------- 13755 11725 Icon 13756 11726 ---------------------*/ ··· 14111 12081 } 14112 12082 14113 12083 /*-------------------- 14114 - Inverted 14115 - ---------------------*/ 14116 - 14117 - /* Standard */ 14118 - 14119 - .ui.inverted.input > input { 14120 - border: none; 14121 - } 14122 - 14123 - /*-------------------- 14124 12084 Fluid 14125 12085 ---------------------*/ 14126 12086 ··· 14693 12653 } 14694 12654 } 14695 12655 14696 - /*-------------- 14697 - Inverted 14698 - ---------------*/ 14699 - 14700 - .ui.inverted.items > .item { 14701 - background: transparent; 14702 - } 14703 - 14704 - .ui.inverted.items > .item > .content { 14705 - background: none; 14706 - color: rgba(255, 255, 255, 0.9); 14707 - } 14708 - 14709 - .ui.inverted.items > .item .extra { 14710 - background: none; 14711 - } 14712 - 14713 - .ui.inverted.items > .item > .content > .header { 14714 - color: rgba(255, 255, 255, 0.9); 14715 - } 14716 - 14717 - .ui.inverted.items > .item > .content > .description { 14718 - color: rgba(255, 255, 255, 0.9); 14719 - } 14720 - 14721 - .ui.inverted.items > .item .meta { 14722 - color: rgba(255, 255, 255, 0.8); 14723 - } 14724 - 14725 - .ui.inverted.items > .item > .content a:not(.ui) { 14726 - color: #57a4ef; 14727 - } 14728 - 14729 - .ui.inverted.items > .item > .content a:not(.ui):hover { 14730 - color: #4183C4; 14731 - } 14732 - 14733 - .ui.inverted.items > .item > .content > a.header { 14734 - color: rgba(255, 255, 255, 0.9); 14735 - } 14736 - 14737 - .ui.inverted.items > .item > .content > a.header:hover { 14738 - color: #ffffff; 14739 - } 14740 - 14741 - .ui.inverted.items > .item .meta > a:not(.ui) { 14742 - color: rgba(255, 255, 255, 0.7); 14743 - } 14744 - 14745 - .ui.inverted.items > .item .meta > a:not(.ui):hover { 14746 - color: rgba(255, 255, 255, 0.9); 14747 - } 14748 - 14749 - .ui.inverted.items > .item > .content .favorite.icon:hover { 14750 - color: #ffc63d; 14751 - } 14752 - 14753 - .ui.inverted.items > .item > .content .active.favorite.icon { 14754 - color: #ffec56; 14755 - } 14756 - 14757 - .ui.inverted.items > .item > .content .like.icon:hover { 14758 - color: #ff5a63; 14759 - } 14760 - 14761 - .ui.inverted.items > .item > .content .active.like.icon { 14762 - color: #ff5a63; 14763 - } 14764 - 14765 - .ui.inverted.items > .item .extra { 14766 - color: rgba(255, 255, 255, 0.7); 14767 - } 14768 - 14769 - .ui.inverted.items a.item:hover .content .header, 14770 - .ui.inverted.link.items > .item:hover .content .header { 14771 - color: #ffffff; 14772 - } 14773 - 14774 - .ui.inverted.divided.items > .item { 14775 - border-top: 1px solid rgba(255, 255, 255, 0.1); 14776 - } 14777 - 14778 - .ui.inverted.divided.items > .item:first-child { 14779 - border-top: none; 14780 - } 14781 - 14782 12656 /******************************* 14783 12657 Theme Overrides 14784 12658 *******************************/ ··· 15470 13344 } 15471 13345 15472 13346 /*------------------- 15473 - Inverted 15474 - --------------------*/ 15475 - 15476 - .ui.inverted.labels .label, 15477 - .ui.inverted.label { 15478 - color: rgba(255, 255, 255, 0.9); 15479 - background-color: #b5b5b5; 15480 - } 15481 - 15482 - .ui.inverted.corner.label { 15483 - border-color: #b5b5b5; 15484 - } 15485 - 15486 - .ui.inverted.corner.label:hover { 15487 - border-color: #E8E8E8; 15488 - transition: none; 15489 - } 15490 - 15491 - .ui.inverted.basic.labels .label, 15492 - .ui.inverted.basic.label, 15493 - .ui.inverted.basic.label:hover { 15494 - border-color: rgba(255, 255, 255, 0.5); 15495 - background: #1B1C1D; 15496 - } 15497 - 15498 - .ui.inverted.basic.label:hover { 15499 - color: #4183C4; 15500 - } 15501 - 15502 - /*------------------- 15503 13347 Colors 15504 13348 --------------------*/ 15505 13349 ··· 15541 13385 color: #1678c2; 15542 13386 } 15543 13387 15544 - /* Inverted */ 15545 - 15546 - .ui.inverted.labels .primary.label, 15547 - .ui.ui.ui.inverted.primary.label { 15548 - background-color: #54C8FF; 15549 - border-color: #54C8FF; 15550 - color: #1B1C1D; 15551 - } 15552 - 15553 - /* Inverted Link */ 15554 - 15555 - .ui.inverted.labels a.primary.label:hover, 15556 - a.ui.ui.ui.inverted.primary.label:hover { 15557 - background-color: #21b8ff; 15558 - border-color: #21b8ff; 15559 - color: #1B1C1D; 15560 - } 15561 - 15562 - /* Inverted Ribbon */ 15563 - 15564 - .ui.ui.ui.inverted.primary.ribbon.label { 15565 - border-color: #21b8ff; 15566 - } 15567 - 15568 - /* Inverted Basic */ 15569 - 15570 - .ui.inverted.basic.labels .primary.label, 15571 - .ui.ui.ui.inverted.basic.primary.label { 15572 - background-color: #1B1C1D; 15573 - border-color: #54C8FF; 15574 - color: #54C8FF; 15575 - } 15576 - 15577 - .ui.inverted.basic.labels a.primary.label:hover, 15578 - a.ui.ui.ui.inverted.basic.primary.label:hover { 15579 - border-color: #21b8ff; 15580 - background-color: #1B1C1D; 15581 - color: #21b8ff; 15582 - } 15583 - 15584 - /* Inverted Basic Tags */ 15585 - 15586 - .ui.inverted.basic.tag.labels .primary.label, 15587 - .ui.ui.ui.inverted.primary.basic.tag.label { 15588 - border: 1px solid #54C8FF; 15589 - } 15590 - 15591 - .ui.inverted.basic.tag.labels .primary.label:before, 15592 - .ui.ui.ui.inverted.primary.basic.tag.label:before { 15593 - border-color: inherit; 15594 - border-width: 1px 0 0 1px; 15595 - border-style: inherit; 15596 - background-color: #1B1C1D; 15597 - right: calc(100% + 1px); 15598 - } 15599 - 15600 13388 .ui.secondary.labels .label, 15601 13389 .ui.ui.ui.secondary.label { 15602 13390 background-color: #1B1C1D; ··· 15635 13423 color: #27292a; 15636 13424 } 15637 13425 15638 - /* Inverted */ 15639 - 15640 - .ui.inverted.labels .secondary.label, 15641 - .ui.ui.ui.inverted.secondary.label { 15642 - background-color: #545454; 15643 - border-color: #545454; 15644 - color: #1B1C1D; 15645 - } 15646 - 15647 - /* Inverted Link */ 15648 - 15649 - .ui.inverted.labels a.secondary.label:hover, 15650 - a.ui.ui.ui.inverted.secondary.label:hover { 15651 - background-color: #6e6e6e; 15652 - border-color: #6e6e6e; 15653 - color: #1B1C1D; 15654 - } 15655 - 15656 - /* Inverted Ribbon */ 15657 - 15658 - .ui.ui.ui.inverted.secondary.ribbon.label { 15659 - border-color: #3b3b3b; 15660 - } 15661 - 15662 - /* Inverted Basic */ 15663 - 15664 - .ui.inverted.basic.labels .secondary.label, 15665 - .ui.ui.ui.inverted.basic.secondary.label { 15666 - background-color: #1B1C1D; 15667 - border-color: #545454; 15668 - color: #545454; 15669 - } 15670 - 15671 - .ui.inverted.basic.labels a.secondary.label:hover, 15672 - a.ui.ui.ui.inverted.basic.secondary.label:hover { 15673 - border-color: #6e6e6e; 15674 - background-color: #1B1C1D; 15675 - color: #6e6e6e; 15676 - } 15677 - 15678 - /* Inverted Basic Tags */ 15679 - 15680 - .ui.inverted.basic.tag.labels .secondary.label, 15681 - .ui.ui.ui.inverted.secondary.basic.tag.label { 15682 - border: 1px solid #545454; 15683 - } 15684 - 15685 - .ui.inverted.basic.tag.labels .secondary.label:before, 15686 - .ui.ui.ui.inverted.secondary.basic.tag.label:before { 15687 - border-color: inherit; 15688 - border-width: 1px 0 0 1px; 15689 - border-style: inherit; 15690 - background-color: #1B1C1D; 15691 - right: calc(100% + 1px); 15692 - } 15693 - 15694 13426 .ui.red.labels .label, 15695 13427 .ui.ui.ui.red.label { 15696 13428 background-color: #DB2828; ··· 15729 13461 color: #d01919; 15730 13462 } 15731 13463 15732 - /* Inverted */ 15733 - 15734 - .ui.inverted.labels .red.label, 15735 - .ui.ui.ui.inverted.red.label { 15736 - background-color: #FF695E; 15737 - border-color: #FF695E; 15738 - color: #1B1C1D; 15739 - } 15740 - 15741 - /* Inverted Link */ 15742 - 15743 - .ui.inverted.labels a.red.label:hover, 15744 - a.ui.ui.ui.inverted.red.label:hover { 15745 - background-color: #ff392b; 15746 - border-color: #ff392b; 15747 - color: #1B1C1D; 15748 - } 15749 - 15750 - /* Inverted Ribbon */ 15751 - 15752 - .ui.ui.ui.inverted.red.ribbon.label { 15753 - border-color: #ff392b; 15754 - } 15755 - 15756 - /* Inverted Basic */ 15757 - 15758 - .ui.inverted.basic.labels .red.label, 15759 - .ui.ui.ui.inverted.basic.red.label { 15760 - background-color: #1B1C1D; 15761 - border-color: #FF695E; 15762 - color: #FF695E; 15763 - } 15764 - 15765 - .ui.inverted.basic.labels a.red.label:hover, 15766 - a.ui.ui.ui.inverted.basic.red.label:hover { 15767 - border-color: #ff392b; 15768 - background-color: #1B1C1D; 15769 - color: #ff392b; 15770 - } 15771 - 15772 - /* Inverted Basic Tags */ 15773 - 15774 - .ui.inverted.basic.tag.labels .red.label, 15775 - .ui.ui.ui.inverted.red.basic.tag.label { 15776 - border: 1px solid #FF695E; 15777 - } 15778 - 15779 - .ui.inverted.basic.tag.labels .red.label:before, 15780 - .ui.ui.ui.inverted.red.basic.tag.label:before { 15781 - border-color: inherit; 15782 - border-width: 1px 0 0 1px; 15783 - border-style: inherit; 15784 - background-color: #1B1C1D; 15785 - right: calc(100% + 1px); 15786 - } 15787 - 15788 13464 .ui.orange.labels .label, 15789 13465 .ui.ui.ui.orange.label { 15790 13466 background-color: #F2711C; ··· 15823 13499 color: #f26202; 15824 13500 } 15825 13501 15826 - /* Inverted */ 15827 - 15828 - .ui.inverted.labels .orange.label, 15829 - .ui.ui.ui.inverted.orange.label { 15830 - background-color: #FF851B; 15831 - border-color: #FF851B; 15832 - color: #1B1C1D; 15833 - } 15834 - 15835 - /* Inverted Link */ 15836 - 15837 - .ui.inverted.labels a.orange.label:hover, 15838 - a.ui.ui.ui.inverted.orange.label:hover { 15839 - background-color: #e76b00; 15840 - border-color: #e76b00; 15841 - color: #1B1C1D; 15842 - } 15843 - 15844 - /* Inverted Ribbon */ 15845 - 15846 - .ui.ui.ui.inverted.orange.ribbon.label { 15847 - border-color: #e76b00; 15848 - } 15849 - 15850 - /* Inverted Basic */ 15851 - 15852 - .ui.inverted.basic.labels .orange.label, 15853 - .ui.ui.ui.inverted.basic.orange.label { 15854 - background-color: #1B1C1D; 15855 - border-color: #FF851B; 15856 - color: #FF851B; 15857 - } 15858 - 15859 - .ui.inverted.basic.labels a.orange.label:hover, 15860 - a.ui.ui.ui.inverted.basic.orange.label:hover { 15861 - border-color: #e76b00; 15862 - background-color: #1B1C1D; 15863 - color: #e76b00; 15864 - } 15865 - 15866 - /* Inverted Basic Tags */ 15867 - 15868 - .ui.inverted.basic.tag.labels .orange.label, 15869 - .ui.ui.ui.inverted.orange.basic.tag.label { 15870 - border: 1px solid #FF851B; 15871 - } 15872 - 15873 - .ui.inverted.basic.tag.labels .orange.label:before, 15874 - .ui.ui.ui.inverted.orange.basic.tag.label:before { 15875 - border-color: inherit; 15876 - border-width: 1px 0 0 1px; 15877 - border-style: inherit; 15878 - background-color: #1B1C1D; 15879 - right: calc(100% + 1px); 15880 - } 15881 - 15882 13502 .ui.yellow.labels .label, 15883 13503 .ui.ui.ui.yellow.label { 15884 13504 background-color: #FBBD08; ··· 15917 13537 color: #eaae00; 15918 13538 } 15919 13539 15920 - /* Inverted */ 15921 - 15922 - .ui.inverted.labels .yellow.label, 15923 - .ui.ui.ui.inverted.yellow.label { 15924 - background-color: #FFE21F; 15925 - border-color: #FFE21F; 15926 - color: #1B1C1D; 15927 - } 15928 - 15929 - /* Inverted Link */ 15930 - 15931 - .ui.inverted.labels a.yellow.label:hover, 15932 - a.ui.ui.ui.inverted.yellow.label:hover { 15933 - background-color: #ebcd00; 15934 - border-color: #ebcd00; 15935 - color: #1B1C1D; 15936 - } 15937 - 15938 - /* Inverted Ribbon */ 15939 - 15940 - .ui.ui.ui.inverted.yellow.ribbon.label { 15941 - border-color: #ebcd00; 15942 - } 15943 - 15944 - /* Inverted Basic */ 15945 - 15946 - .ui.inverted.basic.labels .yellow.label, 15947 - .ui.ui.ui.inverted.basic.yellow.label { 15948 - background-color: #1B1C1D; 15949 - border-color: #FFE21F; 15950 - color: #FFE21F; 15951 - } 15952 - 15953 - .ui.inverted.basic.labels a.yellow.label:hover, 15954 - a.ui.ui.ui.inverted.basic.yellow.label:hover { 15955 - border-color: #ebcd00; 15956 - background-color: #1B1C1D; 15957 - color: #ebcd00; 15958 - } 15959 - 15960 - /* Inverted Basic Tags */ 15961 - 15962 - .ui.inverted.basic.tag.labels .yellow.label, 15963 - .ui.ui.ui.inverted.yellow.basic.tag.label { 15964 - border: 1px solid #FFE21F; 15965 - } 15966 - 15967 - .ui.inverted.basic.tag.labels .yellow.label:before, 15968 - .ui.ui.ui.inverted.yellow.basic.tag.label:before { 15969 - border-color: inherit; 15970 - border-width: 1px 0 0 1px; 15971 - border-style: inherit; 15972 - background-color: #1B1C1D; 15973 - right: calc(100% + 1px); 15974 - } 15975 - 15976 13540 .ui.olive.labels .label, 15977 13541 .ui.ui.ui.olive.label { 15978 13542 background-color: #B5CC18; ··· 16011 13575 color: #a7bd0d; 16012 13576 } 16013 13577 16014 - /* Inverted */ 16015 - 16016 - .ui.inverted.labels .olive.label, 16017 - .ui.ui.ui.inverted.olive.label { 16018 - background-color: #D9E778; 16019 - border-color: #D9E778; 16020 - color: #1B1C1D; 16021 - } 16022 - 16023 - /* Inverted Link */ 16024 - 16025 - .ui.inverted.labels a.olive.label:hover, 16026 - a.ui.ui.ui.inverted.olive.label:hover { 16027 - background-color: #d2e745; 16028 - border-color: #d2e745; 16029 - color: #1B1C1D; 16030 - } 16031 - 16032 - /* Inverted Ribbon */ 16033 - 16034 - .ui.ui.ui.inverted.olive.ribbon.label { 16035 - border-color: #cddf4d; 16036 - } 16037 - 16038 - /* Inverted Basic */ 16039 - 16040 - .ui.inverted.basic.labels .olive.label, 16041 - .ui.ui.ui.inverted.basic.olive.label { 16042 - background-color: #1B1C1D; 16043 - border-color: #D9E778; 16044 - color: #D9E778; 16045 - } 16046 - 16047 - .ui.inverted.basic.labels a.olive.label:hover, 16048 - a.ui.ui.ui.inverted.basic.olive.label:hover { 16049 - border-color: #d2e745; 16050 - background-color: #1B1C1D; 16051 - color: #d2e745; 16052 - } 16053 - 16054 - /* Inverted Basic Tags */ 16055 - 16056 - .ui.inverted.basic.tag.labels .olive.label, 16057 - .ui.ui.ui.inverted.olive.basic.tag.label { 16058 - border: 1px solid #D9E778; 16059 - } 16060 - 16061 - .ui.inverted.basic.tag.labels .olive.label:before, 16062 - .ui.ui.ui.inverted.olive.basic.tag.label:before { 16063 - border-color: inherit; 16064 - border-width: 1px 0 0 1px; 16065 - border-style: inherit; 16066 - background-color: #1B1C1D; 16067 - right: calc(100% + 1px); 16068 - } 16069 - 16070 13578 .ui.green.labels .label, 16071 13579 .ui.ui.ui.green.label { 16072 13580 background-color: #21BA45; ··· 16105 13613 color: #16ab39; 16106 13614 } 16107 13615 16108 - /* Inverted */ 16109 - 16110 - .ui.inverted.labels .green.label, 16111 - .ui.ui.ui.inverted.green.label { 16112 - background-color: #2ECC40; 16113 - border-color: #2ECC40; 16114 - color: #1B1C1D; 16115 - } 16116 - 16117 - /* Inverted Link */ 16118 - 16119 - .ui.inverted.labels a.green.label:hover, 16120 - a.ui.ui.ui.inverted.green.label:hover { 16121 - background-color: #1ea92e; 16122 - border-color: #1ea92e; 16123 - color: #1B1C1D; 16124 - } 16125 - 16126 - /* Inverted Ribbon */ 16127 - 16128 - .ui.ui.ui.inverted.green.ribbon.label { 16129 - border-color: #25a233; 16130 - } 16131 - 16132 - /* Inverted Basic */ 16133 - 16134 - .ui.inverted.basic.labels .green.label, 16135 - .ui.ui.ui.inverted.basic.green.label { 16136 - background-color: #1B1C1D; 16137 - border-color: #2ECC40; 16138 - color: #2ECC40; 16139 - } 16140 - 16141 - .ui.inverted.basic.labels a.green.label:hover, 16142 - a.ui.ui.ui.inverted.basic.green.label:hover { 16143 - border-color: #1ea92e; 16144 - background-color: #1B1C1D; 16145 - color: #1ea92e; 16146 - } 16147 - 16148 - /* Inverted Basic Tags */ 16149 - 16150 - .ui.inverted.basic.tag.labels .green.label, 16151 - .ui.ui.ui.inverted.green.basic.tag.label { 16152 - border: 1px solid #2ECC40; 16153 - } 16154 - 16155 - .ui.inverted.basic.tag.labels .green.label:before, 16156 - .ui.ui.ui.inverted.green.basic.tag.label:before { 16157 - border-color: inherit; 16158 - border-width: 1px 0 0 1px; 16159 - border-style: inherit; 16160 - background-color: #1B1C1D; 16161 - right: calc(100% + 1px); 16162 - } 16163 - 16164 13616 .ui.teal.labels .label, 16165 13617 .ui.ui.ui.teal.label { 16166 13618 background-color: #00B5AD; ··· 16199 13651 color: #009c95; 16200 13652 } 16201 13653 16202 - /* Inverted */ 16203 - 16204 - .ui.inverted.labels .teal.label, 16205 - .ui.ui.ui.inverted.teal.label { 16206 - background-color: #6DFFFF; 16207 - border-color: #6DFFFF; 16208 - color: #1B1C1D; 16209 - } 16210 - 16211 - /* Inverted Link */ 16212 - 16213 - .ui.inverted.labels a.teal.label:hover, 16214 - a.ui.ui.ui.inverted.teal.label:hover { 16215 - background-color: #3affff; 16216 - border-color: #3affff; 16217 - color: #1B1C1D; 16218 - } 16219 - 16220 - /* Inverted Ribbon */ 16221 - 16222 - .ui.ui.ui.inverted.teal.ribbon.label { 16223 - border-color: #3affff; 16224 - } 16225 - 16226 - /* Inverted Basic */ 16227 - 16228 - .ui.inverted.basic.labels .teal.label, 16229 - .ui.ui.ui.inverted.basic.teal.label { 16230 - background-color: #1B1C1D; 16231 - border-color: #6DFFFF; 16232 - color: #6DFFFF; 16233 - } 16234 - 16235 - .ui.inverted.basic.labels a.teal.label:hover, 16236 - a.ui.ui.ui.inverted.basic.teal.label:hover { 16237 - border-color: #3affff; 16238 - background-color: #1B1C1D; 16239 - color: #3affff; 16240 - } 16241 - 16242 - /* Inverted Basic Tags */ 16243 - 16244 - .ui.inverted.basic.tag.labels .teal.label, 16245 - .ui.ui.ui.inverted.teal.basic.tag.label { 16246 - border: 1px solid #6DFFFF; 16247 - } 16248 - 16249 - .ui.inverted.basic.tag.labels .teal.label:before, 16250 - .ui.ui.ui.inverted.teal.basic.tag.label:before { 16251 - border-color: inherit; 16252 - border-width: 1px 0 0 1px; 16253 - border-style: inherit; 16254 - background-color: #1B1C1D; 16255 - right: calc(100% + 1px); 16256 - } 16257 - 16258 13654 .ui.blue.labels .label, 16259 13655 .ui.ui.ui.blue.label { 16260 13656 background-color: #2185D0; ··· 16293 13689 color: #1678c2; 16294 13690 } 16295 13691 16296 - /* Inverted */ 16297 - 16298 - .ui.inverted.labels .blue.label, 16299 - .ui.ui.ui.inverted.blue.label { 16300 - background-color: #54C8FF; 16301 - border-color: #54C8FF; 16302 - color: #1B1C1D; 16303 - } 16304 - 16305 - /* Inverted Link */ 16306 - 16307 - .ui.inverted.labels a.blue.label:hover, 16308 - a.ui.ui.ui.inverted.blue.label:hover { 16309 - background-color: #21b8ff; 16310 - border-color: #21b8ff; 16311 - color: #1B1C1D; 16312 - } 16313 - 16314 - /* Inverted Ribbon */ 16315 - 16316 - .ui.ui.ui.inverted.blue.ribbon.label { 16317 - border-color: #21b8ff; 16318 - } 16319 - 16320 - /* Inverted Basic */ 16321 - 16322 - .ui.inverted.basic.labels .blue.label, 16323 - .ui.ui.ui.inverted.basic.blue.label { 16324 - background-color: #1B1C1D; 16325 - border-color: #54C8FF; 16326 - color: #54C8FF; 16327 - } 16328 - 16329 - .ui.inverted.basic.labels a.blue.label:hover, 16330 - a.ui.ui.ui.inverted.basic.blue.label:hover { 16331 - border-color: #21b8ff; 16332 - background-color: #1B1C1D; 16333 - color: #21b8ff; 16334 - } 16335 - 16336 - /* Inverted Basic Tags */ 16337 - 16338 - .ui.inverted.basic.tag.labels .blue.label, 16339 - .ui.ui.ui.inverted.blue.basic.tag.label { 16340 - border: 1px solid #54C8FF; 16341 - } 16342 - 16343 - .ui.inverted.basic.tag.labels .blue.label:before, 16344 - .ui.ui.ui.inverted.blue.basic.tag.label:before { 16345 - border-color: inherit; 16346 - border-width: 1px 0 0 1px; 16347 - border-style: inherit; 16348 - background-color: #1B1C1D; 16349 - right: calc(100% + 1px); 16350 - } 16351 - 16352 13692 .ui.violet.labels .label, 16353 13693 .ui.ui.ui.violet.label { 16354 13694 background-color: #6435C9; ··· 16387 13727 color: #5829bb; 16388 13728 } 16389 13729 16390 - /* Inverted */ 16391 - 16392 - .ui.inverted.labels .violet.label, 16393 - .ui.ui.ui.inverted.violet.label { 16394 - background-color: #A291FB; 16395 - border-color: #A291FB; 16396 - color: #1B1C1D; 16397 - } 16398 - 16399 - /* Inverted Link */ 16400 - 16401 - .ui.inverted.labels a.violet.label:hover, 16402 - a.ui.ui.ui.inverted.violet.label:hover { 16403 - background-color: #745aff; 16404 - border-color: #745aff; 16405 - color: #1B1C1D; 16406 - } 16407 - 16408 - /* Inverted Ribbon */ 16409 - 16410 - .ui.ui.ui.inverted.violet.ribbon.label { 16411 - border-color: #7860f9; 16412 - } 16413 - 16414 - /* Inverted Basic */ 16415 - 16416 - .ui.inverted.basic.labels .violet.label, 16417 - .ui.ui.ui.inverted.basic.violet.label { 16418 - background-color: #1B1C1D; 16419 - border-color: #A291FB; 16420 - color: #A291FB; 16421 - } 16422 - 16423 - .ui.inverted.basic.labels a.violet.label:hover, 16424 - a.ui.ui.ui.inverted.basic.violet.label:hover { 16425 - border-color: #745aff; 16426 - background-color: #1B1C1D; 16427 - color: #745aff; 16428 - } 16429 - 16430 - /* Inverted Basic Tags */ 16431 - 16432 - .ui.inverted.basic.tag.labels .violet.label, 16433 - .ui.ui.ui.inverted.violet.basic.tag.label { 16434 - border: 1px solid #A291FB; 16435 - } 16436 - 16437 - .ui.inverted.basic.tag.labels .violet.label:before, 16438 - .ui.ui.ui.inverted.violet.basic.tag.label:before { 16439 - border-color: inherit; 16440 - border-width: 1px 0 0 1px; 16441 - border-style: inherit; 16442 - background-color: #1B1C1D; 16443 - right: calc(100% + 1px); 16444 - } 16445 - 16446 13730 .ui.purple.labels .label, 16447 13731 .ui.ui.ui.purple.label { 16448 13732 background-color: #A333C8; ··· 16481 13765 color: #9627ba; 16482 13766 } 16483 13767 16484 - /* Inverted */ 16485 - 16486 - .ui.inverted.labels .purple.label, 16487 - .ui.ui.ui.inverted.purple.label { 16488 - background-color: #DC73FF; 16489 - border-color: #DC73FF; 16490 - color: #1B1C1D; 16491 - } 16492 - 16493 - /* Inverted Link */ 16494 - 16495 - .ui.inverted.labels a.purple.label:hover, 16496 - a.ui.ui.ui.inverted.purple.label:hover { 16497 - background-color: #cf40ff; 16498 - border-color: #cf40ff; 16499 - color: #1B1C1D; 16500 - } 16501 - 16502 - /* Inverted Ribbon */ 16503 - 16504 - .ui.ui.ui.inverted.purple.ribbon.label { 16505 - border-color: #cf40ff; 16506 - } 16507 - 16508 - /* Inverted Basic */ 16509 - 16510 - .ui.inverted.basic.labels .purple.label, 16511 - .ui.ui.ui.inverted.basic.purple.label { 16512 - background-color: #1B1C1D; 16513 - border-color: #DC73FF; 16514 - color: #DC73FF; 16515 - } 16516 - 16517 - .ui.inverted.basic.labels a.purple.label:hover, 16518 - a.ui.ui.ui.inverted.basic.purple.label:hover { 16519 - border-color: #cf40ff; 16520 - background-color: #1B1C1D; 16521 - color: #cf40ff; 16522 - } 16523 - 16524 - /* Inverted Basic Tags */ 16525 - 16526 - .ui.inverted.basic.tag.labels .purple.label, 16527 - .ui.ui.ui.inverted.purple.basic.tag.label { 16528 - border: 1px solid #DC73FF; 16529 - } 16530 - 16531 - .ui.inverted.basic.tag.labels .purple.label:before, 16532 - .ui.ui.ui.inverted.purple.basic.tag.label:before { 16533 - border-color: inherit; 16534 - border-width: 1px 0 0 1px; 16535 - border-style: inherit; 16536 - background-color: #1B1C1D; 16537 - right: calc(100% + 1px); 16538 - } 16539 - 16540 13768 .ui.pink.labels .label, 16541 13769 .ui.ui.ui.pink.label { 16542 13770 background-color: #E03997; ··· 16575 13803 color: #e61a8d; 16576 13804 } 16577 13805 16578 - /* Inverted */ 16579 - 16580 - .ui.inverted.labels .pink.label, 16581 - .ui.ui.ui.inverted.pink.label { 16582 - background-color: #FF8EDF; 16583 - border-color: #FF8EDF; 16584 - color: #1B1C1D; 16585 - } 16586 - 16587 - /* Inverted Link */ 16588 - 16589 - .ui.inverted.labels a.pink.label:hover, 16590 - a.ui.ui.ui.inverted.pink.label:hover { 16591 - background-color: #ff5bd1; 16592 - border-color: #ff5bd1; 16593 - color: #1B1C1D; 16594 - } 16595 - 16596 - /* Inverted Ribbon */ 16597 - 16598 - .ui.ui.ui.inverted.pink.ribbon.label { 16599 - border-color: #ff5bd1; 16600 - } 16601 - 16602 - /* Inverted Basic */ 16603 - 16604 - .ui.inverted.basic.labels .pink.label, 16605 - .ui.ui.ui.inverted.basic.pink.label { 16606 - background-color: #1B1C1D; 16607 - border-color: #FF8EDF; 16608 - color: #FF8EDF; 16609 - } 16610 - 16611 - .ui.inverted.basic.labels a.pink.label:hover, 16612 - a.ui.ui.ui.inverted.basic.pink.label:hover { 16613 - border-color: #ff5bd1; 16614 - background-color: #1B1C1D; 16615 - color: #ff5bd1; 16616 - } 16617 - 16618 - /* Inverted Basic Tags */ 16619 - 16620 - .ui.inverted.basic.tag.labels .pink.label, 16621 - .ui.ui.ui.inverted.pink.basic.tag.label { 16622 - border: 1px solid #FF8EDF; 16623 - } 16624 - 16625 - .ui.inverted.basic.tag.labels .pink.label:before, 16626 - .ui.ui.ui.inverted.pink.basic.tag.label:before { 16627 - border-color: inherit; 16628 - border-width: 1px 0 0 1px; 16629 - border-style: inherit; 16630 - background-color: #1B1C1D; 16631 - right: calc(100% + 1px); 16632 - } 16633 - 16634 13806 .ui.brown.labels .label, 16635 13807 .ui.ui.ui.brown.label { 16636 13808 background-color: #A5673F; ··· 16669 13841 color: #975b33; 16670 13842 } 16671 13843 16672 - /* Inverted */ 16673 - 16674 - .ui.inverted.labels .brown.label, 16675 - .ui.ui.ui.inverted.brown.label { 16676 - background-color: #D67C1C; 16677 - border-color: #D67C1C; 16678 - color: #1B1C1D; 16679 - } 16680 - 16681 - /* Inverted Link */ 16682 - 16683 - .ui.inverted.labels a.brown.label:hover, 16684 - a.ui.ui.ui.inverted.brown.label:hover { 16685 - background-color: #b0620f; 16686 - border-color: #b0620f; 16687 - color: #1B1C1D; 16688 - } 16689 - 16690 - /* Inverted Ribbon */ 16691 - 16692 - .ui.ui.ui.inverted.brown.ribbon.label { 16693 - border-color: #a96216; 16694 - } 16695 - 16696 - /* Inverted Basic */ 16697 - 16698 - .ui.inverted.basic.labels .brown.label, 16699 - .ui.ui.ui.inverted.basic.brown.label { 16700 - background-color: #1B1C1D; 16701 - border-color: #D67C1C; 16702 - color: #D67C1C; 16703 - } 16704 - 16705 - .ui.inverted.basic.labels a.brown.label:hover, 16706 - a.ui.ui.ui.inverted.basic.brown.label:hover { 16707 - border-color: #b0620f; 16708 - background-color: #1B1C1D; 16709 - color: #b0620f; 16710 - } 16711 - 16712 - /* Inverted Basic Tags */ 16713 - 16714 - .ui.inverted.basic.tag.labels .brown.label, 16715 - .ui.ui.ui.inverted.brown.basic.tag.label { 16716 - border: 1px solid #D67C1C; 16717 - } 16718 - 16719 - .ui.inverted.basic.tag.labels .brown.label:before, 16720 - .ui.ui.ui.inverted.brown.basic.tag.label:before { 16721 - border-color: inherit; 16722 - border-width: 1px 0 0 1px; 16723 - border-style: inherit; 16724 - background-color: #1B1C1D; 16725 - right: calc(100% + 1px); 16726 - } 16727 - 16728 13844 .ui.grey.labels .label, 16729 13845 .ui.ui.ui.grey.label { 16730 13846 background-color: #767676; ··· 16763 13879 color: #838383; 16764 13880 } 16765 13881 16766 - /* Inverted */ 16767 - 16768 - .ui.inverted.labels .grey.label, 16769 - .ui.ui.ui.inverted.grey.label { 16770 - background-color: #DCDDDE; 16771 - border-color: #DCDDDE; 16772 - color: #1B1C1D; 16773 - } 16774 - 16775 - /* Inverted Link */ 16776 - 16777 - .ui.inverted.labels a.grey.label:hover, 16778 - a.ui.ui.ui.inverted.grey.label:hover { 16779 - background-color: #c2c4c5; 16780 - border-color: #c2c4c5; 16781 - color: #FFFFFF; 16782 - } 16783 - 16784 - /* Inverted Ribbon */ 16785 - 16786 - .ui.ui.ui.inverted.grey.ribbon.label { 16787 - border-color: #e9eaea; 16788 - } 16789 - 16790 - /* Inverted Basic */ 16791 - 16792 - .ui.inverted.basic.labels .grey.label, 16793 - .ui.ui.ui.inverted.basic.grey.label { 16794 - background-color: #1B1C1D; 16795 - border-color: #DCDDDE; 16796 - color: rgba(255, 255, 255, 0.9); 16797 - } 16798 - 16799 - .ui.inverted.basic.labels a.grey.label:hover, 16800 - a.ui.ui.ui.inverted.basic.grey.label:hover { 16801 - border-color: #c2c4c5; 16802 - background-color: #1B1C1D; 16803 - } 16804 - 16805 - /* Inverted Basic Tags */ 16806 - 16807 - .ui.inverted.basic.tag.labels .grey.label, 16808 - .ui.ui.ui.inverted.grey.basic.tag.label { 16809 - border: 1px solid #DCDDDE; 16810 - } 16811 - 16812 - .ui.inverted.basic.tag.labels .grey.label:before, 16813 - .ui.ui.ui.inverted.grey.basic.tag.label:before { 16814 - border-color: inherit; 16815 - border-width: 1px 0 0 1px; 16816 - border-style: inherit; 16817 - background-color: #1B1C1D; 16818 - right: calc(100% + 1px); 16819 - } 16820 - 16821 13882 .ui.black.labels .label, 16822 13883 .ui.ui.ui.black.label { 16823 13884 background-color: #1B1C1D; ··· 16856 13917 color: #27292a; 16857 13918 } 16858 13919 16859 - /* Inverted */ 16860 - 16861 - .ui.inverted.labels .black.label, 16862 - .ui.ui.ui.inverted.black.label { 16863 - background-color: #545454; 16864 - border-color: #545454; 16865 - color: #1B1C1D; 16866 - } 16867 - 16868 - /* Inverted Link */ 16869 - 16870 - .ui.inverted.labels a.black.label:hover, 16871 - a.ui.ui.ui.inverted.black.label:hover { 16872 - background-color: #000000; 16873 - border-color: #000000; 16874 - color: #FFFFFF; 16875 - } 16876 - 16877 - /* Inverted Ribbon */ 16878 - 16879 - .ui.ui.ui.inverted.black.ribbon.label { 16880 - border-color: #616161; 16881 - } 16882 - 16883 - /* Inverted Basic */ 16884 - 16885 - .ui.inverted.basic.labels .black.label, 16886 - .ui.ui.ui.inverted.basic.black.label { 16887 - background-color: #1B1C1D; 16888 - border-color: #545454; 16889 - color: rgba(255, 255, 255, 0.9); 16890 - } 16891 - 16892 - .ui.inverted.basic.labels a.black.label:hover, 16893 - a.ui.ui.ui.inverted.basic.black.label:hover { 16894 - border-color: #000000; 16895 - background-color: #1B1C1D; 16896 - } 16897 - 16898 - /* Inverted Basic Tags */ 16899 - 16900 - .ui.inverted.basic.tag.labels .black.label, 16901 - .ui.ui.ui.inverted.black.basic.tag.label { 16902 - border: 1px solid #545454; 16903 - } 16904 - 16905 - .ui.inverted.basic.tag.labels .black.label:before, 16906 - .ui.ui.ui.inverted.black.basic.tag.label:before { 16907 - border-color: inherit; 16908 - border-width: 1px 0 0 1px; 16909 - border-style: inherit; 16910 - background-color: #1B1C1D; 16911 - right: calc(100% + 1px); 16912 - } 16913 - 16914 13920 /*------------------- 16915 13921 Horizontal 16916 13922 --------------------*/ ··· 17538 14544 color: rgba(40, 40, 40, 0.3) !important; 17539 14545 } 17540 14546 17541 - .ui.inverted.list .list > .disabled.item, 17542 - .ui.inverted.list > .disabled.item { 17543 - color: rgba(225, 225, 225, 0.3) !important; 17544 - } 17545 - 17546 14547 /*------------------- 17547 14548 Hover 17548 14549 --------------------*/ ··· 17559 14560 *******************************/ 17560 14561 17561 14562 /*------------------- 17562 - Inverted 17563 - --------------------*/ 17564 - 17565 - .ui.inverted.list .list > a.item > i.icon, 17566 - .ui.inverted.list > a.item > i.icon { 17567 - color: rgba(255, 255, 255, 0.7); 17568 - } 17569 - 17570 - .ui.inverted.list .list > .item .header, 17571 - .ui.inverted.list > .item .header { 17572 - color: rgba(255, 255, 255, 0.9); 17573 - } 17574 - 17575 - .ui.inverted.list .list > .item .description, 17576 - .ui.inverted.list > .item .description { 17577 - color: rgba(255, 255, 255, 0.7); 17578 - } 17579 - 17580 - .ui.inverted.list .list > .item > .content, 17581 - .ui.inverted.list > .item > .content { 17582 - color: rgba(255, 255, 255, 0.7); 17583 - } 17584 - 17585 - /* Item Link */ 17586 - 17587 - .ui.inverted.list .list > a.item, 17588 - .ui.inverted.list > a.item { 17589 - cursor: pointer; 17590 - color: rgba(255, 255, 255, 0.9); 17591 - } 17592 - 17593 - .ui.inverted.list .list > a.item:hover, 17594 - .ui.inverted.list > a.item:hover { 17595 - color: #1e70bf; 17596 - } 17597 - 17598 - /* Linking Content */ 17599 - 17600 - .ui.inverted.list .item a:not(.ui) { 17601 - color: rgba(255, 255, 255, 0.9) !important; 17602 - } 17603 - 17604 - .ui.inverted.list .item a:not(.ui):hover { 17605 - color: #1e70bf !important; 17606 - } 17607 - 17608 - /*------------------- 17609 14563 Aligned 17610 14564 --------------------*/ 17611 14565 ··· 17653 14607 color: rgba(0, 0, 0, 0.95); 17654 14608 } 17655 14609 17656 - /* Inverted */ 17657 - 17658 - .ui.inverted.link.list .item, 17659 - .ui.inverted.link.list a.item, 17660 - .ui.inverted.link.list .item a:not(.ui) { 17661 - color: rgba(255, 255, 255, 0.5); 17662 - } 17663 - 17664 - .ui.inverted.link.list.list a.item:hover, 17665 - .ui.inverted.link.list.list .item a:not(.ui):hover { 17666 - color: #ffffff; 17667 - } 17668 - 17669 - .ui.inverted.link.list.list a.item:active, 17670 - .ui.inverted.link.list.list .item a:not(.ui):active { 17671 - color: #ffffff; 17672 - } 17673 - 17674 - .ui.inverted.link.list.list a.active.item, 17675 - .ui.inverted.link.list.list .active.item a:not(.ui) { 17676 - color: #ffffff; 17677 - } 17678 - 17679 14610 /*------------------- 17680 14611 Selection 17681 14612 --------------------*/ ··· 17714 14645 color: rgba(0, 0, 0, 0.95); 17715 14646 } 17716 14647 17717 - /* Inverted */ 17718 - 17719 - .ui.inverted.selection.list > .item { 17720 - background: transparent; 17721 - color: rgba(255, 255, 255, 0.5); 17722 - } 17723 - 17724 - .ui.inverted.selection.list > .item:hover { 17725 - background: rgba(255, 255, 255, 0.02); 17726 - color: #ffffff; 17727 - } 17728 - 17729 - .ui.inverted.selection.list > .item:active { 17730 - background: rgba(255, 255, 255, 0.08); 17731 - color: #ffffff; 17732 - } 17733 - 17734 - .ui.inverted.selection.list > .item.active { 17735 - background: rgba(255, 255, 255, 0.08); 17736 - color: #ffffff; 17737 - } 17738 - 17739 14648 /* Celled / Divided Selection List */ 17740 14649 17741 14650 .ui.celled.selection.list .list > .item, ··· 17883 14792 opacity: 0.8; 17884 14793 } 17885 14794 17886 - ol.ui.inverted.list li:before, 17887 - .ui.ordered.inverted.list .list > .item:before, 17888 - .ui.ordered.inverted.list > .item:before { 17889 - color: rgba(255, 255, 255, 0.7); 17890 - } 17891 - 17892 14795 /* Value */ 17893 14796 17894 14797 .ui.ordered.list .list > .item[data-value]:before, ··· 18027 14930 border-right: none; 18028 14931 } 18029 14932 18030 - /* Inverted */ 18031 - 18032 - .ui.divided.inverted.list > .item, 18033 - .ui.divided.inverted.list > .list, 18034 - .ui.divided.inverted.horizontal.list > .item { 18035 - border-color: rgba(255, 255, 255, 0.1); 18036 - } 18037 - 18038 14933 /*------------------- 18039 14934 Celled 18040 14935 --------------------*/ ··· 18128 15023 border-right: 1px solid rgba(34, 36, 38, 0.15); 18129 15024 } 18130 15025 18131 - /* Inverted */ 18132 - 18133 - .ui.celled.inverted.list > .item, 18134 - .ui.celled.inverted.list > .list { 18135 - border-color: rgba(255, 255, 255, 0.1); 18136 - } 18137 - 18138 - .ui.celled.inverted.horizontal.list .list > .item, 18139 - .ui.celled.inverted.horizontal.list > .item { 18140 - border-color: rgba(255, 255, 255, 0.1); 18141 - } 18142 - 18143 15026 /*------------------- 18144 15027 Relaxed 18145 15028 --------------------*/ ··· 19477 16360 margin-top: 0.75em; 19478 16361 } 19479 16362 19480 - /* Inverted */ 19481 - 19482 - .ui.inverted.menu .search.dropdown.item > .search, 19483 - .ui.inverted.menu .search.dropdown.item > .text { 19484 - color: rgba(255, 255, 255, 0.9); 19485 - } 19486 - 19487 16363 /* Vertical */ 19488 16364 19489 16365 .ui.vertical.menu .dropdown.item > i.icon { ··· 20128 17004 color: rgba(0, 0, 0, 0.95); 20129 17005 } 20130 17006 20131 - /* Inverted */ 20132 - 20133 - .ui.secondary.inverted.menu .link.item:not(.disabled), 20134 - .ui.secondary.inverted.menu a.item:not(.disabled) { 20135 - color: rgba(255, 255, 255, 0.7); 20136 - } 20137 - 20138 - .ui.secondary.inverted.menu .dropdown.item:hover, 20139 - .ui.secondary.inverted.menu .link.item:hover, 20140 - .ui.secondary.inverted.menu a.item:hover { 20141 - background: rgba(255, 255, 255, 0.08); 20142 - color: #ffffff; 20143 - } 20144 - 20145 - .ui.secondary.inverted.menu .active.item { 20146 - background: rgba(255, 255, 255, 0.15); 20147 - color: #ffffff; 20148 - } 20149 - 20150 17007 /* Fix item margins */ 20151 17008 20152 17009 .ui.secondary.item.menu { ··· 20313 17170 border-color: currentColor; 20314 17171 } 20315 17172 20316 - /* Inverted */ 20317 - 20318 - .ui.secondary.inverted.pointing.menu { 20319 - border-color: rgba(255, 255, 255, 0.1); 20320 - } 20321 - 20322 - .ui.secondary.inverted.pointing.menu .item:not(.disabled) { 20323 - color: rgba(255, 255, 255, 0.9); 20324 - } 20325 - 20326 - .ui.secondary.inverted.pointing.menu .header.item { 20327 - color: #FFFFFF !important; 20328 - } 20329 - 20330 - /* Hover */ 20331 - 20332 - .ui.secondary.inverted.pointing.menu .link.item:hover, 20333 - .ui.secondary.inverted.pointing.menu a.item:hover { 20334 - color: #ffffff; 20335 - } 20336 - 20337 - /* Active */ 20338 - 20339 - .ui.ui.secondary.inverted.pointing.menu .active.item { 20340 - border-color: #FFFFFF; 20341 - color: #ffffff; 20342 - background-color: transparent; 20343 - } 20344 - 20345 17173 /*-------------- 20346 17174 Text Menu 20347 17175 ---------------*/ ··· 20466 17294 20467 17295 .ui.text.attached.menu { 20468 17296 box-shadow: none; 20469 - } 20470 - 20471 - /* Inverted */ 20472 - 20473 - .ui.inverted.text.menu, 20474 - .ui.inverted.text.menu .item, 20475 - .ui.inverted.text.menu .item:hover, 20476 - .ui.inverted.text.menu .active.item { 20477 - background-color: transparent; 20478 17297 } 20479 17298 20480 17299 /* Fluid */ ··· 20710 17529 } 20711 17530 20712 17531 /*-------------- 20713 - Inverted 20714 - ---------------*/ 20715 - 20716 - .ui.inverted.menu { 20717 - border: 0 solid transparent; 20718 - background: #1B1C1D; 20719 - box-shadow: none; 20720 - } 20721 - 20722 - /* Menu Item */ 20723 - 20724 - .ui.inverted.menu .item, 20725 - .ui.inverted.menu .item > a:not(.ui) { 20726 - background: transparent; 20727 - color: rgba(255, 255, 255, 0.9); 20728 - } 20729 - 20730 - .ui.inverted.menu .item.menu { 20731 - background: transparent; 20732 - } 20733 - 20734 - /*--- Border ---*/ 20735 - 20736 - .ui.inverted.menu .item:before { 20737 - background: rgba(255, 255, 255, 0.08); 20738 - } 20739 - 20740 - .ui.vertical.inverted.menu .item:before { 20741 - background: rgba(255, 255, 255, 0.08); 20742 - } 20743 - 20744 - /* Sub Menu */ 20745 - 20746 - .ui.vertical.inverted.menu .menu .item, 20747 - .ui.vertical.inverted.menu .menu .item a:not(.ui) { 20748 - color: rgba(255, 255, 255, 0.5); 20749 - } 20750 - 20751 - /* Header */ 20752 - 20753 - .ui.inverted.menu .header.item { 20754 - margin: 0; 20755 - background: transparent; 20756 - box-shadow: none; 20757 - } 20758 - 20759 - /* Disabled */ 20760 - 20761 - .ui.ui.inverted.menu .item.disabled { 20762 - color: rgba(225, 225, 225, 0.3); 20763 - } 20764 - 20765 - /*--- Hover ---*/ 20766 - 20767 - .ui.link.inverted.menu .item:hover, 20768 - .ui.inverted.menu .dropdown.item:hover, 20769 - .ui.inverted.menu .link.item:hover, 20770 - .ui.inverted.menu a.item:hover { 20771 - background: rgba(255, 255, 255, 0.08); 20772 - color: #ffffff; 20773 - } 20774 - 20775 - .ui.vertical.inverted.menu .item .menu a.item:hover, 20776 - .ui.vertical.inverted.menu .item .menu .link.item:hover { 20777 - background: transparent; 20778 - color: #ffffff; 20779 - } 20780 - 20781 - /*--- Pressed ---*/ 20782 - 20783 - .ui.inverted.menu a.item:active, 20784 - .ui.inverted.menu .link.item:active { 20785 - background: rgba(255, 255, 255, 0.08); 20786 - color: #ffffff; 20787 - } 20788 - 20789 - /*--- Active ---*/ 20790 - 20791 - .ui.inverted.menu .active.item { 20792 - background: #3D3E3F; 20793 - color: #ffffff !important; 20794 - } 20795 - 20796 - .ui.inverted.vertical.menu .item .menu .active.item { 20797 - background: transparent; 20798 - color: #FFFFFF; 20799 - } 20800 - 20801 - .ui.inverted.pointing.menu .active.item:after { 20802 - background: #3D3E3F; 20803 - margin: 0 !important; 20804 - box-shadow: none !important; 20805 - border: none !important; 20806 - } 20807 - 20808 - /*--- Active Hover ---*/ 20809 - 20810 - .ui.inverted.menu .active.item:hover { 20811 - background: #3D3E3F; 20812 - color: #FFFFFF !important; 20813 - } 20814 - 20815 - .ui.inverted.pointing.menu .active.item:hover:after { 20816 - background: #3D3E3F; 20817 - } 20818 - 20819 - /*-------------- 20820 17532 Floated 20821 17533 ---------------*/ 20822 17534 ··· 20835 17547 } 20836 17548 20837 17549 /*-------------- 20838 - Inverted 20839 - ---------------*/ 20840 - 20841 - .ui.ui.ui.inverted.menu .primary.active.item, 20842 - .ui.ui.inverted.primary.menu { 20843 - background-color: #2185D0; 20844 - } 20845 - 20846 - .ui.inverted.primary.menu .item:before { 20847 - background-color: rgba(34, 36, 38, 0.1); 20848 - } 20849 - 20850 - .ui.ui.inverted.primary.menu .active.item { 20851 - background-color: rgba(0, 0, 0, 0.1); 20852 - } 20853 - 20854 - .ui.inverted.pointing.primary.menu .active.item { 20855 - background-color: #1678c2; 20856 - } 20857 - 20858 - .ui.ui.ui.inverted.menu .red.active.item, 20859 - .ui.ui.inverted.red.menu { 20860 - background-color: #DB2828; 20861 - } 20862 - 20863 - .ui.inverted.red.menu .item:before { 20864 - background-color: rgba(34, 36, 38, 0.1); 20865 - } 20866 - 20867 - .ui.ui.inverted.red.menu .active.item { 20868 - background-color: rgba(0, 0, 0, 0.1); 20869 - } 20870 - 20871 - .ui.inverted.pointing.red.menu .active.item { 20872 - background-color: #d01919; 20873 - } 20874 - 20875 - .ui.ui.ui.inverted.menu .orange.active.item, 20876 - .ui.ui.inverted.orange.menu { 20877 - background-color: #F2711C; 20878 - } 20879 - 20880 - .ui.inverted.orange.menu .item:before { 20881 - background-color: rgba(34, 36, 38, 0.1); 20882 - } 20883 - 20884 - .ui.ui.inverted.orange.menu .active.item { 20885 - background-color: rgba(0, 0, 0, 0.1); 20886 - } 20887 - 20888 - .ui.inverted.pointing.orange.menu .active.item { 20889 - background-color: #f26202; 20890 - } 20891 - 20892 - .ui.ui.ui.inverted.menu .yellow.active.item, 20893 - .ui.ui.inverted.yellow.menu { 20894 - background-color: #FBBD08; 20895 - } 20896 - 20897 - .ui.inverted.yellow.menu .item:before { 20898 - background-color: rgba(34, 36, 38, 0.1); 20899 - } 20900 - 20901 - .ui.ui.inverted.yellow.menu .active.item { 20902 - background-color: rgba(0, 0, 0, 0.1); 20903 - } 20904 - 20905 - .ui.inverted.pointing.yellow.menu .active.item { 20906 - background-color: #eaae00; 20907 - } 20908 - 20909 - .ui.ui.ui.inverted.menu .olive.active.item, 20910 - .ui.ui.inverted.olive.menu { 20911 - background-color: #B5CC18; 20912 - } 20913 - 20914 - .ui.inverted.olive.menu .item:before { 20915 - background-color: rgba(34, 36, 38, 0.1); 20916 - } 20917 - 20918 - .ui.ui.inverted.olive.menu .active.item { 20919 - background-color: rgba(0, 0, 0, 0.1); 20920 - } 20921 - 20922 - .ui.inverted.pointing.olive.menu .active.item { 20923 - background-color: #a7bd0d; 20924 - } 20925 - 20926 - .ui.ui.ui.inverted.menu .green.active.item, 20927 - .ui.ui.inverted.green.menu { 20928 - background-color: #21BA45; 20929 - } 20930 - 20931 - .ui.inverted.green.menu .item:before { 20932 - background-color: rgba(34, 36, 38, 0.1); 20933 - } 20934 - 20935 - .ui.ui.inverted.green.menu .active.item { 20936 - background-color: rgba(0, 0, 0, 0.1); 20937 - } 20938 - 20939 - .ui.inverted.pointing.green.menu .active.item { 20940 - background-color: #16ab39; 20941 - } 20942 - 20943 - .ui.ui.ui.inverted.menu .teal.active.item, 20944 - .ui.ui.inverted.teal.menu { 20945 - background-color: #00B5AD; 20946 - } 20947 - 20948 - .ui.inverted.teal.menu .item:before { 20949 - background-color: rgba(34, 36, 38, 0.1); 20950 - } 20951 - 20952 - .ui.ui.inverted.teal.menu .active.item { 20953 - background-color: rgba(0, 0, 0, 0.1); 20954 - } 20955 - 20956 - .ui.inverted.pointing.teal.menu .active.item { 20957 - background-color: #009c95; 20958 - } 20959 - 20960 - .ui.ui.ui.inverted.menu .blue.active.item, 20961 - .ui.ui.inverted.blue.menu { 20962 - background-color: #2185D0; 20963 - } 20964 - 20965 - .ui.inverted.blue.menu .item:before { 20966 - background-color: rgba(34, 36, 38, 0.1); 20967 - } 20968 - 20969 - .ui.ui.inverted.blue.menu .active.item { 20970 - background-color: rgba(0, 0, 0, 0.1); 20971 - } 20972 - 20973 - .ui.inverted.pointing.blue.menu .active.item { 20974 - background-color: #1678c2; 20975 - } 20976 - 20977 - .ui.ui.ui.inverted.menu .violet.active.item, 20978 - .ui.ui.inverted.violet.menu { 20979 - background-color: #6435C9; 20980 - } 20981 - 20982 - .ui.inverted.violet.menu .item:before { 20983 - background-color: rgba(34, 36, 38, 0.1); 20984 - } 20985 - 20986 - .ui.ui.inverted.violet.menu .active.item { 20987 - background-color: rgba(0, 0, 0, 0.1); 20988 - } 20989 - 20990 - .ui.inverted.pointing.violet.menu .active.item { 20991 - background-color: #5829bb; 20992 - } 20993 - 20994 - .ui.ui.ui.inverted.menu .purple.active.item, 20995 - .ui.ui.inverted.purple.menu { 20996 - background-color: #A333C8; 20997 - } 20998 - 20999 - .ui.inverted.purple.menu .item:before { 21000 - background-color: rgba(34, 36, 38, 0.1); 21001 - } 21002 - 21003 - .ui.ui.inverted.purple.menu .active.item { 21004 - background-color: rgba(0, 0, 0, 0.1); 21005 - } 21006 - 21007 - .ui.inverted.pointing.purple.menu .active.item { 21008 - background-color: #9627ba; 21009 - } 21010 - 21011 - .ui.ui.ui.inverted.menu .pink.active.item, 21012 - .ui.ui.inverted.pink.menu { 21013 - background-color: #E03997; 21014 - } 21015 - 21016 - .ui.inverted.pink.menu .item:before { 21017 - background-color: rgba(34, 36, 38, 0.1); 21018 - } 21019 - 21020 - .ui.ui.inverted.pink.menu .active.item { 21021 - background-color: rgba(0, 0, 0, 0.1); 21022 - } 21023 - 21024 - .ui.inverted.pointing.pink.menu .active.item { 21025 - background-color: #e61a8d; 21026 - } 21027 - 21028 - .ui.ui.ui.inverted.menu .brown.active.item, 21029 - .ui.ui.inverted.brown.menu { 21030 - background-color: #A5673F; 21031 - } 21032 - 21033 - .ui.inverted.brown.menu .item:before { 21034 - background-color: rgba(34, 36, 38, 0.1); 21035 - } 21036 - 21037 - .ui.ui.inverted.brown.menu .active.item { 21038 - background-color: rgba(0, 0, 0, 0.1); 21039 - } 21040 - 21041 - .ui.inverted.pointing.brown.menu .active.item { 21042 - background-color: #975b33; 21043 - } 21044 - 21045 - .ui.ui.ui.inverted.menu .grey.active.item, 21046 - .ui.ui.inverted.grey.menu { 21047 - background-color: #767676; 21048 - } 21049 - 21050 - .ui.inverted.grey.menu .item:before { 21051 - background-color: rgba(34, 36, 38, 0.1); 21052 - } 21053 - 21054 - .ui.ui.inverted.grey.menu .active.item { 21055 - background-color: rgba(0, 0, 0, 0.1); 21056 - } 21057 - 21058 - .ui.inverted.pointing.grey.menu .active.item { 21059 - background-color: #838383; 21060 - } 21061 - 21062 - .ui.ui.ui.inverted.menu .black.active.item, 21063 - .ui.ui.inverted.black.menu { 21064 - background-color: #1B1C1D; 21065 - } 21066 - 21067 - .ui.inverted.black.menu .item:before { 21068 - background-color: rgba(34, 36, 38, 0.1); 21069 - } 21070 - 21071 - .ui.ui.inverted.black.menu .active.item { 21072 - background-color: rgba(0, 0, 0, 0.1); 21073 - } 21074 - 21075 - .ui.inverted.pointing.black.menu .active.item { 21076 - background-color: #27292a; 21077 - } 21078 - 21079 - .ui.ui.ui.inverted.pointing.menu .active.item:after { 21080 - background-color: inherit; 21081 - } 21082 - 21083 - /*-------------- 21084 17550 Fitted 21085 17551 ---------------*/ 21086 17552 ··· 21499 17965 21500 17966 .ui.attached.menu:not(.tabular) { 21501 17967 border: 1px solid #D4D4D5; 21502 - } 21503 - 21504 - .ui.attached.inverted.menu { 21505 - border: none; 21506 17968 } 21507 17969 21508 17970 .ui.attached.tabular.menu { ··· 22275 18737 color: rgba(255, 255, 255, 0.9); 22276 18738 } 22277 18739 22278 - .ui.inverted.message { 22279 - background-color: #1B1C1D; 22280 - color: rgba(255, 255, 255, 0.9); 22281 - } 22282 - 22283 18740 /*-------------- 22284 18741 Sizes 22285 18742 ---------------*/ ··· 23112 19569 } 23113 19570 } 23114 19571 23115 - /***************************** 23116 - Inverted 23117 - *******************************/ 23118 - 23119 - .ui.inverted.modal { 23120 - background: rgba(0, 0, 0, 0.9); 23121 - } 23122 - 23123 - .ui.inverted.modal > .header, 23124 - .ui.inverted.modal > .content { 23125 - background: rgba(0, 0, 0, 0.9); 23126 - color: #FFFFFF; 23127 - } 23128 - 23129 - .ui.inverted.modal > .actions { 23130 - background: #191A1B; 23131 - border-top: 1px solid rgba(34, 36, 38, 0.85); 23132 - color: #FFFFFF; 23133 - } 23134 - 23135 - .ui.inverted.dimmer > .modal > .close { 23136 - color: rgba(0, 0, 0, 0.85); 23137 - } 23138 - 23139 - @media only screen and (max-width: 991.98px) { 23140 - .ui.dimmer .inverted.modal > .close { 23141 - color: #FFFFFF; 23142 - } 23143 - } 23144 - 23145 - .ui.inverted.modal > .close.inside, 23146 - .ui.inverted.fullscreen.modal > .close { 23147 - color: #FFFFFF; 23148 - } 23149 - 23150 19572 /******************************* 23151 19573 Theme Overrides 23152 19574 *******************************/ ··· 23777 20199 Loose Coupling 23778 20200 --------------------*/ 23779 20201 23780 - /* Header */ 23781 - 23782 - .ui.inverted.segment > .ui.header .sub.header, 23783 - .ui.inverted.segment > .ui.header { 23784 - color: #FFFFFF; 23785 - } 23786 - 23787 20202 /* Label */ 23788 20203 23789 20204 .ui[class*="bottom attached"].segment > [class*="top attached"].label { ··· 24004 20419 bottom: 0; 24005 20420 } 24006 20421 24007 - /* Inverted */ 24008 - 24009 - .ui.stacked.inverted.segments:before, 24010 - .ui.stacked.inverted.segments:after, 24011 - .ui.stacked.inverted.segment:before, 24012 - .ui.stacked.inverted.segment:after { 24013 - background-color: rgba(0, 0, 0, 0.03); 24014 - border-top: 1px solid rgba(34, 36, 38, 0.35); 24015 - } 24016 - 24017 20422 /*------------------- 24018 20423 Padded 24019 20424 --------------------*/ ··· 24304 20709 border-top: 2px solid #DB2828; 24305 20710 } 24306 20711 24307 - .ui.inverted.red.segment.segment.segment.segment.segment { 24308 - background-color: #DB2828; 24309 - color: #FFFFFF; 24310 - } 24311 - 24312 20712 .ui.orange.segment.segment.segment.segment.segment:not(.inverted) { 24313 20713 border-top: 2px solid #F2711C; 24314 20714 } 24315 20715 24316 - .ui.inverted.orange.segment.segment.segment.segment.segment { 24317 - background-color: #F2711C; 24318 - color: #FFFFFF; 24319 - } 24320 - 24321 20716 .ui.yellow.segment.segment.segment.segment.segment:not(.inverted) { 24322 20717 border-top: 2px solid #FBBD08; 24323 20718 } 24324 20719 24325 - .ui.inverted.yellow.segment.segment.segment.segment.segment { 24326 - background-color: #FBBD08; 24327 - color: #FFFFFF; 24328 - } 24329 - 24330 20720 .ui.olive.segment.segment.segment.segment.segment:not(.inverted) { 24331 20721 border-top: 2px solid #B5CC18; 24332 20722 } 24333 20723 24334 - .ui.inverted.olive.segment.segment.segment.segment.segment { 24335 - background-color: #B5CC18; 24336 - color: #FFFFFF; 24337 - } 24338 - 24339 20724 .ui.green.segment.segment.segment.segment.segment:not(.inverted) { 24340 20725 border-top: 2px solid #21BA45; 24341 20726 } 24342 20727 24343 - .ui.inverted.green.segment.segment.segment.segment.segment { 24344 - background-color: #21BA45; 24345 - color: #FFFFFF; 24346 - } 24347 - 24348 20728 .ui.teal.segment.segment.segment.segment.segment:not(.inverted) { 24349 20729 border-top: 2px solid #00B5AD; 24350 20730 } 24351 20731 24352 - .ui.inverted.teal.segment.segment.segment.segment.segment { 24353 - background-color: #00B5AD; 24354 - color: #FFFFFF; 24355 - } 24356 - 24357 20732 .ui.blue.segment.segment.segment.segment.segment:not(.inverted) { 24358 20733 border-top: 2px solid #2185D0; 24359 20734 } 24360 20735 24361 - .ui.inverted.blue.segment.segment.segment.segment.segment { 24362 - background-color: #2185D0; 24363 - color: #FFFFFF; 24364 - } 24365 - 24366 20736 .ui.violet.segment.segment.segment.segment.segment:not(.inverted) { 24367 20737 border-top: 2px solid #6435C9; 24368 20738 } 24369 20739 24370 - .ui.inverted.violet.segment.segment.segment.segment.segment { 24371 - background-color: #6435C9; 24372 - color: #FFFFFF; 24373 - } 24374 - 24375 20740 .ui.purple.segment.segment.segment.segment.segment:not(.inverted) { 24376 20741 border-top: 2px solid #A333C8; 24377 20742 } 24378 20743 24379 - .ui.inverted.purple.segment.segment.segment.segment.segment { 24380 - background-color: #A333C8; 24381 - color: #FFFFFF; 24382 - } 24383 - 24384 20744 .ui.pink.segment.segment.segment.segment.segment:not(.inverted) { 24385 20745 border-top: 2px solid #E03997; 24386 20746 } 24387 20747 24388 - .ui.inverted.pink.segment.segment.segment.segment.segment { 24389 - background-color: #E03997; 24390 - color: #FFFFFF; 24391 - } 24392 - 24393 20748 .ui.brown.segment.segment.segment.segment.segment:not(.inverted) { 24394 20749 border-top: 2px solid #A5673F; 24395 - } 24396 - 24397 - .ui.inverted.brown.segment.segment.segment.segment.segment { 24398 - background-color: #A5673F; 24399 - color: #FFFFFF; 24400 20750 } 24401 20751 24402 20752 .ui.grey.segment.segment.segment.segment.segment:not(.inverted) { 24403 20753 border-top: 2px solid #767676; 24404 20754 } 24405 20755 24406 - .ui.inverted.grey.segment.segment.segment.segment.segment { 24407 - background-color: #767676; 24408 - color: #FFFFFF; 24409 - } 24410 - 24411 20756 .ui.black.segment.segment.segment.segment.segment:not(.inverted) { 24412 20757 border-top: 2px solid #1B1C1D; 24413 20758 } 24414 20759 24415 - .ui.inverted.black.segment.segment.segment.segment.segment { 24416 - background-color: #1B1C1D; 24417 - color: #FFFFFF; 24418 - } 24419 - 24420 20760 /*------------------- 24421 20761 Aligned 24422 20762 --------------------*/ ··· 24449 20789 } 24450 20790 24451 20791 /*------------------- 24452 - Inverted 24453 - --------------------*/ 24454 - 24455 - .ui.inverted.segment { 24456 - border: none; 24457 - box-shadow: none; 24458 - } 24459 - 24460 - .ui.inverted.segment, 24461 - .ui.primary.inverted.segment { 24462 - background: #1B1C1D; 24463 - color: rgba(255, 255, 255, 0.9); 24464 - } 24465 - 24466 - /* Nested */ 24467 - 24468 - .ui.inverted.segment .segment { 24469 - color: rgba(0, 0, 0, 0.87); 24470 - } 24471 - 24472 - .ui.inverted.segment .inverted.segment { 24473 - color: rgba(255, 255, 255, 0.9); 24474 - } 24475 - 24476 - /* Attached */ 24477 - 24478 - .ui.inverted.attached.segment { 24479 - border-color: #555555; 24480 - } 24481 - 24482 - /* Loading */ 24483 - 24484 - .ui.inverted.loading.segment { 24485 - color: #FFFFFF; 24486 - } 24487 - 24488 - .ui.inverted.loading.segment:before { 24489 - background: rgba(0, 0, 0, 0.85); 24490 - } 24491 - 24492 - /*------------------- 24493 20792 Emphasis 24494 20793 --------------------*/ 24495 20794 ··· 24500 20799 color: rgba(0, 0, 0, 0.6); 24501 20800 } 24502 20801 24503 - .ui.secondary.inverted.segment { 24504 - background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%); 24505 - color: rgba(255, 255, 255, 0.8); 24506 - } 24507 - 24508 20802 /* Tertiary */ 24509 20803 24510 20804 .ui.tertiary.segment { 24511 20805 background: #DCDDDE; 24512 20806 color: rgba(0, 0, 0, 0.6); 24513 - } 24514 - 24515 - .ui.tertiary.inverted.segment { 24516 - background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%); 24517 - color: rgba(255, 255, 255, 0.8); 24518 20807 } 24519 20808 24520 20809 /*------------------- ··· 25160 21449 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset; 25161 21450 } 25162 21451 25163 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.left { 25164 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset; 25165 - } 25166 - 25167 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.right { 25168 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset; 25169 - } 25170 - 25171 21452 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.left { 25172 21453 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset; 25173 21454 } ··· 25176 21457 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset; 25177 21458 } 25178 21459 25179 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.left { 25180 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset; 25181 - } 25182 - 25183 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.right { 25184 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset; 25185 - } 25186 - 25187 21460 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.left { 25188 21461 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset; 25189 21462 } ··· 25192 21465 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset; 25193 21466 } 25194 21467 25195 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.left { 25196 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset; 25197 - } 25198 - 25199 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.right { 25200 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset; 25201 - } 25202 - 25203 21468 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.left { 25204 21469 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset; 25205 21470 } ··· 25208 21473 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset; 25209 21474 } 25210 21475 25211 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.left { 25212 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset; 25213 - } 25214 - 25215 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.right { 25216 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset; 25217 - } 25218 - 25219 21476 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.left { 25220 21477 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset; 25221 21478 } ··· 25224 21481 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset; 25225 21482 } 25226 21483 25227 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.left { 25228 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset; 25229 - } 25230 - 25231 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.right { 25232 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset; 25233 - } 25234 - 25235 21484 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.left { 25236 21485 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset; 25237 21486 } ··· 25240 21489 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset; 25241 21490 } 25242 21491 25243 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.left { 25244 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset; 25245 - } 25246 - 25247 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.right { 25248 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset; 25249 - } 25250 - 25251 21492 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.left { 25252 21493 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset; 25253 21494 } ··· 25256 21497 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset; 25257 21498 } 25258 21499 25259 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.left { 25260 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset; 25261 - } 25262 - 25263 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.right { 25264 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset; 25265 - } 25266 - 25267 21500 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.left { 25268 21501 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset; 25269 21502 } ··· 25272 21505 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset; 25273 21506 } 25274 21507 25275 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.left { 25276 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset; 25277 - } 25278 - 25279 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.right { 25280 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset; 25281 - } 25282 - 25283 21508 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.left { 25284 21509 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset; 25285 21510 } ··· 25288 21513 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset; 25289 21514 } 25290 21515 25291 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.left { 25292 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset; 25293 - } 25294 - 25295 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.right { 25296 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset; 25297 - } 25298 - 25299 21516 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.left { 25300 21517 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset; 25301 21518 } ··· 25304 21521 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset; 25305 21522 } 25306 21523 25307 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.left { 25308 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset; 25309 - } 25310 - 25311 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.right { 25312 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset; 25313 - } 25314 - 25315 21524 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.left { 25316 21525 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset; 25317 21526 } ··· 25320 21529 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset; 25321 21530 } 25322 21531 25323 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.left { 25324 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset; 25325 - } 25326 - 25327 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.right { 25328 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset; 25329 - } 25330 - 25331 21532 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.left { 25332 21533 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset; 25333 21534 } ··· 25336 21537 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset; 25337 21538 } 25338 21539 25339 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.left { 25340 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset; 25341 - } 25342 - 25343 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.right { 25344 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset; 25345 - } 25346 - 25347 21540 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.left { 25348 21541 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset; 25349 21542 } ··· 25352 21545 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset; 25353 21546 } 25354 21547 25355 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.left { 25356 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset; 25357 - } 25358 - 25359 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.right { 25360 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset; 25361 - } 25362 - 25363 21548 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.left { 25364 21549 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset; 25365 21550 } ··· 25368 21553 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset; 25369 21554 } 25370 21555 25371 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.left { 25372 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset; 25373 - } 25374 - 25375 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.right { 25376 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset; 25377 - } 25378 - 25379 21556 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.left { 25380 21557 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset; 25381 21558 } 25382 21559 25383 21560 .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.right { 25384 21561 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset; 25385 - } 25386 - 25387 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.left { 25388 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset; 25389 - } 25390 - 25391 - .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.right { 25392 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset; 25393 21562 } 25394 21563 } 25395 21564 ··· 25648 21817 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset; 25649 21818 } 25650 21819 25651 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.left { 25652 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset; 25653 - } 25654 - 25655 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.right { 25656 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset; 25657 - } 25658 - 25659 21820 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.left { 25660 21821 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset; 25661 21822 } ··· 25664 21825 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset; 25665 21826 } 25666 21827 25667 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.left { 25668 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset; 25669 - } 25670 - 25671 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.right { 25672 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset; 25673 - } 25674 - 25675 21828 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.left { 25676 21829 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset; 25677 21830 } ··· 25680 21833 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset; 25681 21834 } 25682 21835 25683 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.left { 25684 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset; 25685 - } 25686 - 25687 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.right { 25688 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset; 25689 - } 25690 - 25691 21836 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.left { 25692 21837 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset; 25693 21838 } ··· 25696 21841 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset; 25697 21842 } 25698 21843 25699 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.left { 25700 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset; 25701 - } 25702 - 25703 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.right { 25704 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset; 25705 - } 25706 - 25707 21844 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.left { 25708 21845 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset; 25709 21846 } ··· 25712 21849 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset; 25713 21850 } 25714 21851 25715 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.left { 25716 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset; 25717 - } 25718 - 25719 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.right { 25720 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset; 25721 - } 25722 - 25723 21852 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.left { 25724 21853 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset; 25725 21854 } ··· 25728 21857 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset; 25729 21858 } 25730 21859 25731 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.left { 25732 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset; 25733 - } 25734 - 25735 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.right { 25736 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset; 25737 - } 25738 - 25739 21860 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.left { 25740 21861 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset; 25741 21862 } ··· 25744 21865 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset; 25745 21866 } 25746 21867 25747 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.left { 25748 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset; 25749 - } 25750 - 25751 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.right { 25752 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset; 25753 - } 25754 - 25755 21868 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.left { 25756 21869 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset; 25757 21870 } ··· 25760 21873 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset; 25761 21874 } 25762 21875 25763 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.left { 25764 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset; 25765 - } 25766 - 25767 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.right { 25768 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset; 25769 - } 25770 - 25771 21876 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.left { 25772 21877 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset; 25773 21878 } 25774 21879 25775 21880 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.right { 25776 21881 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset; 25777 - } 25778 - 25779 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.left { 25780 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset; 25781 - } 25782 - 25783 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.right { 25784 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset; 25785 21882 } 25786 21883 25787 21884 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.left { ··· 25790 21887 25791 21888 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.right { 25792 21889 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset; 25793 - } 25794 - 25795 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.left { 25796 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset; 25797 - } 25798 - 25799 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.right { 25800 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset; 25801 21890 } 25802 21891 25803 21892 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.left { ··· 25808 21897 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset; 25809 21898 } 25810 21899 25811 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.left { 25812 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset; 25813 - } 25814 - 25815 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.right { 25816 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset; 25817 - } 25818 - 25819 21900 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.left { 25820 21901 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset; 25821 21902 } ··· 25824 21905 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset; 25825 21906 } 25826 21907 25827 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.left { 25828 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset; 25829 - } 25830 - 25831 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.right { 25832 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset; 25833 - } 25834 - 25835 21908 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.left { 25836 21909 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset; 25837 21910 } ··· 25840 21913 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset; 25841 21914 } 25842 21915 25843 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.left { 25844 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset; 25845 - } 25846 - 25847 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.right { 25848 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset; 25849 - } 25850 - 25851 21916 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.left { 25852 21917 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset; 25853 21918 } ··· 25856 21921 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset; 25857 21922 } 25858 21923 25859 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.left { 25860 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset; 25861 - } 25862 - 25863 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.right { 25864 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset; 25865 - } 25866 - 25867 21924 .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.left { 25868 21925 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset; 25869 21926 } ··· 25872 21929 box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset; 25873 21930 } 25874 21931 25875 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.left { 25876 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset; 25877 - } 25878 - 25879 - .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.right { 25880 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset; 25881 - } 25882 - 25883 21932 /*-------------- 25884 21933 Text Alignment 25885 21934 ---------------*/ ··· 25950 21999 .ui.table tbody tr td.selectable:hover { 25951 22000 background: rgba(0, 0, 0, 0.05); 25952 22001 color: rgba(0, 0, 0, 0.95); 25953 - } 25954 - 25955 - .ui.ui.selectable.inverted.table > tbody > tr:hover, 25956 - .ui.inverted.table tbody tr td.selectable:hover { 25957 - background: rgba(255, 255, 255, 0.08); 25958 - color: #ffffff; 25959 22002 } 25960 22003 25961 22004 /* Selectable Cell Link */ ··· 26075 22118 background-color: rgba(0, 0, 50, 0.02); 26076 22119 } 26077 22120 26078 - /* Stripes */ 26079 - 26080 - .ui.inverted.striped.table > tr:nth-child(2n), 26081 - .ui.inverted.striped.table > tbody > tr:nth-child(2n) { 26082 - background-color: rgba(255, 255, 255, 0.05); 26083 - } 26084 - 26085 22121 /* Allow striped active hover */ 26086 22122 26087 22123 .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { ··· 26106 22142 border-top: 0.2em solid #2185D0; 26107 22143 } 26108 22144 26109 - .ui.inverted.primary.table { 26110 - background-color: #2185D0; 26111 - color: #FFFFFF; 26112 - } 26113 - 26114 22145 .ui.ui.ui.ui.table tr.primary:not(.marked), 26115 22146 .ui.ui.table td.primary:not(.marked) { 26116 22147 background: #ddf4ff; ··· 26132 22163 .ui.table td.marked.primary.right, 26133 22164 .ui.table tr.marked.primary.right { 26134 22165 box-shadow: -0.2em 0 0 0 #2185D0 inset; 26135 - } 26136 - 26137 - .ui.inverted.table td.marked.primary.left, 26138 - .ui.inverted.table tr.marked.primary.left { 26139 - box-shadow: 0.2em 0 0 0 #54C8FF inset; 26140 - } 26141 - 26142 - .ui.inverted.table td.marked.primary.right, 26143 - .ui.inverted.table tr.marked.primary.right { 26144 - box-shadow: -0.2em 0 0 0 #54C8FF inset; 26145 22166 } 26146 22167 26147 22168 .ui.secondary.table { 26148 22169 border-top: 0.2em solid #1B1C1D; 26149 22170 } 26150 22171 26151 - .ui.inverted.secondary.table { 26152 - background-color: #1B1C1D; 26153 - color: #FFFFFF; 26154 - } 26155 - 26156 22172 .ui.ui.ui.ui.table tr.secondary:not(.marked), 26157 22173 .ui.ui.table td.secondary:not(.marked) { 26158 22174 background: #dddddd; ··· 26176 22192 box-shadow: -0.2em 0 0 0 #1B1C1D inset; 26177 22193 } 26178 22194 26179 - .ui.inverted.table td.marked.secondary.left, 26180 - .ui.inverted.table tr.marked.secondary.left { 26181 - box-shadow: 0.2em 0 0 0 #545454 inset; 26182 - } 26183 - 26184 - .ui.inverted.table td.marked.secondary.right, 26185 - .ui.inverted.table tr.marked.secondary.right { 26186 - box-shadow: -0.2em 0 0 0 #545454 inset; 26187 - } 26188 - 26189 22195 .ui.red.table { 26190 22196 border-top: 0.2em solid #DB2828; 26191 22197 } 26192 22198 26193 - .ui.inverted.red.table { 26194 - background-color: #DB2828; 26195 - color: #FFFFFF; 26196 - } 26197 - 26198 22199 .ui.ui.ui.ui.table tr.red:not(.marked), 26199 22200 .ui.ui.table td.red:not(.marked) { 26200 22201 background: #ffe1df; ··· 26218 22219 box-shadow: -0.2em 0 0 0 #DB2828 inset; 26219 22220 } 26220 22221 26221 - .ui.inverted.table td.marked.red.left, 26222 - .ui.inverted.table tr.marked.red.left { 26223 - box-shadow: 0.2em 0 0 0 #FF695E inset; 26224 - } 26225 - 26226 - .ui.inverted.table td.marked.red.right, 26227 - .ui.inverted.table tr.marked.red.right { 26228 - box-shadow: -0.2em 0 0 0 #FF695E inset; 26229 - } 26230 - 26231 22222 .ui.orange.table { 26232 22223 border-top: 0.2em solid #F2711C; 26233 22224 } 26234 22225 26235 - .ui.inverted.orange.table { 26236 - background-color: #F2711C; 26237 - color: #FFFFFF; 26238 - } 26239 - 26240 22226 .ui.ui.ui.ui.table tr.orange:not(.marked), 26241 22227 .ui.ui.table td.orange:not(.marked) { 26242 22228 background: #ffe7d1; ··· 26260 22246 box-shadow: -0.2em 0 0 0 #F2711C inset; 26261 22247 } 26262 22248 26263 - .ui.inverted.table td.marked.orange.left, 26264 - .ui.inverted.table tr.marked.orange.left { 26265 - box-shadow: 0.2em 0 0 0 #FF851B inset; 26266 - } 26267 - 26268 - .ui.inverted.table td.marked.orange.right, 26269 - .ui.inverted.table tr.marked.orange.right { 26270 - box-shadow: -0.2em 0 0 0 #FF851B inset; 26271 - } 26272 - 26273 22249 .ui.yellow.table { 26274 22250 border-top: 0.2em solid #FBBD08; 26275 - } 26276 - 26277 - .ui.inverted.yellow.table { 26278 - background-color: #FBBD08; 26279 - color: #FFFFFF; 26280 22251 } 26281 22252 26282 22253 .ui.ui.ui.ui.table tr.yellow:not(.marked), ··· 26302 22273 box-shadow: -0.2em 0 0 0 #FBBD08 inset; 26303 22274 } 26304 22275 26305 - .ui.inverted.table td.marked.yellow.left, 26306 - .ui.inverted.table tr.marked.yellow.left { 26307 - box-shadow: 0.2em 0 0 0 #FFE21F inset; 26308 - } 26309 - 26310 - .ui.inverted.table td.marked.yellow.right, 26311 - .ui.inverted.table tr.marked.yellow.right { 26312 - box-shadow: -0.2em 0 0 0 #FFE21F inset; 26313 - } 26314 - 26315 22276 .ui.olive.table { 26316 22277 border-top: 0.2em solid #B5CC18; 26317 - } 26318 - 26319 - .ui.inverted.olive.table { 26320 - background-color: #B5CC18; 26321 - color: #FFFFFF; 26322 22278 } 26323 22279 26324 22280 .ui.ui.ui.ui.table tr.olive:not(.marked), ··· 26344 22300 box-shadow: -0.2em 0 0 0 #B5CC18 inset; 26345 22301 } 26346 22302 26347 - .ui.inverted.table td.marked.olive.left, 26348 - .ui.inverted.table tr.marked.olive.left { 26349 - box-shadow: 0.2em 0 0 0 #D9E778 inset; 26350 - } 26351 - 26352 - .ui.inverted.table td.marked.olive.right, 26353 - .ui.inverted.table tr.marked.olive.right { 26354 - box-shadow: -0.2em 0 0 0 #D9E778 inset; 26355 - } 26356 - 26357 22303 .ui.green.table { 26358 22304 border-top: 0.2em solid #21BA45; 26359 - } 26360 - 26361 - .ui.inverted.green.table { 26362 - background-color: #21BA45; 26363 - color: #FFFFFF; 26364 22305 } 26365 22306 26366 22307 .ui.ui.ui.ui.table tr.green:not(.marked), ··· 26386 22327 box-shadow: -0.2em 0 0 0 #21BA45 inset; 26387 22328 } 26388 22329 26389 - .ui.inverted.table td.marked.green.left, 26390 - .ui.inverted.table tr.marked.green.left { 26391 - box-shadow: 0.2em 0 0 0 #2ECC40 inset; 26392 - } 26393 - 26394 - .ui.inverted.table td.marked.green.right, 26395 - .ui.inverted.table tr.marked.green.right { 26396 - box-shadow: -0.2em 0 0 0 #2ECC40 inset; 26397 - } 26398 - 26399 22330 .ui.teal.table { 26400 22331 border-top: 0.2em solid #00B5AD; 26401 - } 26402 - 26403 - .ui.inverted.teal.table { 26404 - background-color: #00B5AD; 26405 - color: #FFFFFF; 26406 22332 } 26407 22333 26408 22334 .ui.ui.ui.ui.table tr.teal:not(.marked), ··· 26428 22354 box-shadow: -0.2em 0 0 0 #00B5AD inset; 26429 22355 } 26430 22356 26431 - .ui.inverted.table td.marked.teal.left, 26432 - .ui.inverted.table tr.marked.teal.left { 26433 - box-shadow: 0.2em 0 0 0 #6DFFFF inset; 26434 - } 26435 - 26436 - .ui.inverted.table td.marked.teal.right, 26437 - .ui.inverted.table tr.marked.teal.right { 26438 - box-shadow: -0.2em 0 0 0 #6DFFFF inset; 26439 - } 26440 - 26441 22357 .ui.blue.table { 26442 22358 border-top: 0.2em solid #2185D0; 26443 - } 26444 - 26445 - .ui.inverted.blue.table { 26446 - background-color: #2185D0; 26447 - color: #FFFFFF; 26448 22359 } 26449 22360 26450 22361 .ui.ui.ui.ui.table tr.blue:not(.marked), ··· 26470 22381 box-shadow: -0.2em 0 0 0 #2185D0 inset; 26471 22382 } 26472 22383 26473 - .ui.inverted.table td.marked.blue.left, 26474 - .ui.inverted.table tr.marked.blue.left { 26475 - box-shadow: 0.2em 0 0 0 #54C8FF inset; 26476 - } 26477 - 26478 - .ui.inverted.table td.marked.blue.right, 26479 - .ui.inverted.table tr.marked.blue.right { 26480 - box-shadow: -0.2em 0 0 0 #54C8FF inset; 26481 - } 26482 - 26483 22384 .ui.violet.table { 26484 22385 border-top: 0.2em solid #6435C9; 26485 - } 26486 - 26487 - .ui.inverted.violet.table { 26488 - background-color: #6435C9; 26489 - color: #FFFFFF; 26490 22386 } 26491 22387 26492 22388 .ui.ui.ui.ui.table tr.violet:not(.marked), ··· 26510 22406 .ui.table td.marked.violet.right, 26511 22407 .ui.table tr.marked.violet.right { 26512 22408 box-shadow: -0.2em 0 0 0 #6435C9 inset; 26513 - } 26514 - 26515 - .ui.inverted.table td.marked.violet.left, 26516 - .ui.inverted.table tr.marked.violet.left { 26517 - box-shadow: 0.2em 0 0 0 #A291FB inset; 26518 - } 26519 - 26520 - .ui.inverted.table td.marked.violet.right, 26521 - .ui.inverted.table tr.marked.violet.right { 26522 - box-shadow: -0.2em 0 0 0 #A291FB inset; 26523 22409 } 26524 22410 26525 22411 .ui.purple.table { 26526 22412 border-top: 0.2em solid #A333C8; 26527 22413 } 26528 22414 26529 - .ui.inverted.purple.table { 26530 - background-color: #A333C8; 26531 - color: #FFFFFF; 26532 - } 26533 - 26534 22415 .ui.ui.ui.ui.table tr.purple:not(.marked), 26535 22416 .ui.ui.table td.purple:not(.marked) { 26536 22417 background: #f8e3ff; ··· 26554 22435 box-shadow: -0.2em 0 0 0 #A333C8 inset; 26555 22436 } 26556 22437 26557 - .ui.inverted.table td.marked.purple.left, 26558 - .ui.inverted.table tr.marked.purple.left { 26559 - box-shadow: 0.2em 0 0 0 #DC73FF inset; 26560 - } 26561 - 26562 - .ui.inverted.table td.marked.purple.right, 26563 - .ui.inverted.table tr.marked.purple.right { 26564 - box-shadow: -0.2em 0 0 0 #DC73FF inset; 26565 - } 26566 - 26567 22438 .ui.pink.table { 26568 22439 border-top: 0.2em solid #E03997; 26569 22440 } 26570 22441 26571 - .ui.inverted.pink.table { 26572 - background-color: #E03997; 26573 - color: #FFFFFF; 26574 - } 26575 - 26576 22442 .ui.ui.ui.ui.table tr.pink:not(.marked), 26577 22443 .ui.ui.table td.pink:not(.marked) { 26578 22444 background: #ffe8f9; ··· 26596 22462 box-shadow: -0.2em 0 0 0 #E03997 inset; 26597 22463 } 26598 22464 26599 - .ui.inverted.table td.marked.pink.left, 26600 - .ui.inverted.table tr.marked.pink.left { 26601 - box-shadow: 0.2em 0 0 0 #FF8EDF inset; 26602 - } 26603 - 26604 - .ui.inverted.table td.marked.pink.right, 26605 - .ui.inverted.table tr.marked.pink.right { 26606 - box-shadow: -0.2em 0 0 0 #FF8EDF inset; 26607 - } 26608 - 26609 22465 .ui.brown.table { 26610 22466 border-top: 0.2em solid #A5673F; 26611 22467 } 26612 22468 26613 - .ui.inverted.brown.table { 26614 - background-color: #A5673F; 26615 - color: #FFFFFF; 26616 - } 26617 - 26618 22469 .ui.ui.ui.ui.table tr.brown:not(.marked), 26619 22470 .ui.ui.table td.brown:not(.marked) { 26620 22471 background: #f7e5d2; ··· 26638 22489 box-shadow: -0.2em 0 0 0 #A5673F inset; 26639 22490 } 26640 22491 26641 - .ui.inverted.table td.marked.brown.left, 26642 - .ui.inverted.table tr.marked.brown.left { 26643 - box-shadow: 0.2em 0 0 0 #D67C1C inset; 26644 - } 26645 - 26646 - .ui.inverted.table td.marked.brown.right, 26647 - .ui.inverted.table tr.marked.brown.right { 26648 - box-shadow: -0.2em 0 0 0 #D67C1C inset; 26649 - } 26650 - 26651 22492 .ui.grey.table { 26652 22493 border-top: 0.2em solid #767676; 26653 22494 } 26654 22495 26655 - .ui.inverted.grey.table { 26656 - background-color: #767676; 26657 - color: #FFFFFF; 26658 - } 26659 - 26660 22496 .ui.ui.ui.ui.table tr.grey:not(.marked), 26661 22497 .ui.ui.table td.grey:not(.marked) { 26662 22498 background: #DCDDDE; ··· 26680 22516 box-shadow: -0.2em 0 0 0 #767676 inset; 26681 22517 } 26682 22518 26683 - .ui.inverted.table td.marked.grey.left, 26684 - .ui.inverted.table tr.marked.grey.left { 26685 - box-shadow: 0.2em 0 0 0 #DCDDDE inset; 26686 - } 26687 - 26688 - .ui.inverted.table td.marked.grey.right, 26689 - .ui.inverted.table tr.marked.grey.right { 26690 - box-shadow: -0.2em 0 0 0 #DCDDDE inset; 26691 - } 26692 - 26693 22519 .ui.black.table { 26694 22520 border-top: 0.2em solid #1B1C1D; 26695 22521 } 26696 22522 26697 - .ui.inverted.black.table { 26698 - background-color: #1B1C1D; 26699 - color: #FFFFFF; 26700 - } 26701 - 26702 22523 .ui.ui.ui.ui.table tr.black:not(.marked), 26703 22524 .ui.ui.table td.black:not(.marked) { 26704 22525 background: #545454; ··· 26720 22541 .ui.table td.marked.black.right, 26721 22542 .ui.table tr.marked.black.right { 26722 22543 box-shadow: -0.2em 0 0 0 #1B1C1D inset; 26723 - } 26724 - 26725 - .ui.inverted.table td.marked.black.left, 26726 - .ui.inverted.table tr.marked.black.left { 26727 - box-shadow: 0.2em 0 0 0 #545454 inset; 26728 - } 26729 - 26730 - .ui.inverted.table td.marked.black.right, 26731 - .ui.inverted.table tr.marked.black.right { 26732 - box-shadow: -0.2em 0 0 0 #545454 inset; 26733 22544 } 26734 22545 26735 22546 /*-------------- ··· 26966 22777 background: rgba(0, 0, 0, 0.05); 26967 22778 } 26968 22779 26969 - /* Inverted */ 26970 - 26971 - .ui.inverted.sortable.table thead th.sorted { 26972 - color: #ffffff; 26973 - } 26974 - 26975 - .ui.inverted.sortable.table:not(.basic) thead th.sorted { 26976 - background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 26977 - } 26978 - 26979 - .ui.inverted.sortable.table > thead > tr > th:hover { 26980 - color: #ffffff; 26981 - } 26982 - 26983 - .ui.inverted.sortable.table:not(.basic) > thead > tr > th:hover { 26984 - background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 26985 - } 26986 - 26987 - .ui.inverted.sortable.table:not(.basic) > thead > tr > th { 26988 - border-left-color: transparent; 26989 - border-right-color: transparent; 26990 - } 26991 - 26992 - /*-------------- 26993 - Inverted 26994 - ---------------*/ 26995 - 26996 - /* Text Color */ 26997 - 26998 - .ui.inverted.table { 26999 - background: #333333; 27000 - color: rgba(255, 255, 255, 0.9); 27001 - border: none; 27002 - } 27003 - 27004 - .ui.ui.inverted.table > thead > tr > th, 27005 - .ui.ui.inverted.table > tbody > tr > th, 27006 - .ui.ui.inverted.table > tfoot > tr > th, 27007 - .ui.ui.inverted.table > tfoot > tr > td, 27008 - .ui.ui.inverted.table > tr > th { 27009 - background-color: rgba(0, 0, 0, 0.15); 27010 - border-color: rgba(255, 255, 255, 0.1); 27011 - color: rgba(255, 255, 255, 0.9); 27012 - } 27013 - 27014 - .ui.inverted.table > tbody > tr > td, 27015 - .ui.inverted.table > tfoot > tr > td, 27016 - .ui.inverted.table > tr > td { 27017 - border-color: rgba(255, 255, 255, 0.1); 27018 - } 27019 - 27020 - .ui.inverted.table tr.disabled td, 27021 - .ui.inverted.table tr td.disabled, 27022 - .ui.inverted.table tr.disabled:hover td, 27023 - .ui.inverted.table tr:hover td.disabled { 27024 - pointer-events: none; 27025 - color: rgba(225, 225, 225, 0.3); 27026 - } 27027 - 27028 - .ui.inverted.table tr td.disabled:not([class="disabled"]), 27029 - .ui.inverted.table tr.disabled:not([class="disabled"]) td, 27030 - .ui.inverted.table tr.disabled td[class]:not(.disabled), 27031 - .ui.inverted.table tr:hover td.disabled:not([class="disabled"]) { 27032 - color: rgba(40, 40, 40, 0.3); 27033 - } 27034 - 27035 - /* Definition */ 27036 - 27037 - .ui.inverted.definition.table > tfoot:not(.full-width) > tr > th:first-child, 27038 - .ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child { 27039 - background: #FFFFFF; 27040 - } 27041 - 27042 - .ui.inverted.definition.table > tbody > tr > td:first-child .ui.inverted.definition.table > tfoot > tr > td:first-child, 27043 - .ui.inverted.definition.table > tr > td:first-child { 27044 - background: rgba(255, 255, 255, 0.02); 27045 - color: #ffffff; 27046 - } 27047 - 27048 22780 /*-------------- 27049 22781 Collapsing 27050 22782 ---------------*/ ··· 27141 22873 .ui.celled.table > tbody > tr > td, 27142 22874 .ui.celled.table > tfoot > tr > td { 27143 22875 border-left: 1px solid rgba(34, 36, 38, 0.1); 27144 - } 27145 - 27146 - .ui.inverted.celled.table > tbody > tr > td, 27147 - .ui.inverted.celled.table > tr > td { 27148 - border-left: 1px solid rgba(255, 255, 255, 0.1); 27149 22876 } 27150 22877 27151 22878 .ui.celled.table > tr > th:first-child, ··· 27293 23020 color: #2185D0; 27294 23021 } 27295 23022 27296 - span.ui.inverted.primary.text { 27297 - color: #54C8FF; 27298 - } 27299 - 27300 23023 span.ui.secondary.text { 27301 23024 color: #1B1C1D; 27302 23025 } 27303 23026 27304 - span.ui.inverted.secondary.text { 27305 - color: #545454; 27306 - } 27307 - 27308 23027 span.ui.red.text { 27309 23028 color: #DB2828; 27310 23029 } 27311 23030 27312 - span.ui.inverted.red.text { 27313 - color: #FF695E; 27314 - } 27315 - 27316 23031 span.ui.orange.text { 27317 23032 color: #F2711C; 27318 23033 } 27319 23034 27320 - span.ui.inverted.orange.text { 27321 - color: #FF851B; 27322 - } 27323 - 27324 23035 span.ui.yellow.text { 27325 23036 color: #FBBD08; 27326 23037 } 27327 23038 27328 - span.ui.inverted.yellow.text { 27329 - color: #FFE21F; 27330 - } 27331 - 27332 23039 span.ui.olive.text { 27333 23040 color: #B5CC18; 27334 23041 } 27335 23042 27336 - span.ui.inverted.olive.text { 27337 - color: #D9E778; 27338 - } 27339 - 27340 23043 span.ui.green.text { 27341 23044 color: #21BA45; 27342 23045 } 27343 23046 27344 - span.ui.inverted.green.text { 27345 - color: #2ECC40; 27346 - } 27347 - 27348 23047 span.ui.teal.text { 27349 23048 color: #00B5AD; 27350 - } 27351 - 27352 - span.ui.inverted.teal.text { 27353 - color: #6DFFFF; 27354 23049 } 27355 23050 27356 23051 span.ui.blue.text { 27357 23052 color: #2185D0; 27358 - } 27359 - 27360 - span.ui.inverted.blue.text { 27361 - color: #54C8FF; 27362 23053 } 27363 23054 27364 23055 span.ui.violet.text { 27365 23056 color: #6435C9; 27366 23057 } 27367 23058 27368 - span.ui.inverted.violet.text { 27369 - color: #A291FB; 27370 - } 27371 - 27372 23059 span.ui.purple.text { 27373 23060 color: #A333C8; 27374 - } 27375 - 27376 - span.ui.inverted.purple.text { 27377 - color: #DC73FF; 27378 23061 } 27379 23062 27380 23063 span.ui.pink.text { 27381 23064 color: #E03997; 27382 23065 } 27383 23066 27384 - span.ui.inverted.pink.text { 27385 - color: #FF8EDF; 27386 - } 27387 - 27388 23067 span.ui.brown.text { 27389 23068 color: #A5673F; 27390 - } 27391 - 27392 - span.ui.inverted.brown.text { 27393 - color: #D67C1C; 27394 23069 } 27395 23070 27396 23071 span.ui.grey.text { 27397 23072 color: #767676; 27398 23073 } 27399 23074 27400 - span.ui.inverted.grey.text { 27401 - color: #DCDDDE; 27402 - } 27403 - 27404 23075 span.ui.black.text { 27405 23076 color: #1B1C1D; 27406 - } 27407 - 27408 - span.ui.inverted.black.text { 27409 - color: #545454; 27410 23077 } 27411 23078 27412 23079 span.ui.error.text {

Configure Feed

Configure Feed