dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

/*
 * ClassicSlider
 * @author  User:Winson_Sung
 * @version stable-2023-06-29-02
 * @source  https://community.fandom.com/zh/wiki/MediaWiki:Common.css
 * @skin    FandomDesktop
 */
.fandom-slider {
    background-color: #000000;
}
.fandom-slider .fandom-slider__control .fandom-slider__controls__prev,
.fandom-slider .fandom-slider__control .fandom-slider__controls__next {
    z-index: 2 !important;
}
.fandom-slider.orientation-bottom .fandom-slider__nav {
    bottom: 0;
}
.fandom-slider.orientation-bottom .fandom-slider__nav {
    height: 85px !important;
}
.fandom-slider.orientation-bottom .fandom-slider__nav__caption {
    width: 270px !important;
    height: auto !important;
    padding: 5px 0 10px 10px;
}
.fandom-slider.orientation-bottom .fandom-slider__nav__caption h2 {
    display: block;
    font-size: 20px;
    /* font-weight: normal; */
    line-height: normal;
    width: 250px;
    height: 26px;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1;
    overflow: hidden;
    text-shadow: 0 1px 1px #000;
    vertical-align: baseline !important;
}
.fandom-slider.orientation-bottom .fandom-slider__nav__caption p {
    display: block;
    white-space: normal;
    font-size: 12px;
    height: 28px;
    line-height: 14px;
    margin: 0 0 .3em;
    opacity: 1;
    overflow: hidden;
    width: 250px;
}
.fandom-slider.orientation-bottom .fandom-slider__nav__caption .read-more-link {
    display: block;
    font-size: 12px;
    height: 16px;
    line-height: 10px;
}
.fandom-slider.orientation-bottom .fandom-slider__nav {
    background-color: rgba(14, 25, 26, .5);
}
.fandom-slider.orientation-bottom .fandom-slider__nav__thumbs {
    width: 384px;
}
.fandom-slider.orientation-bottom .fandom-slider__nav__thumbs > div {
    width: 90px !important;
    height: 70px !important;
    opacity: .8;
}
.fandom-slider.orientation-bottom .fandom-slider__nav .fandom-slider__nav__thumbs > div img {
    width: auto;
    height: 70px !important;
}
.fandom-slider.orientation-bottom .fandom-slider__nav .current-thumb {
    border: 1px solid #FFF;
    opacity: 1;
}
.fandom-slider.orientation-right .fandom-slider__controls .fandom-slider__controls__next {
    right: 136px !important;
}
.fandom-slider.orientation-right .fandom-slider__nav {
    right: 0;
}
.fandom-slider.orientation-right .fandom-slider__nav,
.fandom-slider.orientation-right .fandom-slider__nav__thumbs {
    width: 130px !important;
}
.fandom-slider.orientation-right .fandom-slider__nav__caption {
    height: 410px;
    padding: 10px 0 10px 10px;
}
.fandom-slider.orientation-right .fandom-slider__nav__caption {
    width: 120px;
}
.fandom-slider.orientation-right .fandom-slider__nav__caption h2 {
    display: block;
    font-size: 20px;
    /* font-weight: normal; */
    line-height: normal;
    width: 110px;
    height: 47px;
    max-height: 47px;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1;
    overflow: hidden;
    text-shadow: 0 1px 1px #000;
    vertical-align: baseline !important;
}
.fandom-slider.orientation-right .fandom-slider__nav__caption p {
    display: block;
    white-space: normal;
    font-size: 12px;
    height: 34px;
    line-height: 17px;
    margin: 0 0 .3em;
    opacity: 1;
    overflow: hidden;
    width: 110px;
}
.fandom-slider.orientation-right .fandom-slider__nav__caption .read-more-link {
    display: block;
    font-size: 12px;
    height: 32px;
    line-height: 34px;
}
.fandom-slider.orientation-right .fandom-slider__nav {
    height: 360px;
    background-color: rgba(14, 25, 26, .5);
}
.fandom-slider.orientation-right .fandom-slider__nav {
    padding: 0 5px 0 0;
}
.fandom-slider.orientation-right .fandom-slider__nav__thumbs > div {
    width: 112px !important;
    height: 52px !important;
    opacity: .8;
}
.fandom-slider.orientation-right .fandom-slider__nav .fandom-slider__nav__thumbs > div img {
    width: 112px !important;
    height: auto !important;
}
.fandom-slider.orientation-right .fandom-slider__nav .current-thumb {
    border: 1px solid #FFF;
    opacity: 1;
}