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.
.MPHeader {
font-family: 'Choc';
text-transform: uppercase;
font-size: 27px;
background-image: url(https://static.wikia.nocookie.net/hellsing/images/d/dc/Border4.png/revision/latest?cb=20260313092700);
background-repeat: no-repeat;
background-position: top;
background-size: 100%, auto;
padding-left: .80em;
text-align: left !important;
}
.slider {
width: 100%;
height: 110px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
border-left: 5px double white;
border-right: 5px double white;
border-radius: 10px;
corner-shape: scoop;
margin-top: 20px;
margin-bottom: 20px;
}
.slider::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
z-index: 100;
pointer-events: none;
box-shadow: inset 25px 0 20px -15px rgba(0, 0, 0, 0.8);
}
.slider::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
z-index: 100;
pointer-events: none;
box-shadow: inset -25px 0 20px -15px rgba(0, 0, 0, 0.8);
}
.slide-track {
display: flex;
position: relative;
width: 100%;
height: 110px;
}
.slide {
position: absolute;
top: 0;
left: 0;
display: block;
width: 220px;
min-width: 220px;
height: 110px;
min-height: 110px;
background-image: var(--bg-image);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
transform-origin: right center;
box-shadow: inset 15px 0 20px -10px rgba(0, 0, 0, 0.6);
--item-position: calc(var(--marquee-item-index) + 1);
--duration: calc(var(--marquee-speed) * 1s);
--duration-per-item: calc(var(--duration) / var(--marquee-count));
--delay: calc(-1 * var(--duration-per-item) * (var(--marquee-count) - var(--item-position)));
transition: filter 0.4s ease, box-shadow 0.4s ease, z-index 0s;
animation: slide linear infinite;
animation-duration: var(--duration);
animation-delay: var(--delay);
z-index: 1;
}
.slide a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
text-shadow: none !important;
border-radius: inherit;
text-decoration: none;
z-index: 2;
}
.slider:hover .slide {
animation-play-state: paused;
}
.slide-track:hover .slide {
filter: grayscale(100%) brightness(70%);
}
.slide-track .slide:hover {
z-index: 99;
filter: grayscale(0%) brightness(100%);
box-shadow: inset 15px 0 20px -10px rgba(0, 0, 0, 0.6),
0 5px 25px rgba(0, 0, 0, 0.4);
}
@keyframes slide {
from {
transform: translateX(calc(var(--marquee-count) * 220px - 220px));
}
to {
transform: translateX(-220px);
}
}
.slide.item-1 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/2/2b/Vol1.png/revision/latest?cb=20231111044506&format=original'); }
.slide.item-2 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/c/ca/Vol2.png/revision/latest?cb=20231111044706&format=original'); }
.slide.item-3 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/e/e1/Vol3.png/revision/latest?cb=20231111044732&format=original'); }
.slide.item-4 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/3/30/Vol4.png/revision/latest?cb=20231111044823&format=original'); }
.slide.item-5 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/4/41/Vol5.png/revision/latest?cb=20231111044901&format=original'); }
.slide.item-6 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/d/d0/Vol6.png/revision/latest?cb=20231111044942&format=original'); }
.slide.item-7 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/f/fa/Vol7.png/revision/latest?cb=20231111045020&format=original'); }
.slide.item-8 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/4/47/Vol8.png/revision/latest?cb=20231111045041&format=original'); }
.slide.item-9 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/5/5f/Vol9.png/revision/latest?cb=20231111045119&format=original'); }
.slide.item-10 { --bg-image: url('https://static.wikia.nocookie.net/hellsing/images/5/54/Vol10.png/revision/latest?cb=20231111045149&format=original'); }
/************************************/
form.bodySearch .cdx-text-input .cdx-text-input__input, form.bodySearch .mw-ui-input.mw-ui-input-inline, form.commentbox .cdx-text-input .cdx-text-input__input, form.commentbox .mw-ui-input.mw-ui-input-inline, form.createbox .cdx-text-input .cdx-text-input__input, form.createbox .mw-ui-input.mw-ui-input-inline, form.mw-movebox .cdx-text-input .cdx-text-input__input, form.mw-movebox .mw-ui-input.mw-ui-input-inline, form.searchbox .cdx-text-input .cdx-text-input__input, form.searchbox .mw-ui-input.mw-ui-input-inline {
background-color: initial;
border-color: #171717;
box-shadow: inset 0 0 0 .1em #171717;
color: var(--theme-page-text-color);
font-family: 'FuturaHeadline';
}
form.bodySearch .cdx-text-input .cdx-text-input__input:focus, form.bodySearch .mw-ui-input.mw-ui-input-inline:focus, form.commentbox .cdx-text-input .cdx-text-input__input:focus, form.commentbox .mw-ui-input.mw-ui-input-inline:focus, form.createbox .cdx-text-input .cdx-text-input__input:focus, form.createbox .mw-ui-input.mw-ui-input-inline:focus, form.mw-movebox .cdx-text-input .cdx-text-input__input:focus, form.mw-movebox .mw-ui-input.mw-ui-input-inline:focus, form.searchbox .cdx-text-input .cdx-text-input__input:focus, form.searchbox .mw-ui-input.mw-ui-input-inline:focus {
border-color: #313131;
box-shadow: inset 0 0 0 .1em #313131;
}
form.bodySearch .cdx-button, form.bodySearch .mw-ui-button, form.commentbox .cdx-button, form.commentbox .mw-ui-button, form.createbox .cdx-button, form.createbox .mw-ui-button, form.mw-movebox .cdx-button, form.mw-movebox .mw-ui-button, form.searchbox .cdx-button, form.searchbox .mw-ui-button {
background-color: black !important;
border: 3px solid #1d1d1d !important;
color: var(--theme-accent-label-color) !important;
font-family: 'Manga';
text-transform: uppercase;
}
form.bodySearch .cdx-button:hover, form.bodySearch .mw-ui-button:hover, form.commentbox .cdx-button:hover, form.commentbox .mw-ui-button:hover, form.createbox .cdx-button:hover, form.createbox .mw-ui-button:hover, form.mw-movebox .cdx-button:hover, form.mw-movebox .mw-ui-button:hover, form.searchbox .cdx-button:hover, form.searchbox .mw-ui-button:hover {
background-color: #1d1d1d !important;
border: 3px solid #1d1d1d !important;
}