JSFiddle - React, Tailwind, and code Playground

by jmcausing

HTML

<div id="toolsarea" STYLE="scrollbar-base-color:pink;scrollbar-arrow-color:purple;">
			<div id="copy"> Copy </div> <div id="selectall"> Select All </div> <div id="clear">Clear </div>  
		</div

CSS

#toolsarea {
border : none;
float: left;
margin-top : 5px;
margin-bottom: 8px;
border-color : transparent;
width : 63%;
margin-left: 10px;
}

JavaScript

$(document).ready(function(){	
    $("#copy, #selectall, #clear, #bot1, #bot2").mouseover(function() {
         $(this).animate({ backgroundColor:'#848484'},500);
    }).mouseout(function() {
        $(this).animate({ backgroundColor:'#EEE'},500);
    });       

});

var FF = !(window.mozInnerScreenX == null);
if(FF) {
$('#copy').attr('disabled', 'disabled');
} else { 

}