diff --git a/assets/sandbox_tabs.png b/assets/sandbox_tabs.png
new file mode 100644
index 0000000..69fcd36
Binary files /dev/null and b/assets/sandbox_tabs.png differ
diff --git a/css/slides.css b/css/slides.css
index 3c80b0a..791effa 100644
--- a/css/slides.css
+++ b/css/slides.css
@@ -5,11 +5,17 @@
}
body{
+
margin:0;
overflow: hidden;
background: #fff; /*url('paper@2x.png');
background-size: 100px 100px;*/
+
+ font-family: 'FuturaHandwritten';
+ color: #333;
+ font-size: 20px;
+
}
#main{
width: 100%;
@@ -30,7 +36,7 @@ body{
#slideshow{
/*background: #bada55;*/
- /*border: 1px solid rgba(0,0,0,0.2);*/
+ border: 1px solid rgba(0,0,0,0.2);
width:960px;
height:540px;
@@ -55,15 +61,15 @@ body{
/******** Text Box ********/
-.textbox{
- font-family: 'FuturaHandwritten';
- color: #333;
- font-size: 20px;
-}
+.textbox{}
.textbox > div{
position: absolute;
}
+.label{
+ position: absolute;
+}
+
/********* Button ********/
.button{
@@ -112,6 +118,33 @@ body{
display: none;
}
+
+/*************************/
+/****** SANDBOX UI *******/
+/*************************/
+
+#sandbox_tabs{
+ position: absolute;
+ left: 460px; top:-10px;
+ background: url(../assets/sandbox_tabs.png);
+ width:500px; height:470px;
+ background-size: auto 100%;
+}
+#sandbox_tabs > div{
+ position: absolute;
+}
+#sandbox_tabs .hitbox{
+ cursor: pointer;
+ font-size: 25px;
+ top: 22px;
+}
+#sandbox_tabs .sandbox_page{
+ width: 433px;
+ height: 385px;
+ left: 33px;
+ top: 80px;
+}
+
/*************************/
/***** SLIDE SELECT ******/
/*************************/
diff --git a/index.html b/index.html
index d226924..69a9fa6 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
-
+
@@ -36,9 +36,10 @@
+
-
+