webchat.freenode.net CSS mod

by Mohammed Ismail Ansari

CSS

.leftboundpanel {
	background-color: #424242 !important;
}

.middleboundpanel {
    filter: invert(0);
    color: #0f0 !important;
    background-color: Black !important;
    font-size: 12pt !important;
}

.middleboundpanel a {
 	color: #0af;
}

.middleboundpanel .colourline span {
 	color: #0a0;
}

.middleboundpanel span:nth-child(2) {
 	color: #0f0;   
}

.middleboundpanel span .hyperlink-whois {
 	color: Orange;   
}

@-webkit-keyframes blinkgreen {
    0% {
        background-image: -webkit-linear-gradient(top, #CCC, #808080);
        color: Black;
    }
    100% {
        background-image: -webkit-linear-gradient(top, #9f9, #0f0);
        color: White;
    }
}

@-webkit-keyframes blinkred {
    0% {
        background-image: -webkit-linear-gradient(top, #CCC, #808080);
        color: Black;
    }
    100% {
        background-image: -webkit-linear-gradient(top, #f99, #f00);
        color: White;
    }
}

.bottomboundpanel {
    border-top: 3px solid #0f0 !important;
    background-color: Black;
    padding: 0px !important;
}

.keyboard-input {
    background-color: Black;
	font-family: Courier;
    color: #0f0 !important;
    box-shadow: 0px 0px 10px #0f0 inset !important;
}

.keyboard-input:focus {
	outline: none !important;
}

.tab {
    line-height: 25px !important;
    border: 2px solid Black !important;
    background-image: -webkit-linear-gradient(top, #CCC, #808080) !important;
    margin-bottom: 2px;
    cursor: pointer !important;
    transition: 1s;
}

.tab .tabclose {
    display: inline-block;
    background-image: -webkit-linear-gradient(top, #CCC, #808080) !important;
    color: Black;
    text-shadow: 0px 0px 2px White;
    float: none !important;
 	padding: 3px 5px;
    margin: 2px !important;
    margin-right: 5px !important;
    font-weight: bold;
    border: 1px solid Grey;
}

.tab .tabclose:hover {
    background-image: -webkit-linear-gradient(top, #808080, #CCC) !important;
    color: White !important;
    text-shadow: 0px 0px 2px...