Skip to content

VRV Enhancer by shadd

Details

Authorshadd

LicenseCC BY-SA 4.0

CategoryStreaming, Anime, Binge, Bingewatching, VRV, Crunchyroll

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

My original vrv.co tweaks from freestyler.ws!

A slightly better design to the VRV website with the following features:
►Larger video player
►Smaller navigation bar
►Video lists fit slightly better

Notes

V1.0.1 or something

TODO:
->Fix weird navbar and dropdown menu disconnections
->Create a max-width in correlation to height (aka - aspect ratio) to help prevent stretching
->Fix other weird UI bugs

Source code

@name         VRV Enhancer
@namespace    vrv.co
@description  A home-made redesign of the VRV website!
@author       Shadd
@homepageURL  N/A
@supportURL   N/A
@preprocessor stylus
@version      1.0.1 I think
@license      CC BY-SA 4.0

.erc-header {
        /* Header Background */
        height: 100%;
        max-height: 3rem;
    }
    .erc-header .header-content {
        /* Header */
        height: 100%;
        max-height: 3rem;
    }
    .watch-page-container .video-player-wrapper {
        /* Video Player */
        height: 100vh;
        max-height: calc(100vh - 3rem);
    }
    .watch-page-container .content {
        /* Series Video List */
        max-width: 100%;
    }
    .erc-watchlist .content {
        /* Watchlist */
        max-width: 100%;
    }
    .erc-shelf-feed-item {
        /* Reccomendations List */
        max-width: 100%;
    }
    /* Todo: Search Navbar */
    .erc-search .content {
        /* Search List */
        max-width: 100%;
    }
    .series-page-container .content {
        /* Series List */
        max-width: 100%;
    }
    .series-page-container .series-metadata {
        /* Series Navbar Spacing */
        padding: 3rem;
    }

Reviews

No reviews yet.