fabric.js/test/demo/demo.css

21 lines
No EOL
1 KiB
CSS

body { margin-top: 0; font-family: Optima, sans-serif; }
h2 { background: #ffc; margin-top: 0; padding: 5px; color: #333; font-size: 1em; margin-bottom: 20px; }
#body-wrapper { width: 1200px; margin: 0 auto; overflow: hidden; position: relative; }
#fps { position: absolute; left: 1px; top: 0; background: rgb(200,200,200); width: 70px; z-index: 1000; }
#commands { float: left; font-size: 14px; margin-left: 10px; }
#commands ul { list-style: none; padding-left: 0; }
#canvas-console { display: block; font-size: 11px; }
#rasterize { margin-top: 10px; color: green; }
#complexity { position: absolute; bottom: -20px; left: 0; }
#controls { margin-bottom: 5px; }
#drawing-mode-options { margin-top: 5px; background: #ffc; padding: 5px; border: 1px solid #aaa; }
.canvas_container { margin: 0 auto; position: relative; float: left; border: 1px solid #aaa; }
.clear { color: red; font-weight: bold; margin-top: 1em; }
#drawing-mode { color: blue; }
#drawing-mode.is-drawing { color: red; }
.svg-shapes { overflow: hidden; width: 320px; }
.svg-shapes li { display: inline; }