add cstimerplus uidesign, color schemes

cs0x7f · Aug 31, 2024 · 006ed71 · 006ed71
1 parent c5903b6
commit 006ed71
Show file tree

Hide file tree

Showing 3 changed files with 148 additions and 4 deletions.
diff --git a/src/css/style.css b/src/css/style.css
@@ -1341,3 +1341,140 @@ html.m .mhide, html:not(.m) .mshow {
 	border: #0008 dashed;
 	margin: 0.2em;
 }
+
+/* cstimer plus */
+.cspt .mywindow, .cspt #leftbar > div, .cspt #avgstr {
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
+}
+
+.cspt #avgstr {
+    font-size: 2rem;
+    line-height: 1.6;
+}
+
+.cspt .mywindow {
+    padding: 1rem;
+    border: 0;
+    border-radius: 0;
+}
+
+.cspt #scrambleTxt {
+    cursor: default;
+    letter-spacing: 0.375rem;
+    padding: 7px;
+}
+
+.cspt:not(.m) #leftbar {
+    width: 17.2rem;
+}
+
+.cspt:not(.m) #scrambleDiv {
+    left: 17.2rem;
+}
+
+.cspt #leftbar, .cspt #leftbar > div {
+    border: 0;
+    border-radius: 0;
+}
+
+.cspt .mywindow:not(.fixed)::before, .cspt #leftbar::before {
+    margin: 0px !important;
+}
+
+.cspt #leftbar::before, .cspt .mywindow::before, .cspt .popup, .cspt .dialog {
+    box-shadow: 0 1px 8px rgba(0,0,0,0.2) !important;
+    border-radius: 0;
+}
+
+.cspt .mywindow > .chide {
+    background-color: rgba(0,0,0,.2);
+}
+
+.cspt select, .cspt input[type='button'], .cspt input[type='text'] {
+    background-color: rgba(255,255,255,0.1);
+    border-radius: 0.375rem;
+    padding: 0.375rem 0.75rem;
+    border: 0;
+    margin: 0 0.25rem;
+}
+
+.cspt select > option {
+    color: #000000;
+}
+
+.cspt input[type='button'] {
+    padding: 0.375rem 0.75rem;
+}
+
+.cspt .table td, .cspt .table th, .cspt .table {
+    padding: 0.5rem;
+}
+
+.cspt .statc {
+    margin-top: 1rem;
+}
+
+.cspt .stattl {
+    margin-top: 0.5rem;
+}
+
+.cspt #leftbar .mybutton .icon {
+    height: 100%;
+    font-size: 2rem;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    font-variant: normal;
+}
+
+.cspt #leftbar .mybutton .icon:before {
+    font-size: 2rem;
+}
+
+.cspt #gray {
+    background-color: #000;
+}
+
+.cspt .dialog, .cspt .popup {
+    border-radius: 0;
+    border: 0;
+}
+
+.cspt .dialog .title {
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
+}
+
+.cspt .tab {
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
+    border: 0;
+    padding: 0.375rem;
+    border-radius: 0;
+}
+
+.cspt #inputTimer {
+    width: 70% !important;
+}
+
+.cspt .tab.enable {
+    background-color: rgba(255,255,255,0.2)
+}
+
+.cspt table.opttable td {
+    padding: 0.75rem;
+}
+
+html.cspt:not(.m) .mywindow, html.cspt:not(.m) #leftbar {
+    z-index: 1 !important;
+}
+
+html.cspt:not(.m) .mywindow:hover, html.cspt:not(.m) #leftbar:hover {
+    z-index: 1 !important;
+}
diff --git a/src/js/kernel.js b/src/js/kernel.js
@@ -702,10 +702,11 @@ var kernel = execMain(function() {
 		var isMobileView = false;
 
 		function updateUIDesign() {
+			$('html').removeClass('mtds cspt');
 			if (getProp('uidesign') == 'mt' || getProp('uidesign') == 'mtns') {
 				$('html').addClass('mtds');
-			} else {
-				$('html').removeClass('mtds');
+			} else if (getProp('uidesign') == 'cspt') {
+				$('html').addClass('cspt');
 			}
 		}
 
@@ -810,7 +811,7 @@ var kernel = execMain(function() {
 			regProp('ui', 'zoom', 1, ZOOM_LANG, ['1', ['0.7', '0.8', '0.9', '1', '1.1', '1.25', '1.5'], ['70%', '80%', '90%', '100%', '110%', '125%', '150%']], 1);
 			regProp('ui', 'font', 1, PROPERTY_FONT, ['lcd', ['r', 'Arial', 'lcd', 'lcd2', 'lcd3', 'lcd4', 'lcd5', 'Roboto'], PROPERTY_FONT_STR.split('|').concat('Roboto')]);
 			regProp('kernel', 'ahide', 0, PROPERTY_AHIDE, [true], 1);
-			regProp('ui', 'uidesign', 1, PROPERTY_UIDESIGN, ['n', ['n', 'mt', 'ns', 'mtns'], PROPERTY_UIDESIGN_STR.split('|')]);
+			regProp('ui', 'uidesign', 1, PROPERTY_UIDESIGN, ['n', ['n', 'mt', 'ns', 'mtns', 'cspt'], PROPERTY_UIDESIGN_STR.split('|').concat('csTimer+')]);
 			regProp('ui', 'view', 1, PROPERTY_VIEW, ['a', ['a', 'm', 'd'], PROPERTY_VIEW_STR.split('|')]);
 			regProp('color', 'color', 1, PROPERTY_COLOR, ['1', ['u', 'e', 'r', '1', '2', '3', '4', '5', '6', '7', '8'], PROPERTY_COLOR_STR.split('|')]);
 			var parr = PROPERTY_COLORS.split('|');

diff --git a/src/lang/color.php b/src/lang/color.php
@@ -13,7 +13,6 @@
 <li><a class="click" href="#000#cff#fdd#fbb#00f#ff0#000"></a></li>
 <li><a class="click" href="#000#fd8#fb6#fa5#734#000#fb6"></a></li>
 <li><a class="click" href="#000#fff#fff#fff#00f#ff0#000"></a></li>
-<li><a class="click" href="#0df#000#000#000#0ef#0ef#000"></a></li>
 <li><a class="click" href="#0f0#000#333#666#ccc#0f0#333"></a></li>
 <li><a class="click" href="#0ff#000#000#000#0ff#0ff#000"></a></li>
 <li><a class="click" href="#555#bba#ddc#edc#750#761#ddc"></a></li>
@@ -23,4 +22,11 @@
 <li><a class="click" href="#fff#000#444#e31#fe4#18f#fff"></a></li>
 <li><a class="click" href="#fff#09d#06a#f70#fff#fff#000"></a></li>
 <li><a class="click" href="#fff#69c#235#47b#fff#fff#124"></a></li>
+<li><a class="click" href="#fff#922#374#922#000#000#eb4"></a></li>
+<li><a class="click" href="#19b#bff#cff#aef#3ce#19b#cff"></a></li>
+<li><a class="click" href="#fff#000#000#666#fff#fff#000"></a></li>
+<li><a class="click" href="#9aa#023#034#157#169#678#034"></a></li>
+<li><a class="click" href="#584#cba#ddc#edc#750#761#edc"></a></li>
+<li><a class="click" href="#888#000#000#333#ccc#7d4#000"></a></li>
+<li><a class="click" href="#b00#000#000#000#c00#c00#000"></a></li>
 </ul>