Aesthetic patch.

Maikuolan · Maikuolan · commit 0f6f0cfec63f · 2025-08-12T22:57:07.000+08:00
diff --git a/themes/bluemetal/frontend.css b/themes/bluemetal/frontend.css
@@ -1,5 +1,9 @@
-:root{color-scheme:dark}
+:root{scroll-behavior:smooth;color-scheme:dark}
 *{vertical-align:text-top}
+@media screen and (prefers-reduced-motion: reduce) {
+  :root{scroll-behavior:auto}
+}
+.scrollTrans{transition:all .5s ease-in-out}
 body,input,select,textarea,.idx{font-size:calc((12px * {Magnification}) + .03vw)}
 body{font-family:'Tahoma','Verdana','Arial';letter-spacing:1px;text-decoration:none;border-style:none;margin:0;white-space:normal;background-color:#333;color:#cde;background-image:url(data:image/gif;base64,R0lGODdhAwADAIACADMzM1VicCwAAAAAAwADAAACBIQRBwUAOw==);background-attachment:fixed}
 code{background-color:rgba(85,85,85,.5);color:#eee;vertical-align:0;display:inline-block;height:calc(1em + 2px)}
@@ -132,10 +136,6 @@ select,input[type=submit],input[type=reset],input[type=button],input[type=text],
 select[class=auto]+select[class=auto]{margin-{FE_Align}:-3px;margin-{FE_Align_Reverse}:0}
 #pgrad{width:16px;height:16px;display:inline-block;border-radius:16px;filter:blur(2px)}
 td code~input,td code~select{vertical-align:middle}
-.trEase{transition:all .5s ease-out}
-.trEase>div{display:inline-block;transition:inherit}
-.pipCntrs{display:inline-block;position:relative;left:0;width:12px;height:12px;transition:inherit}
-.pipCntrs>img{display:inline-block;position:absolute;left:0;transition:inherit}
 .gridboxitem>label,.gridboxitem input+strong{vertical-align:-2px;cursor:pointer}
 .statGroup{display:inline-block;height:18px}
 .gridHA:not(.gridVA):not(.gridVB):not(.gridboxstretch),.gridHB:not(.gridVA):not(.gridVB):not(.gridboxstretch){white-space:nowrap}
diff --git a/themes/fullmoon/frontend.css b/themes/fullmoon/frontend.css
@@ -1,5 +1,9 @@
-:root{color-scheme:dark}
+:root{scroll-behavior:smooth;color-scheme:dark}
 *{vertical-align:text-top}
+@media screen and (prefers-reduced-motion: reduce) {
+  :root{scroll-behavior:auto}
+}
+.scrollTrans{transition:all .5s ease-in-out}
 body,input,select,textarea{font-size:calc((12px * {Magnification}) + .03vw)}
 body{font-family:'Tahoma','Verdana','Arial';letter-spacing:1px;text-decoration:none;border-style:none;margin:0;white-space:normal;background-color:#36393b;color:#c5bc8e;background-image:url('?cidram-asset=moon.jpg&theme={theme}');background-repeat:no-repeat;background-attachment:fixed;background-position:center center}
 hr{border-style:solid none none;border-width:1px;margin:5px 2px 0;padding:2px;color:#aaa}
@@ -113,10 +117,6 @@ select,input[type=submit],input[type=reset],input[type=button],input[type=text],
 select[class=auto]+select[class=auto]{margin-{FE_Align}:-3px;margin-{FE_Align_Reverse}:0}
 #pgrad{width:16px;height:16px;display:inline-block;border-radius:16px;filter:blur(2px)}
 td code~input,td code~select{vertical-align:middle}
-.trEase{transition:all .5s ease-out}
-.trEase>div{display:inline-block;transition:inherit}
-.pipCntrs{display:inline-block;position:relative;left:0;width:12px;height:12px;transition:inherit}
-.pipCntrs>img{display:inline-block;position:absolute;left:0;transition:inherit}
 .gridboxitem>label,.gridboxitem input+strong{vertical-align:-2px;cursor:pointer}
 .statGroup{display:inline-block;height:18px}
 .gridHA:not(.gridVA):not(.gridVB):not(.gridboxstretch),.gridHB:not(.gridVA):not(.gridVB):not(.gridboxstretch){white-space:nowrap}
diff --git a/themes/moss/frontend.css b/themes/moss/frontend.css
@@ -1,5 +1,9 @@
-:root{color-scheme:normal}
+:root{scroll-behavior:smooth;color-scheme:normal}
 *{vertical-align:text-top}
+@media screen and (prefers-reduced-motion: reduce) {
+  :root{scroll-behavior:auto}
+}
+.scrollTrans{transition:all .5s ease-in-out}
 body,input,select,textarea,.idx{font-size:calc((12px * {Magnification}) + .03vw)}
 body{font-family:'Tahoma','Verdana','Arial';letter-spacing:1px;text-decoration:none;border-style:none;margin:0;white-space:normal;background-color:#789048;background-image:url('?cidram-asset=bg.png&theme={theme}');background-repeat:repeat-x;background-attachment:fixed;background-position:left bottom;color:#303c24}
 code{vertical-align:0;display:inline-block;height:calc(1em + 2px)}
@@ -133,10 +137,6 @@ select,input[type=submit],input[type=reset],input[type=button],input[type=text],
 select[class=auto]+select[class=auto]{margin-{FE_Align}:-3px;margin-{FE_Align_Reverse}:0}
 #pgrad{width:16px;height:16px;display:inline-block;border-radius:16px;filter:blur(2px)}
 td code~input,td code~select{vertical-align:middle}
-.trEase{transition:all .5s ease-out}
-.trEase>div{display:inline-block;transition:inherit}
-.pipCntrs{display:inline-block;position:relative;left:0;width:12px;height:12px;transition:inherit}
-.pipCntrs>img{display:inline-block;position:absolute;left:0;transition:inherit}
 .gridboxitem>label,.gridboxitem input+strong{vertical-align:-2px;cursor:pointer}
 .statGroup{display:inline-block;height:18px}
 .gridHA:not(.gridVA):not(.gridVB):not(.gridboxstretch),.gridHB:not(.gridVA):not(.gridVB):not(.gridboxstretch){white-space:nowrap}
diff --git a/themes/primer/frontend.css b/themes/primer/frontend.css
@@ -1,5 +1,9 @@
-:root{color-scheme:light}
+:root{scroll-behavior:smooth;color-scheme:light}
 *{vertical-align:text-top}
+@media screen and (prefers-reduced-motion: reduce) {
+  :root{scroll-behavior:auto}
+}
+.scrollTrans{transition:all .5s ease-in-out}
 body,input,select,textarea,code,.idx{font-size:calc((12px * {Magnification}) + .03vw)}
 body,input,select{font-family:BlinkMacSystemFont,"Segoe UI",Helvetica,'Arial',sans-serif;letter-spacing:1px;text-decoration:none;border-style:none;margin:0;white-space:normal;background-color:#f6f8fa;color:#24292e}
 code{background-color:rgba(164,128,102,.5);vertical-align:0;display:inline-block;height:calc(1em + 2px)}
@@ -135,10 +139,6 @@ select,input[type=submit],input[type=reset],input[type=button],input[type=text],
 select[class=auto]+select[class=auto]{margin-{FE_Align}:-3px;margin-{FE_Align_Reverse}:0}
 #pgrad{width:16px;height:16px;display:inline-block;border-radius:16px;filter:blur(2px)}
 td code~input,td code~select{vertical-align:middle}
-.trEase{transition:all .5s ease-out}
-.trEase>div{display:inline-block;transition:inherit}
-.pipCntrs{display:inline-block;position:relative;left:0;width:12px;height:12px;transition:inherit}
-.pipCntrs>img{display:inline-block;position:absolute;left:0;transition:inherit}
 input[type=checkbox]+label,input[type=radio]+label,.gridboxitem>label,.gridboxitem input+strong{vertical-align:-3px;cursor:pointer}
 .gridboxitem>input[type=radio],.statGroup>input[type=radio]{position:relative;top:-1px;margin:2px}
 .statGroup{display:inline-block;height:24px}
diff --git a/themes/primerdark/frontend.css b/themes/primerdark/frontend.css
@@ -1,5 +1,9 @@
-:root{color-scheme:dark}
+:root{scroll-behavior:smooth;color-scheme:dark}
 *{vertical-align:text-top}
+@media screen and (prefers-reduced-motion: reduce) {
+  :root{scroll-behavior:auto}
+}
+.scrollTrans{transition:all .5s ease-in-out}
 body,input,select,textarea,code,.idx{font-size:calc((12px * {Magnification}) + .03vw)}
 body,input,select{font-family:BlinkMacSystemFont,"Segoe UI",Helvetica,'Arial',sans-serif;letter-spacing:1px;text-decoration:none;border-style:none;margin:0;white-space:normal;color:#e4e6eb}
 body{background-color:#18191a}
@@ -137,10 +141,6 @@ textarea{border:none}
 select,input[type=submit],input[type=reset],input[type=button],input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],button{box-sizing:border-box;height:20px;padding-top:0;padding-bottom:0}
 #pgrad{width:16px;height:16px;display:inline-block;border-radius:16px;filter:blur(2px)}
 td code~input,td code~select{vertical-align:middle}
-.trEase{transition:all .5s ease-out}
-.trEase>div{display:inline-block;transition:inherit}
-.pipCntrs{display:inline-block;position:relative;left:0;width:12px;height:12px;transition:inherit}
-.pipCntrs>img{display:inline-block;position:absolute;left:0;transition:inherit}
 input[type=checkbox]+label,input[type=radio]+label,.gridboxitem>label,.gridboxitem input+strong{vertical-align:-3px;cursor:pointer}
 .gridboxitem>input[type=radio],.statGroup>input[type=radio]{position:relative;top:-1px;margin:2px}
 .statGroup{display:inline-block;height:24px}
diff --git a/themes/rbi/frontend.css b/themes/rbi/frontend.css
@@ -1,5 +1,9 @@
-:root{color-scheme:light}
+:root{scroll-behavior:smooth;color-scheme:light}
 *{vertical-align:text-top}
+@media screen and (prefers-reduced-motion: reduce) {
+  :root{scroll-behavior:auto}
+}
+.scrollTrans{transition:all .5s ease-in-out}
 body,input,select,textarea,.idx{font-size:calc((12px * {Magnification}) + .03vw)}
 body{font-family:'Tahoma','Verdana','Arial';letter-spacing:1px;text-decoration:none;border-style:none;margin:0;white-space:normal;background-color:#ccc;color:#330}
 code{vertical-align:0;display:inline-block;height:calc(1em + 2px)}
@@ -134,10 +138,6 @@ select,input[type=submit],input[type=reset],input[type=button],input[type=text],
 select[class=auto]+select[class=auto]{margin-{FE_Align}:-3px;margin-{FE_Align_Reverse}:0}
 #pgrad{width:16px;height:16px;display:inline-block;border-radius:16px;filter:blur(2px)}
 td code~input,td code~select{vertical-align:middle}
-.trEase{transition:all .5s ease-out}
-.trEase>div{display:inline-block;transition:inherit}
-.pipCntrs{display:inline-block;position:relative;left:0;width:12px;height:12px;transition:inherit}
-.pipCntrs>img{display:inline-block;position:absolute;left:0;transition:inherit}
 .gridboxitem>label,.gridboxitem input+strong{vertical-align:-2px;cursor:pointer}
 .statGroup{display:inline-block;height:18px}
 .gridHA:not(.gridVA):not(.gridVB):not(.gridboxstretch),.gridHB:not(.gridVA):not(.gridVB):not(.gridboxstretch){white-space:nowrap}
diff --git a/themes/slate/frontend.css b/themes/slate/frontend.css
@@ -1,5 +1,9 @@
-:root{color-scheme:dark}
+:root{scroll-behavior:smooth;color-scheme:dark}
 *{vertical-align:text-top}
+@media screen and (prefers-reduced-motion: reduce) {
+  :root{scroll-behavior:auto}
+}
+.scrollTrans{transition:all .5s ease-in-out}
 body,input,select,textarea,.idx{font-size:calc((12px * {Magnification}) + .03vw)}
 body{font-family:sans-serif,'Tahoma','Verdana','Arial';letter-spacing:1px;text-decoration:none;border-style:none;margin:0;white-space:normal;background-color:#212121;color:#ddd}
 code{vertical-align:0;display:inline-block;height:calc(1em + 2px)}
@@ -134,10 +138,6 @@ select,input[type=submit],input[type=reset],input[type=button],input[type=text],
 select[class=auto]+select[class=auto]{margin-{FE_Align}:-3px;margin-{FE_Align_Reverse}:0}
 #pgrad{width:16px;height:16px;display:inline-block;border-radius:16px;filter:blur(2px)}
 td code~input,td code~select{vertical-align:middle}
-.trEase{transition:all .5s ease-out}
-.trEase>div{display:inline-block;transition:inherit}
-.pipCntrs{display:inline-block;position:relative;left:0;width:12px;height:12px;transition:inherit}
-.pipCntrs>img{display:inline-block;position:absolute;left:0;transition:inherit}
 .gridboxitem>label,.gridboxitem input+strong{vertical-align:-2px;cursor:pointer}
 .statGroup{display:inline-block;height:18px}
 .gridHA:not(.gridVA):not(.gridVB):not(.gridboxstretch),.gridHB:not(.gridVA):not(.gridVB):not(.gridboxstretch){white-space:nowrap}
diff --git a/themes/themes.dat b/themes/themes.dat
@@ -2,7 +2,7 @@
 theme/bluemetal:
  Name: "Theme: Blue Metal"
  Extended Description: "<img src="https://raw.githubusercontent.com/CIDRAM/CIDRAM-Extras/master/themes/preview-bluemetal.png" alt="Preview" /><br />Simple blue/black colour scheme with gentle tones.<br /><em>Author: Caleb M (Maikuolan), based on previous work by Daniel R.</em>"
- Version: "2025.185.0"
+ Version: "2025.223.0"
  Dependencies:
   CIDRAM Core: "^1.18|^2.5"
   CIDRAM Front-End: "^1.22.2|^2.9.2"
@@ -25,14 +25,14 @@ theme/bluemetal:
   Checksum:
    - "e7b728ac1bdb4107f9793801b0a5bc50c1ff41f9f165b6830a01ec84cb79651f:2010"
    - "7405a80593058c1ba96a58a27e75494e93f456fbe3cb913059cde9ae7eec2615:2518"
-   - "d7e2ab9dac4fdd77d59269b035ff140f9333287921ff563e559a5e8ec4768e67:12735"
+   - "2c2cd9b537b6e0852b9f20c6602f44b12efc3b69139faa2010589d361b60c4e0:12619"
    - "6c533c40ff1440d1f6e625b350386959679a359a801cf5874be33c4565edc6ae:886"
    - "27c4d3f0f99e06ef984a53a61fa1a54a407999e090181addd1018343de87907a:1394"
  Reannotate: "themes.dat"
 theme/fullmoon:
  Name: "Theme: Full Moon"
  Extended Description: "<img src="https://raw.githubusercontent.com/CIDRAM/CIDRAM-Extras/master/themes/preview-fullmoon.png" alt="Preview" /><br />Darker, semi-transparent colours; Navigation shifted to the top; No special fonts; Full moon backdrop.<br /><em>Author: Caleb M (Maikuolan)</em>"
- Version: "2025.206.0"
+ Version: "2025.223.0"
  Dependencies:
   CIDRAM Core: "^1.18|^2.5"
   CIDRAM Front-End: "^1.22.2|^2.9.2"
@@ -135,15 +135,15 @@ theme/fullmoon:
    - "25926fe60915a4e511968d5d83e9b6f39e724575f2a4defb0bce17d95e5cc653:43"
    - "552aba78cdb551e6f8c5b10fecc0ab4cd520449cc4fb8785e0c93f71ff01f309:5162"
    - "2dc043c315ad494bcc06b32ded6bd46b8beb09acde8237b0ece9f191323bb5e0:743"
-   - "cfa6b3fd4f006fc70d96577c5fa2bd15ef5c92874562cb561e7536c92a61e5b6:11666"
+   - "7e2d5cc290d6edc22a4de5171c492b17051f05ab772c20322490128c88d6e5d6:11550"
    - "7a9e256639070415d9f59447e89bfbde4d22913251a9201f4b9be4f3f0cf2dd0:837"
    - "17703149e6f8a4312527243bfaf369c2dfa73e56c50d4d2fdb2b9f8fa0b332c3:34088"
    - "5b9d2c8399b1074e1fdc719e978d6cb170c465fa205fe455f1ea0328865e00a6:1393"
  Reannotate: "themes.dat"
 theme/moss:
  Name: "Theme: Moss"
  Extended Description: "<img src="https://raw.githubusercontent.com/CIDRAM/CIDRAM-Extras/master/themes/preview-moss.png" alt="Preview" /><br />Inspired by the colours of nature.<br /><em>Author: Caleb M (Maikuolan)</em>"
- Version: "2025.185.0"
+ Version: "2025.223.0"
  Dependencies:
   CIDRAM Core: "^1.18|^2.5"
   CIDRAM Front-End: "^1.22.2|^2.9.2"
@@ -170,13 +170,13 @@ theme/moss:
    - "bd9c5e4c1d54d14fc1901ee8f7baee594491b9f4737ca762bbb657d8639d2de3:2438"
    - "ceb4497bbae40d04a2a8ecb42086307bc57677235685ea07bedf98795dea780f:17804"
    - "7e201d5b66569728b06eb38c3d9d36b7679e6d98a8f69dabd49c54ff0f543d29:1582"
-   - "14b78f6139689c01b8e9c9f5d7b481ef4dcf92f285e5f838c6f0cbd283ee79dd:12946"
+   - "0905854d55334a0a6b5f701e15b9eb986ccc2736f1f0f23f1788d5977fbdc3f8:12830"
    - "6c533c40ff1440d1f6e625b350386959679a359a801cf5874be33c4565edc6ae:886"
  Reannotate: "themes.dat"
 theme/primer:
  Name: "Theme: Primer"
  Extended Description: "<img src="https://raw.githubusercontent.com/CIDRAM/CIDRAM-Extras/master/themes/preview-primer.png" alt="Preview" /><br />Inspired by the "Primer Design System" (utilised by GitHub, Facebook, etc)."
- Version: "2025.185.0"
+ Version: "2025.223.0"
  Dependencies:
   CIDRAM Core: "^1.18|^2.5"
   CIDRAM Front-End: "^1.22.2|^2.9.2"
@@ -203,13 +203,13 @@ theme/primer:
    - "91e29d1ec09a7b4b0c80f14cd589d4d3e7984749047c2e3e57d1fe077658a839:3318"
    - "7d5936fe0484f6739b0ffa8d3acf81ce6df9353fe04dd7096c19c88a1134364a:1955"
    - "6145977fd40e6cf39446446915e1dc7691e87ce4f7f67f4f80b92cb06662cddc:574"
-   - "74bef1603ec6b593c62fed8147cf43b61a1a6fc300bbc156aaba65d0cd10d61e:13901"
+   - "782703b21f2b36622ce79774e11aa33f30bfdd956df744e67499b7eec23fdfba:13785"
    - "78237c45eb2394b72cb5dba4d0b33a366b2abc857ad3af1dbc5b5b2344a6a067:860"
  Reannotate: "themes.dat"
 theme/primerdark:
  Name: "Theme: Primer Dark"
  Extended Description: "<img src="https://raw.githubusercontent.com/CIDRAM/CIDRAM-Extras/master/themes/preview-primerdark.png" alt="Preview" /><br />A darker version of the Primer theme."
- Version: "2025.185.0"
+ Version: "2025.223.0"
  Dependencies:
   CIDRAM Core: "^1.18|^2.5"
   CIDRAM Front-End: "^1.22.2|^2.9.2"
@@ -236,13 +236,13 @@ theme/primerdark:
    - "f24942206d223c88e901f510c7cf7147d9e8e53e88c139c8d166fedfb3d66418:3299"
    - "7d5936fe0484f6739b0ffa8d3acf81ce6df9353fe04dd7096c19c88a1134364a:1955"
    - "6145977fd40e6cf39446446915e1dc7691e87ce4f7f67f4f80b92cb06662cddc:574"
-   - "cb00b1366019105fc83016135ffe918a0bfeb84511cade5a54798eec261af00c:13757"
+   - "a28d83794b1d57c0a247ac0acfaf68722e820daab45e983059429e1927c2e983:13641"
    - "78237c45eb2394b72cb5dba4d0b33a366b2abc857ad3af1dbc5b5b2344a6a067:860"
  Reannotate: "themes.dat"
 theme/rbi:
  Name: "Theme: Red-Blue Inverted"
  Extended Description: "<img src="https://raw.githubusercontent.com/CIDRAM/CIDRAM-Extras/master/themes/preview-rbi.png" alt="Preview" /><br />Exactly the same as the default theme, but with some of the colours swapped around. No big changes.<br /><em>Author: Caleb M (Maikuolan)</em>"
- Version: "2025.185.0"
+ Version: "2025.223.0"
  Dependencies:
   CIDRAM Core: "^1.18|^2.5"
   CIDRAM Front-End: "^1.22.2|^2.9.2"
@@ -261,12 +261,12 @@ theme/rbi:
   Checksum:
    - "f9fb589bfa0832a4e7df4365a41fe1fe65026f64ecda0737b2726d8611bb98f2:1927"
    - "53bc98db048566f9c2e06fd0555fb3956572ad7b78dffe44c2ea5d37cc0cd236:2408"
-   - "234f545ec4ca986487b32667a0285e9911e7b079a8478c29763215d9177fa6be:12611"
+   - "ceb3c67d6fc940615924c695acae2b334182367b0829ae191aed0588e5ac3045:12495"
  Reannotate: "themes.dat"
 theme/slate:
  Name: "Theme: Slate"
  Extended Description: "<img src="https://raw.githubusercontent.com/CIDRAM/CIDRAM-Extras/master/themes/preview-slate.png" alt="Preview" /><br />Simple layout; Gentle, darker colours.<br /><em>Author: Caleb M (Maikuolan)</em>"
- Version: "2025.185.0"
+ Version: "2025.223.0"
  Dependencies:
   CIDRAM Core: "^1.18|^2.5"
   CIDRAM Front-End: "^1.22.2|^2.9.2"
@@ -289,7 +289,7 @@ theme/slate:
   Checksum:
    - "f6495f9b934253d9a1758d8ade00c873df07f604e0df3ad7997e010b464a2148:1899"
    - "ea973ecef7375b90399afc7c0417b7b9427cc6c8e532a94fd87c71bb3c2ad66c:2580"
-   - "a545db9b04a0cae5432a1c797bf22bb0a2da06119395e75031c2b257b1fd2d6f:12697"
+   - "d94afa48e032845b747adb48acb9c74cc68d88415fad8463245eadea7f12a4c3:12581"
    - "6c533c40ff1440d1f6e625b350386959679a359a801cf5874be33c4565edc6ae:886"
    - "b1e24a988b17cfbb8163e912e0cb7d5da50ea3a4d2e9e07c7aa565943e68130f:1389"
  Reannotate: "themes.dat"
