Template:Lyrics/style.css
阅读:33 更新:2022-10-17
来自柯南百科
.line-margin {
margin-bottom: 10px;
}
.height-break {
height: 30px;
}
.lyrics-control-panel {
margin: 10px auto;
}
@media (min-width: 826px) {
.lyrics-control-panel {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.lcp-note {
font-size: .85em;
color: #777;
}
.lcp-btns {
display: flex;
flex-wrap: wrap;
}
.lcp-opt {
margin: 2px 8px;
padding: 2px 8px;
border: 1px solid #a2a9b1;
border-radius: 5px;
background-color: #f8f9fa;
color: #969696;
font-size: .85em;
font-weight: bold;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
transition: all linear .1s;
}
.lcp-opt:hover {
background-color: #fff;
}
.lcp-opt:active {
border-color: #72777d;
background-color: #c8ccd1;
}
.lcp-opt:focus {
border-color: #36c;
box-shadow: inset 0 0 0 1px #36c;
}
@media {
.lcp-opt {
background-color: transparent;
border-color: #505050;
color: #ccc;
}
.lcp-opt:hover {
background-color: #18191a;
border-color: #505050;
color: #bbb;
}
.lcp-opt:active {
background-color: #2d2d2d;
border-color: #ababab;
color: #aaa;
}
}
.lcp-opt-selected {
color: #fff;
border-color: #2a4b8d;
background-color: #2a4b8d;
}
.lcp-opt-selected:hover {
color: #fff;
border-color: #3359a7;
background-color: #3359a7;
}
.lcp-opt-selected:active {
color: #fff;
border-color: #223b6e;
background-color: #223b6e;
}
.lcp-opt-selected:focus {
border-color: #e6e6e6;
box-shadow: inset 0 0 0 1px #e6e6e6;
}