v3rmillion rainbow by crax

/* ==UserStyle==
@name           v3rmillion rainbow
@namespace      v3rmillion.net
@version        1.0.0
@description    v3rmillion, just rainbow
@author         CraX
@preprocessor uso
@advanced number speed "Speed" 10
==/UserStyle== */
@-moz-document domain("v3rmillion.net") {
    /* because css is garbage i need to write the animation a billion times.
    im sure i dont need to but idk how else to bc my css skills suck
    i only know luau*/
    @keyframes animbackground { 0% { background: red; }
        14% { background: orange; }
        28% { background: yellow; }
        42% { background: green; }
        56% { background: cyan; }
        80% { background: blue; }
        94% { background: deeppink; }
        100% { background: red; } }
    
    @keyframes animbackgroundborder1pxsolid { 0% { background: red; border: 1px solid red; }
        14% { background: orange; border: 1px solid orange; }
        28% { background: yellow; border: 1px solid yellow; }
        42% { background: green; border: 1px solid green; }
        56% { background: cyan; border: 1px solid cyan; }
        80% { background: blue; border: 1px solid blue; }
        94% { background: deeppink; border: 1px solid deeppink; }
        100% { background: red; border: 1px solid red; } }
    
    @keyframes animcolor { 0% { color: red; }    
        14% { color: orange; }
        28% { color: yellow; }
        42% { color: green; }
        56% { color: cyan; }
        80% { color: blue; }
        94% { color: deeppink; }
        100% { color: red; } }
    
    @keyframes animcolorimportant { 0% { color: red!important; }
        14% { color: orange!important; }
        28% { color: yellow!important; }
        42% { color: green!important; }
        56% { color: cyan!important; }
        80% { color: blue!important; }
        94% { color: deeppink!important; }
        100% { color: red!important; } }
    
    @keyframes animborder-bottom5pxsolid { 0% { border-bottom: 5px solid red; }
        14% { border-bottom: 5px solid orange; }
        28% { border-bottom: 5px solid yellow; }
        42% { border-bottom: 5px solid green; }
        56% { border-bottom: 5px solid cyan; }
        80% { border-bottom: 5px solid blue; }
        94% { border-bottom: 5px solid deeppink; }
        100% { border-bottom: 5px solid red; } }
    
    @keyframes animborder-top5pxsolid { 0% { border-top: 5px solid red; }
        14% { border-top: 5px solid orange; }
        28% { border-top: 5px solid yellow; }
        42% { border-top: 5px solid green; }
        56% { border-top: 5px solid cyan; }
        80% { border-top: 5px solid blue; }
        94% { border-top: 5px solid deeppink; }
        100% { border-top: 5px solid red; } }
    
    @keyframes animbordersolidthin { 0% { border: solid thin red; }
        14% { border: solid thin orange; }
        28% { border: solid thin yellow; }
        42% { border: solid thin green; }
        56% { border: solid thin cyan; }
        80% { border: solid thin blue; }
        94% { border: solid thin deeppink; }
        100% { border: solid thin red; } }
    
    .thead, .tfoot { animation: animbackground /*[[speed]]*/s infinite; }
    #bridge, .thread_head { animation: animborder-bottom5pxsolid /*[[speed]]*/s infinite; }
    #footer, ul.menu li ul, .panel_buttons { animation: animborder-top5pxsolid /*[[speed]]*/s infinite; }
    .forum_on { animation: animcolor /*[[speed]]*/s infinite; }
    .pagination a, a.button:link, input.button, .postbit_buttons > a:link { animation: animbackgroundborder1pxsolid /*[[speed]]*/s infinite; }
    .cRem a:link { animation: animcolorimportant /*[[speed]]*/s infinite; }
    .cRem a:visited { animation: animcolorimportant /*[[speed]]*/s infinite; }
    .inline_row a { animation: animcolor /*[[speed]]*/s infinite; }
    .postlink { animation: animbordersolidthin /*[[speed]]*/s infinite; } }