finishing mode

3 files changed, 74 insertions, 0 deletions

diff --git a/css/main.css b/css/main.css
index c691562..21cb054 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,6 +1,10 @@
+html,body{
+  min-height: 100%;
+}
 body{
 padding-top:5px;
 font-family: 'Roboto', sans-serif;
+  position: relative;
 }
 .title{
   font-family: 'Orienta', sans-serif;
diff --git a/css/overlay.css b/css/overlay.css
new file mode 100644
index 0000000..b406f71
--- /dev/null
+++ b/css/overlay.css
@@ -0,0 +1,28 @@
+#overlay{
+  position:absolute;
+  height:100%;
+  width:100%;
+  top:0;
+  left:0;
+  background: rgba(245,245,245,0.8);
+  z-index: 100;
+
+}
+#overlay > .close{
+  position: absolute;
+  padding: 10px;
+  top: 10px;
+  left: 10px;
+  border: 1px solid gray;
+  background: white;
+  cursor: pointer; 
+}
+#overlay > .content{
+  top: 10px;
+  left: 150px;
+  padding: 10px;
+  border: 1px solid gray;
+  background: white;
+  position: absolute;
+
+}
diff --git a/css/sketch.css b/css/sketch.css
new file mode 100644
index 0000000..1fa0266
--- /dev/null
+++ b/css/sketch.css
@@ -0,0 +1,42 @@
+
+#canvas_wrapper{
+//  position:absolute;
+  display: inline-block;
+white-space: no-wrap;
+word-wrap: break-word;
+-webkit-user-select: none;
+-moz-user-select: none;
+user-select: none;
+//  pointer-events: none;
+
+}
+.canvas_cell{
+  border: 1px solid black;
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+}
+.canvas_row{
+//  position: absolute;
+}
+
+.brush_tools{
+  margin:5px;
+  padding:5px;
+  display: inline-block;
+  background: whitesmoke;
+  border: 1px solid gray;
+  cursor: pointer;
+}
+#drawing_finished{
+  padding:5px;
+  margin-top:10px;
+  text-transform:bold;
+  display:block;
+  width:100%;
+}
+#brush{
+  background:gray;
+  color: white;
+  border: 1px solid black;
+}