/* 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: 16px !important;
	/* resize algorithm depends on a monospaced font */
	font-family: monospace !important;
	color: black;
}

.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;
}

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

.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;
}

/* highlight styles */
.ldt .bold {
	font-weight: bold;
}
.ldt .underline {
	text-decoration: underline;
}
.ldt .italic {
	font-style: italic
}
.ldt .strike {
	text-decoration: line-through;
}