factor out svg element creation

[crayon_mockup.git] / index.html
diff --git a/index.html b/index.html

index bc46e2a..69f0a61 100644 (file)
--- a/index.html
+++ b/index.html
@@ -4,33 +4,7 @@
         <title>Crayon Mockup (working title)</title>
         <script src="/javascript/jquery/jquery.min.js"></script>
         <script src="auto.js"></script>
-       <style>
-               .crayon_mockup svg {
-                       border: 1px dotted #aaa;
-               }
-               .crayon_mockup svg path {
-                       fill: none;
-                       stroke: #8c8c8c;
-                       stroke-width: 2;
-                       stroke-linecap: butt;
-                       stroke-linejoin: round;
-                       stroke-miterlimit: 4;
-                       stroke-opacity: 1;
-                       stroke-dasharray: none;
-               }
-               .crayon_mockup .button {
-                       display: inline-block;
-                       border-radius: 4px;
-                       background: white;
-                       box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
-               }
-               .crayon_mockup .button + .button {
-                       margin-left: 14px;
-               }
-               .crayon_mockup .toolbar, .crayon_mockup .tool_extra {
-                       padding-bottom: 5px;
-               }
-       </style>
+       <link rel="stylesheet" href="style.css">
  </head>
  <body>
         <h1>Crayon Mockup (working title)</h1>