Skip to content

Cat loading screen - Youtube by spdream99

Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/186730.user.css

Screenshot of Cat loading screen - Youtube
Write a review Install Get Stylus

Details

Authorspdream99

LicenseCC-BY-4.0

Categoryyoutube, youtube.com

Created

Updated

Size3.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Black cat loading screen for Youtube.
A cute black cat spinning around the moon. (ㅇㅅㅇ)
There is an option to preview the loading screen in the customize setting, please check.
Please ensure that you will check my other styles! Thanks!

Notes

By SPdream
Thank you, everyone, for installing my style. I will try to do better in the future
All images are from the internet. I'm not really good at drawing, I hope that is not illegal.

Source code

/* ==UserStyle==
@name           Cat loading screen - Youtube
@namespace      USO Archive
@author         SP Dream
@description    `Black cat loading screen for Youtube._A cute black cat spinning around the moon. (ㅇㅅㅇ)_There is an option to preview the loading screen in the customize setting, please check.Please ensure that you will check my other styles! Thanks!`
@version        20210911.09.36
@license        CC-BY-4.0
@preprocessor   uso
@advanced dropdown Display "Always display(For previewing)" {
	False "Disable*" <<<EOT /*None*\/ EOT;
True "Enable" <<<EOT display: block!important; EOT;

}

==/UserStyle== */
@-moz-document domain("youtube.com") {
/*Fullscreen*/
.ytp-fullscreen .ytp-spinner-circle { border-width: 6px!important;
}

.ytp-fullscreen .ytp-spinner { transform: scale(1.3);
}

.ytp-fullscreen .ytp-spinner:before {
    content: "";
    height: 300px;
    width: 300px;
    background: url(https://moonage.carrd.co/assets/images/image01.gif?v82716345894451) no-repeat;
    position: absolute;
    margin-left: 10.5px;
    background-size: 110px;
    margin-top: -50px;
}

.ytp-fullscreen .ytp-spinner-rotator:after {
    content: "";
    height: 50px;
    width: 50px;
    background: url(https://bestanimations.com/Animals/Mammals/Cats/cats/cool-cat-animated-gif-17.gif) no-repeat;
    position: fixed;
    margin-left: 121px;
    background-size: 50px;
    margin-top: 15px;
    -webkit-transform: rotate(76deg) scale(1);
    -moz-transform: rotate(76deg) scale(1);
    -ms-transform: rotate(76deg) scale(1);
    -o-transform: rotate(76deg) scale(1);
    transform: rotate(76deg) scale(1);
}
/*Spinner*/
/*Moon*/
.ytp-spinner:before {
    content: "";
    height: 300px;
    width: 300px;
    background: url(https://moonage.carrd.co/assets/images/image01.gif?v82716345894451) no-repeat;
    position: absolute;
    margin-left: 4.5px;
    background-size: 54px;
    margin-top: -24px;
}
/*Scale*/
.ytp-spinner { /*[[Display]]*/
    transform: scale(2);
}
/*Spinner circle*/
.ytp-spinner-right .ytp-spinner-circle { border-color: #000 #000 #000 #000;
    border-width: 3px;
    -webkit-animation: ytp-right-spin 1333ms cubic-bezier(1, 1, 1, 1) infinite both;
    animation: ytp-right-spin 1333ms cubic-bezier(1, 1, 1, 1) infinite both;
}

.ytp-spinner-left .ytp-spinner-circle { border-color: #000 #000 #000 #000;
    border-width: 3px;
    -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(1, 1, 1, 1) infinite both;
    animation: ytp-spinner-left-spin 1333ms cubic-bezier(1, 1, 1, 1) infinite both;
}
/*Cat*/
.ytp-spinner-rotator:after {
    content: "";
    height: 30px;
    width: 30px;
    background: url(https://bestanimations.com/Animals/Mammals/Cats/cats/cool-cat-animated-gif-17.gif) no-repeat;
    position: fixed;
    margin-left: 62px;
    background-size: 30px;
    margin-top: 15px;
    -webkit-transform: rotate(98deg) scale(1);
    -moz-transform: rotate(98deg) scale(1);
    -ms-transform: rotate(98deg) scale(1);
    -o-transform: rotate(98deg) scale(1);
    transform: rotate(98deg) scale(1);
}
/*Animation*/
.ytp-spinner-rotator {
    -webkit-animation: ytp-spinner-easespin 100000s cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
    animation: ytp-spinner-easespin 100000s cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
}
}

Reviews

No reviews yet.