@northdata/fomantic-ui 2.9.418 → 2.9.419

package/lib/semantic-ui/dist/components/table.css

@@ -935,6 +935,226 @@
   background: #d2eed5;
   color: #1ebc30;
 }
+.ui.olive.table {
+  border-top: 0.2em solid #a0b06c;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+.ui.scrolling.table > thead.olive,
+.ui.scrolling.table > tfoot.olive {
+  background: #f7fae4;
+  color: #f7fae4;
+}
+.ui.scrolling.table > thead.olive > tr > th,
+.ui.scrolling.table > tfoot.olive > tr > th,
+.ui.scrolling.table > thead.olive > tr > td,
+.ui.scrolling.table > tfoot.olive > tr > td {
+  background: inherit;
+  color: #8abc1e;
+}
+.ui.ui.ui.ui.table tr[class*="olive colored"],
+.ui.ui.table th[class*="olive colored"],
+.ui.ui.table td[class*="olive colored"],
+.ui.ui.ui.ui.table tr.olive,
+.ui.ui.table th.olive,
+.ui.ui.table td.olive {
+  background: #f7fae4;
+  color: #8abc1e;
+}
+.ui.table > thead > tr[class*="olive colored"] > th,
+.ui.table > tfoot > tr[class*="olive colored"] > th,
+.ui.table > tfoot > tr[class*="olive colored"] > td,
+.ui.table > thead > tr.olive > th,
+.ui.table > tfoot > tr.olive > th,
+.ui.table > tfoot > tr.olive > td {
+  background: inherit;
+  color: #8abc1e;
+}
+.ui.ui.selectable.table tr[class*="olive colored"]:hover,
+.ui.table tr td.selectable[class*="olive colored"]:hover,
+.ui.selectable.table tr:hover td[class*="olive colored"],
+.ui.ui.selectable.table tr.olive:hover,
+.ui.table tr td.selectable.olive:hover,
+.ui.selectable.table tr:hover td.olive {
+  background: #f6fada;
+  color: #8abc1e;
+}
+.ui.pink.table {
+  border-top: 0.2em solid #af6687;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+.ui.scrolling.table > thead.pink,
+.ui.scrolling.table > tfoot.pink {
+  background: #ffe8f9;
+  color: #ffe8f9;
+}
+.ui.scrolling.table > thead.pink > tr > th,
+.ui.scrolling.table > tfoot.pink > tr > th,
+.ui.scrolling.table > thead.pink > tr > td,
+.ui.scrolling.table > tfoot.pink > tr > td {
+  background: inherit;
+  color: #af6687;
+}
+.ui.ui.ui.ui.table tr[class*="pink colored"],
+.ui.ui.table th[class*="pink colored"],
+.ui.ui.table td[class*="pink colored"],
+.ui.ui.ui.ui.table tr.pink,
+.ui.ui.table th.pink,
+.ui.ui.table td.pink {
+  background: #ffe8f9;
+  color: #af6687;
+}
+.ui.table > thead > tr[class*="pink colored"] > th,
+.ui.table > tfoot > tr[class*="pink colored"] > th,
+.ui.table > tfoot > tr[class*="pink colored"] > td,
+.ui.table > thead > tr.pink > th,
+.ui.table > tfoot > tr.pink > th,
+.ui.table > tfoot > tr.pink > td {
+  background: inherit;
+  color: #af6687;
+}
+.ui.ui.selectable.table tr[class*="pink colored"]:hover,
+.ui.table tr td.selectable[class*="pink colored"]:hover,
+.ui.selectable.table tr:hover td[class*="pink colored"],
+.ui.ui.selectable.table tr.pink:hover,
+.ui.table tr td.selectable.pink:hover,
+.ui.selectable.table tr:hover td.pink {
+  background: #ffdef6;
+  color: #af6687;
+}
+.ui.purple.table {
+  border-top: 0.2em solid #6667af;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+.ui.scrolling.table > thead.purple,
+.ui.scrolling.table > tfoot.purple {
+  background: #f8e3ff;
+  color: #f8e3ff;
+}
+.ui.scrolling.table > thead.purple > tr > th,
+.ui.scrolling.table > tfoot.purple > tr > th,
+.ui.scrolling.table > thead.purple > tr > td,
+.ui.scrolling.table > tfoot.purple > tr > td {
+  background: inherit;
+  color: #6667af;
+}
+.ui.ui.ui.ui.table tr[class*="purple colored"],
+.ui.ui.table th[class*="purple colored"],
+.ui.ui.table td[class*="purple colored"],
+.ui.ui.ui.ui.table tr.purple,
+.ui.ui.table th.purple,
+.ui.ui.table td.purple {
+  background: #f8e3ff;
+  color: #6667af;
+}
+.ui.table > thead > tr[class*="purple colored"] > th,
+.ui.table > tfoot > tr[class*="purple colored"] > th,
+.ui.table > tfoot > tr[class*="purple colored"] > td,
+.ui.table > thead > tr.purple > th,
+.ui.table > tfoot > tr.purple > th,
+.ui.table > tfoot > tr.purple > td {
+  background: inherit;
+  color: #6667af;
+}
+.ui.ui.selectable.table tr[class*="purple colored"]:hover,
+.ui.table tr td.selectable[class*="purple colored"]:hover,
+.ui.selectable.table tr:hover td[class*="purple colored"],
+.ui.ui.selectable.table tr.purple:hover,
+.ui.table tr td.selectable.purple:hover,
+.ui.selectable.table tr:hover td.purple {
+  background: #f5d9ff;
+  color: #6667af;
+}
+.ui.orange.table {
+  border-top: 0.2em solid #af6a66;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+.ui.scrolling.table > thead.orange,
+.ui.scrolling.table > tfoot.orange {
+  background: #ffe7d1;
+  color: #ffe7d1;
+}
+.ui.scrolling.table > thead.orange > tr > th,
+.ui.scrolling.table > tfoot.orange > tr > th,
+.ui.scrolling.table > thead.orange > tr > td,
+.ui.scrolling.table > tfoot.orange > tr > td {
+  background: inherit;
+  color: #af6a66;
+}
+.ui.ui.ui.ui.table tr[class*="orange colored"],
+.ui.ui.table th[class*="orange colored"],
+.ui.ui.table td[class*="orange colored"],
+.ui.ui.ui.ui.table tr.orange,
+.ui.ui.table th.orange,
+.ui.ui.table td.orange {
+  background: #ffe7d1;
+  color: #af6a66;
+}
+.ui.table > thead > tr[class*="orange colored"] > th,
+.ui.table > tfoot > tr[class*="orange colored"] > th,
+.ui.table > tfoot > tr[class*="orange colored"] > td,
+.ui.table > thead > tr.orange > th,
+.ui.table > tfoot > tr.orange > th,
+.ui.table > tfoot > tr.orange > td {
+  background: inherit;
+  color: #af6a66;
+}
+.ui.ui.selectable.table tr[class*="orange colored"]:hover,
+.ui.table tr td.selectable[class*="orange colored"]:hover,
+.ui.selectable.table tr:hover td[class*="orange colored"],
+.ui.ui.selectable.table tr.orange:hover,
+.ui.table tr td.selectable.orange:hover,
+.ui.selectable.table tr:hover td.orange {
+  background: #fae1cc;
+  color: #af6a66;
+}
+.ui.brown.table {
+  border-top: 0.2em solid #af9066;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+.ui.scrolling.table > thead.brown,
+.ui.scrolling.table > tfoot.brown {
+  background: #f7e5d2;
+  color: #f7e5d2;
+}
+.ui.scrolling.table > thead.brown > tr > th,
+.ui.scrolling.table > tfoot.brown > tr > th,
+.ui.scrolling.table > thead.brown > tr > td,
+.ui.scrolling.table > tfoot.brown > tr > td {
+  background: inherit;
+  color: #af9066;
+}
+.ui.ui.ui.ui.table tr[class*="brown colored"],
+.ui.ui.table th[class*="brown colored"],
+.ui.ui.table td[class*="brown colored"],
+.ui.ui.ui.ui.table tr.brown,
+.ui.ui.table th.brown,
+.ui.ui.table td.brown {
+  background: #f7e5d2;
+  color: #af9066;
+}
+.ui.table > thead > tr[class*="brown colored"] > th,
+.ui.table > tfoot > tr[class*="brown colored"] > th,
+.ui.table > tfoot > tr[class*="brown colored"] > td,
+.ui.table > thead > tr.brown > th,
+.ui.table > tfoot > tr.brown > th,
+.ui.table > tfoot > tr.brown > td {
+  background: inherit;
+  color: #af9066;
+}
+.ui.ui.selectable.table tr[class*="brown colored"]:hover,
+.ui.table tr td.selectable[class*="brown colored"]:hover,
+.ui.selectable.table tr:hover td[class*="brown colored"],
+.ui.ui.selectable.table tr.brown:hover,
+.ui.table tr td.selectable.brown:hover,
+.ui.selectable.table tr:hover td.brown {
+  background: #efe0cf;
+  color: #af9066;
+}
 
 /* --------------
       Column Count
@@ -1287,95 +1507,299 @@
          Site Overrides
 *******************************/
 
-.ui.ui.ui.ui.primary.table {
+.ui.panel {
+  background-color: #f9fafb;
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+.ui.panel > .header,
+.ui.panel > .content {
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  border-right: 1px solid rgba(34, 36, 38, 0.15);
+  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+  padding: 0.92857143em 0.7em;
+}
+.ui.fitted.panel > .content {
+  padding: 0;
+  border: none;
+  overflow-x: auto;
+}
+.ui.primary.panel {
+  border-top: 0.2em solid #007388;
+}
+.ui.primary.panel > .header {
+  background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.primary.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
-.ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.primary.table > thead > tr:first-child > th {
   
 /* Colored header */
-  
-/* Colored header (stacked table) */
-}
-.ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), #f9fafb 80%);
+  background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr:first-child {
+    
+/* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), transparent 80%);
-  }
+.ui.secondary.panel {
+  border-top: 0.2em solid #294755;
 }
-.ui.ui.ui.ui.secondary.table {
+.ui.secondary.panel > .header {
+  background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.secondary.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
-.ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.secondary.table > thead > tr:first-child > th {
   
 /* Colored header */
-  
-/* Colored header (stacked table) */
-}
-.ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), #f9fafb 80%);
+  background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr:first-child {
+    
+/* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
+.ui.violet.panel {
+  border-top: 0.2em solid #9461ac;
+}
+.ui.violet.panel > .header {
+  background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.violet.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+.ui.ui.ui.ui.ui.violet.table > thead > tr:first-child > th {
+  
+/* Colored header */
+  background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), transparent 80%);
+  .ui.ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr:first-child {
+    
+/* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
   }
 }
-.ui.ui.ui.ui.violet.table {
+.ui.green.panel {
+  border-top: 0.2em solid #81b08c;
+}
+.ui.green.panel > .header {
+  background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.green.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
-.ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.green.table > thead > tr:first-child > th {
   
 /* Colored header */
-  
+  background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+@media only screen and (max-width: 767.98px) {
+  .ui.ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr:first-child {
+    
 /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
+  }
 }
-.ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), #f9fafb 80%);
+.ui.olive.panel {
+  border-top: 0.2em solid #a0b06c;
+}
+.ui.olive.panel > .header {
+  background: linear-gradient(to bottom, rgba(160, 176, 108, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.olive.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+.ui.ui.ui.ui.ui.olive.table > thead > tr:first-child > th {
+  
+/* Colored header */
+  background: linear-gradient(to bottom, rgba(160, 176, 108, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.olive.table:not(.unstackable) > thead > tr:first-child {
+    
+/* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(160, 176, 108, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.olive.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
+.ui.pink.panel {
+  border-top: 0.2em solid #af6687;
+}
+.ui.pink.panel > .header {
+  background: linear-gradient(to bottom, rgba(175, 102, 135, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.pink.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+.ui.ui.ui.ui.ui.pink.table > thead > tr:first-child > th {
+  
+/* Colored header */
+  background: linear-gradient(to bottom, rgba(175, 102, 135, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), transparent 80%);
+  .ui.ui.ui.ui.ui.pink.table:not(.unstackable) > thead > tr:first-child {
+    
+/* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(175, 102, 135, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.pink.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
   }
 }
-.ui.ui.ui.ui.green.table {
+.ui.purple.panel {
+  border-top: 0.2em solid #6667af;
+}
+.ui.purple.panel > .header {
+  background: linear-gradient(to bottom, rgba(102, 103, 175, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.purple.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
-.ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.purple.table > thead > tr:first-child > th {
   
 /* Colored header */
-  
+  background: linear-gradient(to bottom, rgba(102, 103, 175, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+@media only screen and (max-width: 767.98px) {
+  .ui.ui.ui.ui.ui.purple.table:not(.unstackable) > thead > tr:first-child {
+    
 /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(102, 103, 175, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.purple.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
+  }
+}
+.ui.orange.panel {
+  border-top: 0.2em solid #af6a66;
+}
+.ui.orange.panel > .header {
+  background: linear-gradient(to bottom, rgba(175, 106, 102, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.orange.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
 }
-.ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), #f9fafb 80%);
+.ui.ui.ui.ui.ui.orange.table > thead > tr:first-child > th {
+  
+/* Colored header */
+  background: linear-gradient(to bottom, rgba(175, 106, 102, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.orange.table:not(.unstackable) > thead > tr:first-child {
+    
+/* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(175, 106, 102, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.orange.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
+.ui.brown.panel {
+  border-top: 0.2em solid #af9066;
+}
+.ui.brown.panel > .header {
+  background: linear-gradient(to bottom, rgba(175, 144, 102, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+.ui.ui.ui.ui.ui.brown.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+.ui.ui.ui.ui.ui.brown.table > thead > tr:first-child > th {
+  
+/* Colored header */
+  background: linear-gradient(to bottom, rgba(175, 144, 102, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), transparent 80%);
+  .ui.ui.ui.ui.ui.brown.table:not(.unstackable) > thead > tr:first-child {
+    
+/* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(175, 144, 102, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+  .ui.ui.ui.ui.ui.brown.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
   }
 }