github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/dist/components/table.css (about) 1 /*! 2 * # Semantic UI x.x - Table 3 * http://github.com/semantic-org/semantic-ui/ 4 * 5 * 6 * Copyright 2014 Contributors 7 * Released under the MIT license 8 * http://opensource.org/licenses/MIT 9 * 10 */ 11 12 13 /******************************* 14 Table 15 *******************************/ 16 17 18 /* Prototype */ 19 .ui.table { 20 width: 100%; 21 background: #ffffff; 22 margin: 1em 0em; 23 border: 1px solid #d0d0d0; 24 box-shadow: none; 25 border-radius: 0.25rem; 26 color: rgba(0, 0, 0, 0.8); 27 border-collapse: separate; 28 border-spacing: 0px; 29 } 30 .ui.table:first-child { 31 margin-top: 0em; 32 } 33 .ui.table:last-child { 34 margin-bottom: 0em; 35 } 36 37 38 /******************************* 39 Parts 40 *******************************/ 41 42 43 /* Table Content */ 44 .ui.table th, 45 .ui.table td { 46 -webkit-transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; 47 transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; 48 } 49 50 /* Headers */ 51 .ui.table thead { 52 box-shadow: none; 53 } 54 .ui.table thead th { 55 cursor: auto; 56 background: #f0f0f0; 57 text-align: left; 58 color: rgba(0, 0, 0, 0.8); 59 padding: 0.7em 0.8em; 60 vertical-align: middle; 61 font-style: none; 62 font-weight: bold; 63 text-transform: none; 64 border-bottom: 1px solid #d4d4d5; 65 border-left: none; 66 } 67 .ui.table thead tr > th:first-child { 68 border-left: none; 69 } 70 .ui.table thead tr:first-child > th:first-child { 71 border-radius: 0.25rem 0em 0em 0em; 72 } 73 .ui.table thead tr:first-child > th:last-child { 74 border-radius: 0em 0.25rem 0em 0em; 75 } 76 .ui.table thead tr:first-child > th:only-child { 77 border-radius: 0.25rem 0.25rem 0em 0em; 78 } 79 80 /* Footer */ 81 .ui.table tfoot { 82 box-shadow: none; 83 } 84 .ui.table tfoot th { 85 cursor: auto; 86 border-top: 1px solid #d4d4d5; 87 background: #ffffff; 88 text-align: left; 89 color: rgba(0, 0, 0, 0.8); 90 padding: 0.7em 0.8em; 91 vertical-align: middle; 92 font-style: normal; 93 font-weight: normal; 94 text-transform: none; 95 } 96 .ui.table tfoot tr > th:first-child { 97 border-left: none; 98 } 99 .ui.table tfoot tr:first-child > th:first-child { 100 border-radius: 0em 0em 0em 0.25rem; 101 } 102 .ui.table tfoot tr:first-child > th:last-child { 103 border-radius: 0em 0em 0.25rem 0em; 104 } 105 .ui.table tfoot tr:first-child > th:only-child { 106 border-radius: 0em 0em 0.25rem 0.25rem; 107 } 108 109 /* Table Row */ 110 .ui.table tr td { 111 border-top: 1px solid #d4d4d5; 112 } 113 .ui.table tr:first-child td { 114 border-top: none; 115 } 116 117 /* Table Cells */ 118 .ui.table td { 119 padding: 0.7em 0.8em; 120 text-align: left; 121 vertical-align: middle; 122 } 123 124 /* Icons */ 125 .ui.table > .icon { 126 vertical-align: baseline; 127 } 128 .ui.table > .icon:only-child { 129 margin: 0em; 130 } 131 132 /* Table Segment */ 133 .ui.table.segment { 134 padding: 0em; 135 } 136 .ui.table.segment:after { 137 display: none; 138 } 139 .ui.table.segment.stacked:after { 140 display: block; 141 } 142 143 /* Responsive */ 144 @media only screen and (max-width: 767px) { 145 .ui.table:not(.unstackable) { 146 width: 100%; 147 } 148 .ui.table:not(.unstackable) tbody, 149 .ui.table:not(.unstackable) tr, 150 .ui.table:not(.unstackable) tr > th, 151 .ui.table:not(.unstackable) tr > td { 152 width: auto !important; 153 display: block !important; 154 } 155 .ui.table:not(.unstackable) { 156 padding: 0em; 157 } 158 .ui.table:not(.unstackable) thead { 159 display: block; 160 } 161 .ui.table:not(.unstackable) tfoot { 162 display: block; 163 } 164 .ui.table:not(.unstackable) tr > th, 165 .ui.table:not(.unstackable) tr > td { 166 background: none; 167 border: none !important; 168 padding: 0.25em 0.75em; 169 box-shadow: none !important; 170 } 171 .ui.table:not(.unstackable) th:first-child, 172 .ui.table:not(.unstackable) td:first-child { 173 font-weight: bold; 174 padding-top: 1em; 175 } 176 .ui.table:not(.unstackable) th:last-child, 177 .ui.table:not(.unstackable) td:last-child { 178 box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; 179 padding-bottom: 1em; 180 } 181 182 /* Clear BG Colors */ 183 .ui.table:not(.unstackable) tr > td.warning, 184 .ui.table:not(.unstackable) tr > td.error, 185 .ui.table:not(.unstackable) tr > td.active, 186 .ui.table:not(.unstackable) tr > td.positive, 187 .ui.table:not(.unstackable) tr > td.negative { 188 background-color: transparent !important; 189 } 190 191 /* Definition Table */ 192 .ui.definition.table:not(.unstackable) thead th:first-child { 193 box-shadow: none !important; 194 } 195 .ui.definition.table:not(.unstackable) tr td:first-child { 196 padding-bottom: 1em; 197 } 198 .ui.definition.table:not(.unstackable) tr td:nth-child(n+2) { 199 padding-top: 1em; 200 } 201 } 202 203 204 /******************************* 205 Coupling 206 *******************************/ 207 208 209 /* UI Image */ 210 .ui.table th .image, 211 .ui.table th .image img, 212 .ui.table td .image, 213 .ui.table td .image img { 214 max-width: none; 215 } 216 217 218 /******************************* 219 Types 220 *******************************/ 221 222 223 /*-------------- 224 Complex 225 ---------------*/ 226 227 .ui.structured.table { 228 border-collapse: collapse; 229 } 230 .ui.structured.table thead th { 231 border-left: none; 232 border-right: none; 233 } 234 .ui.structured.sortable.table thead th { 235 border-left: 1px solid #d0d0d0; 236 border-right: 1px solid #d0d0d0; 237 } 238 .ui.structured.basic.table th { 239 border-left: none; 240 border-right: none; 241 } 242 .ui.structured.celled.table tr th, 243 .ui.structured.celled.table tr td { 244 border-left: 1px solid #d4d4d5; 245 border-right: 1px solid #d4d4d5; 246 } 247 248 /*-------------- 249 Definition 250 ---------------*/ 251 252 .ui.definition.table thead:not(.full-width) th:first-child { 253 pointer-events: none; 254 background: transparent; 255 font-weight: normal; 256 color: rgba(0, 0, 0, 0.4); 257 box-shadow: -1px -1px 0px 1px #ffffff; 258 } 259 .ui.definition.table tfoot:not(.full-width) th:first-child { 260 pointer-events: none; 261 background: transparent; 262 font-weight: rgba(0, 0, 0, 0.4); 263 color: normal; 264 box-shadow: 1px 1px 0px 1px #ffffff; 265 } 266 267 /* Remove Border */ 268 .ui.celled.definition.table thead:not(.full-width) th:first-child { 269 box-shadow: 0px -1px 0px 1px #ffffff; 270 } 271 .ui.celled.definition.table tfoot:not(.full-width) th:first-child { 272 box-shadow: 0px 1px 0px 1px #ffffff; 273 } 274 275 /* Highlight Defining Column */ 276 .ui.definition.table tr td:first-child { 277 background: rgba(0, 0, 0, 0.03); 278 font-weight: bold; 279 color: rgba(0, 0, 0, 0.8); 280 } 281 282 /* Fix 2nd Column */ 283 .ui.definition.table thead:not(.full-width) th:nth-child(2) { 284 border-left: 1px solid #d0d0d0; 285 } 286 .ui.definition.table tfoot:not(.full-width) th:nth-child(2) { 287 border-left: 1px solid #d0d0d0; 288 } 289 .ui.definition.table td:nth-child(2) { 290 border-left: 1px solid #d0d0d0; 291 } 292 293 294 /******************************* 295 States 296 *******************************/ 297 298 299 /*-------------- 300 Positive 301 ---------------*/ 302 303 .ui.table tr.positive, 304 .ui.table td.positive { 305 box-shadow: 0px 0px 0px #b7caa7 inset; 306 } 307 .ui.table tr.positive td, 308 .ui.table td.positive { 309 background: #eeffe7 !important; 310 color: #3c763d !important; 311 } 312 .ui.celled.table tr.positive:hover td, 313 .ui.celled.table tr:hover td.positive { 314 background: #e3ffd8 !important; 315 color: #376c38 !important; 316 } 317 318 /*-------------- 319 Negative 320 ---------------*/ 321 322 .ui.table tr.negative, 323 .ui.table td.negative { 324 box-shadow: 0px 0px 0px #dbb1b1 inset; 325 } 326 .ui.table tr.negative td, 327 .ui.table td.negative { 328 background: #fff0f0 !important; 329 color: #cd2929 !important; 330 } 331 .ui.celled.table tr.negative:hover td, 332 .ui.celled.table tr:hover td.negative { 333 background: #ffe1e1 !important; 334 color: #c02626 !important; 335 } 336 337 /*-------------- 338 Error 339 ---------------*/ 340 341 .ui.table tr.error, 342 .ui.table td.error { 343 box-shadow: 0px 0px 0px #dbb1b1 inset; 344 } 345 .ui.table tr.error td, 346 .ui.table td.error { 347 background: #fff0f0 !important; 348 color: #cd2929 !important; 349 } 350 .ui.celled.table tr.error:hover td, 351 .ui.celled.table tr:hover td.error { 352 background: #ffe1e1 !important; 353 color: #c02626 !important; 354 } 355 356 /*-------------- 357 Warning 358 ---------------*/ 359 360 .ui.table tr.warning, 361 .ui.table td.warning { 362 box-shadow: 0px 0px 0px #d9caab inset; 363 } 364 .ui.table tr.warning td, 365 .ui.table td.warning { 366 background: #fffbe6 !important; 367 color: #7d6c00 !important; 368 } 369 .ui.celled.table tr.warning:hover td, 370 .ui.celled.table tr:hover td.warning { 371 background: #fff9d7 !important; 372 color: #6e5f00 !important; 373 } 374 375 /*-------------- 376 Active 377 ---------------*/ 378 379 .ui.table tr.active, 380 .ui.table td.active { 381 box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.9) inset; 382 } 383 .ui.table tr.active td, 384 .ui.table td.active { 385 background: #e0e0e0 !important; 386 color: rgba(50, 50, 50, 0.9) !important; 387 } 388 .ui.celled.table tr.active:hover td, 389 .ui.celled.table tr:hover td.active { 390 background: #e0e0e0 !important; 391 color: rgba(50, 50, 50, 0.9) !important; 392 } 393 394 /*-------------- 395 Disabled 396 ---------------*/ 397 398 .ui.table tr.disabled td, 399 .ui.table tr td.disabled, 400 .ui.table tr.disabled:hover td, 401 .ui.table tr:hover td.disabled { 402 pointer-events: none; 403 color: rgba(40, 40, 40, 0.3); 404 } 405 406 407 /******************************* 408 Variations 409 *******************************/ 410 411 412 /*-------------- 413 Stackable 414 ---------------*/ 415 416 @media only screen and (max-width: 991px) { 417 .ui[class*="tablet stackable"].table, 418 .ui[class*="tablet stackable"].table tbody, 419 .ui[class*="tablet stackable"].table tr, 420 .ui[class*="tablet stackable"].table tr > th, 421 .ui[class*="tablet stackable"].table tr > td { 422 width: 100% !important; 423 display: block !important; 424 } 425 .ui[class*="tablet stackable"].table { 426 padding: 0em; 427 } 428 .ui[class*="tablet stackable"].table thead { 429 display: block; 430 } 431 .ui[class*="tablet stackable"].table tfoot { 432 display: block; 433 } 434 .ui[class*="tablet stackable"].table tr > th, 435 .ui[class*="tablet stackable"].table tr > td { 436 background: none; 437 border: none !important; 438 padding: 0.25em 0.75em; 439 box-shadow: none !important; 440 } 441 .ui[class*="tablet stackable"].table th:first-child, 442 .ui[class*="tablet stackable"].table td:first-child { 443 font-weight: bold; 444 padding-top: 1em; 445 } 446 .ui[class*="tablet stackable"].table th:last-child, 447 .ui[class*="tablet stackable"].table td:last-child { 448 box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; 449 padding-bottom: 1em; 450 } 451 452 /* Clear BG Colors */ 453 .ui[class*="tablet stackable"].table tr > td.warning, 454 .ui[class*="tablet stackable"].table tr > td.error, 455 .ui[class*="tablet stackable"].table tr > td.active, 456 .ui[class*="tablet stackable"].table tr > td.positive, 457 .ui[class*="tablet stackable"].table tr > td.negative { 458 background-color: transparent !important; 459 } 460 461 /* Definition Table */ 462 .ui.definition[class*="tablet stackable"].table thead th:first-child { 463 box-shadow: none !important; 464 } 465 .ui.definition[class*="tablet stackable"].table tr td:first-child { 466 padding-bottom: 1em; 467 } 468 .ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) { 469 padding-top: 1em; 470 } 471 } 472 473 /*-------------- 474 Aligned 475 ---------------*/ 476 477 .ui.table[class*="left aligned"], 478 .ui.table [class*="left aligned"] { 479 text-align: left; 480 } 481 .ui.table[class*="center aligned"], 482 .ui.table [class*="center aligned"] { 483 text-align: center; 484 } 485 .ui.table[class*="right aligned"], 486 .ui.table [class*="right aligned"] { 487 text-align: right; 488 } 489 490 /*-------------- 491 Collapsing 492 ---------------*/ 493 494 .ui.table th.collapsing, 495 .ui.table td.collapsing { 496 width: 1px; 497 white-space: nowrap; 498 } 499 500 /*-------------- 501 Attached 502 ---------------*/ 503 504 505 /* All */ 506 .ui.attached.table { 507 width: -webkit-calc(100% + 2px ); 508 width: calc(100% + 2px ); 509 margin: 0em -1px; 510 border-radius: 0px; 511 box-shadow: none; 512 } 513 514 /* Top */ 515 .ui[class*="top attached"].table { 516 margin-top: 1em 0em; 517 border-radius: 0.25rem 0.25rem 0em 0em; 518 } 519 .ui.table[class*="top attached"]:first-child { 520 margin-top: 0em; 521 } 522 523 /* Bottom */ 524 .ui.table[class*="bottom attached"] { 525 margin-top: 0em; 526 margin-bottom: 1em 0em; 527 border-radius: 0em 0em 0.25rem 0.25rem; 528 } 529 .ui.table[class*="bottom attached"]:last-child { 530 margin-bottom: 0em; 531 } 532 533 /*-------------- 534 Striped 535 ---------------*/ 536 537 538 /* Table Striping */ 539 .ui.striped.table > tr:nth-child(2n), 540 .ui.striped.table tbody tr:nth-child(2n) { 541 background-color: rgba(0, 0, 50, 0.03); 542 } 543 544 /* Stripes */ 545 .ui.inverted.striped.table > tr:nth-child(2n), 546 .ui.inverted.striped.table tbody tr:nth-child(2n) { 547 background-color: rgba(255, 255, 255, 0.06); 548 } 549 550 /*------------------- 551 Colors 552 --------------------*/ 553 554 .ui.black.table { 555 border-top: 0.2em solid #1b1c1d; 556 } 557 .ui.blue.table { 558 border-top: 0.2em solid #006e93; 559 } 560 .ui.green.table { 561 border-top: 0.2em solid #5bbd72; 562 } 563 .ui.orange.table { 564 border-top: 0.2em solid #e07b53; 565 } 566 .ui.pink.table { 567 border-top: 0.2em solid #d9499a; 568 } 569 .ui.purple.table { 570 border-top: 0.2em solid #564f8a; 571 } 572 .ui.red.table { 573 border-top: 0.2em solid #d95c5c; 574 } 575 .ui.teal.table { 576 border-top: 0.2em solid #00b5ad; 577 } 578 .ui.yellow.table { 579 border-top: 0.2em solid #f2c61f; 580 } 581 582 /*------------------- 583 Inverted Colors 584 --------------------*/ 585 586 .ui.inverted.table, 587 .ui.inverted.black.table { 588 background-color: #1b1c1d !important; 589 color: #ffffff !important; 590 } 591 .ui.inverted.blue.table { 592 background-color: #006e93 !important; 593 color: #ffffff !important; 594 } 595 .ui.inverted.green.table { 596 background-color: #5bbd72 !important; 597 color: #ffffff !important; 598 } 599 .ui.inverted.orange.table { 600 background-color: #e07b53 !important; 601 color: #ffffff !important; 602 } 603 .ui.inverted.pink.table { 604 background-color: #d9499a !important; 605 color: #ffffff !important; 606 } 607 .ui.inverted.purple.table { 608 background-color: #564f8a !important; 609 color: #ffffff !important; 610 } 611 .ui.inverted.red.table { 612 background-color: #d95c5c !important; 613 color: #ffffff !important; 614 } 615 .ui.inverted.teal.table { 616 background-color: #00b5ad !important; 617 color: #ffffff !important; 618 } 619 .ui.inverted.yellow.table { 620 background-color: #f2c61f !important; 621 color: #ffffff !important; 622 } 623 624 /*-------------- 625 Column Count 626 ---------------*/ 627 628 629 /* Grid Based */ 630 .ui.one.column.table td { 631 width: 100%; 632 } 633 .ui.two.column.table td { 634 width: 50%; 635 } 636 .ui.three.column.table td { 637 width: 33.33333333%; 638 } 639 .ui.four.column.table td { 640 width: 25%; 641 } 642 .ui.five.column.table td { 643 width: 20%; 644 } 645 .ui.six.column.table td { 646 width: 16.66666667%; 647 } 648 .ui.seven.column.table td { 649 width: 14.28571429%; 650 } 651 .ui.eight.column.table td { 652 width: 12.5%; 653 } 654 .ui.nine.column.table td { 655 width: 11.11111111%; 656 } 657 .ui.ten.column.table td { 658 width: 10%; 659 } 660 .ui.eleven.column.table td { 661 width: 9.09090909%; 662 } 663 .ui.twelve.column.table td { 664 width: 8.33333333%; 665 } 666 .ui.thirteen.column.table td { 667 width: 7.69230769%; 668 } 669 .ui.fourteen.column.table td { 670 width: 7.14285714%; 671 } 672 .ui.fifteen.column.table td { 673 width: 6.66666667%; 674 } 675 .ui.sixteen.column.table td { 676 width: 6.25%; 677 } 678 679 /* Column Width */ 680 .ui.table th.one.wide, 681 .ui.table td.one.wide { 682 width: 6.25%; 683 } 684 .ui.table th.two.wide, 685 .ui.table td.two.wide { 686 width: 12.5%; 687 } 688 .ui.table th.three.wide, 689 .ui.table td.three.wide { 690 width: 18.75%; 691 } 692 .ui.table th.four.wide, 693 .ui.table td.four.wide { 694 width: 25%; 695 } 696 .ui.table th.five.wide, 697 .ui.table td.five.wide { 698 width: 31.25%; 699 } 700 .ui.table th.six.wide, 701 .ui.table td.six.wide { 702 width: 37.5%; 703 } 704 .ui.table th.seven.wide, 705 .ui.table td.seven.wide { 706 width: 43.75%; 707 } 708 .ui.table th.eight.wide, 709 .ui.table td.eight.wide { 710 width: 50%; 711 } 712 .ui.table th.nine.wide, 713 .ui.table td.nine.wide { 714 width: 56.25%; 715 } 716 .ui.table th.ten.wide, 717 .ui.table td.ten.wide { 718 width: 62.5%; 719 } 720 .ui.table th.eleven.wide, 721 .ui.table td.eleven.wide { 722 width: 68.75%; 723 } 724 .ui.table th.twelve.wide, 725 .ui.table td.twelve.wide { 726 width: 75%; 727 } 728 .ui.table th.thirteen.wide, 729 .ui.table td.thirteen.wide { 730 width: 81.25%; 731 } 732 .ui.table th.fourteen.wide, 733 .ui.table td.fourteen.wide { 734 width: 87.5%; 735 } 736 .ui.table th.fifteen.wide, 737 .ui.table td.fifteen.wide { 738 width: 93.75%; 739 } 740 .ui.table th.sixteen.wide, 741 .ui.table td.sixteen.wide { 742 width: 100%; 743 } 744 745 /*-------------- 746 Sortable 747 ---------------*/ 748 749 .ui.sortable.table thead th { 750 cursor: pointer; 751 white-space: nowrap; 752 border-left: 1px solid #d0d0d0; 753 color: rgba(0, 0, 0, 0.8); 754 } 755 .ui.sortable.table thead th:first-child { 756 border-left: none; 757 } 758 .ui.sortable.table thead th.sorted, 759 .ui.sortable.table thead th.sorted:hover { 760 -webkit-user-select: none; 761 -moz-user-select: none; 762 -ms-user-select: none; 763 user-select: none; 764 } 765 .ui.sortable.table thead th:after { 766 display: inline-block; 767 content: ''; 768 width: 1em; 769 height: 1em; 770 opacity: 0.8; 771 margin: 0em 0em 0em 0.5em; 772 font-family: 'Icons'; 773 font-style: normal; 774 font-weight: normal; 775 text-decoration: inherit; 776 } 777 .ui.sortable.table thead th.ascending:after { 778 content: '\f0d7'; 779 } 780 .ui.sortable.table thead th.descending:after { 781 content: '\f0d8'; 782 } 783 784 /* Hover */ 785 .ui.sortable.table th.disabled:hover { 786 cursor: auto; 787 color: rgba(40, 40, 40, 0.3); 788 } 789 .ui.sortable.table thead th:hover { 790 background: rgba(0, 0, 0, 0.05); 791 color: rgba(0, 0, 0, 0.8); 792 } 793 794 /* Sorted */ 795 .ui.sortable.table thead th.sorted { 796 background: rgba(0, 0, 0, 0.05); 797 color: rgba(0, 0, 0, 0.8); 798 } 799 800 /* Sorted Hover */ 801 .ui.sortable.table thead th.sorted:hover { 802 background: rgba(0, 0, 0, 0.05); 803 color: rgba(0, 0, 0, 0.8); 804 } 805 806 /* Inverted */ 807 .ui.inverted.sortable.table thead th.sorted { 808 background: rgba(255, 255, 255, 0.07) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 809 background: rgba(255, 255, 255, 0.07) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 810 color: #ffffff; 811 } 812 .ui.inverted.sortable.table thead th:hover { 813 background: rgba(255, 255, 255, 0.05) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 814 background: rgba(255, 255, 255, 0.05) linear-gradient(transparent, rgba(0, 0, 0, 0.05)); 815 color: #ffffff; 816 } 817 .ui.inverted.sortable.table thead th { 818 border-left-color: transparent; 819 border-right-color: transparent; 820 } 821 822 /*-------------- 823 Inverted 824 ---------------*/ 825 826 827 /* Text Color */ 828 .ui.inverted.table { 829 background: #333333; 830 color: #ffffff; 831 border: none; 832 } 833 .ui.inverted.table th { 834 background-color: rgba(0, 0, 0, 0.15); 835 border-color: rgba(0, 0, 0, 0.2) !important; 836 color: rgba(255, 255, 255, 0.9); 837 } 838 .ui.inverted.table tr td { 839 border-color: rgba(0, 0, 0, 0.2) !important; 840 } 841 .ui.inverted.table tr.disabled td, 842 .ui.inverted.table tr td.disabled, 843 .ui.inverted.table tr.disabled:hover td, 844 .ui.inverted.table tr:hover td.disabled { 845 pointer-events: none; 846 color: rgba(225, 225, 225, 0.3); 847 } 848 849 /* Definition */ 850 .ui.inverted.definition.table tfoot:not(.full-width) th:first-child, 851 .ui.inverted.definition.table thead:not(.full-width) th:first-child { 852 background: #ffffff; 853 } 854 .ui.inverted.definition.table tr td:first-child { 855 background: rgba(255, 255, 255, 0.02); 856 color: #ffffff; 857 } 858 859 /*-------------- 860 Collapsing 861 ---------------*/ 862 863 .ui.collapsing.table { 864 width: auto; 865 } 866 867 /*-------------- 868 Basic 869 ---------------*/ 870 871 .ui.basic.table { 872 background: transparent; 873 border: 1px solid #d0d0d0; 874 box-shadow: none; 875 } 876 .ui.basic.table thead, 877 .ui.basic.table tfoot { 878 box-shadow: none; 879 } 880 .ui.basic.table th { 881 background: transparent; 882 border-left: none; 883 } 884 .ui.basic.table tbody tr { 885 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 886 } 887 .ui.basic.table td { 888 background: transparent; 889 } 890 .ui.basic.striped.table tbody tr:nth-child(2n) { 891 background-color: rgba(0, 0, 0, 0.05) !important; 892 } 893 894 /* Very Basic */ 895 .ui[class*="very basic"].table { 896 border: none; 897 } 898 .ui[class*="very basic"].table:not(.sortable):not(.striped) th, 899 .ui[class*="very basic"].table:not(.sortable):not(.striped) td { 900 padding: 0.7em 0.8em; 901 } 902 .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, 903 .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child { 904 padding-left: 0em; 905 } 906 .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, 907 .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child { 908 padding-right: 0em; 909 } 910 .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { 911 padding-top: 0em; 912 } 913 914 /*-------------- 915 Celled 916 ---------------*/ 917 918 .ui.celled.table tr th, 919 .ui.celled.table tr td { 920 border-left: 1px solid #d4d4d5; 921 } 922 .ui.celled.table tr th:first-child, 923 .ui.celled.table tr td:first-child { 924 border-left: none; 925 } 926 927 /*-------------- 928 Padded 929 ---------------*/ 930 931 .ui.padded.table th { 932 padding-left: 1em; 933 padding-right: 1em; 934 } 935 .ui.padded.table th, 936 .ui.padded.table td { 937 padding: 1em 1em; 938 } 939 940 /* Very */ 941 .ui[class*="very padded"].table th { 942 padding-left: 1.5em; 943 padding-right: 1.5em; 944 } 945 .ui[class*="very padded"].table td { 946 padding: 1.5em 1.5em; 947 } 948 949 /*-------------- 950 Compact 951 ---------------*/ 952 953 .ui.compact.table th { 954 padding-left: 0.7em; 955 padding-right: 0.7em; 956 } 957 .ui.compact.table td { 958 padding: 0.5em 0.7em; 959 } 960 961 /* Very */ 962 .ui[class*="very compact"].table th { 963 padding-left: 0.6em; 964 padding-right: 0.6em; 965 } 966 .ui[class*="very compact"].table td { 967 padding: 0.4em 0.6em; 968 } 969 970 /*-------------- 971 Sizes 972 ---------------*/ 973 974 975 /* Small */ 976 .ui.small.table { 977 font-size: 0.9em; 978 } 979 980 /* Standard */ 981 .ui.table { 982 font-size: 1em; 983 } 984 985 /* Large */ 986 .ui.large.table { 987 font-size: 1.1em; 988 } 989 990 991 /******************************* 992 Theme Overrides 993 *******************************/ 994 995 996 997 /******************************* 998 Site Overrides 999 *******************************/ 1000