<html>
<head>
<title>Theme CSS editor</title>
<style>
#editor {
	border: 1px solid teal;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: 20px;
}

pre {
	margin: 0px;
}
</style>
<link rel="stylesheet" type="text/css" href="%s"/>
<script src="%s"></script>
<script>
%s
</script>
<script>
	/*globals require*/
	require(["orion/editor/edit", "examples/editor/swtContentAssist"], function(edit, mSWTContentAssist) {
		var editor = edit({
			lang: "css"
		});
		//ADD THE SWT CONTENT ASSIST
		var contentAssist = editor.getContentAssist ? editor.getContentAssist() : editor._contentAssist;
		contentAssist.addEventListener("Activating", function() { //$NON-NLS-0$
			contentAssist.providers.push(new mSWTContentAssist.SWTContentAssistProvider());
		});
		window.editor = editor;
		//----------------
	});
</script>
</head>
<body spellcheck="false">
<pre id="editor" class="editor" data-editor-lang="css">
%s
</pre>
</body>
</html>