/* TextareaDecorator.css
 * written by Colin Kuebler 2012
 * Part of LDT, dual licensed under GPLv3 and MIT
 * Provides styles for rendering a textarea on top of a pre with scrollbars
 */

/* settings you can play with */

.ldt, .ldt label {
	padding: 4px;
}

.ldt, .ldt pre, .ldt textarea {
	font-size: 12px !important;
	/* resize algorithm depends on a monospaced font */
	font-family: monospace !important;
	color: black;
	margin: 0;
}

.ldt textarea {
	/* fallback for browsers without rgba */
	color: transparent !important;
	/* make sure the alpha is low enough so it doesn't block the output layer */
	color: rgba(0,0,0,.2) !important;
border: none !important;
outline: none !important;
outline-color: transparent;
width: auto !important;
}

/* settings you shouldn't play with unless you have a good reason */

:focus {
  outline-color: transparent;
  outline-style: none;
}


.ldt {
	overflow: auto;
	position: relative;
}

.ldt pre {
	-moz-padding-start: 1px;
}

.ldt label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: text;
}

.ldt textarea {
	margin: 0;
	padding: 0;
	border: 0;
	background: 0;
	outline: none;
	resize: none;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	/* IE doesn't support rgba texarea, so use vendor specific alpha filter */
	filter: alpha(opacity = 20);
}