Fixes Watch Cartoons Online's abominably awful watch page.
Watch Cartoons Online Minified by hyper
Details
Authorhyper
LicenseMIT-0
Categorywcostream
Created
Updated
Size5.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
}