83 lines
1.5 KiB
SCSS
83 lines
1.5 KiB
SCSS
|
.hooks__list {
|
||
|
text-shadow: $text-shadow;
|
||
|
width: 100%;
|
||
|
overflow: hidden;
|
||
|
th {
|
||
|
padding: 14px 12px;
|
||
|
border-bottom: transparent;
|
||
|
font-family: 'Roboto';
|
||
|
font-weight: 300;
|
||
|
}
|
||
|
th.sortable {
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
th.sortable:hover,
|
||
|
th.sort {
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
th.sort .is:before {
|
||
|
opacity: 0.7;
|
||
|
margin-right: 3px;
|
||
|
content: "R";
|
||
|
}
|
||
|
th.player {
|
||
|
width: 110px;
|
||
|
}
|
||
|
td {
|
||
|
padding: 9px 12px;
|
||
|
border-bottom: 1px solid #ccc;
|
||
|
cursor: pointer;
|
||
|
white-space: nowrap;
|
||
|
overflow: hidden;
|
||
|
background: rgba(255, 255, 255, 0.6);
|
||
|
}
|
||
|
tbody.stepping {
|
||
|
opacity: 0.7;
|
||
|
}
|
||
|
tr.disabled {
|
||
|
opacity: 0.4;
|
||
|
}
|
||
|
tr.disabled td {
|
||
|
cursor: default;
|
||
|
background: transparent!important;
|
||
|
border-color: transparent!important;
|
||
|
}
|
||
|
tr.cancel td {
|
||
|
background: rgba(200, 255, 200, 0.7);
|
||
|
}
|
||
|
tr.join:hover td {
|
||
|
background: rgba(191, 231, 255, 0.7);
|
||
|
}
|
||
|
td:first-child {
|
||
|
width: 16px;
|
||
|
}
|
||
|
td:first-child span {
|
||
|
display: block;
|
||
|
padding: 0;
|
||
|
width: 16px;
|
||
|
height: 16px;
|
||
|
opacity: 0.7;
|
||
|
}
|
||
|
.varicon::before {
|
||
|
margin-right: 8px;
|
||
|
line-height: 12px;
|
||
|
font-size: 20px;
|
||
|
opacity: 0.7;
|
||
|
}
|
||
|
tr:hover .varicon::before,
|
||
|
tr:hover td:first-child span {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
tr.disabled:hover .varicon::before,
|
||
|
tr.disabled:hover td:first-child span {
|
||
|
opacity: 0.7;
|
||
|
}
|
||
|
tr.variants td {
|
||
|
text-align: center;
|
||
|
padding: 3px 0;
|
||
|
background: none;
|
||
|
text-transform: uppercase;
|
||
|
letter-spacing: 3px;
|
||
|
}
|
||
|
}
|