externalize CSS

editor.html

@@ -9,76 +9,15 @@
 	
 	<style type="text/css" media="screen">
 	
-	#container {
-	  position: absolute;
-	  border: 1px solid black;
-	  overflow-x: auto;
-	  overflow-y: hidden;	  
+	#container {  
 	  top: 5px;
 	  right: 5px;
 	  bottom: 5px;
 	  left: 5px;
 	}
-	
-	#container.focus {
-	  border: 1px solid #327fbd;;
-	}
-	
-	.canvas {
-	  z-index: 2;
-	  position: absolute;
-    overflow: hidden;
-	  font-family: Monaco, "Courier New";
-	  font-size: 12px;
-	  white-space: nowrap;
-	  -webkit-box-sizing: border-box;
-	  box-sizing: border-box;
-	  cursor: text;
-	}
-		
-	.composition {
-	  position: absolute;
-	  text-decoration: underline;
-	}
-	
-	.cursor {
-	  position: absolute;
-	  width: 1px;
-    background: black;
-	}
-	
-	.line {
-	  white-space: nowrap;
-	}
-	
-	.line.odd {
-	  /*background: #FAFAFA;*/
-	}
-
-  .keyword {
-    color: blue;
-  }
-  
-  .string {
-    color: rgb(3, 106, 7);
-  }
-  
-  .comment {
-    font-style: italic;
-    color: rgb(0, 102, 255);
-  }
-  
-  .markers {
-    position: absolute;
-    z-index: 1;
-  }
-  
-  .selection {
-    position: absolute;
-    background: rgba(77, 151, 255, 0.33);
-  }
   
 	</style>
+	<link rel="stylesheet" href="editor.css" type="text/css" charset="utf-8">
 	
 	<script src="lib.js" type="text/javascript" charset="utf-8"></script>
 	<script src="TextDocument.js" type="text/javascript" charset="utf-8"></script>