From d1d12581142daec6773afcd2cdadaa3ee949e5d7 Mon Sep 17 00:00:00 2001 From: Isaiah Odhner Date: Sat, 22 Feb 2014 19:43:47 -0500 Subject: [PATCH] move some layout to index.html, continue styling the toolbar --- classic.css | 29 ++++++++++++----------------- index.html | 13 +++++++++++++ 2 files changed, 25 insertions(+), 17 deletions(-) diff --git a/classic.css b/classic.css index 18c3023..ffc012b 100644 --- a/classic.css +++ b/classic.css @@ -1,14 +1,4 @@ -.jspaint-current-colors, tool.selected { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQIW2PcvXv3f1dXV0ZGBiAAcQBCfwczEgEQgwAAAABJRU5ErkJggg==) repeat; -} -.overlay-container { - position: relative; -} -.overlay { - position: absolute; - pointer-events: none; -} body { background: #BBB; @@ -27,12 +17,6 @@ body { pointer-events: none; } -.jspaint-toolbar-buttons { - display: flex; - flex-flow: row wrap; - height: 200px; - width: 50px; -} tool { display: block; margin: 0; @@ -41,4 +25,15 @@ tool { height: 22px; border: 1px outset; box-shadow: 0 0 0 1px #000; -} \ No newline at end of file +} +tool.selected { + border: 1px outset #000; + box-shadow: 1px 1px 0 0px #7B7B7B inset; +} +.jspaint-current-colors, tool.selected { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAABlBMVEW9vb3///8EwsWUAAAADElEQVQI12NoYHAAAAHEAMFJRSpJAAAAAElFTkSuQmCC) repeat; +} +/* +data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQIW2PcvXv3f1dXV0ZGBiAAcQBCfwczEgEQgwAAAABJRU5ErkJggg== +*/ + diff --git a/index.html b/index.html index 0af602e..17797a5 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,19 @@ .jspaint, .jspaint-lower { flex: 1; } + .overlay-container { + position: relative; + } + .overlay { + position: absolute; + pointer-events: none; + } + .jspaint-toolbar-buttons { + display: flex; + flex-flow: row wrap; + height: 200px; + width: 50px; + }