makes all links rainbow, Dont believe me? install this and enable it and then come back to this website. IM UPDATING THIS DAILY/WEEKLY
Rainbow Links (every website) by trapalot
Details
Authortrapalot
LicenseNO-REDISTRIBUTION
Categoryyoutube.com
Created
Updated
Size9.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Rainbow Text/Background
@namespace everything
@author TYG Trapalot
@description i like rainbow on links :3
@version 1.1.0
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
:root
{
--color-transition-duration: 1s;
--standard-ease: cubic-bezier(0.4, 0.0, 0.2, 1);
}
* {
outline: none;
}
/* KeyFrames for SVG */
@keyframes FillTransition
{
0%
{
fill: #f00;
}
5%
{
fill: #f00;
}
15%
{
fill: #f80;
}
25%
{
fill: #ff0;
}
35%
{
fill: #8f0;
}
45%
{
fill: #0f8;
}
55%
{
fill: #08f;
}
65%
{
fill: #00f;
}
75%
{
fill: #80f;
}
85%
{
fill: #f08;
}
95%
{
fill: #f00;
}
100%
{
fill: #f00;
}
}
/* KeyFrames for background color */
@keyframes BgTransition
{
0%
{
background-color: #f00;
}
5%
{
background-color: #f00;
}
15%
{
background-color: #f80;
}
25%
{
background-color: #ff0;
}
35%
{
background-color: #8f0;
}
45%
{
background-color: #0f8;
}
55%
{
background-color: #08f;
}
65%
{
background-color: #00f;
}
75%
{
background-color: #80f;
}
85%
{
background-color: #f08;
}
95%
{
background-color: #f00;
}
100%
{
background-color: #f00;
}
}
/* KeyFrames for text and currentColor */
@keyframes ColorTransition
{
0%
{
color: #f00;
}
5%
{
color: #f00;
}
15%
{
color: #f80;
}
25%
{
color: #ff0;
}
35%
{
color: #8f0;
}
45%
{
color: #0f8;
}
55%
{
color: #08f;
}
65%
{
color: #00f;
}
75%
{
color: #80f;
}
85%
{
color: #f08;
}
95%
{
color: #f00;
}
100%
{
color: #f00;
}
}
/* KeyFrames for light background color */
@keyframes BgTransition2
{
0%
{
background-color: #ffc6c6;
}
5%
{
background-color: #ffc9c9;
}
15%
{
background-color: #ffe7cc;
}
25%
{
background-color: #ffffc9;
}
35%
{
background-color: #e9ffcf;
}
45%
{
background-color: #c6ffe4;
}
55%
{
background-color: #bee0ff;
}
65%
{
background-color: #babaff;
}
75%
{
background-color: #e4c5ff;
}
85%
{
background-color: #ffc3e3;
}
95%
{
background-color: #ffbfbf;
}
100%
{
background-color: #ffbaba;
}
}
.script-list, .user-list, .text-content, .discussion-list {
list-style-type: none;
border: 1px solid;
border-radius: 5px;
box-sizing: border-box;
margin: 14px 0;
box-shadow: 0px 0px 20px 0px;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
#main-header {
background-color: #670000;
background-image: linear-gradient(#670000,#990000);
box-shadow: inset 0 0 15px 0px;
animation: ColorTransition var(--color-transition-duration) linear infinite;
padding: 0.25em 0;
}
.home-search input[type=search] {
width: 100%;
box-shadow: inset 0px 0px 20px 0px;
animation: ColorTransition var(--color-transition-duration) linear infinite;
border: 2px solid;
}
a {
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
select:not(:-internal-list-box) {
overflow: visible !important;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
a {
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.GKS7s .FMKtTb, .GKS7s .RWhoyd.mol54e {
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.gLFyf {
resize: none;
background-color: transparent;
border: none;
margin: 0;
padding: 0 0 3px;
word-wrap: break-word;
outline: none;
display: flex;
-webkit-tap-highlight-color: transparent;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.zgAlFc {
background: none;
height: 24px;
width: 24px;
margin: auto;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.ynAwRc {
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.cUnQKe .ILfuVd b {
background-color: rgba(80, 151, 255, 0.18);
font-weight: 500;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.GS5rRd {
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.fxvhbc {
cursor: pointer;
color: #000;
text-align: center;
line-height: 38px;
font-weight: 600;
font-size: 14px;
user-select: none;
border-radius: 8px;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.wjOYOd {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
background-color: rgba(0,0,0,0.7);
-webkit-transition: opacity 0.3s;
z-index: 1000;
box-shadow: 0px 0px 20px;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.Vhx6Nd {
font: 400 28px Roboto,Arial,sans-serif;
animation: ColorTransition var(--color-transition-duration) linear infinite;
box-shadow: 0px 0px 0px 3px;
}
.FL0z2d {
height: 64px;
border-radius: 8px;
border: none;
color: #000;
font-size: 20px;
text-align: center;
-webkit-user-select: none;
cursor: pointer;
display: inline-block;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.gb_Ha svg, .gb_Lc svg, .gb_7c .gb_fd, .gb_Wc .gb_fd {
animation: ColorTransition var(--color-transition-duration) linear infinite;
opacity: 1;
}
.fLciMb {
border-radius: 50%;
animation: ColorTransition var(--color-transition-duration) linear infinite;
cursor: pointer;
height: 24px;
margin-top: 4px;
padding: 8px;
width: 24px;
}
.F75bid {
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.RVRNTb .z4R3Z {
padding-right: 26px;
text-align: left;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.GLcBOb {
font-size: 14px;
font-family: Google Sans,Roboto,arial,sans-serif;
border-bottom: 1px solid #ebebeb;
position: relative;
z-index: 126;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.nfSF8e:hover, .WRhYSc:hover {
color: #000000;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.nfSF8e.hdtb-tl-sel {
background: unset;
border: none;
box-shadow: none;
color: #000000;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.hdtb-mn-hd:hover {
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.ExCKkf {
height: 100%;
vertical-align: middle;
outline: none;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
[selected].GKS7s .RWhoyd {
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.GKS7s {
display: flex;
align-items: center;
height: 40px;
justify-content: center;
background: #000;
border: 1px solid #ffffff;
box-sizing: border-box;
border-radius: 20px;
min-width: 38px;
cursor: pointer;
}
.GKS7s:hover {
animation: BgTransition var(--color-transition-duration) linear infinite;
color: black;
}
.rzr1M {
font-size: 12px;
margin-top: 4px;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.YJaHLd:hover, .KiRIme:hover {
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.j0iFNe .athwOc-LkdAo, .j0iFNe .RvdoFd .CV4hA-LkdAo, .j0iFNe .r0zAxe .CV4hA-LkdAo {
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.LAA3yd {
flex: 0 1 auto;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.OcgH4b .PNCib.fT6ABc::after {
border: 2px solid;
border-color: #000000;
border-radius: 6px;
box-sizing: border-box;
content: "";
display: block;
height: calc(100% + 16px);
left: -8px;
position: absolute;
pointer-events: none;
top: -8px;
transition: opacity 175ms;
width: calc(100% + 16px);
z-index: -1;
animation: BgTransition2 var(--color-transition-duration) linear infinite;
}