Skip to content

Commit 006ed71

Browse files
committed
add cstimerplus uidesign, color schemes
1 parent c5903b6 commit 006ed71

File tree

3 files changed

+148
-4
lines changed

3 files changed

+148
-4
lines changed

src/css/style.css

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1341,3 +1341,140 @@ html.m .mhide, html:not(.m) .mshow {
13411341
border: #0008 dashed;
13421342
margin: 0.2em;
13431343
}
1344+
1345+
/* cstimer plus */
1346+
.cspt .mywindow, .cspt #leftbar > div, .cspt #avgstr {
1347+
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;
1348+
}
1349+
1350+
.cspt #avgstr {
1351+
font-size: 2rem;
1352+
line-height: 1.6;
1353+
}
1354+
1355+
.cspt .mywindow {
1356+
padding: 1rem;
1357+
border: 0;
1358+
border-radius: 0;
1359+
}
1360+
1361+
.cspt #scrambleTxt {
1362+
cursor: default;
1363+
letter-spacing: 0.375rem;
1364+
padding: 7px;
1365+
}
1366+
1367+
.cspt:not(.m) #leftbar {
1368+
width: 17.2rem;
1369+
}
1370+
1371+
.cspt:not(.m) #scrambleDiv {
1372+
left: 17.2rem;
1373+
}
1374+
1375+
.cspt #leftbar, .cspt #leftbar > div {
1376+
border: 0;
1377+
border-radius: 0;
1378+
}
1379+
1380+
.cspt .mywindow:not(.fixed)::before, .cspt #leftbar::before {
1381+
margin: 0px !important;
1382+
}
1383+
1384+
.cspt #leftbar::before, .cspt .mywindow::before, .cspt .popup, .cspt .dialog {
1385+
box-shadow: 0 1px 8px rgba(0,0,0,0.2) !important;
1386+
border-radius: 0;
1387+
}
1388+
1389+
.cspt .mywindow > .chide {
1390+
background-color: rgba(0,0,0,.2);
1391+
}
1392+
1393+
.cspt select, .cspt input[type='button'], .cspt input[type='text'] {
1394+
background-color: rgba(255,255,255,0.1);
1395+
border-radius: 0.375rem;
1396+
padding: 0.375rem 0.75rem;
1397+
border: 0;
1398+
margin: 0 0.25rem;
1399+
}
1400+
1401+
.cspt select > option {
1402+
color: #000000;
1403+
}
1404+
1405+
.cspt input[type='button'] {
1406+
padding: 0.375rem 0.75rem;
1407+
}
1408+
1409+
.cspt .table td, .cspt .table th, .cspt .table {
1410+
padding: 0.5rem;
1411+
}
1412+
1413+
.cspt .statc {
1414+
margin-top: 1rem;
1415+
}
1416+
1417+
.cspt .stattl {
1418+
margin-top: 0.5rem;
1419+
}
1420+
1421+
.cspt #leftbar .mybutton .icon {
1422+
height: 100%;
1423+
font-size: 2rem;
1424+
1425+
display: flex;
1426+
justify-content: center;
1427+
align-items: center;
1428+
1429+
speak: none;
1430+
font-style: normal;
1431+
font-weight: normal;
1432+
text-transform: none;
1433+
line-height: 1;
1434+
-webkit-font-smoothing: antialiased;
1435+
font-variant: normal;
1436+
}
1437+
1438+
.cspt #leftbar .mybutton .icon:before {
1439+
font-size: 2rem;
1440+
}
1441+
1442+
.cspt #gray {
1443+
background-color: #000;
1444+
}
1445+
1446+
.cspt .dialog, .cspt .popup {
1447+
border-radius: 0;
1448+
border: 0;
1449+
}
1450+
1451+
.cspt .dialog .title {
1452+
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;
1453+
}
1454+
1455+
.cspt .tab {
1456+
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;
1457+
border: 0;
1458+
padding: 0.375rem;
1459+
border-radius: 0;
1460+
}
1461+
1462+
.cspt #inputTimer {
1463+
width: 70% !important;
1464+
}
1465+
1466+
.cspt .tab.enable {
1467+
background-color: rgba(255,255,255,0.2)
1468+
}
1469+
1470+
.cspt table.opttable td {
1471+
padding: 0.75rem;
1472+
}
1473+
1474+
html.cspt:not(.m) .mywindow, html.cspt:not(.m) #leftbar {
1475+
z-index: 1 !important;
1476+
}
1477+
1478+
html.cspt:not(.m) .mywindow:hover, html.cspt:not(.m) #leftbar:hover {
1479+
z-index: 1 !important;
1480+
}

src/js/kernel.js

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -702,10 +702,11 @@ var kernel = execMain(function() {
702702
var isMobileView = false;
703703

704704
function updateUIDesign() {
705+
$('html').removeClass('mtds cspt');
705706
if (getProp('uidesign') == 'mt' || getProp('uidesign') == 'mtns') {
706707
$('html').addClass('mtds');
707-
} else {
708-
$('html').removeClass('mtds');
708+
} else if (getProp('uidesign') == 'cspt') {
709+
$('html').addClass('cspt');
709710
}
710711
}
711712

@@ -810,7 +811,7 @@ var kernel = execMain(function() {
810811
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);
811812
regProp('ui', 'font', 1, PROPERTY_FONT, ['lcd', ['r', 'Arial', 'lcd', 'lcd2', 'lcd3', 'lcd4', 'lcd5', 'Roboto'], PROPERTY_FONT_STR.split('|').concat('Roboto')]);
812813
regProp('kernel', 'ahide', 0, PROPERTY_AHIDE, [true], 1);
813-
regProp('ui', 'uidesign', 1, PROPERTY_UIDESIGN, ['n', ['n', 'mt', 'ns', 'mtns'], PROPERTY_UIDESIGN_STR.split('|')]);
814+
regProp('ui', 'uidesign', 1, PROPERTY_UIDESIGN, ['n', ['n', 'mt', 'ns', 'mtns', 'cspt'], PROPERTY_UIDESIGN_STR.split('|').concat('csTimer+')]);
814815
regProp('ui', 'view', 1, PROPERTY_VIEW, ['a', ['a', 'm', 'd'], PROPERTY_VIEW_STR.split('|')]);
815816
regProp('color', 'color', 1, PROPERTY_COLOR, ['1', ['u', 'e', 'r', '1', '2', '3', '4', '5', '6', '7', '8'], PROPERTY_COLOR_STR.split('|')]);
816817
var parr = PROPERTY_COLORS.split('|');

src/lang/color.php

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,6 @@
1313
<li><a class="click" href="#000#cff#fdd#fbb#00f#ff0#000"></a></li>
1414
<li><a class="click" href="#000#fd8#fb6#fa5#734#000#fb6"></a></li>
1515
<li><a class="click" href="#000#fff#fff#fff#00f#ff0#000"></a></li>
16-
<li><a class="click" href="#0df#000#000#000#0ef#0ef#000"></a></li>
1716
<li><a class="click" href="#0f0#000#333#666#ccc#0f0#333"></a></li>
1817
<li><a class="click" href="#0ff#000#000#000#0ff#0ff#000"></a></li>
1918
<li><a class="click" href="#555#bba#ddc#edc#750#761#ddc"></a></li>
@@ -23,4 +22,11 @@
2322
<li><a class="click" href="#fff#000#444#e31#fe4#18f#fff"></a></li>
2423
<li><a class="click" href="#fff#09d#06a#f70#fff#fff#000"></a></li>
2524
<li><a class="click" href="#fff#69c#235#47b#fff#fff#124"></a></li>
25+
<li><a class="click" href="#fff#922#374#922#000#000#eb4"></a></li>
26+
<li><a class="click" href="#19b#bff#cff#aef#3ce#19b#cff"></a></li>
27+
<li><a class="click" href="#fff#000#000#666#fff#fff#000"></a></li>
28+
<li><a class="click" href="#9aa#023#034#157#169#678#034"></a></li>
29+
<li><a class="click" href="#584#cba#ddc#edc#750#761#edc"></a></li>
30+
<li><a class="click" href="#888#000#000#333#ccc#7d4#000"></a></li>
31+
<li><a class="click" href="#b00#000#000#000#c00#c00#000"></a></li>
2632
</ul>

0 commit comments

Comments
 (0)