method_draw 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/MIT-LICENSE +20 -0
- data/README.md +148 -0
- data/Rakefile +23 -0
- data/app/assets/javascripts/method_draw.js +9 -0
- data/app/assets/javascripts/method_draw/base64.js +95 -0
- data/app/assets/javascripts/method_draw_embed.js +76 -0
- data/app/assets/stylesheets/sketchily.css +6 -0
- data/app/helpers/method_draw_helper.rb +35 -0
- data/app/views/method_draw/_embed.html.erb +51 -0
- data/app/views/method_draw/_method_draw.html.erb +19 -0
- data/app/views/method_draw/_method_draw_tag.html.erb +14 -0
- data/lib/method_draw.rb +16 -0
- data/lib/method_draw/engine.rb +4 -0
- data/lib/method_draw/method_draw.rb +37 -0
- data/lib/method_draw/method_draw_tag.rb +20 -0
- data/lib/method_draw/version.rb +3 -0
- data/spec/app/helpers/method_draw_helper_spec.rb +8 -0
- data/spec/dummy/README.md +3 -0
- data/spec/dummy/Rakefile +7 -0
- data/spec/dummy/app/assets/javascripts/application.js +15 -0
- data/spec/dummy/app/assets/stylesheets/application.css +13 -0
- data/spec/dummy/app/controllers/application_controller.rb +3 -0
- data/spec/dummy/app/controllers/drawings_controller.rb +18 -0
- data/spec/dummy/app/helpers/application_helper.rb +2 -0
- data/spec/dummy/app/models/drawing.rb +2 -0
- data/spec/dummy/app/views/drawings/method_draw.html.erb +3 -0
- data/spec/dummy/app/views/drawings/method_draw_tag.html.erb +3 -0
- data/spec/dummy/app/views/layouts/application.html.erb +14 -0
- data/spec/dummy/config.ru +4 -0
- data/spec/dummy/config/application.rb +27 -0
- data/spec/dummy/config/boot.rb +5 -0
- data/spec/dummy/config/database.yml +25 -0
- data/spec/dummy/config/environment.rb +5 -0
- data/spec/dummy/config/environments/development.rb +29 -0
- data/spec/dummy/config/environments/production.rb +80 -0
- data/spec/dummy/config/environments/test.rb +36 -0
- data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/spec/dummy/config/initializers/inflections.rb +16 -0
- data/spec/dummy/config/initializers/mime_types.rb +5 -0
- data/spec/dummy/config/initializers/secret_token.rb +12 -0
- data/spec/dummy/config/initializers/session_store.rb +3 -0
- data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/spec/dummy/config/locales/en.yml +23 -0
- data/spec/dummy/config/routes.rb +8 -0
- data/spec/dummy/db/development.sqlite3 +0 -0
- data/spec/dummy/db/migrate/0_create_drawings.rb +7 -0
- data/spec/dummy/db/schema.rb +20 -0
- data/spec/dummy/db/test.sqlite3 +0 -0
- data/spec/dummy/log/development.log +922 -0
- data/spec/dummy/log/test.log +181 -0
- data/spec/dummy/public/404.html +26 -0
- data/spec/dummy/public/422.html +26 -0
- data/spec/dummy/public/500.html +25 -0
- data/spec/dummy/public/favicon.ico +0 -0
- data/spec/dummy/script/rails +6 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/01e63791dcd008779246d1eeeace9408 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/061f36c32f08daef6eca93b74eaf74fd +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/1dbfe77fba798ba3dc24571c3b6d7eed +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/1fd7477d83ec1798c2bc740be42bd6b2 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/203471220004cb0cc667b886fb87dc46 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/213e12fc648032455ca0b118e987cca6 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/296bbe63b0505bc5be472fc1c8a1a5fd +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/3239b44c026d7c1646c17a10c72905bf +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/38c8fbf05056bbe66399b6923521dc20 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/3e30c8cfdf7deeda4607e4a8298f09a5 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/4bdd61ba53e8d9b7c19afea13c6e8985 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/52b0b11efea48f1fe5e46eeb4aa20193 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/5ef314d6f1af1570631d60b7f9a96d6c +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/6215f00c593e1789ef865a545b17fc14 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/624fdd5478edd235a86af4b6168d0f75 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/6299190ac3952cf7eee042e60c9aee89 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/62a95a2d67ec78570de6d0b31436206a +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/65ed942dea29700b739c2292791eb65e +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/66eb709561f77a29885af4423a3eb193 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/6f8f2c21bc49ae5ebad6e8a96cea4fe6 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/85dab60ed9ec9625b7ee22d4342fe26c +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/86358bce0bfd5de6ac8afb1bfa9d675b +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/8b835ce894c1218dea1e7c83a9109d2d +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/8e177cc7106653a1e053bb2444bb43a5 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/8f41435d82ae4df55ae7dfdc1e99b0bb +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/94be0a0bca76437d0766c265a9cdecda +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/9a093e6973aa150a0a4388167364593d +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/a280ac195f56a87267d2ec5d3e22ebcd +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/b13cddebc9106da6cfaf949ab3856d1f +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/b29ac216cb03ce2f30655a0d9bed77d4 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/c39d32e3ef6cc89f9c522212e65c49e1 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/c9910a0652952be02900dc71594d4384 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/cb14e22baac3ab2cc947628f283e117b +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/d1475c156face9f06092c9cf89905372 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/d22aa5a4d864d00cced2437352fe8fe4 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/d46cc5e60d1b2a20d622cdf9bab35fad +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/d7f27a7f35278e87c69668a65683360a +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/e0080336bb31d78e9efab59b234e0d85 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/e06104d99b055e792effca7bd66ad384 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/e095df19da361d5f53d90f6749a38ea6 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/e5fb97d39fdd2e383e61115ef06079fd +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/e6d1ec9817258cfda7c68499a841a9d2 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/edec019e8f1d7e758eb45524a913fd47 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/f37cf330dccb15bee2a195f643f3ba29 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
- data/spec/dummy/tmp/cache/assets/development/sprockets/fc84011813992cacde5880c6b21701de +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/061f36c32f08daef6eca93b74eaf74fd +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/38c8fbf05056bbe66399b6923521dc20 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/3e30c8cfdf7deeda4607e4a8298f09a5 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/52b0b11efea48f1fe5e46eeb4aa20193 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/5ef314d6f1af1570631d60b7f9a96d6c +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/6299190ac3952cf7eee042e60c9aee89 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/62a95a2d67ec78570de6d0b31436206a +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/65ed942dea29700b739c2292791eb65e +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/85dab60ed9ec9625b7ee22d4342fe26c +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/a280ac195f56a87267d2ec5d3e22ebcd +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/cb14e22baac3ab2cc947628f283e117b +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/d1475c156face9f06092c9cf89905372 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/e0080336bb31d78e9efab59b234e0d85 +0 -0
- data/spec/dummy/tmp/cache/assets/test/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
- data/spec/dummy/tmp/pids/server.pid +1 -0
- data/spec/features/method_draw_spec.rb +10 -0
- data/spec/features/method_draw_tag_spec.rb +11 -0
- data/spec/lib/method_draw/method_draw_spec.rb +27 -0
- data/spec/lib/method_draw/method_draw_tag_spec.rb +19 -0
- data/spec/lib/method_draw_spec.rb +11 -0
- data/spec/test_helper.rb +24 -0
- data/vendor/assets/javascripts/method-draw-js/browser-not-supported.html +27 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Anivers-webfont.eot +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Anivers-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Anivers-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Arvo-Regular-webfont.svg +145 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Arvo-Regular-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Junction-webfont.eot +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Junction-webfont.svg +133 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Junction-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Junction-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/League_Gothic-webfont.eot +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/League_Gothic-webfont.svg +235 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/League_Gothic-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/League_Gothic-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Museo_Slab-webfont.eot +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Museo_Slab-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Museo_Slab-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Museo_Slab_Italic-webfont.eot +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Museo_Slab_Italic-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/Museo_Slab_Italic-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/arvo-bold-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/arvo-bolditalic-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/arvo-italic-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/arvo-regular-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/euphoriascript-regular-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fanwood-webfont.eot +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fanwood-webfont.svg +939 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fanwood-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fanwood-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fanwood_italic-webfont.eot +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fanwood_italic-webfont.svg +682 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fanwood_italic-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fanwood_italic-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fertigo-webfont.eot +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fertigo-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/fertigo-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/oswald-bold-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/oswald-light-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/shadowsintolight-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/simonetta-black-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/simonetta-blackitalic-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/simonetta-italic-webfont.ttf +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/simonetta-regular-webfont.woff +0 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/test.html +62 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/test.svg +15 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/test_ff.svg +16 -0
- data/vendor/assets/javascripts/method-draw-js/css/font-files/test_ffsvg.svg +13 -0
- data/vendor/assets/javascripts/method-draw-js/css/fonts.css +72 -0
- data/vendor/assets/javascripts/method-draw-js/css/method-draw.compiled.css +417 -0
- data/vendor/assets/javascripts/method-draw-js/css/method-draw.css +2083 -0
- data/vendor/assets/javascripts/method-draw-js/embedapi.html +56 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/closepath_icons.svg +41 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-arrows.js +298 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-closepath.js +92 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-connector.js +587 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-eyedropper.js +135 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-foreignobject.js +277 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-grid.js +186 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-helloworld.js +78 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-imagelib.js +444 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-imagelib.xml +14 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-markers.js +576 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-server_moinsave.js +56 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-server_opensave.js +180 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-shapes.js +358 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-shapes.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/ext-shapes.xml +8 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/eyedropper-icon.xml +17 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/eyedropper.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/eyedropper.svg +15 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/fileopen.php +31 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/filesave.php +44 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/foreignobject-icons.xml +96 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/grid-icon.xml +30 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/helloworld-icon.xml +21 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/imagelib/index.html +64 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/imagelib/smiley.svg +12 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/markers-icons.xml +115 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib.svg +10 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/arrow.json +40 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/dialog_balloon.json +14 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/flowchart.json +20 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/game.json +13 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/math.json +8 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/misc.json +6 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/music.json +21 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/nature.json +36 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/object.json +30 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/raphael.txt +12 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/raphael_1.json +7 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/social.json +21 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/symbol.json +35 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/ui.json +57 -0
- data/vendor/assets/javascripts/method-draw-js/extensions/shapelib/weather.json +26 -0
- data/vendor/assets/javascripts/method-draw-js/icons/jquery.svgicons.js +471 -0
- data/vendor/assets/javascripts/method-draw-js/images/AlphaBar.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/Bars.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/Maps.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/NoColor.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/README.txt +61 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-bottom.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-bottom.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-center.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-center.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-left.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-left.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-middle.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-middle.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-right.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-right.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-top.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/align-top.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/bar-opacity.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/bold.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/cancel.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/circle.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/clear.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/clone.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/conn.svg +29 -0
- data/vendor/assets/javascripts/method-draw-js/images/copy.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/cross.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/cut.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/delete.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/document-properties.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/drag.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/dragging.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/dropdown.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/ellipse.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/ellipse.svg +8 -0
- data/vendor/assets/javascripts/method-draw-js/images/eye.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/eye.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/eyedropper.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/eyedropper_tool.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/fhpath.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/flyouth.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/flyup.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/freehand-circle.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/freehand-square.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/go-down.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/go-up.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/image.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/image.svg +12 -0
- data/vendor/assets/javascripts/method-draw-js/images/italic.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/italic.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/line.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/link_controls.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/logo.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/map-opacity.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/mappoint.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/mappoint_c.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/mappoint_f.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/move_bottom.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/move_top.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/node_clone.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/node_delete.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/none.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/open.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/paste.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/path.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/path.svg +10 -0
- data/vendor/assets/javascripts/method-draw-js/images/pencil.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/pencil.svg +11 -0
- data/vendor/assets/javascripts/method-draw-js/images/pencil_cursor.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/picker.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/placeholder.svg +10 -0
- data/vendor/assets/javascripts/method-draw-js/images/polygon.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/polygon.svg +1 -0
- data/vendor/assets/javascripts/method-draw-js/images/preview-opacity.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/rangearrows.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/rangearrows2.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/rect.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/redo.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/reorient.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/rotate.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/save.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/select.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/select.svg +10 -0
- data/vendor/assets/javascripts/method-draw-js/images/select_node.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/sep.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/shape_group.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/shape_ungroup.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/source.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/spinbtn_updn_big.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/square.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/svg_edit_icons.svg +455 -0
- data/vendor/assets/javascripts/method-draw-js/images/svg_edit_icons.svgz +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/text.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/text.svg +10 -0
- data/vendor/assets/javascripts/method-draw-js/images/to_path.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/undo.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/view-refresh.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/wave.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/wireframe.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/zoom.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/images/zoom.svg +12 -0
- data/vendor/assets/javascripts/method-draw-js/index.html +631 -0
- data/vendor/assets/javascripts/method-draw-js/lib/canvg/canvg.js +2620 -0
- data/vendor/assets/javascripts/method-draw-js/lib/canvg/rgbcolor.js +287 -0
- data/vendor/assets/javascripts/method-draw-js/lib/contextmenu.js +68 -0
- data/vendor/assets/javascripts/method-draw-js/lib/contextmenu/jquery.contextMenu.js +223 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/LICENSE +202 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/README +3 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/css/jPicker.css +250 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/css/jgraduate.css +332 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/AlphaBar.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/Bars.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/Maps.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/NoColor.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/bar-opacity.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/eyedropper.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/map-opacity.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/mappoint.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/mappoint_c.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/mappoint_f.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/picker.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/preview-opacity.png +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/rangearrows.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/images/rangearrows2.gif +0 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/jpicker.min.js +2087 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/jquery.jgraduate.js +1175 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jgraduate/jquery.jgraduate.min.js +37 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jquery-draginput.js +181 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jquery-ui/jquery-ui-1.8.17.custom.min.js +54 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jquery-ui/jquery-ui-1.8.custom.min.js +84 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jquery.js +2 -0
- data/vendor/assets/javascripts/method-draw-js/lib/jquerybbq/jquery.bbq.min.js +18 -0
- data/vendor/assets/javascripts/method-draw-js/lib/js-hotkeys/README.md +45 -0
- data/vendor/assets/javascripts/method-draw-js/lib/js-hotkeys/jquery.hotkeys.min.js +15 -0
- data/vendor/assets/javascripts/method-draw-js/lib/mousewheel.js +84 -0
- data/vendor/assets/javascripts/method-draw-js/lib/requestanimationframe.js +24 -0
- data/vendor/assets/javascripts/method-draw-js/lib/taphold.js +136 -0
- data/vendor/assets/javascripts/method-draw-js/lib/touch.js +28 -0
- data/vendor/assets/javascripts/method-draw-js/method-draw.compiled.css +417 -0
- data/vendor/assets/javascripts/method-draw-js/method-draw.compiled.js +692 -0
- data/vendor/assets/javascripts/method-draw-js/method-draw.manifest +121 -0
- data/vendor/assets/javascripts/method-draw-js/src/browser.js +181 -0
- data/vendor/assets/javascripts/method-draw-js/src/dialog.js +49 -0
- data/vendor/assets/javascripts/method-draw-js/src/dragupload.js +11 -0
- data/vendor/assets/javascripts/method-draw-js/src/draw.js +533 -0
- data/vendor/assets/javascripts/method-draw-js/src/embedapi.js +173 -0
- data/vendor/assets/javascripts/method-draw-js/src/history.js +601 -0
- data/vendor/assets/javascripts/method-draw-js/src/math.js +247 -0
- data/vendor/assets/javascripts/method-draw-js/src/method-draw.js +4140 -0
- data/vendor/assets/javascripts/method-draw-js/src/path.js +979 -0
- data/vendor/assets/javascripts/method-draw-js/src/sanitize.js +273 -0
- data/vendor/assets/javascripts/method-draw-js/src/select.js +608 -0
- data/vendor/assets/javascripts/method-draw-js/src/svgcanvas.js +9047 -0
- data/vendor/assets/javascripts/method-draw-js/src/svgtransformlist.js +291 -0
- data/vendor/assets/javascripts/method-draw-js/src/svgutils.js +648 -0
- data/vendor/assets/javascripts/method-draw-js/src/units.js +281 -0
- data/vendor/assets/javascripts/method-draw-js/svgedit.compiled.css +417 -0
- data/vendor/assets/javascripts/method-draw-js/svgedit.compiled.js +691 -0
- data/vendor/assets/javascripts/method-draw-js/temp.css +2665 -0
- metadata +619 -0
@@ -0,0 +1,281 @@
|
|
1
|
+
/**
|
2
|
+
* Package: svgedit.units
|
3
|
+
*
|
4
|
+
* Licensed under the Apache License, Version 2
|
5
|
+
*
|
6
|
+
* Copyright(c) 2010 Alexis Deveria
|
7
|
+
* Copyright(c) 2010 Jeff Schiller
|
8
|
+
*/
|
9
|
+
|
10
|
+
// Dependencies:
|
11
|
+
// 1) jQuery
|
12
|
+
|
13
|
+
var svgedit = svgedit || {};
|
14
|
+
|
15
|
+
(function() {
|
16
|
+
|
17
|
+
if (!svgedit.units) {
|
18
|
+
svgedit.units = {};
|
19
|
+
}
|
20
|
+
|
21
|
+
var w_attrs = ['x', 'x1', 'cx', 'rx', 'width'];
|
22
|
+
var h_attrs = ['y', 'y1', 'cy', 'ry', 'height'];
|
23
|
+
var unit_attrs = $.merge(['r','radius'], w_attrs);
|
24
|
+
|
25
|
+
var unitNumMap = {
|
26
|
+
'%': 2,
|
27
|
+
'em': 3,
|
28
|
+
'ex': 4,
|
29
|
+
'px': 5,
|
30
|
+
'cm': 6,
|
31
|
+
'mm': 7,
|
32
|
+
'in': 8,
|
33
|
+
'pt': 9,
|
34
|
+
'pc': 10
|
35
|
+
};
|
36
|
+
|
37
|
+
$.merge(unit_attrs, h_attrs);
|
38
|
+
|
39
|
+
// Container of elements.
|
40
|
+
var elementContainer_;
|
41
|
+
|
42
|
+
/**
|
43
|
+
* Stores mapping of unit type to user coordinates.
|
44
|
+
*/
|
45
|
+
var typeMap_ = {px: 1};
|
46
|
+
|
47
|
+
/**
|
48
|
+
* ElementContainer interface
|
49
|
+
*
|
50
|
+
* function getBaseUnit() - returns a string of the base unit type of the container ("em")
|
51
|
+
* function getElement() - returns an element in the container given an id
|
52
|
+
* function getHeight() - returns the container's height
|
53
|
+
* function getWidth() - returns the container's width
|
54
|
+
* function getRoundDigits() - returns the number of digits number should be rounded to
|
55
|
+
*/
|
56
|
+
|
57
|
+
/**
|
58
|
+
* Function: svgedit.units.init()
|
59
|
+
* Initializes this module.
|
60
|
+
*
|
61
|
+
* Parameters:
|
62
|
+
* elementContainer - an object implementing the ElementContainer interface.
|
63
|
+
*/
|
64
|
+
svgedit.units.init = function(elementContainer) {
|
65
|
+
elementContainer_ = elementContainer;
|
66
|
+
|
67
|
+
var svgns = 'http://www.w3.org/2000/svg';
|
68
|
+
|
69
|
+
// Get correct em/ex values by creating a temporary SVG.
|
70
|
+
var svg = document.createElementNS(svgns, 'svg');
|
71
|
+
document.body.appendChild(svg);
|
72
|
+
var rect = document.createElementNS(svgns,'rect');
|
73
|
+
rect.setAttribute('width',"1em");
|
74
|
+
rect.setAttribute('height',"1ex");
|
75
|
+
rect.setAttribute('x',"1in");
|
76
|
+
svg.appendChild(rect);
|
77
|
+
var bb = rect.getBBox();
|
78
|
+
document.body.removeChild(svg);
|
79
|
+
|
80
|
+
var inch = bb.x;
|
81
|
+
typeMap_['em'] = bb.width;
|
82
|
+
typeMap_['ex'] = bb.height;
|
83
|
+
typeMap_['in'] = inch;
|
84
|
+
typeMap_['cm'] = inch / 2.54;
|
85
|
+
typeMap_['mm'] = inch / 25.4;
|
86
|
+
typeMap_['pt'] = inch / 72;
|
87
|
+
typeMap_['pc'] = inch / 6;
|
88
|
+
typeMap_['%'] = 0;
|
89
|
+
};
|
90
|
+
|
91
|
+
// Group: Unit conversion functions
|
92
|
+
|
93
|
+
// Function: svgedit.units.getTypeMap
|
94
|
+
// Returns the unit object with values for each unit
|
95
|
+
svgedit.units.getTypeMap = function() {
|
96
|
+
return typeMap_;
|
97
|
+
};
|
98
|
+
|
99
|
+
// Function: svgedit.units.shortFloat
|
100
|
+
// Rounds a given value to a float with number of digits defined in save_options
|
101
|
+
//
|
102
|
+
// Parameters:
|
103
|
+
// val - The value as a String, Number or Array of two numbers to be rounded
|
104
|
+
//
|
105
|
+
// Returns:
|
106
|
+
// If a string/number was given, returns a Float. If an array, return a string
|
107
|
+
// with comma-seperated floats
|
108
|
+
svgedit.units.shortFloat = function(val) {
|
109
|
+
var digits = elementContainer_.getRoundDigits();
|
110
|
+
if(!isNaN(val)) {
|
111
|
+
// Note that + converts to Number
|
112
|
+
return +((+val).toFixed(digits));
|
113
|
+
} else if($.isArray(val)) {
|
114
|
+
return svgedit.units.shortFloat(val[0]) + ',' + svgedit.units.shortFloat(val[1]);
|
115
|
+
}
|
116
|
+
return parseFloat(val).toFixed(digits) - 0;
|
117
|
+
};
|
118
|
+
|
119
|
+
// Function: svgedit.units.convertUnit
|
120
|
+
// Converts the number to given unit or baseUnit
|
121
|
+
svgedit.units.convertUnit = function(val, unit) {
|
122
|
+
unit = unit || elementContainer_.getBaseUnit();
|
123
|
+
// baseVal.convertToSpecifiedUnits(unitNumMap[unit]);
|
124
|
+
// var val = baseVal.valueInSpecifiedUnits;
|
125
|
+
// baseVal.convertToSpecifiedUnits(1);
|
126
|
+
return svgedit.unit.shortFloat(val / typeMap_[unit]);
|
127
|
+
};
|
128
|
+
|
129
|
+
// Function: svgedit.units.setUnitAttr
|
130
|
+
// Sets an element's attribute based on the unit in its current value.
|
131
|
+
//
|
132
|
+
// Parameters:
|
133
|
+
// elem - DOM element to be changed
|
134
|
+
// attr - String with the name of the attribute associated with the value
|
135
|
+
// val - String with the attribute value to convert
|
136
|
+
svgedit.units.setUnitAttr = function(elem, attr, val) {
|
137
|
+
if(!isNaN(val)) {
|
138
|
+
// New value is a number, so check currently used unit
|
139
|
+
var old_val = elem.getAttribute(attr);
|
140
|
+
|
141
|
+
// Enable this for alternate mode
|
142
|
+
// if(old_val !== null && (isNaN(old_val) || elementContainer_.getBaseUnit() !== 'px')) {
|
143
|
+
// // Old value was a number, so get unit, then convert
|
144
|
+
// var unit;
|
145
|
+
// if(old_val.substr(-1) === '%') {
|
146
|
+
// var res = getResolution();
|
147
|
+
// unit = '%';
|
148
|
+
// val *= 100;
|
149
|
+
// if(w_attrs.indexOf(attr) >= 0) {
|
150
|
+
// val = val / res.w;
|
151
|
+
// } else if(h_attrs.indexOf(attr) >= 0) {
|
152
|
+
// val = val / res.h;
|
153
|
+
// } else {
|
154
|
+
// return val / Math.sqrt((res.w*res.w) + (res.h*res.h))/Math.sqrt(2);
|
155
|
+
// }
|
156
|
+
// } else {
|
157
|
+
// if(elementContainer_.getBaseUnit() !== 'px') {
|
158
|
+
// unit = elementContainer_.getBaseUnit();
|
159
|
+
// } else {
|
160
|
+
// unit = old_val.substr(-2);
|
161
|
+
// }
|
162
|
+
// val = val / typeMap_[unit];
|
163
|
+
// }
|
164
|
+
//
|
165
|
+
// val += unit;
|
166
|
+
// }
|
167
|
+
}
|
168
|
+
elem.setAttribute(attr, val);
|
169
|
+
};
|
170
|
+
|
171
|
+
var attrsToConvert = {
|
172
|
+
"line": ['x1', 'x2', 'y1', 'y2'],
|
173
|
+
"circle": ['cx', 'cy', 'r'],
|
174
|
+
"ellipse": ['cx', 'cy', 'rx', 'ry'],
|
175
|
+
"foreignObject": ['x', 'y', 'width', 'height'],
|
176
|
+
"rect": ['x', 'y', 'width', 'height'],
|
177
|
+
"image": ['x', 'y', 'width', 'height'],
|
178
|
+
"use": ['x', 'y', 'width', 'height'],
|
179
|
+
"text": ['x', 'y']
|
180
|
+
};
|
181
|
+
|
182
|
+
// Function: svgedit.units.convertAttrs
|
183
|
+
// Converts all applicable attributes to the configured baseUnit
|
184
|
+
//
|
185
|
+
// Parameters:
|
186
|
+
// element - a DOM element whose attributes should be converted
|
187
|
+
svgedit.units.convertAttrs = function(element) {
|
188
|
+
var elName = element.tagName;
|
189
|
+
var unit = elementContainer_.getBaseUnit();
|
190
|
+
var attrs = attrsToConvert[elName];
|
191
|
+
if(!attrs) return;
|
192
|
+
var len = attrs.length
|
193
|
+
for(var i = 0; i < len; i++) {
|
194
|
+
var attr = attrs[i];
|
195
|
+
var cur = element.getAttribute(attr);
|
196
|
+
if(cur) {
|
197
|
+
if(!isNaN(cur)) {
|
198
|
+
element.setAttribute(attr, (cur / typeMap_[unit]) + unit);
|
199
|
+
} else {
|
200
|
+
// Convert existing?
|
201
|
+
}
|
202
|
+
}
|
203
|
+
}
|
204
|
+
};
|
205
|
+
|
206
|
+
// Function: svgedit.units.convertToNum
|
207
|
+
// Converts given values to numbers. Attributes must be supplied in
|
208
|
+
// case a percentage is given
|
209
|
+
//
|
210
|
+
// Parameters:
|
211
|
+
// attr - String with the name of the attribute associated with the value
|
212
|
+
// val - String with the attribute value to convert
|
213
|
+
svgedit.units.convertToNum = function(attr, val) {
|
214
|
+
// Return a number if that's what it already is
|
215
|
+
if(!isNaN(val)) return val-0;
|
216
|
+
|
217
|
+
if(val.substr(-1) === '%') {
|
218
|
+
// Deal with percentage, depends on attribute
|
219
|
+
var num = val.substr(0, val.length-1)/100;
|
220
|
+
var width = elementContainer_.getWidth();
|
221
|
+
var height = elementContainer_.getHeight();
|
222
|
+
|
223
|
+
if(w_attrs.indexOf(attr) >= 0) {
|
224
|
+
return num * width;
|
225
|
+
} else if(h_attrs.indexOf(attr) >= 0) {
|
226
|
+
return num * height;
|
227
|
+
} else {
|
228
|
+
return num * Math.sqrt((width*width) + (height*height))/Math.sqrt(2);
|
229
|
+
}
|
230
|
+
} else {
|
231
|
+
var unit = val.substr(-2);
|
232
|
+
var num = val.substr(0, val.length-2);
|
233
|
+
// Note that this multiplication turns the string into a number
|
234
|
+
return num * typeMap_[unit];
|
235
|
+
}
|
236
|
+
};
|
237
|
+
|
238
|
+
// Function: svgedit.units.isValidUnit
|
239
|
+
// Check if an attribute's value is in a valid format
|
240
|
+
//
|
241
|
+
// Parameters:
|
242
|
+
// attr - String with the name of the attribute associated with the value
|
243
|
+
// val - String with the attribute value to check
|
244
|
+
svgedit.units.isValidUnit = function(attr, val, selectedElement) {
|
245
|
+
var valid = false;
|
246
|
+
if(unit_attrs.indexOf(attr) >= 0) {
|
247
|
+
// True if it's just a number
|
248
|
+
if(!isNaN(val)) {
|
249
|
+
valid = true;
|
250
|
+
} else {
|
251
|
+
// Not a number, check if it has a valid unit
|
252
|
+
val = val.toLowerCase();
|
253
|
+
$.each(typeMap_, function(unit) {
|
254
|
+
if(valid) return;
|
255
|
+
var re = new RegExp('^-?[\\d\\.]+' + unit + '$');
|
256
|
+
if(re.test(val)) valid = true;
|
257
|
+
});
|
258
|
+
}
|
259
|
+
} else if (attr == "id") {
|
260
|
+
// if we're trying to change the id, make sure it's not already present in the doc
|
261
|
+
// and the id value is valid.
|
262
|
+
|
263
|
+
var result = false;
|
264
|
+
// because getElem() can throw an exception in the case of an invalid id
|
265
|
+
// (according to http://www.w3.org/TR/xml-id/ IDs must be a NCName)
|
266
|
+
// we wrap it in an exception and only return true if the ID was valid and
|
267
|
+
// not already present
|
268
|
+
try {
|
269
|
+
var elem = elementContainer_.getElement(val);
|
270
|
+
result = (elem == null || elem === selectedElement);
|
271
|
+
} catch(e) {}
|
272
|
+
return result;
|
273
|
+
} else {
|
274
|
+
valid = true;
|
275
|
+
}
|
276
|
+
|
277
|
+
return valid;
|
278
|
+
};
|
279
|
+
|
280
|
+
|
281
|
+
})();
|
@@ -0,0 +1,417 @@
|
|
1
|
+
#svg_editor .jPicker .Icon{display:inline-block;height:24px;position:relative;text-align:left;width:25px}
|
2
|
+
#svg_editor .jPicker .Icon span.Color,#svg_editor .jPicker .Icon span.Alpha{background-position:2px 2px;display:block;height:100%;left:0;position:absolute;top:0;width:100%}
|
3
|
+
#svg_editor .jPicker .Icon span.Image{background-repeat:no-repeat;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%}
|
4
|
+
#svg_editor .jPicker.Container{z-index:10}
|
5
|
+
table#svg_editor .jPicker{width:545px;z-index:20}
|
6
|
+
#svg_editor .jPicker .Move{background-color:#ddd;border-color:#fff #666 #666 #fff;border-style:solid;border-width:1px;cursor:move;height:12px;padding:0}
|
7
|
+
#svg_editor .jPicker .Title{display:none}
|
8
|
+
#svg_editor .jPicker div.Map{border:solid #000 1px;cursor:crosshair;height:260px;margin:0;overflow:hidden;padding:0;position:relative;width:260px}
|
9
|
+
#svg_editor .jPicker div[class="Map"]{height:256px;width:256px}
|
10
|
+
#svg_editor .jPicker div.Bar{border:solid #000 1px;cursor:n-resize;height:260px;margin:0 15px;overflow:hidden;padding:0;position:relative;width:24px}
|
11
|
+
#svg_editor .jPicker div[class="Bar"]{height:256px;width:20px}
|
12
|
+
#svg_editor .jPicker .Map .Map1,#svg_editor .jPicker .Map .Map2,#svg_editor .jPicker .Map .Map3,#svg_editor .jPicker .Bar .Map1,#svg_editor .jPicker .Bar .Map2,#svg_editor .jPicker .Bar .Map3,#svg_editor .jPicker .Bar .Map4,#svg_editor .jPicker .Bar .Map5,#svg_editor .jPicker .Bar .Map6{background-color:transparent;background-image:none;display:block;left:0;position:absolute;top:0}
|
13
|
+
#svg_editor .jPicker .Map .Map1,#svg_editor .jPicker .Map .Map2,#svg_editor .jPicker .Map .Map3{height:2596px;width:256px}
|
14
|
+
#svg_editor .jPicker .Bar .Map1,#svg_editor .jPicker .Bar .Map2,#svg_editor .jPicker .Bar .Map3,#svg_editor .jPicker .Bar .Map4{height:3896px;width:20px}
|
15
|
+
#svg_editor .jPicker .Bar .Map5,#svg_editor .jPicker .Bar .Map6{height:256px;width:20px}
|
16
|
+
#svg_editor .jPicker .Map .Map1,#svg_editor .jPicker .Map .Map2,#svg_editor .jPicker .Bar .Map6{background-repeat:no-repeat}
|
17
|
+
#svg_editor .jPicker .Map .Map3,#svg_editor .jPicker .Bar .Map5{background-repeat:repeat}
|
18
|
+
#svg_editor .jPicker .Bar .Map1,#svg_editor .jPicker .Bar .Map2,#svg_editor .jPicker .Bar .Map3,#svg_editor .jPicker .Bar .Map4{background-repeat:repeat-x}
|
19
|
+
#svg_editor .jPicker .Map .Arrow{display:block;position:absolute}
|
20
|
+
#svg_editor .jPicker .Bar .Arrow{display:block;left:0;position:absolute}
|
21
|
+
#svg_editor .jPicker .Preview{font-size:9px;text-align:center}
|
22
|
+
#svg_editor .jPicker .Preview div.bgt{height:62px;margin:0 auto;padding:0;width:62px}
|
23
|
+
#svg_editor .jPicker .Preview div span{border:1px solid #000;display:block;height:30px;margin:0 auto;padding:0;width:60px}
|
24
|
+
#svg_editor .jPicker .Preview .Active{border-bottom-width:0}
|
25
|
+
#svg_editor .jPicker .Preview .Current{border-top-width:0;cursor:pointer}
|
26
|
+
#svg_editor .jPicker .Button{text-align:center;width:115px}
|
27
|
+
#svg_editor .jPicker .Button input{width:100px}
|
28
|
+
#svg_editor .jPicker td.Radio{margin:0;padding:0;width:31px}
|
29
|
+
#svg_editor .jPicker td.Radio input{margin:0 5px 0 0;padding:0}
|
30
|
+
#svg_editor .jPicker td.Text{font-size:12px!important;height:22px;margin:0;padding:0;text-align:left;width:70px}
|
31
|
+
#svg_editor .jPicker tr.Hex td.Text{width:100px;color:#666}
|
32
|
+
#svg_editor .jPicker tr.Hex td.Text span{width:100px;color:#333}
|
33
|
+
#svg_editor .jPicker td.Text input{background-color:#fff;border:1px inset #aaa;height:15px;margin:0 0 0 5px;text-align:left;width:30px;color:#333}
|
34
|
+
#svg_editor #color_picker .jPicker tr.Hex td.Text input.Hex{width:50px;display:inline-block;float:none}
|
35
|
+
#svg_editor .jPicker tr.Hex td.Text input.AHex{width:20px;display:none}
|
36
|
+
#svg_editor .jPicker .Grid{text-align:center;float:right;width:108px}
|
37
|
+
#svg_editor .jPicker .Grid span.QuickColor{cursor:pointer;display:inline-block;height:15px;line-height:15px;margin:0;padding:0;width:18px}
|
38
|
+
#svg_editor .jPicker td{vertical-align:top}
|
39
|
+
#svg_editor .jPicker td.colorsquare{width:275px}
|
40
|
+
#svg_editor .jPicker .prev_div{margin-top:-15px}
|
41
|
+
#svg_editor .jPicker .actions{position:absolute;bottom:20px;left:20px;right:20px}
|
42
|
+
#svg_editor .jPicker .actions .Ok{position:absolute;top:0;right:0}
|
43
|
+
#svg_editor .jPicker .actions .Cancel{position:absolute;top:0;left:0}
|
44
|
+
#svg_editor .jPicker .color_preview{width:62px;margin:0 auto}
|
45
|
+
h2.jGraduate_Title{display:none}
|
46
|
+
.jGraduate_Picker{position:absolute;padding:20px}
|
47
|
+
.jGraduate_tabs li{display:inline-block;padding:5px 10px;margin-right:5px;cursor:pointer}
|
48
|
+
li.jGraduate_tab_current{background:#fff;border-radius:3px 3px 0 0}
|
49
|
+
.jGraduate_colPick{display:none}
|
50
|
+
.jGraduate_gradPick{display:none;overflow:visible}
|
51
|
+
.jGraduate_tabs{position:relative;background-color:#ddd;padding:10px 10px 0 10px;margin:-20px -20px 20px -20px;border-radius:3px 3px 0 0}
|
52
|
+
div.jGraduate_Swatch{float:left;margin:0 15px 0 0}
|
53
|
+
div.jGraduate_GradContainer{border:solid #000 1px;background-image:url(../images/map-opacity.png);background-position:0 0;height:256px;width:256px;position:relative}
|
54
|
+
div.jGraduate_GradContainer div.grad_coord{background:rgba(0,0,0,0.8);border:2px solid white;border-radius:15px;-moz-border-radius:5px;width:14px;height:14px;position:absolute;margin:-7px -7px;top:0;left:0;text-align:center;font-size:8px;line-height:14px;color:white;text-decoration:none;cursor:pointer;-moz-user-select:none;-webkit-user-select:none}
|
55
|
+
.jGraduate_AlphaArrows{position:absolute;margin-top:-10px;margin-left:250.5px}
|
56
|
+
div.jGraduate_Opacity{border:2px inset #eee;margin-top:14px;background-color:black;background-image:url(../images/Maps.png);background-position:0 -2816px;height:20px;cursor:ew-resize}
|
57
|
+
div.jGraduate_StopSlider{margin:-10px 0 0 -10px;width:276px;overflow:visible;background:white;height:45px;cursor:pointer}
|
58
|
+
div.jGraduate_StopSection{width:120px;float:left}
|
59
|
+
div.jGraduate_StopSection.jGraduate_SpreadMethod{display:none}
|
60
|
+
input.jGraduate_Ok,input.jGraduate_Cancel{display:block;width:100px}
|
61
|
+
input.jGraduate_Ok{margin:0 0 5px 0}
|
62
|
+
.colorBox{float:left;height:16px;width:16px;border:1px solid #808080;cursor:pointer;margin:4px 4px 4px 30px}
|
63
|
+
.colorBox+label{float:left;margin-top:7px}
|
64
|
+
label.jGraduate_Form_Heading{color:#333;padding:2px;font-weight:bold;font-size:13px}
|
65
|
+
div.jGraduate_Form_Section{-moz-border-radius:5px;-webkit-border-radius:5px;padding:15px 5px 5px 5px;margin:5px 2px;width:100px;text-align:center;overflow:auto;background:#eee}
|
66
|
+
div.jGraduate_Form label{padding:0 2px;color:#333}
|
67
|
+
div.jGraduate_StopSection input[type=text],div.jGraduate_Slider input[type=text]{width:33px;color:#333}
|
68
|
+
div.jGraduate_LightBox{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.5;display:none}
|
69
|
+
div.jGraduate_stopPicker{position:absolute;display:none;background:white;padding:20px;border-radius:3px;width:530px;height:300px;box-shadow:0 5px 25px black}
|
70
|
+
.jGraduate_gradPick{width:526px}
|
71
|
+
.jGraduate_gradPick div.jGraduate_Slider{line-height:160%}
|
72
|
+
.jGraduate_gradPick div.jGraduate_Slider label:last-child{position:absolute;right:10px;top:0;color:#999;font-weight:bold}
|
73
|
+
.jGraduate_gradPick div.jGraduate_Slider label:last-child input{margin:0 3px 0 0;color:#333}
|
74
|
+
.jGraduate_gradPick .jGraduate_Form{float:left;width:270px;position:absolute;left:284px;width:266px;height:200px;top:195px;margin:-3px 3px 0 10px;line-height:200%}
|
75
|
+
.jGraduate_gradPick .jGraduate_Form label,.jGraduate_gradPick .jGraduate_Form input{width:auto;float:left}
|
76
|
+
.jGraduate_gradPick .jGraduate_Form.jGraduate_rg_field label,.jGraduate_gradPick .jGraduate_Form.jGraduate_rg_field input{width:auto;float:left;font-size:11px}
|
77
|
+
.jGraduate_gradPick .jGraduate_Form.jGraduate_rg_field #color_picker_jGraduate_match_ctr{float:none}
|
78
|
+
.jGraduate_gradPick .jGraduate_Form label{clear:left}
|
79
|
+
.jGraduate_gradPick .jGraduate_Points{position:static;float:left;margin:0;width:auto}
|
80
|
+
.jGraduate_Colorblocks{display:table;border-spacing:0 5px}
|
81
|
+
.jGraduate_colorblock{display:table-row}
|
82
|
+
.jGraduate_Colorblocks .jGraduate_colorblock>*{display:table-cell;vertical-align:middle;margin:0;float:none}
|
83
|
+
.jGraduate_gradPick .jGraduate_Form_Section{padding-top:9px}
|
84
|
+
.jGraduate_Slider{text-align:center;float:left;width:100%;position:relative;margin:5px 0}
|
85
|
+
.jGraduate_Slider .jGraduate_Form_Section{border:0;width:250px;padding:0 2px;overflow:visible}
|
86
|
+
.jGraduate_Slider label.prelabel{width:40px;text-align:left}
|
87
|
+
.jGraduate_SliderBar{width:140px;float:left;margin:0 5px;border:1px solid #BBB;height:20px;position:relative}
|
88
|
+
div.jGraduate_Slider input{margin-top:5px}
|
89
|
+
div.jGraduate_Slider img{top:0;left:0;position:absolute;cursor:ew-resize}
|
90
|
+
.jPicker .Button .Ok,.jGraduate_Picker .jGraduate_OkCancel .jGraduate_Ok{-webkit-appearance:none;margin:0;position:absolute;bottom:5px;right:5px}
|
91
|
+
.jPicker .Button .Cancel,.jGraduate_Picker .jGraduate_OkCancel .jGraduate_Cancel{margin:0;position:absolute;bottom:5px;left:5px}
|
92
|
+
body{background:#3f3f3c;font:13px/120% 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0}
|
93
|
+
::selection{background:#000;color:#fff}
|
94
|
+
::-moz-selection{background:#000;color:#fff}
|
95
|
+
html,body{overflow:hidden;width:100%;height:100%}
|
96
|
+
::-webkit-scrollbar{width:5px;height:5px;background:#444}
|
97
|
+
::-webkit-scrollbar-track{border-radius:10px;background:#444}
|
98
|
+
::-webkit-scrollbar-thumb{border-radius:10px;background:#666}
|
99
|
+
::-webkit-scrollbar-corner{background:#444}
|
100
|
+
#browser-not-supported{font-size:.8em;font-family:Verdana,Helvetica,Arial;color:#000}
|
101
|
+
#svgroot{-moz-user-select:none;-webkit-user-select:none;position:absolute;top:0;left:0}
|
102
|
+
#svg_editor{background:#2f2f2c}
|
103
|
+
#menu_bar{padding:0 0 0 50px;background:#2f2f2c;position:relative;z-index:2}
|
104
|
+
#menu_bar.active .menu.open .menu_list{display:block}
|
105
|
+
.menu{position:relative;z-index:5;color:#333;display:inline-block}
|
106
|
+
.menu_title{cursor:pointer;display:inline-block;padding:7px 10px;z-index:10;color:#fff;position:relative;height:16px;vertical-align:top}
|
107
|
+
.touch .menu_title{padding:7px 17px;height:26px;line-height:26px}
|
108
|
+
.menu .menu_title:hover{background:rgba(255,255,255,0.1)}
|
109
|
+
.menu_list .separator{margin:5px 0;border-top:solid #ddd 1px}
|
110
|
+
.menu_list{display:none;position:absolute;top:28px;left:0;white-space:nowrap;background:white;padding:7px 0;border-radius:0 3px 3px 3px;box-shadow:0 0 20px rgba(0,0,0,0.8)}
|
111
|
+
.touch .menu_list{top:38px}
|
112
|
+
#menu_bar.active .menu.open .menu_title{background:white;color:#333}
|
113
|
+
.menu_list .menu_item{position:relative;overflow:hidden;line-height:22px;padding:5px 69px 5px 25px;cursor:default;color:#333}
|
114
|
+
.menu_list .menu_item.tool_button{background:transparent;border:0;margin:0;padding:5px 55px 5px 25px;height:auto;width:auto}
|
115
|
+
.menu_list .menu_item.push_button_pressed:before{content:'✔';position:absolute;display:block;left:7px;top:3px;width:20px;height:20px}
|
116
|
+
.menu_list .menu_item:hover,.menu_list .menu_item.push_button_pressed:hover{background:rgba(0,0,0,0.1);color:#000}
|
117
|
+
.menu_list .menu_item.disabled:hover,.menu_list .menu_item.push_button_pressed.disabled:hover{background:transparent;color:#333}
|
118
|
+
.menu_list .menu_item.push_button_pressed{background:transparent;border:0;width:auto;height:auto;margin:0}
|
119
|
+
.menu_list .menu_item span{display:block;position:absolute;right:10px;padding:5px;background:rgba(0,0,0,0.1);top:6px;height:10px;text-align:center;font-size:10px;line-height:120%}
|
120
|
+
#svgcanvas{line-height:normal;display:inline-block;background-color:#a0a0a0;text-align:center;vertical-align:middle;width:640px;height:480px;position:relative;background:#3f3f3c}
|
121
|
+
#rulers>div{position:absolute;background:#2f2f2c;z-index:1;overflow:hidden;-webkit-font-smoothing:none}
|
122
|
+
#rulers #ruler_corner{top:30px;left:50px;width:15px;height:15px;border:solid #444 1px;z-index:2}
|
123
|
+
#ruler_x{height:15px;top:30px;left:66px;right:175px;border-top:solid #444 1px;border-right:solid #444 1px}
|
124
|
+
#ruler_x_cursor{height:15px;border-right:dotted #999 1px;position:absolute;background:#2f2f2c}
|
125
|
+
#ruler_y_cursor{width:15px;border-top:dotted #999 1px;position:absolute;background:#2f2f2c}
|
126
|
+
#rulers.moved #ruler_corner,#rulers.moved #ruler_x{top:101px}
|
127
|
+
#ruler_y{width:15px;top:46px;left:50px;bottom:40px;border-left:solid #444 1px;border-bottom:solid #444 1px}
|
128
|
+
#rulers.moved #ruler_y{top:116px}
|
129
|
+
#ruler_x canvas:first-child{margin-left:-16px}
|
130
|
+
#ruler_x canvas{float:left}
|
131
|
+
#ruler_y canvas{margin-top:-16px}
|
132
|
+
#ruler_x>div,#ruler_y>div{overflow:hidden}
|
133
|
+
#palette{display:block;position:absolute;z-index:2;left:10px;bottom:5px;width:410px;right:145px;height:30px}
|
134
|
+
.palette_item{height:20%;width:5.2%;float:left;cursor:url(../images/eyedropper.png) 0 16,crosshair}
|
135
|
+
.palette_item.transparent,.palette_item.white,.palette_item.black{background:#fff;position:absolute;width:10px;height:10px;left:-10px;top:0}
|
136
|
+
.palette_item.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAOC8yMi8xMg1cp6sAAABESURBVBiVjdBBCgAgCETRr/e/87SJKFPLnfIcQRMIwMBIShIAvgZzoSrfkzrs8WyF1+kX9r3p8AE7nL7kSpSshN+JEQ8GixkF0mSevgAAAABJRU5ErkJggg==)}
|
137
|
+
.palette_item.black{background:#000;top:10px}
|
138
|
+
.palette_item.white{background:#fff;top:20px}
|
139
|
+
#color_tools{position:relative;width:48px;height:48px;margin:6px 6px 0 6px}
|
140
|
+
.touch #color_tools{width:auto;height:auto}
|
141
|
+
#tool_fill{position:absolute;top:0;left:0;z-index:1}
|
142
|
+
.touch #tool_fill{position:static;width:36px;height:36px;margin-bottom:10px}
|
143
|
+
#tool_fill.active,#tool_stroke.active{z-index:2}
|
144
|
+
#tool_stroke{top:14px;left:14px}
|
145
|
+
.touch #tool_fill.active,.touch #tool_stroke.active{outline:4px solid #09f}
|
146
|
+
#tool_fill,#tool_stroke,#tool_canvas{box-shadow:0 0 0 1px #2f2f2c;position:absolute}
|
147
|
+
.touch #tool_fill,.touch #tool_stroke,.touch #tool_canvas{position:relative;top:0;left:0}
|
148
|
+
#color_canvas_tools{float:left;cursor:pointer}
|
149
|
+
#tool_fill .color_block{width:24px;height:24px;overflow:hidden;border:solid #ccc 1px}
|
150
|
+
.touch #tool_eyedropper{margin-top:6px}
|
151
|
+
.touch #tool_fill .color_block{width:36px;height:36px}
|
152
|
+
.touch #tool_fill .color_block svg{width:36px!important;height:36px!important}
|
153
|
+
.touch #tool_switch{display:none}
|
154
|
+
#use_panel .tool_button,#path_node_panel .tool_button{color:#999;border:solid #3f3f3c 1px;border-radius:3px;padding:3px 10px 3px 40px;background:transparent;position:relative;margin-top:10px;width:90px;height:23px;line-height:24px}
|
155
|
+
#use_panel .tool_button{padding-left:10px;margin-bottom:10px;width:124px}
|
156
|
+
#path_node_panel .tool_button img,#path_node_panel .tool_button svg{position:absolute;left:5px;top:3px}
|
157
|
+
#color_tools #tool_fill .color_block:hover,#color_tools #tool_stroke .color_block:hover{border-color:#fff}
|
158
|
+
#color_tools #tool_fill .color_block>div{position:absolute;top:0;left:0}
|
159
|
+
.touch #color_tools #tool_fill .color_block>div{position:relative}
|
160
|
+
#color_tools #tool_fill .color_block #fill_bg,#color_tools #tool_stroke .color_block #stroke_bg{position:absolute;top:1px;left:1px;bottom:1px;right:1px}
|
161
|
+
.touch #color_tools #tool_fill .color_block #fill_bg,.touch #color_tools #tool_stroke .color_block #stroke_bg{width:36px;height:36px;right:auto;bottom:auto}
|
162
|
+
.touch #tool_stroke{position:relative;top:0;left:0;z-index:0}
|
163
|
+
#stroke_color:after{content:'';position:absolute;display:block;width:8px;height:8px;left:8px;top:8px;background:#ccc;box-shadow:0 0 0 1px #000}
|
164
|
+
.touch #stroke_color:after{height:14px;left:10px;position:absolute;top:10px;width:14px}
|
165
|
+
#color_tools #tool_switch{cursor:pointer;opacity:.7;width:11px;height:11px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA2LzE0LzEyP6j5+gAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAB4SURBVBiVjZHRCYUwDEVvxIF0kZKN7EjiIrrReR/PSNSKXiikcE5JUtMeADMzXQIcdRfgFWqlyyB7ap1wL+0HAnIv1DqRJUBxTkLUWXIvh9AHkIeb58UkIUnDMH4ZR0otCfhv4ynbtp7ut722ZniFG8L9xx4Ek6QfN9huARmYwR0AAAAASUVORK5CYII=) top left no-repeat;position:absolute;top:-2px;left:28px}
|
166
|
+
#color_tools #cross:hover{opacity:1}
|
167
|
+
#color_tools #tool_stroke:hover #stroke_color:after{background:#fff}
|
168
|
+
#color_tools #tool_stroke .color_block{width:24px;height:24px;overflow:hidden;border:solid #ccc 1px}
|
169
|
+
.touch #color_tools #tool_stroke .color_block{width:36px;height:36px}
|
170
|
+
#color_tools #tool_stroke .color_block>div{position:absolute;bottom:0;right:0}
|
171
|
+
.touch #color_tools #tool_stroke .color_block>div{position:relative}
|
172
|
+
#color_tools .icon_label{padding:0;width:24px;height:100%;cursor:pointer;position:absolute}
|
173
|
+
#linkLabel>svg{height:20px;padding-top:4px}
|
174
|
+
div#workarea{display:inline-table-cell;position:absolute;top:30px;left:50px;bottom:40px;right:175px;background-color:#444;overflow:auto;text-align:center;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);-moz-transition:-moz-transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);-o-transition:-o-transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);-ms-transition:-ms-transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);transition:transform 500ms cubic-bezier(0.13,0.66,0.24,0.92)}
|
175
|
+
.touch div#workarea{top:40px}
|
176
|
+
.menu .menu_list{display:none;position:absolute}
|
177
|
+
.tool_button,.tool_button_current,.tool_button_pressed{cursor:pointer}
|
178
|
+
.tool_button:hover,.push_button:hover,.buttonup:hover,.buttondown,.tool_button_current,.push_button_pressed{background-color:#fff}
|
179
|
+
.tool_button.disabled,.tool_button.disabled:hover{opacity:.3;background-color:#aaa}
|
180
|
+
#tools_left .tool_button{background:#2f2f2c;position:relative}
|
181
|
+
#tools_left .tool_button.loaded{background:#ccc}
|
182
|
+
#tools_left .tool_button.loaded:hover{background:#fff}
|
183
|
+
#tools_left .tool_button:after,#tools_left .tool_button_current:after{position:absolute;content:'';border:solid #2f2f2c 2px;top:-1px;left:-1px;width:26px;height:26px;z-index:0}
|
184
|
+
#tools_left .tool_button_current{background-color:#0cf}
|
185
|
+
#main_icon span{position:absolute;width:100%;height:100%;display:block;z-index:2}
|
186
|
+
#tools_top{position:absolute;width:160px;height:100%;background:#2f2f2c;right:0;top:20px;border-bottom:0;overflow:visible;padding:0 0 0 15px}
|
187
|
+
.touch #tools_top{top:30px}
|
188
|
+
label{display:block;color:#999}
|
189
|
+
div#font-selector{width:140px;height:300px;overflow:auto;margin:0 auto;position:absolute;top:27px;right:0;border:1px solid black;padding:10px;display:none;background-color:white;z-index:10;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,0.7)}
|
190
|
+
div#font-selector img{width:100%}
|
191
|
+
div#font-selector .font-item{border-bottom:solid #ddd 1px;padding:5px 10px;margin:0 -10px}
|
192
|
+
div#font-selector .font-item:hover{background-color:#eee}
|
193
|
+
#tools_top #marker_panel *{float:left}
|
194
|
+
#tools_top #marker_panel h4{float:none}
|
195
|
+
#tools_top #marker_panel .dropdown .icon_label{width:36px;height:20px;margin-top:2px;border:solid #3f3f3c 1px;text-align:center}
|
196
|
+
#tools_top #marker_panel .dropdown button{margin-top:2px}
|
197
|
+
#tools_top #marker_panel #marker_panel_title{float:none;color:#fff;margin-bottom:3px}
|
198
|
+
#tools_top #marker_panel .dropdown .icon_label img{float:none}
|
199
|
+
#color_picker input[type=text],#color_picker input[type=number]{width:30px;background:#fff}
|
200
|
+
.dropdown_set input[type=text],.dropdown_set input[type=number]{width:50px}
|
201
|
+
input[type=text].wide,input[type=number].wide{width:110px}
|
202
|
+
input[type=text].tuco,input[type=number].tuco{width:150px}
|
203
|
+
input[type=submit],input[type=button],button{background:#4f80ff;color:#fff;border-radius:3px;padding:7px 17px;border:0;line-height:140%;font-size:14px;font-weight:bold;font-family:sans-serif}
|
204
|
+
input[type=submit]:hover,button:hover{box-shadow:inset 0 3px 10px rgba(255,255,255,0.1),inset 0 -3px 10px rgba(0,0,0,0.2)}
|
205
|
+
input[type=submit]:hover,button:hover{background:#2f84c1}
|
206
|
+
input[type=submit]:active,button:active{box-shadow:inset 0 2px 2px rgba(0,0,0,0.2);border-bottom:solid rgba(255,255,255,0.1) 1px}
|
207
|
+
#tools_left{position:absolute;border-right:0;width:50px;top:30px;bottom:0;left:0;background:#2f2f2c;z-index:4}
|
208
|
+
#workarea.wireframe #svgcontent *{fill:none;stroke:#000;stroke-width:1px;stroke-opacity:1.0;stroke-dasharray:0;opacity:1;pointer-events:stroke;vector-effect:non-scaling-stroke;filter:none}
|
209
|
+
#workarea.wireframe #svgcontent text{fill:#000;stroke:none}
|
210
|
+
#workarea.wireframe #canvasBackground>rect{fill:#FFF!important}
|
211
|
+
#workarea #canvasBackground>rect{stroke:transparent!important}
|
212
|
+
.context_panel{display:none}
|
213
|
+
#canvas_panel{display:block}
|
214
|
+
#multiselected_panel .selected_tool{vertical-align:12px}
|
215
|
+
#cur_context_panel{position:absolute;top:47px;left:68px;line-height:22px;overflow:auto;border-bottom:0;border-right:0;padding-left:5px;font-size:12px;background:black;color:#999;opacity:.5;padding:0 10px;border-radius:0 10px 10px 0}
|
216
|
+
#cur_context_panel a{float:none;text-decoration:none;color:#fff}
|
217
|
+
#cur_context_panel a:hover{text-decoration:underline}
|
218
|
+
#tools_left .tool_button,#tools_left .tool_button_current{position:relative;z-index:11}
|
219
|
+
.flyout_arrow_horiz{position:absolute;bottom:-1px;right:0;z-index:10}
|
220
|
+
.dropdown{position:relative;float:left}
|
221
|
+
.dropdown button{width:21px;height:22px;padding:0 3px 0 3px;border:0;background-color:#555;border-radius:0 2px 2px 0;margin-left:-1px;position:relative}
|
222
|
+
.dropdown button:hover{background-color:#666}
|
223
|
+
.dropdown button:after{content:'';position:absolute;border:solid transparent 4px;border-top-color:#999;top:9px;left:6px}
|
224
|
+
.dropdown button.down{border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #fff;border-bottom:1px solid #fff;background-color:#b0b0b0}
|
225
|
+
.dropdown ul{list-style:none;position:absolute;margin:0;padding:0;left:-80px;top:26px;z-index:4;display:none}
|
226
|
+
.dropup ul{top:auto;bottom:26px;border-radius:3px;box-shadow:0 5px 10px #000}
|
227
|
+
.dropup ul:after{content:'';display:block;position:absolute;bottom:-10px;right:50%;top:auto;width:0;height:0;border:solid transparent 5px;border-top-color:#fff}
|
228
|
+
.dropdown li{display:block;width:120px;padding:5px 10px;color:#333;background:#fff;margin:0;line-height:16px}
|
229
|
+
.dropdown li:first-child{border-radius:3px 3px 0 0}
|
230
|
+
.dropdown li:last-child{border-radius:0 0 3px 3px}
|
231
|
+
.dropdown li:hover{background-color:#ddd;color:#000}
|
232
|
+
.dropdown li.special{padding:10px;background:white;border:0;box-shadow:0 3px 10px black;border-radius:3px!important}
|
233
|
+
.dropdown li.special:after{content:'';display:block;position:absolute;top:-10px;right:50%;border:solid transparent 5px;border-bottom-color:#fff}
|
234
|
+
.dropdown li.special.down:after{bottom:-10px;right:50%;top:auto;border:solid transparent 5px;border-top-color:#fff}
|
235
|
+
.tool_button,.push_button,.tool_button_current,.push_button_pressed{height:27px;width:27px;border:solid #2f2f2c 8px;border-left-width:13px;margin:0;background-color:#ddd;cursor:pointer}
|
236
|
+
#main_menu li#tool_open,#main_menu li#tool_import{position:relative;overflow:hidden}
|
237
|
+
#tool_image{overflow:hidden}
|
238
|
+
#tool_open input,#tool_import input,#tool_import_bitmap input{position:absolute;opacity:0;font-size:10em;top:-5px;right:-5px;margin:0;cursor:pointer}
|
239
|
+
.disabled{opacity:.5;cursor:default}
|
240
|
+
.width_label{padding-right:5px}
|
241
|
+
#text{position:absolute;left:-9999px}
|
242
|
+
#tool_bold span,#tool_italic span{position:absolute;width:100%;height:100%;top:0;left:0;background:#ccc;opacity:0}
|
243
|
+
#url_notice{padding-top:4px;display:none}
|
244
|
+
#color_picker{position:absolute;display:none;background:#fff;height:350px;border-radius:3px;z-index:5;box-shadow:0 5px 10px #000;width:530px}
|
245
|
+
.tools_flyout{position:absolute;display:none;cursor:pointer;width:385px;z-index:10;left:47px!important;height:324px;background:#fff;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,0.5)}
|
246
|
+
.tools_flyout_v{position:absolute;display:none;cursor:pointer;width:30px}
|
247
|
+
.tools_flyout .tool_button{float:left;background-color:#fff;height:24px;width:24px}
|
248
|
+
#tools_bottom{position:absolute;left:50px;right:0;bottom:0;height:40px;overflow:visible;background:#2f2f2c}
|
249
|
+
#tools_bottom_1{width:115px;float:left}
|
250
|
+
#tools_bottom_2{position:relative;float:left;margin-top:5px}
|
251
|
+
#tools_bottom input[type=text]{width:3.2em}
|
252
|
+
#tools_top h4{color:#fff;font-weight:normal;margin:0;padding:10px 0 5px 0}
|
253
|
+
#tools_top .dropdown .icon_label{border:1px solid transparent;height:auto}
|
254
|
+
#tools_top.multiselected #align_tools{display:none}
|
255
|
+
#tools_top.multiselected #multiselected_panel{display:block!important}
|
256
|
+
#tools_top.multiselected #multiselected_panel .hidable{display:none}
|
257
|
+
.draginput_cell{float:left;height:26px;height:26px;border:solid #3f3f3c 10px;outline:solid #2f2f2c 1px;background:#ddd;cursor:pointer;position:relative}
|
258
|
+
.draginput_cell:hover{background:#fff}
|
259
|
+
.draginput_cell:after{content:'';position:absolute;top:0;left:0;border:solid #3f3f3c 1px;height:26px;width:26px;z-index:0}
|
260
|
+
.align_buttons .draginput_cell:nth-child(1){border-radius:3px 0 0 0}
|
261
|
+
.align_buttons .draginput_cell:nth-child(3){border-radius:0 3px 0 0}
|
262
|
+
.align_buttons .draginput_cell:nth-child(4){border-radius:0 0 0 3px}
|
263
|
+
.align_buttons .draginput_cell:nth-child(6){border-radius:0 0 3px 0}
|
264
|
+
.align_buttons .push_button{display:block;float:left}
|
265
|
+
#option_lists ul{display:none;position:absolute;height:auto;z-index:3;margin:0;list-style:none;padding-left:0}
|
266
|
+
#option_lists .optcols2{width:70px;margin-left:-15px}
|
267
|
+
#option_lists .optcols3{width:192px;margin-left:-105px;margin-top:-25px;background:#fff;padding:5px;box-shadow:0 5px 10px #000;border-radius:3px}
|
268
|
+
#option_lists .optcols3:after{content:'';display:block;position:absolute;top:-10px;right:70px;border:solid transparent 5px;border-bottom-color:#fff}
|
269
|
+
#option_lists .tool_button,#option_lists .push_button,#option_lists .tool_button_current,#option_lists .push_button_pressed{border:0;background:transparent}
|
270
|
+
#option_lists .tool_button:hover{background:#ddd}
|
271
|
+
#option_lists ul li.current{background-color:#f4e284}
|
272
|
+
#option_lists .optcols4{width:130px;margin-left:-44px}
|
273
|
+
#option_lists ul[class^=optcols] li{float:left}
|
274
|
+
ul li.current{background-color:#f4e284}
|
275
|
+
#option_lists ul li{margin:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
|
276
|
+
#copyright{text-align:right;padding-right:.3em}
|
277
|
+
#svg_source_editor{display:none}
|
278
|
+
#svg_source_editor #svg_source_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:5}
|
279
|
+
#svg_source_editor #svg_source_container{position:absolute;top:30px;left:100px;right:100px;bottom:30px;background-color:#fff;border-radius:3px;opacity:1.0;text-align:center;z-index:6;padding:15px 0}
|
280
|
+
#svg_source_editor form{position:absolute;display:block;top:15px;bottom:55px;left:15px;right:12px;padding:5px;font-size:12px}
|
281
|
+
#svg_source_textarea{width:100%;height:100%;line-height:140%;font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;font-size:12px}
|
282
|
+
#svg_source_editor #tool_source_back{position:absolute;bottom:45px;left:15px;right:15px}
|
283
|
+
#svg_source_editor #tool_source_back #tool_source_save{display:block;position:absolute;right:0}
|
284
|
+
#svg_source_editor #tool_source_back #tool_source_cancel{display:block;position:absolute;left:0}
|
285
|
+
button.cancel,input.Cancel,input.cancel,input.jGraduate_Cancel,button.cancel{-webkit-appearance:none;background-color:#999;box-shadow:0 0 1px rgba(0,0,0,0.5);margin:0}
|
286
|
+
#shape_buttons{overflow:auto;top:0;bottom:0;left:110px;right:0;position:absolute;vertical-align:top}
|
287
|
+
#shape_cats{min-width:110px;display:block;position:absolute;left:0;top:0;height:300px;background:#eee;border-radius:3px 0 0 3px;z-index:2}
|
288
|
+
#shape_cats>div{line-height:1em;padding:0 .5em;border-bottom:1px solid #ddd;background:#e8e8e8;color:#444;height:26px;line-height:26px}
|
289
|
+
#shape_cats>div:first-child{border-radius:3px 0 0 0}
|
290
|
+
#shape_cats>div:last-child{border-radius:0 0 0 3px}
|
291
|
+
#shape_cats div:hover{background:#efefef;color:#000}
|
292
|
+
#shape_cats div.current{font-weight:bold;background:#3f3f3c;color:#fff;position:relative}
|
293
|
+
#shape_cats div.current:after{content:'';position:absolute;right:-26px;top:0;border:solid transparent 13px;border-left-color:#3f3f3c}
|
294
|
+
.toolbar_button button .svg_icon{display:none}
|
295
|
+
#dialog_box{display:none}
|
296
|
+
#dialog_box_overlay{background:black;opacity:.5;height:100%;left:0;position:absolute;top:0;width:100%;z-index:6}
|
297
|
+
#dialog_content{height:95px;margin:10px 10px 5px 10px;overflow:auto;text-align:left;font-size:13px}
|
298
|
+
#dialog_buttons input:last-child{background:#999!important;position:absolute;left:10px;bottom:10px}
|
299
|
+
#dialog_buttons input:first-child{position:absolute;right:10px;bottom:10px}
|
300
|
+
#dialog_content.prompt{height:75px}
|
301
|
+
#dialog_content p{margin:10px;line-height:1.3em}
|
302
|
+
#dialog_container{position:absolute;left:50%;top:50%;width:300px;margin-left:-150px;height:150px;margin-top:-80px;position:fixed;z-index:50001;background:#fff}
|
303
|
+
#dialog_container,#dialog_content{border-radius:3px}
|
304
|
+
#dialog_buttons input[type=text]{width:90%;display:block;margin:0 0 5px 11px}
|
305
|
+
#dialog_buttons input[type=button]{margin:0 1em}
|
306
|
+
.invisible{visibility:none}
|
307
|
+
.ui-slider{position:relative;text-align:left}
|
308
|
+
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}
|
309
|
+
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0}
|
310
|
+
.ui-slider-horizontal{height:.8em}
|
311
|
+
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
|
312
|
+
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
|
313
|
+
.ui-slider-horizontal .ui-slider-range-min{left:0}
|
314
|
+
.ui-slider-horizontal .ui-slider-range-max{right:0}
|
315
|
+
.ui-slider-vertical{width:.8em;height:100px}
|
316
|
+
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
|
317
|
+
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
|
318
|
+
.ui-slider-vertical .ui-slider-range-min{bottom:0}
|
319
|
+
.ui-slider-vertical .ui-slider-range-max{top:0}
|
320
|
+
.ui-slider{background:#3f3f3c;border-radius:10px}
|
321
|
+
.ui-slider-handle{box-shadow:0 3px 3px rgba(0,0,0,0.3);border-radius:30px;background:#fff;background-image:-ms-linear-gradient(top,#ccc 0,#fff 100%);background-image:-moz-linear-gradient(top,#ccc 0,#fff 100%);background-image:-o-linear-gradient(top,#ccc 0,#fff 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ccc),color-stop(1,#fff));background-image:-webkit-linear-gradient(top,#ccc 0,#fff 100%);background-image:linear-gradient(top,#ccc 0,#fff 100%)}
|
322
|
+
.ui-slider-handle:focus{outline:0}
|
323
|
+
#shape_buttons{background:#fff;border-radius:0 3px 3px 0;padding:10px}
|
324
|
+
.tools_flyout .tool_button,.tools_flyout .tool_flyout{background:#fff;width:40px;height:40px;margin:5px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-width:0}
|
325
|
+
.contextMenu{position:absolute;z-index:99999;border:solid 1px rgba(0,0,0,.33);background:rgba(255,255,255,.95);padding:5px 0;margin:0;display:none;font:12px/15px 'Lucida Sans','Lucida Grande',Helvetica,Verdana,sans-serif;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:2px 5px 10px rgba(0,0,0,.3);-webkit-box-shadow:2px 5px 10px rgba(0,0,0,.3);box-shadow:2px 5px 10px rgba(0,0,0,.3)}
|
326
|
+
.touch .contextMenu{border:solid 5px rgba(0,0,0,.7);padding:0;margin:0 0 0 20px;font:18px/24px sans-serif;border-radius:5px;-webkit-box-shadow:2px 5px 20px 3px #000;box-shadow:2px 5px 20px rgba(0,0,0,0.5)}
|
327
|
+
.touch .contextMenu:after{content:'';width:0;height:0;border:solid transparent 10px;border-right-color:rgba(0,0,0,.7);position:absolute;top:50%;left:-25px;margin-top:-10px;z-index:1000}
|
328
|
+
.contextMenu LI{list-style:none;padding:0;margin:0}
|
329
|
+
.contextMenu .shortcut{width:115px;text-align:right;float:right}
|
330
|
+
.touch .contextMenu .shortcut{display:none}
|
331
|
+
.touch .shortcut{display:none}
|
332
|
+
.contextMenu A{-moz-user-select:none;-webkit-user-select:none;color:#222;text-decoration:none;display:block;line-height:20px;height:20px;background-position:6px center;background-repeat:no-repeat;outline:0;padding:0 15px 1px 20px}
|
333
|
+
.touch .contextMenu A{padding:0 15px;border-bottom:#;font-weight:bold;border-top:solid 1px #e3e3e3;height:40px;line-height:40px;min-width:200px}
|
334
|
+
.contextMenu LI.hover A{background-color:#2e5dea;color:white;cursor:default}
|
335
|
+
.contextMenu LI.disabled A{color:#999}
|
336
|
+
.touch .contextMenu LI.disabled A{display:none}
|
337
|
+
.contextMenu LI.hover.disabled A{background-color:transparent}
|
338
|
+
.contextMenu LI.separator{border-top:solid 1px #e3e3e3;padding-top:5px;margin-top:5px}
|
339
|
+
.touch .contextMenu LI.separator{border-top:0;margin:0;padding:0}
|
340
|
+
#menu{display:none;position:absolute;top:0;left:0;right:0;height:30px;background:#000;z-index:10;color:#fff}
|
341
|
+
#workarea.rect,#workarea.line,#workarea.ellipse,#workarea.path,#workarea.shapelib{cursor:crosshair}
|
342
|
+
#workarea.text{cursor:text}
|
343
|
+
#workarea.eyedropper{cursor:url(../images/eyedropper.png) 0 16,crosshair}
|
344
|
+
#workarea.fhpath{cursor:url(../images/pencil_cursor.png) 0 20,crosshair}
|
345
|
+
#workarea.rotate *{cursor:url(../images/rotate.png) 12 12,auto}
|
346
|
+
#workarea.select text,#workarea.multiselect text{cursor:default}
|
347
|
+
#workarea.n-resize *{cursor:n-resize!important}
|
348
|
+
#workarea.e-resize *{cursor:e-resize!important}
|
349
|
+
#workarea.w-resize *{cursor:w-resize!important}
|
350
|
+
#workarea.s-resize *{cursor:s-resize!important}
|
351
|
+
#workarea.ne-resize *{cursor:ne-resize!important}
|
352
|
+
#workarea.se-resize *{cursor:se-resize!important}
|
353
|
+
#workarea.nw-resize *{cursor:nw-resize!important}
|
354
|
+
#workarea.sw-resize *{cursor:sw-resize!important}
|
355
|
+
#workarea.copy{cursor:copy}
|
356
|
+
#workarea.zoom{cursor:crosshair;cursor:-moz-zoom-in;cursor:-webkit-zoom-in}
|
357
|
+
#workarea.zoom.out{cursor:crosshair;cursor:-moz-zoom-out;cursor:-webkit-zoom-out}
|
358
|
+
#selectorRubberBand{shape-rendering:crispEdges}
|
359
|
+
.clearfix:before,.clearfix:after{content:"";display:table}
|
360
|
+
.clearfix:after{clear:both}
|
361
|
+
.clearfix{*zoom:1}
|
362
|
+
#group_title{display:none}
|
363
|
+
#base_unit_container{display:none;position:absolute;z-index:20}
|
364
|
+
.draginput{background:#3f3f3c;border-radius:3px;-webkit-font-smoothing:antialiased;width:70px;height:70px;display:block;position:relative;float:left;margin:0 5px 5px 0}
|
365
|
+
.draginput .caret{border:solid transparent 5px;border-top-color:#999;position:absolute;width:0;height:0;right:5px;margin-top:-2px;top:50%}
|
366
|
+
.draginput label{margin:28px 10px 0 5px;font-size:14px;color:white;font-weight:bold;font-family:sans-serif}
|
367
|
+
.draginput label#resolution_label,.draginput label#seg_type_label{font:bold 12px/110% sans-serif;position:absolute;left:auto;right:10px;z-index:0;text-align:right}
|
368
|
+
.draginput label#seg_type_label{margin-top:40px}
|
369
|
+
.draginput label#seg_type_label .caret{top:66%}
|
370
|
+
.draginput label#resolution_label .pull{position:relative;left:-15px}
|
371
|
+
.draginput label#resolution_label span{right:-13px;left:auto;font-size:16px;top:2px;font-weight:bold;color:white}
|
372
|
+
.touch .draginput.active:after{content:attr(data-value);display:block;position:absolute;background:#fff;font-size:16px;top:0;width:30px;left:-50px;padding:0 5px;color:#333;z-index:10;font-family:sans-serif;font-weight:bold;text-align:right;padding-right:10px;height:20px;line-height:20px;letter-spacing:-1px}
|
373
|
+
.touch .draginput.active:before{content:'';height:0;width:0;position:absolute;top:5px;left:-5px;border:solid transparent 5px;border-left-color:#fff}
|
374
|
+
.draginput input{border:0;background:transparent;font:24px/normal sans-serif;text-align:center;color:#4f80ff;padding:30px 0 16px;width:100%;height:24px;position:relative;z-index:2}
|
375
|
+
.draginput.twocol{width:145px}
|
376
|
+
#tool_font_family .caret{right:40px;top:55%}
|
377
|
+
#tool_font_family select{width:110px}
|
378
|
+
#tool_bold,#tool_italic{font:bold 20px/35px serif;text-align:center;position:absolute;padding:0;color:#ccc;background:transparent;border:0;width:35px;height:35px;margin:0;top:0;right:0}
|
379
|
+
#tool_italic{border-top:solid #2f2f2c 2px;top:35px;font-weight:bold;font-style:italic;font-size:24px}
|
380
|
+
#tool_bold:hover,#tool_italic:hover{color:#fff}
|
381
|
+
#tool_bold.active,#tool_italic.active{color:#50a0ff}
|
382
|
+
#preview_font{font-size:20px;color:#fff;height:70px;line-height:75px;padding:0 0 0 10px;white-space:nowrap;width:100px;overflow:hidden;border-right:solid #2f2f2c 2px;position:relative}
|
383
|
+
#preview_font:after{content:'';position:absolute;right:0;top:3px;bottom:3px;width:15px;border-right:solid #3f3f3c 10px;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzU4MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjM2YzZjNjIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMzZjNmM2MiIG9mZnNldD0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1ODApIiAvPjwvc3ZnPg==)}
|
384
|
+
.draginput input,.draginput input:hover,.draginput input:active{cursor:url(../images/drag.png),move;cursor:-webkit-grab;cursor:-moz-grab}
|
385
|
+
.draginput input[type="checkbox"],.draginput input[type="checkbox"]:hover,.draginput input[type="checkbox"]:active{cursor:pointer}
|
386
|
+
.draginput.checkbox{cursor:pointer}
|
387
|
+
.draginput.active input,.draginput.active input:hover,.draginput.active input:active{cursor:url(../images/dragging.png),move;cursor:-webkit-grabbing;cursor:-moz-grabbing}
|
388
|
+
.draginput span{font:11px/130% sans-serif;color:#ccc;display:block;position:absolute;top:5px;left:5px;text-align:left}
|
389
|
+
.draginput.error{background:#900}
|
390
|
+
.draginput.error input{color:#fff}
|
391
|
+
.draginput.stroke_tool{text-align:center}
|
392
|
+
.draginput select{-webkit-appearance:none;opacity:0;display:block;position:absolute;height:100%;width:100%;margin:0;z-index:1;top:0;left:0}
|
393
|
+
.draginput_cursor{position:absolute;top:50%;width:100%;border-top:solid rgba(50,100,200,0.25) 3px;margin-top:-2px;z-index:0}
|
394
|
+
.draginput input[readonly=readonly]{-webkit-appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
395
|
+
.draginput input:focus{background:#50a0ff;color:#fff;outline:0;box-shadow:0 0 5px 2px #50a0ff}
|
396
|
+
.draginput input:focus+span{z-index:10;color:#fff}
|
397
|
+
.draginput .push_bottom{bottom:0;position:absolute}
|
398
|
+
#zoom_label{height:20px;background:transparent;cursor:default!important;width:auto;padding:0 10px;margin:0}
|
399
|
+
#zoom_panel{padding:9px 0;right:175px;position:absolute}
|
400
|
+
#zoom_label img,#zoom_label svg{width:16px;height:16px}
|
401
|
+
#logo svg{pointer-events:none}
|
402
|
+
#zoomLabel{width:16px;height:16px;cursor:pointer;background:#ccc}
|
403
|
+
#zoomLabel:after{content:'';position:absolute;border-left:solid #2f2f2c 1px;left:0;height:16px}
|
404
|
+
#zoom_label input{color:#ccc;font-size:13px;height:auto;width:auto;padding:0;cursor:default;position:static}
|
405
|
+
#zoom_label span{top:0;left:0}
|
406
|
+
body.dragging *{cursor:url(../images/dragging.png),move;cursor:-webkit-grabbing;cursor:-moz-grabbing}
|
407
|
+
body.drag *{cursor:url(../images/dragging.png),move;cursor:-webkit-grabbing;cursor:-moz-grabbing}
|
408
|
+
input[readonly=readonly]:focus{box-shadow:none}
|
409
|
+
#color_canvas_tools,#fill_bg,#stroke_bg{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAAA3NCSVQICAjb4U/gAAAABlBMVEXu7u7///8o06qaAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFXRFWHRDcmVhdGlvbiBUaW1lADcvMjIvMTL7FNdCAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAABFJREFUCJljYP7AgIb+MKAhAM8/C5vWL6zSAAAAAElFTkSuQmCC) top left repeat}
|
410
|
+
#color_canvas_tools{width:60px;height:40px;margin:23px 5px 5px 5px;position:relative;overflow:hidden}
|
411
|
+
#color_canvas_tools{display:block}
|
412
|
+
#tool_angle_indicator{width:50px;height:50px;border-radius:50px;background:rgba(255,255,255,0.05);position:absolute;bottom:2px;left:10px}
|
413
|
+
#tool_angle_indicator_cursor{width:4px;height:25px;border-top:solid #50a0ff 3px;position:absolute;margin:0 0 0 23px;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}
|
414
|
+
#stroke_style_label{font-size:30px;margin-top:33px;letter-spacing:-1px}
|
415
|
+
.stroke_tool .caret{top:60%}
|
416
|
+
#tool_align_relative{position:absolute;top:-5px;left:0;right:20px;display:block}
|
417
|
+
#tool_align_relative select{width:100%;display:block}
|