jellyfin-web/dashboard-ui/css/detailtable.css
2014-01-18 12:58:05 -05:00

79 lines
1.2 KiB
CSS

.detailTableContainer {
width: 100%;
max-width: 1050px;
text-align: center;
margin: 0 auto;
}
.detailTable {
border-collapse: collapse;
border-spacing: 0;
text-align: left;
width: 100%;
margin: 0 auto;
}
.stretchedDetailTable {
width: 100%;
}
.detailTable a {
text-decoration: none;
}
.detailTable a:hover {
text-decoration: underline;
}
.detailTable td {
border-spacing: 0;
padding: 5px 5px;
}
.detailTable th {
border-spacing: 0;
padding: 5px;
font-weight: bold;
text-align: left;
vertical-align: top;
}
.userDataCell {
width: 130px;
text-align: right;
}
.tabletColumn, .desktopColumn {
display: none;
}
.detailTable .btnPlay {
margin: 0;
}
.detailTableButtonsCell {
white-space: nowrap;
}
.detailTableButtonsCell button + button {
margin-left: .5em;
}
@media all and (min-width: 600px) {
.tabletColumn {
display: table-cell;
}
}
@media all and (min-width: 1100px) {
.desktopColumn {
display: table-cell;
}
}
.detailTable tbody tr:nth-child(odd) td,
.detailTable tbody tr:nth-child(odd) th {
background-color: #eeeeee; /* non-RGBA fallback */
background-color: rgba(0,0,0,.1);
}