- 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%;
}