Yuketang High Contrast by VitamineCChina

/* ==UserStyle==
@name         Yuketang High Contrast
@version      20241129.08.53
@namespace    https://userstyles.world/user/Stone Wei
@description  黑白高对比的雨课堂，圆角，去除阴影
@author       Stone Wei
@license      CC0 1.0
==/UserStyle== */

@-moz-document url-prefix("https://pro.yuketang.cn/lesson/fullscreen/v3/") {
.cards__nav {
    height: 95% !important;
    margin: 20px !important;
    border-radius: 20px !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, .15) !important;
    outline: 1px solid #000;
}

.timeline__item {
    border-radius: 5px !important;
}

.lesson__header {
    display: block !important;
}

.timeline__ppt .ppt--pageno {
    color: #000;
    background: rgb(255 255 255);
    border: 1px #000 solid;
}

.timeline__ppt {
    border-radius: 5px !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, .1) !important;
}

.timeline__ppt .ppt__cover--wrapper {
    border-radius: 5px !important;
    border: 1px solid #000 !important;
}

.timeline__ppt .ppt--pageno {
    border-radius: 0 5px 0 0 !important;
}

.inlesson {
    border-radius: 0 0 5px 5px !important;
    background: #000 !important;
}

.cards__nav .nav__header {
    border-bottom: 1px solid #000 !important;
}

.lesson__header {
    box-shadow: none !important;
    border-bottom: 1px solid #000 !important;
}

.timeline__footer {
    background: #fff !important;
    border-radius: 0 0 5px 5px !important;
    border: solid #000 !important;
    border-width: 1px 1px 1px 1px !important;
}

.timeline__footer p {
    color: #000 !important;
}

.c9b {
    color: #000 !important;
}

.icon-guanbi1 {
    color: #000 !important;
}

.slide__cmp {
    box-shadow: 0 0 0px rgba(0, 0, 0, .15) !important;
    outline: 1px #000 solid !important;
    border-radius: 20px !important;
}

.lesson__header .cards__title {
    font-size: larger !important;
    font-weight: bold !important;
}

.timeline__item.active {
    outline: 1px solid #000 !important;
}

::-webkit-scrollbar {
    width: 5px !important;
    color: #000 !important;
}

::-webkit-scrollbar-thumb {
    outline: 1px solid #000 !important;
    background: #fff !important;
}

:has(> .timeline__msg) {
    max-height: 20px !important;
}

.timeline__msg {
    width: 100% !important;
    border-radius: 5px !important;
    color: #000 !important;
    background: #fff !important;
    outline: 1px dashed #000 !important;
}

.ppt__modal {
    border-radius: 20px !important;
}

.slide__cmp .options-label.MultipleChoice {
    border-radius: 25% !important;
}

.slide__cmp .options-label {
    color: #000 !important;
    background-color: #fff !important;
    outline: 1px solid #000 !important;
}

.slide__cmp .options-label.selected {
    background: #000 !important;
    color: #fff !important;
}

.submit-btn.can {
    background: #000 !important;
    top: auto !important;
    left: auto !important;
    right: 20px !important;
    bottom: 20px !important;
    border-radius: 10px !important;
}

.submit-btn.can:active {
    background: #000 !important;
}

.slide__cmp .time-box {
    top: 7px !important;
    right: 7px !important;
}

.slide__cmp .time-box .timing {
    border-radius: 10px !important;
    color: #000 !important;
    background: #fff !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, .1) !important;
}

.lesson__cards {
    background: #fff !important;
}

.ppt__opt {
    background: #fff !important;
    outline: 1px solid #000;
    color: #000 !important;
}

.iconfont {
    color: #000 !important;
}

.actions__container {
    box-shadow: none !important;
    outline: 1px solid #000 !important;
}

.action__more {
    box-shadow: none !important;
}

.action__more .action__menu:hover {
    background: #0000 !important;
    border-bottom: 1px #000 solid;
}

.live__video .watermark_layer {
    display: none !important;
}

.volume__wrap .volume_list span.active {
    background: #000 !important;
}

.volume__wrap .volume_list span {
    background: #fff !important;
    border: 1px solid #000;
}

.video__controls {
    opacity: 1 !important;
    background: #fff !important;
    border: 1px solid #000 !important;
}

.live__video .live__container {
    background: rgb(255 255 255) !important;
    border: 1px solid #000 !important;
}

.actions__container .action__danmu.active {
    background: #000 !important;
    color: #fff !important;
}

.actions__container .action__danmu {
    background: #fff !important;
    outline: 1px solid #000 !important;
    color: #000 !important;
}

.danmu__publish .danmu__ipt {
    background: #fff !important;
    border: 1px solid #000 !important;
    border-right: none !important;
    color: #000 !important;
}

.danmu__publish .ipt--tips {
    background: #fff !important;
    border: 1px solid #000 !important;
    border-left: none !important;
}

.ppt__modal {
    outline: 1px dashed #000 !important;
}

.ppt__modal div p {
    color: #000 !important;
}

.danmu__publish .danmu__send {
    background: #000 !important;
}

.danmu__publish .danmu__ipt::placeholder {
    color: #000 !important;
}

.icon-btn {
    color: #000 !important;
}

.icon-btn.active {
    outline: 1px dashed #000 !important;
}

.tag.answered {
    background:#000 !important;
}
.tag>.icon-btn {
    color: #fff !important;
}

.toolbar {
    border: none !important;
    box-shadow: none !important;
    left: unset !important;
    bottom: unset !important;
    top: 2px !important;
    left: 80px !important;
}

}