moves from index.html to js

src/editor/svgedit.css

@@ -43,96 +43,11 @@ hr {
   border-bottom: 1px solid var(--border-color);
 }
 
-#svgroot {
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-#svgcanvas {
-  line-height: normal;
-  display: inline-block;
-  background: var(--canvas-bg-color);
-  text-align: center;
-  vertical-align: middle;
-  width: 640px;
-  height: 480px;
-  -apple-dashboard-region:dashboard-region(control rectangle 0px 0px 0px 0px); /* for widget regions that shouldn't react to dragging */
-  position: relative;
-}
-
-/* Rulers
-——————————————————————————————————————*/
-
-#rulers > div {
-  position: absolute;
-  background: var(--ruler-color);
-  z-index: 1;
-  overflow: hidden;
-}
-
-#ruler_corner {
-  top: 41px;
-  left: 41px;
-  width: 15px;
-  height: 15px;
-}
-
-#ruler_x {
-  height: 15px;
-  top: 41px;
-  left: 56px;
-  right: 30px;
-  border-bottom: 1px solid;
-  border-left: 1px solid #777;
-}
-
-#ruler_y {
-  width: 15px;
-  top: 55px;
-  left: 41px;
-  bottom: 56px;
-  border-right: 1px solid;
-  border-top: 1px solid #777;
-}
-
-#ruler_x canvas:first-child {
-  margin-left: -16px;
-}
-
-#ruler_x canvas {
-  float: left;
-}
-
-#ruler_y canvas {
-  margin-top: -16px;
-}
-
-#ruler_x > div,
-#ruler_y > div {
-  overflow: hidden;
-}
-
 #linkLabel > svg {
   height: 20px;
   padding-top: 4px;
 }
 
-#workarea {
-  display: inline-table-cell;
-  position:absolute;
-  top: 40px;
-  left: 40px;
-  bottom: 40px;
-  right: 14px;
-  background-color: #A0A0A0;
-  border: 1px solid var(--border-color);
-  overflow: auto;
-  text-align: center;
-}
-
 #sidepanels {
   display: inline-block;
   position:absolute;
@@ -810,13 +725,9 @@ ul li.current {
   #workarea, #sidepanels {
     top: 70px;
   }
-  #rulers #ruler_corner,
-  #rulers #ruler_x, #tools_left {
-    top: 71px;
-  }
 
-  #rulers #ruler_y {
-    top: 86px;
+  #tools_left {
+    top: 71px;
   }
 
   #cur_context_panel {