/*
* 音频播放器美化
* User:Chi ZJ2的方法：将 TimedMediaHandler 美化成类似 SoungManager2Button 的样子
*/
.snowbreak-voices .mediaContainer {
width: auto !important;
}
.snowbreak-voices .k-player {
width: 32px !important;
height: 32px;
background: none;
}
.snowbreak-voices .k-player .control-bar {
height: unset !important;
top: 0;
border: none;
padding: 0;
background: none;
}
.snowbreak-voices .k-player .control-bar > div:not(.play-btn),
.snowbreak-voices .k-player .videoHolder .playerPoster {
display: none;
}
.snowbreak-voices .k-player .play-btn,
.snowbreak-voices .k-player .videoHolder .play-btn-large {
width: 100%;
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50% !important;
background: #E0E0DE !important;
transition: transform 0.15s;
}
.snowbreak-voices .k-player .play-btn:hover {
background: #C9C9C7 !important;
transform: scale(1.1);
}
.snowbreak-voices .k-player .play-btn:active {
background: #A8A8A8 !important;
}
.snowbreak-voices .k-player .play-btn[title="播放片段"]::before,
.snowbreak-voices .k-player .videoHolder .play-btn-large::before {
content: "";
color: black;
margin-left: 3px;
border: solid transparent;
border-width: 7px 0 7px 12px;
border-left-color: currentColor;
}
.snowbreak-voices .k-player .play-btn[title="暂停片段"]::before {
content: "";
color: black;
border-style: solid;
border-width: 0 3px;
border-color: transparent currentColor;
width: 10px;
height: 12px;
box-sizing: border-box;
}
.snowbreak-voices .k-player .play-btn .ui-icon {
display: none;
}
/* 适配 Safari */
.snowbreak-voices .k-player .videoHolder {
overflow: visible;
}
.snowbreak-voices .k-player .videoHolder .mwEmbedPlayer {
overflow: visible;
}
.snowbreak-voices .k-player .videoHolder audio {
position: relative !important;
left: unset !important;
}
.snowbreak-voices .k-player .videoHolder .play-btn-large {
margin: 0 !important;
position: relative;
left: 0 !important;
top: 0 !important;
}
/* [[分类:在模板名字空间下的CSS页面]] */