Remove fomantic table module (#30047) · oppi.li/perf-test@c5745f9

-80

web_src/css/base.css

··· 631 631 color: var(--color-primary); 632 632 } 633 633 634 - .ui.attached.table { 635 - border-color: var(--color-secondary); 636 - } 637 - 638 - .ui.table { 639 - color: var(--color-text); 640 - background: var(--color-box-body); 641 - border-color: var(--color-secondary); 642 - text-align: start; /* Override fomantic's `text-align: left` to make RTL work via HTML `dir="auto"` */ 643 - } 644 - 645 - .ui.table th, 646 - .ui.table td { 647 - transition: none; 648 - } 649 - 650 - .ui.table > tr > td, 651 - .ui.table > tbody > tr > td { 652 - border-top-color: var(--color-secondary-alpha-50); 653 - } 654 - 655 - .ui.striped.table > tr:nth-child(2n), 656 - .ui.striped.table > tbody > tr:nth-child(2n), 657 - .ui.basic.striped.table > tbody > tr:nth-child(2n) { 658 - background: var(--color-light); 659 - } 660 - 661 - .ui.ui.ui.ui.table tr.active, 662 - .ui.ui.table td.active { 663 - color: var(--color-text); 664 - background: var(--color-active); 665 - } 666 - 667 - .ui.ui.selectable.table > tbody > tr:hover, 668 - .ui.table tbody tr td.selectable:hover { 669 - color: var(--color-text); 670 - background-color: var(--color-secondary-alpha-40); 671 - } 672 - 673 - .ui.ui.ui.ui.table tr.grey:not(.marked), 674 - .ui.ui.table td.grey:not(.marked) { 675 - background: var(--color-body); 676 - color: var(--color-text); 677 - } 678 - 679 - .ui.table > thead > tr > th { 680 - background: var(--color-box-header); 681 - border-color: var(--color-secondary); 682 - color: var(--color-text); 683 - } 684 - 685 - .ui.basic.table > tbody > tr { 686 - border-color: var(--color-secondary); 687 - } 688 - 689 - .ui.table > tfoot > tr > th, 690 - .ui.table > tfoot > tr > td { 691 - border-color: var(--color-secondary); 692 - background: var(--color-box-body); 693 - color: var(--color-text); 694 - } 695 - 696 - /* reduce table padding, needed especially for dense admin tables */ 697 - .ui.table > thead > tr > th, 698 - .ui.table > tbody > tr > td, 699 - .ui.table > tr > td { 700 - padding: 6px 5px; 701 - } 702 - /* use more horizontal padding on first and last items for visuals */ 703 - .ui.table > thead > tr > th:first-of-type, 704 - .ui.table > tbody > tr > td:first-of-type, 705 - .ui.table > tr > td:first-of-type { 706 - padding-left: 10px; 707 - } 708 - .ui.table > thead > tr > th:last-of-type, 709 - .ui.table > tbody > tr > td:last-of-type, 710 - .ui.table > tr > td:last-of-type { 711 - padding-right: 10px; 712 - } 713 - 714 634 img.ui.avatar, 715 635 .ui.avatar img, 716 636 .ui.avatar svg {

+1

web_src/css/index.css

··· 9 9 @import "./modules/segment.css"; 10 10 @import "./modules/grid.css"; 11 11 @import "./modules/message.css"; 12 + @import "./modules/table.css"; 12 13 @import "./modules/card.css"; 13 14 @import "./modules/modal.css"; 14 15

+356

web_src/css/modules/table.css

··· 1 + /* based on Fomantic UI segment module, with just the parts extracted that we use. If you find any 2 + unused rules here after refactoring, please remove them. */ 3 + 4 + .ui.table { 5 + width: 100%; 6 + margin: 1em 0; 7 + border: 1px solid var(--color-secondary); 8 + border-radius: 0.28571429rem; 9 + vertical-align: middle; 10 + border-collapse: separate; 11 + border-spacing: 0; 12 + color: var(--color-text); 13 + background: var(--color-box-body); 14 + border-color: var(--color-secondary); 15 + text-align: start; 16 + } 17 + 18 + .ui.table:first-child { 19 + margin-top: 0; 20 + } 21 + .ui.table:last-child { 22 + margin-bottom: 0; 23 + } 24 + .ui.table > thead, 25 + .ui.table > tbody { 26 + vertical-align: inherit; 27 + } 28 + 29 + .ui.table > thead > tr > th { 30 + background: var(--color-box-header); 31 + color: var(--color-text); 32 + padding: 6px 5px; 33 + vertical-align: inherit; 34 + font-weight: var(--font-weight-normal); 35 + border-bottom: 1px solid var(--color-secondary); 36 + border-left: none; 37 + } 38 + .ui.table > thead > tr > th:first-child { 39 + border-left: none; 40 + } 41 + .ui.table > thead > tr:first-child > th:first-child { 42 + border-radius: 0.28571429rem 0 0; 43 + } 44 + .ui.table > thead > tr:first-child > th:last-child { 45 + border-radius: 0 0.28571429rem 0 0; 46 + } 47 + .ui.table > thead > tr:first-child > th:only-child { 48 + border-radius: 0.28571429rem 0.28571429rem 0 0; 49 + } 50 + 51 + .ui.table > tfoot > tr > th, 52 + .ui.table > tfoot > tr > td { 53 + border-top: 1px solid var(--color-secondary); 54 + background: var(--color-box-body); 55 + color: var(--color-text); 56 + padding: 0.78571429em; 57 + vertical-align: inherit; 58 + font-weight: var(--font-weight-normal); 59 + } 60 + .ui.table > tfoot > tr > th:first-child, 61 + .ui.table > tfoot > tr > td:first-child { 62 + border-left: none; 63 + } 64 + .ui.table > tfoot > tr:first-child > th:first-child, 65 + .ui.table > tfoot > tr:first-child > td:first-child { 66 + border-radius: 0 0 0 0.28571429rem; 67 + } 68 + .ui.table > tfoot > tr:first-child > th:last-child, 69 + .ui.table > tfoot > tr:first-child > td:last-child { 70 + border-radius: 0 0 0.28571429rem; 71 + } 72 + .ui.table > tfoot > tr:first-child > th:only-child, 73 + .ui.table > tfoot > tr:first-child > td:only-child { 74 + border-radius: 0 0 0.28571429rem 0.28571429rem; 75 + } 76 + 77 + .ui.table > tr > td, 78 + .ui.table > tbody > tr > td { 79 + border-top: 1px solid var(--color-secondary-alpha-50); 80 + padding: 6px 5px; 81 + } 82 + .ui.table > tr:first-child > td, 83 + .ui.table > tbody > tr:first-child > td { 84 + border-top: none; 85 + } 86 + 87 + .ui.table.segment { 88 + padding: 0; 89 + } 90 + .ui.table.segment::after { 91 + display: none; 92 + } 93 + 94 + @media only screen and (max-width: 767.98px) { 95 + .ui.table:not(.unstackable) { 96 + width: 100%; 97 + padding: 0; 98 + } 99 + .ui.table:not(.unstackable) > thead, 100 + .ui.table:not(.unstackable) > thead > tr, 101 + .ui.table:not(.unstackable) > tfoot, 102 + .ui.table:not(.unstackable) > tfoot > tr, 103 + .ui.table:not(.unstackable) > tbody, 104 + .ui.table:not(.unstackable) > tr, 105 + .ui.table:not(.unstackable) > tbody > tr, 106 + .ui.table:not(.unstackable) > tr > th, 107 + .ui.table:not(.unstackable) > thead > tr > th, 108 + .ui.table:not(.unstackable) > tbody > tr > th, 109 + .ui.table:not(.unstackable) > tfoot > tr > th, 110 + .ui.table:not(.unstackable) > tr > td, 111 + .ui.table:not(.unstackable) > tbody > tr > td, 112 + .ui.table:not(.unstackable) > tfoot > tr > td { 113 + display: block !important; 114 + width: auto !important; 115 + } 116 + .ui.table:not(.unstackable) > thead { 117 + display: block; 118 + } 119 + .ui.table:not(.unstackable) > tfoot { 120 + display: block; 121 + } 122 + .ui.ui.ui.ui.table:not(.unstackable) > tr, 123 + .ui.ui.ui.ui.table:not(.unstackable) > thead > tr, 124 + .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr, 125 + .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr { 126 + padding-top: 1em; 127 + padding-bottom: 1em; 128 + } 129 + .ui.ui.ui.ui.table:not(.unstackable) > tr > th, 130 + .ui.ui.ui.ui.table:not(.unstackable) > thead > tr > th, 131 + .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > th, 132 + .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > th, 133 + .ui.ui.ui.ui.table:not(.unstackable) > tr > td, 134 + .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td, 135 + .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > td { 136 + background: none; 137 + border: none; 138 + padding: 0.25em 0.75em; 139 + } 140 + .ui.table:not(.unstackable) > tr > th:first-child, 141 + .ui.table:not(.unstackable) > thead > tr > th:first-child, 142 + .ui.table:not(.unstackable) > tbody > tr > th:first-child, 143 + .ui.table:not(.unstackable) > tfoot > tr > th:first-child, 144 + .ui.table:not(.unstackable) > tr > td:first-child, 145 + .ui.table:not(.unstackable) > tbody > tr > td:first-child, 146 + .ui.table:not(.unstackable) > tfoot > tr > td:first-child { 147 + font-weight: var(--font-weight-normal); 148 + } 149 + } 150 + 151 + .ui.table th.collapsing, 152 + .ui.table td.collapsing { 153 + width: 1px; 154 + white-space: nowrap; 155 + } 156 + 157 + .ui.fixed.table { 158 + table-layout: fixed; 159 + } 160 + .ui.fixed.table th, 161 + .ui.fixed.table td { 162 + overflow: hidden; 163 + text-overflow: ellipsis; 164 + } 165 + 166 + .ui.attached.table { 167 + top: 0; 168 + bottom: 0; 169 + border-radius: 0; 170 + margin: 0 -1px; 171 + width: calc(100% + 2px); 172 + max-width: calc(100% + 2px); 173 + border: 1px solid var(--color-secondary); 174 + } 175 + .ui.attached + .ui.attached.table:not(.top) { 176 + border-top: none; 177 + } 178 + 179 + .ui[class*="bottom attached"].table { 180 + bottom: 0; 181 + margin-top: 0; 182 + top: 0; 183 + margin-bottom: 1em; 184 + border-radius: 0 0 0.28571429rem 0.28571429rem; 185 + } 186 + .ui[class*="bottom attached"].table:last-child { 187 + margin-bottom: 0; 188 + } 189 + 190 + .ui.striped.table > tr:nth-child(2n), 191 + .ui.striped.table > tbody > tr:nth-child(2n) { 192 + background: var(--color-light); 193 + } 194 + 195 + .ui.table[class*="single line"], 196 + .ui.table [class*="single line"] { 197 + white-space: nowrap; 198 + } 199 + 200 + /* Column Width */ 201 + .ui.table th.one.wide, 202 + .ui.table td.one.wide { 203 + width: 6.25%; 204 + } 205 + .ui.table th.two.wide, 206 + .ui.table td.two.wide { 207 + width: 12.5%; 208 + } 209 + .ui.table th.three.wide, 210 + .ui.table td.three.wide { 211 + width: 18.75%; 212 + } 213 + .ui.table th.four.wide, 214 + .ui.table td.four.wide { 215 + width: 25%; 216 + } 217 + .ui.table th.five.wide, 218 + .ui.table td.five.wide { 219 + width: 31.25%; 220 + } 221 + .ui.table th.six.wide, 222 + .ui.table td.six.wide { 223 + width: 37.5%; 224 + } 225 + .ui.table th.seven.wide, 226 + .ui.table td.seven.wide { 227 + width: 43.75%; 228 + } 229 + .ui.table th.eight.wide, 230 + .ui.table td.eight.wide { 231 + width: 50%; 232 + } 233 + .ui.table th.nine.wide, 234 + .ui.table td.nine.wide { 235 + width: 56.25%; 236 + } 237 + .ui.table th.ten.wide, 238 + .ui.table td.ten.wide { 239 + width: 62.5%; 240 + } 241 + .ui.table th.eleven.wide, 242 + .ui.table td.eleven.wide { 243 + width: 68.75%; 244 + } 245 + .ui.table th.twelve.wide, 246 + .ui.table td.twelve.wide { 247 + width: 75%; 248 + } 249 + .ui.table th.thirteen.wide, 250 + .ui.table td.thirteen.wide { 251 + width: 81.25%; 252 + } 253 + .ui.table th.fourteen.wide, 254 + .ui.table td.fourteen.wide { 255 + width: 87.5%; 256 + } 257 + .ui.table th.fifteen.wide, 258 + .ui.table td.fifteen.wide { 259 + width: 93.75%; 260 + } 261 + .ui.table th.sixteen.wide, 262 + .ui.table td.sixteen.wide { 263 + width: 100%; 264 + } 265 + 266 + .ui.basic.table { 267 + background: transparent; 268 + border: 1px solid var(--color-secondary); 269 + } 270 + .ui.basic.table > thead > tr > th, 271 + .ui.basic.table > tbody > tr > th, 272 + .ui.basic.table > tfoot > tr > th, 273 + .ui.basic.table > tr > th { 274 + background: transparent; 275 + border-left: none; 276 + } 277 + .ui.basic.table > tbody > tr { 278 + border-bottom: 1px solid var(--color-secondary); 279 + } 280 + .ui.basic.table > tbody > tr > td, 281 + .ui.basic.table > tfoot > tr > td, 282 + .ui.basic.table > tr > td { 283 + background: transparent; 284 + } 285 + .ui.basic.striped.table > tbody > tr:nth-child(2n) { 286 + background: var(--color-light); 287 + } 288 + 289 + .ui[class*="very basic"].table { 290 + border: none; 291 + } 292 + .ui[class*="very basic"].table:not(.striped) > tr > th:first-child, 293 + .ui[class*="very basic"].table:not(.striped) > thead > tr > th:first-child, 294 + .ui[class*="very basic"].table:not(.striped) > tbody > tr > th:first-child, 295 + .ui[class*="very basic"].table:not(.striped) > tfoot > tr > th:first-child, 296 + .ui[class*="very basic"].table:not(.striped) > tr > td:first-child, 297 + .ui[class*="very basic"].table:not(.striped) > tbody > tr > td:first-child, 298 + .ui[class*="very basic"].table:not(.striped) > tfoot > tr > td:first-child { 299 + padding-left: 0; 300 + } 301 + .ui[class*="very basic"].table:not(.striped) > tr > th:last-child, 302 + .ui[class*="very basic"].table:not(.striped) > thead > tr > th:last-child, 303 + .ui[class*="very basic"].table:not(.striped) > tbody > tr > th:last-child, 304 + .ui[class*="very basic"].table:not(.striped) > tfoot > tr > th:last-child, 305 + .ui[class*="very basic"].table:not(.striped) > tr > td:last-child, 306 + .ui[class*="very basic"].table:not(.striped) > tbody > tr > td:last-child, 307 + .ui[class*="very basic"].table:not(.striped) > tfoot > tr > td:last-child { 308 + padding-right: 0; 309 + } 310 + .ui[class*="very basic"].table:not(.striped) > thead > tr:first-child > th { 311 + padding-top: 0; 312 + } 313 + 314 + .ui.celled.table > tr > th, 315 + .ui.celled.table > thead > tr > th, 316 + .ui.celled.table > tbody > tr > th, 317 + .ui.celled.table > tfoot > tr > th, 318 + .ui.celled.table > tr > td, 319 + .ui.celled.table > tbody > tr > td, 320 + .ui.celled.table > tfoot > tr > td { 321 + border-left: 1px solid var(--color-secondary-alpha-50); 322 + } 323 + .ui.celled.table > tr > th:first-child, 324 + .ui.celled.table > thead > tr > th:first-child, 325 + .ui.celled.table > tbody > tr > th:first-child, 326 + .ui.celled.table > tfoot > tr > th:first-child, 327 + .ui.celled.table > tr > td:first-child, 328 + .ui.celled.table > tbody > tr > td:first-child, 329 + .ui.celled.table > tfoot > tr > td:first-child { 330 + border-left: none; 331 + } 332 + 333 + .ui.compact.table > tr > th, 334 + .ui.compact.table > thead > tr > th, 335 + .ui.compact.table > tbody > tr > th, 336 + .ui.compact.table > tfoot > tr > th { 337 + padding-left: 0.7em; 338 + padding-right: 0.7em; 339 + } 340 + .ui.compact.table > tr > td, 341 + .ui.compact.table > tbody > tr > td, 342 + .ui.compact.table > tfoot > tr > td { 343 + padding: 0.5em 0.7em; 344 + } 345 + 346 + /* use more horizontal padding on first and last items for visuals */ 347 + .ui.table > thead > tr > th:first-of-type, 348 + .ui.table > tbody > tr > td:first-of-type, 349 + .ui.table > tr > td:first-of-type { 350 + padding-left: 10px; 351 + } 352 + .ui.table > thead > tr > th:last-of-type, 353 + .ui.table > tbody > tr > td:last-of-type, 354 + .ui.table > tr > td:last-of-type { 355 + padding-right: 10px; 356 + }

-1362

web_src/fomantic/build/semantic.css

··· 13476 13476 13477 13477 /******************************* 13478 13478 User Overrides 13479 - *******************************/ 13480 - /*! 13481 - * # Fomantic-UI - Table 13482 - * http://github.com/fomantic/Fomantic-UI/ 13483 - * 13484 - * 13485 - * Released under the MIT license 13486 - * http://opensource.org/licenses/MIT 13487 - * 13488 - */ 13489 - 13490 - /******************************* 13491 - Table 13492 - *******************************/ 13493 - 13494 - /* Prototype */ 13495 - 13496 - .ui.table { 13497 - width: 100%; 13498 - background: #FFFFFF; 13499 - margin: 1em 0; 13500 - border: 1px solid rgba(34, 36, 38, 0.15); 13501 - box-shadow: none; 13502 - border-radius: 0.28571429rem; 13503 - text-align: left; 13504 - vertical-align: middle; 13505 - color: rgba(0, 0, 0, 0.87); 13506 - border-collapse: separate; 13507 - border-spacing: 0; 13508 - } 13509 - 13510 - .ui.table:first-child { 13511 - margin-top: 0; 13512 - } 13513 - 13514 - .ui.table:last-child { 13515 - margin-bottom: 0; 13516 - } 13517 - 13518 - .ui.table > thead, 13519 - .ui.table > tbody { 13520 - text-align: inherit; 13521 - vertical-align: inherit; 13522 - } 13523 - 13524 - /******************************* 13525 - Parts 13526 - *******************************/ 13527 - 13528 - /* Table Content */ 13529 - 13530 - .ui.table th, 13531 - .ui.table td { 13532 - transition: background 0.1s ease, color 0.1s ease; 13533 - } 13534 - 13535 - /* Rowspan helper class */ 13536 - 13537 - .ui.table th.rowspanned, 13538 - .ui.table td.rowspanned { 13539 - display: none; 13540 - } 13541 - 13542 - /* Headers */ 13543 - 13544 - .ui.table > thead { 13545 - box-shadow: none; 13546 - } 13547 - 13548 - .ui.table > thead > tr > th { 13549 - cursor: auto; 13550 - background: #F9FAFB; 13551 - text-align: inherit; 13552 - color: rgba(0, 0, 0, 0.87); 13553 - padding: 0.92857143em 0.78571429em; 13554 - vertical-align: inherit; 13555 - font-style: none; 13556 - font-weight: 500; 13557 - text-transform: none; 13558 - border-bottom: 1px solid rgba(34, 36, 38, 0.1); 13559 - border-left: none; 13560 - } 13561 - 13562 - .ui.table > thead > tr > th:first-child { 13563 - border-left: none; 13564 - } 13565 - 13566 - .ui.table > thead > tr:first-child > th:first-child { 13567 - border-radius: 0.28571429rem 0 0 0; 13568 - } 13569 - 13570 - .ui.table > thead > tr:first-child > th:last-child { 13571 - border-radius: 0 0.28571429rem 0 0; 13572 - } 13573 - 13574 - .ui.table > thead > tr:first-child > th:only-child { 13575 - border-radius: 0.28571429rem 0.28571429rem 0 0; 13576 - } 13577 - 13578 - /* Footer */ 13579 - 13580 - .ui.table > tfoot { 13581 - box-shadow: none; 13582 - } 13583 - 13584 - .ui.table > tfoot > tr > th, 13585 - .ui.table > tfoot > tr > td { 13586 - cursor: auto; 13587 - border-top: 1px solid rgba(34, 36, 38, 0.15); 13588 - background: #F9FAFB; 13589 - text-align: inherit; 13590 - color: rgba(0, 0, 0, 0.87); 13591 - padding: 0.78571429em 0.78571429em; 13592 - vertical-align: inherit; 13593 - font-style: normal; 13594 - font-weight: normal; 13595 - text-transform: none; 13596 - } 13597 - 13598 - .ui.table > tfoot > tr > th:first-child, 13599 - .ui.table > tfoot > tr > td:first-child { 13600 - border-left: none; 13601 - } 13602 - 13603 - .ui.table > tfoot > tr:first-child > th:first-child, 13604 - .ui.table > tfoot > tr:first-child > td:first-child { 13605 - border-radius: 0 0 0 0.28571429rem; 13606 - } 13607 - 13608 - .ui.table > tfoot > tr:first-child > th:last-child, 13609 - .ui.table > tfoot > tr:first-child > td:last-child { 13610 - border-radius: 0 0 0.28571429rem 0; 13611 - } 13612 - 13613 - .ui.table > tfoot > tr:first-child > th:only-child, 13614 - .ui.table > tfoot > tr:first-child > td:only-child { 13615 - border-radius: 0 0 0.28571429rem 0.28571429rem; 13616 - } 13617 - 13618 - /* Table Row */ 13619 - 13620 - .ui.table > tr > td, 13621 - .ui.table > tbody > tr > td { 13622 - border-top: 1px solid rgba(34, 36, 38, 0.1); 13623 - } 13624 - 13625 - .ui.table > tr:first-child > td, 13626 - .ui.table > tbody > tr:first-child > td { 13627 - border-top: none; 13628 - } 13629 - 13630 - /* Repeated tbody */ 13631 - 13632 - .ui.table > tbody + tbody tr:first-child > td { 13633 - border-top: 1px solid rgba(34, 36, 38, 0.1); 13634 - } 13635 - 13636 - /* Table Cells */ 13637 - 13638 - .ui.table > tbody > tr > td, 13639 - .ui.table > tr > td { 13640 - padding: 0.78571429em 0.78571429em; 13641 - text-align: inherit; 13642 - } 13643 - 13644 - /* Icons */ 13645 - 13646 - .ui.table > i.icon { 13647 - vertical-align: baseline; 13648 - } 13649 - 13650 - .ui.table > i.icon:only-child { 13651 - margin: 0; 13652 - } 13653 - 13654 - /* Table Segment */ 13655 - 13656 - .ui.table.segment { 13657 - padding: 0; 13658 - } 13659 - 13660 - .ui.table.segment:after { 13661 - display: none; 13662 - } 13663 - 13664 - .ui.table.segment.stacked:after { 13665 - display: block; 13666 - } 13667 - 13668 - /* Responsive */ 13669 - 13670 - @media only screen and (max-width: 767.98px) { 13671 - .ui.table:not(.unstackable) { 13672 - width: 100%; 13673 - padding: 0; 13674 - } 13675 - 13676 - .ui.table:not(.unstackable) > thead, 13677 - .ui.table:not(.unstackable) > thead > tr, 13678 - .ui.table:not(.unstackable) > tfoot, 13679 - .ui.table:not(.unstackable) > tfoot > tr, 13680 - .ui.table:not(.unstackable) > tbody, 13681 - .ui.table:not(.unstackable) > tr, 13682 - .ui.table:not(.unstackable) > tbody > tr, 13683 - .ui.table:not(.unstackable) > tr > th:not(.rowspanned), 13684 - .ui.table:not(.unstackable) > thead > tr > th:not(.rowspanned), 13685 - .ui.table:not(.unstackable) > tbody > tr > th:not(.rowspanned), 13686 - .ui.table:not(.unstackable) > tfoot > tr > th:not(.rowspanned), 13687 - .ui.table:not(.unstackable) > tr > td:not(.rowspanned), 13688 - .ui.table:not(.unstackable) > tbody > tr > td:not(.rowspanned), 13689 - .ui.table:not(.unstackable) > tfoot > tr > td:not(.rowspanned) { 13690 - display: block !important; 13691 - width: auto !important; 13692 - } 13693 - 13694 - .ui.table:not(.unstackable) > thead { 13695 - display: block; 13696 - } 13697 - 13698 - .ui.table:not(.unstackable) > tfoot { 13699 - display: block; 13700 - } 13701 - 13702 - .ui.ui.ui.ui.table:not(.unstackable) > tr, 13703 - .ui.ui.ui.ui.table:not(.unstackable) > thead > tr, 13704 - .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr, 13705 - .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr { 13706 - padding-top: 1em; 13707 - padding-bottom: 1em; 13708 - box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; 13709 - } 13710 - 13711 - .ui.ui.ui.ui.table:not(.unstackable) > tr > th, 13712 - .ui.ui.ui.ui.table:not(.unstackable) > thead > tr > th, 13713 - .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > th, 13714 - .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > th, 13715 - .ui.ui.ui.ui.table:not(.unstackable) > tr > td, 13716 - .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td, 13717 - .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > td { 13718 - background: none; 13719 - border: none; 13720 - padding: 0.25em 0.75em; 13721 - box-shadow: none; 13722 - } 13723 - 13724 - .ui.table:not(.unstackable) > tr > th:first-child, 13725 - .ui.table:not(.unstackable) > thead > tr > th:first-child, 13726 - .ui.table:not(.unstackable) > tbody > tr > th:first-child, 13727 - .ui.table:not(.unstackable) > tfoot > tr > th:first-child, 13728 - .ui.table:not(.unstackable) > tr > td:first-child, 13729 - .ui.table:not(.unstackable) > tbody > tr > td:first-child, 13730 - .ui.table:not(.unstackable) > tfoot > tr > td:first-child { 13731 - font-weight: 500; 13732 - } 13733 - 13734 - /* Definition Table */ 13735 - 13736 - .ui.definition.table:not(.unstackable) > thead > tr > th:first-child { 13737 - box-shadow: none !important; 13738 - } 13739 - } 13740 - 13741 - /******************************* 13742 - Coupling 13743 - *******************************/ 13744 - 13745 - /* UI Image */ 13746 - 13747 - .ui.table .collapsing .image, 13748 - .ui.table .collapsing .image img { 13749 - max-width: none; 13750 - } 13751 - 13752 - /******************************* 13753 - Types 13754 - *******************************/ 13755 - 13756 - /*-------------- 13757 - Complex 13758 - ---------------*/ 13759 - 13760 - .ui.structured.table { 13761 - border-collapse: collapse; 13762 - } 13763 - 13764 - .ui.structured.table > thead > tr > th { 13765 - border-left: none; 13766 - border-right: none; 13767 - } 13768 - 13769 - .ui.structured.sortable.table > thead > tr > th { 13770 - border-left: 1px solid rgba(34, 36, 38, 0.15); 13771 - border-right: 1px solid rgba(34, 36, 38, 0.15); 13772 - } 13773 - 13774 - .ui.structured.basic.table > tr > th, 13775 - .ui.structured.basic.table > thead > tr > th, 13776 - .ui.structured.basic.table > tbody > tr > th, 13777 - .ui.structured.basic.table > tfoot > tr > th { 13778 - border-left: none; 13779 - border-right: none; 13780 - } 13781 - 13782 - .ui.structured.celled.table > tr > th, 13783 - .ui.structured.celled.table > thead > tr > th, 13784 - .ui.structured.celled.table > tbody > tr > th, 13785 - .ui.structured.celled.table > tfoot > tr > th, 13786 - .ui.structured.celled.table > tr > td, 13787 - .ui.structured.celled.table > tbody > tr > td, 13788 - .ui.structured.celled.table > tfoot > tr > td { 13789 - border-left: 1px solid rgba(34, 36, 38, 0.1); 13790 - border-right: 1px solid rgba(34, 36, 38, 0.1); 13791 - } 13792 - 13793 - /*-------------- 13794 - Definition 13795 - ---------------*/ 13796 - 13797 - .ui.definition.table > thead:not(.full-width) > tr > th:first-child { 13798 - pointer-events: none; 13799 - background: #FFFFFF; 13800 - font-weight: normal; 13801 - color: rgba(0, 0, 0, 0.4); 13802 - box-shadow: -0.1em -0.2em 0 0.1em #FFFFFF; 13803 - -moz-transform: scale(1); 13804 - } 13805 - 13806 - .ui.definition.table > tfoot:not(.full-width) > tr > th:first-child { 13807 - pointer-events: none; 13808 - background: #FFFFFF; 13809 - font-weight: normal; 13810 - color: rgba(0, 0, 0, 0.4); 13811 - box-shadow: -0.1em 0.2em 0 0.1em #FFFFFF; 13812 - -moz-transform: scale(1); 13813 - } 13814 - 13815 - /* Highlight Defining Column */ 13816 - 13817 - .ui.definition.table > tr > td:first-child:not(.ignored), 13818 - .ui.definition.table > tbody > tr > td:first-child:not(.ignored), 13819 - .ui.definition.table > tfoot > tr > td:first-child:not(.ignored), 13820 - .ui.definition.table tr td.definition { 13821 - background: rgba(0, 0, 0, 0.03); 13822 - font-weight: 500; 13823 - color: rgba(0, 0, 0, 0.95); 13824 - text-transform: ''; 13825 - box-shadow: ''; 13826 - text-align: ''; 13827 - font-size: 1em; 13828 - padding-left: ''; 13829 - padding-right: ''; 13830 - } 13831 - 13832 - /* Fix 2nd Column */ 13833 - 13834 - .ui.definition.table > thead:not(.full-width) > tr > th:nth-child(2) { 13835 - border-left: 1px solid rgba(34, 36, 38, 0.15); 13836 - } 13837 - 13838 - .ui.definition.table > tfoot:not(.full-width) > tr > th:nth-child(2), 13839 - .ui.definition.table > tfoot:not(.full-width) > tr > td:nth-child(2) { 13840 - border-left: 1px solid rgba(34, 36, 38, 0.15); 13841 - } 13842 - 13843 - .ui.definition.table > tr > td:nth-child(2), 13844 - .ui.definition.table > tbody > tr > td:nth-child(2) { 13845 - border-left: 1px solid rgba(34, 36, 38, 0.15); 13846 - } 13847 - 13848 - /******************************* 13849 - States 13850 - *******************************/ 13851 - 13852 - /*-------------- 13853 - Positive 13854 - ---------------*/ 13855 - 13856 - .ui.ui.ui.ui.table tr.positive, 13857 - .ui.ui.table td.positive { 13858 - box-shadow: 0 0 0 #A3C293 inset; 13859 - background: #FCFFF5; 13860 - color: #2C662D; 13861 - } 13862 - 13863 - /*-------------- 13864 - Negative 13865 - ---------------*/ 13866 - 13867 - .ui.ui.ui.ui.table tr.negative, 13868 - .ui.ui.table td.negative { 13869 - box-shadow: 0 0 0 #E0B4B4 inset; 13870 - background: #FFF6F6; 13871 - color: #9F3A38; 13872 - } 13873 - 13874 - /*-------------- 13875 - Error 13876 - ---------------*/ 13877 - 13878 - .ui.ui.ui.ui.table tr.error, 13879 - .ui.ui.table td.error { 13880 - box-shadow: 0 0 0 #E0B4B4 inset; 13881 - background: #FFF6F6; 13882 - color: #9F3A38; 13883 - } 13884 - 13885 - /*-------------- 13886 - Warning 13887 - ---------------*/ 13888 - 13889 - .ui.ui.ui.ui.table tr.warning, 13890 - .ui.ui.table td.warning { 13891 - box-shadow: 0 0 0 #C9BA9B inset; 13892 - background: #FFFAF3; 13893 - color: #573A08; 13894 - } 13895 - 13896 - /*-------------- 13897 - Active 13898 - ---------------*/ 13899 - 13900 - .ui.ui.ui.ui.table tr.active, 13901 - .ui.ui.table td.active { 13902 - box-shadow: 0 0 0 rgba(0, 0, 0, 0.87) inset; 13903 - background: #E0E0E0; 13904 - color: rgba(0, 0, 0, 0.87); 13905 - } 13906 - 13907 - /*-------------- 13908 - Disabled 13909 - ---------------*/ 13910 - 13911 - .ui.table tr.disabled td, 13912 - .ui.table tr td.disabled, 13913 - .ui.table tr.disabled:hover, 13914 - .ui.table tr:hover td.disabled { 13915 - pointer-events: none; 13916 - color: rgba(40, 40, 40, 0.3); 13917 - } 13918 - 13919 - /******************************* 13920 - Variations 13921 - *******************************/ 13922 - 13923 - /*-------------- 13924 - Text Alignment 13925 - ---------------*/ 13926 - 13927 - .ui.table[class*="left aligned"], 13928 - .ui.table [class*="left aligned"] { 13929 - text-align: left; 13930 - } 13931 - 13932 - .ui.table[class*="center aligned"], 13933 - .ui.table [class*="center aligned"] { 13934 - text-align: center; 13935 - } 13936 - 13937 - .ui.table[class*="right aligned"], 13938 - .ui.table [class*="right aligned"] { 13939 - text-align: right; 13940 - } 13941 - 13942 - /*------------------ 13943 - Vertical Alignment 13944 - ------------------*/ 13945 - 13946 - .ui.table[class*="top aligned"], 13947 - .ui.table [class*="top aligned"] { 13948 - vertical-align: top; 13949 - } 13950 - 13951 - .ui.table[class*="middle aligned"], 13952 - .ui.table [class*="middle aligned"] { 13953 - vertical-align: middle; 13954 - } 13955 - 13956 - .ui.table[class*="bottom aligned"], 13957 - .ui.table [class*="bottom aligned"] { 13958 - vertical-align: bottom; 13959 - } 13960 - 13961 - /*-------------- 13962 - Collapsing 13963 - ---------------*/ 13964 - 13965 - .ui.table th.collapsing, 13966 - .ui.table td.collapsing { 13967 - width: 1px; 13968 - white-space: nowrap; 13969 - } 13970 - 13971 - /*-------------- 13972 - Fixed 13973 - ---------------*/ 13974 - 13975 - .ui.fixed.table { 13976 - table-layout: fixed; 13977 - } 13978 - 13979 - .ui.fixed.table th, 13980 - .ui.fixed.table td { 13981 - overflow: hidden; 13982 - text-overflow: ellipsis; 13983 - } 13984 - 13985 - /*-------------- 13986 - Selectable 13987 - ---------------*/ 13988 - 13989 - .ui.ui.selectable.table > tbody > tr:hover, 13990 - .ui.table tbody tr td.selectable:hover { 13991 - background: rgba(0, 0, 0, 0.05); 13992 - color: rgba(0, 0, 0, 0.95); 13993 - } 13994 - 13995 - /* Selectable Cell Link */ 13996 - 13997 - .ui.table tbody tr td.selectable { 13998 - padding: 0; 13999 - } 14000 - 14001 - .ui.table tbody tr td.selectable > a:not(.ui) { 14002 - display: block; 14003 - color: inherit; 14004 - padding: 0.78571429em 0.78571429em; 14005 - } 14006 - 14007 - .ui.table > tr > td.selectable, 14008 - .ui.table > tbody > tr > td.selectable, 14009 - .ui.selectable.table > tbody > tr, 14010 - .ui.selectable.table > tr { 14011 - cursor: pointer; 14012 - } 14013 - 14014 - /* Other States */ 14015 - 14016 - .ui.ui.selectable.table tr.error:hover, 14017 - .ui.table tr td.selectable.error:hover, 14018 - .ui.selectable.table tr:hover td.error { 14019 - background: #ffe7e7; 14020 - color: #943634; 14021 - } 14022 - 14023 - .ui.ui.selectable.table tr.warning:hover, 14024 - .ui.table tr td.selectable.warning:hover, 14025 - .ui.selectable.table tr:hover td.warning { 14026 - background: #fff4e4; 14027 - color: #493107; 14028 - } 14029 - 14030 - .ui.ui.selectable.table tr.active:hover, 14031 - .ui.table tr td.selectable.active:hover, 14032 - .ui.selectable.table tr:hover td.active { 14033 - background: #E0E0E0; 14034 - color: rgba(0, 0, 0, 0.87); 14035 - } 14036 - 14037 - .ui.ui.selectable.table tr.positive:hover, 14038 - .ui.table tr td.selectable.positive:hover, 14039 - .ui.selectable.table tr:hover td.positive { 14040 - background: #f7ffe6; 14041 - color: #275b28; 14042 - } 14043 - 14044 - .ui.ui.selectable.table tr.negative:hover, 14045 - .ui.table tr td.selectable.negative:hover, 14046 - .ui.selectable.table tr:hover td.negative { 14047 - background: #ffe7e7; 14048 - color: #943634; 14049 - } 14050 - 14051 - /*------------------- 14052 - Attached 14053 - --------------------*/ 14054 - 14055 - /* Middle */ 14056 - 14057 - .ui.attached.table { 14058 - top: 0; 14059 - bottom: 0; 14060 - border-radius: 0; 14061 - margin: 0 -1px; 14062 - width: calc(100% + 2px); 14063 - max-width: calc(100% + 2px); 14064 - box-shadow: none; 14065 - border: 1px solid #D4D4D5; 14066 - } 14067 - 14068 - .ui.attached + .ui.attached.table:not(.top) { 14069 - border-top: none; 14070 - } 14071 - 14072 - /* Top */ 14073 - 14074 - .ui[class*="top attached"].table { 14075 - bottom: 0; 14076 - margin-bottom: 0; 14077 - top: 0; 14078 - margin-top: 1em; 14079 - border-radius: 0.28571429rem 0.28571429rem 0 0; 14080 - } 14081 - 14082 - .ui.table[class*="top attached"]:first-child { 14083 - margin-top: 0; 14084 - } 14085 - 14086 - /* Bottom */ 14087 - 14088 - .ui[class*="bottom attached"].table { 14089 - bottom: 0; 14090 - margin-top: 0; 14091 - top: 0; 14092 - margin-bottom: 1em; 14093 - box-shadow: none, none; 14094 - border-radius: 0 0 0.28571429rem 0.28571429rem; 14095 - } 14096 - 14097 - .ui[class*="bottom attached"].table:last-child { 14098 - margin-bottom: 0; 14099 - } 14100 - 14101 - /*-------------- 14102 - Striped 14103 - ---------------*/ 14104 - 14105 - /* Table Striping */ 14106 - 14107 - .ui.striped.table > tr:nth-child(2n), 14108 - .ui.striped.table > tbody > tr:nth-child(2n) { 14109 - background-color: rgba(0, 0, 50, 0.02); 14110 - } 14111 - 14112 - /* Allow striped active hover */ 14113 - 14114 - .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { 14115 - background: #EFEFEF; 14116 - color: rgba(0, 0, 0, 0.95); 14117 - } 14118 - 14119 - /*-------------- 14120 - Single Line 14121 - ---------------*/ 14122 - 14123 - .ui.table[class*="single line"], 14124 - .ui.table [class*="single line"] { 14125 - white-space: nowrap; 14126 - } 14127 - 14128 - /*------------------- 14129 - Colors 14130 - --------------------*/ 14131 - 14132 - .ui.primary.table { 14133 - border-top: 0.2em solid #2185D0; 14134 - } 14135 - 14136 - .ui.ui.ui.ui.table tr.primary:not(.marked), 14137 - .ui.ui.table td.primary:not(.marked) { 14138 - background: #ddf4ff; 14139 - color: rgba(255, 255, 255, 0.9); 14140 - } 14141 - 14142 - .ui.ui.selectable.table tr.primary:not(.marked):hover, 14143 - .ui.table tr td.selectable.primary:not(.marked):hover, 14144 - .ui.selectable.table tr:hover td.primary:not(.marked) { 14145 - background: #d3f1ff; 14146 - color: rgba(255, 255, 255, 0.9); 14147 - } 14148 - 14149 - .ui.secondary.table { 14150 - border-top: 0.2em solid #1B1C1D; 14151 - } 14152 - 14153 - .ui.ui.ui.ui.table tr.secondary:not(.marked), 14154 - .ui.ui.table td.secondary:not(.marked) { 14155 - background: #dddddd; 14156 - color: rgba(255, 255, 255, 0.9); 14157 - } 14158 - 14159 - .ui.ui.selectable.table tr.secondary:not(.marked):hover, 14160 - .ui.table tr td.selectable.secondary:not(.marked):hover, 14161 - .ui.selectable.table tr:hover td.secondary:not(.marked) { 14162 - background: #e2e2e2; 14163 - color: rgba(255, 255, 255, 0.9); 14164 - } 14165 - 14166 - .ui.red.table { 14167 - border-top: 0.2em solid #DB2828; 14168 - } 14169 - 14170 - .ui.ui.ui.ui.table tr.red:not(.marked), 14171 - .ui.ui.table td.red:not(.marked) { 14172 - background: #ffe1df; 14173 - color: #DB2828; 14174 - } 14175 - 14176 - .ui.ui.selectable.table tr.red:not(.marked):hover, 14177 - .ui.table tr td.selectable.red:not(.marked):hover, 14178 - .ui.selectable.table tr:hover td.red:not(.marked) { 14179 - background: #ffd7d5; 14180 - color: #DB2828; 14181 - } 14182 - 14183 - .ui.orange.table { 14184 - border-top: 0.2em solid #F2711C; 14185 - } 14186 - 14187 - .ui.ui.ui.ui.table tr.orange:not(.marked), 14188 - .ui.ui.table td.orange:not(.marked) { 14189 - background: #ffe7d1; 14190 - color: #F2711C; 14191 - } 14192 - 14193 - .ui.ui.selectable.table tr.orange:not(.marked):hover, 14194 - .ui.table tr td.selectable.orange:not(.marked):hover, 14195 - .ui.selectable.table tr:hover td.orange:not(.marked) { 14196 - background: #fae1cc; 14197 - color: #F2711C; 14198 - } 14199 - 14200 - .ui.yellow.table { 14201 - border-top: 0.2em solid #FBBD08; 14202 - } 14203 - 14204 - .ui.ui.ui.ui.table tr.yellow:not(.marked), 14205 - .ui.ui.table td.yellow:not(.marked) { 14206 - background: #fff9d2; 14207 - color: #B58105; 14208 - } 14209 - 14210 - .ui.ui.selectable.table tr.yellow:not(.marked):hover, 14211 - .ui.table tr td.selectable.yellow:not(.marked):hover, 14212 - .ui.selectable.table tr:hover td.yellow:not(.marked) { 14213 - background: #fbf5cc; 14214 - color: #B58105; 14215 - } 14216 - 14217 - .ui.olive.table { 14218 - border-top: 0.2em solid #B5CC18; 14219 - } 14220 - 14221 - .ui.ui.ui.ui.table tr.olive:not(.marked), 14222 - .ui.ui.table td.olive:not(.marked) { 14223 - background: #f7fae4; 14224 - color: #8ABC1E; 14225 - } 14226 - 14227 - .ui.ui.selectable.table tr.olive:not(.marked):hover, 14228 - .ui.table tr td.selectable.olive:not(.marked):hover, 14229 - .ui.selectable.table tr:hover td.olive:not(.marked) { 14230 - background: #f6fada; 14231 - color: #8ABC1E; 14232 - } 14233 - 14234 - .ui.green.table { 14235 - border-top: 0.2em solid #21BA45; 14236 - } 14237 - 14238 - .ui.ui.ui.ui.table tr.green:not(.marked), 14239 - .ui.ui.table td.green:not(.marked) { 14240 - background: #d5f5d9; 14241 - color: #1EBC30; 14242 - } 14243 - 14244 - .ui.ui.selectable.table tr.green:not(.marked):hover, 14245 - .ui.table tr td.selectable.green:not(.marked):hover, 14246 - .ui.selectable.table tr:hover td.green:not(.marked) { 14247 - background: #d2eed5; 14248 - color: #1EBC30; 14249 - } 14250 - 14251 - .ui.teal.table { 14252 - border-top: 0.2em solid #00B5AD; 14253 - } 14254 - 14255 - .ui.ui.ui.ui.table tr.teal:not(.marked), 14256 - .ui.ui.table td.teal:not(.marked) { 14257 - background: #e2ffff; 14258 - color: #10A3A3; 14259 - } 14260 - 14261 - .ui.ui.selectable.table tr.teal:not(.marked):hover, 14262 - .ui.table tr td.selectable.teal:not(.marked):hover, 14263 - .ui.selectable.table tr:hover td.teal:not(.marked) { 14264 - background: #d8ffff; 14265 - color: #10A3A3; 14266 - } 14267 - 14268 - .ui.blue.table { 14269 - border-top: 0.2em solid #2185D0; 14270 - } 14271 - 14272 - .ui.ui.ui.ui.table tr.blue:not(.marked), 14273 - .ui.ui.table td.blue:not(.marked) { 14274 - background: #ddf4ff; 14275 - color: #2185D0; 14276 - } 14277 - 14278 - .ui.ui.selectable.table tr.blue:not(.marked):hover, 14279 - .ui.table tr td.selectable.blue:not(.marked):hover, 14280 - .ui.selectable.table tr:hover td.blue:not(.marked) { 14281 - background: #d3f1ff; 14282 - color: #2185D0; 14283 - } 14284 - 14285 - .ui.violet.table { 14286 - border-top: 0.2em solid #6435C9; 14287 - } 14288 - 14289 - .ui.ui.ui.ui.table tr.violet:not(.marked), 14290 - .ui.ui.table td.violet:not(.marked) { 14291 - background: #ece9fe; 14292 - color: #6435C9; 14293 - } 14294 - 14295 - .ui.ui.selectable.table tr.violet:not(.marked):hover, 14296 - .ui.table tr td.selectable.violet:not(.marked):hover, 14297 - .ui.selectable.table tr:hover td.violet:not(.marked) { 14298 - background: #e3deff; 14299 - color: #6435C9; 14300 - } 14301 - 14302 - .ui.purple.table { 14303 - border-top: 0.2em solid #A333C8; 14304 - } 14305 - 14306 - .ui.ui.ui.ui.table tr.purple:not(.marked), 14307 - .ui.ui.table td.purple:not(.marked) { 14308 - background: #f8e3ff; 14309 - color: #A333C8; 14310 - } 14311 - 14312 - .ui.ui.selectable.table tr.purple:not(.marked):hover, 14313 - .ui.table tr td.selectable.purple:not(.marked):hover, 14314 - .ui.selectable.table tr:hover td.purple:not(.marked) { 14315 - background: #f5d9ff; 14316 - color: #A333C8; 14317 - } 14318 - 14319 - .ui.pink.table { 14320 - border-top: 0.2em solid #E03997; 14321 - } 14322 - 14323 - .ui.ui.ui.ui.table tr.pink:not(.marked), 14324 - .ui.ui.table td.pink:not(.marked) { 14325 - background: #ffe8f9; 14326 - color: #E03997; 14327 - } 14328 - 14329 - .ui.ui.selectable.table tr.pink:not(.marked):hover, 14330 - .ui.table tr td.selectable.pink:not(.marked):hover, 14331 - .ui.selectable.table tr:hover td.pink:not(.marked) { 14332 - background: #ffdef6; 14333 - color: #E03997; 14334 - } 14335 - 14336 - .ui.brown.table { 14337 - border-top: 0.2em solid #A5673F; 14338 - } 14339 - 14340 - .ui.ui.ui.ui.table tr.brown:not(.marked), 14341 - .ui.ui.table td.brown:not(.marked) { 14342 - background: #f7e5d2; 14343 - color: #A5673F; 14344 - } 14345 - 14346 - .ui.ui.selectable.table tr.brown:not(.marked):hover, 14347 - .ui.table tr td.selectable.brown:not(.marked):hover, 14348 - .ui.selectable.table tr:hover td.brown:not(.marked) { 14349 - background: #efe0cf; 14350 - color: #A5673F; 14351 - } 14352 - 14353 - .ui.grey.table { 14354 - border-top: 0.2em solid #767676; 14355 - } 14356 - 14357 - .ui.ui.ui.ui.table tr.grey:not(.marked), 14358 - .ui.ui.table td.grey:not(.marked) { 14359 - background: #DCDDDE; 14360 - color: #767676; 14361 - } 14362 - 14363 - .ui.ui.selectable.table tr.grey:not(.marked):hover, 14364 - .ui.table tr td.selectable.grey:not(.marked):hover, 14365 - .ui.selectable.table tr:hover td.grey:not(.marked) { 14366 - background: #c2c4c5; 14367 - color: #767676; 14368 - } 14369 - 14370 - .ui.black.table { 14371 - border-top: 0.2em solid #1B1C1D; 14372 - } 14373 - 14374 - .ui.ui.ui.ui.table tr.black:not(.marked), 14375 - .ui.ui.table td.black:not(.marked) { 14376 - background: #545454; 14377 - color: #FFFFFF; 14378 - } 14379 - 14380 - .ui.ui.selectable.table tr.black:not(.marked):hover, 14381 - .ui.table tr td.selectable.black:not(.marked):hover, 14382 - .ui.selectable.table tr:hover td.black:not(.marked) { 14383 - background: #000000; 14384 - color: #FFFFFF; 14385 - } 14386 - 14387 - /*-------------- 14388 - Column Count 14389 - ---------------*/ 14390 - 14391 - /* Grid Based */ 14392 - 14393 - .ui.one.column.table td { 14394 - width: 100%; 14395 - } 14396 - 14397 - .ui.two.column.table td { 14398 - width: 50%; 14399 - } 14400 - 14401 - .ui.three.column.table td { 14402 - width: 33.33333333%; 14403 - } 14404 - 14405 - .ui.four.column.table td { 14406 - width: 25%; 14407 - } 14408 - 14409 - .ui.five.column.table td { 14410 - width: 20%; 14411 - } 14412 - 14413 - .ui.six.column.table td { 14414 - width: 16.66666667%; 14415 - } 14416 - 14417 - .ui.seven.column.table td { 14418 - width: 14.28571429%; 14419 - } 14420 - 14421 - .ui.eight.column.table td { 14422 - width: 12.5%; 14423 - } 14424 - 14425 - .ui.nine.column.table td { 14426 - width: 11.11111111%; 14427 - } 14428 - 14429 - .ui.ten.column.table td { 14430 - width: 10%; 14431 - } 14432 - 14433 - .ui.eleven.column.table td { 14434 - width: 9.09090909%; 14435 - } 14436 - 14437 - .ui.twelve.column.table td { 14438 - width: 8.33333333%; 14439 - } 14440 - 14441 - .ui.thirteen.column.table td { 14442 - width: 7.69230769%; 14443 - } 14444 - 14445 - .ui.fourteen.column.table td { 14446 - width: 7.14285714%; 14447 - } 14448 - 14449 - .ui.fifteen.column.table td { 14450 - width: 6.66666667%; 14451 - } 14452 - 14453 - .ui.sixteen.column.table td { 14454 - width: 6.25%; 14455 - } 14456 - 14457 - /* Column Width */ 14458 - 14459 - .ui.table th.one.wide, 14460 - .ui.table td.one.wide { 14461 - width: 6.25%; 14462 - } 14463 - 14464 - .ui.table th.two.wide, 14465 - .ui.table td.two.wide { 14466 - width: 12.5%; 14467 - } 14468 - 14469 - .ui.table th.three.wide, 14470 - .ui.table td.three.wide { 14471 - width: 18.75%; 14472 - } 14473 - 14474 - .ui.table th.four.wide, 14475 - .ui.table td.four.wide { 14476 - width: 25%; 14477 - } 14478 - 14479 - .ui.table th.five.wide, 14480 - .ui.table td.five.wide { 14481 - width: 31.25%; 14482 - } 14483 - 14484 - .ui.table th.six.wide, 14485 - .ui.table td.six.wide { 14486 - width: 37.5%; 14487 - } 14488 - 14489 - .ui.table th.seven.wide, 14490 - .ui.table td.seven.wide { 14491 - width: 43.75%; 14492 - } 14493 - 14494 - .ui.table th.eight.wide, 14495 - .ui.table td.eight.wide { 14496 - width: 50%; 14497 - } 14498 - 14499 - .ui.table th.nine.wide, 14500 - .ui.table td.nine.wide { 14501 - width: 56.25%; 14502 - } 14503 - 14504 - .ui.table th.ten.wide, 14505 - .ui.table td.ten.wide { 14506 - width: 62.5%; 14507 - } 14508 - 14509 - .ui.table th.eleven.wide, 14510 - .ui.table td.eleven.wide { 14511 - width: 68.75%; 14512 - } 14513 - 14514 - .ui.table th.twelve.wide, 14515 - .ui.table td.twelve.wide { 14516 - width: 75%; 14517 - } 14518 - 14519 - .ui.table th.thirteen.wide, 14520 - .ui.table td.thirteen.wide { 14521 - width: 81.25%; 14522 - } 14523 - 14524 - .ui.table th.fourteen.wide, 14525 - .ui.table td.fourteen.wide { 14526 - width: 87.5%; 14527 - } 14528 - 14529 - .ui.table th.fifteen.wide, 14530 - .ui.table td.fifteen.wide { 14531 - width: 93.75%; 14532 - } 14533 - 14534 - .ui.table th.sixteen.wide, 14535 - .ui.table td.sixteen.wide { 14536 - width: 100%; 14537 - } 14538 - 14539 - /*-------------- 14540 - Sortable 14541 - ---------------*/ 14542 - 14543 - .ui.sortable.table > thead > tr > th { 14544 - cursor: pointer; 14545 - white-space: nowrap; 14546 - border-left: 1px solid rgba(34, 36, 38, 0.15); 14547 - color: rgba(0, 0, 0, 0.87); 14548 - } 14549 - 14550 - .ui.sortable.table > thead > tr > th:first-child { 14551 - border-left: none; 14552 - } 14553 - 14554 - .ui.sortable.table thead th.sorted, 14555 - .ui.sortable.table thead th.sorted:hover { 14556 - -webkit-user-select: none; 14557 - -moz-user-select: none; 14558 - user-select: none; 14559 - } 14560 - 14561 - .ui.sortable.table > thead > tr > th:after { 14562 - display: none; 14563 - font-style: normal; 14564 - font-weight: normal; 14565 - text-decoration: inherit; 14566 - content: ''; 14567 - height: 1em; 14568 - width: auto; 14569 - opacity: 0.8; 14570 - margin: 0 0 0 0.5em; 14571 - font-family: 'Icons'; 14572 - } 14573 - 14574 - .ui.sortable.table thead th.ascending:after { 14575 - content: '\f0d8'; 14576 - } 14577 - 14578 - .ui.sortable.table thead th.descending:after { 14579 - content: '\f0d7'; 14580 - } 14581 - 14582 - /* Hover */ 14583 - 14584 - .ui.sortable.table th.disabled:hover { 14585 - cursor: auto; 14586 - color: rgba(40, 40, 40, 0.3); 14587 - } 14588 - 14589 - .ui.sortable.table > thead > tr > th:hover { 14590 - color: rgba(0, 0, 0, 0.8); 14591 - } 14592 - 14593 - .ui.sortable.table:not(.basic) > thead > tr > th:hover { 14594 - background: rgba(0, 0, 0, 0.05); 14595 - } 14596 - 14597 - /* Sorted */ 14598 - 14599 - .ui.sortable.table thead th.sorted { 14600 - color: rgba(0, 0, 0, 0.95); 14601 - } 14602 - 14603 - .ui.sortable.table:not(.basic) thead th.sorted { 14604 - background: rgba(0, 0, 0, 0.05); 14605 - } 14606 - 14607 - .ui.sortable.table thead th.sorted:after { 14608 - display: inline-block; 14609 - } 14610 - 14611 - /* Sorted Hover */ 14612 - 14613 - .ui.sortable.table thead th.sorted:hover { 14614 - color: rgba(0, 0, 0, 0.95); 14615 - } 14616 - 14617 - .ui.sortable.table:not(.basic) thead th.sorted:hover { 14618 - background: rgba(0, 0, 0, 0.05); 14619 - } 14620 - 14621 - /*-------------- 14622 - Collapsing 14623 - ---------------*/ 14624 - 14625 - .ui.collapsing.table { 14626 - width: auto; 14627 - } 14628 - 14629 - /*-------------- 14630 - Basic 14631 - ---------------*/ 14632 - 14633 - .ui.basic.table { 14634 - background: transparent; 14635 - border: 1px solid rgba(34, 36, 38, 0.15); 14636 - box-shadow: none; 14637 - } 14638 - 14639 - .ui.basic.table > thead, 14640 - .ui.basic.table > tfoot { 14641 - box-shadow: none; 14642 - } 14643 - 14644 - .ui.basic.table > thead > tr > th, 14645 - .ui.basic.table > tbody > tr > th, 14646 - .ui.basic.table > tfoot > tr > th, 14647 - .ui.basic.table > tr > th { 14648 - background: transparent; 14649 - border-left: none; 14650 - } 14651 - 14652 - .ui.basic.table > tbody > tr { 14653 - border-bottom: 1px solid rgba(0, 0, 0, 0.1); 14654 - } 14655 - 14656 - .ui.basic.table > tbody > tr > td, 14657 - .ui.basic.table > tfoot > tr > td, 14658 - .ui.basic.table > tr > td { 14659 - background: transparent; 14660 - } 14661 - 14662 - .ui.basic.striped.table > tbody > tr:nth-child(2n) { 14663 - background-color: rgba(0, 0, 0, 0.05); 14664 - } 14665 - 14666 - /* Very Basic */ 14667 - 14668 - .ui[class*="very basic"].table { 14669 - border: none; 14670 - } 14671 - 14672 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th, 14673 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th, 14674 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th, 14675 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th, 14676 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td, 14677 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td { 14678 - padding: ''; 14679 - } 14680 - 14681 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:first-child, 14682 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:first-child, 14683 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:first-child, 14684 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:first-child, 14685 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:first-child, 14686 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:first-child, 14687 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:first-child { 14688 - padding-left: 0; 14689 - } 14690 - 14691 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:last-child, 14692 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr > th:last-child, 14693 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:last-child, 14694 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:last-child, 14695 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:last-child, 14696 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:last-child, 14697 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:last-child { 14698 - padding-right: 0; 14699 - } 14700 - 14701 - .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th { 14702 - padding-top: 0; 14703 - } 14704 - 14705 - /*-------------- 14706 - Celled 14707 - ---------------*/ 14708 - 14709 - .ui.celled.table > tr > th, 14710 - .ui.celled.table > thead > tr > th, 14711 - .ui.celled.table > tbody > tr > th, 14712 - .ui.celled.table > tfoot > tr > th, 14713 - .ui.celled.table > tr > td, 14714 - .ui.celled.table > tbody > tr > td, 14715 - .ui.celled.table > tfoot > tr > td { 14716 - border-left: 1px solid rgba(34, 36, 38, 0.1); 14717 - } 14718 - 14719 - .ui.celled.table > tr > th:first-child, 14720 - .ui.celled.table > thead > tr > th:first-child, 14721 - .ui.celled.table > tbody > tr > th:first-child, 14722 - .ui.celled.table > tfoot > tr > th:first-child, 14723 - .ui.celled.table > tr > td:first-child, 14724 - .ui.celled.table > tbody > tr > td:first-child, 14725 - .ui.celled.table > tfoot > tr > td:first-child { 14726 - border-left: none; 14727 - } 14728 - 14729 - /*-------------- 14730 - Padded 14731 - ---------------*/ 14732 - 14733 - .ui.padded.table > tr > th, 14734 - .ui.padded.table > thead > tr > th, 14735 - .ui.padded.table > tbody > tr > th, 14736 - .ui.padded.table > tfoot > tr > th { 14737 - padding-left: 1em; 14738 - padding-right: 1em; 14739 - } 14740 - 14741 - .ui.padded.table > tr > th, 14742 - .ui.padded.table > thead > tr > th, 14743 - .ui.padded.table > tbody > tr > th, 14744 - .ui.padded.table > tfoot > tr > th, 14745 - .ui.padded.table > tr > td, 14746 - .ui.padded.table > tbody > tr > td, 14747 - .ui.padded.table > tfoot > tr > td { 14748 - padding: 1em 1em; 14749 - } 14750 - 14751 - /* Very */ 14752 - 14753 - .ui[class*="very padded"].table > tr > th, 14754 - .ui[class*="very padded"].table > thead > tr > th, 14755 - .ui[class*="very padded"].table > tbody > tr > th, 14756 - .ui[class*="very padded"].table > tfoot > tr > th { 14757 - padding-left: 1.5em; 14758 - padding-right: 1.5em; 14759 - } 14760 - 14761 - .ui[class*="very padded"].table > tr > td, 14762 - .ui[class*="very padded"].table > tbody > tr > td, 14763 - .ui[class*="very padded"].table > tfoot > tr > td { 14764 - padding: 1.5em 1.5em; 14765 - } 14766 - 14767 - /*-------------- 14768 - Compact 14769 - ---------------*/ 14770 - 14771 - .ui.compact.table > tr > th, 14772 - .ui.compact.table > thead > tr > th, 14773 - .ui.compact.table > tbody > tr > th, 14774 - .ui.compact.table > tfoot > tr > th { 14775 - padding-left: 0.7em; 14776 - padding-right: 0.7em; 14777 - } 14778 - 14779 - .ui.compact.table > tr > td, 14780 - .ui.compact.table > tbody > tr > td, 14781 - .ui.compact.table > tfoot > tr > td { 14782 - padding: 0.5em 0.7em; 14783 - } 14784 - 14785 - /* Very */ 14786 - 14787 - .ui[class*="very compact"].table > tr > th, 14788 - .ui[class*="very compact"].table > thead > tr > th, 14789 - .ui[class*="very compact"].table > tbody > tr > th, 14790 - .ui[class*="very compact"].table > tfoot > tr > th { 14791 - padding-left: 0.6em; 14792 - padding-right: 0.6em; 14793 - } 14794 - 14795 - .ui[class*="very compact"].table > tr > td, 14796 - .ui[class*="very compact"].table > tbody > tr > td, 14797 - .ui[class*="very compact"].table > tfoot > tr > td { 14798 - padding: 0.4em 0.6em; 14799 - } 14800 - 14801 - /*-------------- 14802 - Sizes 14803 - ---------------*/ 14804 - 14805 - /* Standard */ 14806 - 14807 - .ui.table { 14808 - font-size: 1em; 14809 - } 14810 - 14811 - .ui.mini.table { 14812 - font-size: 0.78571429rem; 14813 - } 14814 - 14815 - .ui.tiny.table { 14816 - font-size: 0.85714286rem; 14817 - } 14818 - 14819 - .ui.small.table { 14820 - font-size: 0.9em; 14821 - } 14822 - 14823 - .ui.large.table { 14824 - font-size: 1.1em; 14825 - } 14826 - 14827 - .ui.big.table { 14828 - font-size: 1.28571429rem; 14829 - } 14830 - 14831 - .ui.huge.table { 14832 - font-size: 1.42857143rem; 14833 - } 14834 - 14835 - .ui.massive.table { 14836 - font-size: 1.71428571rem; 14837 - } 14838 - 14839 - /******************************* 14840 - Site Overrides 14841 13479 *******************************/

+1 -2

web_src/fomantic/semantic.json

··· 33 33 "menu", 34 34 "modal", 35 35 "search", 36 - "tab", 37 - "table" 36 + "tab" 38 37 ] 39 38 }

Configure Feed

Configure Feed