hellsing

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

.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;
}