example: cssStyle.svg add

For now it's a simple file used to check the styling precedence
and overall correctness.
After the css stylling will be fully introduced a more complex file
can be used,

Change-Id: I10fe2b7d4c201e29893ab6a919d132a2e2a47e24

diff --git a/src/examples/images/cssStyle.svg b/src/examples/images/cssStyle.svg
new file mode 100644 (file)
index 0000000..53d071f
--- /dev/null
+++ b/src/examples/images/cssStyle.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+ <rect x="5" y="5" width="50" height="50" class="mineStyle" />
+ <circle cx="50" cy="55" r="20"  stroke="black" stroke-width="3" class="mineStyle" />
+
+ <rect x="80" y="5" width="50" height="50" class="mineStyle" style="fill:#000099"/>
+ <circle cx="130" cy="55" r="20"  style="fill:#006600" stroke="black" stroke-width="3" class="mineStyle" />
+
+ <defs>
+  <style>
+    rect.mineStyle {
+        fill: blue;
+        stroke: #3399ff;
+    }
+    .mineStyle {
+        fill: red;
+        stroke: yellow;
+        stroke-width: 10;
+    }
+    circle.mineStyle {
+        fill: #00cc00;
+        stroke: #99ff33;
+    }
+  </style>
+ </defs>
+
+ <rect x="5" y="90" width="50" height="50" class="mineStyle" />
+ <circle cx="50" cy="140" r="20"  stroke="black" stroke-width="3" class="mineStyle" />
+
+ <rect x="80" y="90" width="50" height="50" class="mineStyle" style="fill:#000099"/>
+ <circle cx="130" cy="140" r="20" style="fill:#006600" stroke="black" stroke-width="3" class="mineStyle" />
+
+</svg>