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 @@ + - +