Added very simple solved word tracker and Game Over overlay.

4 files changed, 40 insertions, 2 deletions

diff --git a/css/style.css b/css/style.css
index f68994c..6c4a5ef 100644
--- a/css/style.css
+++ b/css/style.css
@@ -32,6 +32,7 @@ body {
   margin: 0 auto;
   padding: 40px 0;
   text-align: center;
+  position:relative;
 }
 
 .logo, #gameArea {
diff --git a/css/style.min.css b/css/style.min.css
index 36d31ef..98940d1 100644
--- a/css/style.min.css
+++ b/css/style.min.css
@@ -1 +1 @@
-body,h1{margin:0;padding:0}h1{text-transform:uppercase}body{color:#333}.wrap{width:960px;margin:0 auto;padding:40px 0;text-align:center}.logo,#gameArea{margin-bottom:40px}.ws-area,.ws-words{display:inline-block;vertical-align:top}.ws-words{margin-left:20px;text-align:left}.ws-word{margin-bottom:4px}
\ No newline at end of file
+body,h1{margin:0;padding:0}h1{text-transform:uppercase}body{color:#333}.fix{zoom:1}.fix:after{display:table;clear:both;content:''}.wrap{width:960px;text-align:center;position:relative;margin:0 auto;padding:40px 0}.logo,#gamearea{margin-bottom:40px}.ws-area,.ws-words{display:inline-block;vertical-align:top}.ws-words{margin-left:20px;text-align:left}.ws-word{margin-bottom:4px}
\ No newline at end of file
diff --git a/css/wordsearch.css b/css/wordsearch.css
index 02853f0..149c36e 100644
--- a/css/wordsearch.css
+++ b/css/wordsearch.css
@@ -25,4 +25,41 @@
 
 .ws-found {
   background: yellow;
+}
+
+.ws-game-over-outer {
+  background: rgba(0, 0, 0, 0.85);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.ws-game-over-inner {
+  width:100%;
+  height:100%;
+  padding:0;
+  margin:0;
+  display:table;
+}
+
+.ws-game-over {
+  display:table-cell;
+  vertical-align:middle;
+}
+
+.ws-game-over h2 {
+  color:#FFFFFF;
+  font-size:2em;
+  text-transform:uppercase;
+  padding:0;
+  margin:0 0 9px 0;
+}
+
+.ws-game-over p {
+  color:#FFFFFF;
+  font-size:1em;
+  padding:0;
+  margin:0;
 }
\ No newline at end of file
diff --git a/css/wordsearch.min.css b/css/wordsearch.min.css
index ac2f261..0e49dc3 100644
--- a/css/wordsearch.min.css
+++ b/css/wordsearch.min.css
@@ -1 +1 @@
-.ws-area{background:#fafafa;display:inline-block;padding:20px;border-radius:10px;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.ws-row{line-height:0}.ws-col{cursor:pointer}.ws-col.ws-selected{background:#eee}.ws-found{background:yellow}
\ No newline at end of file
+.ws-area{background:#fafafa;display:inline-block;border-radius:10px;-moz-user-select:0;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:20px}.ws-row{line-height:0}.ws-col{cursor:pointer}.ws-col.ws-selected{background:#eee}.ws-found{background:#FF0}.ws-game-over-outer{background:rgba(0,0,0,0.85);height:100%;left:0;position:absolute;top:0;width:100%}.ws-game-over-inner{width:100%;height:100%;display:table;margin:0;padding:0}.ws-game-over{display:table-cell;vertical-align:middle}.ws-game-over h2{color:#FFF;font-size:2em;text-transform:uppercase;margin:0 0 9px;padding:0}.ws-game-over p{color:#FFF;font-size:1em;margin:0;padding:0}
\ No newline at end of file