User:Zocky/jsSandBox.css

{ border:solid 1px silver; margin:0.5em 0; padding:0.5em; width:100%; position:relative; }
 * 1) jsSandBox

{ border:solid 1px silver; margin:2px; }
 * 1) jsSandBox input

{ width:100%; position:relative; } { width:100%; position:relative; }
 * 1) jsSandBoxTable
 * 1) jsSandBoxLeft

{ position:relative; overflow:auto; font-size:75%; height:30em; width:50em; }
 * 1) jsSandBoxDisplayScroll

{ width:100%; }
 * 1) jsSandBoxDisplayUrl

{ display:block; text-align:right; }
 * 1) jsSandBoxDisplayToggle

{ width:80%; }
 * 1) jsSandBoxDisplayXpath

{ width:15%; }
 * 1) jsSandBoxDisplayGo

{ position:relative; vertical-align:top; width:50em; }
 * 1) jsSandBoxRight

{ height:15em; line-height:110%; overflow:auto; font-size:95%; border:solid 1px silver; background:#ddd; }
 * 1) jsSandBoxScroll

{ border:solid 1px silver; width:99%; }
 * 1) jsSandBoxCode

.jsSandBoxScrollItem { border:solid 1px silver; margin-bottom:0.5em; }

.jsSandBoxScrollCode { font-family:monospace; background:#DDF; white-space:pre; overflow:hidden; padding:0 0.5em; }

.jsSandBoxScrollCode:hover { background:#AAF; }

.jsSandBoxScrollResult { font-family:monospace; background:#FFF; padding:0 0.5em; }

.jsSandBoxScrollError { font-family:monospace; background:#FDD; padding:0 0.5em; }

.jsSandBoxLeft { font-family:monospace; background:#FDD; padding:0 0.5em; }