diff --git a/css/hues-r.css b/css/hues-r.css index 4780a93..cfacea5 100644 --- a/css/hues-r.css +++ b/css/hues-r.css @@ -8,6 +8,8 @@ position: absolute; bottom: 0px; white-space: nowrap; + overflow: hidden; + width: 100%; font-size: 10px; } diff --git a/css/hues-x.css b/css/hues-x.css index 757bb3e..76e08e7 100644 --- a/css/hues-x.css +++ b/css/hues-x.css @@ -93,24 +93,36 @@ .hues-x-wiresleft, .hues-x-wiresright { height: 100%; top: 0px; + overflow: hidden; } .hues-x-wiresleft { - width: 76px; + width: 200px; left: 0px; background-image: url("../img/wiresleft.png"); } .hues-x-wiresright { - width: 59px; + width: 200px; right: 0px; background-image: url("../img/wiresright.png"); + background-position: 141px 0px; } -.hues-x-wiresbottom { +.hues-x-wiresbottomhelper { + position: absolute; bottom: 0px; - height: 56px; + width: 100%; + height: 200px; + overflow: hidden; +} + +.hues-x-wiresbottom { + height: 200px; width:2889px; background-image: url("../img/wiresbottom.png"); - left:50%;margin-left:-1444.5px; + background-position: 0px 144px; + left:50%; + margin-left: -1444.5px; + overflow: hidden; } \ No newline at end of file diff --git a/img/lighton.png b/img/lighton.png index 4509d19..f238b34 100644 Binary files a/img/lighton.png and b/img/lighton.png differ diff --git a/js/HuesUI.js b/js/HuesUI.js index 12807bf..d291728 100644 --- a/js/HuesUI.js +++ b/js/HuesUI.js @@ -774,6 +774,8 @@ function XmasUI() { this.lights.push(light); } + var bottomHelper = document.createElement("div"); + bottomHelper.className = "hues-x-wiresbottomhelper"; var bottom = document.createElement("div"); bottom.className = "hues-x-wiresbottom"; for(var i = 0; i < xbottom.length; i++) { @@ -787,7 +789,8 @@ function XmasUI() { wires.appendChild(left); wires.appendChild(right); - wires.appendChild(bottom); + bottomHelper.appendChild(bottom); + wires.appendChild(bottomHelper); this.root.appendChild(wires); } XmasUI.prototype = Object.create(ModernUI.prototype);