/* Editor de texto das notas (layout/js/editor.js) */

div.editor {
	width: 100%;
	max-width: 650px;
	border: 1px solid #aaa;
	margin: 1% 0;
}

div.editor_barra {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	padding: 2px;
	background-color: #fbfbfb;
	border-bottom: 1px solid #aaa;
}

div.editor_grupo {
	display: flex;
	padding: 1px;
	border: 1px solid #ccc;
	background: #fff url("../icons/jHtmlArea_Toolbar_Group_BG.png") repeat-x;
}

button.editor_botao {
	width: 20px;
	height: 20px;
	margin: 1px;
	border: 1px solid transparent;
	/* Ícones do ficheiro jHtmlArea.png (16x16 cada) */
	background: url("../icons/jHtmlArea.png") no-repeat;
	background-origin: content-box;
	box-sizing: border-box;
	padding: 1px;
	cursor: pointer;
}

button.editor_botao:hover,
button.editor_botao.ativo {
	border-color: #aaa;
	background-color: #ddd;
}

button.editor_botao:disabled {
	opacity: 0.3;
	cursor: default;
}

.editor_barra button.bold { background-position: 0 0; }
.editor_barra button.italic { background-position: -16px 0; }
.editor_barra button.underline { background-position: -32px 0; }
.editor_barra button.strikethrough { background-position: -48px 0; }
.editor_barra button.link { background-position: -64px 0; }
.editor_barra button.unlink { background-position: -80px 0; }
.editor_barra button.orderedlist { background-position: -96px 0; }
.editor_barra button.unorderedlist { background-position: -112px 0; }
.editor_barra button.image { background-position: -128px 0; }
.editor_barra button.html { background-position: -192px 0; }
.editor_barra button.h1 { background-position: 0 -16px; }
.editor_barra button.h2 { background-position: -16px -16px; }
.editor_barra button.h3 { background-position: -32px -16px; }
.editor_barra button.indent { background-position: -128px -16px; }
.editor_barra button.outdent { background-position: -144px -16px; }
.editor_barra button.p { background-position: -176px -16px; }
.editor_barra button.justifyleft { background-position: 0 -32px; }
.editor_barra button.justifycenter { background-position: -16px -32px; }
.editor_barra button.justifyright { background-position: -32px -32px; }
.editor_barra button.increasefontsize { background-position: -48px -32px; }
.editor_barra button.decreasefontsize { background-position: -64px -32px; }
.editor_barra button.forecolor { background-position: -80px -32px; }

div.editor_area,
textarea.editor_codigo {
	display: block;
	width: 100%;
	min-height: 600px;
	padding: 10px;
	margin: 0;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	background-color: #fff;
	overflow: auto;
}

div.editor_area:focus,
textarea.editor_codigo:focus {
	outline: none;
	border: none;
}

textarea.editor_codigo {
	font-family: monospace;
	font-size: 14px;
	resize: vertical;
}

/* O seletor de cor nativo fica escondido; abre com o botão da cor */
input.editor_cor {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	border: 0;
	opacity: 0;
}