175 lines
3.4 KiB
CSS
175 lines
3.4 KiB
CSS
.table-list {
|
|
font-size: 0.85em;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.table-list-header {
|
|
background: var(--table-list-header-background-color);
|
|
border: 1px solid var(--table-list-header-border-color);
|
|
border-radius: 5px 5px 0 0;
|
|
line-height: 28px;
|
|
padding-left: 3px;
|
|
padding-right: 3px
|
|
}
|
|
|
|
.table-list-header a {
|
|
color: var(--color-primary);
|
|
font-weight: 500;
|
|
text-decoration: none;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.table-list-header a:hover,
|
|
.table-list-header a:focus {
|
|
color: #767676
|
|
}
|
|
|
|
.table-list-header .table-list-header-count {
|
|
color: #767676;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.table-list-header .table-list-header-menu {
|
|
text-align: right;
|
|
}
|
|
|
|
.table-list-row {
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
border-bottom: 1px solid var(--table-list-border-color);
|
|
border-right: 1px solid var(--table-list-border-color);
|
|
}
|
|
|
|
.table-list-row.table-border-left {
|
|
border-left: 1px solid var(--table-list-border-color);
|
|
}
|
|
|
|
.table-list-row:nth-child(odd) {
|
|
background: var(--table-list-nth-background-color)
|
|
}
|
|
|
|
.table-list-row:last-child {
|
|
border-radius: 0 0 5px 5px
|
|
}
|
|
|
|
.table-list-row:hover {
|
|
background: var(--table-list-row-background-color);
|
|
border-bottom: 1px solid var(--table-list-row-hover-border-color);
|
|
border-right: 1px solid var(--table-list-row-hover-border-color)
|
|
}
|
|
|
|
.table-list-row .table-list-title {
|
|
font-weight: 500;
|
|
line-height: 23px
|
|
}
|
|
|
|
.table-list-row .table-list-title.status-closed {
|
|
text-decoration: line-through;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.table-list-row .table-list-title.status-closed a {
|
|
font-style: italic
|
|
}
|
|
|
|
.table-list-row .table-list-title a {
|
|
color: var(--color-primary);
|
|
text-decoration: none
|
|
}
|
|
|
|
.table-list-row .table-list-title a:hover,
|
|
.table-list-row .table-list-title a:focus {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.table-list-row .table-list-details {
|
|
color: #999;
|
|
font-weight: 300;
|
|
line-height: 20px
|
|
}
|
|
|
|
.table-list-row .table-list-details span {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.table-list-row .table-list-details span:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.table-list-row .table-list-details li {
|
|
display: inline;
|
|
list-style-type: none
|
|
}
|
|
|
|
.table-list-row .table-list-details li:after {
|
|
content: ', '
|
|
}
|
|
|
|
.table-list-row .table-list-details li:last-child:after {
|
|
content: ''
|
|
}
|
|
|
|
.table-list-row .table-list-details strong {
|
|
font-weight: 400;
|
|
color: #555
|
|
}
|
|
|
|
.table-list-row .table-list-details-with-icons {
|
|
float: left
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.table-list-row .table-list-details-with-icons {
|
|
float: none
|
|
}
|
|
}
|
|
|
|
.table-list-row .table-list-icons {
|
|
font-size: 0.8em;
|
|
text-align: right;
|
|
line-height: 30px
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.table-list-row .table-list-icons {
|
|
text-align: left;
|
|
line-height: 20px
|
|
}
|
|
}
|
|
|
|
.table-list-row .table-list-icons span {
|
|
margin-left: 5px
|
|
}
|
|
|
|
.table-list-row .table-list-icons a {
|
|
text-decoration: none
|
|
}
|
|
|
|
.table-list-row .table-list-icons a:hover {
|
|
color: var(--color-primary)
|
|
}
|
|
|
|
.table-list-row .table-list-icons a:hover i {
|
|
color: var(--color-primary)
|
|
}
|
|
|
|
.table-list-category {
|
|
font-size: 0.9em;
|
|
font-weight: 500;
|
|
color: #000;
|
|
padding: 1px 2px 1px 2px;
|
|
border-radius: 3px;
|
|
background: #fcfcfc;
|
|
border: 1px solid #ccc
|
|
}
|
|
|
|
.table-list-category a {
|
|
text-decoration: none;
|
|
color: #000
|
|
}
|
|
|
|
.table-list-category a:hover {
|
|
color: #36c
|
|
}
|