add grid

Sudoku/SudokuFeld.svg

@@ -3,7 +3,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	width="900"
 	height="900"
-	viewBox="5 15 200 120"
+	viewBox="5 15 200 180"
 	version="1.1"
 	id="svg5154">
 
@@ -14,7 +14,7 @@
 		fill : white
 	}
 	.selected {
-		stroke : black;
+		stroke : gray;
 		stroke-width : 0.1;
 		fill : thistle
 	}
@@ -34,6 +34,10 @@
 	.hoverKeypad {
 		fill : #d4aaff
 	}
+	.tipKeypad {
+		stroke : black;
+		fill : lightgray
+	}
 	.fromBeginning {
 		stroke : lightgray;
 		stroke-width : 0.1;
@@ -81,6 +85,12 @@
    		-ms-user-select: none;
    		user-select: none;
 	}
+	.BigBox {
+		stroke: gray;
+	}
+	.SmallBoxes{
+		stroke: lightgray;
+	}
 	
 		
 </style>
@@ -1029,8 +1039,25 @@
 <g id="Solve" transform="translate(155,22.5)">
   <title>Solve</title>
   <ellipse ry="7" rx="7" id="SolveCircle" cy="7.5" cx="7.5" class="normalKeyboard"/>
-  <text style="cursor: move;" font-style="normal" class="normalActionbuttons" font-weight="normal" xml:space="preserve" text-anchor="start" font-family="sans-serif" font-size="10" id="SolveText" y="11" x="4" stroke-width="0" stroke="null" fill="#7f00ff">✓</text>
+  <text style="cursor: move;" transform= "scale(-1,1) rotate(-40 -9 9)" font-style="normal" class="normalActionbuttons" font-weight="normal" xml:space="preserve" text-anchor="start" font-family="sans-serif" font-size="10" id="SolveText" y="11" x="-9" stroke-width="0" stroke="null" fill="#7f00ff">L</text>
  </g>
+
+<g id="SmallBoxes">
+<line x1="40" y1="10" x2="40" y2="100" class="SmallBoxes" />
+<line x1="70" y1="10" x2="70" y2="100" class="SmallBoxes" />
+<line x1="10" y1="40" x2="100" y2="40" class="SmallBoxes" />
+<line x1="10" y1="70" x2="100" y2="70" class="SmallBoxes" />
+</g>
+
+<g id="BigBox">
+<line x1="9.5" y1="10" x2="100" y2="10" class="BigBox" />
+<line x1="10" y1="100" x2="100.5" y2="100" class="BigBox" />
+<line x1="10" y1="10" x2="10" y2="100.5" class="BigBox" />
+<line x1="100" y1="9.5" x2="100" y2="100" class="BigBox" />
+</g>
+
+
+
 </svg>