From 5a767de54842e136e19e087a54624ed83cab272f Mon Sep 17 00:00:00 2001
From: slore <slorelee@gmail.com>
Date: Thu, 20 Jul 2023 00:09:57 +0800
Subject: [PATCH] update html/css for high resolution

---
 .../WIN10XPE/00-Configures/Build/main.html    |  2 +-
 .../WIN10XPE/00-Configures/Loader/main.html   |  7 ----
 .../WIN10XPE/00-Configures/System/main.html   |  2 +-
 .../00-Configures/x-Account/main.html         |  2 +-
 .../00-Configures/z-Customization/main.html   | 18 +++++-----
 .../WIN10XPE/01-ADK_OCs/zz-Misc/main.html     |  8 ++---
 .../WIN10XPE/01-Components/00-Shell/main.html |  8 ++---
 .../01-Components/02-Network/main.html        |  4 +--
 .../WIN10XPE/01-Components/03-Audio/main.html |  2 +-
 Projects/WIN10XPE/02-Apps/ImDisk/main.html    |  4 +--
 Projects/WIN10XPE/_Assets_/style.css          | 34 ++++++++++++-------
 assets/htakit/css/uikit-tab.css               |  2 +-
 12 files changed, 47 insertions(+), 46 deletions(-)

diff --git a/Projects/WIN10XPE/00-Configures/Build/main.html b/Projects/WIN10XPE/00-Configures/Build/main.html
index 255f305..5113ff6 100644
--- a/Projects/WIN10XPE/00-Configures/Build/main.html
+++ b/Projects/WIN10XPE/00-Configures/Build/main.html
@@ -55,7 +55,7 @@ INIT-->
 
   </div>
 
-  <div style="margin:3px;font-size:.8em;">
+  <div style="margin:3px;font-size:.9em;">
     <label><input type="checkbox" name="build.full_catalog" class="opt_item"> Use Full Catalog</label>
     <br/>
   </div>
diff --git a/Projects/WIN10XPE/00-Configures/Loader/main.html b/Projects/WIN10XPE/00-Configures/Loader/main.html
index 9df6669..2225de7 100644
--- a/Projects/WIN10XPE/00-Configures/Loader/main.html
+++ b/Projects/WIN10XPE/00-Configures/Loader/main.html
@@ -3,13 +3,6 @@
 <link id="jquery-ui-theme" href="assets/vendor/jquery-ui/themes/hotsneaks/jquery-ui.theme.min.css" rel="stylesheet">
 -->
 
-<style>
-fieldset {
-  margin: 2px 20px 2px 10px;
-}
-</style>
-
-
 <fieldset>
 <legend>    PE Loader    </legend>
 <table><tr>
diff --git a/Projects/WIN10XPE/00-Configures/System/main.html b/Projects/WIN10XPE/00-Configures/System/main.html
index 6a2a52d..3f57f9f 100644
--- a/Projects/WIN10XPE/00-Configures/System/main.html
+++ b/Projects/WIN10XPE/00-Configures/System/main.html
@@ -5,7 +5,7 @@
 
 <style>
 fieldset {
-  width: 360px;
+  width: 30rem;
   font-size:0.8em;
 }
 </style>
diff --git a/Projects/WIN10XPE/00-Configures/x-Account/main.html b/Projects/WIN10XPE/00-Configures/x-Account/main.html
index 45c6bae..680ee8e 100644
--- a/Projects/WIN10XPE/00-Configures/x-Account/main.html
+++ b/Projects/WIN10XPE/00-Configures/x-Account/main.html
@@ -5,7 +5,7 @@
 
 <style>
 fieldset {
-  width:360px;
+  width: 30rem;
   font-size:0.8em;
 }
 </style>
diff --git a/Projects/WIN10XPE/00-Configures/z-Customization/main.html b/Projects/WIN10XPE/00-Configures/z-Customization/main.html
index 9357b9b..52d2cfc 100644
--- a/Projects/WIN10XPE/00-Configures/z-Customization/main.html
+++ b/Projects/WIN10XPE/00-Configures/z-Customization/main.html
@@ -5,7 +5,7 @@
 
 <style>
 fieldset {
-  width:360px;
+  width:30rem;
   font-size:0.8em;
 }
 </style>
@@ -15,7 +15,7 @@ fieldset {
 <style>
 .chklabel {
   padding-top:2px;
-  width:300px;
+  width:25rem;
   display: inline-block;
 }
 </style>
@@ -33,26 +33,26 @@ fieldset {
 <div>
 <style>
 #colors_panel input[type="radio"] + label {
-    border: 2px solid transparent;
+    border: 0.2rem solid transparent;
     display: block;
-    width: 28px;
-    height: 28px;
-    line-height: 28px;
+    width: 2.4rem;
+    height: 2.4rem;
+    line-height: 2.4rem;
     text-align: center;
     vertical-align: middle;
     color: black;
     font-size:.6em;
     margin-left: 3px;
-    margin-top: -15px;
+    margin-top: -1.25rem;
     cursor: pointer;
 }
 
 #colors_panel input[type="radio"]:hover + label {
-    border: 2px solid black;
+    border: 0.2rem solid Cyan;
 }
 
 #colors_panel input[type="radio"]:checked + label {
-    border: 2px solid black;
+    border: 0.2rem solid Cyan;
 }
 
 </style>
diff --git a/Projects/WIN10XPE/01-ADK_OCs/zz-Misc/main.html b/Projects/WIN10XPE/01-ADK_OCs/zz-Misc/main.html
index 0d7f6d5..67514b3 100644
--- a/Projects/WIN10XPE/01-ADK_OCs/zz-Misc/main.html
+++ b/Projects/WIN10XPE/01-ADK_OCs/zz-Misc/main.html
@@ -1,9 +1,9 @@
 <style>
 .cata_label {
-    font: bold 16px Verdana, Geneva, sans-serif;
+    font: bold 1rem Verdana, Geneva, sans-serif;
     text-shadow: 2px 2px 2px rgb(88, 126, 156);
     display:inline-block;
-    width: 160px;
+    width: 13.5rem;
 }
 </style>
 <div style="margin:10px 5px;font-size:1.2em;">
@@ -36,10 +36,10 @@
   </div>
   </fieldset>
   <br/>
-  <label class="cata_label" style="width:200px">Storage</label>
+  <label class="cata_label" style="width:16.5rem">Storage</label>
   <label><input type="checkbox" name="adk.oc.EnhancedStorage" class="opt_item"> WinPE-EnhancedStorage.cab</label>
 
-  <label class="cata_label" style="width:200px">Persistent Memory</label>
+  <label class="cata_label" style="width:16.5rem">Persistent Memory</label>
   <label><input type="checkbox" name="adk.oc.PmemCmdlets" class="opt_item"> WinPE-PmemCmdlets.cab</label>
 
 </div>
diff --git a/Projects/WIN10XPE/01-Components/00-Shell/main.html b/Projects/WIN10XPE/01-Components/00-Shell/main.html
index 0ad691a..db61168 100644
--- a/Projects/WIN10XPE/01-Components/00-Shell/main.html
+++ b/Projects/WIN10XPE/01-Components/00-Shell/main.html
@@ -15,7 +15,7 @@ INIT-->
 
 <style>
  #shell_tab fieldset {
-    width: 260px;
+    width: 22rem;
   }
 </style>
 
@@ -53,7 +53,7 @@ INIT-->
 <fieldset>
 <legend>Wallpaper</legend>
 <input type="image" class="opt_item" name="shell.wallpaper" update="src" src="wallpaper.jpg"
-   width="260" height="195" onclick="select_image(this)" />
+   style="width:22rem;height:16.5rem;padding-top:0.25rem" onclick="select_image(this)" />
 </fieldset>
 </div>
 <!-- TAB0 LEFT END -->
@@ -120,8 +120,8 @@ INIT-->
 <style>
 #winxshell_fixitem .chklabel {
   float:left;padding-top:2px;
-  height:30px;
-  width:200px;
+  height:2.4rem;
+  width:20rem;
 }
 
 </style>
diff --git a/Projects/WIN10XPE/01-Components/02-Network/main.html b/Projects/WIN10XPE/01-Components/02-Network/main.html
index 24261ac..52f72b3 100644
--- a/Projects/WIN10XPE/01-Components/02-Network/main.html
+++ b/Projects/WIN10XPE/01-Components/02-Network/main.html
@@ -39,7 +39,7 @@
 <legend><label><input type="checkbox" name="network.builtin_drivers" class="opt_item" /> Built-in Network Drivers</label></legend>
 
 <div style="margin:5px">
-<label style="width:120px;display:inline-block">
+<label style="width:10rem;display:inline-block">
 <input type="radio" class="opt_item" name="network.type_builtin_drivers" value="default" checked="checked" /> Default
 </label>
 <button class="pure-button pure-button-primary" 
@@ -48,7 +48,7 @@
 </button>
 <br/>
 <br/>
-<label style="width:120px;display:inline-block">
+<label style="width:10rem;display:inline-block">
 <input type="radio" style="width:20px" class="opt_item" name="network.type_builtin_drivers" value="custom" /> Custom
 </label>
 <button class="pure-button pure-button-primary" 
diff --git a/Projects/WIN10XPE/01-Components/03-Audio/main.html b/Projects/WIN10XPE/01-Components/03-Audio/main.html
index a9ca671..9dfef9a 100644
--- a/Projects/WIN10XPE/01-Components/03-Audio/main.html
+++ b/Projects/WIN10XPE/01-Components/03-Audio/main.html
@@ -4,7 +4,7 @@
 <p>Audio</p>
 </div>
 
-<fieldset style="font-size:0.8em;">
+<fieldset>
 <legend>System Event Sounds</legend>
 <label><input type="radio" class="opt_item" name="audio.win_events" value="none">None</input></label><br/>
 <label><input type="radio" class="opt_item" name="audio.win_events" value="all">All</input></label><br/>
diff --git a/Projects/WIN10XPE/02-Apps/ImDisk/main.html b/Projects/WIN10XPE/02-Apps/ImDisk/main.html
index 67976e4..14e9115 100644
--- a/Projects/WIN10XPE/02-Apps/ImDisk/main.html
+++ b/Projects/WIN10XPE/02-Apps/ImDisk/main.html
@@ -5,7 +5,7 @@
     <br/>
     <style>
         fieldset {
-            width: 360px;
+            width: 30rem;
         }
     </style>
     <fieldset>
@@ -31,7 +31,7 @@
             <option>1024</option>
             <option>512</option>
         </select>
-        <div style="height:10px" />
+        <div style="height:0.5rem" />
 </div>
 <script>
         (function() {
diff --git a/Projects/WIN10XPE/_Assets_/style.css b/Projects/WIN10XPE/_Assets_/style.css
index 2f4d979..7c7f00e 100644
--- a/Projects/WIN10XPE/_Assets_/style.css
+++ b/Projects/WIN10XPE/_Assets_/style.css
@@ -2,11 +2,11 @@ fieldset {
     /*background: rgba(255,255,255,.3);
     border-color: rgba(255,255,255,.6);*/
     border-style: solid;
-    border-width: 2px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    border-radius: 5px;
+    border-width: 0.16rem;
+    -moz-border-radius: 0.5rem;
+    -webkit-border-radius: 0.5rem;
+    -khtml-border-radius: 0.5rem;
+    border-radius: 0.5rem;
     padding: 2px 10px;
     margin-bottom: 2px;
     /* font-size:0.8em; */
@@ -14,23 +14,31 @@ fieldset {
 
 fieldset legend {
     color: #302A2A;
-    font: bold 16px/2 Verdana, Geneva, sans-serif;
+    font: bold 1.2rem/2 Verdana, Geneva, sans-serif;
     font-weight: bold;
     text-align: left;
     text-shadow: 2px 2px 2px rgb(88, 126, 156);
 }
 
+#patch_html fieldset {
+    margin:10px 10px 0px 0px;
+}
+
 .box {
-  background-color: #f1f1f1;
-  padding: 0.01em 2px;
-  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
+    background-color: #f1f1f1;
+    padding: 0.5rem 5rem 0.5rem 0.5rem;
+    -moz-border-radius: 0.5rem;
+    -webkit-border-radius: 0.5rem;
+    -khtml-border-radius: 0.5rem;
+    border-radius: 0.5rem;
+    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
 }
 
 .left_label {
-  display:inline-block;
-  width: 50%;
+    display:inline-block;
+    width: 50%;
 }
 .right_val {
-  display:inline-block;
-  width: 40%;
+    display:inline-block;
+    width: 40%;
 }
diff --git a/assets/htakit/css/uikit-tab.css b/assets/htakit/css/uikit-tab.css
index bf82863..ab78188 100644
--- a/assets/htakit/css/uikit-tab.css
+++ b/assets/htakit/css/uikit-tab.css
@@ -53,7 +53,7 @@
   padding: 5px 10px;
   color: #999;
   border-bottom: 1px solid transparent;
-  font-size: 0.875rem;
+  font-size: 1.1rem;
   text-transform: uppercase;
   transition: color 0.1s ease-in-out;
 }