Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*
* 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;
}