10 lines
No EOL
15 KiB
CSS
10 lines
No EOL
15 KiB
CSS
/*!
|
|
* # Semantic UI 1.11.4 - Table
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* Copyright 2014 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/.ui.table{width:100%;background:#fff;margin:1em 0;border:1px solid #d0d0d0;box-shadow:none;border-radius:.25rem;color:rgba(0,0,0,.8);border-collapse:separate;border-spacing:0}.ui.table:first-child{margin-top:0}.ui.table:last-child{margin-bottom:0}.ui.table td,.ui.table th{-webkit-transition:background .2s ease,border-color .2s ease,color .2s ease;transition:background .2s ease,border-color .2s ease,color .2s ease}.ui.table thead{box-shadow:none}.ui.table thead th{cursor:auto;background:#f0f0f0;text-align:left;color:rgba(0,0,0,.8);padding:.7em .8em;vertical-align:middle;font-style:none;font-weight:700;text-transform:none;border-bottom:1px solid #d4d4d5;border-left:none}.ui.table thead tr>th:first-child{border-left:none}.ui.table thead tr:first-child>th:first-child{border-radius:.25rem 0 0}.ui.table thead tr:first-child>th:last-child{border-radius:0 .25rem 0 0}.ui.table thead tr:first-child>th:only-child{border-radius:.25rem .25rem 0 0}.ui.table tfoot{box-shadow:none}.ui.table tfoot th{cursor:auto;border-top:1px solid #d4d4d5;background:#fff;text-align:left;color:rgba(0,0,0,.8);padding:.7em .8em;vertical-align:middle;font-style:normal;font-weight:400;text-transform:none}.ui.table tfoot tr>th:first-child{border-left:none}.ui.table tfoot tr:first-child>th:first-child{border-radius:0 0 0 .25rem}.ui.table tfoot tr:first-child>th:last-child{border-radius:0 0 .25rem}.ui.table tfoot tr:first-child>th:only-child{border-radius:0 0 .25rem .25rem}.ui.table tr td{border-top:1px solid #d4d4d5}.ui.table tr:first-child td{border-top:none}.ui.table td{padding:.7em .8em;text-align:left;vertical-align:middle}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment{padding:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}@media only screen and (max-width:767px){.ui.table:not(.unstackable){width:100%}.ui.table:not(.unstackable) tbody,.ui.table:not(.unstackable) tr,.ui.table:not(.unstackable) tr>td,.ui.table:not(.unstackable) tr>th{width:auto!important;display:block!important}.ui.table:not(.unstackable){padding:0}.ui.table:not(.unstackable) tfoot,.ui.table:not(.unstackable) thead{display:block}.ui.table:not(.unstackable) tr>td,.ui.table:not(.unstackable) tr>th{background:0 0;border:none!important;padding:.25em .75em;box-shadow:none}.ui.table:not(.unstackable) td:first-child,.ui.table:not(.unstackable) th:first-child{font-weight:700;padding-top:1em}.ui.table:not(.unstackable) td:last-child,.ui.table:not(.unstackable) th:last-child{box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset;padding-bottom:1em}.ui.table:not(.unstackable) tr>td.active,.ui.table:not(.unstackable) tr>td.error,.ui.table:not(.unstackable) tr>td.negative,.ui.table:not(.unstackable) tr>td.positive,.ui.table:not(.unstackable) tr>td.warning{background-color:transparent!important}.ui.definition.table:not(.unstackable) thead th:first-child{box-shadow:none!important}.ui.definition.table:not(.unstackable) tr td:first-child{padding-bottom:1em}.ui.definition.table:not(.unstackable) tr td:nth-child(n+2){padding-top:1em}}.ui.table td .image,.ui.table td .image img,.ui.table th .image,.ui.table th .image img{max-width:none}.ui.structured.table{border-collapse:collapse}.ui.structured.table thead th{border-left:none;border-right:none}.ui.structured.sortable.table thead th{border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0}.ui.structured.basic.table th{border-left:none;border-right:none}.ui.structured.celled.table tr td,.ui.structured.celled.table tr th{border-left:1px solid #d4d4d5;border-right:1px solid #d4d4d5}.ui.definition.table thead:not(.full-width) th:first-child{pointer-events:none;background:0 0;font-weight:400;color:rgba(0,0,0,.4);box-shadow:-1px -1px 0 1px #fff}.ui.definition.table tfoot:not(.full-width) th:first-child{pointer-events:none;background:0 0;font-weight:rgba(0,0,0,.4);color:normal;box-shadow:1px 1px 0 1px #fff}.ui.celled.definition.table thead:not(.full-width) th:first-child{box-shadow:0 -1px 0 1px #fff}.ui.celled.definition.table tfoot:not(.full-width) th:first-child{box-shadow:0 1px 0 1px #fff}.ui.definition.table tr td:first-child{background:rgba(0,0,0,.03);font-weight:700;color:rgba(0,0,0,.8)}.ui.definition.table td:nth-child(2),.ui.definition.table tfoot:not(.full-width) th:nth-child(2),.ui.definition.table thead:not(.full-width) th:nth-child(2){border-left:1px solid #d0d0d0}.ui.table td.positive,.ui.table tr.positive{box-shadow:0 0 0 #b7caa7 inset}.ui.table td.positive,.ui.table tr.positive td{background:#eeffe7!important;color:#3c763d!important}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive{background:#e3ffd8!important;color:#376c38!important}.ui.table td.negative,.ui.table tr.negative{box-shadow:0 0 0 #dbb1b1 inset}.ui.table td.negative,.ui.table tr.negative td{background:#fff0f0!important;color:#cd2929!important}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative{background:#ffe1e1!important;color:#c02626!important}.ui.table td.error,.ui.table tr.error{box-shadow:0 0 0 #dbb1b1 inset}.ui.table td.error,.ui.table tr.error td{background:#fff0f0!important;color:#cd2929!important}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error{background:#ffe1e1!important;color:#c02626!important}.ui.table td.warning,.ui.table tr.warning{box-shadow:0 0 0 #d9caab inset}.ui.table td.warning,.ui.table tr.warning td{background:#fffbe6!important;color:#7d6c00!important}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning{background:#fff9d7!important;color:#6e5f00!important}.ui.table td.active,.ui.table tr.active{box-shadow:0 0 0 rgba(50,50,50,.9) inset}.ui.celled.table tr.active:hover td,.ui.celled.table tr:hover td.active,.ui.table td.active,.ui.table tr.active td{background:#e0e0e0!important;color:rgba(50,50,50,.9)!important}.ui.table tr td.disabled,.ui.table tr.disabled td,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{pointer-events:none;color:rgba(40,40,40,.3)}@media only screen and (max-width:991px){.ui[class*="tablet stackable"].table,.ui[class*="tablet stackable"].table tbody,.ui[class*="tablet stackable"].table tr,.ui[class*="tablet stackable"].table tr>td,.ui[class*="tablet stackable"].table tr>th{width:100%!important;display:block!important}.ui[class*="tablet stackable"].table{padding:0}.ui[class*="tablet stackable"].table tfoot,.ui[class*="tablet stackable"].table thead{display:block}.ui[class*="tablet stackable"].table tr>td,.ui[class*="tablet stackable"].table tr>th{background:0 0;border:none!important;padding:.25em .75em;box-shadow:none}.ui[class*="tablet stackable"].table td:first-child,.ui[class*="tablet stackable"].table th:first-child{font-weight:700;padding-top:1em}.ui[class*="tablet stackable"].table td:last-child,.ui[class*="tablet stackable"].table th:last-child{box-shadow:0 -1px 0 0 rgba(0,0,0,.1) inset;padding-bottom:1em}.ui[class*="tablet stackable"].table tr>td.active,.ui[class*="tablet stackable"].table tr>td.error,.ui[class*="tablet stackable"].table tr>td.negative,.ui[class*="tablet stackable"].table tr>td.positive,.ui[class*="tablet stackable"].table tr>td.warning{background-color:transparent!important}.ui.definition[class*="tablet stackable"].table thead th:first-child{box-shadow:none!important}.ui.definition[class*="tablet stackable"].table tr td:first-child{padding-bottom:1em}.ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2){padding-top:1em}}.ui.table [class*="left aligned"],.ui.table[class*="left aligned"]{text-align:left}.ui.table [class*="center aligned"],.ui.table[class*="center aligned"]{text-align:center}.ui.table [class*="right aligned"],.ui.table[class*="right aligned"]{text-align:right}.ui.table td.collapsing,.ui.table th.collapsing{width:1px;white-space:nowrap}.ui.attached.table{width:-webkit-calc(100% + 2px);width:calc(100% + 2px);margin:0 -1px;border-radius:0;box-shadow:none}.ui[class*="top attached"].table{margin-top:1em 0;border-radius:.25rem .25rem 0 0}.ui.table[class*="top attached"]:first-child{margin-top:0}.ui.table[class*="bottom attached"]{margin-top:0;margin-bottom:1em 0;border-radius:0 0 .25rem .25rem}.ui.table[class*="bottom attached"]:last-child{margin-bottom:0}.ui.striped.table tbody tr:nth-child(2n),.ui.striped.table>tr:nth-child(2n){background-color:rgba(0,0,50,.03)}.ui.inverted.striped.table tbody tr:nth-child(2n),.ui.inverted.striped.table>tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.black.table{border-top:.2em solid #1b1c1d}.ui.blue.table{border-top:.2em solid #3b83c0}.ui.green.table{border-top:.2em solid #5bbd72}.ui.orange.table{border-top:.2em solid #e07b53}.ui.pink.table{border-top:.2em solid #d9499a}.ui.purple.table{border-top:.2em solid #564f8a}.ui.red.table{border-top:.2em solid #d95c5c}.ui.teal.table{border-top:.2em solid #00b5ad}.ui.yellow.table{border-top:.2em solid #f2c61f}.ui.inverted.black.table,.ui.inverted.table{background-color:#1b1c1d!important;color:#fff!important}.ui.inverted.blue.table{background-color:#3b83c0!important;color:#fff!important}.ui.inverted.green.table{background-color:#5bbd72!important;color:#fff!important}.ui.inverted.orange.table{background-color:#e07b53!important;color:#fff!important}.ui.inverted.pink.table{background-color:#d9499a!important;color:#fff!important}.ui.inverted.purple.table{background-color:#564f8a!important;color:#fff!important}.ui.inverted.red.table{background-color:#d95c5c!important;color:#fff!important}.ui.inverted.teal.table{background-color:#00b5ad!important;color:#fff!important}.ui.inverted.yellow.table{background-color:#f2c61f!important;color:#fff!important}.ui.one.column.table td{width:100%}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.33333333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66666667%}.ui.seven.column.table td{width:14.28571429%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.11111111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.09090909%}.ui.twelve.column.table td{width:8.33333333%}.ui.thirteen.column.table td{width:7.69230769%}.ui.fourteen.column.table td{width:7.14285714%}.ui.fifteen.column.table td{width:6.66666667%}.ui.sixteen.column.table td,.ui.table td.one.wide,.ui.table th.one.wide{width:6.25%}.ui.table td.two.wide,.ui.table th.two.wide{width:12.5%}.ui.table td.three.wide,.ui.table th.three.wide{width:18.75%}.ui.table td.four.wide,.ui.table th.four.wide{width:25%}.ui.table td.five.wide,.ui.table th.five.wide{width:31.25%}.ui.table td.six.wide,.ui.table th.six.wide{width:37.5%}.ui.table td.seven.wide,.ui.table th.seven.wide{width:43.75%}.ui.table td.eight.wide,.ui.table th.eight.wide{width:50%}.ui.table td.nine.wide,.ui.table th.nine.wide{width:56.25%}.ui.table td.ten.wide,.ui.table th.ten.wide{width:62.5%}.ui.table td.eleven.wide,.ui.table th.eleven.wide{width:68.75%}.ui.table td.twelve.wide,.ui.table th.twelve.wide{width:75%}.ui.table td.thirteen.wide,.ui.table th.thirteen.wide{width:81.25%}.ui.table td.fourteen.wide,.ui.table th.fourteen.wide{width:87.5%}.ui.table td.fifteen.wide,.ui.table th.fifteen.wide{width:93.75%}.ui.table td.sixteen.wide,.ui.table th.sixteen.wide{width:100%}.ui.sortable.table thead th{cursor:pointer;white-space:nowrap;border-left:1px solid #d0d0d0;color:rgba(0,0,0,.8)}.ui.sortable.table thead th:first-child{border-left:none}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;height:1em;opacity:.8;margin:0 0 0 .5em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit}.ui.sortable.table thead th.ascending:after{content:'\f0d7'}.ui.sortable.table thead th.descending:after{content:'\f0d8'}.ui.sortable.table th.disabled:hover{cursor:auto;color:rgba(40,40,40,.3)}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover,.ui.sortable.table thead th:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.8)}.ui.inverted.sortable.table thead th.sorted{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) rgba(255,255,255,.07);background:linear-gradient(transparent,rgba(0,0,0,.05)) rgba(255,255,255,.07);color:#fff}.ui.inverted.sortable.table thead th:hover{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) rgba(255,255,255,.05);background:linear-gradient(transparent,rgba(0,0,0,.05)) rgba(255,255,255,.05);color:#fff}.ui.inverted.sortable.table thead th{border-left-color:transparent;border-right-color:transparent}.ui.inverted.table{background:#333;color:#fff;border:none}.ui.inverted.table th{background-color:rgba(0,0,0,.15);border-color:rgba(0,0,0,.2)!important;color:rgba(255,255,255,.9)}.ui.inverted.table tr td{border-color:rgba(0,0,0,.2)!important}.ui.inverted.table tr td.disabled,.ui.inverted.table tr.disabled td,.ui.inverted.table tr.disabled:hover td,.ui.inverted.table tr:hover td.disabled{pointer-events:none;color:rgba(225,225,225,.3)}.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,.ui.inverted.definition.table thead:not(.full-width) th:first-child{background:#fff}.ui.inverted.definition.table tr td:first-child{background:rgba(255,255,255,.02);color:#fff}.ui.collapsing.table{width:auto}.ui.basic.table{background:0 0;border:1px solid #d0d0d0;box-shadow:none}.ui.basic.table tfoot,.ui.basic.table thead{box-shadow:none}.ui.basic.table th{background:0 0;border-left:none}.ui.basic.table tbody tr{border-bottom:1px solid rgba(0,0,0,.1)}.ui.basic.table td{background:0 0}.ui.basic.striped.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.05)!important}.ui[class*="very basic"].table{border:none}.ui[class*="very basic"].table:not(.sortable):not(.striped) td,.ui[class*="very basic"].table:not(.sortable):not(.striped) th{padding:.7em .8em}.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child{padding-left:0}.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child{padding-right:0}.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th{padding-top:0}.ui.celled.table tr td,.ui.celled.table tr th{border-left:1px solid #d4d4d5}.ui.celled.table tr td:first-child,.ui.celled.table tr th:first-child{border-left:none}.ui.padded.table td,.ui.padded.table th{padding:1em}.ui[class*="very padded"].table th{padding-left:1.5em;padding-right:1.5em}.ui[class*="very padded"].table td{padding:1.5em}.ui.compact.table th{padding-left:.7em;padding-right:.7em}.ui.compact.table td{padding:.5em .7em}.ui[class*="very compact"].table th{padding-left:.6em;padding-right:.6em}.ui[class*="very compact"].table td{padding:.4em .6em}.ui.small.table{font-size:.9em}.ui.table{font-size:1em}.ui.large.table{font-size:1.1em} |