CSS background from hell

gistfile1.css

  position: relative;
  display: block;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border-radius: 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border: none;
  background: #f0f0f0;
  margin: 0 0 -5px 0;
  
  background-attachment: 
    scroll, scroll;
  background-position:
    0 -2px, 0 0;
  background-repeat:
    repeat-y, no-repeat;
  background-size:
    100% 22px, 100% 100%;
  background-image:
    -webkit-linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0) 95.45%, rgba(0,0,0,0.1) 95.4501%, rgba(0,0,0,0.1)),
    -webkit-linear-gradient(-90deg, #fafafa, #e9e9e9);
  background-image:
    -moz-linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0) 95.45%, rgba(0,0,0,0.1) 95.4501%, rgba(0,0,0,0.1)),
    -moz-linear-gradient(-90deg, #fafafa, #e9e9e9);
  background-image:
    -ms-linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0) 95.45%, rgba(0,0,0,0.1) 95.4501%, rgba(0,0,0,0.1)),
    -ms-linear-gradient(-90deg, #fafafa, #e9e9e9);
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0) 95.45%, rgba(0,0,0,0.1) 95.4501%, rgba(0,0,0,0.1)),
    linear-gradient(-90deg, #fafafa, #e9e9e9);
    
  border-top: 2px solid #fafafa;

  padding: 4px 10px 2px;
  color: #444;
  font: 17px/22px FilmotypeBrooklyn, sans-serif;
  resize: none;
  overflow: auto;
  
  border-top: 2px solid #f0f0f0\0/ !important;