Skip to content

Watch Cartoons Online Minified by hyper

Screenshot of Watch Cartoons Online Minified

Details

Authorhyper

LicenseMIT-0

Categorywcostream

Created

Updated

Size5.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Fixes Watch Cartoons Online's abominably awful watch page.

Notes

Userstyle doesn't have notes.

Changelog

Release 1.0.0

  • Initial release

Source code

/*
 * MIT No Attribution
 *
 * Copyright (c) 2024 Hyper
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this
 * software and associated documentation files (the "Software"), to deal in the Software
 * without restriction, including without limitation the rights to use, copy, modify,
 * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
 * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
 * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

/* ==UserStyle==
@name           Watch Cartoons Online Minified
@namespace      userstyles.world/user/hyper
@version        1.0.0
@description    Fixes Watch Cartoons Online's abominably awful watch page.
@author         Hyper
@license        MIT-0
@homepageURL    https://userstyles.world/style/18315
==/UserStyle== */

@-moz-document url-prefix("https://www.wcostream.tv/"), url-prefix("https://www.wcofun.net/"), url-prefix("https://www.wcoforever.tv/"), url-prefix("https://www.wco.tv/"), url-prefix("https://www.wcoanimedub.tv/"), url-prefix("https://www.wcoanimesub.tv/") {
    /* WCO Watch Page */

    /* Hide Everything and Make Background Black */
    html:has(iframe[src^="https://embed.watchanimesub.net/"]) {
        * {
            visibility: hidden; /* !important; */
            margin: 0 !important;
            border: 0 !important;
            padding: 0 !important;
            max-height: 0; /* !important; */
            min-height: unset !important;
        }

        > body {
            background-color: black !important;
            background-image: none !important;

            /* Fix Body Overflowing for No Reason at Small Widths */
            /* Inexplicably Caused by Preview Image */
            overflow: clip;
        }

        /* Unhide and Move Episode Navigator to Top */
        div.prev-fln,
        div#content > table > tbody > tr > td:first-of-type > table > tbody > tr > td > table:nth-of-type(2) {
            visibility: visible !important;
            position: absolute;
            top: 0;
            width: 100vw;
            max-width: unset;
            pointer-events: none;
            border-collapse: collapse;

            * {
                visibility: visible !important;
                z-index: 9999;
            }

            a {
                pointer-events: auto;
                color: white;
                font-weight: bold;
                line-height: normal;
                &:not(:hover) {
                    text-decoration: none;
                }
            }

            tr:not(:last-of-type) {
                display: none;
            }

            > span:last-of-type,
            tr > td:last-of-type {
                text-align: right;
            }

            > span {
                max-width: unset;
            }
        }

        img[src^="//cdn.animationexplore.com/thumbs/"] {
            visibility: visible !important;
            position: absolute;
            /*
            top: 50vh;
            transform: translate(-50%, -50%);
            left: 50vw;
            */
            top: 0;
            left: 0;
            max-height: unset !important;
            z-index: -9999;
            width: 100vw;
            height: 100vh;
            object-fit: contain;
        }
    }

    /* Unhide and Properly Scale Player */
    iframe[src^="https://embed.watchanimesub.net/"] {
        visibility: visible !important;
        width: 100vw !important;
        height: 100vh !important;
        position: absolute !important;
        top: 0;
        left: 0;
        max-height: unset !important;
    }
}

@-moz-document url-prefix("https://embed.watchanimesub.net/") {
    /* WCO iFrame */

    html > body {
        background-color: transparent;

        /* Deal with Chromecast??? Player Quirks */
        > div.container {
            margin: 0;
            width: unset !important;
        }
    }

    /* Fix Player Scaling */
    div#d-player div#video-js,
    div:has(> div#myJwVideo),
    div#myJwVideo {
        max-height: unset !important;
        height: 100vh !important;
    }

    /* Float Player Change Button */
    p:has(a[href^="/inc/embed/"]) {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999;
    }

    /* Fix Preview Image */
    .video-js .vjs-poster,
    .jwplayer .jw-preview {
        display: none;
    }
    .video-js.vjs-waiting,
    .video-js:not(.vjs-has-started),
    .jwplayer.jw-state-idle {
        background-color: transparent;
        video {
            /* object-position: top 100vh left 100vw; */
            display: none;

            /*
            &[poster] {
                object-fit: scale-down;
            }
            */
        }
    }
    .video-js.vjs-has-started,
    .jwplayer:not(.jw-state-idle) {
        background-color: black;
    }
}

Reviews

No reviews yet.