Commit 38eb56d2 authored by Romain Courteaud's avatar Romain Courteaud 🐙 Committed by Titouan Soulard
parent fff85e8d
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<link rel="icon" type="image/png" href="images/logo.png"/>
<link rel="stylesheet" href="svg-editor.css" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<title>Browser does not support SVG | Method Draw</title>
</head>
<body>
<div id="browser-not-supported">
<img style="float:left;padding:10px;" src="images/logo.png" width="48" height="48" alt="SVG-edit logo" /><br />
<p>Sorry, but your browser does not support SVG. Below is a list of alternate browsers and versions that support SVG and SVG-edit (from <a href="http://caniuse.com/#cats=SVG">caniuse.com</a>).</p>
<p>Try the latest version of <a href="http://www.getfirefox.com">Firefox</a>, <a href="http://www.google.com/chrome/">Google Chrome</a>, <a href="http://www.apple.com/safari/download/">Safari</a>, <a href="http://www.opera.com/download/">Opera</a> or <a href="http://windows.microsoft.com/ie9">Internet Explorer</a>.</p>
<script type="text/javascript">
var viewportHeight =(window.innerHeight ? window.innerHeight : $(window).height()) - 140;
document.write('<iframe width="100%" height="'+viewportHeight+'" src="http://caniuse.com/#cats=SVG"></iframe>');
</script>
</div>
</body>
</html>
\ No newline at end of file
<?xml version="1.0"?>
<ZopeData>
<record id="1" aka="AAAAAAAAAAE=">
<pickle>
<global name="File" module="OFS.Image"/>
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_Cacheable__manager_id</string> </key>
<value> <string>anonymous_http_cache</string> </value>
</item>
<item>
<key> <string>__name__</string> </key>
<value> <string>browser-not-supported.html</string> </value>
</item>
<item>
<key> <string>content_type</string> </key>
<value> <string>text/html</string> </value>
</item>
<item>
<key> <string>precondition</string> </key>
<value> <string></string> </value>
</item>
<item>
<key> <string>title</string> </key>
<value> <string></string> </value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
.align_buttons {
margin-bottom: var(--x2);
}
.align_button,
.align_button * {
transition: var(--transition);
}
.align_button:hover,
.align_button:hover * {
transition: none;
}
.align_button {
float: left;
height: var(--x13);
width: var(--x13);
line-height: var(--x16);
text-align: center;
cursor: pointer;
position: relative;
}
.align_button:hover {
background-color: var(--z0);
border-color: var(--z3);
}
.align_button svg {
fill: var(--z10);
}
.align_button:hover svg {
fill: var(--z15);
transition: none;
}
.align_button:nth-child(1) {border-radius: var(--x1) 0 0 0;}
.align_button:nth-child(3) {border-radius: 0 var(--x1) 0 0;}
.align_button:nth-child(4) {border-radius: 0 0 0 var(--x1);}
.align_button:nth-child(6) {border-radius: 0 0 var(--x1) 0;}
.align_buttons .push_button {
display: block;
float: left;
}
\ No newline at end of file
......@@ -8,11 +8,11 @@
<dictionary>
<item>
<key> <string>__name__</string> </key>
<value> <string>OpenSans-Italic.woff2</string> </value>
<value> <string>align_buttons.css</string> </value>
</item>
<item>
<key> <string>content_type</string> </key>
<value> <string>font/woff2</string> </value>
<value> <string>text/css</string> </value>
</item>
<item>
<key> <string>precondition</string> </key>
......@@ -20,7 +20,7 @@
</item>
<item>
<key> <string>title</string> </key>
<value> <string>1.11</string> </value>
<value> <string></string> </value>
</item>
</dictionary>
</pickle>
......
#svgroot {
-moz-user-select: none;
-webkit-user-select: none;
display: block;
}
#svg_editor {
background: var(--z1);
}
#svgcanvas {
background-color: var(--z2);
display: block;
}
#workarea {
display: block;
position:absolute;
top: var(--x8);
left: var(--x12);
bottom: var(--x10);
right: calc(var(--panel-width) + var(--x4));
background-color: var(--z2);
overflow: auto;
align-items: center;
justify-content: center;
transition: transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);
border-radius: var(--x2);
box-shadow: var(--shadow-bg);
}
.inverted #svgcanvas,
.inverted #workarea {
background: var(--z1);
}
#workarea.rect, #workarea.line, #workarea.ellipse, #workarea.path, #workarea.shapelib {
cursor: crosshair;
}
#workarea.text {
cursor: text;
}
#workarea.eyedropper {
cursor: url(../images/eyedropper.svg) 0 16, crosshair;
}
#workarea.fhpath {
cursor: url(../images/pencil_cursor.png) 0 16, crosshair;
}
#workarea.rotate * {
cursor: url(../images/rotate.png) 12 12, auto;
}
#workarea.select text, #workarea.multiselect text {
cursor: default;
}
#workarea.n-resize * {cursor: n-resize !important;}
#workarea.e-resize * {cursor: e-resize !important;}
#workarea.w-resize * {cursor: w-resize !important;}
#workarea.s-resize * {cursor: s-resize !important;}
#workarea.ne-resize * {cursor: ne-resize !important;}
#workarea.se-resize * {cursor: se-resize !important;}
#workarea.nw-resize * {cursor: nw-resize !important;}
#workarea.sw-resize * {cursor: sw-resize !important;}
#workspace.dragging *,
body.dragging * {
cursor: url(../images/dragging.png), move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
#workspace.drag * {
cursor: url(../images/dragging.png), move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
#workarea.copy {
cursor: copy;
}
#workarea.zoom {
cursor: crosshair;
cursor:-moz-zoom-in;
cursor:-webkit-zoom-in;
}
#workarea.zoom.out {
cursor: crosshair;
cursor:-moz-zoom-out;
cursor:-webkit-zoom-out;
}
#selectorRubberBand {
shape-rendering: crispEdges;
}
......@@ -8,11 +8,11 @@
<dictionary>
<item>
<key> <string>__name__</string> </key>
<value> <string>OpenSans-BoldItalic.woff2</string> </value>
<value> <string>app.css</string> </value>
</item>
<item>
<key> <string>content_type</string> </key>
<value> <string>font/woff2</string> </value>
<value> <string>text/css</string> </value>
</item>
<item>
<key> <string>precondition</string> </key>
......@@ -20,7 +20,7 @@
</item>
<item>
<key> <string>title</string> </key>
<value> <string>1.11</string> </value>
<value> <string></string> </value>
</item>
</dictionary>
</pickle>
......
:root, .inverted-undo { /* red */ /* yellow */ /* green */
--z0: #111827; --a0: #2a1c26; --b0: #2a2429; --c0: #162730;
--z1: #1e2433; --a1: #421f24; --b1: #45322a; --c1: #1c3b3b;
--z2: #2b313f; --a2: #5a2122; --b2: #60422b; --c2: #1f4f47;
--z3: #393e4c; --a3: #71231f; --b3: #7b522a; --c3: #226452;
--z4: #474c59; --a4: #89221c; --b4: #976328; --c4: #227a5e;
--z5: #565a66; --a5: #a22018; --b5: #b47424; --c5: #20906a;
--z6: #656974; --a6: #bb1b13; --b6: #d1861d; --c6: #1ba776;
--z7: #747782; --a7: #d4100b; --b7: #f0990f; --c7: #0ebf82;
--z8: #848790; --a8: #e62b18; --b8: #ffa723; --c8: #31ce8f;
--z9: #94969f; --a9: #ee5035; --b9: #ffb146; --c9: #59d49c;
--z10: #a4a6ae; --a10: #f66d50;--b10: #ffbc63; --c10: #76dbaa;
--z11: #b4b7bd; --a11: #fb866c;--b11: #ffc67d; --c11: #8fe0b7;
--z12: #c5c7cc; --a12: #ff9f88;--b12: #ffd197; --c12: #a7e6c5;
--z13: #d6d8db; --a13: #ffb7a5;--b13: #ffdbb1; --c13: #bdecd3;
--z14: #e7e9eb; --a14: #ffcfc3;--b14: #ffe6cb; --c14: #d2f1e1;
--z15: #f9fafb; --a15: #fee6e1;--b15: #fef1e5; --c15: #e8f6ef;
--d0: #152239; --e0: #181e39; --f0: #1f1d39; --g0: #291d30;
--d1: #1a3050; --e1: #202651; --f1: #2f2251; --g1: #43223b;
--d2: #1d3d69; --e2: #282e69; --f2: #3f2769; --g2: #5e2647;
--d3: #1e4c82; --e3: #303782; --f3: #502b82; --g3: #7a2953;
--d4: #1e5a9d; --e4: #383f9d; --f4: #622e9d; --g4: #962a5f;
--d5: #1c69b8; --e5: #4047b8; --f5: #7430b8; --g5: #b32a6c;