create thumbnail images for themepicker

public/stylesheets/themepicker.css

@@ -37,7 +37,6 @@ body #themepicker div.is3d,
 .is2d #themepicker div.color_demo {
   width: 64px;
   height: 32px;
-  background-size: 256px;
   border: 1px solid #d0d0d0;
   box-sizing: border-box;
   position: relative;
@@ -46,7 +45,6 @@ body #themepicker div.is3d,
   width: 66px;
   height: 30px;
   margin-bottom: 4px;
-  background-size: 264px;
   border: none;
   position: relative;
 }
@@ -171,110 +169,114 @@ body.transp #themepicker input.background_image {
 
 #top div.color_demo.blue {
   background-image: url(../images/board/svg/blue.svg);
+  background-size: 256px;
 }
 #top div.color_demo.blue2 {
-  background-image: url(../images/board/blue2.jpg);
+  background-image: url(../images/board/blue2.thumbnail.jpg);
 }
 #top div.color_demo.wood2 {
-  background-image: url(../images/board/wood2.jpg);
+  background-image: url(../images/board/wood2.thumbnail.jpg);
 }
 #top div.color_demo.wood3 {
-  background-image: url(../images/board/wood3.jpg);
+  background-image: url(../images/board/wood3.thumbnail.jpg);
 }
 #top div.color_demo.blue3 {
-  background-image: url(../images/board/blue3.jpg);
+  background-image: url(../images/board/blue3.thumbnail.jpg);
 }
 #top div.color_demo.marble {
-  background-image: url(../images/board/marble.jpg);
+  background-image: url(../images/board/marble.thumbnail.jpg);
 }
 #top div.color_demo.brown {
   background-image: url(../images/board/svg/brown.svg);
+  background-size: 256px;
 }
 #top div.color_demo.green {
   background-image: url(../images/board/svg/green.svg);
+  background-size: 256px;
 }
 #top div.color_demo.olive {
-  background-image: url(../images/board/olive.jpg);
+  background-image: url(../images/board/olive.thumbnail.jpg);
 }
 #top div.color_demo.purple {
   background-image: url(../images/board/svg/purple.svg);
+  background-size: 256px;
 }
 #top div.color_demo.grey {
-  background-image: url(../images/board/grey.jpg);
+  background-image: url(../images/board/grey.thumbnail.jpg);
 }
 #top div.color_demo.wood {
-  background-image: url(../images/board/wood-1024.jpg);
+  background-image: url(../images/board/wood.thumbnail.jpg);
 }
 #top div.color_demo.canvas {
-  background-image: url(../images/board/canvas2-1024.jpg);
+  background-image: url(../images/board/canvas2.thumbnail.jpg);
 }
 #top div.color_demo.leather {
-  background-image: url(../images/board/leather-1024.jpg);
+  background-image: url(../images/board/leather.thumbnail.jpg);
 }
 #top div.color_demo.metal {
-  background-image: url(../images/board/metal-1024.jpg);
+  background-image: url(../images/board/metal.thumbnail.jpg);
 }
 #top div.color_demo.maple {
-  background-image: url(../images/board/maple.jpg);
+  background-image: url(../images/board/maple.thumbnail.jpg);
 }
 #top .is3d .Black-White-Aluminium {
-  background-image: url(../images/staunton/board/Black-White-Aluminium.png);
+  background-image: url(../images/staunton/board/Black-White-Aluminium.thumbnail.png);
 }
 #top .is3d .Brushed-Aluminium {
-  background-image: url(../images/staunton/board/Brushed-Aluminium.png);
+  background-image: url(../images/staunton/board/Brushed-Aluminium.thumbnail.png);
 }
 #top .is3d .China-Blue {
-  background-image: url(../images/staunton/board/China-Blue.png);
+  background-image: url(../images/staunton/board/China-Blue.thumbnail.png);
 }
 #top .is3d .China-Green {
-  background-image: url(../images/staunton/board/China-Green.png);
+  background-image: url(../images/staunton/board/China-Green.thumbnail.png);
 }
 #top .is3d .China-Grey {
-  background-image: url(../images/staunton/board/China-Grey.png);
+  background-image: url(../images/staunton/board/China-Grey.thumbnail.png);
 }
 #top .is3d .China-Scarlet {
-  background-image: url(../images/staunton/board/China-Scarlet.png);
+  background-image: url(../images/staunton/board/China-Scarlet.thumbnail.png);
 }
 #top .is3d .China-Yellow {
-  background-image: url(../images/staunton/board/China-Yellow.png);
+  background-image: url(../images/staunton/board/China-Yellow.thumbnail.png);
 }
 #top .is3d .Classic-Blue {
-  background-image: url(../images/staunton/board/Classic-Blue.png);
+  background-image: url(../images/staunton/board/Classic-Blue.thumbnail.png);
 }
 #top .is3d .Transparent-Glass {
-  background-image: url(../images/staunton/board/Glass.png);
+  background-image: url(../images/staunton/board/Glass.thumbnail.png);
 }
 #top .is3d .Gold-Silver {
-  background-image: url(../images/staunton/board/Gold-Silver.png);
+  background-image: url(../images/staunton/board/Gold-Silver.thumbnail.png);
 }
 #top .is3d .Green-Glass {
-  background-image: url(../images/staunton/board/Green-Glass.png);
+  background-image: url(../images/staunton/board/Green-Glass.thumbnail.png);
 }
 #top .is3d .Light-Wood {
-  background-image: url(../images/staunton/board/Light-Wood.png);
+  background-image: url(../images/staunton/board/Light-Wood.thumbnail.png);
 }
 #top .is3d .Power-Coated {
-  background-image: url(../images/staunton/board/Power-Coated.png);
+  background-image: url(../images/staunton/board/Power-Coated.thumbnail.png);
 }
 #top .is3d .Purple-Black {
-  background-image: url(../images/staunton/board/Purple-Black.png);
+  background-image: url(../images/staunton/board/Purple-Black.thumbnail.png);
 }
 #top .is3d .Rosewood {
-  background-image: url(../images/staunton/board/Rosewood.png);
+  background-image: url(../images/staunton/board/Rosewood.thumbnail.png);
 }
 #top .is3d .Wood-Glass {
-  background-image: url(../images/staunton/board/Wood-Glass.png);
+  background-image: url(../images/staunton/board/Wood-Glass.thumbnail.png);
 }
 #top .is3d .Wax {
-  background-image: url(../images/staunton/board/Wax.png);
+  background-image: url(../images/staunton/board/Wax.thumbnail.png);
 }
 #top .is3d .Jade {
-  background-image: url(../images/staunton/board/Jade.png);
+  background-image: url(../images/staunton/board/Jade.thumbnail.png);
 }
 #top .is3d .Marble {
-  background-image: url(../images/board/3d/marble.1024.png);
+  background-image: url(../images/board/3d/marble.thumbnail.png);
 }
 #top .is3d .Woodi {
-  background-image: url(../images/board/3d/woodi.1024.png);
+  background-image: url(../images/board/3d/woodi.thumbnail.png);
 }