diff --git a/css/hues-res.css b/css/hues-res.css index 99237b0..7754598 100644 --- a/css/hues-res.css +++ b/css/hues-res.css @@ -226,10 +226,12 @@ border: 2px solid black; padding: 5px; cursor: pointer; + /* Actually wider than the container, but has a centering effect */ + width: 200px; } #res-packtabs > input:checked + label { - background: rgba(255,255,255,0.5); + background: rgba(255,255,255,0.3); border-bottom: none; } diff --git a/css/style.css b/css/style.css index c71333e..05163eb 100644 --- a/css/style.css +++ b/css/style.css @@ -125,8 +125,6 @@ h1, h2, h3 { #tabs { margin: -1px; padding-top: 22px; - height: 455px; - min-width: 500px; } input[type=radio] { @@ -161,28 +159,24 @@ input.tab-input[type="radio"]:checked + label { } #settingsHelper { - display:-webkit-flex; - display:flex; - -webkit-justify-content:center; - justify-content:center; - -webkit-align-items:center; - align-items:center; position: absolute; - z-index: 9; - top: 0; - left: 0; - width:100%; - height:100%; + left: 50%; + top: 50%; } #settingsWindow { position: relative; + z-index: 9; + width: 640px; + height: 470px; + left: -320px; + top: -235px; + background: rgba(200,200,200, 0.7); border-color: "black"; border-width: 2px; border-style: solid; font-family: 'PetMe64Web'; - width: 640px; } #huesSettings { diff --git a/js/HuesCore.js b/js/HuesCore.js index 322bf72..d3ea6e2 100644 --- a/js/HuesCore.js +++ b/js/HuesCore.js @@ -273,7 +273,7 @@ HuesCore.prototype.resetAudio = function() { HuesCore.prototype.randomImage = function() { var len = this.resourceManager.enabledImages.length; - var index=Math.floor(Math.random() * len); + var index = Math.floor(Math.random() * len); if ((index == this.imageIndex || this.lastImageArray.indexOf(index) != -1) && len > 1) { this.randomImage(); } else {