various fixes
parent
7619906dd3
commit
a5e568ea38
|
@ -242,461 +242,30 @@
|
|||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="fill">
|
||||
<svg width="32" height="33" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="svg_5">
|
||||
<path id="svg_4" d="m17.49167,10.97621c6.9875,-0.325 12.1875,2.70833 12.13333,7.36667l-0.325,10.075c-0.75833,4.0625 -2.275,3.0875 -3.03333,0.10833l0.21667,-9.64166c-0.43333,-0.975 -1.08333,-1.625 -1.95,-1.51667" stroke-linejoin="round" stroke="#999" fill="#999"/>
|
||||
<path id="svg_1" d="m2.00055,17.1309l10.72445,-10.72445l12.67445,12.13279l-3.52056,0.05389l-9.15389,9.26223l-10.72445,-10.72445z" stroke-linejoin="round" stroke="#ccc" fill="#ccc"/>
|
||||
<path id="svg_3" d="m14.35,13.57621c-0.1625,-3.95417 0.86667,-11.7 -1.84167,-11.59167c-2.70833,0.10833 -2.6,2.05833 -2.16667,6.93333" stroke-linejoin="round" stroke="#ccc" fill="#2f2f2c" stroke-width="2" />
|
||||
<circle id="svg_2" r="1.60938" cy="15.20121" cx="14.45833" stroke-linejoin="round" stroke="#2f2f2c" fill="#2f2f2c"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="stroke">
|
||||
<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect fill="none" stroke="#999" stroke-width="10" x="8.625" y="8.625" width="32.75" height="32.75" id="svg_1"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="opacity">
|
||||
<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient y2="0.1" x2="0.9" y1="0.9" x1="0.1" id="svg_7">
|
||||
<stop stop-color="#2f2f2c" offset="0"/>
|
||||
<stop stop-opacity="0" stop-color="#2f2f2c" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect id="svg_4" height="50" width="50" y="0" x="0" fill="#ffffff"/>
|
||||
<rect id="svg_1" height="25" width="25" y="0" x="0" fill="#a0a0a0"/>
|
||||
<rect id="svg_2" height="25" width="25" y="25" x="25" fill="#a0a0a0"/>
|
||||
<rect id="svg_3" height="50" width="50" y="0" x="0" stroke-width="2" stroke="url(#svg_7)" fill="url(#svg_7)"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="new_image">
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<rect x="2.42792" y="1.6692" width="18" height="21" id="svg_55" fill="#eaeaea" stroke="#606060"/>
|
||||
<circle stroke="none" fill="url(#svg_9)" id="svg_65" r="6.300781" cy="7.529969" cx="17.761984"/>
|
||||
<defs>
|
||||
<radialGradient id="svg_9" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0.1" stop-color="#ffe500" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#ffff00" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="save">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_41">
|
||||
<stop stop-opacity="1" stop-color="#727272" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#d6d6d6" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46">
|
||||
<stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="#202020" fill="#e0e0e0" id="svg_21" d="m1.51669,22.3458l21.13245,-0.10111l0,-6.06673l-2.62892,-9.80789l-16.27907,0.10111l-2.32558,9.20121l0.10111,6.67341z"/>
|
||||
<rect stroke="#efefef" fill="url(#svg_41)" id="svg_32" height="4.75108" width="19.21031" y="16.58227" x="2.42667"/>
|
||||
<path stroke="#ffffff" fill="#c0c0c0" id="svg_42" d="m4.55005,11.12235l0.70779,-2.83114l13.04348,0l0.70779,3.13448c-0.70779,2.52781 -4.04479,3.84227 -7.17897,3.84227c-2.72977,0 -6.37007,-1.41557 -7.28008,-4.1456z"/>
|
||||
<path stroke="#285582" fill="url(#svg_46)" id="svg_45" d="m7.14286,9.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="export">
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="svg_5" x1="0.77734" y1="0.51172" x2="0.09375" y2="0.53516">
|
||||
<stop offset="0" stop-color="#81bbf4"/>
|
||||
<stop offset="1" stop-color="#376eb7"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g>
|
||||
<rect x="7.22599" y="1.3603" width="15.76465" height="21.51735" id="svg_55" fill="#eaeaea" stroke="#606060"/>
|
||||
<circle fill="#31abed" stroke-width="0.5" cx="17.4206" cy="11.1278" r="4.69727" id="svg_3"/>
|
||||
<path fill="#ffcc00" stroke-width="0.5" d="m9.67673,20.24302l7.38701,-6.80778l2.91746,6.71323" id="svg_4"/>
|
||||
<rect fill="#ff5555" stroke-width="0.5" x="9.5385" y="2.94914" width="5.74652" height="5.74652" id="svg_2"/>
|
||||
<path d="m6.13727,17.94236l5.77328,-4.91041l-5.86949,-5.1832l-0.09622,2.36426l-4.64805,-0.06751l-0.04665,5.54694l4.79093,-0.02342l0.09623,2.27334z" id="svg_45" fill="url(#svg_5)" stroke="#285582"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="open">
|
||||
<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient y2="0.91406" x2="0.65234" y1="0.14063" x1="0.42578" id="svg_76">
|
||||
<stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="1.65" y="3.75" width="9.8" height="16.72712" id="svg_98" fill="#c0c0c0" stroke="#606060"/>
|
||||
<rect stroke="none" fill="#a0a0a0" id="svg_88" height="14.17459" width="6.39585" y="4.9758" x="2.89542"/>
|
||||
<path d="m18.62576,4.54365l0,6.91443l-9.9395,0l-0.08643,-10.11236l6.828,0l3.19792,3.19793z" id="svg_99" fill="#e0e0e0" stroke="#404040"/>
|
||||
<path d="m2.95,20.53644l1.65,-12.03644l16.2,0l-1.5,12l-16.35,0.03643z" id="svg_97" fill="url(#svg_76)" stroke="#285582"/>
|
||||
<line fill="none" stroke="#606060" id="svg_89" y2="4.28436" x2="13.95851" y1="4.28436" x1="10.32844"/>
|
||||
<line fill="none" stroke="#606060" id="svg_91" y2="6.53155" x2="14.82282" y1="6.53155" x1="10.32844"/>
|
||||
<path stroke="none" fill="#ffffff" id="svg_100" d="m15.25895,1.95069l-0.00401,2.85225l2.89558,0.00004l-2.89157,-2.85229z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="import">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46_import">
|
||||
<stop stop-opacity="1" stop-color="#81f4bb" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#37b76e" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="2.42792" y="1.6692" width="18" height="21" id="svg_55" fill="#eaeaea" stroke="#606060"/>
|
||||
<path stroke="#285582" fill="url(#svg_46_import)" id="svg_45" d="m7.14286,12.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="docprops">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="1" x2="1" y1="0.5" x1="1" id="svg_53">
|
||||
<stop stop-opacity="1" stop-color="#606060" offset="0"/>
|
||||
<stop stop-opacity="0" stop-color="#5e5e5e" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect stroke="#606060" fill="#eaeaea" id="svg_55" height="21" width="18" y="1.6692" x="2.42792"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_56" y2="4.37757" x2="14.89023" y1="4.37757" x1="6.696"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_57" y2="7.10804" x2="12.92026" y1="7.10804" x1="6.6948"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_58" y2="9.84241" x2="15.64716" y1="9.84241" x1="6.6942"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_59" y2="12.36585" x2="13.21805" y1="12.36585" x1="6.69691"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_60" y2="15.06507" x2="14.43591" y1="15.06507" x1="6.69691"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_61" y2="17.84241" x2="13.36979" y1="17.84241" x1="6.69691"/>
|
||||
<g id="svg_54">
|
||||
<path transform="rotate(-45, 12.5448, 11.7085)" stroke="none" fill="#606060" id="svg_31" d="m11.24329,8.73944l0,2.79974l2.53499,0.07777l0,-2.95528c1.78134,0.07777 2.26093,1.39987 2.12391,2.95528c-0.06851,1.63318 -1.30175,3.49967 -3.49418,3.26636c-2.19242,-0.31108 -2.87755,-1.39987 -3.15161,-2.72197c-0.27406,-1.39987 0.41108,-3.34413 1.98689,-3.4219z"/>
|
||||
<rect opacity="0.95" transform="rotate(-45, 16.2485, 15.1732)" stroke="none" fill="url(#svg_53)" id="svg_50" height="4.85445" width="2.57974" y="12.746" x="15.04047"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="source">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 52">
|
||||
<text xml:space="preserve" text-anchor="middle" font-family="monospace" font-size="24" stroke="none" fill="#019191" id="svg_40" y="15" x="28.23" font-weight="bold">s</text>
|
||||
<text xml:space="preserve" text-anchor="middle" font-family="monospace" font-size="24" stroke="none" fill="#019191" id="svg_47" y="30" x="28.23" font-weight="bold">v</text>
|
||||
<text xml:space="preserve" text-anchor="middle" font-family="monospace" font-size="24" stroke="none" fill="#019191" id="svg_48" y="44" x="28.23" font-weight="bold">g</text>
|
||||
<line stroke-width="3" fill="none" stroke="#aa0000" id="svg_51" y2="43" x2="16" y1="25" x1="5"/>
|
||||
<line id="svg_62" stroke-width="3" fill="none" stroke="#aa0000" y2="8" x2="16" y1="26" x1="5"/>
|
||||
<line id="svg_63" stroke-width="3" fill="none" stroke="#aa0000" y2="43" x2="39" y1="25" x1="50"/>
|
||||
<line id="svg_64" stroke-width="3" fill="none" stroke="#aa0000" y2="8" x2="39" y1="26" x1="51"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="wireframe">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<circle stroke="#2f2f2c" fill="none" id="svg_49" r="8" cy="9.5" cx="9.5"/>
|
||||
<rect stroke="#2f2f2c" fill="none" id="svg_52" height="14" width="14" y="8.5" x="8.5"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="undo">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="svg_66" x1="0.04297" y1="0.00391" x2="0.21484" y2="0.875">
|
||||
<stop offset="0" stop-color="#f7f963" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#d3c310" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path transform="rotate(-90, 10.3017, 11.5526)" d="m6.70188,10.72562l6.55493,-7.13388l6.65817,7.24912l-3.79441,0.03193l0,2.72259c-0.04257,2.74017 -2.76516,5.83068 -7.81235,6.02135c-5.18575,0 -7.1226,-3.75464 -7.49302,-7.41944c0.61736,1.6754 3.14913,3.78397 5.3716,3.67918c2.71635,0.1048 4.41501,-0.61714 4.41501,-2.50184l0,-2.64901l-3.89995,0z" id="svg_45" fill="url(#svg_66)" stroke="#b7a800"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="redo">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient y2="1" x2="1" y1="0" x1="1" id="svg_71">
|
||||
<stop stop-opacity="1" stop-color="#98fc46" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#56aa25" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path transform="rotate(-90, 12.7299, 11.5526)" d="m9.11294,12.43144l6.54089,6.84566l6.6439,-6.95624l-3.78628,-0.03064l0,-2.61259c-0.04248,-2.62946 -2.75924,-5.5951 -7.79561,-5.77807c-5.17464,0 -7.10734,3.60294 -7.47697,7.11967c0.61604,-1.60771 3.14238,-3.63109 5.36009,-3.53053c2.71053,-0.10056 4.40555,0.59221 4.40555,2.40076l0,2.54198l-3.89159,0z" id="svg_45" fill="url(#svg_71)" stroke="#44aa00"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="clone">
|
||||
<svg id="Untitled-Page%201" viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<g id="Layer%201">
|
||||
<path d="M 8 5.5 C 8 3.567 10.4624 2 13.5 2 C 16.5376 2 19 3.567 19 5.5 C 19 6.8601 17.7808 8.0407 16 8.62 L 16 11 L 23 11 L 26 14 L 26 23 L 23 26 L 4 26 L 1 23 L 1 14 L 4 11 L 11 11 L 11 8.62 C 9.2192 8.0407 8 6.8601 8 5.5 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 ZM 23 13 L 4 13 L 3 14 L 3 18 L 24 18 L 24 14 L 23 13 ZM 4 24 L 23 24 L 24 23 L 24 20 L 16 20 L 14 23 L 13 23 L 11 20 L 3 20 L 3 23 L 4 24 Z" fill="#2f2f2c"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="delete">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<rect ry="3" rx="3" stroke="#800000" fill="#aa0000" id="svg_37" height="20.29514" width="21.17486" y="1.70304" x="1.42011"/>
|
||||
<rect ry="3" rx="3" stroke="#ff5555" fill="#aa0000" id="svg_67" height="18.63022" width="19.61118" y="2.53597" x="2.20258"/>
|
||||
<line stroke-width="2" fill="none" stroke="#ffffff" id="svg_68" y2="16.85127" x2="17.00646" y1="6.85127" x1="7.00646"/>
|
||||
<line stroke-width="2" id="svg_70" fill="none" stroke="#ffffff" y2="16.85127" x2="7.00646" y1="6.85127" x1="17.00646"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="go_up">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
||||
<defs>
|
||||
<linearGradient y2="0" x2="0.7" y1="0" x1="0" id="svg_74">
|
||||
<stop stop-opacity="1" stop-color="#afe853" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#52a310" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="#008000" fill="url(#svg_74)" id="svg_33" d="m5.38492,16.77043l7.07692,0l0,-5.23077l4.15385,0l-7.69231,-10.15385l-7.69231,10.15385l4.15385,0l0,5.23077z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="go_down">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
||||
<defs>
|
||||
<linearGradient y2="0" x2="0.7" y1="0" x1="0" id="svg_75">
|
||||
<stop stop-opacity="1" stop-color="#afe853" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#52a310" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="#008000" fill="url(#svg_75)" id="svg_33" d="m5.3015,1.69202l6.93483,0l0,5.07323l4.07045,0l-7.53786,9.84803l-7.53786,-9.84803l4.07045,0l0,-5.07323z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="context_menu">
|
||||
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-width="0" id="svg_11" d="m4.5,46.5l52,0l-26,38l-26,-38z" stroke="#000" fill="#000"/>
|
||||
<g id="svg_16">
|
||||
<line stroke-width="10" id="svg_12" y2="27.5" x2="117.5" y1="27.5" x1="59.5" stroke="#000" fill="#000"/>
|
||||
<line id="svg_13" stroke-width="10" y2="51.5" x2="117.5" y1="51.5" x1="59.5" stroke="#000" fill="#000"/>
|
||||
<line id="svg_14" stroke-width="10" y2="73.5" x2="117.5" y1="73.5" x1="59.5" stroke="#000" fill="#000"/>
|
||||
<line id="svg_15" stroke-width="10" y2="97.5" x2="117.5" y1="97.5" x1="59.5" stroke="#000" fill="#000"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="move_bottom">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23">
|
||||
<defs>
|
||||
<linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_80">
|
||||
<stop stop-opacity="1" stop-color="#bc7f05" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#fcfc9f" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<line stroke-width="2" fill="none" stroke="#2f2f2c" id="svg_72" y2="2.5" x2="22" y1="2.5" x1="10.5"/>
|
||||
<line id="svg_73" stroke-width="2" fill="none" stroke="#2f2f2c" y2="6.5" x2="21.99844" y1="6.5" x1="10.49844"/>
|
||||
<line id="svg_74" stroke-width="2" fill="none" stroke="#2f2f2c" y2="10.5" x2="21.99922" y1="10.5" x1="10.49922"/>
|
||||
<line id="svg_75" stroke-width="2" fill="none" stroke="#2f2f2c" y2="14.5" x2="21.99922" y1="14.5" x1="10.49922"/>
|
||||
<rect stroke="#2f2f2c" fill="url(#svg_80)" id="svg_77" height="2.2" width="20" y="17.65" x="1.65"/>
|
||||
<path stroke="none" fill="#2f2f2c" id="svg_81" d="m4.25,1.55l2.35,0l0,11.05l2,0l-3.175,3.45l-3.175,-3.45l2,0l0,-11.05z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="move_top">
|
||||
<svg viewBox="0 0 23 23" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="svg_86" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0" stop-color="#9fdcf4" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#617e96" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<line x1="1.3" y1="8.19922" x2="12.8" y2="8.19922" id="svg_72" stroke="#2f2f2c" fill="none" stroke-width="2"/>
|
||||
<line x1="1.29844" y1="12.19922" x2="12.79844" y2="12.19922" stroke="#2f2f2c" fill="none" stroke-width="2" id="svg_73"/>
|
||||
<line x1="1.29922" y1="16.19922" x2="12.79922" y2="16.19922" stroke="#2f2f2c" fill="none" stroke-width="2" id="svg_74"/>
|
||||
<line x1="1.29922" y1="20.19922" x2="12.79922" y2="20.19922" stroke="#2f2f2c" fill="none" stroke-width="2" id="svg_75"/>
|
||||
<rect x="1.55" y="1.85" width="20" height="3.2" id="svg_77" fill="url(#svg_86)" stroke="#2f2f2c"/>
|
||||
<path d="m16.83475,21.14603l2.33207,0l0,-11.04578l1.98474,0l-3.15077,-3.44869l-3.15077,3.44869l1.98474,0l0,11.04578z" id="svg_81" fill="#2f2f2c" stroke="none"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="to_path">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient y2="0.46875" x2="0.42969" y1="0.10156" x1="0.10547" id="svg_105">
|
||||
<stop stop-color="#ff0000" offset="0"/>
|
||||
<stop stop-opacity="0" stop-color="#ff0000" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g>
|
||||
<circle cx="21" cy="21.3125" r="18.44531" id="svg_120" fill="url(#svg_105)" stroke="#2f2f2c"/>
|
||||
<path fill="none" stroke="#2f2f2c" d="m2.875,21.3125c-0.375,-9.25 7.75,-18.875 17.75,-18" id="svg_115"/>
|
||||
<line x1="25.375" y1="3.0625" x2="8.5" y2="3.0625" id="svg_116" stroke="#808080" fill="none"/>
|
||||
<line x1="2.625" y1="24.75" x2="2.625" y2="9.8125" id="svg_117" stroke="#808080" fill="none"/>
|
||||
<circle cx="8.5" cy="2.9375" r="1.95313" fill="#00ffff" stroke="#0000ff" stroke-width="0.5" id="svg_118"/>
|
||||
<circle cx="2.625" cy="9.8125" r="1.95313" fill="#00ffff" stroke="#0000ff" stroke-width="0.5" id="svg_119"/>
|
||||
<circle cx="20.875" cy="3.1875" r="2.5" id="svg_112" fill="#00ffff" stroke="#0000ff"/>
|
||||
<circle cx="2.875" cy="21.0625" r="2.5" fill="#00ffff" stroke="#0000ff" id="svg_114"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="link_controls">
|
||||
<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-width="2" id="svg_102" d="m9.875,23c-2,-4.25 -1.6875,-7.375 1.6875,-10.5c3.375,-3.125 7.5625,-2.75 11.0625,2" stroke="#8dd35f" fill="none"/>
|
||||
<line fill="none" stroke="#606060" id="svg_109" y2="4" x2="19" y1="19" x1="4"/>
|
||||
<circle stroke="#0000ff" fill="#00ffff" id="svg_111" r="2.17578" cy="11.5" cx="11.5"/>
|
||||
<circle stroke-width="0.5" id="svg_121" stroke="#0000ff" fill="#00ffff" r="2.26172" cy="4" cx="19"/>
|
||||
<circle id="svg_123" stroke-width="0.5" stroke="#0000ff" fill="#00ffff" r="2.26172" cy="19" cx="4"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="reorient">
|
||||
<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient y2="1" x2="1" y1="1" x1="0" id="svg_113">
|
||||
<stop stop-opacity="0" stop-color="#0000ff" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#507ece" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect stroke-dasharray="2,2" stroke="#0000ff" fill="none" id="svg_108" height="19.125" width="18.625" y="2.625" x="2.875"/>
|
||||
<rect transform="rotate(45, 12.2344, 12.1719)" stroke="#2f2f2c" fill="url(#svg_113)" id="svg_107" height="6.125" width="16" y="9.10848" x="4.23267"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="group">
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="svg_90" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#ccddff" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#789fed" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="svg_92" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#70a1e5" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#4b6baf" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="13.5" y="0.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_79"/>
|
||||
<rect x="13.5" y="13.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_82"/>
|
||||
<rect x="0.5" y="13.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_83"/>
|
||||
<rect x="2.5" y="2.5" width="8" height="7" fill="#a0a0a0" stroke="#555555" id="svg_85"/>
|
||||
<rect x="2.5" y="2.5" width="8" height="7" fill="url(#svg_90)" stroke="url(#svg_92)" id="svg_87"/>
|
||||
<rect x="5.5" y="6.5" width="8" height="7" id="svg_84" fill="#7399d6" stroke="url(#svg_92)"/>
|
||||
<rect x="0.5" y="0.5" width="2" height="2" id="svg_78" fill="#a0a0a0" stroke="#555555"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="ungroup">
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="svg_90" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#ccddff" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#789fed" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="svg_92" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#70a1e5" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#4b6baf" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="2.5" y="2.5" width="8" height="7" fill="url(#svg_90)" stroke="url(#svg_92)" id="svg_87"/>
|
||||
<rect x="5.5" y="6.5" width="8" height="7" id="svg_84" fill="#7399d6" stroke="url(#svg_92)"/>
|
||||
<rect x="9.5" y="1.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_79"/>
|
||||
<rect x="1.5" y="8.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_83"/>
|
||||
<rect x="1.5" y="1.5" width="2" height="2" id="svg_78" fill="#a0a0a0" stroke="#555555"/>
|
||||
<rect id="svg_93" x="12.5" y="5.5" width="2" height="2" fill="#a0a0a0" stroke="#555555"/>
|
||||
<rect id="svg_94" x="12.5" y="12.5" width="2" height="2" fill="#a0a0a0" stroke="#555555"/>
|
||||
<rect id="svg_95" x="4.5" y="12.5" width="2" height="2" fill="#a0a0a0" stroke="#555555"/>
|
||||
<rect id="svg_96" x="4.5" y="5.5" width="2" height="2" fill="#a0a0a0" stroke="#555555"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="unlink_use">
|
||||
<svg width="222" height="222" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="svg_1" d="m93.75,118.44922c-4.5,13.58447 -14.66553,11.5 -28.25,11.5l-34,0c-13.58447,0 -24.5,-7.16553 -24.5,-21.5c0,-14.33447 10.91553,-20.5 24.5,-20.5l34,0c13.58447,0 19.75,-2.33447 26.5,10.75" stroke-width="13" stroke="#3f3f3f" fill="none"/>
|
||||
<g id="svg_11">
|
||||
<line id="svg_4" y2="65.94563" x2="83.07683" y1="28.27895" x1="45.41017" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none"/>
|
||||
<line id="svg_5" y2="15.01293" x2="109.41467" y1="65.94638" x1="109.41467" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none"/>
|
||||
<line id="svg_6" y2="29.31928" x2="177.58937" y1="65.94638" x1="140.96227" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none"/>
|
||||
</g>
|
||||
<g id="svg_12" transform="rotate(-180, 108, 172.111)">
|
||||
<line y2="190.94563" x2="79.57683" y1="153.27895" x1="41.91017" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none" id="svg_13"/>
|
||||
<line y2="140.01293" x2="105.91467" y1="190.94638" x1="105.91467" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none" id="svg_14"/>
|
||||
<line y2="154.31928" x2="174.08937" y1="190.94638" x1="137.46227" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none" id="svg_15"/>
|
||||
</g>
|
||||
<path transform="rotate(-180, 172.125, 108.926)" id="svg_2" d="m215.5,118.44901c-4.5,13.58499 -14.6655,11.5 -28.25,11.5l-34,0c-13.5845,0 -24.5,-7.16501 -24.5,-21.5c0,-14.3343 10.9155,-20.4998 24.5,-20.4998l34,0c13.5845,0 19.75,-2.3345 26.5,10.75" stroke-width="13" stroke="#3f3f3f" fill="none"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="width">
|
||||
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="svg_6" d="m19,42.5l-7.5,7.5l7.5,7.5l0,-15zm0,7.5l62,0l0,-7.5l7.5,7.5l-7.5,7.5l0,-7.5" stroke-width="8" stroke="#2f2f2c" fill="#2f2f2c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="height">
|
||||
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
|
||||
<path transform="rotate(90, 50, 50)" fill="#2f2f2c" stroke="#2f2f2c" stroke-width="8" d="m19,42.5l-7.5,7.5l7.5,7.5l0,-15zm0,7.5l62,0l0,-7.5l7.5,7.5l-7.5,7.5l0,-7.5" id="svg_6"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="c_radius">
|
||||
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect stroke="#404040" fill="none" stroke-width="0.5" x="2.37501" y="2.4375" width="43.9375" height="43.9375" id="svg_1" rx="13" ry="13"/>
|
||||
<path fill="none" stroke="#2f2f2c" d="m2.43674,15.88952l13.73722,0l0.08978,-13.46483m0.08978,14.08493" id="svg_3"/>
|
||||
<line fill="none" stroke="#2f2f2c" x1="16.35107" y1="15.88934" x2="5.20504" y2="5.20504" id="svg_4" stroke-dasharray="2,2"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="angle">
|
||||
<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-width="2" stroke-dasharray="1,3" id="svg_6" d="m32.78778,41.03469c-0.40379,-8.68145 -4.50873,-16.79003 -12.11365,-20.5932" stroke="#2f2f2c" fill="none"/>
|
||||
<path id="svg_7" d="m29.20348,7.67055l-24.20348,34.47921l41.16472,0" stroke-width="3" stroke="#404040" fill="none"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="blur">
|
||||
<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
|
||||
<defs>
|
||||
<filter id="svg_4_blur" x="-50%" y="-50%" width="200%" height="200%">
|
||||
<feGaussianBlur stdDeviation="25"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<circle fill="#2f2f2c" stroke="#2f2f2c" stroke-width="5" stroke-dasharray="null" cx="150" cy="150" r="91.80151" id="svg_4" filter="url(#svg_4_blur)"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="fontsize">
|
||||
<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
||||
<text fill="#606060" stroke="none" x="14.451" y="41.4587" id="svg_2" font-size="26" font-family="serif" text-anchor="middle">T</text>
|
||||
<text fill="#2f2f2c" stroke="none" x="28.853" y="41.8685" font-size="52" font-family="serif" text-anchor="middle" xml:space="preserve" id="svg_3">T</text>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="align">
|
||||
<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect stroke="#606060" fill="#c0c0c0" id="svg_4" height="7" width="12" y="7.5" x="4.5"/>
|
||||
<rect stroke="#c15909" fill="#ef9a23" id="svg_2" height="40" width="2" y="-10" x="9.5"/>
|
||||
<rect stroke="#ffffff" fill="none" id="svg_5" height="5" width="10" y="8.5" x="5.5"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="align_left">
|
||||
<svg id="Untitled-Page%201" viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
<svg viewBox="0 0 27 27" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 2 1 L 2 5 L 14 5 L 14 11 L 2 11 L 2 16 L 20 16 L 20 22 L 2 22 L 2 26 L 1 26 L 1 1 L 2 1 ZM 27 0 L 0 0 L 0 27 L 27 27 L 27 0 Z" fill="#2f2f2c"/>
|
||||
<path d="M 2 1 L 2 5 L 14 5 L 14 11 L 2 11 L 2 16 L 20 16 L 20 22 L 2 22 L 2 26 L 1 26 L 1 1 L 2 1 ZM 27 0 L 0 0 L 0 27 L 27 27 L 27 0 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="align_center">
|
||||
<svg id="Untitled-Page%201" viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
<svg viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<g id="Layer%201">
|
||||
<path d="M 13 1 L 14 1 L 14 6 L 22 6 L 22 12 L 14 12 L 14 15 L 19 15 L 19 21 L 14 21 L 14 26 L 13 26 L 13 21 L 8 21 L 8 15 L 13 15 L 13 12 L 5 12 L 5 6 L 13 6 L 13 1 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 Z" fill="#2f2f2c"/>
|
||||
</g>
|
||||
x="0px" y="0px" width="27px" height="27px">
|
||||
<path d="M 13 1 L 14 1 L 14 6 L 22 6 L 22 12 L 14 12 L 14 15 L 19 15 L 19 21 L 14 21 L 14 26 L 13 26 L 13 21 L 8 21 L 8 15 L 13 15 L 13 12 L 5 12 L 5 6 L 13 6 L 13 1 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 Z" fill="#3f3f3c"/>
|
||||
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="align_right">
|
||||
<svg id="Untitled-Page%201" viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
<svg viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 25 1 L 25 5 L 13 5 L 13 11 L 25 11 L 25 16 L 7 16 L 7 22 L 25 22 L 25 26 L 26 26 L 26 1 L 25 1 ZM 0 0 L 27 0 L 27 27 L 0 27 L 0 0 Z" fill="#2f2f2c"/>
|
||||
<path d="M 25 1 L 25 5 L 13 5 L 13 11 L 25 11 L 25 16 L 7 16 L 7 22 L 25 22 L 25 26 L 26 26 L 26 1 L 25 1 ZM 0 0 L 27 0 L 27 27 L 0 27 L 0 0 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
@ -705,7 +274,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 1 2 L 5 2 L 5 14 L 11 14 L 11 2 L 16 2 L 16 20 L 22 20 L 22 2 L 26 2 L 26 1 L 1 1 L 1 2 ZM 0 27 L 0 0 L 27 0 L 27 27 L 0 27 Z" fill="#2f2f2c"/>
|
||||
<path d="M 1 2 L 5 2 L 5 14 L 11 14 L 11 2 L 16 2 L 16 20 L 22 20 L 22 2 L 26 2 L 26 1 L 1 1 L 1 2 ZM 0 27 L 0 0 L 27 0 L 27 27 L 0 27 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
@ -714,7 +283,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 26 13 L 26 14 L 21 14 L 21 22 L 15 22 L 15 14 L 12 14 L 12 19 L 6 19 L 6 14 L 1 14 L 1 13 L 6 13 L 6 8 L 12 8 L 12 13 L 15 13 L 15 5 L 21 5 L 21 13 L 26 13 ZM 27 0 L 0 0 L 0 27 L 27 27 L 27 0 Z" fill="#2f2f2c"/>
|
||||
<path d="M 26 13 L 26 14 L 21 14 L 21 22 L 15 22 L 15 14 L 12 14 L 12 19 L 6 19 L 6 14 L 1 14 L 1 13 L 6 13 L 6 8 L 12 8 L 12 13 L 15 13 L 15 5 L 21 5 L 21 13 L 26 13 ZM 27 0 L 0 0 L 0 27 L 27 27 L 27 0 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
@ -723,7 +292,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 1 25 L 5 25 L 5 13 L 11 13 L 11 25 L 16 25 L 16 7 L 22 7 L 22 25 L 26 25 L 26 26 L 1 26 L 1 25 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 Z" fill="#2f2f2c"/>
|
||||
<path d="M 1 25 L 5 25 L 5 13 L 11 13 L 11 25 L 16 25 L 16 7 L 22 7 L 22 25 L 26 25 L 26 26 L 1 26 L 1 25 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
@ -829,20 +398,6 @@
|
|||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="eye">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17">
|
||||
<defs>
|
||||
<linearGradient y2="0.79688" x2="0.5625" y1="0.19141" x1="0.42969" id="svg_91">
|
||||
<stop stop-opacity="1" stop-color="#d3a16b" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#a37c53" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="none" fill="url(#svg_91)" id="svg_9" d="m0.12852,8.18338c3.59931,-7.71208 13.19749,-7.36932 16.75236,0.08569c-3.02165,7.5407 -13.59741,7.66924 -16.75236,-0.08569z"/>
|
||||
<path id="svg_76" stroke="none" fill="#ffffff" d="m0.33033,8.2557c3.5173,-4.97159 12.89675,-4.75063 16.37062,0.05524c-2.95279,4.86111 -13.28756,4.94397 -16.37062,-0.05524z"/>
|
||||
<circle stroke="none" fill="#4f92c1" id="svg_88" r="3.08008" cy="7.71116" cx="8.45861"/>
|
||||
<circle stroke="none" fill="#2f2f2c" id="svg_89" r="1.27539" cy="7.6539" cx="8.43159"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="no_color">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
|
@ -851,43 +406,6 @@
|
|||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="ok">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="0.65625" x2="0.94141" y1="0.43359" x1="0.42969" id="svg_106">
|
||||
<stop stop-opacity="1" stop-color="#38ff45" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#127c0c" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path transform="rotate(45, 12, 10)" stroke="#005500" fill="url(#svg_106)" id="svg_101" d="m7.9,15.9l4.9,-0.05l0,-13.75l3.8,0l0,17.6l-8.7,0l0,-3.8z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="cancel">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="0.65625" x2="0.94141" y1="0.43359" x1="0.42969" id="svg_9">
|
||||
<stop stop-opacity="1" stop-color="#ff3838" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#7a0c0c" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="#550000" fill="url(#svg_9)" id="svg_101" d="m2.10526,10.52632l7.36842,0l0,-7.36842l3.68421,0l0,7.36842l7.36842,0l0,3.68421l-7.36842,0l0,7.36842l-3.68421,0l0,-7.36842l-7.36842,0l0,-3.68421z" transform="rotate(45, 11.3, 12.3)"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="warning">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="0.98047" x2="0.57813" y1="0.44922" x1="0.56641" id="svg_110">
|
||||
<stop stop-opacity="1" stop-color="#ffff00" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#9e9e00" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path d="m1.42857,21.55559l10.71429,-19.36489l10.71429,19.20352l-21.42857,0.16137z" id="svg_44" fill="url(#svg_110)" stroke="#916d1f" stroke-width="2"/>
|
||||
<path stroke="none" fill="#2f2f2c" id="svg_103" d="m11.98371,14.68571c-0.57143,-3.82857 -1.82857,-6.4 0.11429,-6.4c2.11429,0 0.74286,2.57143 0.11429,6.4l-0.22857,0z"/>
|
||||
<circle stroke="none" fill="#2f2f2c" id="svg_104" r="1.17578" cy="17.37143" cx="12.14308"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="node_delete">
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
|
||||
|
@ -913,35 +431,7 @@
|
|||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="globe_link">
|
||||
<svg width="66" height="66" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<radialGradient id="svg_8" spreadMethod="pad" cx="0.5" cy="0.32513">
|
||||
<stop stop-color="#7791ef" stop-opacity="0.99219" offset="0"/>
|
||||
<stop stop-color="#3c3cfc" offset="1"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="svg_10" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0" stop-color="#333333" stop-opacity="0.99609"/>
|
||||
<stop offset="1" stop-opacity="0.99609" stop-color="#666666"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g>
|
||||
<title>Layer 1</title>
|
||||
<g opacity="0.8" id="svg_5">
|
||||
<circle id="svg_1" r="27.90625" cy="33" cx="33" stroke-width="0" stroke="#AAAAAA" fill="url(#svg_8)"/>
|
||||
<g id="svg_7">
|
||||
<path d="m38.2478,36.06121c-0.43732,0 -0.87463,0 -1.31195,0c-0.43731,0 -0.87463,0 -2.6239,0c-0.87463,0 -1.74926,0 -2.18658,0c-0.43732,0 -2.19828,0.33684 -2.6239,0.43732c-0.95172,0.22467 -1.27098,0.48253 -1.74927,0.87463c-1.21939,0.99965 -1.44004,1.00272 -1.74926,1.31195c-0.30923,0.30923 -0.21265,0.79756 -0.43732,1.74926c-0.10048,0.42562 0.16736,0.90792 0,1.31195c-0.23668,0.57138 -0.43732,0.87463 -0.43732,1.74926c0,0.43732 0.12809,0.56541 0.43732,0.87463c0.30923,0.30923 0.12809,0.56541 0.43732,0.87463c0.30923,0.30923 1.32364,0.77415 1.74926,0.87463c0.95171,0.22467 0.69349,0.69349 1.31195,1.31195c0.30923,0.30923 0.90791,-0.16736 1.31195,0c0.57138,0.23668 0.56541,0.56541 0.87463,0.87463c0.30923,0.30923 0.56541,0.12809 0.87463,0.43732c0.61846,0.61846 -0.10048,1.32365 0,1.74926c0.22467,0.95171 0.43732,1.31195 0.43732,2.6239c0,0.87463 0,2.18658 0,3.06121c0,0.43732 0,1.31195 0,2.6239c0,0.43732 0.12809,1.00272 0.43732,1.31195c0.30922,0.30923 1.31195,0 1.74926,0c0.87463,0 1.31195,0 1.74927,0c0.43731,0 0.6065,-0.40129 1.74926,-0.87464c0.40403,-0.16736 0.74057,-0.20064 1.31195,-0.43732c0.40403,-0.16736 0.63795,-0.74057 0.87463,-1.31195c0.16736,-0.40403 0.15712,-2.20917 0.43732,-3.93585c0.22151,-1.36505 0.43732,-2.18658 0.43732,-2.6239c0,-0.43732 -0.12928,-0.88101 0,-2.18658c0.21973,-2.21904 0.43732,-3.49853 0.43732,-3.93585c0,-0.43732 0,-0.87463 0,-1.74927c0,-1.31195 0.16736,-1.78254 0,-2.18658c-0.23668,-0.57138 -1.00272,-0.56541 -1.31195,-0.87463c-0.30923,-0.30922 -0.43732,-0.43731 -1.74926,-1.74926l0,-0.87463l-0.43732,0l0,-0.43732" id="svg_2" stroke="#007f00" fill="#44b544" stroke-width="0"/>
|
||||
<path d="m5.66773,37.0452c1.12973,-0.3645 0.87463,-0.2187 1.74927,-0.656c0.87463,-0.4373 1.34081,-0.8211 2.18658,-1.3119c1.36372,-0.7915 1.44002,-1.4401 1.74922,-1.7493c0.3093,-0.3092 0.1281,-0.5654 0.4374,-0.8746c0.6184,-0.6185 0.8746,-0.4374 1.7492,-1.312c0.8747,-0.8746 1.0027,-1.0027 1.312,-1.3119c0.6184,-0.6185 0.1281,-1.0028 0.4373,-1.312c0.3092,-0.3092 0,-0.8746 0,-1.3119c0,-0.4374 0,-1.312 0,-1.7493c0,-0.4373 0.2009,-1.7727 0,-2.6239c-0.2247,-0.9517 -0.1281,-1.4401 -0.4373,-1.7493c-0.3093,-0.3092 -0.7073,-1.3452 -0.8746,-1.7492c-0.2367,-0.5714 -0.8747,-0.8747 -0.8747,-1.312c0,-0.4373 -0.4373,-0.4373 -0.4373,-0.8746l0,-0.4374l-1.2026,-0.8746c-3.7901,5.8674 -6.81486,11.6253 -5.79446,21.2099l-0.00001,0z" id="svg_3" stroke="#007f00" fill="#44b544" stroke-width="0"/>
|
||||
<path d="m52.2419,13.1021c-0.4373,0.4373 -1.3495,0.8398 -2.1866,1.0933c-3.0182,0.9138 -3.2212,2.2857 -3.4985,2.6239c-1.4137,1.7245 -2.4979,1.3039 -4.8105,1.7493c-0.4294,0.0827 -0.4373,0.4373 -0.8746,0.4373c-0.4373,0 -0.8746,0 -1.312,0c-0.4373,0 -1.3119,0 -1.7492,0c-0.4373,0 -1.3453,-0.27 -1.7493,-0.4373c-0.5714,-0.2367 -0.5654,-0.5654 -0.8746,-0.8747c-0.3092,-0.3092 -0.5654,-0.1281 -0.8746,-0.4373c-0.3093,-0.3092 -0.8747,0 -1.312,0c-0.4373,0 -0.9079,-0.1673 -1.3119,0c-0.5714,0.2367 -0.3033,1.0753 -0.8747,1.312c-0.404,0.1673 -0.1281,0.5654 -0.4373,0.8746c-0.3092,0.3092 -0.4373,0.4373 -0.4373,0.8746c0,0.4373 0,0.8747 0,1.312c0,0.4373 0.0333,0.7073 0.4373,0.8746c0.5714,0.2367 0.638,0.7406 0.8746,1.312c0.1674,0.404 0.4374,0.4373 0.4374,0.8746c0,0.4373 0,0.8746 0,1.3119c0,0.4374 -0.4374,0.4374 -0.8747,0.8747c-1.3119,1.3119 -1.9499,1.1779 -2.1865,1.7492c-0.1674,0.4041 -1.0753,0.3033 -1.312,0.8747c-0.1674,0.404 0,0.8746 0.4373,0.8746c0.4373,0 0.8746,0.4373 1.312,0.4373c0.4373,0 0.8746,-0.4373 1.3119,-0.4373c0.4373,0 0.5654,-0.1281 0.8746,-0.4373c0.6185,-0.6185 1.312,0 1.7493,0c0.4373,0 0.397,-0.6543 2.1866,-0.8747c0.434,-0.0534 2.8801,-0.2561 3.4985,-0.8746c0.3093,-0.3092 0.8343,-0.6543 2.6239,-0.8746c0.4341,-0.0535 0.8747,0 1.312,0c0.4373,0 0.8746,0.4373 0.8746,0.8746c0,0.4373 0.4373,0.4373 0.4373,0.8746c0,0.4374 0.5654,2.3147 0.8746,2.6239c0.3093,0.3093 0.1281,1.0028 0.4374,1.312c0.3092,0.3092 2.1095,2.8366 3.0612,3.0612c0.4256,0.1005 0.8215,0.2158 2.1866,0.4373c0.4316,0.0701 1.3119,0 1.7492,0c0.4373,0 0.8864,0.1005 1.312,0c0.9517,-0.2246 1.44,-0.5654 1.7492,-0.8746c0.3093,-0.3092 0.8747,-0.4373 1.312,-0.4373c0.4373,0 0.5654,-0.5654 0.8746,-0.8746c0.3092,-0.3093 0.8746,0 1.312,0l1.0933,-0.656c1.1661,-7.7259 -2.4782,-14.1399 -7.6531,-20.5539l0,0z" id="svg_4" stroke="#007f00" fill="#44b544" stroke-width="0"/>
|
||||
<path id="svg_6" d="m10.0409,48.3061c2.1137,-0.2187 4.6647,-0.2187 6.3411,1.9679c1.1662,1.5306 1.239,3.7172 0.2186,4.5918c-2.4052,-0.8746 -5.0291,-2.6239 -6.5597,-6.5597l0,0z" stroke="#007f00" fill="#44b544" stroke-width="0"/>
|
||||
</g>
|
||||
</g>
|
||||
<rect transform="rotate(45, 16.9336, 16.9375)" ry="9" rx="9" id="svg_9" height="19.32339" width="29.34293" y="7.27574" x="2.26257" stroke-width="5" stroke="url(#svg_10)" fill="none" stroke-linecap="round"/>
|
||||
<rect id="svg_11" transform="rotate(45, 49.0664, 49.0625)" ry="9" rx="9" height="19.32339" width="29.34293" y="39.40074" x="34.39538" stroke-width="5" stroke="url(#svg_10)" fill="none" stroke-linecap="round"/>
|
||||
<line id="svg_12" y2="45.75" x2="45.75" y1="20.25" x1="20.25" stroke-linecap="round" stroke-width="5" stroke="url(#svg_10)" fill="none"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="svg_eof"/>
|
||||
|
||||
|
|
|
@ -44,7 +44,7 @@ $.fn.dragInput = function(cfg){
|
|||
var $cursor = (area && this.dragCfg.cursor)
|
||||
? $("<div class='draginput_cursor' />").appendTo($label)
|
||||
: false
|
||||
if ($cursor && this.dragCfg.start) $cursor.css("top", (this.dragCfg.start*-1)/scale+cursorHeight)
|
||||
if ($cursor && !isNaN(this.dragCfg.start)) $cursor.css("top", (this.dragCfg.start*-1)/scale+cursorHeight)
|
||||
//this is where all the magic happens
|
||||
this.adjustValue = function(i, noUndo){
|
||||
var v;
|
||||
|
|
|
@ -398,21 +398,6 @@ html, body {
|
|||
top: 3px;
|
||||
}
|
||||
|
||||
#svg_editor #path_node_panel #tool_node_link {
|
||||
border: none;
|
||||
padding: 3px 0;
|
||||
width: auto;
|
||||
margin: 0 0 10px 0;
|
||||
background: transparent;
|
||||
color: #ccc;
|
||||
height: auto;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
#svg_editor #path_node_panel #segment_type {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#svg_editor #color_tools #tool_fill .color_block:hover, #svg_editor #color_tools #tool_stroke .color_block:hover {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
@ -613,7 +598,7 @@ html, body {
|
|||
position: absolute;
|
||||
width: 160px;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
top: 20px;
|
||||
border-bottom: none;
|
||||
overflow: visible;
|
||||
padding: 0 0 0 10px;
|
||||
|
@ -1117,7 +1102,7 @@ span.zoom_tool img {
|
|||
color: #fff;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0 0 10px 0;
|
||||
padding: 10px 0 5px 0;
|
||||
}
|
||||
|
||||
#tools_top .dropdown .icon_label {
|
||||
|
@ -1126,7 +1111,24 @@ span.zoom_tool img {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.align_buttons .push_button, .align_buttons .push_button_pressed {
|
||||
|
||||
#svg_editor .draginput_cell {
|
||||
float: left;
|
||||
height: 26px;
|
||||
border: solid #3f3f3c 10px;
|
||||
outline: solid #2f2f2c 1px;
|
||||
background-color: #ddd;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(1) {border-radius: 3px 0 0 0;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(3) {border-radius: 0 3px 0 0;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(4) {border-radius: 0 0 0 3px;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(6) {border-radius: 0 0 3px 0;}
|
||||
|
||||
|
||||
.align_buttons .push_button {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
@ -1234,116 +1236,6 @@ span.zoom_tool img {
|
|||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#save_output_btns {
|
||||
display: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#save_output_btns p {
|
||||
margin: .5em 1.5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#bg_blocks {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#bg_blocks div {
|
||||
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#svg_docprops #svg_docprops_container,
|
||||
#svg_prefs #svg_prefs_container {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
margin-top: -140px;
|
||||
margin-left: -250px;
|
||||
border-radius: 3px;
|
||||
padding: 20px;
|
||||
left: 50%;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
|
||||
opacity: 1.0;
|
||||
z-index: 20001;
|
||||
}
|
||||
|
||||
#svg_docprops .error {
|
||||
border: 1px solid red;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#svg_docprops #resolution {
|
||||
max-width: 14em;
|
||||
}
|
||||
|
||||
#tool_docprops_back,
|
||||
#tool_prefs_back {
|
||||
margin-left: 1em;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#svg_docprops_container #svg_docprops_docprops,
|
||||
#svg_prefs #svg_docprops_prefs {
|
||||
float: left;
|
||||
width: 221px;
|
||||
margin: 5px .7em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#svg_prefs #svg_prefs_container {
|
||||
width: 500px;
|
||||
height: 320px;
|
||||
margin: -180px 0 0 -350px;
|
||||
}
|
||||
|
||||
|
||||
#svg_docprops legend,
|
||||
#svg_prefs legend {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
padding: 0 0 20px 0;
|
||||
display: block;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#svg_docprops_docprops > legend,
|
||||
#svg_prefs_container > fieldset > legend {
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
|
||||
#svg_docprops_container fieldset,
|
||||
#svg_prefs fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#svg_docprops_container label,
|
||||
#svg_prefs_container label {
|
||||
display: block;
|
||||
margin: .5em;
|
||||
}
|
||||
|
||||
#svg_prefs_container label {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#svginfo_bg_note {
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
#canvas_title, #canvas_bg_url {
|
||||
display: block;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
#svg_source_editor #svg_source_textarea {
|
||||
position: relative;
|
||||
width: 95%;
|
||||
|
@ -1382,107 +1274,15 @@ span.zoom_tool img {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
#svg_docprops input,
|
||||
#svg_prefs input,
|
||||
#svg_docprops select,
|
||||
#svg_prefs select {
|
||||
font-size: 15px;
|
||||
border-radius: 3px;
|
||||
border: solid #aaa 1px;
|
||||
background-color: #eee;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#svg_docprops select,
|
||||
#svg_prefs select {
|
||||
height: 30px;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
#svg_docprops label,
|
||||
#svg_prefs label {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#svg_prefs .subtitle {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#svg_prefs label {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#svg_docprops label span,
|
||||
#svg_prefs label span {
|
||||
display: inline-block;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#svg_docprops button,
|
||||
#svg_prefs button {
|
||||
position: absolute;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#svg_editor button.cancel, #svg_editor input.Cancel, #svg_editor input.cancel, #svg_editor input.jGraduate_Cancel, button.cancel {
|
||||
-webkit-appearance: none;
|
||||
background-color: #999;
|
||||
box-shadow: 0 0 1px rgba(0,0,0,0.5);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#svg_docprops button:first-child,
|
||||
#svg_prefs button:first-child {
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
#svg_docprops button:last-child,
|
||||
#svg_prefs button:last-child {
|
||||
bottom: 15px;
|
||||
right: 15px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
#svg_docprops button img,
|
||||
#svg_prefs button img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#svg_editor button#docprops_button {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
#svg_editor button#docprops_button:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
#svg_docprops,
|
||||
#svg_prefs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#image_save_opts label {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
#image_save_opts input {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#svg_docprops #svg_docprops_overlay,
|
||||
#svg_prefs #svg_prefs_overlay {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
background-color: black;
|
||||
opacity: 0.6;
|
||||
z-index: 20000;
|
||||
}
|
||||
|
||||
#shape_buttons {
|
||||
overflow: auto;
|
||||
|
@ -1854,7 +1654,6 @@ span.zoom_tool img {
|
|||
position: relative;
|
||||
float: left;
|
||||
margin: 0 5px 5px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#svg_editor .draginput .caret {
|
||||
|
@ -1870,14 +1669,14 @@ span.zoom_tool img {
|
|||
|
||||
#svg_editor .draginput label {
|
||||
margin: 28px 10px 0 5px;
|
||||
font-size: 11px;
|
||||
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label {
|
||||
font: 12px/110% sans-serif;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label, #svg_editor .draginput label#seg_type_label {
|
||||
font: bold 12px/110% sans-serif;
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 10px;
|
||||
|
@ -1885,6 +1684,14 @@ span.zoom_tool img {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#seg_type_label {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#seg_type_label .caret {
|
||||
top: 66%;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label .pull {
|
||||
position: relative;
|
||||
left: -15px;
|
||||
|
@ -1903,12 +1710,32 @@ span.zoom_tool img {
|
|||
content: attr(data-value);
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: #3f3f3c;
|
||||
background: #fff;
|
||||
font-size: 16px;
|
||||
top: 0;
|
||||
width: 40px;
|
||||
width: 30px;
|
||||
left: -50px;
|
||||
padding: 3px 5px;
|
||||
color: #fff;
|
||||
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;
|
||||
}
|
||||
|
||||
.touch #svg_editor .draginput.active:before {
|
||||
content: '';
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: -5px;
|
||||
border: solid transparent 5px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
#svg_editor .draginput input {
|
||||
|
@ -1966,12 +1793,6 @@ span.zoom_tool img {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
#svg_editor .draginput#segment_type select {
|
||||
font-size: 11px;
|
||||
margin-top: 40px;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
|
||||
.draginput_cursor{
|
||||
position: absolute;
|
||||
|
|
|
@ -50,7 +50,6 @@
|
|||
<script type="text/javascript" src="mousewheel.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-eyedropper.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-shapes.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-markers.js"></script>
|
||||
<script type="text/javascript" src="requestanimationframe.js"></script>
|
||||
<!--{endif}-->
|
||||
|
||||
|
@ -223,10 +222,6 @@ $(function(){
|
|||
<span class="icon_label">Height</span>
|
||||
<input id="rect_height" class="attr_changer" size="3" data-attr="height" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="cornerRadiusLabel" data-title="Change Rectangle Corner Radius">
|
||||
<span class="icon_label">Roundness</span>
|
||||
<input id="rect_rx" size="3" value="0" data-attr="rx" class="attr_changer" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="path_panel" class="context_panel clearfix">
|
||||
|
@ -367,8 +362,6 @@ $(function(){
|
|||
|
||||
<div id="path_node_panel" class="context_panel clearfix">
|
||||
<h4>Edit Path</h4>
|
||||
<div class="tool_sep"></div>
|
||||
<div class="tool_button push_button_pressed" id="tool_node_link" data-title="Link Control Points"><input type="checkbox" checked> Linked Control Points</div>
|
||||
|
||||
<label id="tool_node_x"><span>X</span>
|
||||
<input id="path_node_x" class="attr_changer" data-title="Change node's x coordinate" size="3" data-attr="x" />
|
||||
|
@ -379,11 +372,19 @@ $(function(){
|
|||
|
||||
<label id="segment_type" class="draginput label">
|
||||
<span>Segment Type</span>
|
||||
<select id="seg_type" data-title="Change Segment type">
|
||||
<option id="straight_segments" selected="selected" value="4">Straight</option>
|
||||
<option id="curve_segments" value="6">Curve</option>
|
||||
</select>
|
||||
<select id="seg_type" data-title="Change Segment type">
|
||||
<option id="straight_segments" selected="selected" value="4">Straight</option>
|
||||
<option id="curve_segments" value="6">Curve</option>
|
||||
</select>
|
||||
<div class="caret"></div>
|
||||
<label id="seg_type_label">Straight</label>
|
||||
</label>
|
||||
|
||||
<label class="draginput checkbox" id="tool_node_link" data-title="Link Control Points">
|
||||
<span>Linked Control Points</span>
|
||||
<div class="push_bottom"><input type="checkbox" checked></div>
|
||||
</label>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<div class="tool_button" id="tool_node_clone" title="Adds a node">Add Node</div>
|
||||
<div class="tool_button" id="tool_node_delete" title="Delete Node">Delete Node</div>
|
||||
|
@ -410,9 +411,15 @@ $(function(){
|
|||
<div class="toolset" id="tool_blur" data-title="Change gaussian blur value">
|
||||
<label>
|
||||
<span class="icon_label">Blur</span>
|
||||
<input id="blur" size="2" value="0" class="attr_changer" step=".5" min="0" max="10" />
|
||||
<input id="blur" size="2" value="0" step=".1" min="0" max="10" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<label id="cornerRadiusLabel" data-title="Change Rectangle Corner Radius">
|
||||
<span class="icon_label">Roundness</span>
|
||||
<input id="rect_rx" size="3" value="0" data-attr="rx" class="attr_changer" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<h4>Stroke</h4>
|
||||
<div class="toolset" data-title="Change stroke">
|
||||
|
@ -425,11 +432,13 @@ $(function(){
|
|||
<span>Stroke Dash</span>
|
||||
<select id="stroke_style" data-title="Change stroke dash style">
|
||||
<option selected="selected" value="none">—</option>
|
||||
<option value="2,2">...</option>
|
||||
<option value="2,2">···</option>
|
||||
<option value="5,5">- -</option>
|
||||
<option value="5,2,2,2">- .</option>
|
||||
<option value="5,2,2,2,2,2">- ..</option>
|
||||
<option value="5,2,2,2">-·-</option>
|
||||
<option value="5,2,2,2,2,2">-··-</option>
|
||||
</select>
|
||||
<div class="caret"></div>
|
||||
<label id="stroke_style_label">—</label>
|
||||
</label>
|
||||
|
||||
<label style="display: none;">
|
||||
|
@ -439,17 +448,17 @@ $(function(){
|
|||
<label style="display: none;">
|
||||
<span class="icon_label">Stroke Cap</span>
|
||||
</label>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<h4>Align</h4>
|
||||
<div class="toolset align_buttons" id="tool_position">
|
||||
<label>
|
||||
<div class="col last clear" id="position_opts">
|
||||
<div class="push_button" id="tool_posleft" title="Align Left"></div>
|
||||
<div class="push_button" id="tool_poscenter" title="Align Center"></div>
|
||||
<div class="push_button" id="tool_posright" title="Align Right"></div>
|
||||
<div class="push_button" id="tool_postop" title="Align Top"></div>
|
||||
<div class="push_button" id="tool_posmiddle" title="Align Middle"></div>
|
||||
<div class="push_button" id="tool_posbottom" title="Align Bottom"></div>
|
||||
<div class="draginput_cell" id="tool_posleft" title="Align Left"></div>
|
||||
<div class="draginput_cell" id="tool_poscenter" title="Align Center"></div>
|
||||
<div class="draginput_cell" id="tool_posright" title="Align Right"></div>
|
||||
<div class="draginput_cell" id="tool_postop" title="Align Top"></div>
|
||||
<div class="draginput_cell" id="tool_posmiddle" title="Align Middle"></div>
|
||||
<div class="draginput_cell" id="tool_posbottom" title="Align Bottom"></div>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
@ -1503,7 +1503,13 @@
|
|||
if(panels[el_name]) {
|
||||
var cur_panel = panels[el_name];
|
||||
$('#' + el_name + '_panel').show();
|
||||
|
||||
|
||||
// corner radius has to live in a different panel
|
||||
// because otherwise it changes the position of the
|
||||
// of the elements
|
||||
if(el_name == "rect") $("#cornerRadiusLabel").show()
|
||||
else $("#cornerRadiusLabel").hide()
|
||||
|
||||
$.each(cur_panel, function(i, item) {
|
||||
var attrVal = elem.getAttribute(item);
|
||||
if(curConfig.baseUnit !== 'px' && elem[item]) {
|
||||
|
@ -1680,15 +1686,13 @@
|
|||
var changeBlur = function(ctl, noUndo) {
|
||||
val = ctl.value;
|
||||
$('#blur').val(val);
|
||||
var complete = false;
|
||||
if(!ctl || !ctl.handle) {
|
||||
$('#blur_slider').slider('option', 'value', val);
|
||||
complete = true;
|
||||
}
|
||||
if(noUndo) {
|
||||
|
||||
var undo = (window.event.type == "mouseup");
|
||||
|
||||
if(!undo) {
|
||||
svgCanvas.setBlurNoUndo(val);
|
||||
} else {
|
||||
svgCanvas.setBlur(val, complete);
|
||||
svgCanvas.setBlur(val, true);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1700,8 +1704,14 @@
|
|||
|
||||
$('#stroke_style').change(function(){
|
||||
svgCanvas.setStrokeAttr('stroke-dasharray', $(this).val());
|
||||
$("#stroke_style_label").html(this.options[this.selectedIndex].text)
|
||||
operaRepaint();
|
||||
});
|
||||
|
||||
$('#seg_type').change(function() {
|
||||
svgCanvas.setSegType($(this).val());
|
||||
$("#seg_type_label").html(this.options[this.selectedIndex].text)
|
||||
});
|
||||
|
||||
// Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
|
||||
$('select').change(function(){$(this).blur();});
|
||||
|
@ -1710,9 +1720,7 @@
|
|||
svgCanvas.setFontFamily(this.value);
|
||||
});
|
||||
|
||||
$('#seg_type').change(function() {
|
||||
svgCanvas.setSegType($(this).val());
|
||||
});
|
||||
|
||||
|
||||
$('#text').keyup(function(){
|
||||
svgCanvas.setTextContent(this.value);
|
||||
|
@ -2074,55 +2082,6 @@
|
|||
$('#font_family').val($(this).text()).change();
|
||||
});
|
||||
|
||||
Editor.addDropDown('#opacity_dropdown', function() {
|
||||
if($(this).find('div').length) return;
|
||||
var perc = parseInt($(this).text().split('%')[0]);
|
||||
changeOpacity(false, perc);
|
||||
}, false);
|
||||
|
||||
// For slider usage, see: http://jqueryui.com/demos/slider/
|
||||
$("#opac_slider").slider({
|
||||
start: function() {
|
||||
$('#opacity_dropdown li:not(.special)').hide();
|
||||
},
|
||||
stop: function() {
|
||||
$('#opacity_dropdown li').show();
|
||||
$(window).mouseup();
|
||||
},
|
||||
slide: function(evt, ui){
|
||||
changeOpacity(ui);
|
||||
}
|
||||
});
|
||||
|
||||
Editor.addDropDown('#blur_dropdown', $.noop);
|
||||
|
||||
var slideStart = false;
|
||||
|
||||
$("#blur_slider").slider({
|
||||
max: 10,
|
||||
step: .1,
|
||||
stop: function(evt, ui) {
|
||||
slideStart = false;
|
||||
changeBlur(ui);
|
||||
$('#blur_dropdown li').show();
|
||||
$(window).mouseup();
|
||||
},
|
||||
start: function() {
|
||||
slideStart = true;
|
||||
},
|
||||
slide: function(evt, ui){
|
||||
changeBlur(ui, null, slideStart);
|
||||
}
|
||||
});
|
||||
|
||||
addAltDropDown('#stroke_linecap', '#linecap_opts', function() {
|
||||
setStrokeOpt(this, true);
|
||||
}, {dropUp: true});
|
||||
|
||||
addAltDropDown('#stroke_linejoin', '#linejoin_opts', function() {
|
||||
setStrokeOpt(this, true);
|
||||
}, {dropUp: true});
|
||||
|
||||
$('div', '#position_opts').each(function(){
|
||||
this.addEventListener("mouseup", function(){
|
||||
var letter = this.id.replace('tool_pos','').charAt(0);
|
||||
|
@ -2358,11 +2317,11 @@
|
|||
};
|
||||
|
||||
var linkControlPoints = function() {
|
||||
var linked = !$('#tool_node_link').hasClass('push_button_pressed');
|
||||
var linked = !$('#tool_node_link').hasClass('checked');
|
||||
if (linked)
|
||||
$('#tool_node_link').addClass('push_button_pressed').removeClass('tool_button').find("input").attr("checked", true);
|
||||
$('#tool_node_link').addClass('checked').find("input").attr("checked", true);
|
||||
else
|
||||
$('#tool_node_link').removeClass('push_button_pressed').addClass('tool_button').find("input").attr("checked", false);
|
||||
$('#tool_node_link').removeClass('checked').find("input").attr("checked", false);
|
||||
|
||||
path.linkControlPoints(linked);
|
||||
}
|
||||
|
@ -2894,46 +2853,6 @@
|
|||
if(url) setImageURL(url);
|
||||
});
|
||||
}
|
||||
|
||||
// added these event handlers for all the push buttons so they
|
||||
// behave more like buttons being pressed-in and not images
|
||||
(function() {
|
||||
var toolnames = ['clear','open','save','source','delete','delete_multi','paste','clone','clone_multi','move_top','move_bottom'];
|
||||
var all_tools = '';
|
||||
var cur_class = 'tool_button_current';
|
||||
|
||||
$.each(toolnames, function(i,item) {
|
||||
all_tools += '#tool_' + item + (i==toolnames.length-1?',':'');
|
||||
});
|
||||
|
||||
$(all_tools).mousedown(function() {
|
||||
$(this).addClass(cur_class);
|
||||
}).bind('mousedown mouseout', function() {
|
||||
$(this).removeClass(cur_class);
|
||||
});
|
||||
|
||||
$('#tool_undo, #tool_redo').mousedown(function(){
|
||||
if (!$(this).hasClass('disabled')) $(this).addClass(cur_class);
|
||||
}).bind('mousedown mouseout',function(){
|
||||
$(this).removeClass(cur_class);}
|
||||
);
|
||||
}());
|
||||
|
||||
// switch modifier key in tooltips if mac
|
||||
// NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta
|
||||
// in Opera and Chrome
|
||||
if (isMac && !window.opera) {
|
||||
var shortcutButtons = ["tool_clear", "tool_save", "tool_source", "tool_undo", "tool_redo", "tool_clone"];
|
||||
var i = shortcutButtons.length;
|
||||
while (i--) {
|
||||
var button = document.getElementById(shortcutButtons[i]);
|
||||
if (button != null) {
|
||||
var title = button.title;
|
||||
var index = title.indexOf("Ctrl+");
|
||||
button.title = [title.substr(0, index), "Cmd+", title.substr(index + 5)].join('');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// TODO: go back to the color boxes having white background-color and then setting
|
||||
// background-image to none.png (otherwise partially transparent gradients look weird)
|
||||
|
|
|
@ -160,8 +160,6 @@ html,body{overflow:hidden;width:100%;height:100%}
|
|||
.touch #svg_editor #tool_switch{display:none}
|
||||
#svg_editor #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}
|
||||
#svg_editor #path_node_panel .tool_button img{position:absolute;left:5px;top:3px}
|
||||
#svg_editor #path_node_panel #tool_node_link{border:0;padding:3px 0;width:auto;margin:0 0 10px 0;background:transparent;color:#ccc;height:auto;line-height:130%}
|
||||
#svg_editor #path_node_panel #segment_type{margin-top:10px}
|
||||
#svg_editor #color_tools #tool_fill .color_block:hover,#svg_editor #color_tools #tool_stroke .color_block:hover{border-color:#fff}
|
||||
#svg_editor #color_tools #tool_fill .color_block>div{position:absolute;top:0;left:0}
|
||||
.touch #svg_editor #color_tools #tool_fill .color_block>div{position:relative}
|
||||
|
@ -194,7 +192,7 @@ html,body{overflow:hidden;width:100%;height:100%}
|
|||
#tools_top .padded{padding:10px 0}
|
||||
#svg_editor #tools_left .tool_button_current{background-color:#0cf}
|
||||
#svg_editor #main_icon span{position:absolute;width:100%;height:100%;display:block;z-index:2}
|
||||
#svg_editor #tools_top{position:absolute;width:160px;right:0;top:30px;border-bottom:0;overflow:visible;padding:0 0 0 10px}
|
||||
#svg_editor #tools_top{position:absolute;width:160px;right:0;top:20px;border-bottom:0;overflow:visible;padding:0 0 0 10px}
|
||||
.touch #svg_editor #tools_top{top:40px}
|
||||
#svg_editor label{display:block;color:#999}
|
||||
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)}
|
||||
|
@ -270,9 +268,14 @@ span.zoom_tool img{vertical-align:top}
|
|||
#svg_editor #tools_bottom_1{width:115px;float:left}
|
||||
#svg_editor #tools_bottom_2{position:relative;float:left;margin-top:5px}
|
||||
#tools_bottom input[type=text]{width:3.2em}
|
||||
#svg_editor #tools_top h4{color:#fff;font-weight:normal;margin:0;padding:0 0 10px 0}
|
||||
#svg_editor #tools_top h4{color:#fff;font-weight:normal;margin:0;padding:10px 0 5px 0}
|
||||
#tools_top .dropdown .icon_label{border:1px solid transparent;height:auto}
|
||||
.align_buttons .push_button,.align_buttons .push_button_pressed{display:block;float:left}
|
||||
#svg_editor .draginput_cell{float:left;height:26px;border:solid #3f3f3c 10px;outline:solid #2f2f2c 1px;background-color:#ddd;cursor:pointer}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(1){border-radius:3px 0 0 0}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(3){border-radius:0 3px 0 0}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(4){border-radius:0 0 0 3px}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(6){border-radius:0 0 3px 0}
|
||||
.align_buttons .push_button{display:block;float:left}
|
||||
#option_lists ul{display:none;position:absolute;height:auto;z-index:3;margin:0;list-style:none;padding-left:0}
|
||||
#option_lists .optcols2{width:70px;margin-left:-15px}
|
||||
#option_lists .optcols3{width:192px;margin-left:-105px;margin-top:-25px;background:#fff;padding:5px;box-shadow:0 5px 10px #000;border-radius:3px}
|
||||
|
@ -288,46 +291,13 @@ span.zoom_tool img{vertical-align:top}
|
|||
#svg_source_editor{display:none}
|
||||
#svg_source_editor #svg_source_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:5}
|
||||
#svg_source_editor #svg_source_container{position:absolute;top:30px;left:30px;right:30px;bottom:30px;background-color:#fff;border-radius:3px;opacity:1.0;text-align:center;z-index:6;padding:20px 0}
|
||||
#save_output_btns{display:none;text-align:left}
|
||||
#save_output_btns p{margin:.5em 1.5em;display:inline-block}
|
||||
#bg_blocks{overflow:auto}
|
||||
#bg_blocks div{box-shadow:0 2px 3px rgba(0,0,0,0.3);margin-right:10px}
|
||||
#svg_docprops #svg_docprops_container,#svg_prefs #svg_prefs_container{position:absolute;top:50%;width:300px;height:200px;margin-top:-140px;margin-left:-250px;border-radius:3px;padding:20px;left:50%;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.3);opacity:1.0;z-index:20001}
|
||||
#svg_docprops .error{border:1px solid red;padding:3px}
|
||||
#svg_docprops #resolution{max-width:14em}
|
||||
#tool_docprops_back,#tool_prefs_back{margin-left:1em;overflow:auto}
|
||||
#svg_docprops_container #svg_docprops_docprops,#svg_prefs #svg_docprops_prefs{float:left;width:221px;margin:5px .7em;overflow:hidden}
|
||||
#svg_prefs #svg_prefs_container{width:500px;height:320px;margin:-180px 0 0 -350px}
|
||||
#svg_docprops legend,#svg_prefs legend{font-weight:bold;font-size:18px;padding:0 0 20px 0;display:block;font-family:sans-serif}
|
||||
#svg_docprops_docprops>legend,#svg_prefs_container>fieldset>legend{font-weight:bold;font-size:1.1em}
|
||||
#svg_docprops_container fieldset,#svg_prefs fieldset{margin:0;padding:0;border:0}
|
||||
#svg_docprops_container label,#svg_prefs_container label{display:block;margin:.5em}
|
||||
#svg_prefs_container label{margin:10px 0}
|
||||
#svginfo_bg_note{font-size:.9em;font-style:italic;color:#444}
|
||||
#canvas_title,#canvas_bg_url{display:block;width:96%}
|
||||
#svg_source_editor #svg_source_textarea{position:relative;width:95%;top:5px;height:250px;padding:5px;font-size:12px}
|
||||
#svg_source_editor #tool_source_back{text-align:left;padding:10px 0 0 20px;position:relative}
|
||||
#svg_source_editor #tool_source_back #tool_source_save{position:absolute;right:20px;top:7px}
|
||||
#svg_prefs_container div.color_block{float:left;margin:2px;padding:20px}
|
||||
#svg_prefs_container div.cur_background{box-shadow:0 0 8px rgba(0,50,255,1)}
|
||||
#background_img{position:absolute;top:0;left:0;text-align:left}
|
||||
#svg_docprops input,#svg_prefs input,#svg_docprops select,#svg_prefs select{font-size:15px;border-radius:3px;border:solid #aaa 1px;background-color:#eee;padding:5px 10px}
|
||||
#svg_docprops select,#svg_prefs select{height:30px;width:210px}
|
||||
#svg_docprops label,#svg_prefs label{display:inline-block;width:100px;vertical-align:top}
|
||||
#svg_prefs .subtitle{margin-bottom:10px}
|
||||
#svg_prefs label{width:200px}
|
||||
#svg_docprops label span,#svg_prefs label span{display:inline-block;padding-bottom:5px}
|
||||
#svg_docprops button,#svg_prefs button{position:absolute;font-size:15px}
|
||||
#svg_editor button.cancel,#svg_editor input.Cancel,#svg_editor input.cancel,#svg_editor input.jGraduate_Cancel,button.cancel{background-color:#999;box-shadow:0 0 1px rgba(0,0,0,0.5);margin:0}
|
||||
#svg_docprops button:first-child,#svg_prefs button:first-child{bottom:15px;left:15px;right:auto}
|
||||
#svg_docprops button:last-child,#svg_prefs button:last-child{bottom:15px;right:15px;left:auto}
|
||||
#svg_docprops button img,#svg_prefs button img{display:none}
|
||||
#svg_editor button#docprops_button{background:#444}
|
||||
#svg_editor button#docprops_button:hover{background:#555}
|
||||
#svg_docprops,#svg_prefs{display:none}
|
||||
#image_save_opts label{font-size:.9em}
|
||||
#image_save_opts input{margin-left:0}
|
||||
#svg_docprops #svg_docprops_overlay,#svg_prefs #svg_prefs_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:20000}
|
||||
#svg_editor button.cancel,#svg_editor input.Cancel,#svg_editor input.cancel,#svg_editor input.jGraduate_Cancel,button.cancel{-webkit-appearance:none;background-color:#999;box-shadow:0 0 1px rgba(0,0,0,0.5);margin:0}
|
||||
#shape_buttons{overflow:auto;top:0;bottom:0;left:110px;right:0;position:absolute;vertical-align:top}
|
||||
#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}
|
||||
#shape_cats>div{line-height:1em;padding:0 .5em;border-bottom:1px solid #ddd;background:#e8e8e8;color:#444;height:26px;line-height:26px}
|
||||
|
@ -397,13 +367,16 @@ span.zoom_tool img{vertical-align:top}
|
|||
.clearfix{*zoom:1}
|
||||
#svg_editor #group_title{display:none}
|
||||
#base_unit_container{display:none;position:absolute;z-index:20}
|
||||
#svg_editor .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;overflow:hidden}
|
||||
#svg_editor .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}
|
||||
#svg_editor .draginput .caret{border:solid transparent 5px;border-top-color:#999;position:absolute;width:0;height:0;right:5px;margin-top:-2px;top:50%}
|
||||
#svg_editor .draginput label{margin:28px 10px 0 5px;font-size:11px}
|
||||
#svg_editor .draginput label#resolution_label{font:12px/110% sans-serif;color:white;font-weight:bold;position:absolute;left:auto;right:10px;z-index:0;text-align:right}
|
||||
#svg_editor .draginput label{margin:28px 10px 0 5px;font-size:14px;color:white;font-weight:bold;font-family:sans-serif}
|
||||
#svg_editor .draginput label#resolution_label,#svg_editor .draginput label#seg_type_label{font:bold 12px/110% sans-serif;position:absolute;left:auto;right:10px;z-index:0;text-align:right}
|
||||
#svg_editor .draginput label#seg_type_label{margin-top:40px}
|
||||
#svg_editor .draginput label#seg_type_label .caret{top:66%}
|
||||
#svg_editor .draginput label#resolution_label .pull{position:relative;left:-15px}
|
||||
#svg_editor .draginput label#resolution_label span{right:-13px;left:auto;font-size:16px;top:2px;font-weight:bold;color:white}
|
||||
.touch #svg_editor .draginput.active:after{content:attr(data-value);display:block;position:absolute;background:#3f3f3c;top:0;width:40px;left:-50px;padding:3px 5px;color:#fff}
|
||||
.touch #svg_editor .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}
|
||||
.touch #svg_editor .draginput.active:before{content:'';height:0;width:0;position:absolute;top:5px;left:-5px;border:solid transparent 5px;border-left-color:#fff}
|
||||
#svg_editor .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;cursor:url(images/drag.png),move;cursor:-webkit-drag;cursor:-moz-drag}
|
||||
#svg_editor .draginput input:active{cursor:url(images/dragging.png),move;cursor:-webkit-dragging;cursor:-moz-dragging}
|
||||
#svg_editor .draginput span{font:11px/130% sans-serif;color:#ccc;display:block;position:absolute;top:5px;left:5px;text-align:left}
|
||||
|
@ -411,7 +384,6 @@ span.zoom_tool img{vertical-align:top}
|
|||
#svg_editor .draginput.error input{color:#fff}
|
||||
#svg_editor .draginput.stroke_tool{text-align:center}
|
||||
#svg_editor .draginput select{-webkit-appearance:none;opacity:0;display:block;position:absolute;height:100%;width:100%;margin:0;z-index:1}
|
||||
#svg_editor .draginput#segment_type select{font-size:11px;margin-top:40px;width:70px}
|
||||
.draginput_cursor{position:absolute;top:50%;width:100%;border-top:solid rgba(50,100,200,0.25) 3px;margin-top:-2px;z-index:0}
|
||||
#svg_editor .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}
|
||||
body.dragging *{cursor:url(images/dragging.png),move;cursor:-webkit-drag;cursor:-moz-drag}
|
||||
|
|
File diff suppressed because it is too large
Load Diff
297
editor/temp.css
297
editor/temp.css
|
@ -1044,21 +1044,6 @@ html, body {
|
|||
top: 3px;
|
||||
}
|
||||
|
||||
#svg_editor #path_node_panel #tool_node_link {
|
||||
border: none;
|
||||
padding: 3px 0;
|
||||
width: auto;
|
||||
margin: 0 0 10px 0;
|
||||
background: transparent;
|
||||
color: #ccc;
|
||||
height: auto;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
#svg_editor #path_node_panel #segment_type {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#svg_editor #color_tools #tool_fill .color_block:hover, #svg_editor #color_tools #tool_stroke .color_block:hover {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
@ -1259,7 +1244,7 @@ html, body {
|
|||
position: absolute;
|
||||
width: 160px;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
top: 20px;
|
||||
border-bottom: none;
|
||||
overflow: visible;
|
||||
padding: 0 0 0 10px;
|
||||
|
@ -1763,7 +1748,7 @@ span.zoom_tool img {
|
|||
color: #fff;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0 0 10px 0;
|
||||
padding: 10px 0 5px 0;
|
||||
}
|
||||
|
||||
#tools_top .dropdown .icon_label {
|
||||
|
@ -1772,7 +1757,24 @@ span.zoom_tool img {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.align_buttons .push_button, .align_buttons .push_button_pressed {
|
||||
|
||||
#svg_editor .draginput_cell {
|
||||
float: left;
|
||||
height: 26px;
|
||||
border: solid #3f3f3c 10px;
|
||||
outline: solid #2f2f2c 1px;
|
||||
background-color: #ddd;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(1) {border-radius: 3px 0 0 0;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(3) {border-radius: 0 3px 0 0;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(4) {border-radius: 0 0 0 3px;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(6) {border-radius: 0 0 3px 0;}
|
||||
|
||||
|
||||
.align_buttons .push_button {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
@ -1880,116 +1882,6 @@ span.zoom_tool img {
|
|||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#save_output_btns {
|
||||
display: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#save_output_btns p {
|
||||
margin: .5em 1.5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#bg_blocks {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#bg_blocks div {
|
||||
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#svg_docprops #svg_docprops_container,
|
||||
#svg_prefs #svg_prefs_container {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
margin-top: -140px;
|
||||
margin-left: -250px;
|
||||
border-radius: 3px;
|
||||
padding: 20px;
|
||||
left: 50%;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
|
||||
opacity: 1.0;
|
||||
z-index: 20001;
|
||||
}
|
||||
|
||||
#svg_docprops .error {
|
||||
border: 1px solid red;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#svg_docprops #resolution {
|
||||
max-width: 14em;
|
||||
}
|
||||
|
||||
#tool_docprops_back,
|
||||
#tool_prefs_back {
|
||||
margin-left: 1em;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#svg_docprops_container #svg_docprops_docprops,
|
||||
#svg_prefs #svg_docprops_prefs {
|
||||
float: left;
|
||||
width: 221px;
|
||||
margin: 5px .7em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#svg_prefs #svg_prefs_container {
|
||||
width: 500px;
|
||||
height: 320px;
|
||||
margin: -180px 0 0 -350px;
|
||||
}
|
||||
|
||||
|
||||
#svg_docprops legend,
|
||||
#svg_prefs legend {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
padding: 0 0 20px 0;
|
||||
display: block;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#svg_docprops_docprops > legend,
|
||||
#svg_prefs_container > fieldset > legend {
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
|
||||
#svg_docprops_container fieldset,
|
||||
#svg_prefs fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#svg_docprops_container label,
|
||||
#svg_prefs_container label {
|
||||
display: block;
|
||||
margin: .5em;
|
||||
}
|
||||
|
||||
#svg_prefs_container label {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#svginfo_bg_note {
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
#canvas_title, #canvas_bg_url {
|
||||
display: block;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
#svg_source_editor #svg_source_textarea {
|
||||
position: relative;
|
||||
width: 95%;
|
||||
|
@ -2028,107 +1920,15 @@ span.zoom_tool img {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
#svg_docprops input,
|
||||
#svg_prefs input,
|
||||
#svg_docprops select,
|
||||
#svg_prefs select {
|
||||
font-size: 15px;
|
||||
border-radius: 3px;
|
||||
border: solid #aaa 1px;
|
||||
background-color: #eee;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#svg_docprops select,
|
||||
#svg_prefs select {
|
||||
height: 30px;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
#svg_docprops label,
|
||||
#svg_prefs label {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#svg_prefs .subtitle {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#svg_prefs label {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#svg_docprops label span,
|
||||
#svg_prefs label span {
|
||||
display: inline-block;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#svg_docprops button,
|
||||
#svg_prefs button {
|
||||
position: absolute;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#svg_editor button.cancel, #svg_editor input.Cancel, #svg_editor input.cancel, #svg_editor input.jGraduate_Cancel, button.cancel {
|
||||
-webkit-appearance: none;
|
||||
background-color: #999;
|
||||
box-shadow: 0 0 1px rgba(0,0,0,0.5);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#svg_docprops button:first-child,
|
||||
#svg_prefs button:first-child {
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
#svg_docprops button:last-child,
|
||||
#svg_prefs button:last-child {
|
||||
bottom: 15px;
|
||||
right: 15px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
#svg_docprops button img,
|
||||
#svg_prefs button img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#svg_editor button#docprops_button {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
#svg_editor button#docprops_button:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
#svg_docprops,
|
||||
#svg_prefs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#image_save_opts label {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
#image_save_opts input {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#svg_docprops #svg_docprops_overlay,
|
||||
#svg_prefs #svg_prefs_overlay {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
background-color: black;
|
||||
opacity: 0.6;
|
||||
z-index: 20000;
|
||||
}
|
||||
|
||||
#shape_buttons {
|
||||
overflow: auto;
|
||||
|
@ -2500,7 +2300,6 @@ span.zoom_tool img {
|
|||
position: relative;
|
||||
float: left;
|
||||
margin: 0 5px 5px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#svg_editor .draginput .caret {
|
||||
|
@ -2516,14 +2315,14 @@ span.zoom_tool img {
|
|||
|
||||
#svg_editor .draginput label {
|
||||
margin: 28px 10px 0 5px;
|
||||
font-size: 11px;
|
||||
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label {
|
||||
font: 12px/110% sans-serif;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label, #svg_editor .draginput label#seg_type_label {
|
||||
font: bold 12px/110% sans-serif;
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 10px;
|
||||
|
@ -2531,6 +2330,14 @@ span.zoom_tool img {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#seg_type_label {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#seg_type_label .caret {
|
||||
top: 66%;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label .pull {
|
||||
position: relative;
|
||||
left: -15px;
|
||||
|
@ -2549,12 +2356,32 @@ span.zoom_tool img {
|
|||
content: attr(data-value);
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: #3f3f3c;
|
||||
background: #fff;
|
||||
font-size: 16px;
|
||||
top: 0;
|
||||
width: 40px;
|
||||
width: 30px;
|
||||
left: -50px;
|
||||
padding: 3px 5px;
|
||||
color: #fff;
|
||||
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;
|
||||
}
|
||||
|
||||
.touch #svg_editor .draginput.active:before {
|
||||
content: '';
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: -5px;
|
||||
border: solid transparent 5px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
#svg_editor .draginput input {
|
||||
|
@ -2612,12 +2439,6 @@ span.zoom_tool img {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
#svg_editor .draginput#segment_type select {
|
||||
font-size: 11px;
|
||||
margin-top: 40px;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
|
||||
.draginput_cursor{
|
||||
position: absolute;
|
||||
|
|
|
@ -242,461 +242,30 @@
|
|||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="fill">
|
||||
<svg width="32" height="33" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="svg_5">
|
||||
<path id="svg_4" d="m17.49167,10.97621c6.9875,-0.325 12.1875,2.70833 12.13333,7.36667l-0.325,10.075c-0.75833,4.0625 -2.275,3.0875 -3.03333,0.10833l0.21667,-9.64166c-0.43333,-0.975 -1.08333,-1.625 -1.95,-1.51667" stroke-linejoin="round" stroke="#999" fill="#999"/>
|
||||
<path id="svg_1" d="m2.00055,17.1309l10.72445,-10.72445l12.67445,12.13279l-3.52056,0.05389l-9.15389,9.26223l-10.72445,-10.72445z" stroke-linejoin="round" stroke="#ccc" fill="#ccc"/>
|
||||
<path id="svg_3" d="m14.35,13.57621c-0.1625,-3.95417 0.86667,-11.7 -1.84167,-11.59167c-2.70833,0.10833 -2.6,2.05833 -2.16667,6.93333" stroke-linejoin="round" stroke="#ccc" fill="#2f2f2c" stroke-width="2" />
|
||||
<circle id="svg_2" r="1.60938" cy="15.20121" cx="14.45833" stroke-linejoin="round" stroke="#2f2f2c" fill="#2f2f2c"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="stroke">
|
||||
<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect fill="none" stroke="#999" stroke-width="10" x="8.625" y="8.625" width="32.75" height="32.75" id="svg_1"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="opacity">
|
||||
<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient y2="0.1" x2="0.9" y1="0.9" x1="0.1" id="svg_7">
|
||||
<stop stop-color="#2f2f2c" offset="0"/>
|
||||
<stop stop-opacity="0" stop-color="#2f2f2c" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect id="svg_4" height="50" width="50" y="0" x="0" fill="#ffffff"/>
|
||||
<rect id="svg_1" height="25" width="25" y="0" x="0" fill="#a0a0a0"/>
|
||||
<rect id="svg_2" height="25" width="25" y="25" x="25" fill="#a0a0a0"/>
|
||||
<rect id="svg_3" height="50" width="50" y="0" x="0" stroke-width="2" stroke="url(#svg_7)" fill="url(#svg_7)"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="new_image">
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<rect x="2.42792" y="1.6692" width="18" height="21" id="svg_55" fill="#eaeaea" stroke="#606060"/>
|
||||
<circle stroke="none" fill="url(#svg_9)" id="svg_65" r="6.300781" cy="7.529969" cx="17.761984"/>
|
||||
<defs>
|
||||
<radialGradient id="svg_9" cx="0.5" cy="0.5" r="0.5">
|
||||
<stop offset="0.1" stop-color="#ffe500" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#ffff00" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="save">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_41">
|
||||
<stop stop-opacity="1" stop-color="#727272" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#d6d6d6" offset="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46">
|
||||
<stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="#202020" fill="#e0e0e0" id="svg_21" d="m1.51669,22.3458l21.13245,-0.10111l0,-6.06673l-2.62892,-9.80789l-16.27907,0.10111l-2.32558,9.20121l0.10111,6.67341z"/>
|
||||
<rect stroke="#efefef" fill="url(#svg_41)" id="svg_32" height="4.75108" width="19.21031" y="16.58227" x="2.42667"/>
|
||||
<path stroke="#ffffff" fill="#c0c0c0" id="svg_42" d="m4.55005,11.12235l0.70779,-2.83114l13.04348,0l0.70779,3.13448c-0.70779,2.52781 -4.04479,3.84227 -7.17897,3.84227c-2.72977,0 -6.37007,-1.41557 -7.28008,-4.1456z"/>
|
||||
<path stroke="#285582" fill="url(#svg_46)" id="svg_45" d="m7.14286,9.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="export">
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="svg_5" x1="0.77734" y1="0.51172" x2="0.09375" y2="0.53516">
|
||||
<stop offset="0" stop-color="#81bbf4"/>
|
||||
<stop offset="1" stop-color="#376eb7"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g>
|
||||
<rect x="7.22599" y="1.3603" width="15.76465" height="21.51735" id="svg_55" fill="#eaeaea" stroke="#606060"/>
|
||||
<circle fill="#31abed" stroke-width="0.5" cx="17.4206" cy="11.1278" r="4.69727" id="svg_3"/>
|
||||
<path fill="#ffcc00" stroke-width="0.5" d="m9.67673,20.24302l7.38701,-6.80778l2.91746,6.71323" id="svg_4"/>
|
||||
<rect fill="#ff5555" stroke-width="0.5" x="9.5385" y="2.94914" width="5.74652" height="5.74652" id="svg_2"/>
|
||||
<path d="m6.13727,17.94236l5.77328,-4.91041l-5.86949,-5.1832l-0.09622,2.36426l-4.64805,-0.06751l-0.04665,5.54694l4.79093,-0.02342l0.09623,2.27334z" id="svg_45" fill="url(#svg_5)" stroke="#285582"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="open">
|
||||
<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient y2="0.91406" x2="0.65234" y1="0.14063" x1="0.42578" id="svg_76">
|
||||
<stop stop-opacity="1" stop-color="#81bbf4" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#376eb7" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="1.65" y="3.75" width="9.8" height="16.72712" id="svg_98" fill="#c0c0c0" stroke="#606060"/>
|
||||
<rect stroke="none" fill="#a0a0a0" id="svg_88" height="14.17459" width="6.39585" y="4.9758" x="2.89542"/>
|
||||
<path d="m18.62576,4.54365l0,6.91443l-9.9395,0l-0.08643,-10.11236l6.828,0l3.19792,3.19793z" id="svg_99" fill="#e0e0e0" stroke="#404040"/>
|
||||
<path d="m2.95,20.53644l1.65,-12.03644l16.2,0l-1.5,12l-16.35,0.03643z" id="svg_97" fill="url(#svg_76)" stroke="#285582"/>
|
||||
<line fill="none" stroke="#606060" id="svg_89" y2="4.28436" x2="13.95851" y1="4.28436" x1="10.32844"/>
|
||||
<line fill="none" stroke="#606060" id="svg_91" y2="6.53155" x2="14.82282" y1="6.53155" x1="10.32844"/>
|
||||
<path stroke="none" fill="#ffffff" id="svg_100" d="m15.25895,1.95069l-0.00401,2.85225l2.89558,0.00004l-2.89157,-2.85229z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="import">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient y2="0.875" x2="0.21484" y1="0.00391" x1="0.04297" id="svg_46_import">
|
||||
<stop stop-opacity="1" stop-color="#81f4bb" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#37b76e" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="2.42792" y="1.6692" width="18" height="21" id="svg_55" fill="#eaeaea" stroke="#606060"/>
|
||||
<path stroke="#285582" fill="url(#svg_46_import)" id="svg_45" d="m7.14286,12.74903l5.21236,5.79151l5.50193,-5.88803l-2.50965,-0.09653l0,-2.79923c0,-2.3166 -2.3166,-5.59846 -6.56371,-5.59846c-4.05405,0 -6.27413,3.37838 -6.56371,6.75676c0.48263,-1.5444 2.7027,-4.53668 4.44015,-4.44015c2.12355,-0.09653 2.79923,1.64093 2.79923,3.37838l0.09653,2.79923l-2.41313,0.09653z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="docprops">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="1" x2="1" y1="0.5" x1="1" id="svg_53">
|
||||
<stop stop-opacity="1" stop-color="#606060" offset="0"/>
|
||||
<stop stop-opacity="0" stop-color="#5e5e5e" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect stroke="#606060" fill="#eaeaea" id="svg_55" height="21" width="18" y="1.6692" x="2.42792"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_56" y2="4.37757" x2="14.89023" y1="4.37757" x1="6.696"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_57" y2="7.10804" x2="12.92026" y1="7.10804" x1="6.6948"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_58" y2="9.84241" x2="15.64716" y1="9.84241" x1="6.6942"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_59" y2="12.36585" x2="13.21805" y1="12.36585" x1="6.69691"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_60" y2="15.06507" x2="14.43591" y1="15.06507" x1="6.69691"/>
|
||||
<line fill="none" stroke="#a0a0a0" id="svg_61" y2="17.84241" x2="13.36979" y1="17.84241" x1="6.69691"/>
|
||||
<g id="svg_54">
|
||||
<path transform="rotate(-45, 12.5448, 11.7085)" stroke="none" fill="#606060" id="svg_31" d="m11.24329,8.73944l0,2.79974l2.53499,0.07777l0,-2.95528c1.78134,0.07777 2.26093,1.39987 2.12391,2.95528c-0.06851,1.63318 -1.30175,3.49967 -3.49418,3.26636c-2.19242,-0.31108 -2.87755,-1.39987 -3.15161,-2.72197c-0.27406,-1.39987 0.41108,-3.34413 1.98689,-3.4219z"/>
|
||||
<rect opacity="0.95" transform="rotate(-45, 16.2485, 15.1732)" stroke="none" fill="url(#svg_53)" id="svg_50" height="4.85445" width="2.57974" y="12.746" x="15.04047"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="source">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 52">
|
||||
<text xml:space="preserve" text-anchor="middle" font-family="monospace" font-size="24" stroke="none" fill="#019191" id="svg_40" y="15" x="28.23" font-weight="bold">s</text>
|
||||
<text xml:space="preserve" text-anchor="middle" font-family="monospace" font-size="24" stroke="none" fill="#019191" id="svg_47" y="30" x="28.23" font-weight="bold">v</text>
|
||||
<text xml:space="preserve" text-anchor="middle" font-family="monospace" font-size="24" stroke="none" fill="#019191" id="svg_48" y="44" x="28.23" font-weight="bold">g</text>
|
||||
<line stroke-width="3" fill="none" stroke="#aa0000" id="svg_51" y2="43" x2="16" y1="25" x1="5"/>
|
||||
<line id="svg_62" stroke-width="3" fill="none" stroke="#aa0000" y2="8" x2="16" y1="26" x1="5"/>
|
||||
<line id="svg_63" stroke-width="3" fill="none" stroke="#aa0000" y2="43" x2="39" y1="25" x1="50"/>
|
||||
<line id="svg_64" stroke-width="3" fill="none" stroke="#aa0000" y2="8" x2="39" y1="26" x1="51"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="wireframe">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<circle stroke="#2f2f2c" fill="none" id="svg_49" r="8" cy="9.5" cx="9.5"/>
|
||||
<rect stroke="#2f2f2c" fill="none" id="svg_52" height="14" width="14" y="8.5" x="8.5"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="undo">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="svg_66" x1="0.04297" y1="0.00391" x2="0.21484" y2="0.875">
|
||||
<stop offset="0" stop-color="#f7f963" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#d3c310" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path transform="rotate(-90, 10.3017, 11.5526)" d="m6.70188,10.72562l6.55493,-7.13388l6.65817,7.24912l-3.79441,0.03193l0,2.72259c-0.04257,2.74017 -2.76516,5.83068 -7.81235,6.02135c-5.18575,0 -7.1226,-3.75464 -7.49302,-7.41944c0.61736,1.6754 3.14913,3.78397 5.3716,3.67918c2.71635,0.1048 4.41501,-0.61714 4.41501,-2.50184l0,-2.64901l-3.89995,0z" id="svg_45" fill="url(#svg_66)" stroke="#b7a800"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="redo">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient y2="1" x2="1" y1="0" x1="1" id="svg_71">
|
||||
<stop stop-opacity="1" stop-color="#98fc46" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#56aa25" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path transform="rotate(-90, 12.7299, 11.5526)" d="m9.11294,12.43144l6.54089,6.84566l6.6439,-6.95624l-3.78628,-0.03064l0,-2.61259c-0.04248,-2.62946 -2.75924,-5.5951 -7.79561,-5.77807c-5.17464,0 -7.10734,3.60294 -7.47697,7.11967c0.61604,-1.60771 3.14238,-3.63109 5.36009,-3.53053c2.71053,-0.10056 4.40555,0.59221 4.40555,2.40076l0,2.54198l-3.89159,0z" id="svg_45" fill="url(#svg_71)" stroke="#44aa00"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="clone">
|
||||
<svg id="Untitled-Page%201" viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<g id="Layer%201">
|
||||
<path d="M 8 5.5 C 8 3.567 10.4624 2 13.5 2 C 16.5376 2 19 3.567 19 5.5 C 19 6.8601 17.7808 8.0407 16 8.62 L 16 11 L 23 11 L 26 14 L 26 23 L 23 26 L 4 26 L 1 23 L 1 14 L 4 11 L 11 11 L 11 8.62 C 9.2192 8.0407 8 6.8601 8 5.5 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 ZM 23 13 L 4 13 L 3 14 L 3 18 L 24 18 L 24 14 L 23 13 ZM 4 24 L 23 24 L 24 23 L 24 20 L 16 20 L 14 23 L 13 23 L 11 20 L 3 20 L 3 23 L 4 24 Z" fill="#2f2f2c"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="delete">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<rect ry="3" rx="3" stroke="#800000" fill="#aa0000" id="svg_37" height="20.29514" width="21.17486" y="1.70304" x="1.42011"/>
|
||||
<rect ry="3" rx="3" stroke="#ff5555" fill="#aa0000" id="svg_67" height="18.63022" width="19.61118" y="2.53597" x="2.20258"/>
|
||||
<line stroke-width="2" fill="none" stroke="#ffffff" id="svg_68" y2="16.85127" x2="17.00646" y1="6.85127" x1="7.00646"/>
|
||||
<line stroke-width="2" id="svg_70" fill="none" stroke="#ffffff" y2="16.85127" x2="7.00646" y1="6.85127" x1="17.00646"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="go_up">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
||||
<defs>
|
||||
<linearGradient y2="0" x2="0.7" y1="0" x1="0" id="svg_74">
|
||||
<stop stop-opacity="1" stop-color="#afe853" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#52a310" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="#008000" fill="url(#svg_74)" id="svg_33" d="m5.38492,16.77043l7.07692,0l0,-5.23077l4.15385,0l-7.69231,-10.15385l-7.69231,10.15385l4.15385,0l0,5.23077z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="go_down">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
|
||||
<defs>
|
||||
<linearGradient y2="0" x2="0.7" y1="0" x1="0" id="svg_75">
|
||||
<stop stop-opacity="1" stop-color="#afe853" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#52a310" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="#008000" fill="url(#svg_75)" id="svg_33" d="m5.3015,1.69202l6.93483,0l0,5.07323l4.07045,0l-7.53786,9.84803l-7.53786,-9.84803l4.07045,0l0,-5.07323z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="context_menu">
|
||||
<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-width="0" id="svg_11" d="m4.5,46.5l52,0l-26,38l-26,-38z" stroke="#000" fill="#000"/>
|
||||
<g id="svg_16">
|
||||
<line stroke-width="10" id="svg_12" y2="27.5" x2="117.5" y1="27.5" x1="59.5" stroke="#000" fill="#000"/>
|
||||
<line id="svg_13" stroke-width="10" y2="51.5" x2="117.5" y1="51.5" x1="59.5" stroke="#000" fill="#000"/>
|
||||
<line id="svg_14" stroke-width="10" y2="73.5" x2="117.5" y1="73.5" x1="59.5" stroke="#000" fill="#000"/>
|
||||
<line id="svg_15" stroke-width="10" y2="97.5" x2="117.5" y1="97.5" x1="59.5" stroke="#000" fill="#000"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="move_bottom">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23">
|
||||
<defs>
|
||||
<linearGradient y2="0" x2="1" y1="0" x1="0" id="svg_80">
|
||||
<stop stop-opacity="1" stop-color="#bc7f05" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#fcfc9f" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<line stroke-width="2" fill="none" stroke="#2f2f2c" id="svg_72" y2="2.5" x2="22" y1="2.5" x1="10.5"/>
|
||||
<line id="svg_73" stroke-width="2" fill="none" stroke="#2f2f2c" y2="6.5" x2="21.99844" y1="6.5" x1="10.49844"/>
|
||||
<line id="svg_74" stroke-width="2" fill="none" stroke="#2f2f2c" y2="10.5" x2="21.99922" y1="10.5" x1="10.49922"/>
|
||||
<line id="svg_75" stroke-width="2" fill="none" stroke="#2f2f2c" y2="14.5" x2="21.99922" y1="14.5" x1="10.49922"/>
|
||||
<rect stroke="#2f2f2c" fill="url(#svg_80)" id="svg_77" height="2.2" width="20" y="17.65" x="1.65"/>
|
||||
<path stroke="none" fill="#2f2f2c" id="svg_81" d="m4.25,1.55l2.35,0l0,11.05l2,0l-3.175,3.45l-3.175,-3.45l2,0l0,-11.05z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="move_top">
|
||||
<svg viewBox="0 0 23 23" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="svg_86" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0" stop-color="#9fdcf4" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#617e96" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<line x1="1.3" y1="8.19922" x2="12.8" y2="8.19922" id="svg_72" stroke="#2f2f2c" fill="none" stroke-width="2"/>
|
||||
<line x1="1.29844" y1="12.19922" x2="12.79844" y2="12.19922" stroke="#2f2f2c" fill="none" stroke-width="2" id="svg_73"/>
|
||||
<line x1="1.29922" y1="16.19922" x2="12.79922" y2="16.19922" stroke="#2f2f2c" fill="none" stroke-width="2" id="svg_74"/>
|
||||
<line x1="1.29922" y1="20.19922" x2="12.79922" y2="20.19922" stroke="#2f2f2c" fill="none" stroke-width="2" id="svg_75"/>
|
||||
<rect x="1.55" y="1.85" width="20" height="3.2" id="svg_77" fill="url(#svg_86)" stroke="#2f2f2c"/>
|
||||
<path d="m16.83475,21.14603l2.33207,0l0,-11.04578l1.98474,0l-3.15077,-3.44869l-3.15077,3.44869l1.98474,0l0,11.04578z" id="svg_81" fill="#2f2f2c" stroke="none"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="to_path">
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient y2="0.46875" x2="0.42969" y1="0.10156" x1="0.10547" id="svg_105">
|
||||
<stop stop-color="#ff0000" offset="0"/>
|
||||
<stop stop-opacity="0" stop-color="#ff0000" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g>
|
||||
<circle cx="21" cy="21.3125" r="18.44531" id="svg_120" fill="url(#svg_105)" stroke="#2f2f2c"/>
|
||||
<path fill="none" stroke="#2f2f2c" d="m2.875,21.3125c-0.375,-9.25 7.75,-18.875 17.75,-18" id="svg_115"/>
|
||||
<line x1="25.375" y1="3.0625" x2="8.5" y2="3.0625" id="svg_116" stroke="#808080" fill="none"/>
|
||||
<line x1="2.625" y1="24.75" x2="2.625" y2="9.8125" id="svg_117" stroke="#808080" fill="none"/>
|
||||
<circle cx="8.5" cy="2.9375" r="1.95313" fill="#00ffff" stroke="#0000ff" stroke-width="0.5" id="svg_118"/>
|
||||
<circle cx="2.625" cy="9.8125" r="1.95313" fill="#00ffff" stroke="#0000ff" stroke-width="0.5" id="svg_119"/>
|
||||
<circle cx="20.875" cy="3.1875" r="2.5" id="svg_112" fill="#00ffff" stroke="#0000ff"/>
|
||||
<circle cx="2.875" cy="21.0625" r="2.5" fill="#00ffff" stroke="#0000ff" id="svg_114"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="link_controls">
|
||||
<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-width="2" id="svg_102" d="m9.875,23c-2,-4.25 -1.6875,-7.375 1.6875,-10.5c3.375,-3.125 7.5625,-2.75 11.0625,2" stroke="#8dd35f" fill="none"/>
|
||||
<line fill="none" stroke="#606060" id="svg_109" y2="4" x2="19" y1="19" x1="4"/>
|
||||
<circle stroke="#0000ff" fill="#00ffff" id="svg_111" r="2.17578" cy="11.5" cx="11.5"/>
|
||||
<circle stroke-width="0.5" id="svg_121" stroke="#0000ff" fill="#00ffff" r="2.26172" cy="4" cx="19"/>
|
||||
<circle id="svg_123" stroke-width="0.5" stroke="#0000ff" fill="#00ffff" r="2.26172" cy="19" cx="4"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="reorient">
|
||||
<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient y2="1" x2="1" y1="1" x1="0" id="svg_113">
|
||||
<stop stop-opacity="0" stop-color="#0000ff" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#507ece" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect stroke-dasharray="2,2" stroke="#0000ff" fill="none" id="svg_108" height="19.125" width="18.625" y="2.625" x="2.875"/>
|
||||
<rect transform="rotate(45, 12.2344, 12.1719)" stroke="#2f2f2c" fill="url(#svg_113)" id="svg_107" height="6.125" width="16" y="9.10848" x="4.23267"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="group">
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="svg_90" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#ccddff" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#789fed" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="svg_92" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#70a1e5" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#4b6baf" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="13.5" y="0.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_79"/>
|
||||
<rect x="13.5" y="13.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_82"/>
|
||||
<rect x="0.5" y="13.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_83"/>
|
||||
<rect x="2.5" y="2.5" width="8" height="7" fill="#a0a0a0" stroke="#555555" id="svg_85"/>
|
||||
<rect x="2.5" y="2.5" width="8" height="7" fill="url(#svg_90)" stroke="url(#svg_92)" id="svg_87"/>
|
||||
<rect x="5.5" y="6.5" width="8" height="7" id="svg_84" fill="#7399d6" stroke="url(#svg_92)"/>
|
||||
<rect x="0.5" y="0.5" width="2" height="2" id="svg_78" fill="#a0a0a0" stroke="#555555"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="ungroup">
|
||||
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="svg_90" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#ccddff" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#789fed" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="svg_92" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0" stop-color="#70a1e5" stop-opacity="1"/>
|
||||
<stop offset="1" stop-color="#4b6baf" stop-opacity="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect x="2.5" y="2.5" width="8" height="7" fill="url(#svg_90)" stroke="url(#svg_92)" id="svg_87"/>
|
||||
<rect x="5.5" y="6.5" width="8" height="7" id="svg_84" fill="#7399d6" stroke="url(#svg_92)"/>
|
||||
<rect x="9.5" y="1.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_79"/>
|
||||
<rect x="1.5" y="8.5" width="2" height="2" fill="#a0a0a0" stroke="#555555" id="svg_83"/>
|
||||
<rect x="1.5" y="1.5" width="2" height="2" id="svg_78" fill="#a0a0a0" stroke="#555555"/>
|
||||
<rect id="svg_93" x="12.5" y="5.5" width="2" height="2" fill="#a0a0a0" stroke="#555555"/>
|
||||
<rect id="svg_94" x="12.5" y="12.5" width="2" height="2" fill="#a0a0a0" stroke="#555555"/>
|
||||
<rect id="svg_95" x="4.5" y="12.5" width="2" height="2" fill="#a0a0a0" stroke="#555555"/>
|
||||
<rect id="svg_96" x="4.5" y="5.5" width="2" height="2" fill="#a0a0a0" stroke="#555555"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="unlink_use">
|
||||
<svg width="222" height="222" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="svg_1" d="m93.75,118.44922c-4.5,13.58447 -14.66553,11.5 -28.25,11.5l-34,0c-13.58447,0 -24.5,-7.16553 -24.5,-21.5c0,-14.33447 10.91553,-20.5 24.5,-20.5l34,0c13.58447,0 19.75,-2.33447 26.5,10.75" stroke-width="13" stroke="#3f3f3f" fill="none"/>
|
||||
<g id="svg_11">
|
||||
<line id="svg_4" y2="65.94563" x2="83.07683" y1="28.27895" x1="45.41017" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none"/>
|
||||
<line id="svg_5" y2="15.01293" x2="109.41467" y1="65.94638" x1="109.41467" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none"/>
|
||||
<line id="svg_6" y2="29.31928" x2="177.58937" y1="65.94638" x1="140.96227" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none"/>
|
||||
</g>
|
||||
<g id="svg_12" transform="rotate(-180, 108, 172.111)">
|
||||
<line y2="190.94563" x2="79.57683" y1="153.27895" x1="41.91017" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none" id="svg_13"/>
|
||||
<line y2="140.01293" x2="105.91467" y1="190.94638" x1="105.91467" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none" id="svg_14"/>
|
||||
<line y2="154.31928" x2="174.08937" y1="190.94638" x1="137.46227" stroke-linecap="round" stroke-width="8" stroke="#007fff" fill="none" id="svg_15"/>
|
||||
</g>
|
||||
<path transform="rotate(-180, 172.125, 108.926)" id="svg_2" d="m215.5,118.44901c-4.5,13.58499 -14.6655,11.5 -28.25,11.5l-34,0c-13.5845,0 -24.5,-7.16501 -24.5,-21.5c0,-14.3343 10.9155,-20.4998 24.5,-20.4998l34,0c13.5845,0 19.75,-2.3345 26.5,10.75" stroke-width="13" stroke="#3f3f3f" fill="none"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="width">
|
||||
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
|
||||
<path id="svg_6" d="m19,42.5l-7.5,7.5l7.5,7.5l0,-15zm0,7.5l62,0l0,-7.5l7.5,7.5l-7.5,7.5l0,-7.5" stroke-width="8" stroke="#2f2f2c" fill="#2f2f2c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="height">
|
||||
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
|
||||
<path transform="rotate(90, 50, 50)" fill="#2f2f2c" stroke="#2f2f2c" stroke-width="8" d="m19,42.5l-7.5,7.5l7.5,7.5l0,-15zm0,7.5l62,0l0,-7.5l7.5,7.5l-7.5,7.5l0,-7.5" id="svg_6"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="c_radius">
|
||||
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect stroke="#404040" fill="none" stroke-width="0.5" x="2.37501" y="2.4375" width="43.9375" height="43.9375" id="svg_1" rx="13" ry="13"/>
|
||||
<path fill="none" stroke="#2f2f2c" d="m2.43674,15.88952l13.73722,0l0.08978,-13.46483m0.08978,14.08493" id="svg_3"/>
|
||||
<line fill="none" stroke="#2f2f2c" x1="16.35107" y1="15.88934" x2="5.20504" y2="5.20504" id="svg_4" stroke-dasharray="2,2"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="angle">
|
||||
<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
||||
<path stroke-width="2" stroke-dasharray="1,3" id="svg_6" d="m32.78778,41.03469c-0.40379,-8.68145 -4.50873,-16.79003 -12.11365,-20.5932" stroke="#2f2f2c" fill="none"/>
|
||||
<path id="svg_7" d="m29.20348,7.67055l-24.20348,34.47921l41.16472,0" stroke-width="3" stroke="#404040" fill="none"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="blur">
|
||||
<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
|
||||
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
|
||||
<defs>
|
||||
<filter id="svg_4_blur" x="-50%" y="-50%" width="200%" height="200%">
|
||||
<feGaussianBlur stdDeviation="25"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<circle fill="#2f2f2c" stroke="#2f2f2c" stroke-width="5" stroke-dasharray="null" cx="150" cy="150" r="91.80151" id="svg_4" filter="url(#svg_4_blur)"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="fontsize">
|
||||
<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
||||
<text fill="#606060" stroke="none" x="14.451" y="41.4587" id="svg_2" font-size="26" font-family="serif" text-anchor="middle">T</text>
|
||||
<text fill="#2f2f2c" stroke="none" x="28.853" y="41.8685" font-size="52" font-family="serif" text-anchor="middle" xml:space="preserve" id="svg_3">T</text>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="align">
|
||||
<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect stroke="#606060" fill="#c0c0c0" id="svg_4" height="7" width="12" y="7.5" x="4.5"/>
|
||||
<rect stroke="#c15909" fill="#ef9a23" id="svg_2" height="40" width="2" y="-10" x="9.5"/>
|
||||
<rect stroke="#ffffff" fill="none" id="svg_5" height="5" width="10" y="8.5" x="5.5"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="align_left">
|
||||
<svg id="Untitled-Page%201" viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
<svg viewBox="0 0 27 27" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 2 1 L 2 5 L 14 5 L 14 11 L 2 11 L 2 16 L 20 16 L 20 22 L 2 22 L 2 26 L 1 26 L 1 1 L 2 1 ZM 27 0 L 0 0 L 0 27 L 27 27 L 27 0 Z" fill="#2f2f2c"/>
|
||||
<path d="M 2 1 L 2 5 L 14 5 L 14 11 L 2 11 L 2 16 L 20 16 L 20 22 L 2 22 L 2 26 L 1 26 L 1 1 L 2 1 ZM 27 0 L 0 0 L 0 27 L 27 27 L 27 0 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="align_center">
|
||||
<svg id="Untitled-Page%201" viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
<svg viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<g id="Layer%201">
|
||||
<path d="M 13 1 L 14 1 L 14 6 L 22 6 L 22 12 L 14 12 L 14 15 L 19 15 L 19 21 L 14 21 L 14 26 L 13 26 L 13 21 L 8 21 L 8 15 L 13 15 L 13 12 L 5 12 L 5 6 L 13 6 L 13 1 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 Z" fill="#2f2f2c"/>
|
||||
</g>
|
||||
x="0px" y="0px" width="27px" height="27px">
|
||||
<path d="M 13 1 L 14 1 L 14 6 L 22 6 L 22 12 L 14 12 L 14 15 L 19 15 L 19 21 L 14 21 L 14 26 L 13 26 L 13 21 L 8 21 L 8 15 L 13 15 L 13 12 L 5 12 L 5 6 L 13 6 L 13 1 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 Z" fill="#3f3f3c"/>
|
||||
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="align_right">
|
||||
<svg id="Untitled-Page%201" viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
<svg viewBox="0 0 27 27" style="background-color:#ffffff00" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 25 1 L 25 5 L 13 5 L 13 11 L 25 11 L 25 16 L 7 16 L 7 22 L 25 22 L 25 26 L 26 26 L 26 1 L 25 1 ZM 0 0 L 27 0 L 27 27 L 0 27 L 0 0 Z" fill="#2f2f2c"/>
|
||||
<path d="M 25 1 L 25 5 L 13 5 L 13 11 L 25 11 L 25 16 L 7 16 L 7 22 L 25 22 L 25 26 L 26 26 L 26 1 L 25 1 ZM 0 0 L 27 0 L 27 27 L 0 27 L 0 0 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
@ -705,7 +274,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 1 2 L 5 2 L 5 14 L 11 14 L 11 2 L 16 2 L 16 20 L 22 20 L 22 2 L 26 2 L 26 1 L 1 1 L 1 2 ZM 0 27 L 0 0 L 27 0 L 27 27 L 0 27 Z" fill="#2f2f2c"/>
|
||||
<path d="M 1 2 L 5 2 L 5 14 L 11 14 L 11 2 L 16 2 L 16 20 L 22 20 L 22 2 L 26 2 L 26 1 L 1 1 L 1 2 ZM 0 27 L 0 0 L 27 0 L 27 27 L 0 27 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
@ -714,7 +283,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 26 13 L 26 14 L 21 14 L 21 22 L 15 22 L 15 14 L 12 14 L 12 19 L 6 19 L 6 14 L 1 14 L 1 13 L 6 13 L 6 8 L 12 8 L 12 13 L 15 13 L 15 5 L 21 5 L 21 13 L 26 13 ZM 27 0 L 0 0 L 0 27 L 27 27 L 27 0 Z" fill="#2f2f2c"/>
|
||||
<path d="M 26 13 L 26 14 L 21 14 L 21 22 L 15 22 L 15 14 L 12 14 L 12 19 L 6 19 L 6 14 L 1 14 L 1 13 L 6 13 L 6 8 L 12 8 L 12 13 L 15 13 L 15 5 L 21 5 L 21 13 L 26 13 ZM 27 0 L 0 0 L 0 27 L 27 27 L 27 0 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
@ -723,7 +292,7 @@
|
|||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
|
||||
x="0px" y="0px" width="27px" height="27px"
|
||||
>
|
||||
<path d="M 1 25 L 5 25 L 5 13 L 11 13 L 11 25 L 16 25 L 16 7 L 22 7 L 22 25 L 26 25 L 26 26 L 1 26 L 1 25 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 Z" fill="#2f2f2c"/>
|
||||
<path d="M 1 25 L 5 25 L 5 13 L 11 13 L 11 25 L 16 25 L 16 7 L 22 7 L 22 25 L 26 25 L 26 26 L 1 26 L 1 25 ZM 0 0 L 0 27 L 27 27 L 27 0 L 0 0 Z" fill="#3f3f3c"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
@ -829,20 +398,6 @@
|
|||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="eye">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17">
|
||||
<defs>
|
||||
<linearGradient y2="0.79688" x2="0.5625" y1="0.19141" x1="0.42969" id="svg_91">
|
||||
<stop stop-opacity="1" stop-color="#d3a16b" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#a37c53" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="none" fill="url(#svg_91)" id="svg_9" d="m0.12852,8.18338c3.59931,-7.71208 13.19749,-7.36932 16.75236,0.08569c-3.02165,7.5407 -13.59741,7.66924 -16.75236,-0.08569z"/>
|
||||
<path id="svg_76" stroke="none" fill="#ffffff" d="m0.33033,8.2557c3.5173,-4.97159 12.89675,-4.75063 16.37062,0.05524c-2.95279,4.86111 -13.28756,4.94397 -16.37062,-0.05524z"/>
|
||||
<circle stroke="none" fill="#4f92c1" id="svg_88" r="3.08008" cy="7.71116" cx="8.45861"/>
|
||||
<circle stroke="none" fill="#2f2f2c" id="svg_89" r="1.27539" cy="7.6539" cx="8.43159"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="no_color">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
|
@ -851,43 +406,6 @@
|
|||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="ok">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="0.65625" x2="0.94141" y1="0.43359" x1="0.42969" id="svg_106">
|
||||
<stop stop-opacity="1" stop-color="#38ff45" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#127c0c" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path transform="rotate(45, 12, 10)" stroke="#005500" fill="url(#svg_106)" id="svg_101" d="m7.9,15.9l4.9,-0.05l0,-13.75l3.8,0l0,17.6l-8.7,0l0,-3.8z"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="cancel">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="0.65625" x2="0.94141" y1="0.43359" x1="0.42969" id="svg_9">
|
||||
<stop stop-opacity="1" stop-color="#ff3838" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#7a0c0c" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path stroke="#550000" fill="url(#svg_9)" id="svg_101" d="m2.10526,10.52632l7.36842,0l0,-7.36842l3.68421,0l0,7.36842l7.36842,0l0,3.68421l-7.36842,0l0,7.36842l-3.68421,0l0,-7.36842l-7.36842,0l0,-3.68421z" transform="rotate(45, 11.3, 12.3)"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="warning">
|
||||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<linearGradient y2="0.98047" x2="0.57813" y1="0.44922" x1="0.56641" id="svg_110">
|
||||
<stop stop-opacity="1" stop-color="#ffff00" offset="0"/>
|
||||
<stop stop-opacity="1" stop-color="#9e9e00" offset="1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path d="m1.42857,21.55559l10.71429,-19.36489l10.71429,19.20352l-21.42857,0.16137z" id="svg_44" fill="url(#svg_110)" stroke="#916d1f" stroke-width="2"/>
|
||||
<path stroke="none" fill="#2f2f2c" id="svg_103" d="m11.98371,14.68571c-0.57143,-3.82857 -1.82857,-6.4 0.11429,-6.4c2.11429,0 0.74286,2.57143 0.11429,6.4l-0.22857,0z"/>
|
||||
<circle stroke="none" fill="#2f2f2c" id="svg_104" r="1.17578" cy="17.37143" cx="12.14308"/>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="node_delete">
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
|
||||
|
@ -913,35 +431,7 @@
|
|||
</svg>
|
||||
</g>
|
||||
|
||||
<g id="globe_link">
|
||||
<svg width="66" height="66" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<radialGradient id="svg_8" spreadMethod="pad" cx="0.5" cy="0.32513">
|
||||
<stop stop-color="#7791ef" stop-opacity="0.99219" offset="0"/>
|
||||
<stop stop-color="#3c3cfc" offset="1"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="svg_10" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0" stop-color="#333333" stop-opacity="0.99609"/>
|
||||
<stop offset="1" stop-opacity="0.99609" stop-color="#666666"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g>
|
||||
<title>Layer 1</title>
|
||||
<g opacity="0.8" id="svg_5">
|
||||
<circle id="svg_1" r="27.90625" cy="33" cx="33" stroke-width="0" stroke="#AAAAAA" fill="url(#svg_8)"/>
|
||||
<g id="svg_7">
|
||||
<path d="m38.2478,36.06121c-0.43732,0 -0.87463,0 -1.31195,0c-0.43731,0 -0.87463,0 -2.6239,0c-0.87463,0 -1.74926,0 -2.18658,0c-0.43732,0 -2.19828,0.33684 -2.6239,0.43732c-0.95172,0.22467 -1.27098,0.48253 -1.74927,0.87463c-1.21939,0.99965 -1.44004,1.00272 -1.74926,1.31195c-0.30923,0.30923 -0.21265,0.79756 -0.43732,1.74926c-0.10048,0.42562 0.16736,0.90792 0,1.31195c-0.23668,0.57138 -0.43732,0.87463 -0.43732,1.74926c0,0.43732 0.12809,0.56541 0.43732,0.87463c0.30923,0.30923 0.12809,0.56541 0.43732,0.87463c0.30923,0.30923 1.32364,0.77415 1.74926,0.87463c0.95171,0.22467 0.69349,0.69349 1.31195,1.31195c0.30923,0.30923 0.90791,-0.16736 1.31195,0c0.57138,0.23668 0.56541,0.56541 0.87463,0.87463c0.30923,0.30923 0.56541,0.12809 0.87463,0.43732c0.61846,0.61846 -0.10048,1.32365 0,1.74926c0.22467,0.95171 0.43732,1.31195 0.43732,2.6239c0,0.87463 0,2.18658 0,3.06121c0,0.43732 0,1.31195 0,2.6239c0,0.43732 0.12809,1.00272 0.43732,1.31195c0.30922,0.30923 1.31195,0 1.74926,0c0.87463,0 1.31195,0 1.74927,0c0.43731,0 0.6065,-0.40129 1.74926,-0.87464c0.40403,-0.16736 0.74057,-0.20064 1.31195,-0.43732c0.40403,-0.16736 0.63795,-0.74057 0.87463,-1.31195c0.16736,-0.40403 0.15712,-2.20917 0.43732,-3.93585c0.22151,-1.36505 0.43732,-2.18658 0.43732,-2.6239c0,-0.43732 -0.12928,-0.88101 0,-2.18658c0.21973,-2.21904 0.43732,-3.49853 0.43732,-3.93585c0,-0.43732 0,-0.87463 0,-1.74927c0,-1.31195 0.16736,-1.78254 0,-2.18658c-0.23668,-0.57138 -1.00272,-0.56541 -1.31195,-0.87463c-0.30923,-0.30922 -0.43732,-0.43731 -1.74926,-1.74926l0,-0.87463l-0.43732,0l0,-0.43732" id="svg_2" stroke="#007f00" fill="#44b544" stroke-width="0"/>
|
||||
<path d="m5.66773,37.0452c1.12973,-0.3645 0.87463,-0.2187 1.74927,-0.656c0.87463,-0.4373 1.34081,-0.8211 2.18658,-1.3119c1.36372,-0.7915 1.44002,-1.4401 1.74922,-1.7493c0.3093,-0.3092 0.1281,-0.5654 0.4374,-0.8746c0.6184,-0.6185 0.8746,-0.4374 1.7492,-1.312c0.8747,-0.8746 1.0027,-1.0027 1.312,-1.3119c0.6184,-0.6185 0.1281,-1.0028 0.4373,-1.312c0.3092,-0.3092 0,-0.8746 0,-1.3119c0,-0.4374 0,-1.312 0,-1.7493c0,-0.4373 0.2009,-1.7727 0,-2.6239c-0.2247,-0.9517 -0.1281,-1.4401 -0.4373,-1.7493c-0.3093,-0.3092 -0.7073,-1.3452 -0.8746,-1.7492c-0.2367,-0.5714 -0.8747,-0.8747 -0.8747,-1.312c0,-0.4373 -0.4373,-0.4373 -0.4373,-0.8746l0,-0.4374l-1.2026,-0.8746c-3.7901,5.8674 -6.81486,11.6253 -5.79446,21.2099l-0.00001,0z" id="svg_3" stroke="#007f00" fill="#44b544" stroke-width="0"/>
|
||||
<path d="m52.2419,13.1021c-0.4373,0.4373 -1.3495,0.8398 -2.1866,1.0933c-3.0182,0.9138 -3.2212,2.2857 -3.4985,2.6239c-1.4137,1.7245 -2.4979,1.3039 -4.8105,1.7493c-0.4294,0.0827 -0.4373,0.4373 -0.8746,0.4373c-0.4373,0 -0.8746,0 -1.312,0c-0.4373,0 -1.3119,0 -1.7492,0c-0.4373,0 -1.3453,-0.27 -1.7493,-0.4373c-0.5714,-0.2367 -0.5654,-0.5654 -0.8746,-0.8747c-0.3092,-0.3092 -0.5654,-0.1281 -0.8746,-0.4373c-0.3093,-0.3092 -0.8747,0 -1.312,0c-0.4373,0 -0.9079,-0.1673 -1.3119,0c-0.5714,0.2367 -0.3033,1.0753 -0.8747,1.312c-0.404,0.1673 -0.1281,0.5654 -0.4373,0.8746c-0.3092,0.3092 -0.4373,0.4373 -0.4373,0.8746c0,0.4373 0,0.8747 0,1.312c0,0.4373 0.0333,0.7073 0.4373,0.8746c0.5714,0.2367 0.638,0.7406 0.8746,1.312c0.1674,0.404 0.4374,0.4373 0.4374,0.8746c0,0.4373 0,0.8746 0,1.3119c0,0.4374 -0.4374,0.4374 -0.8747,0.8747c-1.3119,1.3119 -1.9499,1.1779 -2.1865,1.7492c-0.1674,0.4041 -1.0753,0.3033 -1.312,0.8747c-0.1674,0.404 0,0.8746 0.4373,0.8746c0.4373,0 0.8746,0.4373 1.312,0.4373c0.4373,0 0.8746,-0.4373 1.3119,-0.4373c0.4373,0 0.5654,-0.1281 0.8746,-0.4373c0.6185,-0.6185 1.312,0 1.7493,0c0.4373,0 0.397,-0.6543 2.1866,-0.8747c0.434,-0.0534 2.8801,-0.2561 3.4985,-0.8746c0.3093,-0.3092 0.8343,-0.6543 2.6239,-0.8746c0.4341,-0.0535 0.8747,0 1.312,0c0.4373,0 0.8746,0.4373 0.8746,0.8746c0,0.4373 0.4373,0.4373 0.4373,0.8746c0,0.4374 0.5654,2.3147 0.8746,2.6239c0.3093,0.3093 0.1281,1.0028 0.4374,1.312c0.3092,0.3092 2.1095,2.8366 3.0612,3.0612c0.4256,0.1005 0.8215,0.2158 2.1866,0.4373c0.4316,0.0701 1.3119,0 1.7492,0c0.4373,0 0.8864,0.1005 1.312,0c0.9517,-0.2246 1.44,-0.5654 1.7492,-0.8746c0.3093,-0.3092 0.8747,-0.4373 1.312,-0.4373c0.4373,0 0.5654,-0.5654 0.8746,-0.8746c0.3092,-0.3093 0.8746,0 1.312,0l1.0933,-0.656c1.1661,-7.7259 -2.4782,-14.1399 -7.6531,-20.5539l0,0z" id="svg_4" stroke="#007f00" fill="#44b544" stroke-width="0"/>
|
||||
<path id="svg_6" d="m10.0409,48.3061c2.1137,-0.2187 4.6647,-0.2187 6.3411,1.9679c1.1662,1.5306 1.239,3.7172 0.2186,4.5918c-2.4052,-0.8746 -5.0291,-2.6239 -6.5597,-6.5597l0,0z" stroke="#007f00" fill="#44b544" stroke-width="0"/>
|
||||
</g>
|
||||
</g>
|
||||
<rect transform="rotate(45, 16.9336, 16.9375)" ry="9" rx="9" id="svg_9" height="19.32339" width="29.34293" y="7.27574" x="2.26257" stroke-width="5" stroke="url(#svg_10)" fill="none" stroke-linecap="round"/>
|
||||
<rect id="svg_11" transform="rotate(45, 49.0664, 49.0625)" ry="9" rx="9" height="19.32339" width="29.34293" y="39.40074" x="34.39538" stroke-width="5" stroke="url(#svg_10)" fill="none" stroke-linecap="round"/>
|
||||
<line id="svg_12" y2="45.75" x2="45.75" y1="20.25" x1="20.25" stroke-linecap="round" stroke-width="5" stroke="url(#svg_10)" fill="none"/>
|
||||
</g>
|
||||
</svg>
|
||||
</g>
|
||||
|
||||
|
||||
<g id="svg_eof"/>
|
||||
|
||||
|
|
|
@ -27,8 +27,7 @@
|
|||
<script type="text/javascript" src="js-hotkeys/jquery.hotkeys.min.js"></script>
|
||||
<script type="text/javascript" src="jquerybbq/jquery.bbq.min.js"></script>
|
||||
<script type="text/javascript" src="svgicons/jquery.svgicons.js"></script>
|
||||
<script type="text/javascript" src="jgraduate/jquery.jgraduate.min.js"></script>
|
||||
<script type="text/javascript" src="spinbtn/JQuerySpinBtn.min.js"></script>
|
||||
<script type="text/javascript" src="jgraduate/jquery.jgraduate.js"></script>
|
||||
<script type="text/javascript" src="touch.js"></script>
|
||||
<script type="text/javascript" src="contextmenu/jquery.contextMenu.js"></script>
|
||||
<script type="text/javascript" src="browser.js"></script>
|
||||
|
@ -44,13 +43,15 @@
|
|||
<script type="text/javascript" src="path.js"></script>
|
||||
<script type="text/javascript" src="svgcanvas.js"></script>
|
||||
<script type="text/javascript" src="svg-editor.js"></script>
|
||||
<script type="text/javascript" src="locale/locale.js"></script>
|
||||
<script type="text/javascript" src="jquery-draginput.js"></script>
|
||||
<script type="text/javascript" src="contextmenu.js"></script>
|
||||
<script type="text/javascript" src="jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
|
||||
<script type="text/javascript" src="jgraduate/jpicker.min.js"></script>
|
||||
<script type="text/javascript" src="mousewheel.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-eyedropper.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-grid.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-shapes.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-markers.js"></script>
|
||||
<script type="text/javascript" src="requestanimationframe.js"></script>
|
||||
<!{endif}-->
|
||||
|
||||
<!-- you can load extensions here -->
|
||||
|
@ -95,37 +96,10 @@ $(function(){
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidepanels">
|
||||
<div id="layerpanel">
|
||||
<h3 id="layersLabel">Layers</h3>
|
||||
<fieldset id="layerbuttons">
|
||||
<div id="layer_new" class="layer_button" title="New Layer"></div>
|
||||
<div id="layer_delete" class="layer_button" title="Delete Layer"></div>
|
||||
<div id="layer_rename" class="layer_button" title="Rename Layer"></div>
|
||||
<div id="layer_up" class="layer_button" title="Move Layer Up"></div>
|
||||
<div id="layer_down" class="layer_button" title="Move Layer Down"></div>
|
||||
<div id="layer_moreopts" class="layer_button" title="More Options"></div>
|
||||
</fieldset>
|
||||
|
||||
<table id="layerlist">
|
||||
<tr class="layer">
|
||||
<td class="layervis"></td>
|
||||
<td class="layername">Layer 1</td>
|
||||
</tr>
|
||||
</table>
|
||||
<span id="selLayerLabel">Move elements to:</span>
|
||||
<select id="selLayerNames" title="Move selected elements to a different layer" disabled="disabled">
|
||||
<option selected="selected" value="layer1">Layer 1</option>
|
||||
</select>
|
||||
</div>
|
||||
<div id="sidepanel_handle" title="Drag left/right to resize side panel [X]">L a y e r s</div>
|
||||
</div>
|
||||
<div id="menu_bar">
|
||||
<a class="menu">
|
||||
<div class="menu_title"><img src="images/logo.svg" width="16" height="16" alt="Method Draw" /></div>
|
||||
<div class="menu_title" id="logo"></div>
|
||||
<div class="menu_list">
|
||||
<div id="tool_prefs_option" class="menu_item">Preferences...</div>
|
||||
<div class="separator"></div>
|
||||
<div id="tool_about" class="menu_item">About this Editor...</div>
|
||||
</div>
|
||||
</a>
|
||||
|
@ -134,7 +108,7 @@ $(function(){
|
|||
<div class="menu_title">File</div>
|
||||
<div class="menu_list" id="file_menu">
|
||||
<div id="tool_clear" class="menu_item">New Image</div>
|
||||
<div id="tool_open" class="menu_item"><div id="fileinputs"></div>Open Image...</div>
|
||||
<div id="tool_open" class="menu_item"><div id="fileinputs"></div>Place Image...</div>
|
||||
<div id="tool_import" class="menu_item"><div id="fileinputs_import"></div>Import SVG...</div>
|
||||
<div id="tool_save" class="menu_item">Save Image... <span class="shortcut">⌘S</span></div>
|
||||
<div id="tool_export" class="menu_item">Export as PNG</div>
|
||||
|
@ -170,14 +144,6 @@ $(function(){
|
|||
<div class="menu_item action_path_selected disabled" id="tool_reorient">Reorient path</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="menu">
|
||||
<div class="menu_title">Canvas</div>
|
||||
<div class="menu_list" id="canvas_menu">
|
||||
<div class="menu_item" id="tool_docprops">Canvas Dimensions...</div>
|
||||
<div class="menu_item" id="tool_canvas_color_menu">Canvas Color...</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="menu">
|
||||
<div class="menu_title">View</div>
|
||||
|
@ -194,171 +160,147 @@ $(function(){
|
|||
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<li id="tool_save">
|
||||
<div></div>
|
||||
Save Image (S)
|
||||
</li>
|
||||
|
||||
<li id="tool_export">
|
||||
<div></div>
|
||||
Export as PNG
|
||||
</li>
|
||||
|
||||
<li id="tool_docprops">
|
||||
<div></div>
|
||||
Document Properties (D)
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
<a href="http://svg-edit.googlecode.com/" target="_blank">
|
||||
SVG-edit Home Page
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<button id="tool_prefs_option">
|
||||
Editor Options
|
||||
</button>
|
||||
-->
|
||||
|
||||
|
||||
<div id="tools_top" class="tools_panel">
|
||||
|
||||
<div id="canvas_panel" class="context_panel">
|
||||
<div id="canvas_panel" class="context_panel clearfix">
|
||||
|
||||
<div class="toolset">
|
||||
<h4>Canvas</h4>
|
||||
<label title="Change canvas width">
|
||||
<span class="icon_label">Width</span>
|
||||
<input size="3" class="canvas_width" type="text" readonly="readonly" />
|
||||
</label>
|
||||
<label title="Change canvas height">
|
||||
<span class="icon_label">Height</span>
|
||||
<input class="canvas_height" size="3" type="text" readonly="readonly" />
|
||||
</label>
|
||||
</div>
|
||||
<label title="Modify Canvas Size" class="padded"><button id="docprops_button">Canvas Dimensions...</button></label>
|
||||
<h4 class="clearfix">Canvas</h4>
|
||||
|
||||
<label data-title="Change canvas width">
|
||||
<span class="icon_label">Width</span>
|
||||
<input size="3" id="canvas_width" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label data-title="Change canvas height">
|
||||
<span class="icon_label">Height</span>
|
||||
<input id="canvas_height" size="3" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
|
||||
|
||||
|
||||
<label title="Change canvas color"><span style="line-height: 140%">Canvas Color</span>
|
||||
<div id="color_canvas_tools">
|
||||
<div class="color_tool active" id="tool_canvas">
|
||||
<div class="color_block">
|
||||
<div id="canvas_bg"></div>
|
||||
<div id="canvas_color"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<label data-title="Change canvas color" class="draginput">
|
||||
<span>Color</span>
|
||||
<div id="color_canvas_tools">
|
||||
<div class="color_tool active" id="tool_canvas">
|
||||
<div class="color_block">
|
||||
<div id="canvas_bg"></div>
|
||||
<div id="canvas_color"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<label class="draginput">
|
||||
<span>Sizes</span>
|
||||
<select id="resolution">
|
||||
<option id="selectedPredefined" selected="selected">Custom</option>
|
||||
<option>640x480</option>
|
||||
<option>800x600</option>
|
||||
<option>1024x768</option>
|
||||
<option>1280x960</option>
|
||||
<option>1600x1200</option>
|
||||
<option id="fitToContent" value="content">Fit to Content</option>
|
||||
</select>
|
||||
<div class="caret"></div>
|
||||
<label id="resolution_label">Custom</label>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="rect_panel" class="context_panel">
|
||||
<h4>Rectangle</h4>
|
||||
<div class="toolset">
|
||||
<label id="rect_width_tool" title="Change rectangle width">
|
||||
<span class="icon_label">Width</span>
|
||||
<input id="rect_width" class="attr_changer" size="3" data-attr="width" type="number"/>
|
||||
</label>
|
||||
<label id="rect_height_tool" title="Change rectangle height">
|
||||
<span class="icon_label">Height</span>
|
||||
<input id="rect_height" class="attr_changer" size="3" data-attr="height" type="number" />
|
||||
</label>
|
||||
</div>
|
||||
<label id="cornerRadiusLabel" title="Change Rectangle Corner Radius">
|
||||
<h4 class="clearfix">Rectangle</h4>
|
||||
<label>
|
||||
<span>X</span>
|
||||
<input id="rect_x" class="attr_changer" data-title="Change X coordinate" size="3" data-attr="x" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label>
|
||||
<span>Y</span>
|
||||
<input id="rect_y" class="attr_changer" data-title="Change Y coordinate" size="3" data-attr="y" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="rect_width_tool attr_changer" data-title="Change rectangle width">
|
||||
<span class="icon_label">Width</span>
|
||||
<input id="rect_width" class="attr_changer" size="3" data-attr="width" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="rect_height_tool" data-title="Change rectangle height">
|
||||
<span class="icon_label">Height</span>
|
||||
<input id="rect_height" class="attr_changer" size="3" data-attr="height" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="cornerRadiusLabel" data-title="Change Rectangle Corner Radius">
|
||||
<span class="icon_label">Roundness</span>
|
||||
<input id="rect_rx" size="3" value="0" data-attr="rx" class="attr_changer" min="0" max="60" type="number" />
|
||||
<input id="rect_rx" size="3" value="0" data-attr="rx" class="attr_changer" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="path_panel" class="context_panel">
|
||||
<h4>Path</h4>
|
||||
<div id="path_panel" class="context_panel clearfix">
|
||||
<h4 class="clearfix">Path</h4>
|
||||
<label><span>X</span>
|
||||
<input id="path_x" class="attr_changer" data-title="Change ellipse's cx coordinate" size="3" data-attr="x" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label><span>Y</span>
|
||||
<input id="path_y" class="attr_changer" data-title="Change ellipse's cy coordinate" size="3" data-attr="y" pattern="[0-9]*" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="image_panel" class="context_panel">
|
||||
<div id="image_panel" class="context_panel clearfix">
|
||||
<h4>Image</h4>
|
||||
<div class="toolset">
|
||||
<label>
|
||||
<span>X</span>
|
||||
<input id="image_x" class="attr_changer" data-title="Change X coordinate" size="3" data-attr="x" pattern="[0-9]*"/>
|
||||
</label>
|
||||
<label>
|
||||
<span>Y</span>
|
||||
<input id="image_y" class="attr_changer" data-title="Change Y coordinate" size="3" data-attr="y" pattern="[0-9]*"/>
|
||||
</label>
|
||||
<label><span class="icon_label">Width</span>
|
||||
<input id="image_width" class="attr_changer" title="Change image width" size="3" data-attr="width" type="number" />
|
||||
<input id="image_width" class="attr_changer" data-title="Change image width" size="3" data-attr="width" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label><span class="icon_label">Height</span>
|
||||
<input id="image_height" class="attr_changer" title="Change image height" size="3" data-attr="height" type="number" />
|
||||
<label>
|
||||
<span class="icon_label">Height</span>
|
||||
<input id="image_height" class="attr_changer" data-title="Change image height" size="3" data-attr="height" pattern="[0-9]*" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="toolset">
|
||||
<label id="tool_image_url"><span class="icon_label tuco">URL</span>
|
||||
<input id="image_url" class="tuco" type="text" title="Change URL" size="35"/>
|
||||
</label>
|
||||
<label id="tool_change_image">
|
||||
<button id="change_image_url" style="display:none;">Change Image</button>
|
||||
<span id="url_notice" title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="circle_panel" class="context_panel">
|
||||
<div class="toolset">
|
||||
<label id="tool_circle_cx"><span class="icon_label">cx:</span>
|
||||
<input id="circle_cx" class="attr_changer" title="Change circle's cx coordinate" size="3" data-attr="cx" type="number"/>
|
||||
</label>
|
||||
<label id="tool_circle_cy">cy:
|
||||
<input id="circle_cy" class="attr_changer" title="Change circle's cy coordinate" size="3" data-attr="cy" type="number" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="toolset">
|
||||
<label id="tool_circle_r">r:
|
||||
<input id="circle_r" class="attr_changer" title="Change circle's radius" size="3" data-attr="r" type="number" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="ellipse_panel" class="context_panel">
|
||||
<div id="ellipse_panel" class="context_panel clearfix">
|
||||
<h4>Ellipse</h4>
|
||||
<div class="toolset">
|
||||
<label id="tool_ellipse_cx"><span>X</span>
|
||||
<input id="ellipse_cx" class="attr_changer" title="Change ellipse's cx coordinate" size="3" data-attr="cx" type="number" />
|
||||
</label>
|
||||
<label id="tool_ellipse_cy"><span>Y</span>
|
||||
<input id="ellipse_cy" class="attr_changer" title="Change ellipse's cy coordinate" size="3" data-attr="cy" type="number" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="toolset">
|
||||
<label id="tool_ellipse_rx"><span>Radius X</span>
|
||||
<input id="ellipse_rx" class="attr_changer" title="Change ellipse's x radius" size="3" data-attr="rx" type="number" />
|
||||
</label>
|
||||
<label id="tool_ellipse_ry"><span>Radius Y</span>
|
||||
<input id="ellipse_ry" class="attr_changer" title="Change ellipse's y radius" size="3" data-attr="ry" type="number" />
|
||||
</label>
|
||||
</div>
|
||||
<label id="tool_ellipse_cx"><span>X</span>
|
||||
<input id="ellipse_cx" class="attr_changer" data-title="Change ellipse's cx coordinate" size="3" data-attr="cx" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="tool_ellipse_cy"><span>Y</span>
|
||||
<input id="ellipse_cy" class="attr_changer" data-title="Change ellipse's cy coordinate" size="3" data-attr="cy" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="tool_ellipse_rx"><span>Radius X</span>
|
||||
<input id="ellipse_rx" class="attr_changer" data-title="Change ellipse's x radius" size="3" data-attr="rx" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="tool_ellipse_ry"><span>Radius Y</span>
|
||||
<input id="ellipse_ry" class="attr_changer" data-title="Change ellipse's y radius" size="3" data-attr="ry" pattern="[0-9]*" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="line_panel" class="context_panel">
|
||||
<div id="line_panel" class="context_panel clearfix">
|
||||
<h4>Line</h4>
|
||||
<div class="toolset">
|
||||
<label id="tool_line_x1"><span>Start X</span>
|
||||
<input id="line_x1" class="attr_changer" title="Change line's starting x coordinate" size="3" data-attr="x1" type="number" />
|
||||
</label>
|
||||
<label id="tool_line_y1"><span>Start Y</span>
|
||||
<input id="line_y1" class="attr_changer" title="Change line's starting y coordinate" size="3" data-attr="y1" type="number" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="toolset">
|
||||
<label id="tool_line_x2"><span>End X</span>
|
||||
<input id="line_x2" class="attr_changer" title="Change line's ending x coordinate" size="3" data-attr="x2" type="number" />
|
||||
</label>
|
||||
<label id="tool_line_y2"><span>End Y</span>
|
||||
<input id="line_y2" class="attr_changer" title="Change line's ending y coordinate" size="3" data-attr="y2" type="number"/>
|
||||
</label>
|
||||
</div>
|
||||
<label id="tool_line_x1"><span>Start X</span>
|
||||
<input id="line_x1" class="attr_changer" data-title="Change line's starting x coordinate" size="3" data-attr="x1" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="tool_line_y1"><span>Start Y</span>
|
||||
<input id="line_y1" class="attr_changer" data-title="Change line's starting y coordinate" size="3" data-attr="y1" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="tool_line_x2"><span>End X</span>
|
||||
<input id="line_x2" class="attr_changer" data-title="Change line's ending x coordinate" size="3" data-attr="x2" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="tool_line_y2"><span>End Y</span>
|
||||
<input id="line_y2" class="attr_changer" data-title="Change line's ending y coordinate" size="3" data-attr="y2" pattern="[0-9]*" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="text_panel" class="context_panel">
|
||||
<div id="text_panel" class="context_panel clearfix">
|
||||
<h4>Text</h4>
|
||||
|
||||
<label><span>X</span>
|
||||
<input id="text_x" class="attr_changer" data-title="Change text x coordinate" size="3" data-attr="x" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label><span>Y</span>
|
||||
<input id="text_y" class="attr_changer" data-title="Change text y coordinate" size="3" data-attr="y" pattern="[0-9]*" />
|
||||
</label>
|
||||
<div class="toolset" id="tool_font_family">
|
||||
<!-- Font family -->
|
||||
<input id="font_family" class="wide" type="text" title="Change Font Family" size="12"/>
|
||||
<input id="font_family" class="wide" type="text" data-title="Change Font Family" size="12"/>
|
||||
<div id="font_family_dropdown" class="dropdown">
|
||||
<button></button>
|
||||
<ul>
|
||||
|
@ -379,13 +321,13 @@ $(function(){
|
|||
</div>
|
||||
|
||||
<div class="toolset clearfix">
|
||||
<div class="tool_button" id="tool_bold" title="Bold Text [B]"><span></span>B</div>
|
||||
<div class="tool_button" id="tool_italic" title="Italic Text [I]"><span></span>i</div>
|
||||
<div class="tool_button" id="tool_bold" data-title="Bold Text [B]"><span></span>B</div>
|
||||
<div class="tool_button" id="tool_italic" data-title="Italic Text [I]"><span></span>i</div>
|
||||
</div>
|
||||
|
||||
<label id="tool_font_size" title="Change Font Size">
|
||||
<label id="tool_font_size" data-title="Change Font Size">
|
||||
<span id="font_sizeLabel" class="icon_label">Font Size</span>
|
||||
<input id="font_size" size="3" value="0" type="number"/>
|
||||
<input id="font_size" size="3" value="0" />
|
||||
</label>
|
||||
|
||||
<!-- Not visible, but still used -->
|
||||
|
@ -393,107 +335,95 @@ $(function(){
|
|||
</div>
|
||||
|
||||
<!-- formerly gsvg_panel -->
|
||||
<div id="container_panel" class="context_panel">
|
||||
<div id="container_panel" class="context_panel clearfix">
|
||||
|
||||
<!-- Add viewBox field here? -->
|
||||
|
||||
<label id="group_title" title="Group identification label">
|
||||
<label id="group_title" data-title="Group identification label">
|
||||
<h4>Group</h4>
|
||||
<span>label:</span>
|
||||
<input id="g_title" data-attr="title" size="10" type="text"/>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="use_panel" class="context_panel">
|
||||
<div class="push_button" id="tool_unlink_use" title="Break link to reference element (make unique)"></div>
|
||||
<div id="use_panel" class="context_panel clearfix">
|
||||
<div class="push_button" id="tool_unlink_use" data-title="Break link to reference element (make unique)"></div>
|
||||
</div>
|
||||
|
||||
<div id="g_panel" class="context_panel">
|
||||
<div id="g_panel" class="context_panel clearfix">
|
||||
<h4>Group</h4>
|
||||
<label><span>X</span>
|
||||
<input id="group_x" class="attr_changer" data-title="Change ellipse's cx coordinate" size="3" data-attr="x" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label><span>Y</span>
|
||||
<input id="group_y" class="attr_changer" data-title="Change ellipse's cy coordinate" size="3" data-attr="y" pattern="[0-9]*" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<!-- For anchor elements -->
|
||||
<div id="a_panel" class="context_panel">
|
||||
<label id="tool_link_url" title="Set link URL (leave empty to remove)">
|
||||
<div id="a_panel" class="context_panel clearfix">
|
||||
<label id="tool_link_url" data-title="Set link URL (leave empty to remove)">
|
||||
<span id="linkLabel" class="icon_label"></span>
|
||||
<input id="link_url" type="text" size="35"/>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="path_node_panel" class="context_panel">
|
||||
<div id="path_node_panel" class="context_panel clearfix">
|
||||
<h4>Edit Path</h4>
|
||||
<div class="tool_sep"></div>
|
||||
<div class="tool_button push_button_pressed" id="tool_node_link" title="Link Control Points"><input type="checkbox" checked> Linked Control Points</div>
|
||||
<div class="tool_button push_button_pressed" id="tool_node_link" data-title="Link Control Points"><input type="checkbox" checked> Linked Control Points</div>
|
||||
|
||||
<label id="tool_node_x"><span>X</span>
|
||||
<input id="path_node_x" class="attr_changer" title="Change node's x coordinate" size="3" data-attr="x" type="number" />
|
||||
<input id="path_node_x" class="attr_changer" data-title="Change node's x coordinate" size="3" data-attr="x" />
|
||||
</label>
|
||||
<label id="tool_node_y"><span>Y</span>
|
||||
<input id="path_node_y" class="attr_changer" title="Change node's y coordinate" size="3" data-attr="y" type="number" />
|
||||
<input id="path_node_y" class="attr_changer" data-title="Change node's y coordinate" size="3" data-attr="y" />
|
||||
</label>
|
||||
|
||||
<label id="segment_type">Segment Type</label>
|
||||
<select id="seg_type" title="Change Segment type">
|
||||
<label id="segment_type" class="draginput label">
|
||||
<span>Segment Type</span>
|
||||
<select id="seg_type" data-title="Change Segment type">
|
||||
<option id="straight_segments" selected="selected" value="4">Straight</option>
|
||||
<option id="curve_segments" value="6">Curve</option>
|
||||
</select>
|
||||
<div class="tool_button" id="tool_node_clone" title="Clone Node">Add Node</div>
|
||||
</label>
|
||||
<div class="clearfix"></div>
|
||||
<div class="tool_button" id="tool_node_clone" title="Adds a node">Add Node</div>
|
||||
<div class="tool_button" id="tool_node_delete" title="Delete Node">Delete Node</div>
|
||||
<div class="tool_button" id="tool_openclose_path" title="Open/close sub-path">Open Path</div>
|
||||
<!--<div class="tool_button" id="tool_add_subpath" title="Add sub-path"></div>-->
|
||||
</div>
|
||||
|
||||
<!-- Buttons when a single element is selected -->
|
||||
<div id="selected_panel" class="context_panel">
|
||||
<div id="selected_panel" class="context_panel clearfix">
|
||||
|
||||
<label id="tool_angle" title="Change rotation angle" class="toolset">
|
||||
<label id="tool_angle" data-title="Change rotation angle" class="draginput">
|
||||
<span class="icon_label">Rotation</span>
|
||||
<input id="angle" class="attr_changer" size="2" value="0" type="number"/>
|
||||
<input id="angle" class="attr_changer" size="2" value="0" data-min="-180" data-max="180" type="text"/>
|
||||
<div id="tool_angle_indicator">
|
||||
<div id="tool_angle_indicator_cursor"></div>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<label class="toolset dropdown_set" id="tool_opacity" title="Change selected item opacity">
|
||||
<label class="toolset" id="tool_opacity" data-title="Change selected item opacity">
|
||||
<span id="group_opacityLabel" class="icon_label">Opacity</span>
|
||||
<input id="group_opacity" size="3" value="100" type="number" step="5" min="0" max="100" />
|
||||
<div id="opacity_dropdown" class="dropdown">
|
||||
<button></button>
|
||||
<ul>
|
||||
<li class="special"><div id="opac_slider"></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<input id="group_opacity" size="3" value="100" step="5" min="0" max="100" />
|
||||
</label>
|
||||
|
||||
<div class="toolset dropdown_set" id="tool_blur" title="Change gaussian blur value">
|
||||
<div class="toolset" id="tool_blur" data-title="Change gaussian blur value">
|
||||
<label>
|
||||
<span class="icon_label">Blur</span>
|
||||
<input id="blur" size="2" value="0" type="number" class="attr_changer" step=".5" min="0" max="10" />
|
||||
<div id="blur_dropdown" class="dropdown">
|
||||
<button></button>
|
||||
<ul>
|
||||
<li class="special"><div id="blur_slider"></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<input id="blur" size="2" value="0" class="attr_changer" step=".5" min="0" max="10" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<label>
|
||||
<input id="stroke_width" size="2" value="5" type="number" data-attr="stroke-width" min="0" max="99" step="1" />
|
||||
</label>
|
||||
|
||||
|
||||
<div id="toggle_stroke_tools" title="Show/hide more stroke tools">
|
||||
</div>
|
||||
-->
|
||||
<div class="clearfix"></div>
|
||||
<h4>Stroke</h4>
|
||||
<div class="toolset" title="Change stroke">
|
||||
<div class="toolset" data-title="Change stroke">
|
||||
<label>
|
||||
<span class="icon_label">Stroke Width</span>
|
||||
<input id="stroke_width" size="2" value="5" type="number" data-attr="stroke-width" min="0" max="99" step="1" />
|
||||
<input id="stroke_width" size="2" value="5" data-attr="stroke-width" min="0" max="99" step="1" />
|
||||
</label>
|
||||
</div>
|
||||
<label class="stroke_tool">
|
||||
<span class="icon_label">Stroke Dash</span>
|
||||
<select id="stroke_style" title="Change stroke dash style">
|
||||
<label class="stroke_tool draginput">
|
||||
<span>Stroke Dash</span>
|
||||
<select id="stroke_style" data-title="Change stroke dash style">
|
||||
<option selected="selected" value="none">—</option>
|
||||
<option value="2,2">...</option>
|
||||
<option value="5,5">- -</option>
|
||||
|
@ -504,22 +434,10 @@ $(function(){
|
|||
|
||||
<label style="display: none;">
|
||||
<span class="icon_label">Stroke Join</span>
|
||||
<div class="stroke_tool dropdown" id="stroke_linejoin">
|
||||
<div>
|
||||
<div id="cur_linejoin" title="Linejoin: Miter"></div>
|
||||
<button></button>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<label style="display: none;">
|
||||
<span class="icon_label">Stroke Cap</span>
|
||||
<div class="stroke_tool dropdown" id="stroke_linecap">
|
||||
<div>
|
||||
<div id="cur_linecap" title="Linecap: Butt"></div>
|
||||
<button></button>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
|
||||
<h4>Align</h4>
|
||||
|
@ -535,19 +453,10 @@ $(function(){
|
|||
</div>
|
||||
</label>
|
||||
</div>
|
||||
<div id="xy_panel" class="toolset" class="context_panel">
|
||||
<h4>Position</h4>
|
||||
<label>
|
||||
<span>X:</span> <input id="selected_x" class="attr_changer" title="Change X coordinate" size="3" data-attr="x" type="number"/>
|
||||
</label>
|
||||
<label>
|
||||
<span>Y:</span> <input id="selected_y" class="attr_changer" title="Change Y coordinate" size="3" data-attr="y" type="number"/>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Buttons when multiple elements are selected -->
|
||||
<div id="multiselected_panel" class="context_panel">
|
||||
<div id="multiselected_panel" class="context_panel clearfix">
|
||||
<h4>Multiple Elements</h4>
|
||||
<!--<div class="tool_sep"></div> -->
|
||||
<!--<div class="push_button" id="tool_clone_multi" title="Clone Elements [C]"></div> -->
|
||||
|
@ -586,18 +495,17 @@ $(function(){
|
|||
|
||||
|
||||
<div id="tools_left" class="tools_panel">
|
||||
<div class="tool_button" id="tool_select" title="Select Tool"></div>
|
||||
<div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div>
|
||||
<div class="tool_button" id="tool_line" title="Line Tool"></div>
|
||||
<div class="tool_button" id="tool_rect" title="Square/Rect Tool"></div>
|
||||
<div class="tool_button" id="tool_ellipse" title="Ellipse/Circle Tool"></div>
|
||||
<div class="tool_button" id="tool_path" title="Path Tool"></div>
|
||||
<div class="tool_button" id="tool_text" title="Text Tool"></div>
|
||||
<div class="tool_button" id="tool_image" title="Image Tool"></div>
|
||||
<div class="tool_button" id="tool_select" title="Select Tool [V]"></div>
|
||||
<div class="tool_button" id="tool_fhpath" title="Pencil Tool [P]"></div>
|
||||
<div class="tool_button" id="tool_line" title="Line Tool [L]"></div>
|
||||
<div class="tool_button" id="tool_rect" title="Square/Rect Tool [R]"></div>
|
||||
<div class="tool_button" id="tool_ellipse" title="Ellipse/Circle Tool [C]"></div>
|
||||
<div class="tool_button" id="tool_path" title="Path Tool [P]"></div>
|
||||
<div class="tool_button" id="tool_text" title="Text Tool [T]"></div>
|
||||
<div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
|
||||
|
||||
<div id="color_tools">
|
||||
<div id="tool_switch" title="Switch stroke and fill colors"></div>
|
||||
<div id="tool_switch" title="Switch stroke and fill colors [X]"></div>
|
||||
<div class="color_tool active" id="tool_fill">
|
||||
<label class="icon_label" title="Change fill color"></label>
|
||||
<div class="color_block">
|
||||
|
@ -613,15 +521,6 @@ $(function(){
|
|||
<div id="stroke_color" class="color_block" title="Change stroke color"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: none">
|
||||
<div id="tool_rect" title="Rectangle"></div>
|
||||
<div id="tool_square" title="Square"></div>
|
||||
<div id="tool_fhrect" title="Free-Hand Rectangle"></div>
|
||||
<div id="tool_ellipse" title="Ellipse"></div>
|
||||
<div id="tool_circle" title="Circle"></div>
|
||||
<div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- tools_left -->
|
||||
|
||||
|
@ -632,53 +531,14 @@ $(function(){
|
|||
<label>
|
||||
<span id="zoomLabel" class="zoom_tool icon_label"></span>
|
||||
<input id="zoom" size="3" value="100" type="text" />
|
||||
|
||||
<div id="zoom_dropdown" class="dropdown">
|
||||
<button></button>
|
||||
<ul>
|
||||
<li>1000%</li>
|
||||
<li>400%</li>
|
||||
<li>200%</li>
|
||||
<li>100%</li>
|
||||
<li>50%</li>
|
||||
<li>25%</li>
|
||||
<li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
|
||||
<li id="fit_to_sel" data-val="selection">Fit to selection</li>
|
||||
<li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
|
||||
<li id="fit_to_all" data-val="content">Fit to all content</li>
|
||||
<li>100%</li>
|
||||
</ul>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="tools_bottom_2">
|
||||
<!--
|
||||
|
||||
-->
|
||||
</div>
|
||||
|
||||
<div id="tools_bottom_3">
|
||||
<div id="palette_holder"><div id="palette" title="Click to change fill color, shift-click to change stroke color"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="option_lists" class="dropdown">
|
||||
<ul id="linejoin_opts">
|
||||
<li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
|
||||
<li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
|
||||
<li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
|
||||
</ul>
|
||||
|
||||
<ul id="linecap_opts">
|
||||
<li class="tool_button current" id="linecap_butt" title="Linecap: Butt"></li>
|
||||
<li class="tool_button" id="linecap_square" title="Linecap: Square"></li>
|
||||
<li class="tool_button" id="linecap_round" title="Linecap: Round"></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- hidden divs -->
|
||||
<div id="color_picker"></div>
|
||||
|
||||
|
@ -701,105 +561,6 @@ $(function(){
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="svg_docprops">
|
||||
<div id="svg_docprops_overlay"></div>
|
||||
<div id="svg_docprops_container">
|
||||
<input id="canvas_title" type="hidden" />
|
||||
<fieldset id="change_resolution">
|
||||
<legend id="svginfo_dim">Canvas Dimensions</legend>
|
||||
|
||||
<label><span id="svginfo_width">Width:</span> <input type="text" id="canvas_width" class="canvas_width" size="6"/></label>
|
||||
|
||||
<label><span id="svginfo_height">Height:</span> <input type="text" id="canvas_height" class="canvas_height" size="6"/></label>
|
||||
|
||||
<label>
|
||||
<select id="resolution">
|
||||
<option id="selectedPredefined" selected="selected">Select predefined:</option>
|
||||
<option>640x480</option>
|
||||
<option>800x600</option>
|
||||
<option>1024x768</option>
|
||||
<option>1280x960</option>
|
||||
<option>1600x1200</option>
|
||||
<option id="fitToContent" value="content">Fit to Content</option>
|
||||
</select>
|
||||
</label>
|
||||
</fieldset>
|
||||
<div>
|
||||
<button id="tool_docprops_cancel" class="cancel">Cancel</button>
|
||||
<button id="tool_docprops_save">Change Canvas Size</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="svg_prefs">
|
||||
<div id="svg_prefs_overlay"></div>
|
||||
<div id="svg_prefs_container">
|
||||
|
||||
<fieldset>
|
||||
<legend id="svginfo_editor_prefs">Editor Preferences</legend>
|
||||
|
||||
<select id="lang_select" style="display: none">
|
||||
<option id="lang_ar" value="ar">العربية</option>
|
||||
<option id="lang_cs" value="cs">Čeština</option>
|
||||
<option id="lang_de" value="de">Deutsch</option>
|
||||
<option id="lang_en" value="en" selected="selected">English</option>
|
||||
<option id="lang_es" value="es">Español</option>
|
||||
<option id="lang_fa" value="fa">فارسی</option>
|
||||
<option id="lang_fr" value="fr">Français</option>
|
||||
<option id="lang_fy" value="fy">Frysk</option>
|
||||
<option id="lang_hi" value="hi">हिन्दी, हिंदी</option>
|
||||
<option id="lang_it" value="it">Italiano</option>
|
||||
<option id="lang_ja" value="ja">日本語</option>
|
||||
<option id="lang_nl" value="nl">Nederlands</option>
|
||||
<option id="lang_pt-BR" value="pt-BR">Português (BR)</option>
|
||||
<option id="lang_ro" value="ro">Româneşte</option>
|
||||
<option id="lang_ru" value="ru">Русский</option>
|
||||
<option id="lang_sk" value="sk">Slovenčina</option>
|
||||
<option id="lang_zh-TW" value="zh-TW">繁體中文</option>
|
||||
</select>
|
||||
|
||||
<select id="iconsize" style="display: none">
|
||||
<option id="icon_small" value="s">Small</option>
|
||||
<option id="icon_medium" value="m" selected="selected">Medium</option>
|
||||
<option id="icon_large" value="l">Large</option>
|
||||
<option id="icon_xlarge" value="xl">Extra Large</option>
|
||||
</select>
|
||||
|
||||
<label>
|
||||
<span>Editor Background</span>
|
||||
<div id="bg_blocks"></div>
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span id="svginfo_bg_url">URL:</span>
|
||||
<input type="text" id="canvas_bg_url"/>
|
||||
<p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
|
||||
</label>
|
||||
|
||||
|
||||
<label>
|
||||
<div class="subtitle"><strong>Grid</strong></div>
|
||||
<span id="svginfo_snap_onoff"><input type="checkbox" value="snapping_on" id="grid_snapping_on"> Snapping on/off</span>
|
||||
<span id="svginfo_snap_step">Snapping Step-Size:</span><br><input type="text" id="grid_snapping_step" size="3" value="10"/>
|
||||
</label>
|
||||
|
||||
|
||||
|
||||
|
||||
<label>
|
||||
<div class="subtitle"><strong>Units & Rulers</strong></div>
|
||||
<span id="svginfo_rulers_onoff"><input type="checkbox" value="show_rulers" id="show_rulers" checked> Show rulers</span>
|
||||
</label>
|
||||
|
||||
</fieldset>
|
||||
<div>
|
||||
<button id="tool_prefs_cancel" class="cancel">Cancel</button>
|
||||
<button id="tool_prefs_save">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="base_unit_container">
|
||||
<select id="base_unit">
|
||||
<option value="px">Pixels</option>
|
||||
|
@ -822,25 +583,16 @@ $(function(){
|
|||
</div>
|
||||
|
||||
<ul id="cmenu_canvas" class="contextMenu">
|
||||
<li><a href="#cut">Cut</a></li>
|
||||
<li><a href="#copy">Copy</a></li>
|
||||
<li><a href="#paste">Paste</a></li>
|
||||
<li><a href="#paste_in_place">Paste in Place</a></li>
|
||||
<li class="separator"><a href="#delete">Delete</a></li>
|
||||
<li class="separator"><a href="#group">Group<span class="shortcut">G</span></a></li>
|
||||
<li><a href="#ungroup">Ungroup<span class="shortcut">G</span></a></li>
|
||||
<li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+↑</span></a></li>
|
||||
<li><a href="#move_up">Bring Forward<span class="shortcut">CTRL+↑</span></a></li>
|
||||
<li><a href="#move_down">Send Backward<span class="shortcut">CTRL+↓</span></a></li>
|
||||
<li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+↓</span></a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<ul id="cmenu_layers" class="contextMenu">
|
||||
<li><a href="#dupe">Duplicate Layer...</a></li>
|
||||
<li><a href="#delete">Delete Layer</a></li>
|
||||
<li><a href="#merge_down">Merge Down</a></li>
|
||||
<li><a href="#merge_all">Merge All</a></li>
|
||||
<li><a href="#cut">Cut <span class="shortcut">⌘X;</span></a></li>
|
||||
<li><a href="#copy">Copy<span class="shortcut">⌘C</span></a></li>
|
||||
<li><a href="#paste">Paste<span class="shortcut">⌘V</span></a></li>
|
||||
<li class="separator"><a href="#delete">Delete<span class="shortcut">⌫</span></a></li>
|
||||
<li class="separator"><a href="#group">Group<span class="shortcut">⌘G</span></a></li>
|
||||
<li><a href="#ungroup">Ungroup<span class="shortcut">⌘⇧G</span></a></li>
|
||||
<li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">⌘⇧↑</span></a></li>
|
||||
<li><a href="#move_up">Bring Forward<span class="shortcut">⌘↑</span></a></li>
|
||||
<li><a href="#move_down">Send Backward<span class="shortcut">⌘↓</span></a></li>
|
||||
<li><a href="#move_back">Send to Back<span class="shortcut">⌘⇧↓</span></a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -44,7 +44,7 @@ $.fn.dragInput = function(cfg){
|
|||
var $cursor = (area && this.dragCfg.cursor)
|
||||
? $("<div class='draginput_cursor' />").appendTo($label)
|
||||
: false
|
||||
if ($cursor && this.dragCfg.start) $cursor.css("top", (this.dragCfg.start*-1)/scale+cursorHeight)
|
||||
if ($cursor && !isNaN(this.dragCfg.start)) $cursor.css("top", (this.dragCfg.start*-1)/scale+cursorHeight)
|
||||
//this is where all the magic happens
|
||||
this.adjustValue = function(i, noUndo){
|
||||
var v;
|
||||
|
|
|
@ -398,21 +398,6 @@ html, body {
|
|||
top: 3px;
|
||||
}
|
||||
|
||||
#svg_editor #path_node_panel #tool_node_link {
|
||||
border: none;
|
||||
padding: 3px 0;
|
||||
width: auto;
|
||||
margin: 0 0 10px 0;
|
||||
background: transparent;
|
||||
color: #ccc;
|
||||
height: auto;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
#svg_editor #path_node_panel #segment_type {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#svg_editor #color_tools #tool_fill .color_block:hover, #svg_editor #color_tools #tool_stroke .color_block:hover {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
@ -613,7 +598,7 @@ html, body {
|
|||
position: absolute;
|
||||
width: 160px;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
top: 20px;
|
||||
border-bottom: none;
|
||||
overflow: visible;
|
||||
padding: 0 0 0 10px;
|
||||
|
@ -1117,7 +1102,7 @@ span.zoom_tool img {
|
|||
color: #fff;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0 0 10px 0;
|
||||
padding: 10px 0 5px 0;
|
||||
}
|
||||
|
||||
#tools_top .dropdown .icon_label {
|
||||
|
@ -1126,7 +1111,24 @@ span.zoom_tool img {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.align_buttons .push_button, .align_buttons .push_button_pressed {
|
||||
|
||||
#svg_editor .draginput_cell {
|
||||
float: left;
|
||||
height: 26px;
|
||||
border: solid #3f3f3c 10px;
|
||||
outline: solid #2f2f2c 1px;
|
||||
background-color: #ddd;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(1) {border-radius: 3px 0 0 0;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(3) {border-radius: 0 3px 0 0;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(4) {border-radius: 0 0 0 3px;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(6) {border-radius: 0 0 3px 0;}
|
||||
|
||||
|
||||
.align_buttons .push_button {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
@ -1234,116 +1236,6 @@ span.zoom_tool img {
|
|||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#save_output_btns {
|
||||
display: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#save_output_btns p {
|
||||
margin: .5em 1.5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#bg_blocks {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#bg_blocks div {
|
||||
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#svg_docprops #svg_docprops_container,
|
||||
#svg_prefs #svg_prefs_container {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
margin-top: -140px;
|
||||
margin-left: -250px;
|
||||
border-radius: 3px;
|
||||
padding: 20px;
|
||||
left: 50%;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
|
||||
opacity: 1.0;
|
||||
z-index: 20001;
|
||||
}
|
||||
|
||||
#svg_docprops .error {
|
||||
border: 1px solid red;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#svg_docprops #resolution {
|
||||
max-width: 14em;
|
||||
}
|
||||
|
||||
#tool_docprops_back,
|
||||
#tool_prefs_back {
|
||||
margin-left: 1em;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#svg_docprops_container #svg_docprops_docprops,
|
||||
#svg_prefs #svg_docprops_prefs {
|
||||
float: left;
|
||||
width: 221px;
|
||||
margin: 5px .7em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#svg_prefs #svg_prefs_container {
|
||||
width: 500px;
|
||||
height: 320px;
|
||||
margin: -180px 0 0 -350px;
|
||||
}
|
||||
|
||||
|
||||
#svg_docprops legend,
|
||||
#svg_prefs legend {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
padding: 0 0 20px 0;
|
||||
display: block;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#svg_docprops_docprops > legend,
|
||||
#svg_prefs_container > fieldset > legend {
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
|
||||
#svg_docprops_container fieldset,
|
||||
#svg_prefs fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#svg_docprops_container label,
|
||||
#svg_prefs_container label {
|
||||
display: block;
|
||||
margin: .5em;
|
||||
}
|
||||
|
||||
#svg_prefs_container label {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#svginfo_bg_note {
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
#canvas_title, #canvas_bg_url {
|
||||
display: block;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
#svg_source_editor #svg_source_textarea {
|
||||
position: relative;
|
||||
width: 95%;
|
||||
|
@ -1382,107 +1274,15 @@ span.zoom_tool img {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
#svg_docprops input,
|
||||
#svg_prefs input,
|
||||
#svg_docprops select,
|
||||
#svg_prefs select {
|
||||
font-size: 15px;
|
||||
border-radius: 3px;
|
||||
border: solid #aaa 1px;
|
||||
background-color: #eee;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#svg_docprops select,
|
||||
#svg_prefs select {
|
||||
height: 30px;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
#svg_docprops label,
|
||||
#svg_prefs label {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#svg_prefs .subtitle {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#svg_prefs label {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#svg_docprops label span,
|
||||
#svg_prefs label span {
|
||||
display: inline-block;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#svg_docprops button,
|
||||
#svg_prefs button {
|
||||
position: absolute;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#svg_editor button.cancel, #svg_editor input.Cancel, #svg_editor input.cancel, #svg_editor input.jGraduate_Cancel, button.cancel {
|
||||
-webkit-appearance: none;
|
||||
background-color: #999;
|
||||
box-shadow: 0 0 1px rgba(0,0,0,0.5);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#svg_docprops button:first-child,
|
||||
#svg_prefs button:first-child {
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
#svg_docprops button:last-child,
|
||||
#svg_prefs button:last-child {
|
||||
bottom: 15px;
|
||||
right: 15px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
#svg_docprops button img,
|
||||
#svg_prefs button img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#svg_editor button#docprops_button {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
#svg_editor button#docprops_button:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
#svg_docprops,
|
||||
#svg_prefs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#image_save_opts label {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
#image_save_opts input {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#svg_docprops #svg_docprops_overlay,
|
||||
#svg_prefs #svg_prefs_overlay {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
background-color: black;
|
||||
opacity: 0.6;
|
||||
z-index: 20000;
|
||||
}
|
||||
|
||||
#shape_buttons {
|
||||
overflow: auto;
|
||||
|
@ -1854,7 +1654,6 @@ span.zoom_tool img {
|
|||
position: relative;
|
||||
float: left;
|
||||
margin: 0 5px 5px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#svg_editor .draginput .caret {
|
||||
|
@ -1870,14 +1669,14 @@ span.zoom_tool img {
|
|||
|
||||
#svg_editor .draginput label {
|
||||
margin: 28px 10px 0 5px;
|
||||
font-size: 11px;
|
||||
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label {
|
||||
font: 12px/110% sans-serif;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label, #svg_editor .draginput label#seg_type_label {
|
||||
font: bold 12px/110% sans-serif;
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 10px;
|
||||
|
@ -1885,6 +1684,14 @@ span.zoom_tool img {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#seg_type_label {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#seg_type_label .caret {
|
||||
top: 66%;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label .pull {
|
||||
position: relative;
|
||||
left: -15px;
|
||||
|
@ -1903,12 +1710,32 @@ span.zoom_tool img {
|
|||
content: attr(data-value);
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: #3f3f3c;
|
||||
background: #fff;
|
||||
font-size: 16px;
|
||||
top: 0;
|
||||
width: 40px;
|
||||
width: 30px;
|
||||
left: -50px;
|
||||
padding: 3px 5px;
|
||||
color: #fff;
|
||||
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;
|
||||
}
|
||||
|
||||
.touch #svg_editor .draginput.active:before {
|
||||
content: '';
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: -5px;
|
||||
border: solid transparent 5px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
#svg_editor .draginput input {
|
||||
|
@ -1966,12 +1793,6 @@ span.zoom_tool img {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
#svg_editor .draginput#segment_type select {
|
||||
font-size: 11px;
|
||||
margin-top: 40px;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
|
||||
.draginput_cursor{
|
||||
position: absolute;
|
||||
|
|
|
@ -50,7 +50,6 @@
|
|||
<script type="text/javascript" src="mousewheel.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-eyedropper.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-shapes.js"></script>
|
||||
<script type="text/javascript" src="extensions/ext-markers.js"></script>
|
||||
<script type="text/javascript" src="requestanimationframe.js"></script>
|
||||
<!{endif}-->
|
||||
|
||||
|
@ -223,10 +222,6 @@ $(function(){
|
|||
<span class="icon_label">Height</span>
|
||||
<input id="rect_height" class="attr_changer" size="3" data-attr="height" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
<label id="cornerRadiusLabel" data-title="Change Rectangle Corner Radius">
|
||||
<span class="icon_label">Roundness</span>
|
||||
<input id="rect_rx" size="3" value="0" data-attr="rx" class="attr_changer" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="path_panel" class="context_panel clearfix">
|
||||
|
@ -367,8 +362,6 @@ $(function(){
|
|||
|
||||
<div id="path_node_panel" class="context_panel clearfix">
|
||||
<h4>Edit Path</h4>
|
||||
<div class="tool_sep"></div>
|
||||
<div class="tool_button push_button_pressed" id="tool_node_link" data-title="Link Control Points"><input type="checkbox" checked> Linked Control Points</div>
|
||||
|
||||
<label id="tool_node_x"><span>X</span>
|
||||
<input id="path_node_x" class="attr_changer" data-title="Change node's x coordinate" size="3" data-attr="x" />
|
||||
|
@ -379,11 +372,19 @@ $(function(){
|
|||
|
||||
<label id="segment_type" class="draginput label">
|
||||
<span>Segment Type</span>
|
||||
<select id="seg_type" data-title="Change Segment type">
|
||||
<option id="straight_segments" selected="selected" value="4">Straight</option>
|
||||
<option id="curve_segments" value="6">Curve</option>
|
||||
</select>
|
||||
<select id="seg_type" data-title="Change Segment type">
|
||||
<option id="straight_segments" selected="selected" value="4">Straight</option>
|
||||
<option id="curve_segments" value="6">Curve</option>
|
||||
</select>
|
||||
<div class="caret"></div>
|
||||
<label id="seg_type_label">Straight</label>
|
||||
</label>
|
||||
|
||||
<label class="draginput checkbox" id="tool_node_link" data-title="Link Control Points">
|
||||
<span>Linked Control Points</span>
|
||||
<div class="push_bottom"><input type="checkbox" checked></div>
|
||||
</label>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<div class="tool_button" id="tool_node_clone" title="Adds a node">Add Node</div>
|
||||
<div class="tool_button" id="tool_node_delete" title="Delete Node">Delete Node</div>
|
||||
|
@ -410,9 +411,15 @@ $(function(){
|
|||
<div class="toolset" id="tool_blur" data-title="Change gaussian blur value">
|
||||
<label>
|
||||
<span class="icon_label">Blur</span>
|
||||
<input id="blur" size="2" value="0" class="attr_changer" step=".5" min="0" max="10" />
|
||||
<input id="blur" size="2" value="0" step=".1" min="0" max="10" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<label id="cornerRadiusLabel" data-title="Change Rectangle Corner Radius">
|
||||
<span class="icon_label">Roundness</span>
|
||||
<input id="rect_rx" size="3" value="0" data-attr="rx" class="attr_changer" type="text" pattern="[0-9]*" />
|
||||
</label>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<h4>Stroke</h4>
|
||||
<div class="toolset" data-title="Change stroke">
|
||||
|
@ -425,11 +432,13 @@ $(function(){
|
|||
<span>Stroke Dash</span>
|
||||
<select id="stroke_style" data-title="Change stroke dash style">
|
||||
<option selected="selected" value="none">—</option>
|
||||
<option value="2,2">...</option>
|
||||
<option value="2,2">···</option>
|
||||
<option value="5,5">- -</option>
|
||||
<option value="5,2,2,2">- .</option>
|
||||
<option value="5,2,2,2,2,2">- ..</option>
|
||||
<option value="5,2,2,2">-·-</option>
|
||||
<option value="5,2,2,2,2,2">-··-</option>
|
||||
</select>
|
||||
<div class="caret"></div>
|
||||
<label id="stroke_style_label">—</label>
|
||||
</label>
|
||||
|
||||
<label style="display: none;">
|
||||
|
@ -439,17 +448,17 @@ $(function(){
|
|||
<label style="display: none;">
|
||||
<span class="icon_label">Stroke Cap</span>
|
||||
</label>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
<h4>Align</h4>
|
||||
<div class="toolset align_buttons" id="tool_position">
|
||||
<label>
|
||||
<div class="col last clear" id="position_opts">
|
||||
<div class="push_button" id="tool_posleft" title="Align Left"></div>
|
||||
<div class="push_button" id="tool_poscenter" title="Align Center"></div>
|
||||
<div class="push_button" id="tool_posright" title="Align Right"></div>
|
||||
<div class="push_button" id="tool_postop" title="Align Top"></div>
|
||||
<div class="push_button" id="tool_posmiddle" title="Align Middle"></div>
|
||||
<div class="push_button" id="tool_posbottom" title="Align Bottom"></div>
|
||||
<div class="draginput_cell" id="tool_posleft" title="Align Left"></div>
|
||||
<div class="draginput_cell" id="tool_poscenter" title="Align Center"></div>
|
||||
<div class="draginput_cell" id="tool_posright" title="Align Right"></div>
|
||||
<div class="draginput_cell" id="tool_postop" title="Align Top"></div>
|
||||
<div class="draginput_cell" id="tool_posmiddle" title="Align Middle"></div>
|
||||
<div class="draginput_cell" id="tool_posbottom" title="Align Bottom"></div>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
@ -1503,7 +1503,13 @@
|
|||
if(panels[el_name]) {
|
||||
var cur_panel = panels[el_name];
|
||||
$('#' + el_name + '_panel').show();
|
||||
|
||||
|
||||
// corner radius has to live in a different panel
|
||||
// because otherwise it changes the position of the
|
||||
// of the elements
|
||||
if(el_name == "rect") $("#cornerRadiusLabel").show()
|
||||
else $("#cornerRadiusLabel").hide()
|
||||
|
||||
$.each(cur_panel, function(i, item) {
|
||||
var attrVal = elem.getAttribute(item);
|
||||
if(curConfig.baseUnit !== 'px' && elem[item]) {
|
||||
|
@ -1680,15 +1686,13 @@
|
|||
var changeBlur = function(ctl, noUndo) {
|
||||
val = ctl.value;
|
||||
$('#blur').val(val);
|
||||
var complete = false;
|
||||
if(!ctl || !ctl.handle) {
|
||||
$('#blur_slider').slider('option', 'value', val);
|
||||
complete = true;
|
||||
}
|
||||
if(noUndo) {
|
||||
|
||||
var undo = (window.event.type == "mouseup");
|
||||
|
||||
if(!undo) {
|
||||
svgCanvas.setBlurNoUndo(val);
|
||||
} else {
|
||||
svgCanvas.setBlur(val, complete);
|
||||
svgCanvas.setBlur(val, true);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1700,8 +1704,14 @@
|
|||
|
||||
$('#stroke_style').change(function(){
|
||||
svgCanvas.setStrokeAttr('stroke-dasharray', $(this).val());
|
||||
$("#stroke_style_label").html(this.options[this.selectedIndex].text)
|
||||
operaRepaint();
|
||||
});
|
||||
|
||||
$('#seg_type').change(function() {
|
||||
svgCanvas.setSegType($(this).val());
|
||||
$("#seg_type_label").html(this.options[this.selectedIndex].text)
|
||||
});
|
||||
|
||||
// Lose focus for select elements when changed (Allows keyboard shortcuts to work better)
|
||||
$('select').change(function(){$(this).blur();});
|
||||
|
@ -1710,9 +1720,7 @@
|
|||
svgCanvas.setFontFamily(this.value);
|
||||
});
|
||||
|
||||
$('#seg_type').change(function() {
|
||||
svgCanvas.setSegType($(this).val());
|
||||
});
|
||||
|
||||
|
||||
$('#text').keyup(function(){
|
||||
svgCanvas.setTextContent(this.value);
|
||||
|
@ -2074,55 +2082,6 @@
|
|||
$('#font_family').val($(this).text()).change();
|
||||
});
|
||||
|
||||
Editor.addDropDown('#opacity_dropdown', function() {
|
||||
if($(this).find('div').length) return;
|
||||
var perc = parseInt($(this).text().split('%')[0]);
|
||||
changeOpacity(false, perc);
|
||||
}, false);
|
||||
|
||||
// For slider usage, see: http://jqueryui.com/demos/slider/
|
||||
$("#opac_slider").slider({
|
||||
start: function() {
|
||||
$('#opacity_dropdown li:not(.special)').hide();
|
||||
},
|
||||
stop: function() {
|
||||
$('#opacity_dropdown li').show();
|
||||
$(window).mouseup();
|
||||
},
|
||||
slide: function(evt, ui){
|
||||
changeOpacity(ui);
|
||||
}
|
||||
});
|
||||
|
||||
Editor.addDropDown('#blur_dropdown', $.noop);
|
||||
|
||||
var slideStart = false;
|
||||
|
||||
$("#blur_slider").slider({
|
||||
max: 10,
|
||||
step: .1,
|
||||
stop: function(evt, ui) {
|
||||
slideStart = false;
|
||||
changeBlur(ui);
|
||||
$('#blur_dropdown li').show();
|
||||
$(window).mouseup();
|
||||
},
|
||||
start: function() {
|
||||
slideStart = true;
|
||||
},
|
||||
slide: function(evt, ui){
|
||||
changeBlur(ui, null, slideStart);
|
||||
}
|
||||
});
|
||||
|
||||
addAltDropDown('#stroke_linecap', '#linecap_opts', function() {
|
||||
setStrokeOpt(this, true);
|
||||
}, {dropUp: true});
|
||||
|
||||
addAltDropDown('#stroke_linejoin', '#linejoin_opts', function() {
|
||||
setStrokeOpt(this, true);
|
||||
}, {dropUp: true});
|
||||
|
||||
$('div', '#position_opts').each(function(){
|
||||
this.addEventListener("mouseup", function(){
|
||||
var letter = this.id.replace('tool_pos','').charAt(0);
|
||||
|
@ -2358,11 +2317,11 @@
|
|||
};
|
||||
|
||||
var linkControlPoints = function() {
|
||||
var linked = !$('#tool_node_link').hasClass('push_button_pressed');
|
||||
var linked = !$('#tool_node_link').hasClass('checked');
|
||||
if (linked)
|
||||
$('#tool_node_link').addClass('push_button_pressed').removeClass('tool_button').find("input").attr("checked", true);
|
||||
$('#tool_node_link').addClass('checked').find("input").attr("checked", true);
|
||||
else
|
||||
$('#tool_node_link').removeClass('push_button_pressed').addClass('tool_button').find("input").attr("checked", false);
|
||||
$('#tool_node_link').removeClass('checked').find("input").attr("checked", false);
|
||||
|
||||
path.linkControlPoints(linked);
|
||||
}
|
||||
|
@ -2894,46 +2853,6 @@
|
|||
if(url) setImageURL(url);
|
||||
});
|
||||
}
|
||||
|
||||
// added these event handlers for all the push buttons so they
|
||||
// behave more like buttons being pressed-in and not images
|
||||
(function() {
|
||||
var toolnames = ['clear','open','save','source','delete','delete_multi','paste','clone','clone_multi','move_top','move_bottom'];
|
||||
var all_tools = '';
|
||||
var cur_class = 'tool_button_current';
|
||||
|
||||
$.each(toolnames, function(i,item) {
|
||||
all_tools += '#tool_' + item + (i==toolnames.length-1?',':'');
|
||||
});
|
||||
|
||||
$(all_tools).mousedown(function() {
|
||||
$(this).addClass(cur_class);
|
||||
}).bind('mousedown mouseout', function() {
|
||||
$(this).removeClass(cur_class);
|
||||
});
|
||||
|
||||
$('#tool_undo, #tool_redo').mousedown(function(){
|
||||
if (!$(this).hasClass('disabled')) $(this).addClass(cur_class);
|
||||
}).bind('mousedown mouseout',function(){
|
||||
$(this).removeClass(cur_class);}
|
||||
);
|
||||
}());
|
||||
|
||||
// switch modifier key in tooltips if mac
|
||||
// NOTE: This code is not used yet until I can figure out how to successfully bind ctrl/meta
|
||||
// in Opera and Chrome
|
||||
if (isMac && !window.opera) {
|
||||
var shortcutButtons = ["tool_clear", "tool_save", "tool_source", "tool_undo", "tool_redo", "tool_clone"];
|
||||
var i = shortcutButtons.length;
|
||||
while (i--) {
|
||||
var button = document.getElementById(shortcutButtons[i]);
|
||||
if (button != null) {
|
||||
var title = button.title;
|
||||
var index = title.indexOf("Ctrl+");
|
||||
button.title = [title.substr(0, index), "Cmd+", title.substr(index + 5)].join('');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// TODO: go back to the color boxes having white background-color and then setting
|
||||
// background-image to none.png (otherwise partially transparent gradients look weird)
|
||||
|
|
|
@ -160,8 +160,6 @@ html,body{overflow:hidden;width:100%;height:100%}
|
|||
.touch #svg_editor #tool_switch{display:none}
|
||||
#svg_editor #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}
|
||||
#svg_editor #path_node_panel .tool_button img{position:absolute;left:5px;top:3px}
|
||||
#svg_editor #path_node_panel #tool_node_link{border:0;padding:3px 0;width:auto;margin:0 0 10px 0;background:transparent;color:#ccc;height:auto;line-height:130%}
|
||||
#svg_editor #path_node_panel #segment_type{margin-top:10px}
|
||||
#svg_editor #color_tools #tool_fill .color_block:hover,#svg_editor #color_tools #tool_stroke .color_block:hover{border-color:#fff}
|
||||
#svg_editor #color_tools #tool_fill .color_block>div{position:absolute;top:0;left:0}
|
||||
.touch #svg_editor #color_tools #tool_fill .color_block>div{position:relative}
|
||||
|
@ -194,7 +192,7 @@ html,body{overflow:hidden;width:100%;height:100%}
|
|||
#tools_top .padded{padding:10px 0}
|
||||
#svg_editor #tools_left .tool_button_current{background-color:#0cf}
|
||||
#svg_editor #main_icon span{position:absolute;width:100%;height:100%;display:block;z-index:2}
|
||||
#svg_editor #tools_top{position:absolute;width:160px;right:0;top:30px;border-bottom:0;overflow:visible;padding:0 0 0 10px}
|
||||
#svg_editor #tools_top{position:absolute;width:160px;right:0;top:20px;border-bottom:0;overflow:visible;padding:0 0 0 10px}
|
||||
.touch #svg_editor #tools_top{top:40px}
|
||||
#svg_editor label{display:block;color:#999}
|
||||
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)}
|
||||
|
@ -270,9 +268,14 @@ span.zoom_tool img{vertical-align:top}
|
|||
#svg_editor #tools_bottom_1{width:115px;float:left}
|
||||
#svg_editor #tools_bottom_2{position:relative;float:left;margin-top:5px}
|
||||
#tools_bottom input[type=text]{width:3.2em}
|
||||
#svg_editor #tools_top h4{color:#fff;font-weight:normal;margin:0;padding:0 0 10px 0}
|
||||
#svg_editor #tools_top h4{color:#fff;font-weight:normal;margin:0;padding:10px 0 5px 0}
|
||||
#tools_top .dropdown .icon_label{border:1px solid transparent;height:auto}
|
||||
.align_buttons .push_button,.align_buttons .push_button_pressed{display:block;float:left}
|
||||
#svg_editor .draginput_cell{float:left;height:26px;border:solid #3f3f3c 10px;outline:solid #2f2f2c 1px;background-color:#ddd;cursor:pointer}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(1){border-radius:3px 0 0 0}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(3){border-radius:0 3px 0 0}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(4){border-radius:0 0 0 3px}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(6){border-radius:0 0 3px 0}
|
||||
.align_buttons .push_button{display:block;float:left}
|
||||
#option_lists ul{display:none;position:absolute;height:auto;z-index:3;margin:0;list-style:none;padding-left:0}
|
||||
#option_lists .optcols2{width:70px;margin-left:-15px}
|
||||
#option_lists .optcols3{width:192px;margin-left:-105px;margin-top:-25px;background:#fff;padding:5px;box-shadow:0 5px 10px #000;border-radius:3px}
|
||||
|
@ -288,46 +291,13 @@ span.zoom_tool img{vertical-align:top}
|
|||
#svg_source_editor{display:none}
|
||||
#svg_source_editor #svg_source_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:5}
|
||||
#svg_source_editor #svg_source_container{position:absolute;top:30px;left:30px;right:30px;bottom:30px;background-color:#fff;border-radius:3px;opacity:1.0;text-align:center;z-index:6;padding:20px 0}
|
||||
#save_output_btns{display:none;text-align:left}
|
||||
#save_output_btns p{margin:.5em 1.5em;display:inline-block}
|
||||
#bg_blocks{overflow:auto}
|
||||
#bg_blocks div{box-shadow:0 2px 3px rgba(0,0,0,0.3);margin-right:10px}
|
||||
#svg_docprops #svg_docprops_container,#svg_prefs #svg_prefs_container{position:absolute;top:50%;width:300px;height:200px;margin-top:-140px;margin-left:-250px;border-radius:3px;padding:20px;left:50%;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.3);opacity:1.0;z-index:20001}
|
||||
#svg_docprops .error{border:1px solid red;padding:3px}
|
||||
#svg_docprops #resolution{max-width:14em}
|
||||
#tool_docprops_back,#tool_prefs_back{margin-left:1em;overflow:auto}
|
||||
#svg_docprops_container #svg_docprops_docprops,#svg_prefs #svg_docprops_prefs{float:left;width:221px;margin:5px .7em;overflow:hidden}
|
||||
#svg_prefs #svg_prefs_container{width:500px;height:320px;margin:-180px 0 0 -350px}
|
||||
#svg_docprops legend,#svg_prefs legend{font-weight:bold;font-size:18px;padding:0 0 20px 0;display:block;font-family:sans-serif}
|
||||
#svg_docprops_docprops>legend,#svg_prefs_container>fieldset>legend{font-weight:bold;font-size:1.1em}
|
||||
#svg_docprops_container fieldset,#svg_prefs fieldset{margin:0;padding:0;border:0}
|
||||
#svg_docprops_container label,#svg_prefs_container label{display:block;margin:.5em}
|
||||
#svg_prefs_container label{margin:10px 0}
|
||||
#svginfo_bg_note{font-size:.9em;font-style:italic;color:#444}
|
||||
#canvas_title,#canvas_bg_url{display:block;width:96%}
|
||||
#svg_source_editor #svg_source_textarea{position:relative;width:95%;top:5px;height:250px;padding:5px;font-size:12px}
|
||||
#svg_source_editor #tool_source_back{text-align:left;padding:10px 0 0 20px;position:relative}
|
||||
#svg_source_editor #tool_source_back #tool_source_save{position:absolute;right:20px;top:7px}
|
||||
#svg_prefs_container div.color_block{float:left;margin:2px;padding:20px}
|
||||
#svg_prefs_container div.cur_background{box-shadow:0 0 8px rgba(0,50,255,1)}
|
||||
#background_img{position:absolute;top:0;left:0;text-align:left}
|
||||
#svg_docprops input,#svg_prefs input,#svg_docprops select,#svg_prefs select{font-size:15px;border-radius:3px;border:solid #aaa 1px;background-color:#eee;padding:5px 10px}
|
||||
#svg_docprops select,#svg_prefs select{height:30px;width:210px}
|
||||
#svg_docprops label,#svg_prefs label{display:inline-block;width:100px;vertical-align:top}
|
||||
#svg_prefs .subtitle{margin-bottom:10px}
|
||||
#svg_prefs label{width:200px}
|
||||
#svg_docprops label span,#svg_prefs label span{display:inline-block;padding-bottom:5px}
|
||||
#svg_docprops button,#svg_prefs button{position:absolute;font-size:15px}
|
||||
#svg_editor button.cancel,#svg_editor input.Cancel,#svg_editor input.cancel,#svg_editor input.jGraduate_Cancel,button.cancel{background-color:#999;box-shadow:0 0 1px rgba(0,0,0,0.5);margin:0}
|
||||
#svg_docprops button:first-child,#svg_prefs button:first-child{bottom:15px;left:15px;right:auto}
|
||||
#svg_docprops button:last-child,#svg_prefs button:last-child{bottom:15px;right:15px;left:auto}
|
||||
#svg_docprops button img,#svg_prefs button img{display:none}
|
||||
#svg_editor button#docprops_button{background:#444}
|
||||
#svg_editor button#docprops_button:hover{background:#555}
|
||||
#svg_docprops,#svg_prefs{display:none}
|
||||
#image_save_opts label{font-size:.9em}
|
||||
#image_save_opts input{margin-left:0}
|
||||
#svg_docprops #svg_docprops_overlay,#svg_prefs #svg_prefs_overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:black;opacity:.6;z-index:20000}
|
||||
#svg_editor button.cancel,#svg_editor input.Cancel,#svg_editor input.cancel,#svg_editor input.jGraduate_Cancel,button.cancel{-webkit-appearance:none;background-color:#999;box-shadow:0 0 1px rgba(0,0,0,0.5);margin:0}
|
||||
#shape_buttons{overflow:auto;top:0;bottom:0;left:110px;right:0;position:absolute;vertical-align:top}
|
||||
#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}
|
||||
#shape_cats>div{line-height:1em;padding:0 .5em;border-bottom:1px solid #ddd;background:#e8e8e8;color:#444;height:26px;line-height:26px}
|
||||
|
@ -397,13 +367,16 @@ span.zoom_tool img{vertical-align:top}
|
|||
.clearfix{*zoom:1}
|
||||
#svg_editor #group_title{display:none}
|
||||
#base_unit_container{display:none;position:absolute;z-index:20}
|
||||
#svg_editor .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;overflow:hidden}
|
||||
#svg_editor .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}
|
||||
#svg_editor .draginput .caret{border:solid transparent 5px;border-top-color:#999;position:absolute;width:0;height:0;right:5px;margin-top:-2px;top:50%}
|
||||
#svg_editor .draginput label{margin:28px 10px 0 5px;font-size:11px}
|
||||
#svg_editor .draginput label#resolution_label{font:12px/110% sans-serif;color:white;font-weight:bold;position:absolute;left:auto;right:10px;z-index:0;text-align:right}
|
||||
#svg_editor .draginput label{margin:28px 10px 0 5px;font-size:14px;color:white;font-weight:bold;font-family:sans-serif}
|
||||
#svg_editor .draginput label#resolution_label,#svg_editor .draginput label#seg_type_label{font:bold 12px/110% sans-serif;position:absolute;left:auto;right:10px;z-index:0;text-align:right}
|
||||
#svg_editor .draginput label#seg_type_label{margin-top:40px}
|
||||
#svg_editor .draginput label#seg_type_label .caret{top:66%}
|
||||
#svg_editor .draginput label#resolution_label .pull{position:relative;left:-15px}
|
||||
#svg_editor .draginput label#resolution_label span{right:-13px;left:auto;font-size:16px;top:2px;font-weight:bold;color:white}
|
||||
.touch #svg_editor .draginput.active:after{content:attr(data-value);display:block;position:absolute;background:#3f3f3c;top:0;width:40px;left:-50px;padding:3px 5px;color:#fff}
|
||||
.touch #svg_editor .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}
|
||||
.touch #svg_editor .draginput.active:before{content:'';height:0;width:0;position:absolute;top:5px;left:-5px;border:solid transparent 5px;border-left-color:#fff}
|
||||
#svg_editor .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;cursor:url(images/drag.png),move;cursor:-webkit-drag;cursor:-moz-drag}
|
||||
#svg_editor .draginput input:active{cursor:url(images/dragging.png),move;cursor:-webkit-dragging;cursor:-moz-dragging}
|
||||
#svg_editor .draginput span{font:11px/130% sans-serif;color:#ccc;display:block;position:absolute;top:5px;left:5px;text-align:left}
|
||||
|
@ -411,7 +384,6 @@ span.zoom_tool img{vertical-align:top}
|
|||
#svg_editor .draginput.error input{color:#fff}
|
||||
#svg_editor .draginput.stroke_tool{text-align:center}
|
||||
#svg_editor .draginput select{-webkit-appearance:none;opacity:0;display:block;position:absolute;height:100%;width:100%;margin:0;z-index:1}
|
||||
#svg_editor .draginput#segment_type select{font-size:11px;margin-top:40px;width:70px}
|
||||
.draginput_cursor{position:absolute;top:50%;width:100%;border-top:solid rgba(50,100,200,0.25) 3px;margin-top:-2px;z-index:0}
|
||||
#svg_editor .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}
|
||||
body.dragging *{cursor:url(images/dragging.png),move;cursor:-webkit-drag;cursor:-moz-drag}
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1044,21 +1044,6 @@ html, body {
|
|||
top: 3px;
|
||||
}
|
||||
|
||||
#svg_editor #path_node_panel #tool_node_link {
|
||||
border: none;
|
||||
padding: 3px 0;
|
||||
width: auto;
|
||||
margin: 0 0 10px 0;
|
||||
background: transparent;
|
||||
color: #ccc;
|
||||
height: auto;
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
#svg_editor #path_node_panel #segment_type {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#svg_editor #color_tools #tool_fill .color_block:hover, #svg_editor #color_tools #tool_stroke .color_block:hover {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
@ -1259,7 +1244,7 @@ html, body {
|
|||
position: absolute;
|
||||
width: 160px;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
top: 20px;
|
||||
border-bottom: none;
|
||||
overflow: visible;
|
||||
padding: 0 0 0 10px;
|
||||
|
@ -1763,7 +1748,7 @@ span.zoom_tool img {
|
|||
color: #fff;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
padding: 0 0 10px 0;
|
||||
padding: 10px 0 5px 0;
|
||||
}
|
||||
|
||||
#tools_top .dropdown .icon_label {
|
||||
|
@ -1772,7 +1757,24 @@ span.zoom_tool img {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.align_buttons .push_button, .align_buttons .push_button_pressed {
|
||||
|
||||
#svg_editor .draginput_cell {
|
||||
float: left;
|
||||
height: 26px;
|
||||
border: solid #3f3f3c 10px;
|
||||
outline: solid #2f2f2c 1px;
|
||||
background-color: #ddd;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(1) {border-radius: 3px 0 0 0;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(3) {border-radius: 0 3px 0 0;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(4) {border-radius: 0 0 0 3px;}
|
||||
#svg_editor .align_buttons .draginput_cell:nth-child(6) {border-radius: 0 0 3px 0;}
|
||||
|
||||
|
||||
.align_buttons .push_button {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
@ -1880,116 +1882,6 @@ span.zoom_tool img {
|
|||
padding: 20px 0;
|
||||
}
|
||||
|
||||
#save_output_btns {
|
||||
display: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#save_output_btns p {
|
||||
margin: .5em 1.5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#bg_blocks {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#bg_blocks div {
|
||||
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#svg_docprops #svg_docprops_container,
|
||||
#svg_prefs #svg_prefs_container {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
margin-top: -140px;
|
||||
margin-left: -250px;
|
||||
border-radius: 3px;
|
||||
padding: 20px;
|
||||
left: 50%;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
|
||||
opacity: 1.0;
|
||||
z-index: 20001;
|
||||
}
|
||||
|
||||
#svg_docprops .error {
|
||||
border: 1px solid red;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#svg_docprops #resolution {
|
||||
max-width: 14em;
|
||||
}
|
||||
|
||||
#tool_docprops_back,
|
||||
#tool_prefs_back {
|
||||
margin-left: 1em;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#svg_docprops_container #svg_docprops_docprops,
|
||||
#svg_prefs #svg_docprops_prefs {
|
||||
float: left;
|
||||
width: 221px;
|
||||
margin: 5px .7em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#svg_prefs #svg_prefs_container {
|
||||
width: 500px;
|
||||
height: 320px;
|
||||
margin: -180px 0 0 -350px;
|
||||
}
|
||||
|
||||
|
||||
#svg_docprops legend,
|
||||
#svg_prefs legend {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
padding: 0 0 20px 0;
|
||||
display: block;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#svg_docprops_docprops > legend,
|
||||
#svg_prefs_container > fieldset > legend {
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
|
||||
#svg_docprops_container fieldset,
|
||||
#svg_prefs fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#svg_docprops_container label,
|
||||
#svg_prefs_container label {
|
||||
display: block;
|
||||
margin: .5em;
|
||||
}
|
||||
|
||||
#svg_prefs_container label {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#svginfo_bg_note {
|
||||
font-size: .9em;
|
||||
font-style: italic;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
#canvas_title, #canvas_bg_url {
|
||||
display: block;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
#svg_source_editor #svg_source_textarea {
|
||||
position: relative;
|
||||
width: 95%;
|
||||
|
@ -2028,107 +1920,15 @@ span.zoom_tool img {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
#svg_docprops input,
|
||||
#svg_prefs input,
|
||||
#svg_docprops select,
|
||||
#svg_prefs select {
|
||||
font-size: 15px;
|
||||
border-radius: 3px;
|
||||
border: solid #aaa 1px;
|
||||
background-color: #eee;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#svg_docprops select,
|
||||
#svg_prefs select {
|
||||
height: 30px;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
#svg_docprops label,
|
||||
#svg_prefs label {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#svg_prefs .subtitle {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#svg_prefs label {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#svg_docprops label span,
|
||||
#svg_prefs label span {
|
||||
display: inline-block;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#svg_docprops button,
|
||||
#svg_prefs button {
|
||||
position: absolute;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#svg_editor button.cancel, #svg_editor input.Cancel, #svg_editor input.cancel, #svg_editor input.jGraduate_Cancel, button.cancel {
|
||||
-webkit-appearance: none;
|
||||
background-color: #999;
|
||||
box-shadow: 0 0 1px rgba(0,0,0,0.5);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#svg_docprops button:first-child,
|
||||
#svg_prefs button:first-child {
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
#svg_docprops button:last-child,
|
||||
#svg_prefs button:last-child {
|
||||
bottom: 15px;
|
||||
right: 15px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
#svg_docprops button img,
|
||||
#svg_prefs button img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#svg_editor button#docprops_button {
|
||||
background: #444;
|
||||
}
|
||||
|
||||
#svg_editor button#docprops_button:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
#svg_docprops,
|
||||
#svg_prefs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#image_save_opts label {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
#image_save_opts input {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#svg_docprops #svg_docprops_overlay,
|
||||
#svg_prefs #svg_prefs_overlay {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
background-color: black;
|
||||
opacity: 0.6;
|
||||
z-index: 20000;
|
||||
}
|
||||
|
||||
#shape_buttons {
|
||||
overflow: auto;
|
||||
|
@ -2500,7 +2300,6 @@ span.zoom_tool img {
|
|||
position: relative;
|
||||
float: left;
|
||||
margin: 0 5px 5px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#svg_editor .draginput .caret {
|
||||
|
@ -2516,14 +2315,14 @@ span.zoom_tool img {
|
|||
|
||||
#svg_editor .draginput label {
|
||||
margin: 28px 10px 0 5px;
|
||||
font-size: 11px;
|
||||
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label {
|
||||
font: 12px/110% sans-serif;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label, #svg_editor .draginput label#seg_type_label {
|
||||
font: bold 12px/110% sans-serif;
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 10px;
|
||||
|
@ -2531,6 +2330,14 @@ span.zoom_tool img {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#seg_type_label {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#seg_type_label .caret {
|
||||
top: 66%;
|
||||
}
|
||||
|
||||
#svg_editor .draginput label#resolution_label .pull {
|
||||
position: relative;
|
||||
left: -15px;
|
||||
|
@ -2549,12 +2356,32 @@ span.zoom_tool img {
|
|||
content: attr(data-value);
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: #3f3f3c;
|
||||
background: #fff;
|
||||
font-size: 16px;
|
||||
top: 0;
|
||||
width: 40px;
|
||||
width: 30px;
|
||||
left: -50px;
|
||||
padding: 3px 5px;
|
||||
color: #fff;
|
||||
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;
|
||||
}
|
||||
|
||||
.touch #svg_editor .draginput.active:before {
|
||||
content: '';
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: -5px;
|
||||
border: solid transparent 5px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
#svg_editor .draginput input {
|
||||
|
@ -2612,12 +2439,6 @@ span.zoom_tool img {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
#svg_editor .draginput#segment_type select {
|
||||
font-size: 11px;
|
||||
margin-top: 40px;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
|
||||
.draginput_cursor{
|
||||
position: absolute;
|
||||
|
|
Loading…
Reference in New Issue