Skip to content

crunchyroll-css-tweaks by Matewoo

Screenshot of crunchyroll-css-tweaks

Details

AuthorMatewoo

LicenseNo License

Categorycrunchyroll.com

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A few small tweaks for Crunchyroll, like a more modern appearance.

Notes

Source code

/* ==UserStyle==
@name         crunchyroll-css-tweaks
@namespace    https://github.com/css-tweaks/crunchyroll-css-tweaks
@version      0.0.0
@description  A few small tweaks for Crunchyroll.com, like a more modern appearance.
@author       Matewoo
==/UserStyle== */
@-moz-document domain("crunchyroll.com") {

    body {
        background: #220b04;
    }
    
    .card-watchlist-label--EUFMb {
        color: transparent;
    }
    
    .browse-card-static__poster-wrapper--Ph975 .browse-card-static__poster--JN40L .content-image__figure--7vume .content-image__image--7tGlg {
        border-radius: 20px;
    }
    
    .browse-card-static--UqkrO:has(.card-watchlist-label--EUFMb) .browse-card-static__poster-wrapper--Ph975 .browse-card-static__poster--JN40L .content-image__figure--7vume .content-image__image--7tGlg {
        border-top-right-radius: 55px;
    }
    
    .content-image-figure-wrapper__figure-sizer--SH2-x {
        background: transparent;  
    }
    
    .browse-card-static__poster-wrapper--Ph975:after {
        background-color: transparent;
    }
    
    .carousel-arrow--zNu4D, .button--xqVd0.button--is-type-six--gfrLK, .carousel-tabs__tab--2llK3, .carousel-tabs__tab--2llK3:after {
        border-radius: 20px;
    }
    
    .content-wrapper--MF5LS .content-image--3na7E .content-image__figure--7vume .content-image__image--7tGlg {
        border-radius: 20px;
        object-fit: cover;
        width:auto;
        height:auto;
        max-width:100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .carousel-tabs__tab--2llK3 {
        border-radius: 20px;
        overflow: hidden;
    }
    
    .text--gq6o-.text--is-heavy--2YygX.text--is-s--JP2oa.carousel-tabs__text--0u5cK {
        text-align: center;
    }
    
    .carousel-tabs__tab--is-active--OWPNm .carousel-tabs__tab-indicator--3HRs7 {
        color: rgba(0, 0, 0, 0);
        height: 100%;
    }
    
    .carousel-tabs__tab-indicator--3HRs7:before {
        background-color: rgba(244, 117, 33, .24);
        border-radius: 0px 20px 20px 0px;
    }
}

Reviews

No reviews yet.