@atlassian/aui
Version:
Atlassian User Interface Framework
125 lines (123 loc) • 3.53 kB
CSS
/*! AUI Tables */
/*! Note child combinator are used to ensure nested non-AUI tables don't receive any AUI styles. */
table.aui {
border-collapse: collapse;
width: 100%;
/* stripes - deprecated */
}
table.aui table.aui {
margin: 0;
}
table.aui > caption {
color: #7A869A;
background: #F4F5F7;
border-bottom: 1px solid #DFE1E6;
caption-side: top;
padding: 7px 10px;
text-align: left;
}
table.aui > thead > tr > th,
table.aui > tbody > tr > th,
table.aui > tfoot > tr > th,
table.aui > thead > tr > td,
table.aui > tbody > tr > td,
table.aui > tfoot > tr > td {
padding: 7px 10px;
text-align: left;
vertical-align: top;
}
table.aui > thead > tr > th > ul.menu,
table.aui > tbody > tr > th > ul.menu,
table.aui > tfoot > tr > th > ul.menu,
table.aui > thead > tr > td > ul.menu,
table.aui > tbody > tr > td > ul.menu,
table.aui > tfoot > tr > td > ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
}
table.aui > thead > tr > th > ul.menu > li,
table.aui > tbody > tr > th > ul.menu > li,
table.aui > tfoot > tr > th > ul.menu > li,
table.aui > thead > tr > td > ul.menu > li,
table.aui > tbody > tr > td > ul.menu > li,
table.aui > tfoot > tr > td > ul.menu > li {
float: left;
margin: 0 10px 0 0;
width: auto;
}
table.aui > tbody > tr,
table.aui > tfoot > tr {
background: #FFFFFF;
color: #172B4D;
}
table.aui > tbody > tr:first-child > td,
table.aui > tfoot > tr:first-child > td,
table.aui > tbody > tr:first-child > th,
table.aui > tfoot > tr:first-child > th {
border-top: 1px solid #DFE1E6;
}
table.aui > thead {
border-bottom: 2px solid #DFE1E6;
}
table.aui > thead > tr > th {
color: #7A869A;
font-size: 12px;
font-weight: 600;
line-height: 1.66666667;
letter-spacing: 0;
text-transform: none;
}
table.aui > tbody > tr > th {
color: #7A869A;
font-size: 12px;
font-weight: 600;
line-height: 1.66666667;
letter-spacing: 0;
text-transform: none;
font-size: inherit;
background: #FFFFFF;
}
table.aui.aui-zebra tr {
border-bottom: 0;
}
table.aui.aui-zebra > thead > tr:nth-child(even),
table.aui.aui-zebra > tbody > tr:nth-child(even),
table.aui.aui-zebra > tfoot > tr:nth-child(even),
table.aui.aui-zebra > tbody > tr:nth-child(even) > th {
background: #F4F5F7;
color: #172B4D;
}
table.aui .aui-button-link {
padding-top: 0;
padding-bottom: 0;
line-height: inherit;
height: auto;
border: 0;
}
table.aui:not(.aui-table-list) > tbody > tr > th,
table.aui:not(.aui-table-list) > tfoot > tr > th,
table.aui:not(.aui-table-list) > tbody > tr > td,
table.aui:not(.aui-table-list) > tfoot > tr > td {
border-bottom: 1px solid #DFE1E6;
}
/* Tables for lists of data */
table.aui.aui-table-list > tbody > tr:hover,
table.aui.aui-table-interactive > tbody > tr:hover,
table.aui.aui-table-list > tbody > tr:focus-within,
table.aui.aui-table-interactive > tbody > tr:focus-within {
background: rgba(9, 30, 66, 0.08);
}
table.aui.aui-table-list > tbody > tr.aui-row-subtle *,
table.aui.aui-table-interactive > tbody > tr.aui-row-subtle * {
color: #B3BAC5;
}
table.aui.aui-table-list > tbody > tr.aui-row-subtle * .aui-avatar,
table.aui.aui-table-interactive > tbody > tr.aui-row-subtle * .aui-avatar,
table.aui.aui-table-list > tbody > tr.aui-row-subtle * .aui-icon,
table.aui.aui-table-interactive > tbody > tr.aui-row-subtle * .aui-icon,
table.aui.aui-table-list > tbody > tr.aui-row-subtle * .aui-button,
table.aui.aui-table-interactive > tbody > tr.aui-row-subtle * .aui-button {
opacity: .8;
}
/*# sourceMappingURL=tables.css.map */