<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-opacity: 1;
stroke-dasharray: none;
}
+ .crayon_mockup .button {
+ display: inline-block;
+ border-radius: 4px;
+ box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
+ }
+ .crayon_mockup .button + .button {
+ margin-left: 14px;
+ }
+ .crayon_mockup .toolbar {
+ padding-bottom: 5px;
+ }
</style>
</head>
<body>
<h1>Crayon Mockup (working title)</h1>
- <p>Instructions: click in multiple different places in the box below to draw</p>
+ <p>Instructions: click in multiple different places in the box below to draw.</p>
<div class="crayon_mockup"></div>
</body>
</html>