styles.css

/*
* {
    outline: 1px solid red;
    opacity: 1 !important;
    visibility: visible !important;
}
*/

/* 
The Csound PNaCl attaches to the #engine node.
Make it invisible, but note "display:none" doesn't
work because Chrome then removes it from the DOM
altogether.
*/
#engine, #csound_module {
  position: absolute;
  width: 0;
  height: 0;
}

html, body {
  height: -webkit-calc(100% - 10px)
}

#title {
  text-align: center;
}

button {
  margin: 5px;
}

#controls {
  width: 100%;
  height: 50px;
}

#leftControls {
  display: inline-block;
  float: left;
  margin: 5px;
}

#rightControls {
  display: inline-block;
  margin: 2px;
  float: right;
  margin: 5px;
}

#filename {
  width: 100%;
  font-size: 16pt;
  text-align: center;
}

#editor, #csound_output {
  width: -webkit-calc(100% - 40px);
  height: -webkit-calc(100% - 40px);
  border: 1px solid black;
}

#csound_output {
  color: #ccc;
  background-color: #000;
}

li[role=tab]:focus, .ui-tabs-anchor:focus { 
  outline: none; 
}

 #tabs li span.ui-icon-closethick { 
   float: left; 
   margin: 0.4em 0.2em 0 0; 
   cursor: pointer; 
 }