BantBCssRevised

/* Basic Full Customizable Cytube CSS - All of the colors are rgb and rgba code, but you can easily use hex, also you may notice various !important's next to some lines, some are REALLY necessary, or the code may not work, some were added just because */


/* General Configurations, basically whatever that isn't specifically modified will get this properties  */
html, body
{
        background: #0c0c0c
/* background color, cytube default is white, with this code it becomes black, but you can change to whatever you want */
                url("link")
/* You can link wallpaper for your channel too, for google drive ones use a link this (https://googledrive.com/host/x/) x being that code after /d/ and before /edit, for imgur look for links like i.imgur.com/x.png */;
        background-size:100%
/* This will make sure your wallpaper fills the screen, at least the width*/;
        background-repeat:no-repeat
/* Use this so your wallpaper don't repeat, if you actually want that to happen change it to 'x y', it will fill everything */;
        color: #0099FF
/* This changes the font color */;
}


/* Links - 'a' alone changes the regular link look, a:hover changes how it looks when you hover a link, a:focus changes how it will look after you have pressed it, and a:active will change how it looks after you release before you click something else */
a, a:hover, a:focus, a:active
{
        color: #0055ff;
}

/* Playlist -  This makes the all the playlist items look different */
.queue_entry
{
        background-color: rgba(0, 0, 0, 1)
        /* With rgba you can use transparency, you just need to put a value between 0 and 1, 0 being completely transparent and 1 being a solid color */;
        border-color: #0099ff
        /* Color between list items, derp */;
}


/* Properties of the active item on the playlist */
.queue_active
{
        background-color: rgba(0, 85, 255, 1));
        border-color: #0099ff
        /* None leaves the item with no border at all, depending on the color scheme this may make the item blend too much*/;
}

/*  Properties of the header of chat, the video title, the playlist footer, all of the divs with .active class, and the open poll menu, you may want to use different colors with some of this items, like chat header being red and video title being blue, in this case you need to remove the wanted div and write it's code aside */
#chatheader, #currenttitle, #plmeta, .active, .poll-menu
{
        background-color:#1c1c1c;
        color: #0099ff;
        border-color: #0099ff;
}

/* Divs with the .muted class i.e: closed poll*/
.muted
{
         background-color:rgba(0,0,0,0)!important;
        color: rgb(255, 255, 255);
        border:none;
}


/* MOTD properties */
#motd
{
        font-weight: bold;
        text-align: center;
        border:none;
}

/* Motd wrap, preferably leave it like this, invisible*/
#motdwrap
{
        background-color:rgba(0,0,0,0);;
        border:none;
}


/* Footer Configurations */
#footer
{
        background:#0c0c0c!important;
        color:rgb(255,255,255)!important;
        text-align:center;
        width:100%;
}


/* Userlist configurationss */
#userlist
{
        background: #1c1c1c;
        color: #00ddff;
        font-weight:bold;
}

/* Chat configurations */
#messagebuffer
{
        background-image:linear-gradient(to bottom,
                #0c0c0c,
                #1c1c1c);
        color: white;
}

/* Registered Users Nick Color */
.username
{
        color:  #0099ff!important;
        font-weight: bold;
}

/* Rank 3 and above Users Nick Color */
.userlist_owner
{
        color:  #0055ff!important;
}

/* Rank 2(mod) Users Nick Color */
.userlist_op {
        color: #0088ff!important;
}


/* Guests Users Nick Color */
.userlist_guest
{
        color: !important;
}

/* Navigation bar and normal state buttons configurations*/
nav, .navbar, button
{
        background-color:  rgba(0,0,0,0) !important;
        background-image: linear-gradient(to bottom,
                #0000cc,
                #000033)!important;
        background-repeat: repeat-x;
        border: none!important;
        color:#ffffff!important;
}

/* Pressed Button Configurations */
button:active, button:focus
{
        background-color: rgba(0,0,0,0)!important;
        background-image: linear-gradient(to bottom,
                #0055ff,
                #0044ff)!important;
        background-repeat: repeat-x;
        border: none!important;
}

/* Hovering Buttons configurations */
button:hover
{
        background-color: rgba(0,0,0,0)!important;
        background-image: linear-gradient(to bottom,
                #0099ff,
                #0000ff)!important;
        background-repeat: repeat-x;
        border: none!important;
        color:#ffffff!important;
}

/* Chat box configs */
#chatline{
        background: #0c0c0c!important;
        color:#ffffff !important;

}
.ChatImg{
filter: brightness(0%);
}
.ChatImg:hover{
filter: brightness(100%);
}
.redText {
    color: #AF0A0F;
    font-weight: bold;
    font-size: 125%;
}
.blueText{
    font-size: 75%;
    color: #00FFFF;
}
.cow {
    animation: rainbold 1s linear infinite;
    color: red;
    font-size: 1.5em;
    letter-spacing: 0.00em;

    margin-left: 6px;
    text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
}
@keyframes rainbold {
    0% {
        color: red;
        text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
    }
    14% {
        color: orange;
        text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red;
    }
    28% {
        color: yellow;
        text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange;
    }
    43% {
        color: green;
        text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow;
    }
    57% {
        color: blue;
        text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green;
    }
    71% {
        color: indigo;
        text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue;
    }
    85% {
        color: violet;
        text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo;
    }
    100% {
        color: red;
        text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
    }
}