diff --git a/toys/license/index.html b/toys/license/index.html index 4d33a8b..9a3c4ef 100644 --- a/toys/license/index.html +++ b/toys/license/index.html @@ -19,35 +19,48 @@ - +
-

- Check out the original version by Chilli +

+ Check out the original by Chilli here! -

+


Basic

- -
- -
- -
- -
- -
03
+
+
+
+
+ +
03

- - + + + +
+ +

Extra

+
+ +
+ +

Advanced

+
+
diff --git a/toys/license/license.css b/toys/license/license.css index f09fbde..51de30a 100644 --- a/toys/license/license.css +++ b/toys/license/license.css @@ -2,10 +2,7 @@ width: 600px; height: 400px; padding: 40px 10px 40px 40px; - position: absolute; - left: 50%; - bottom: 0%; - transform: translate(-50%, calc(-22px * var(--pxDensity))); + margin: calc(5px * var(--pxDensity)) auto calc(30px * var(--pxDensity)) auto; font-size: 0.75rem; box-sizing: border-box; display: grid; diff --git a/toys/license/options.css b/toys/license/options.css index faab129..97635ad 100644 --- a/toys/license/options.css +++ b/toys/license/options.css @@ -1,11 +1,11 @@ #optionsContainer { - display: inline; - position: absolute; - top: 0%; - left: round(50%, var(--pxDensityPx)); - transform: translate(-50%); + display: block; + margin: 0% auto; width: max-content; padding: calc(2px * var(--pxDensity)); + overflow-y: scroll; + max-height: 45vh; + max-width: 100vw; } #optionsCredits { margin: 0%; @@ -18,7 +18,7 @@ label { 0px calc(-1px * var(--pxDensity)) var(--navBarBtn_Border); padding: calc(1px * var(--pxDensity)); - margin: calc(3px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%; + margin: calc(3px * var(--pxDensity)) calc(3px * var(--pxDensity)) 0% 0%; box-sizing: border-box; width: round(auto, var(--pxDensity)); height: round(auto, var(--pxDensity)); @@ -38,6 +38,7 @@ input { width: round(auto, var(--pxDensity)); height: round(auto, var(--pxDensity)); color: inherit; + display: inline-block; } .slider { -webkit-appearance: none; @@ -54,7 +55,6 @@ input { outline: none; padding: 0%; } - .slider::-webkit-slider-thumb, .slider::-moz-range-thumb { -webkit-appearance: none; appearance: none; @@ -98,4 +98,24 @@ input { width: round(auto, var(--pxDensity)); height: auto; aspect-ratio: 1 / 1; +} +h1 { + background-color: var(--navBarBtn_Inner); + box-shadow: calc(1px * var(--pxDensity)) 0px var(--navBarBtn_Border), + calc(-1px * var(--pxDensity)) 0px var(--navBarBtn_Border), + 0px calc(1px * var(--pxDensity)) var(--navBarBtn_Border), + 0px calc(-1px * var(--pxDensity)) var(--navBarBtn_Border); + + padding: calc(1px * var(--pxDensity)); + border: none; + margin: calc(6px * var(--pxDensity)) calc(2px * var(--pxDensity)) 0% 0%; + box-sizing: border-box; + width: round(auto, var(--pxDensity)); + height: round(auto, var(--pxDensity)); + color: inherit; + font-size: inherit; + display: inline-block; +} +.h1Top { + margin-top: calc(2px * var(--pxDensity)); } \ No newline at end of file diff --git a/toys/license/style.css b/toys/license/style.css index cef29de..7fa7742 100644 --- a/toys/license/style.css +++ b/toys/license/style.css @@ -11,4 +11,7 @@ a { } a:visited { color: #551A8B; +} +.mainDiv { + text-align: center; } \ No newline at end of file