diff --git a/examples/collision/index.html b/examples/collision/index.html
index c74b5bd..7855e86 100644
--- a/examples/collision/index.html
+++ b/examples/collision/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/examples/collision2/index.html b/examples/collision2/index.html
index 4581363..a1b41bd 100644
--- a/examples/collision2/index.html
+++ b/examples/collision2/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/examples/common/styles/common.css b/examples/common/styles/common.css
index 9305bfc..9d8cbf6 100644
--- a/examples/common/styles/common.css
+++ b/examples/common/styles/common.css
@@ -44,10 +44,6 @@
.dialog button {
font-size: 0.8em;
}
-
- #hint {
- font-size: 1em !important;
- }
}
@@ -157,7 +153,7 @@ input:focus {
}
input[invalid=true] {
- border-color: rgb(255, 41, 41);
+ border-color: rgb(255, 41, 41) !important;
}
.fill {
@@ -357,17 +353,6 @@ input[invalid=true] {
background: rgba(255, 255, 255, 0.1);
}
-#hint {
- position: absolute;
- bottom: 1em;
- left: 50%;
- transform: translateX(-50%);
- font-size: 2em;
- color: rgba(255, 255, 255, 0.6);
- text-shadow: 0 0 0.2em black;
- pointer-events: none;
-}
-
.fading-out {
animation-duration: 1s;
animation-delay: 2s;
diff --git a/examples/common/styles/themes/white.css b/examples/common/styles/themes/white.css
index 5b24006..99f99e5 100644
--- a/examples/common/styles/themes/white.css
+++ b/examples/common/styles/themes/white.css
@@ -1,80 +1,79 @@
-body {
+body.white-theme {
color: #555;
background: #ece9e9 linear-gradient(180deg, #fff, #ece9e9) no-repeat;
}
-button {
- border: 0.1em solid black;
+.white-theme button {
color: black;
}
-button:hover {
+.white-theme button:hover {
background: rgba(155, 155, 155, 0.1);
}
-button:active {
+.white-theme button:active {
background: rgba(110, 110, 110, 0.2);
}
-input[type=text] {
+.white-theme input[type=text] {
color: black;
border-bottom: 0.1em solid #606060;
}
-input[type=text]:disabled {
+.white-theme input[type=text]:disabled {
color: #606060;
}
-input[type=checkbox] {
+.white-theme input[type=checkbox] {
border: 0.1em solid #606060;
}
-input[type=checkbox]::before {
+.white-theme input[type=checkbox]::before {
background: #606060;
}
-.dialog {
+.white-theme .dialog {
background: white;
border: 0.1rem solid rgba(90, 90, 90, 0.5);
}
-.dialog .dialog-caption {
+.white-theme .dialog .dialog-caption {
border-bottom: 0.1rem solid #606060;
}
-[data-tooltip]:before {
+.white-theme [data-tooltip]:before {
background: #f3f3f3;
}
-.dialog button.dialog-close {
+.white-theme .dialog button.dialog-close {
border: 0.1em solid #606060;
}
-.settings-button {
+.white-theme .settings-button {
position: absolute;
right: 1em;
bottom: 1em;
}
-.settings-dialog .dialog {
+.white-theme .settings-dialog .dialog {
padding: 0 1em 1em 1em;
box-sizing: border-box;
max-height: calc(100vh - 1em);
max-width: max(40vw, 400px);
}
-.settings-dialog .dialog-close.settings-close {
+.white-theme .settings-dialog .dialog-close.settings-close {
position: absolute;
right: 0;
border: none;
}
-.settings-close > img {
+.white-theme .settings-close > img {
width: 1.5em;
height: 1.5em;
}
-.settings-dialog .settings-dialog-caption {
+.white-theme .settings-dialog .settings-dialog-caption {
position: sticky;
top: 0;
background: white;
diff --git a/examples/crusher/index.html b/examples/crusher/index.html
index c2082a2..9d9e2b0 100644
--- a/examples/crusher/index.html
+++ b/examples/crusher/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/examples/falling/index.html b/examples/falling/index.html
index 0faee9d..b14635a 100644
--- a/examples/falling/index.html
+++ b/examples/falling/index.html
@@ -7,7 +7,7 @@
-
+
Click to spawn
Click body to accelerate
diff --git a/examples/friction/index.html b/examples/friction/index.html
index 36bb26a..b134d52 100644
--- a/examples/friction/index.html
+++ b/examples/friction/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/examples/momentum_conservation/index.html b/examples/momentum_conservation/index.html
index 40fc8e2..6347948 100644
--- a/examples/momentum_conservation/index.html
+++ b/examples/momentum_conservation/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/examples/particles/index.html b/examples/particles/index.html
index 4b8e352..942c4f6 100644
--- a/examples/particles/index.html
+++ b/examples/particles/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/examples/particles/style.css b/examples/particles/style.css
index 572faa7..d062f90 100644
--- a/examples/particles/style.css
+++ b/examples/particles/style.css
@@ -6,7 +6,7 @@ body {
box-sizing: border-box;
margin: 0;
padding: 1rem;
- background: radial-gradient(circle at 10% 20%, #bc8fab 0%, #404972 80%);
+ background: radial-gradient(circle at 10% 20%, #bc8fab 0%, #404972 80%) !important;
}
#canvas {
diff --git a/examples/ramp/index.html b/examples/ramp/index.html
index 45b0f41..b533ec1 100644
--- a/examples/ramp/index.html
+++ b/examples/ramp/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/examples/sprite/index.html b/examples/sprite/index.html
index cfdb84d..8dc4e84 100644
--- a/examples/sprite/index.html
+++ b/examples/sprite/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/examples/tower/index.html b/examples/tower/index.html
index 23764de..5927871 100644
--- a/examples/tower/index.html
+++ b/examples/tower/index.html
@@ -7,7 +7,7 @@
-
+
Click to strike / pull to set speed