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