diff --git a/game.js b/game.js index 79960ec..57b749f 100644 --- a/game.js +++ b/game.js @@ -850,7 +850,7 @@ function toggle_verbose() { verbose = !verbose; - document.getElementById("button-verbose").innerHTML = (verbose ? "Verbose" : "Simple"); + document.getElementById("button-verbose").innerHTML = (verbose ? "Verbose Text" : "Simple Text"); } function toggle_arousal() @@ -2352,24 +2352,27 @@ function grow_lots() update(["Power surges through you as you grow " + heightStr + " taller and gain " + massStr + " of mass",newline]); } +function resetSettings() { + document.forms.namedItem("custom-species-form").reset(); +} + function saveSettings() { let storage = window.localStorage; let settings = {}; let form = document.forms.namedItem("custom-species-form"); for (let i=0; i
-
-
-
-
-
-
+
+
+
+
+
+
Growth
@@ -59,21 +59,21 @@
-
- +
+ - +
-
Welcome to Stroll 0.5.6
+
Welcome to Stroll 0.5.7
This game features 18+ content
Changelog
Telegram discussion group
@@ -132,10 +132,11 @@
- + +
-

Welcome to Stroll 0.5.6

+

Welcome to Stroll 0.5.7

This game features 18+ content

Changelog

Telegram discussion group

@@ -145,88 +146,96 @@

Build your Character (leave blank for defaults)

    -
  • - - -
  • -
  • - - -
  • -
  • - - -
  • -
  • - - -
  • -
  • - - -
  • -
    -
  • - -
    -
  • -
  • - -
    -
  • -
  • - -
    -
  • -
  • - -
    -
  • -
  • - -
    -
  • -
    -
  • - - -
  • -
    - Brutality:
    -
      +
      +
      Basics
      +
    • + + +
    • +
    • + + +
    • +
    • + + +
    • - - + +
    • - - + +
    • +
    • - - + +
    • - - + +
    • -
    +
  • + +
    +
  • +
  • + +
    +
  • +
  • + +
    +
  • +
    +
  • + + +
  • +

-
  • - -
    -
  • -
  • - -
    -
  • -
  • - -
    -
  • -
    - Arousal:
    -
    +
    +
    Brutality
    +
      +
    • + + +
    • +
    • + + +
    • +
    • + + +
    • +
    • + + +
    • +
    +
    +
    +
    +
    Misc
    +
  • + +
    +
  • +
  • + +
    +
  • +
  • + +
    +
  • +
    +
    + +
  • @@ -239,9 +248,9 @@

  • -
    - Tail(s):
    -
    +
    + +
  • @@ -266,14 +275,18 @@

  • -
  • - -
    -
  • -
    -
    - Male genitals:
    -
    +
    + + +
    +
  • + It's on :D +
  • +
    +
    +
    + +
  • @@ -306,9 +319,9 @@

  • -
    - Breasts:
    -
    +
    + +
  • @@ -337,9 +350,9 @@

  • -
    - Female genitals:
    -
    +
    + +
  • @@ -361,9 +374,12 @@
  • - - - +
    + + + + +
    diff --git a/style.css b/style.css index 7b01083..d3d456f 100644 --- a/style.css +++ b/style.css @@ -17,6 +17,11 @@ body.dark > div > div > div > form input { background: #444; } +body.light button { + color: #000; + background: #ddd; +} + body.dark button { color: #eee; background: #111; @@ -79,6 +84,12 @@ body.dark #log { font-size: 12pt; } +.stat-line-hidden { + font-weight: normal; + font-size: 12pt; + display: none; +} + .sidebar { display: none; flex-wrap: wrap; @@ -102,6 +113,12 @@ body.dark #log { flex: 1; } +.stat-container { + flex-wrap: wrap; + flex-direction: row; + flex: 1 +} + .action-part-container { max-height: 400px; display: flex; @@ -122,6 +139,7 @@ body.dark #log { font-size: 20px; width: 120px; height: 75px; + } .option-form { @@ -173,6 +191,61 @@ input.sub[type="checkbox"]:checked ~ .reveal-if-active-2 { overflow: visible; } +.flex-outer { + width: 100%; + display: flex; + flex-direction: row; + flex-wrap: wrap; + text-align: center; + justify-content: center; +} + +.custom-category { + text-align: center; + margin: 10px; +} + +body.light .custom-category { + background: #ddd; +} + +body.dark .custom-category { + background: #222; +} + + +.custom-header { + font-size: 200%; + margin: 10px; + display: inline-block; + border-style: solid; + border-width: 1px; +} + +body.light .custom-header { + background: #ddd; +} + +body.dark .custom-header { + background: #555; +} + +body.light input[type="checkbox"]:checked+ +.custom-header { + margin: 10px; + background: #bbb; +} + +body.dark input[type="checkbox"]:checked+ +.custom-header { + margin: 10px; + background: #000; +} + +.custom-header-checkbox { + display: none; +} + .flex-outer li, .flex-inner { display: flex; @@ -232,6 +305,10 @@ body.dark a:hover { color: #0000EE; } +.character-build { + width: 90%; + text-align: center; +} #grow-panel { width: 100%; }