RainBow Text For Roblox
CLICKBAIT!! THIS IS ACTUALLY FOR "Apexvs.com" AND NOT FOR ROBLOX. BUT PLEASE GO TO THE WEBSITE AND SEE IF U LIKE IT, IF SO, LET ME KNOW WHAT WEBSITES I SHOULD MAKE RAINBOW AND ILL DO IT!! :)
Rainbow Roblox(READ DESCRIPTION) by trapalot
![Screenshot of Rainbow Roblox(READ DESCRIPTION)](https://userstyles.world/preview/8686/1.jpeg)
Details
Authortrapalot
LicenseNO-REDISTRUBUTION
Categoryroblox.com
Created
Updated
Size21 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
DISCLAIMER!!!!!!!!!!!!!!!:
This Is ClickBait, This Is For A Different Website, BUT, Feel Free To Leave Suggestions On Other Sites I Should Do This On. Check This One Out By Going To "Apex Learning" And Click The First Link, If U Like What You See Then Feel Free To Let Me Know What Other Websites I Should Make Rainbow :)
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.@-moz-document domain("www.apexvs.com"), domain("course.apexlearning.com") {
/* ==UserStyle==
@name Rainbow Text/Background
@namespace Apex Learning
@author TYG Trapalot
@description spent months on this project because im new to coding and i also dont like the blue color on apex learning(a website for doing online classes) so i decided to change it up a little, please leave suggestions on other website's i should make rainbow texts/backgrounds to, bc i need new projects. thx. also. if u dont like the big scarr background then delete line #656
@version 1.1.0
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
:root
{
--color-transition-duration: 10s;
--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;
}
}
.medallion-text-line-two[_ngcontent-wpa-c29] {
top: 100px;
}
.completed[_nghost-hyl-c22] .icon[_ngcontent-hyl-c22] {
height: 52px;
width: 52px;
font-size: 52px;
padding: 10px 0;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.tableLayout .listDataField, .tableLayout .listDataLink {
display: block;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.menuLink, .menuListLink {
color: inherit;
text-decoration: none;
display: inline-block;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.menu .menuListItem {
font-size: 14px;
cursor: pointer;
animation: BgTransition var(--color-transition-duration) cubic-bezier(0, 0, 0.2, 1) infinite;
}
.messageListWidget .messageListWidgetHeader .messageListWidgetTabStrip .tabWrap .tabBox .tabListItem.selected a.tabListLink {
font-weight: 700;
animation: ColorTransition var(--color-transition-duration) cubic-bezier(0, 0, 0.2, 1) infinite;
}
.messageListWidget .list .listContainer .listItem .listCell.FromDisplayName, .messageListWidget .list .listContainer .listItem .listCell.ToDisplayName {
width: 15em;
max-width: 15em;
animation: ColorTransition var(--color-transition-duration) cubic-bezier(0, 0, 0.2, 1) infinite;
}
.messageListWidget .list .listContainer .listItem .listCell.date {
width: 12em;
max-width: 12em;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.messageListWidget .messageListWidgetHeader .searchBoxContainer .searchBoxWrap input.search {
width: 12em;
height: 24px;
font-size: 1em;
padding: 0.2em 0 0 0.2em;
text-indent: 2em;
color: #000;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.headerLabel {
margin: 0;
display: inline-block;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.select2-selection--single li .selectOptionText {
padding-left: 37px;
font-size: 14px;
line-height: 40px;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.quickFilter {
font-size: 1em;
background-size: 1.5em;
width: 14em;
height: 26px;
text-indent: 2em;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
body {
margin: 0;
background-color: #353535;
font-family: open_sansregular,Arial,sans-serif;
min-width: 960px;
}
#showAllAnnouncements, .announcementEditLink {
text-decoration: none!important;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.announcementTitle, .noAnnouncements {
font-size: .75em;
padding-bottom: 0.4em;
width: auto;
animation: ColorTransition var(--color-transition-duration) linear infinite;
word-wrap: break-word;
}
.dashBoardSidePanel .pageHeader .sidebarHeader {
margin-left: 12px;
margin-bottom: 6px;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.dashBoardSection .pageHeader .headerAside .filterDetail {
margin-top: 0;
margin-bottom: 8px;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.button.new {
border: 0;
width: 26px;
height: 26px;
background-position: 7px 7px;
background-repeat: no-repeat;
cursor: pointer;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.button:hover {
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.navbar {
background-color: #3a3a3a;
border-bottom: 1px solid #ff0000;
}
.loginFormItem input {
padding: 10px 13px 8px 13px;
width: 240px;
margin: 0;
outline: none;
font-size: 13px;
animation: BgTransition var(--color-transition-duration) linear infinite;
color: black;
border: 1px solid red;
}
.loginFormItem input:-webkit-autofill {
-webkit-text-fill-color: #000;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.loginFormContainer {
text-align: center;
margin: 0 auto;
box-shadow: 0px 0px 20px red;
background-color: #0009;
}
.loginFormItem input:-webkit-autofill {
-webkit-text-fill-color: #f00;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.tableLayout .listHeaderItem.first {
border: 2px solid #000;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.list.tableLayout .gtd, .list.tableLayout .qow {
width: 15%;
box-shadow: inset 0px 0px 10px red;
}
.tableLayout .listHeaderItem {
display: table-cell;
padding: 0.35em 1.2em;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
style attribute {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size: 12px;
animation: BgTransition var(--color-transition-duration) linear infinite;
}
.button {
background-color: #000000;
color: #000!important;
border-radius: 0;
}
.feature-parallax[_nghost-psr-c14] .content-layer[_ngcontent-psr-c14], .feature-parallax [_nghost-psr-c14] .content-layer[_ngcontent-psr-c14] {
transform: translate(0);
background-color: #2b2b2b;
}
.resume-footer[_ngcontent-wsg-c15] {
background-color: #363636;
color: rgba(0,0,0,.87);
}
.activity-title-segment[_ngcontent-jwk-c15] {
margin-left: 2px;
color: black;
}
.resume-card[_ngcontent-jwk-c15] {
background-color: #000000;
color: #fff;
animation: BgTransition var(--color-transition-duration) cubic-bezier(0, 0, 0.2, 1) infinite;
padding-top: 16px;
}
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif;
animation: BgTransition var(--color-transition-duration) cubic-bezier(0, 0, 0.2, 1) infinite;
}
.activity-title-cell[_ngcontent-xqj-c15] {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 0 0 8px;
font-size: 20px;
text-decoration: none;
color: #000;
}
[_nghost-bnj-c23] {
min-height: calc(100vh - 40px);
overflow: hidden;
display: block;
background-color: #5c5c5c;
}
* {
outline: none;
}
.inline-link[_ngcontent-gyd-c14] {
text-decoration: none;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.inline-link[_ngcontent-vge-c14] {
text-decoration: underline;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.header[_ngcontent-qhk-c1] {
height: 40px;
color: #353535;
display: flex;
justify-content: space-between;
min-width: 694px;
animation: BgTransition var(--color-transition-duration) linear infinite;
align-items: center;
}
.pageFormContainer .centeredContainer .pageMasterTitle {
font-family: open_sansregular,Arial,sans-serif;
font-size: 24px;
font-weight: normal;
margin-left: 0;
margin-bottom: 1em;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
a {
color: #1964a8;
text-decoration: none;
animation: ColorTransition var(--color-transition-duration) linear infinite;
}
.pageContainerWrap {
text-align: left;
border: 0;
position:...