diff --git a/demo/assets/georgeDrawing.jpg b/demo/assets/georgeDrawing.jpg deleted file mode 100644 index 2823691..0000000 Binary files a/demo/assets/georgeDrawing.jpg and /dev/null differ diff --git a/demo/assets/itgivesyouthis.jpg b/demo/assets/itgivesyouthis.jpg new file mode 100644 index 0000000..026ba26 Binary files /dev/null and b/demo/assets/itgivesyouthis.jpg differ diff --git a/demo/demo.css b/demo/demo.css index 295b0dc..5693bb0 100644 --- a/demo/demo.css +++ b/demo/demo.css @@ -48,12 +48,12 @@ h2 { } #notifier { - position: absolute; + position: fixed; right: 0; top: 0; width: 271px; - height: 112px; - background: url("assets/arrow.png") 0 0 no-repeat; + height: 142px; + background: url("assets/itgivesyouthis.jpg") 72px 0 no-repeat; margin: 30px 22px 0 0; } diff --git a/gui.css b/gui.css index e55b459..98a57a8 100644 --- a/gui.css +++ b/gui.css @@ -135,18 +135,18 @@ width: 148px; .guidat-slider-bg:hover, .guidat-slider-bg.active { -background-color: #444; + background-color: #444; } .guidat-slider-bg:hover .guidat-slider-fg, .guidat-slider-bg.active .guidat-slider-fg { -background-color: #52c8ff; + background-color: #52c8ff; } .guidat-slider-bg { background-color: #222; cursor: ew-resize; -width: 40%; + width: 40%; margin-top: 2px; float: right; height: 21px; diff --git a/gui.js b/gui.js index 03d3c8c..95a5ad5 100644 --- a/gui.js +++ b/gui.js @@ -147,4 +147,6 @@ var GUI = new function() { open = false; } + + };