body margin: 0px padding: 10px font: 15 Arimo, Arial, sans-serif h1 font-size: 28px margin: 0 p margin: 0 * p margin-top: 10px .footer font-size: 13px color_crayon = #8c8c8c color_selected = #544c4c color_hover = #777 color_dragging = #9e9373 color_controls = #000 color_controls_hover = #222 color_controls_selected = #444 color_controls_dragging = #666 .crayon_mockup svg .polyline fill: none stroke-width: 5 stroke-linecap: butt stroke-linejoin: round stroke-miterlimit: 4 stroke-opacity: 1 stroke-dasharray: none // svg element has: filter: url(#crayon) (firefox can't handle it being here) .canvas_border overflow: hidden fill: none stroke: #ccc stroke-width: 2 stroke-linecap: butt stroke-linejoin:miter stroke-dasharray:2 4 stroke-dashoffset:1 .box stroke: color_crayon fill: none stroke-width: 4 stroke-linecap: butt stroke-linejoin:miter // svg element has: filter: url(#crayon) (firefox can't handle it being here) .box, .polyline stroke: color_crayon .box.selected, .polyline.selected stroke: color_selected .box.dragging, .polyline.dragging stroke: color_dragging .box.normal.hover, .polyline.normal.hover stroke: color_hover .control_point stroke: none fill: color_controls .control_point.selected fill: color_controls_selected .control_point.dragging fill: color_controls_dragging .control_point.normal.hover fill: color_controls_hover