From dcefec035d9f3702a29f358459393440c9411b8b Mon Sep 17 00:00:00 2001
From: bergware <ronald.vd.berg62@gmail.com>
Date: Thu, 27 Sep 2018 17:56:08 +0200
Subject: [PATCH] Make font sizes relative

---
 logging.htm                                   |  6 +-
 logout.htm                                    |  4 +-
 .../DockerContainers.page                     |  4 +-
 .../include/CreateDocker.php                  |  2 +-
 plugins/dynamix.docker.manager/log.htm        |  8 ++-
 .../styles/style-azure.css                    |  2 +-
 .../styles/style-black.css                    |  2 +-
 .../styles/style-gray.css                     |  2 +-
 .../styles/style-white.css                    |  2 +-
 plugins/dynamix.vm.manager/VMMachines.page    |  2 +-
 plugins/dynamix.vm.manager/VMTemplates.page   |  2 +-
 plugins/dynamix.vm.manager/include/VMedit.php |  4 +-
 .../styles/dynamix.vm.manager.css             | 10 +--
 .../templates/LibreELEC.form.php              |  2 +-
 .../templates/OpenELEC.form.php               |  2 +-
 plugins/dynamix/DashboardApps.page            |  6 +-
 plugins/dynamix/Eth0.page                     |  4 +-
 plugins/dynamix/EthX.page                     |  2 +-
 plugins/dynamix/include/Boot.php              |  6 +-
 plugins/dynamix/include/CryptoBenchmark.php   |  2 +-
 plugins/dynamix/include/DefaultPageLayout.php |  4 +-
 plugins/dynamix/include/Feedback.php          |  2 +-
 plugins/dynamix/styles/context.standalone.css |  6 +-
 plugins/dynamix/styles/default-azure.css      | 64 +++++++++---------
 plugins/dynamix/styles/default-black.css      | 66 +++++++++----------
 plugins/dynamix/styles/default-gray.css       | 64 +++++++++---------
 plugins/dynamix/styles/default-popup.css      | 10 +--
 plugins/dynamix/styles/default-white.css      | 66 +++++++++----------
 plugins/dynamix/styles/dynamix-azure.css      | 14 ++--
 plugins/dynamix/styles/dynamix-black.css      | 14 ++--
 plugins/dynamix/styles/dynamix-gray.css       | 14 ++--
 plugins/dynamix/styles/dynamix-white.css      | 14 ++--
 plugins/dynamix/styles/jquery.filetree.css    |  2 +-
 plugins/dynamix/styles/jquery.sweetalert.css  |  8 +--
 .../dynamix/styles/jquery.switchbutton.css    |  2 +-
 update.htm                                    |  4 +-
 36 files changed, 218 insertions(+), 210 deletions(-)

diff --git a/logging.htm b/logging.htm
index 401da1abd..b88bdf703 100644
--- a/logging.htm
+++ b/logging.htm
@@ -23,9 +23,11 @@ src:url('/webGui/styles/clear-sans-bold-italic.eot');src:url('/webGui/styles/cle
 font-family:'bitstream';font-weight:normal;font-style:normal;
 src:url('/webGui/styles/bitstream.eot');src:url('/webGui/styles/bitstream.eot?#iefix') format('embedded-opentype'),url('/webGui/styles/bitstream.woff') format('woff'),url('/webGui/styles/bitstream.ttf') format('truetype'),url('/webGui/styles/bitstream.svg#bitstream') format('svg');
 }
-.logLine{font-family:bitstream;font-size:12px;color:#808080;margin:0 8px;padding:0}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#1c1c1c;background:#f2f2f2;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+.logLine{font-family:bitstream;font-size:1.2rem;margin:0 8px;padding:0}
 .logLine.spacing{margin:10px}
-input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:12px;text-transform:uppercase;margin:0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#f15a2c;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
+input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;text-transform:uppercase;margin:0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#f15a2c;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
 input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button:hover,button:hover[type=button],a.button:hover{color:#f2f2f2;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f));background:linear-gradient(90deg,#e22828 0,#ff8c2f)}
 input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled],button[disabled],button[type=button][disabled],a.button[disabled]
 input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],a.button:hover[disabled]
diff --git a/logout.htm b/logout.htm
index 24a0f25e1..9048a065e 100644
--- a/logout.htm
+++ b/logout.htm
@@ -1,5 +1,5 @@
 <style>
-div.logout{background-color:#FFF6BF;text-align:center;height:80px;line-height:80px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;font-size:18px}
-span.title{font-size:28px;text-transform:uppercase;display:block;}
+div.logout{background-color:#FFF6BF;text-align:center;height:80px;line-height:80px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;font-size:1.8rem}
+span.title{font-size:2.8rem;text-transform:uppercase;display:block;}
 </style>
 <div class="logout"><span class="title">Logged out</span>You are logged out</div>
diff --git a/plugins/dynamix.docker.manager/DockerContainers.page b/plugins/dynamix.docker.manager/DockerContainers.page
index 5776a9adb..cf5e1efe4 100644
--- a/plugins/dynamix.docker.manager/DockerContainers.page
+++ b/plugins/dynamix.docker.manager/DockerContainers.page
@@ -35,7 +35,7 @@ img.stopped{opacity:0.3}
 img.paused{opacity:0.6}
 .log{cursor:zoom-in}
 .exec{cursor:pointer}
-.iconstatus{position:absolute;z-index:2;bottom:-4px;right:-4px;font-size:1.3em;text-shadow:0 0 2px #FFF}
+.iconstatus{position:absolute;z-index:2;bottom:-4px;right:-4px;font-size:1.4rem;text-shadow:0 0 2px #FFF}
 .started{color:#009900}
 .stopped{color:#EF3D47}
 .paused{color:#F0DD33}
@@ -66,7 +66,7 @@ input.wait{width:24px;margin:0 4px;padding:0 5px;border:none;box-shadow:none;bac
 <?if (!$tabbed):?>
 $('#title').append("<span id='busy' class='red-text strong' style='display:none;margin-left:40px'><?=$busy?></span>");
 <?else:?>
-$('.tabs').append("<span id='busy' class='red-text strong' style='display:none;position:relative;top:<?=$top?>px;left:40px;font-size:15px;letter-spacing:2px'><?=$busy?></span>");
+$('.tabs').append("<span id='busy' class='red-text strong' style='display:none;position:relative;top:<?=$top?>px;left:40px;font-size:1.4rem;letter-spacing:2px'><?=$busy?></span>");
 <?endif;?>
 <?if ($display['resize']):?>
 function resize(bind) {
diff --git a/plugins/dynamix.docker.manager/include/CreateDocker.php b/plugins/dynamix.docker.manager/include/CreateDocker.php
index 3f290c611..4b5db9c98 100644
--- a/plugins/dynamix.docker.manager/include/CreateDocker.php
+++ b/plugins/dynamix.docker.manager/include/CreateDocker.php
@@ -279,7 +279,7 @@ optgroup.title{background-color:#625D5D;color:#f2f2f2;text-align:center;margin-t
 .switch-wrapper{display:inline-block;position:relative;top:3px;vertical-align:middle;margin-top:-30px}
 .switch-button-label.off{color:inherit;}
 .selectVariable{width:320px}
-.fa.button{color:maroon;font-size:24px;position:relative;top:4px;cursor:pointer}
+.fa.button{color:maroon;font-size:2.4rem;position:relative;top:4px;cursor:pointer}
 span.cpu,label.checkbox{display:inline-block;width:32px}
 </style>
 <script src="<?autov('/webGui/javascript/jquery.switchbutton.js')?>"></script>
diff --git a/plugins/dynamix.docker.manager/log.htm b/plugins/dynamix.docker.manager/log.htm
index 1decbdc1c..4238531ac 100644
--- a/plugins/dynamix.docker.manager/log.htm
+++ b/plugins/dynamix.docker.manager/log.htm
@@ -18,9 +18,11 @@ src:url('/webGui/styles/clear-sans-bold-italic.eot');src:url('/webGui/styles/cle
 @font-face{
 font-family:'bitstream';font-weight:normal;font-style:normal;
 src:url('/webGui/styles/bitstream.eot');src:url('/webGui/styles/bitstream.eot?#iefix') format('embedded-opentype'),url('/webGui/styles/bitstream.woff') format('woff'),url('/webGui/styles/bitstream.ttf') format('truetype'),url('/webGui/styles/bitstream.svg#bitstream') format('svg')}
-.logLine{font-family:bitstream;font-size:11px;color:#505050;margin:0 8px;padding:0;text-align:left}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#1c1c1c;background:#f2f2f2;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+.logLine{font-family:bitstream;font-size:1.1rem;color:#505050;margin:0 8px;padding:0;text-align:left}
 .logLine.spacing{margin:10px}
-input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:12px;text-transform:uppercase;margin:0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#f15a2c;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
+input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;text-transform:uppercase;margin:0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#f15a2c;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
 input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button:hover,button:hover[type=button],a.button:hover{color:#f2f2f2;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f));background:linear-gradient(90deg,#e22828 0,#ff8c2f)}
 input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled],button[disabled],button[type=button][disabled],a.button[disabled]
 input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],a.button:hover[disabled]
@@ -33,7 +35,7 @@ span.system{color:#00529B;background-color:#BDE5F8;display:block;width:100%}
 span.array{color:#4F8A10;background-color:#DFF2BF;display:block;width:100%}
 span.login{color:#D63301;background-color:#FFCCBA;display:block;width:100%}
 span.label{padding:4px 8px;margin-right:10px;border-radius:4px;display:inline;width:auto}
-legend{font-size:11px;font-weight:bold}
+legend{font-size:1.1rem;font-weight:bold}
 #content{margin:10;padding:0}
 </style>
 <script>
diff --git a/plugins/dynamix.docker.manager/styles/style-azure.css b/plugins/dynamix.docker.manager/styles/style-azure.css
index 44d7e7185..658abf765 100644
--- a/plugins/dynamix.docker.manager/styles/style-azure.css
+++ b/plugins/dynamix.docker.manager/styles/style-azure.css
@@ -48,7 +48,7 @@
 }
 .ui-dropdownchecklist-text{
   color:#1c1c1c;
-  font-size:13px;
+  font-size:1.3rem;
 }
 .ui-dropdownchecklist .ui-widget-content .ui-state-default{
   background:#f2f2f2;
diff --git a/plugins/dynamix.docker.manager/styles/style-black.css b/plugins/dynamix.docker.manager/styles/style-black.css
index 6fb9faed5..bcb87f036 100644
--- a/plugins/dynamix.docker.manager/styles/style-black.css
+++ b/plugins/dynamix.docker.manager/styles/style-black.css
@@ -48,7 +48,7 @@
 }
 .ui-dropdownchecklist-text{
   color:#f2f2f2;
-  font-size:13px;
+  font-size:1.3rem;
 }
 .ui-dropdownchecklist .ui-widget-content .ui-state-default{
   background:#1c1c1c;
diff --git a/plugins/dynamix.docker.manager/styles/style-gray.css b/plugins/dynamix.docker.manager/styles/style-gray.css
index 6fb9faed5..bcb87f036 100644
--- a/plugins/dynamix.docker.manager/styles/style-gray.css
+++ b/plugins/dynamix.docker.manager/styles/style-gray.css
@@ -48,7 +48,7 @@
 }
 .ui-dropdownchecklist-text{
   color:#f2f2f2;
-  font-size:13px;
+  font-size:1.3rem;
 }
 .ui-dropdownchecklist .ui-widget-content .ui-state-default{
   background:#1c1c1c;
diff --git a/plugins/dynamix.docker.manager/styles/style-white.css b/plugins/dynamix.docker.manager/styles/style-white.css
index 44d7e7185..658abf765 100644
--- a/plugins/dynamix.docker.manager/styles/style-white.css
+++ b/plugins/dynamix.docker.manager/styles/style-white.css
@@ -48,7 +48,7 @@
 }
 .ui-dropdownchecklist-text{
   color:#1c1c1c;
-  font-size:13px;
+  font-size:1.3rem;
 }
 .ui-dropdownchecklist .ui-widget-content .ui-state-default{
   background:#f2f2f2;
diff --git a/plugins/dynamix.vm.manager/VMMachines.page b/plugins/dynamix.vm.manager/VMMachines.page
index 3f0565635..2f88c0a42 100644
--- a/plugins/dynamix.vm.manager/VMMachines.page
+++ b/plugins/dynamix.vm.manager/VMMachines.page
@@ -100,7 +100,7 @@ if (empty($vms)) {
 <style type="text/css">
 body{-webkit-overflow-scrolling:touch;}
 .fileTree{width:305px;max-height:150px;overflow-y:scroll;position:absolute;z-index:100;display:none;}
-div.four{font-size:11px;width:300px}
+div.four{font-size:1.1rem;width:300px}
 div.four label{float:left;display:table-cell;width:25%}
 div.four label:nth-child(4n+4){float:none;clear:both}
 div.four label.cpu1{width:32%}
diff --git a/plugins/dynamix.vm.manager/VMTemplates.page b/plugins/dynamix.vm.manager/VMTemplates.page
index 4bcd7efe1..a87b92666 100644
--- a/plugins/dynamix.vm.manager/VMTemplates.page
+++ b/plugins/dynamix.vm.manager/VMTemplates.page
@@ -18,7 +18,7 @@ Markdown="false"
 <style type="text/css">
 	.vmheader {
 		padding: 10px;
-		font-size: 15px;
+		font-size: 1.4rem;
 		text-align: left;
 		color: #888;
 	}
diff --git a/plugins/dynamix.vm.manager/include/VMedit.php b/plugins/dynamix.vm.manager/include/VMedit.php
index b3b5dc2fc..192e68c36 100644
--- a/plugins/dynamix.vm.manager/include/VMedit.php
+++ b/plugins/dynamix.vm.manager/include/VMedit.php
@@ -93,7 +93,7 @@ body{-webkit-overflow-scrolling:touch}
 #vmform table tr td:nth-child(even){width:100px}
 #vmform table tr td:last-child{width:inherit}
 #vmform .multiple{position:relative}
-#vmform .sectionbutton{position:absolute;left:2px;cursor:pointer;opacity:0.4;font-size:14px;line-height:17px;z-index:10;transition-property:opacity,left;transition-duration:0.1s;transition-timing-function:linear}
+#vmform .sectionbutton{position:absolute;left:2px;cursor:pointer;opacity:0.4;font-size:1.4rem;line-height:17px;z-index:10;transition-property:opacity,left;transition-duration:0.1s;transition-timing-function:linear}
 #vmform .sectionbutton.remove{top:0;opacity:0.3}
 #vmform .sectionbutton.add{bottom:0}
 #vmform .sectionbutton:hover{opacity:1.0}
@@ -123,7 +123,7 @@ span.advancedview_panel{display:none;line-height:16px;margin-top:1px}
 #vmform .four label:nth-child(4n+4){}
 #vmform .four label.cpu1{width:28%;height:16px;line-height:16px}
 #vmform .four label.cpu2{width:3%;height:16px;line-height:16px}
-#vmform .mac_generate{cursor:pointer;margin-left:-5px;color:#08C;font-size:1.3em;transform:translate(0px, 2px)}
+#vmform .mac_generate{cursor:pointer;margin-left:-5px;color:#08C;font-size:1.3rem;transform:translate(0px, 2px)}
 #vmform .disk{display:none}
 #vmform .disk_preview{display:inline-block;color:#BBB;transform:translate(0px, 1px)}
 span#dropbox{border:1px solid <?=$border?>;background:<?=$bgcolor?>;padding:28px 12px;line-height:72px;margin-right:16px;}
diff --git a/plugins/dynamix.vm.manager/styles/dynamix.vm.manager.css b/plugins/dynamix.vm.manager/styles/dynamix.vm.manager.css
index 6bc6500d7..d5b416ab1 100644
--- a/plugins/dynamix.vm.manager/styles/dynamix.vm.manager.css
+++ b/plugins/dynamix.vm.manager/styles/dynamix.vm.manager.css
@@ -35,7 +35,7 @@ textarea {
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 6px 12px;
-  font-size: 13px;
+  font-size: 1.3rem;
   line-height: 1.42857143;
   border-radius: 4px;
   -webkit-user-select: none;
@@ -395,14 +395,14 @@ fieldset[disabled] .btn-link:focus {
 .btn-lg,
 .btn-group-lg > .btn {
   padding: 10px 16px;
-  font-size: 18px;
+  font-size: 1.8rem;
   line-height: 1.33;
   border-radius: 6px;
 }
 .btn-sm,
 .btn-group-sm > .btn {
   padding: 5px 10px;
-  font-size: 11px;
+  font-size: 1.1rem;
   line-height: 1.5;
   border-radius: 3px;
   min-width: 13px;
@@ -410,7 +410,7 @@ fieldset[disabled] .btn-link:focus {
 .btn-xs,
 .btn-group-xs > .btn {
   padding: 1px 5px;
-  font-size: 11px;
+  font-size: 1.1rem;
   line-height: 1.5;
   border-radius: 3px;
 }
@@ -663,7 +663,7 @@ table.tablesorter.domsnap td:last-child{width:96px;padding:0;}
   z-index: 2;
   bottom: -4px;
   right: -4px;
-  font-size: 1.3em;
+  font-size: 1.4rem;
   text-shadow: 0 0 2px #FFF;
 }
 img.started{opacity: 1.0;}
diff --git a/plugins/dynamix.vm.manager/templates/LibreELEC.form.php b/plugins/dynamix.vm.manager/templates/LibreELEC.form.php
index a3cc2f8a0..9257fdbbf 100644
--- a/plugins/dynamix.vm.manager/templates/LibreELEC.form.php
+++ b/plugins/dynamix.vm.manager/templates/LibreELEC.form.php
@@ -421,7 +421,7 @@ $hdrXML = "<?xml version='1.0' encoding='UTF-8'?>\n"; // XML encoding declaratio
 		margin-left: -5px;
 		margin-right: 5px;
 		color: #CC0011;
-		font-size: 1.3em;
+		font-size: 1.4rem;
 		transform: translate(0px, 3px);
 	}
 </style>
diff --git a/plugins/dynamix.vm.manager/templates/OpenELEC.form.php b/plugins/dynamix.vm.manager/templates/OpenELEC.form.php
index 0a1bedfd0..0d25f249d 100644
--- a/plugins/dynamix.vm.manager/templates/OpenELEC.form.php
+++ b/plugins/dynamix.vm.manager/templates/OpenELEC.form.php
@@ -423,7 +423,7 @@ $hdrXML = "<?xml version='1.0' encoding='UTF-8'?>\n"; // XML encoding declaratio
 		margin-left: -5px;
 		margin-right: 5px;
 		color: #CC0011;
-		font-size: 1.3em;
+		font-size: 1.4rem;
 		transform: translate(0px, 3px);
 	}
 </style>
diff --git a/plugins/dynamix/DashboardApps.page b/plugins/dynamix/DashboardApps.page
index dbd213b4f..809c24a81 100644
--- a/plugins/dynamix/DashboardApps.page
+++ b/plugins/dynamix/DashboardApps.page
@@ -13,8 +13,8 @@ $width = strstr('white,black',$display['theme']) ? -58: -44;
 body{-webkit-overflow-scrolling:touch}
 label{display:inline}
 iframe{overflow:scroll;-webkit-overflow-scrolling:touch}
-h2{color:#625D5D;letter-spacing:0;font-size:32px;line-height:1.2em;font-weight:300;padding:0 0 20px;margin:0}
-.iconstatus{position:absolute;z-index:2;bottom:-4px;right:-4px;font-size:1.3em;text-shadow:0 0 2px #FFF}
+h2{color:#625D5D;letter-spacing:0;font-size:3.2rem;line-height:1.2em;font-weight:300;padding:0 0 20px;margin:0}
+.iconstatus{position:absolute;z-index:2;bottom:-4px;right:-4px;font-size:1.4rem;text-shadow:0 0 2px #FFF}
 img.started{opacity:1.0}
 img.stopped{opacity:0.3}
 img.paused{opacity:0.6}
@@ -25,7 +25,7 @@ img.paused{opacity:0.6}
 .show{display:block}
 div.Panel{float:none;display:inline-block;margin:0 18px 15px 0;height:90px;overflow:hidden;vertical-align:top;width:94px;word-wrap:break-word;border:none}
 div.Panel:hover{overflow:visible;z-index:10;background-color:unset}
-#noapps{display:none;font-style:italic;font-size:15px;opacity:0.5;padding:5px}
+#noapps{display:none;font-style:italic;font-size:1.4rem;opacity:0.5;padding:5px}
 .switch-button-label.off{color:inherit}
 .switch-button-label.on{color:#009900}
 </style>
diff --git a/plugins/dynamix/Eth0.page b/plugins/dynamix/Eth0.page
index 56e711e02..0265ba55f 100644
--- a/plugins/dynamix/Eth0.page
+++ b/plugins/dynamix/Eth0.page
@@ -70,7 +70,7 @@ $vlan_eth0 = [0];
 if (isset($eth0)) foreach ($eth0 as $key => $val) if (strpos($key,$vlan_id)===0) $vlan_eth0[] = substr($key,strlen($vlan_id));
 ?>
 <style>
-span.pin i{font-size:20px;cursor:pointer}
+span.pin i{font-size:2rem;cursor:pointer}
 span.red{color:#E68A00}
 span.blue{color:#00529B}
 span.green{color:#4F8A10}
@@ -380,7 +380,7 @@ watchDHCP.on('message', function(data) {
   }
 });
 $(function() {
-  var ctrl = "<span id='wait_eth0' class='status red' style='display:none;font-size:small;font-style:italic'>Please wait... configuring interfaces</span>";
+  var ctrl = "<span id='wait_eth0' class='status red' style='display:none;font-size:1.2rem;font-style:italic'>Please wait... configuring interfaces</span>";
   var form = document.eth0_settings;
 <?if ($tabbed && !$service):?>
   $('#tab1').bind({click:function(){
diff --git a/plugins/dynamix/EthX.page b/plugins/dynamix/EthX.page
index 3fd0e1778..b8814a15a 100644
--- a/plugins/dynamix/EthX.page
+++ b/plugins/dynamix/EthX.page
@@ -68,7 +68,7 @@ $(function() {
   selectProtocol(form,'ethX');
 <?if (!$tabbed):?>
   $('div[id=title]').each(function(){
-    if ($(this).text().indexOf('Interface ethX')==0) $(this).append("<span id='wait_ethX' class='status red' style='display:none;font-size:small;font-style:italic'>Please wait... configuring interfaces</span>");
+    if ($(this).text().indexOf('Interface ethX')==0) $(this).append("<span id='wait_ethX' class='status red' style='display:none;font-size:1.2rem;font-style:italic'>Please wait... configuring interfaces</span>");
   });
 <?endif;?>
 <?if ($master_ethX):?>
diff --git a/plugins/dynamix/include/Boot.php b/plugins/dynamix/include/Boot.php
index 920c6be12..911ac8a16 100644
--- a/plugins/dynamix/include/Boot.php
+++ b/plugins/dynamix/include/Boot.php
@@ -22,8 +22,10 @@ $var = parse_ini_file("/var/local/emhttp/var.ini");
 <meta name="robots" content="noindex, nofollow">
 <link type="text/css" rel="stylesheet" href="<?autov('/webGui/styles/default-fonts.css')?>">
 <style>
-div.notice{background-color:#FFF6BF;text-align:center;height:80px;line-height:80px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;font-family:clear-sans;font-size:18px;}
-span.title{font-size:28px;text-transform:uppercase;display:block;}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#1c1c1c;background:#f2f2f2;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+div.notice{background-color:#FFF6BF;text-align:center;height:80px;line-height:80px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;font-size:1.8rem;}
+span.title{font-size:2.8rem;text-transform:uppercase;display:block;}
 </style>
 <script src="<?autov('/webGui/javascript/dynamix.js')?>"></script>
 <script>
diff --git a/plugins/dynamix/include/CryptoBenchmark.php b/plugins/dynamix/include/CryptoBenchmark.php
index 17573402a..99e7e9f9d 100644
--- a/plugins/dynamix/include/CryptoBenchmark.php
+++ b/plugins/dynamix/include/CryptoBenchmark.php
@@ -46,6 +46,6 @@ $(function(){
 </script>
 </head>
 <body style='margin:20px'>
-<pre style='font-family:bitstream;font-size:11px'></pre>
+<pre style='font-family:bitstream;font-size:1.2rem'></pre>
 </body>
 </html>
diff --git a/plugins/dynamix/include/DefaultPageLayout.php b/plugins/dynamix/include/DefaultPageLayout.php
index e23f09c0a..b79ab1042 100644
--- a/plugins/dynamix/include/DefaultPageLayout.php
+++ b/plugins/dynamix/include/DefaultPageLayout.php
@@ -28,9 +28,9 @@
 
 <style>
 .inline_help{display:none}
-.upgrade_notice{position:fixed;top:1px;left:0;width:100%;height:40px;line-height:40px;color:#E68A00;background:#FEEFB3;border-bottom:#E68A00 1px solid;text-align:center;font-size:14px;z-index:999}
+.upgrade_notice{position:fixed;top:1px;left:0;width:100%;height:40px;line-height:40px;color:#E68A00;background:#FEEFB3;border-bottom:#E68A00 1px solid;text-align:center;font-size:1.4rem;z-index:999}
 .upgrade_notice i{margin:14px;float:right;cursor:pointer}
-.back_to_top{display:none;position:fixed;bottom:30px;right:12px;color:#e22828;font-size:25px}
+.back_to_top{display:none;position:fixed;bottom:30px;right:12px;color:#e22828;font-size:2.5rem}
 <?
 $safemode = strpos(file_get_contents('/proc/cmdline'),'unraidsafemode')!==false;
 $tasks = find_pages('Tasks');
diff --git a/plugins/dynamix/include/Feedback.php b/plugins/dynamix/include/Feedback.php
index 876933ac7..326893341 100644
--- a/plugins/dynamix/include/Feedback.php
+++ b/plugins/dynamix/include/Feedback.php
@@ -58,7 +58,7 @@ input[type=email]{margin-top:8px;float:left}
 </div>
 <div id="bugreport_panel" class="allpanels">
 <textarea id="bugDescription"></textarea>
-<p style="line-height:14px;margin-top:0;font-size:11px"><b>NOTE:</b> <i>Submission of this bug report will automatically send your system diagnostics to Lime Technology.</i></p>
+<p style="line-height:14px;margin-top:0;font-size:1.1rem"><b>NOTE:</b> <i>Submission of this bug report will automatically send your system diagnostics to Lime Technology.</i></p>
 <label for="anonymize" style="line-height:12px"><input type="checkbox" id="anonymize" value="1" /> Anonymize diagnostics (may make troubleshooting more difficult)</label>
 <input type="email" id="bugEmail" placeholder="Contact Email Address (optional)" /><input type="button" id="bugSubmit" value="Submit"/>
 </div>
diff --git a/plugins/dynamix/styles/context.standalone.css b/plugins/dynamix/styles/context.standalone.css
index 1305fd85e..f1cfd556c 100644
--- a/plugins/dynamix/styles/context.standalone.css
+++ b/plugins/dynamix/styles/context.standalone.css
@@ -2,9 +2,9 @@
  * ContextJS Styles
  * For use WITHOUT Twitters Bootstrap CSS
 */
-.nav-header{display:block;padding:3px 11px;font-size:11px;font-weight:bold;line-height:20px;color:#333;background:linear-gradient(to bottom, #c1c1c1 0%, #c3c3c3 100%);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
+.nav-header{display:block;padding:3px 11px;font-size:1.1rem;font-weight:bold;line-height:20px;color:#333;background:linear-gradient(to bottom, #c1c1c1 0%, #c3c3c3 100%);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
 .nav-header img{width:24px;height:24px;margin:-3px 4px 0 -5px;}
-.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:2px 0;margin:2px 0 0;list-style:none;background-color:#FFF;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);font-size:13px;*border-right-width:2px;*border-bottom-width:2px;border-radius:3px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;text-align:left;}
+.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:2px 0;margin:2px 0 0;list-style:none;background-color:#FFF;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);font-size:1.3rem;*border-right-width:2px;*border-bottom-width:2px;border-radius:3px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;text-align:left;}
 .dropdown-menu.pull-right{right:0;left:auto;}
 .dropdown-menu .divider{*width:100%;height:1px;margin:3px 0px 0px 0px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
 .dropdown-menu a{display:block;padding:2px 20px 2px 6px;clear:both;font-weight:normal;line-height:24px;color:#303030;white-space:nowrap;text-decoration:none;}
@@ -36,6 +36,6 @@
 .dropdown-context-sub:before, .dropdown-context-sub:after{display:none;}
 .dropdown-context .dropdown-submenu:hover .dropdown-menu{display:none;}
 .dropdown-context .dropdown-submenu:hover > .dropdown-menu{display:block;}
-.compressed-context a{padding-left:7px;padding-top:0;padding-bottom:0;font-size:12px;}
+.compressed-context a{padding-left:7px;padding-top:0;padding-bottom:0;font-size:1.2rem;}
 .compressed-context .divider{	margin:5px 1px;}
 .compressed-context .nav-header{padding:1px 13px;}
\ No newline at end of file
diff --git a/plugins/dynamix/styles/default-azure.css b/plugins/dynamix/styles/default-azure.css
index 675a48c8a..198c6a9a5 100644
--- a/plugins/dynamix/styles/default-azure.css
+++ b/plugins/dynamix/styles/default-azure.css
@@ -1,5 +1,5 @@
-html{font-family:clear-sans;height:100%}
-body{font-size:13px;color:#606e7f;background-color:#e4e2e4;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#606e7f;background-color:#e4e2e4;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 @media (max-width:1280px){#template{min-width:1280px;margin:0}}
 @media (min-width:1281px){#template{min-width:1280px;margin:0}}
 @media (min-width:1921px){#template{min-width:1280px;max-width:1920px;margin:0 auto}}
@@ -12,7 +12,7 @@ a{color:#486dba;text-decoration:none}
 a.none{color:#606e7f}
 a.img{text-decoration:none;border:none}
 a.info{position:relative}
-a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:12px;color:#4f4f4f;font-size:12px;line-height:20px;padding:5px 8px;border:1px solid #42453e;border-radius:3px;background-color:#edeaef}
+a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:12px;color:#4f4f4f;font-size:1.2rem;line-height:20px;padding:5px 8px;border:1px solid #42453e;border-radius:3px;background-color:#edeaef}
 a.info:hover span{display:block;z-index:1}
 a.nohand{cursor:default}
 i.spacing{margin-left:0;margin-right:10px}
@@ -20,10 +20,10 @@ i.icon{margin-right:4px}
 i.title{display:none}
 pre ul{margin:0;padding-top:0;padding-bottom:0;padding-left:28px}
 pre li{margin:0;padding-top:0;padding-bottom:0;padding-left:18px}
-big{font-size:14px;font-weight:bold;text-transform:uppercase}
+big{font-size:1.4rem;font-weight:bold;text-transform:uppercase}
 hr{border:none;height:1px!important;color:#606e7f;background-color:#606e7f}
-input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:13px;background:transparent;border:1px solid #606e7f;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#606e7f}
-input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:12px;border:1px solid #9F9180;border-radius:5px;margin:10px 20px 10px 0;padding:8px 12px;cursor:pointer;outline:none;color:#9F9180;background:#edeaef}
+input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #606e7f;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#606e7f}
+input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;border:1px solid #9F9180;border-radius:5px;margin:10px 20px 10px 0;padding:8px 12px;cursor:pointer;outline:none;color:#9F9180;background:#edeaef}
 input[type=checkbox]{vertical-align:middle;margin-right:6px}
 input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
 input[type=number]{-moz-appearance:textfield}
@@ -32,7 +32,7 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button
 input:active[type=button],input:active[type=reset],input:active[type=submit],button:active,button:active[type=button],a.button:active{border-color:#0072C6;box-shadow:none}
 input[disabled],button[disabled],input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],textarea[disabled]{color:#808080;border-color:#808080;background:#c7c5cb;opacity:0.5;cursor:default}
 input::-webkit-input-placeholder{color:#00529b}
-select{font-family:clear-sans;font-size:13px;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#606e7f 1px solid;box-shadow:none;color:#606e7f;background:transparent;outline:none;display:inline-block;cursor:pointer}
+select{font-family:clear-sans;font-size:1.3rem;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#606e7f 1px solid;box-shadow:none;color:#606e7f;background:transparent;outline:none;display:inline-block;cursor:pointer}
 select option{color:#606e7f;background-color:#edeaef}
 select:focus{border-color:#0072C6}
 select[disabled]{color:#808080;border-color:#808080;background:#c7c5cb;opacity:0.5;cursor:default}
@@ -58,25 +58,25 @@ form+p{display:none}
 #nav-block{-ms-overflow-style:none;overflow:-moz-scrollbars-none}
 #nav-block.mozilla{margin-left:-17px;overflow-y:scroll}
 #nav-block>div{direction:ltr}
-#nav-item{width:40px;text-align:left;padding:14px 24px 14px 0;border-bottom:#42453e 1px solid;font-size:18px;overflow:hidden;transition:.2s background-color ease}
+#nav-item{width:40px;text-align:left;padding:14px 24px 14px 0;border-bottom:#42453e 1px solid;font-size:1.8rem;overflow:hidden;transition:.2s background-color ease}
 #nav-item:hover{width:170px;color:#5D6833;background:#ABC056;border-bottom-color:#5D6833;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
 #nav-item:hover a{color:#5D6833;background:#ABC056}
 #nav-item img{display:none}
 #nav-item a{color:#A6A7A7;text-decoration:none;padding:19px 80px 12px 16px}
-#nav-item a:before{font-family:docker-icon,fontawesome;font-size:26px;margin-right:25px}
+#nav-item a:before{font-family:docker-icon,fontawesome;font-size:2.6rem;margin-right:25px}
 #nav-item.active,#nav-item.active a{color:#5D6833;background:#ABC056}
-#nav-item.HelpButton.active:hover,#nav-item.HelpButton.active a:hover{background:#ABC056;font-size:18px}
+#nav-item.HelpButton.active:hover,#nav-item.HelpButton.active a:hover{background:#ABC056;font-size:1.8rem}
 #nav-item.HelpButton.active,#nav-item.HelpButton.active a{background:#121510;font-size:0}
 #nav-item a i{display:none}
 #nav-user{display:block;float:left;text-align:center;border:none}
-#nav-user.probe{font-size:11px;margin-left:3px;margin-right:8px}
+#nav-user.probe{font-size:1.1rem;margin-left:3px;margin-right:8px}
 #nav-tub1{position:fixed;top:56px;right:400px}
 #nav-tub2{position:fixed;top:56px;right:370px}
 #nav-tub3{position:fixed;top:56px;right:340px}
 span.tub span[id^='txt-tub']{margin-top:7px}
 #title{color:#39587f;margin:20px 0 10px 0;padding:10px 0;clear:both;background:#e4e2e4;border-bottom:#606e7f 1px solid;letter-spacing:2px}
-#title span.left{font-size:20px;text-transform:uppercase}
-#title span.right{font-size:20px;padding-right:10px;float:right}
+#title span.left{font-size:2rem;text-transform:uppercase}
+#title span.right{font-size:2rem;padding-right:10px;float:right}
 #title span img,#title p{display:none}
 #title:first-child{margin-top:0}
 #title.shift{margin-top:-12px}
@@ -84,7 +84,7 @@ span.tub span[id^='txt-tub']{margin-top:7px}
 #footer{position:fixed;bottom:0;left:0;color:#808080;background:#121510;padding:5px 0;width:100%;height:16px;line-height:16px;text-align:center;z-index:100}
 #statusraid{float:left;padding-left:10px}
 #countdown{margin:0 auto}
-#copyright{font-family:bitstream;font-size:11px;float:right;padding-right:10px}
+#copyright{font-family:bitstream;font-size:1.1rem;float:right;padding-right:10px}
 .green{color:#4F8A10;padding-left:5px;padding-right:5px}
 .red{color:#F0000C;padding-left:5px;padding-right:5px}
 .orange{color:#E68A00;padding-left:5px;padding-right:5px}
@@ -99,12 +99,12 @@ span.tub span[id^='txt-tub']{margin-top:7px}
 .usage-bar>span>span{padding-left:4px;color:#606e7f}
 .usage-disk{height:25px;line-height:25px;background-color:rgba(237,234,239,0.4)}
 .usage-disk>span{display:block;height:3px;background-color:#606e7f;text-align:left}
-.usage-disk>span>span{font-size:12px;color:#606e7f}
+.usage-disk>span>span{font-size:1.2rem;color:#606e7f}
 .usage-disk.sys{background-color:transparent}
-.usage-disk.sys>span{font-size:12px}
+.usage-disk.sys>span{font-size:1.2rem}
 .usage-disk.all{background-color:transparent}
-.usage-disk.all>span{font-size:11px}
-.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:60px 50%;font-size:15px;text-align:left;padding:15px 0 15px 130px;display:block;height:70px;line-height:70px;vertical-align:middle;border-top:1px solid #FFD324;border-bottom:1px solid #FFD324}
+.usage-disk.all>span{font-size:1.1rem}
+.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:60px 50%;font-size:1.4rem;text-align:left;padding:15px 0 15px 130px;display:block;height:70px;line-height:70px;vertical-align:middle;border-top:1px solid #FFD324;border-bottom:1px solid #FFD324}
 .greenbar{background:-webkit-radial-gradient(#127A05,#17BF0B);background:linear-gradient(#127A05,#17BF0B)}
 .orangebar{background:-webkit-radial-gradient(#CE7C10,#F0B400);background:linear-gradient(#CE7C10,#F0B400)}
 .redbar{background:-webkit-radial-gradient(#941C00,#DE1100);background:linear-gradient(#941C00,#DE1100)}
@@ -146,7 +146,7 @@ table.share_status tbody tr:last-child td{border-bottom:#606e7f 1px solid}
 table.share_status tbody tr.alert{color:#F0000C;background-color:#FF9E9E}
 table.share_status tbody tr.warn{color:#E68A00;background-color:#FEEFB3}
 table.share_status.share tr td:last-child{width:4%;text-align:right;padding-right:10px}
-table.share_status.fixed thead tr>td+td{font-size:11px}
+table.share_status.fixed thead tr>td+td{font-size:1.1rem}
 table.share_status.fixed tr td:first-child{width:100px}
 table.share_status.fixed tr>td+td{min-width:30px;text-align:center;padding:0}
 table.share_status.fixed tbody tr{border-bottom:1px #F3F0F4 solid}
@@ -190,25 +190,25 @@ span.system{color:#00529b;background-color:#BDE5F8;display:block;width:100%}
 span.array{color:#4F8A10;background-color:#DFF2BF;display:block;width:100%}
 span.login{color:#D63301;background-color:#FFDDD1;display:block;width:100%}
 span.lite{background-color:#edeaef}
-span.label{font-size:11px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
-span.temp-text{font-size:11px;color:#4F8A10}
-span.heat-text{font-size:11px;color:#F0000C}
+span.label{font-size:1.1rem;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
+span.temp-text{font-size:1.1rem;color:#4F8A10}
+span.heat-text{font-size:1.1rem;color:#F0000C}
 span.cpu-speed{display:block;color:#3B5998}
-span.status{float:right;font-size:14px;letter-spacing:2px}
+span.status{float:right;font-size:1.4rem;letter-spacing:2px}
 span.status.vhshift{margin-top:0;margin-right:0}
 span.status.vshift{margin-top:-16px}
 span.status.hshift{margin-right:-20px}
 span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px}
-span.bitstream{font-family:bitstream;font-size:11px}
+span.bitstream{font-family:bitstream;font-size:1.1rem}
 span.p0{padding-left:0}
 span.strong{font-weight:bold}
-span.big{font-size:14px}
-span.small{font-size:11px}
+span.big{font-size:1.4rem}
+span.small{font-size:1.1rem}
 span.one{margin-left:-16px}
 span.two{margin-left:-20px}
 span.three{margin-left:-23px}
-span.tub{margin-right:8px;font-size:24px;cursor:pointer}
-span.score{font-size:11px;color:#FFFFFF;position:absolute}
+span.tub{margin-right:8px;font-size:2.4rem;cursor:pointer}
+span.score{font-size:1.1rem;color:#FFFFFF;position:absolute}
 span#dropbox{background:none;line-height:60px;margin-right:20px}
 i.padlock{margin-right:8px;cursor:default}
 i.nolock{visibility:hidden;margin-right:8px}
@@ -232,8 +232,8 @@ div.Panel:hover{background-color:#edeaef}
 div.Panel:hover .PanelText{text-decoration:underline}
 div.Panel br,.vmtemplate br{display:none}
 div.Panel img.PanelImg{float:left;width:auto;max-width:32px;height:32px;margin:10px}
-div.Panel i.PanelIcon{float:left;font-size:32px;margin:10px}
-div.Panel .PanelText{font-size:14px;padding-top:16px;text-align:center}
+div.Panel i.PanelIcon{float:left;font-size:3.2rem;margin:10px}
+div.Panel .PanelText{font-size:1.4rem;padding-top:16px;text-align:center}
 div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #F3F0F4;border-radius:5px;line-height:20px;height:100px;width:100px}
 div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px}
 div.user-list:hover{background-color:#edeaef}
@@ -254,8 +254,8 @@ div.spinner .unraid_mark_7{animation:mark_7 1.5s ease infinite}
 @keyframes mark_6{50% {transform:translateY(40px)} 100% {transform:translateY(0px)}}
 @keyframes mark_7{50% {transform:translateY(62px)} 100% {transform: translateY(0px)}}
 pre.up{margin-top:0}
-pre{border:1px solid #F3F0F4;font-family:bitstream;font-size:12px;padding:0;overflow:auto;margin-bottom:10px;padding:10px}
-iframe#progressFrame{position:fixed;bottom:32px;left:60px;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:11px;color:#808080;white-space:nowrap;z-index:-2}
+pre{border:1px solid #F3F0F4;font-family:bitstream;font-size:1.2rem;padding:0;overflow:auto;margin-bottom:10px;padding:10px}
+iframe#progressFrame{position:fixed;bottom:32px;left:60px;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:1.1rem;color:#808080;white-space:nowrap;z-index:-2}
 dl{margin-top:0;padding-left:12px;line-height:26px}
 dt{clear:left;float:left;width:35%}
 dd{margin-bottom:12px;white-space:nowrap}
diff --git a/plugins/dynamix/styles/default-black.css b/plugins/dynamix/styles/default-black.css
index 8eb74fbac..136dbcb75 100644
--- a/plugins/dynamix/styles/default-black.css
+++ b/plugins/dynamix/styles/default-black.css
@@ -1,5 +1,5 @@
-html{font-family:clear-sans;height:100%}
-body{font-size:13px;color:#f2f2f2;background:#1c1b1b;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#f2f2f2;background:#1c1b1b;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 @media (max-width:1280px){#template{min-width:1280px;margin:0}}
 @media (min-width:1281px){#template{min-width:1280px;margin:0 10px}}
 @media (min-width:1921px){#template{min-width:1280px;max-width:1920px;margin:0 auto}}
@@ -13,15 +13,15 @@ a.none{color:#f2f2f2}
 a.header{color:#1c1c1c}
 a.img{text-decoration:none;border:none}
 a.info{position:relative}
-a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:12px;font-size:13px;line-height:20px;color:#f2f2f2;padding:5px 8px;border:1px solid rgba(255,255,255,0.25);border-radius:3px;background-color:rgba(25,25,25,0.95);box-shadow:0 0 3px #303030}
+a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:12px;font-size:1.3rem;line-height:20px;color:#f2f2f2;padding:5px 8px;border:1px solid rgba(255,255,255,0.25);border-radius:3px;background-color:rgba(25,25,25,0.95);box-shadow:0 0 3px #303030}
 a.info:hover span{display:block;z-index:1}
 a.nohand{cursor:default}
 i.spacing{margin-left:-6px}
 i.icon{margin-right:4px}
 i.title{margin-right:8px}
 hr{border:none;height:1px!important;color:#2b2b2b;background-color:#2b2b2b}
-input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:13px;background:transparent;border:1px solid #e5e5e5;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#f2f2f2}
-input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:10px 12px 10px 0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
+input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #e5e5e5;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#f2f2f2}
+input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:10px 12px 10px 0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
 input[type=checkbox]{vertical-align:middle;margin-right:6px}
 input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none}
 input[type=number]{-moz-appearance:textfield}
@@ -33,7 +33,7 @@ input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover
 input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled]
 {cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
 input::-webkit-input-placeholder{color:#486dba}
-select{font-family:clear-sans;font-size:13px;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#e5e5e5 1px solid;box-shadow:none;color:#f2f2f2;background:transparent;outline:none;display:inline-block;cursor:pointer}
+select{font-family:clear-sans;font-size:1.3rem;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#e5e5e5 1px solid;box-shadow:none;color:#f2f2f2;background:transparent;outline:none;display:inline-block;cursor:pointer}
 select option{color:#f2f2f2;background-color:#262626}
 select:focus{border-color:#ff8c2f}
 select[disabled]{color:#f2f2f2;border-color:#6c6c6c;background:#262626;opacity:0.5;cursor:default}
@@ -53,11 +53,11 @@ input.trim{width:50px}
 #header .text-right a{color:#1c1b1b}
 #header .text-right #licensetype{font-weight:bold;font-style:italic;margin-right:4px}
 #title{margin:20px 0 32px 0;padding:8px 10px;clear:both;border-bottom:#2b2b2b 1px solid;background:#262626;letter-spacing:2px}
-#title span.left{font-size:14px}
-#title span.right{font-size:12px;padding-top:2px;padding-right:10px;float:right}
+#title span.left{font-size:1.4rem}
+#title span.right{font-size:1.2rem;padding-top:2px;padding-right:10px;float:right}
 #title span img{padding-right:4px}
 #title.shift{margin-top:-30px}
-#menu{position:fixed;top:90px;left:0;width:100%;height:40px;line-height:40px;padding:0;margin:0;font-size:12px;background:#f2f2f2;z-index:101}
+#menu{position:fixed;top:90px;left:0;width:100%;height:40px;line-height:40px;padding:0;margin:0;font-size:1.2rem;background:#f2f2f2;z-index:101}
 #nav-block{overflow:hidden;height:40px;letter-spacing:2px}
 #nav-left{float:left}
 #nav-right{float:right}
@@ -75,7 +75,7 @@ input.trim{width:50px}
 #footer{position:fixed;bottom:0;left:0;color:#d4d5d6;background:#2b2a29;padding:5px 0;width:100%;height:16px;line-height:16px;text-align:center;z-index:100}
 #statusraid{float:left;padding-left:10px}
 #countdown{margin:0 auto}
-#copyright{font-family:bitstream;font-size:11px;float:right;padding-right:10px}
+#copyright{font-family:bitstream;font-size:1.1rem;float:right;padding-right:10px}
 .green{color:#4F8A10;padding-left:5px;padding-right:5px}
 .red{color:#F0000C;padding-left:5px;padding-right:5px}
 .orange{color:#E68A00;padding-left:5px;padding-right:5px}
@@ -87,15 +87,15 @@ input.trim{width:50px}
 .grey-text{color:#404040}
 .usage-bar{float:left;height:20px;line-height:20px;width:130px;padding:1px 1px 1px 2px;margin:8px 12px;border-radius:3px;background-color:#585858;box-shadow:0 1px 0 #989898,inset 0 1px 0 #202020}
 .usage-bar>span{display:block;height:100%;text-align:right;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
-.usage-bar>span>span{padding:0 4px;font-size:12px;color:#f2f2f2}
+.usage-bar>span>span{padding:0 4px;font-size:1.2rem;color:#f2f2f2}
 .usage-disk{height:20px;line-height:20px;padding:0;margin:0;border-radius:3px;background-color:#585858}
-.usage-disk>span{display:block;height:100%;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);text-align:left;font-size:12px}
-.usage-disk>span>span{padding:0 6px;font-size:12px;color:#f2f2f2}
+.usage-disk>span{display:block;height:100%;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);text-align:left;font-size:1.2rem}
+.usage-disk>span>span{padding:0 6px;font-size:1.2rem;color:#f2f2f2}
 .usage-disk.sys{height:20px;line-height:20px;margin-right:8px;padding:1px 0 1px 1px}
-.usage-disk.sys>span{color:#f2f2f2;font-size:13px}
+.usage-disk.sys>span{color:#f2f2f2;font-size:1.3rem}
 .usage-disk.all{margin-right:2px}
-.usage-disk.all>span{color:#f2f2f2;font-size:11px}
-.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:60px 50%;color:#1c1c1c;font-size:15px;text-align:left;padding:15px 0 15px 130px;display:block;height:70px;line-height:70px;vertical-align:middle;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324}
+.usage-disk.all>span{color:#f2f2f2;font-size:1.1rem}
+.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:60px 50%;color:#1c1c1c;font-size:1.4rem;text-align:left;padding:15px 0 15px 130px;display:block;height:70px;line-height:70px;vertical-align:middle;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324}
 .notice.shift{margin-top:160px}
 .whitebar{background:-webkit-gradient(linear,left top,right top,from(#C7C7C7),to(#EEEEEE));background:linear-gradient(90deg,#C7C7C7 0,#EEEEEE)}
 .greenbar{background:-webkit-gradient(linear,left top,right top,from(#127A05),to(#17BF0B));background:linear-gradient(90deg,#127A05 0,#17BF0B)}
@@ -110,7 +110,7 @@ table tbody tr.tr_last{background:#212121;border-top:1px solid #2b2b2b;border-bo
 table td.cpu-info{border:1px solid #2b2b2b}
 table.disk_status{white-space:nowrap}
 table.disk_status td span{margin-left:10px}
-table.disk_status thead tr:first-child td{font-size:14px;background:#262626}
+table.disk_status thead tr:first-child td{font-size:1.4rem;background:#262626}
 table.disk_status thead tr:last-child{border-bottom:1px solid #2b2b2b}
 table.disk_status tr>td{width:8%;padding-left:12px;padding-right:0;white-space:nowrap}
 table.disk_status tr>td+td{width:auto}
@@ -131,12 +131,12 @@ table.settings td:first-child{width:35%;padding-left:12px}
 table.settings.shifted{padding:0;margin-left:0;margin-top:0}
 table.settings.shifted td:first-child{padding-left:0}
 table.access_list{border-spacing:0;margin-top:10px;border:0}
-table.access_list tr:first-child td{font-size:14px;vertical-align:middle;text-align:left;border:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;background:#262626}
+table.access_list tr:first-child td{font-size:1.4rem;vertical-align:middle;text-align:left;border:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;background:#262626}
 table.access_list td:first-child{font-weight:normal;width:35%;padding-left:12px}
 table.access_list tr:first-child td:first-child{font-weight:normal}
 table.access_list tr>td+td{white-space:nowrap}
 table.share_status{white-space:nowrap}
-table.share_status thead tr:first-child td{font-size:14px;background:#262626}
+table.share_status thead tr:first-child td{font-size:1.4rem;background:#262626}
 table.share_status thead tr:last-child{border-bottom:1px solid #2b2b2b}
 table.share_status tr>td{text-align:left;padding-left:12px}
 table.share_status tr>td+td{padding-left:0}
@@ -147,7 +147,7 @@ table.share_status tbody tr.alert{color:#F0000C;background-color:#FF9E9E}
 table.share_status tbody tr.warn{color:#E68A00;background-color:#FEEFB3}
 table.share_status.share tr td:last-child{width:4%;text-align:right;padding-right:10px}
 table.share_status.fixed tr td:first-child{width:100px}
-table.share_status.fixed thead tr>td+td{font-size:12px}
+table.share_status.fixed thead tr>td+td{font-size:1.1rem}
 table.share_status.fixed tr>td+td{min-width:30px;text-align:center;padding:0}
 table.share_status.fixed tbody tr{border-bottom:1px #2b2b2b dotted}
 table.share_status.table{margin-top:36px}
@@ -187,25 +187,25 @@ span.system{color:#0099FF;background-color:#BDE5F8;display:block;width:100%}
 span.array{color:#4F8A10;background-color:#DFF2BF;display:block;width:100%}
 span.login{color:#D63301;background-color:#FFDDD1;display:block;width:100%}
 span.lite{background-color:#212121}
-span.label{font-size:12px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
-span.temp-text{font-size:12px;color:#4F8A10}
-span.heat-text{font-size:12px;color:#F0000C}
+span.label{font-size:1.2rem;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
+span.temp-text{font-size:1.2rem;color:#4F8A10}
+span.heat-text{font-size:1.2rem;color:#F0000C}
 span.cpu-speed{display:block;color:#3B5998}
-span.status{float:right;font-size:14px;margin-top:30px;padding-right:8px;letter-spacing:2px}
+span.status{float:right;font-size:1.4rem;margin-top:30px;padding-right:8px;letter-spacing:2px}
 span.status.vhshift{margin-top:0;margin-right:0}
 span.status.vshift{margin-top:-18px}
 span.status.hshift{margin-right:-20px}
 span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px}
-span.bitstream{font-family:bitstream;font-size:11px}
+span.bitstream{font-family:bitstream;font-size:1.1rem}
 span.p0{padding-left:0}
 span.strong{font-weight:bold}
-span.big{font-size:14px}
-span.small{font-size:12px}
+span.big{font-size:1.4rem}
+span.small{font-size:1.2rem}
 span.one{margin-left:-16px}
 span.two{margin-left:-20px}
 span.three{margin-left:-23px}
-span.tub{margin-right:8px;font-size:24px;cursor:pointer}
-span.score{font-size:12px;color:#1c1c1c;position:absolute}
+span.tub{margin-right:8px;font-size:2.4rem;cursor:pointer}
+span.score{font-size:1.2rem;color:#1c1c1c;position:absolute}
 i.padlock{margin-right:8px;cursor:default}
 i.nolock{visibility:hidden;margin-right:8px}
 i.lock{margin-left:8px;cursor:default}
@@ -221,12 +221,12 @@ div.tab [type=radio]+label:hover{background:transparent;border:1px solid #ff8c2f
 div.tab [type=radio]:checked+label{cursor:default;background:transparent;border:1px solid #ff8c2f;border-bottom:none;opacity:1}
 div.tab [type=radio]+label~.content{display:none}
 div.tab [type=radio]:checked+label~.content{display:inline}
-div.tab [type=radio]+label{position:relative;font-size:14px;letter-spacing:2px;padding:4px 10px;margin-right:2px;border-top-left-radius:6px;border-top-right-radius:6px;border:1px solid #6c6c6c;border-bottom:none;background:#3c3c3c;opacity:0.5}
+div.tab [type=radio]+label{position:relative;font-size:1.4rem;letter-spacing:2px;padding:4px 10px;margin-right:2px;border-top-left-radius:6px;border-top-right-radius:6px;border:1px solid #6c6c6c;border-bottom:none;background:#3c3c3c;opacity:0.5}
 div.tab [type=radio]+label img{padding-right:4px}
 div.Panel{text-align:center;float:left;margin:0 30px 30px 12px;height:80px}
 div.Panel .PanelText{padding-top:6px}
 div.Panel img.PanelImg{width:auto;max-width:48px;height:48px}
-div.Panel i.PanelIcon{font-size:48px}
+div.Panel i.PanelIcon{font-size:4.8rem}
 div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #2f2f2f;border-radius:5px;line-height:20px;height:100px;width:100px;background:#262626}
 div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px}
 div.up{margin-top:-30px;border:1px solid #2b2b2b;padding:4px 6px;overflow:auto}
@@ -243,8 +243,8 @@ div.domain{margin-top:-20px}
 @keyframes mark_6{50% {transform:translateY(40px)} 100% {transform:translateY(0px)}}
 @keyframes mark_7{50% {transform:translateY(62px)} 100% {transform: translateY(0px)}}
 pre.up{margin-top:-30px}
-pre{border:1px solid #2b2b2b;font-family:bitstream;font-size:12px;padding:4px 6px;overflow:auto}
-iframe#progressFrame{position:fixed;bottom:32px;left:0;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:11px;color:#808080;white-space:nowrap;z-index:-10}
+pre{border:1px solid #2b2b2b;font-family:bitstream;font-size:1.2rem;padding:4px 6px;overflow:auto}
+iframe#progressFrame{position:fixed;bottom:32px;left:0;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:1.1rem;color:#808080;white-space:nowrap;z-index:-10}
 dl{margin:0;padding-left:12px;line-height:26px}
 dt{clear:left;float:left;width:35%;font-weight:normal}
 dd{margin-bottom:12px;white-space:nowrap}
diff --git a/plugins/dynamix/styles/default-gray.css b/plugins/dynamix/styles/default-gray.css
index d40a9f916..ddd27a622 100644
--- a/plugins/dynamix/styles/default-gray.css
+++ b/plugins/dynamix/styles/default-gray.css
@@ -1,5 +1,5 @@
-html{font-family:clear-sans;height:100%}
-body{font-size:13px;color:#606e7f;background-color:#1b1d1b;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#606e7f;background-color:#1b1d1b;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 @media (max-width:1280px){#template{min-width:1280px;margin:0}}
 @media (min-width:1281px){#template{min-width:1280px;margin:0}}
 @media (min-width:1921px){#template{min-width:1280px;max-width:1920px;margin:0 auto}}
@@ -12,7 +12,7 @@ a{color:#486dba;text-decoration:none}
 a.none{color:#606e7f}
 a.img{text-decoration:none;border:none}
 a.info{position:relative}
-a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:10px;color:#b0b0b0;font-size:12px;line-height:20px;padding:5px 8px;border:1px solid #42453e;border-radius:3px;background-color:#121510}
+a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:10px;color:#b0b0b0;font-size:1.2rem;line-height:20px;padding:5px 8px;border:1px solid #42453e;border-radius:3px;background-color:#121510}
 a.info:hover span{display:block;z-index:1}
 a.nohand{cursor:default}
 i.spacing{margin-left:0;margin-right:10px}
@@ -20,10 +20,10 @@ i.icon{margin-right:4px}
 i.title{display:none}
 pre ul{margin:0;padding-top:0;padding-bottom:0;padding-left:28px}
 pre li{margin:0;padding-top:0;padding-bottom:0;padding-left:18px}
-big{font-size:14px;font-weight:bold;text-transform:uppercase}
+big{font-size:1.4rem;font-weight:bold;text-transform:uppercase}
 hr{border:none;height:1px!important;color:#606e7f;background-color:#606e7f}
-input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:13px;background:transparent;border:1px solid #606e7f;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#606e7f}
-input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:12px;border:1px solid #606e7f;border-radius:5px;margin:10px 20px 10px 0;padding:8px 12px;cursor:pointer;outline:none;color:#606e7f;background:#121510}
+input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #606e7f;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#606e7f}
+input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;border:1px solid #606e7f;border-radius:5px;margin:10px 20px 10px 0;padding:8px 12px;cursor:pointer;outline:none;color:#606e7f;background:#121510}
 input[type=checkbox]{vertical-align:middle;margin-right:6px}
 input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
 input[type=number]{-moz-appearance:textfield}
@@ -32,7 +32,7 @@ input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button
 input:active[type=button],input:active[type=reset],input:active[type=submit],button:active,button:active[type=button],a.button:active{border-color:#0072c6;box-shadow:none}
 input[disabled],button[disabled],input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],textarea[disabled]{color:#808080;border-color:#808080;background:#383a34;opacity:0.3;cursor:default}
 input::-webkit-input-placeholder{color:#00529b}
-select{font-family:clear-sans;font-size:13px;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#606e7f 1px solid;box-shadow:none;color:#606e7f;background:transparent;outline:none;display:inline-block;cursor:pointer}
+select{font-family:clear-sans;font-size:1.3rem;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#606e7f 1px solid;box-shadow:none;color:#606e7f;background:transparent;outline:none;display:inline-block;cursor:pointer}
 select option{color:#606e7f;background-color:#121510}
 select:focus{border-color:#0072c6}
 select[disabled]{color:#808080;border-color:#808080;background:#383a34;opacity:0.3;cursor:default}
@@ -58,25 +58,25 @@ form+p{display:none}
 #nav-block{-ms-overflow-style:none;overflow:-moz-scrollbars-none}
 #nav-block.mozilla{margin-left:-17px;overflow-y:scroll}
 #nav-block>div{direction:ltr}
-#nav-item{width:40px;text-align:left;padding:14px 24px 14px 0;border-bottom:#42453e 1px solid;font-size:18px;overflow:hidden;transition:.2s background-color ease}
+#nav-item{width:40px;text-align:left;padding:14px 24px 14px 0;border-bottom:#42453e 1px solid;font-size:1.8rem;overflow:hidden;transition:.2s background-color ease}
 #nav-item:hover{width:170px;color:#5D6833;background:#ABC056;border-bottom-color:#5D6833;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
 #nav-item:hover a{color:#5D6833;background:#ABC056}
 #nav-item img{display:none}
 #nav-item a{color:#A6A7A7;text-decoration:none;padding:19px 80px 12px 16px}
-#nav-item a:before{font-family:docker-icon,fontawesome;font-size:26px;margin-right:25px}
+#nav-item a:before{font-family:docker-icon,fontawesome;font-size:2.6rem;margin-right:25px}
 #nav-item.active,#nav-item.active a{color:#5D6833;background:#ABC056}
-#nav-item.HelpButton.active:hover,#nav-item.HelpButton.active a:hover{background:#ABC056;font-size:18px}
+#nav-item.HelpButton.active:hover,#nav-item.HelpButton.active a:hover{background:#ABC056;font-size:1.8rem}
 #nav-item.HelpButton.active,#nav-item.HelpButton.active a{background:#121510;font-size:0}
 #nav-item a i{display:none}
 #nav-user{display:block;float:left;text-align:center;border:none}
-#nav-user.probe{font-size:11px;margin-left:3px;margin-right:8px}
+#nav-user.probe{font-size:1.1rem;margin-left:3px;margin-right:8px}
 #nav-tub1{position:fixed;top:56px;right:400px}
 #nav-tub2{position:fixed;top:56px;right:370px}
 #nav-tub3{position:fixed;top:56px;right:340px}
 span.tub span[id^='txt-tub']{margin-top:7px}
 #title{color:#39587f;margin:20px 0 10px 0;padding:10px 0;clear:both;background:#1b1d1b;border-bottom:#606e7f 1px solid;letter-spacing:2px}
-#title span.left{font-size:20px;text-transform:uppercase}
-#title span.right{font-size:20px;padding-right:10px;float:right}
+#title span.left{font-size:2rem;text-transform:uppercase}
+#title span.right{font-size:2rem;padding-right:10px;float:right}
 #title span img,#title p{display:none}
 #title:first-child{margin-top:0}
 #title.shift{margin-top:-12px}
@@ -84,7 +84,7 @@ span.tub span[id^='txt-tub']{margin-top:7px}
 #footer{position:fixed;bottom:0;left:0;color:#808080;background:#121510;padding:5px 0;width:100%;height:16px;line-height:16px;text-align:center;z-index:100}
 #statusraid{float:left;padding-left:10px}
 #countdown{margin:0 auto}
-#copyright{font-family:bitstream;font-size:11px;float:right;padding-right:10px}
+#copyright{font-family:bitstream;font-size:1.1rem;float:right;padding-right:10px}
 .green{color:#4F8A10;padding-left:5px;padding-right:5px}
 .red{color:#F0000C;padding-left:5px;padding-right:5px}
 .orange{color:#E68A00;padding-left:5px;padding-right:5px}
@@ -99,12 +99,12 @@ span.tub span[id^='txt-tub']{margin-top:7px}
 .usage-bar>span>span{padding-left:4px;color:#606e7f}
 .usage-disk{height:25px;line-height:25px;background-color:rgba(18,21,16,0.3)}
 .usage-disk>span{display:block;height:3px;background-color:#606e7f;text-align:left}
-.usage-disk>span>span{font-size:12px;color:#606e7f}
+.usage-disk>span>span{font-size:1.2rem;color:#606e7f}
 .usage-disk.sys{background-color:transparent}
-.usage-disk.sys>span{font-size:12px}
+.usage-disk.sys>span{font-size:1.2rem}
 .usage-disk.all{background-color:transparent}
-.usage-disk.all>span{font-size:11px}
-.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:60px 50%;font-size:15px;text-align:left;padding:15px 0 15px 130px;display:block;height:70px;line-height:70px;vertical-align:middle;border-top:1px solid #FFD324;border-bottom:1px solid #FFD324}
+.usage-disk.all>span{font-size:1.1rem}
+.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:60px 50%;font-size:1.4rem;text-align:left;padding:15px 0 15px 130px;display:block;height:70px;line-height:70px;vertical-align:middle;border-top:1px solid #FFD324;border-bottom:1px solid #FFD324}
 .whitebar{background:-webkit-radial-gradient(#C7C7C7,#EEEEEE);background:linear-gradient(#C7C7C7,#EEEEEE)}
 .greenbar{background:-webkit-radial-gradient(#127A05,#17BF0B);background:linear-gradient(#127A05,#17BF0B)}
 .orangebar{background:-webkit-radial-gradient(#CE7C10,#F0B400);background:linear-gradient(#CE7C10,#F0B400)}
@@ -147,7 +147,7 @@ table.share_status tbody tr:last-child td{border-bottom:#606e7f 1px solid}
 table.share_status tbody tr.alert{color:#F0000C;background-color:#FF9E9E}
 table.share_status tbody tr.warn{color:#E68A00;background-color:#FEEFB3}
 table.share_status.share tr td:last-child{width:4%;text-align:right;padding-right:10px}
-table.share_status.fixed thead tr>td+td{font-size:11px}
+table.share_status.fixed thead tr>td+td{font-size:1.1rem}
 table.share_status.fixed tr td:first-child{width:100px}
 table.share_status.fixed tr>td+td{min-width:30px;text-align:center;padding:0}
 table.share_status.fixed tbody tr{border-bottom:1px #0C0F0B solid}
@@ -191,25 +191,25 @@ span.system{color:#00529b;background-color:#BDE5F8;display:block;width:100%}
 span.array{color:#4F8A10;background-color:#DFF2BF;display:block;width:100%}
 span.login{color:#D63301;background-color:#FFDDD1;display:block;width:100%}
 span.lite{background-color:#121510}
-span.label{font-size:11px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
-span.temp-text{font-size:11px;color:#4F8A10}
-span.heat-text{font-size:11px;color:#F0000C}
+span.label{font-size:1.1rem;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
+span.temp-text{font-size:1.1rem;color:#4F8A10}
+span.heat-text{font-size:1.1rem;color:#F0000C}
 span.cpu-speed{display:block;color:#3B5998}
-span.status{float:right;font-size:14px;letter-spacing:2px}
+span.status{float:right;font-size:1.4rem;letter-spacing:2px}
 span.status.vhshift{margin-top:0;margin-right:0}
 span.status.vshift{margin-top:-16px}
 span.status.hshift{margin-right:-20px}
 span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px}
-span.bitstream{font-family:bitstream;font-size:11px}
+span.bitstream{font-family:bitstream;font-size:1.1rem}
 span.p0{padding-left:0}
 span.strong{font-weight:bold}
-span.big{font-size:14px}
-span.small{font-size:11px}
+span.big{font-size:1.4rem}
+span.small{font-size:1.1rem}
 span.one{margin-left:-16px}
 span.two{margin-left:-20px}
 span.three{margin-left:-23px}
-span.tub{margin-right:8px;font-size:24px;cursor:pointer}
-span.score{font-size:11px;color:#FFFFFF;position:absolute}
+span.tub{margin-right:8px;font-size:2.4rem;cursor:pointer}
+span.score{font-size:1.1rem;color:#FFFFFF;position:absolute}
 span#dropbox{background:none;line-height:60px;margin-right:20px}
 i.padlock{margin-right:8px;cursor:default}
 i.nolock{visibility:hidden;margin-right:8px}
@@ -233,8 +233,8 @@ div.Panel:hover{background-color:#121510}
 div.Panel:hover .PanelText{text-decoration:underline}
 div.Panel br,.vmtemplate br{display:none}
 div.Panel img.PanelImg{float:left;width:auto;max-width:32px;height:32px;margin:10px}
-div.Panel i.PanelIcon{float:left;font-size:32px;margin:10px}
-div.Panel .PanelText{font-size:14px;padding-top:16px;text-align:center}
+div.Panel i.PanelIcon{float:left;font-size:3.2rem;margin:10px}
+div.Panel .PanelText{font-size:1.4rem;padding-top:16px;text-align:center}
 div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #0C0F0B;border-radius:5px;line-height:20px;height:100px;width:100px}
 div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px}
 div.user-list:hover{background-color:#121510}
@@ -255,8 +255,8 @@ div.spinner .unraid_mark_7{animation:mark_7 1.5s ease infinite}
 @keyframes mark_6{50% {transform:translateY(40px)} 100% {transform:translateY(0px)}}
 @keyframes mark_7{50% {transform:translateY(62px)} 100% {transform: translateY(0px)}}
 pre.up{margin-top:0}
-pre{border:1px solid #0C0F0B;font-family:bitstream;font-size:12px;padding:0;overflow:auto;margin-bottom:10px;padding:10px}
-iframe#progressFrame{position:fixed;bottom:32px;left:60px;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:11px;color:#808080;white-space:nowrap;z-index:-2}
+pre{border:1px solid #0C0F0B;font-family:bitstream;font-size:1.2rem;padding:0;overflow:auto;margin-bottom:10px;padding:10px}
+iframe#progressFrame{position:fixed;bottom:32px;left:60px;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:1.1rem;color:#808080;white-space:nowrap;z-index:-2}
 dl{margin-top:0;padding-left:12px;line-height:26px}
 dt{clear:left;float:left;width:35%}
 dd{margin-bottom:12px;white-space:nowrap}
diff --git a/plugins/dynamix/styles/default-popup.css b/plugins/dynamix/styles/default-popup.css
index 8bc2befc0..1290063d6 100644
--- a/plugins/dynamix/styles/default-popup.css
+++ b/plugins/dynamix/styles/default-popup.css
@@ -1,7 +1,7 @@
-html{font-family:clear-sans;height:100%}
-body{font-size:13px;color:#1c1c1c;background:#f2f2f2;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:13px;background:transparent;border:1px solid #1c1c1c;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#1c1c1c}
-input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:0 12px 0 0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#1c1c1c;background:#f2f2f2;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #1c1c1c;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#1c1c1c}
+input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:0 12px 0 0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
 input:hover[type=button],input:hover[type=reset],input:hover[type=submit],button:hover,button:hover[type=button],a.button:hover{color:#f2f2f2;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f));background:linear-gradient(90deg,#e22828 0,#ff8c2f)}
 input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled],button[disabled],button[type=button][disabled],a.button[disabled]
 input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover[type=submit][disabled],button:hover[disabled],button:hover[type=button][disabled],a.button:hover[disabled]
@@ -11,7 +11,7 @@ table{border-collapse:collapse;border-spacing:0;margin:0;width:100%}
 table thead td{padding:6px 0}
 table tbody td{padding:4px 0}
 table.share_status{white-space:nowrap}
-table.share_status thead tr:first-child td{font-size:14px;background:#e8e8e8}
+table.share_status thead tr:first-child td{font-size:1.4rem;background:#e8e8e8}
 table.share_status thead tr:last-child{border-bottom:1px solid #e3e3e3}
 table.share_status tbody tr:nth-child(even){background-color:#ededed}
 table.share_status tr>td{text-align:left;padding-left:12px}
diff --git a/plugins/dynamix/styles/default-white.css b/plugins/dynamix/styles/default-white.css
index 51ca81474..1e4e0880d 100644
--- a/plugins/dynamix/styles/default-white.css
+++ b/plugins/dynamix/styles/default-white.css
@@ -1,5 +1,5 @@
-html{font-family:clear-sans;height:100%}
-body{font-size:13px;color:#1c1c1c;background:#f2f2f2;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#1c1c1c;background:#f2f2f2;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 @media (max-width:1280px){#template{min-width:1280px;margin:0}}
 @media (min-width:1281px){#template{min-width:1280px;margin:0 10px}}
 @media (min-width:1921px){#template{min-width:1280px;max-width:1920px;margin:0 auto}}
@@ -13,15 +13,15 @@ a.none{color:#1c1c1c}
 a.header{color:#f2f2f2}
 a.img{text-decoration:none;border:none}
 a.info{position:relative}
-a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:12px;font-size:13px;line-height:20px;color:#f2f2f2;padding:5px 8px;border:1px solid rgba(255,255,255,0.25);border-radius:3px;background-color:rgba(25,25,25,0.95);box-shadow:0 0 3px #303030}
+a.info span{display:none;white-space:nowrap;font-variant:small-caps;position:absolute;top:16px;left:12px;font-size:1.3rem;line-height:20px;color:#f2f2f2;padding:5px 8px;border:1px solid rgba(255,255,255,0.25);border-radius:3px;background-color:rgba(25,25,25,0.95);box-shadow:0 0 3px #303030}
 a.info:hover span{display:block;z-index:1}
 a.nohand{cursor:default}
 i.spacing{margin-left:-6px}
 i.icon{margin-right:4px}
 i.title{margin-right:8px}
 hr{border:none;height:1px!important;color:#e3e3e3;background-color:#e3e3e3}
-input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:13px;background:transparent;border:1px solid #1c1c1c;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#1c1c1c}
-input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:10px 12px 10px 0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
+input[type=text],input[type=password],input[type=number],input[type=url],input[type=email],input[type=date],input[type=file],textarea,.textarea{font-family:clear-sans;font-size:1.3rem;background:transparent;border:1px solid #1c1c1c;padding:5px 10px;min-height:20px;line-height:20px;outline:none;width:304px;margin:0 20px 0 0;box-shadow:none;color:#1c1c1c}
+input[type=button],input[type=reset],input[type=submit],button,button[type=button],a.button{font-family:clear-sans;font-size:1.2rem;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:10px 12px 10px 0;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
 input[type=checkbox]{vertical-align:middle;margin-right:6px}
 input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none}
 input[type=number]{-moz-appearance:textfield}
@@ -33,7 +33,7 @@ input:hover[type=button][disabled],input:hover[type=reset][disabled],input:hover
 input:active[type=button][disabled],input:active[type=reset][disabled],input:active[type=submit][disabled],button:active[disabled],button:active[type=button][disabled],a.button:active[disabled]
 {cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
 input::-webkit-input-placeholder{color:#486dba}
-select{font-family:clear-sans;font-size:13px;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#1c1c1c 1px solid;box-shadow:none;color:#1c1c1c;background:transparent;outline:none;display:inline-block;cursor:pointer}
+select{font-family:clear-sans;font-size:1.3rem;min-width:188px;max-width:326px;padding:6px 6px;margin:0 10px 0 0;border:#1c1c1c 1px solid;box-shadow:none;color:#1c1c1c;background:transparent;outline:none;display:inline-block;cursor:pointer}
 select option{color:#1c1c1c;background-color:#e8e8e8}
 select:focus{border-color:#ff8c2f}
 select[disabled]{color:#1c1c1c;border-color:#a2a2a2;background:#e8e8e8;opacity:0.5;cursor:default}
@@ -53,11 +53,11 @@ input.trim{width:50px}
 #header .text-right a{color:#f2f2f2}
 #header .text-right #licensetype{font-weight:bold;font-style:italic;margin-right:4px}
 #title{margin:20px 0 32px 0;padding:8px 10px;clear:both;border-bottom:#e3e3e3 1px solid;background:#e8e8e8;letter-spacing:2px}
-#title span.left{font-size:14px}
-#title span.right{font-size:12px;padding-top:2px;padding-right:10px;float:right}
+#title span.left{font-size:1.4rem}
+#title span.right{font-size:1.2rem;padding-top:2px;padding-right:10px;float:right}
 #title span img{padding-right:4px}
 #title.shift{margin-top:-30px}
-#menu{position:fixed;top:90px;left:0;width:100%;height:40px;line-height:40px;padding:0;margin:0;font-size:12px;background:#1c1b1b;z-index:101}
+#menu{position:fixed;top:90px;left:0;width:100%;height:40px;line-height:40px;padding:0;margin:0;font-size:1.2rem;background:#1c1b1b;z-index:101}
 #nav-block{overflow:hidden;height:40px;letter-spacing:2px}
 #nav-left{float:left}
 #nav-right{float:right}
@@ -75,7 +75,7 @@ input.trim{width:50px}
 #footer{position:fixed;bottom:0;left:0;color:#2b2a29;background:#d4d5d6;padding:5px 0;width:100%;height:16px;line-height:16px;text-align:center;z-index:100}
 #statusraid{float:left;padding-left:10px}
 #countdown{margin:0 auto}
-#copyright{font-family:bitstream;font-size:11px;float:right;padding-right:10px}
+#copyright{font-family:bitstream;font-size:1.1rem;float:right;padding-right:10px}
 .green{color:#4F8A10;padding-left:5px;padding-right:5px}
 .red{color:#F0000C;padding-left:5px;padding-right:5px}
 .orange{color:#E68A00;padding-left:5px;padding-right:5px}
@@ -87,15 +87,15 @@ input.trim{width:50px}
 .grey-text{color:#404040}
 .usage-bar{float:left;height:20px;line-height:20px;width:130px;padding:1px 1px 1px 2px;margin:8px 12px;border-radius:3px;background-color:#585858;box-shadow:0 1px 0 #989898,inset 0 1px 0 #202020}
 .usage-bar>span{display:block;height:100%;text-align:right;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
-.usage-bar>span>span{padding:0 4px;font-size:12px;color:#f2f2f2}
+.usage-bar>span>span{padding:0 4px;font-size:1.2rem;color:#f2f2f2}
 .usage-disk{height:20px;line-height:20px;padding:0;margin:0;border-radius:3px;background-color:#585858}
-.usage-disk>span{display:block;height:100%;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);text-align:left;font-size:12px}
-.usage-disk>span>span{padding:0 6px;font-size:12px;color:#f2f2f2}
+.usage-disk>span{display:block;height:100%;border-radius:2px;background-color:#808080;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);text-align:left;font-size:1.2rem}
+.usage-disk>span>span{padding:0 6px;font-size:1.2rem;color:#f2f2f2}
 .usage-disk.sys{height:20px;line-height:20px;margin-right:8px;padding:1px 0 1px 1px}
-.usage-disk.sys>span{color:#f2f2f2;font-size:13px}
+.usage-disk.sys>span{color:#f2f2f2;font-size:1.3rem}
 .usage-disk.all{margin-right:2px}
-.usage-disk.all>span{color:#f2f2f2;font-size:11px}
-.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:60px 50%;font-size:15px;text-align:left;padding:15px 0 15px 130px;display:block;height:70px;line-height:70px;vertical-align:middle;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324}
+.usage-disk.all>span{color:#f2f2f2;font-size:1.1rem}
+.notice{background:#FFF6BF url(../images/notice.png) no-repeat;background-position:60px 50%;font-size:1.4rem;text-align:left;padding:15px 0 15px 130px;display:block;height:70px;line-height:70px;vertical-align:middle;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324}
 .notice.shift{margin-top:160px}
 .whitebar{background:-webkit-gradient(linear,left top,right top,from(#C7C7C7),to(#EEEEEE));background:linear-gradient(90deg,#C7C7C7 0,#EEEEEE)}
 .greenbar{background:-webkit-gradient(linear,left top,right top,from(#127A05),to(#17BF0B));background:linear-gradient(90deg,#127A05 0,#17BF0B)}
@@ -110,7 +110,7 @@ table tbody tr.tr_last{background:#ededed;border-top:1px solid #e3e3e3;border-bo
 table td.cpu-info{border:1px solid #e3e3e3}
 table.disk_status{white-space:nowrap}
 table.disk_status td span{margin-left:10px}
-table.disk_status thead tr:first-child td{font-size:14px;background:#e8e8e8}
+table.disk_status thead tr:first-child td{font-size:1.4rem;background:#e8e8e8}
 table.disk_status thead tr:last-child{border-bottom:1px solid #e3e3e3}
 table.disk_status tr>td{width:8%;padding-left:12px;padding-right:0;white-space:nowrap}
 table.disk_status tr>td+td{width:auto}
@@ -131,12 +131,12 @@ table.settings td:first-child{width:35%;padding-left:12px}
 table.settings.shifted{padding:0;margin-left:0;margin-top:0}
 table.settings.shifted td:first-child{padding-left:0}
 table.access_list{border-spacing:0;margin-top:10px;border:0}
-table.access_list tr:first-child td{font-size:14px;vertical-align:middle;text-align:left;border:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#e8e8e8}
+table.access_list tr:first-child td{font-size:1.4rem;vertical-align:middle;text-align:left;border:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#e8e8e8}
 table.access_list td:first-child{font-weight:normal;width:35%;padding-left:12px}
 table.access_list tr:first-child td:first-child{font-weight:normal}
 table.access_list tr>td+td{white-space:nowrap}
 table.share_status{white-space:nowrap}
-table.share_status thead tr:first-child td{font-size:14px;background:#e8e8e8}
+table.share_status thead tr:first-child td{font-size:1.4rem;background:#e8e8e8}
 table.share_status thead tr:last-child{border-bottom:1px solid #e3e3e3}
 table.share_status tr>td{text-align:left;padding-left:12px}
 table.share_status tr>td+td{padding-left:0}
@@ -147,7 +147,7 @@ table.share_status tbody tr.alert{color:#F0000C;background-color:#FF9E9E}
 table.share_status tbody tr.warn{color:#E68A00;background-color:#FEEFB3}
 table.share_status.share tr td:last-child{width:4%;text-align:right;padding-right:10px}
 table.share_status.fixed tr td:first-child{width:100px}
-table.share_status.fixed thead tr>td+td{font-size:12px}
+table.share_status.fixed thead tr>td+td{font-size:1.1rem}
 table.share_status.fixed tr>td+td{min-width:30px;text-align:center;padding:0}
 table.share_status.fixed tbody tr{border-bottom:1px #e3e3e3 dotted}
 table.share_status.table{margin-top:36px}
@@ -187,25 +187,25 @@ span.system{color:#0099FF;background-color:#BDE5F8;display:block;width:100%}
 span.array{color:#4F8A10;background-color:#DFF2BF;display:block;width:100%}
 span.login{color:#D63301;background-color:#FFDDD1;display:block;width:100%}
 span.lite{background-color:#ededed}
-span.label{font-size:12px;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
-span.temp-text{font-size:12px;color:#4F8A10}
-span.heat-text{font-size:12px;color:#F0000C}
+span.label{font-size:1.2rem;padding:2px 0 2px 6px;margin-right:6px;border-radius:4px;display:inline;width:auto;vertical-align:middle}
+span.temp-text{font-size:1.2rem;color:#4F8A10}
+span.heat-text{font-size:1.2rem;color:#F0000C}
 span.cpu-speed{display:block;color:#3B5998}
-span.status{float:right;font-size:14px;margin-top:30px;padding-right:8px;letter-spacing:2px}
+span.status{float:right;font-size:1.4rem;margin-top:30px;padding-right:8px;letter-spacing:2px}
 span.status.vhshift{margin-top:0;margin-right:0}
 span.status.vshift{margin-top:-18px}
 span.status.hshift{margin-right:-20px}
 span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px}
-span.bitstream{font-family:bitstream;font-size:11px}
+span.bitstream{font-family:bitstream;font-size:1.1rem}
 span.p0{padding-left:0}
 span.strong{font-weight:bold}
-span.big{font-size:14px}
-span.small{font-size:12px}
+span.big{font-size:1.4rem}
+span.small{font-size:1.2rem}
 span.one{margin-left:-16px}
 span.two{margin-left:-20px}
 span.three{margin-left:-23px}
-span.tub{margin-right:8px;font-size:24px;cursor:pointer}
-span.score{font-size:12px;color:#1c1c1c;position:absolute}
+span.tub{margin-right:8px;font-size:2.4rem;cursor:pointer}
+span.score{font-size:1.2rem;color:#1c1c1c;position:absolute}
 i.padlock{margin-right:8px;cursor:default}
 i.nolock{visibility:hidden;margin-right:8px}
 i.lock{margin-left:8px;cursor:default}
@@ -221,12 +221,12 @@ div.tab [type=radio]+label:hover{background:transparent;border:1px solid #ff8c2f
 div.tab [type=radio]:checked+label{cursor:default;background:transparent;border:1px solid #ff8c2f;border-bottom:none;opacity:1}
 div.tab [type=radio]+label~.content{display:none}
 div.tab [type=radio]:checked+label~.content{display:inline}
-div.tab [type=radio]+label{position:relative;font-size:14px;letter-spacing:2px;padding:4px 10px;margin-right:2px;border-top-left-radius:6px;border-top-right-radius:6px;border:1px solid #b2b2b2;border-bottom:none;background:#e2e2e2;opacity:0.5}
+div.tab [type=radio]+label{position:relative;font-size:1.4rem;letter-spacing:2px;padding:4px 10px;margin-right:2px;border-top-left-radius:6px;border-top-right-radius:6px;border:1px solid #b2b2b2;border-bottom:none;background:#e2e2e2;opacity:0.5}
 div.tab [type=radio]+label img{padding-right:4px}
 div.Panel{text-align:center;float:left;margin:0 30px 30px 12px;height:80px}
 div.Panel .PanelText{padding-top:6px}
 div.Panel img.PanelImg{width:auto;max-width:48px;height:48px}
-div.Panel i.PanelIcon{font-size:48px}
+div.Panel i.PanelIcon{font-size:4.8rem}
 div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #dedede;border-radius:5px;line-height:20px;height:100px;width:100px;background:#e8e8e8}
 div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px}
 div.up{margin-top:-30px;border:1px solid #e3e3e3;padding:4px 6px;overflow:auto}
@@ -243,8 +243,8 @@ div.domain{margin-top:-20px}
 @keyframes mark_6{50% {transform:translateY(40px)} 100% {transform:translateY(0px)}}
 @keyframes mark_7{50% {transform:translateY(62px)} 100% {transform: translateY(0px)}}
 pre.up{margin-top:-30px}
-pre{border:1px solid #e3e3e3;font-family:bitstream;font-size:12px;padding:4px 6px;overflow:auto}
-iframe#progressFrame{position:fixed;bottom:32px;left:0;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:11px;color:#808080;white-space:nowrap;z-index:-10}
+pre{border:1px solid #e3e3e3;font-family:bitstream;font-size:1.2rem;padding:4px 6px;overflow:auto}
+iframe#progressFrame{position:fixed;bottom:32px;left:0;margin:0;padding:8px 8px 0 8px;width:100%;height:12px;line-height:12px;border-style:none;overflow:hidden;font-family:bitstream;font-size:1.1rem;color:#808080;white-space:nowrap;z-index:-10}
 dl{margin:0;padding-left:12px;line-height:26px}
 dt{clear:left;float:left;width:35%;font-weight:normal}
 dd{margin-bottom:12px;white-space:nowrap}
diff --git a/plugins/dynamix/styles/dynamix-azure.css b/plugins/dynamix/styles/dynamix-azure.css
index 6f2007251..ac9d4fab7 100644
--- a/plugins/dynamix/styles/dynamix-azure.css
+++ b/plugins/dynamix/styles/dynamix-azure.css
@@ -1,5 +1,5 @@
 body>div.jGrowl{position:fixed}
-div.jGrowl{font-size:13px}
+div.jGrowl{font-size:1.3rem}
 div.jGrowl.top-left{left:70px;top:59px}
 div.jGrowl.top-right{right:10px;top:59px}
 div.jGrowl.bottom-left{left:70px;bottom:24px}
@@ -23,11 +23,11 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
 .ui-dropdownchecklist-dropcontainer{color:#606E7F;background-color:#EDEAEF;border:#0072C6 1px solid}
 .ui-state-disabled{border-color:#808080;background:#C7C5CB;opacity:0.5}
 .ui-dropdownchecklist-indent{padding-left:7px}
-.ui-dropdownchecklist-text{font-family:clear-sans;font-size:12px;color:#606E7F}
+.ui-dropdownchecklist-text{font-family:clear-sans;font-size:1.2rem;color:#606E7F}
 .ui-dropdownchecklist-item{height:22px;line-height:22px}
 .ui-dropdownchecklist-item input{vertical-align:top}
 #sb-info-inner,#sb-loading-inner,div.sb-message{color:#808080}
-#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;letter-spacing:2px;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
+#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:1.8rem;font-weight:bold;letter-spacing:2px;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
 #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
 #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
 #sb-overlay{position:relative;height:100%;width:100%}
@@ -37,11 +37,11 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
 #sb-body-inner{position:absolute;height:100%;width:100%;color:#1c1c1c;background:#f2f2f2}
 #sb-body img{border:none}
 #sb-loading{position:relative;height:100%}
-#sb-loading-inner{position:absolute;font-size:18px;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
+#sb-loading-inner{position:absolute;font-size:1.8rem;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
 #sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
 #sb-body,#sb-loading{color:#1c1c1c;background-color:#f2f2f2}
 #sb-info,#sb-info-inner{height:20px;line-height:20px}
-#sb-info-inner{font-size:13px}
+#sb-info-inner{font-size:1.3rem}
 #sb-nav{float:right;height:16px;padding:2px 0;width:45%}
 #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
 #sb-nav-close{background-image:url(../images/close.png);position:absolute;display:block;z-index:999;width:32px;height:32px;top:-16px;right:-16px;cursor:pointer}
@@ -63,7 +63,7 @@ table.tablesorter tbody tr td{padding:4px 20px 4px 6px;vertical-align:middle;tex
 table.tablesorter.plugins td:first-child{width:64px;text-align:center}
 table.tablesorter.plugins tr>td+td+td{width:9%;white-space:nowrap}
 table.tablesorter.plugins td:last-child{width:96px;padding:0}
-table.tablesorter .desc_readmore strong,table.tablesorter .desc_readmore h4{font-size:13px}
+table.tablesorter .desc_readmore strong,table.tablesorter .desc_readmore h4{font-size:1.3rem}
 table.tablesorter .desc_readmore h4,table.tablesorter .desc_readmore p:first-child{margin:0}
 table.tablesorter.left th,table.tablesorter.left td{text-align:left;width:20%}
 table.tablesorter.left th:first-child,table.tablesorter.left td:first-child{width:8%}
@@ -77,7 +77,7 @@ table.tablesorter.indexer thead th:first-child{width:4%}
 table.tablesorter.indexer thead th,table.tablesorter.indexer tbody td,table.tablesorter.indexer tfoot td{padding-left:10px}
 table.tablesorter.indexer thead tr>th+th{width:auto;text-align:left}
 table.tablesorter.indexer thead tr>th+th+th{width:14%}
-table.tablesorter.indexer tfoot td{padding-top:10px;font-size:11px}
+table.tablesorter.indexer tfoot td{padding-top:10px;font-size:1.1rem}
 table.tablesorter.indexer tfoot tr{border-bottom:none}
 span.select ul{display:none;list-style-type:none;margin:0 0 2px 0;padding:0}
 span.select ul.unused{display:block}
diff --git a/plugins/dynamix/styles/dynamix-black.css b/plugins/dynamix/styles/dynamix-black.css
index a532e08de..b8880143e 100644
--- a/plugins/dynamix/styles/dynamix-black.css
+++ b/plugins/dynamix/styles/dynamix-black.css
@@ -1,5 +1,5 @@
 body>div.jGrowl{position:fixed}
-div.jGrowl{font-size:13px}
+div.jGrowl{font-size:1.3rem}
 div.jGrowl.top-left{left:10px;top:100px}
 div.jGrowl.top-right{right:10px;top:100px}
 div.jGrowl.bottom-left{left:10px;bottom:24px}
@@ -23,11 +23,11 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:130px}
 .ui-dropdownchecklist-dropcontainer{color:#f2f2f2;background-color:#262626;border:#ff8c2f 1px solid}
 .ui-state-disabled{color:#f2f2f2;border-color:#6c6c6c;background:#262626;opacity:0.5;cursor:default}
 .ui-dropdownchecklist-indent{padding-left:7px}
-.ui-dropdownchecklist-text{font-family:clear-sans;font-size:13px;color:#f2f2f2}
+.ui-dropdownchecklist-text{font-family:clear-sans;font-size:1.3rem;color:#f2f2f2}
 .ui-dropdownchecklist-item{height:24px;line-height:24px}
 .ui-dropdownchecklist-item input{vertical-align:top}
 #sb-info-inner,#sb-loading-inner,div.sb-message{color:#808080}
-#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;letter-spacing:2px;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
+#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:1.8rem;font-weight:bold;letter-spacing:2px;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
 #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
 #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
 #sb-overlay{position:relative;height:100%;width:100%}
@@ -37,11 +37,11 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:130px}
 #sb-body-inner{position:absolute;height:100%;width:100%;color:#1b1b1b;background:#f2f2f2}
 #sb-body img{border:none}
 #sb-loading{position:relative;height:100%}
-#sb-loading-inner{position:absolute;font-size:18px;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
+#sb-loading-inner{position:absolute;font-size:1.8rem;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
 #sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
 #sb-body,#sb-loading{color:#1b1b1b;background-color:#f2f2f2}
 #sb-info,#sb-info-inner{height:20px;line-height:20px}
-#sb-info-inner{font-size:13px}
+#sb-info-inner{font-size:1.3rem}
 #sb-nav{float:right;height:16px;padding:2px 0;width:45%}
 #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
 #sb-nav-close{background-image:url(../images/close.png);position:absolute;display:block;z-index:999;width:32px;height:32px;top:-16px;right:-16px;cursor:pointer}
@@ -63,7 +63,7 @@ table.tablesorter tbody tr td{padding:4px 20px 4px 6px;vertical-align:middle;tex
 table.tablesorter.plugins td:first-child{width:64px;text-align:center}
 table.tablesorter.plugins tr>td+td+td{width:9%;white-space:nowrap}
 table.tablesorter.plugins td:last-child{width:96px;padding:0}
-table.tablesorter .desc_readmore strong,table.tablesorter .desc_readmore h4{font-size:13px}
+table.tablesorter .desc_readmore strong,table.tablesorter .desc_readmore h4{font-size:1.3rem}
 table.tablesorter .desc_readmore h4,table.tablesorter .desc_readmore p:first-child{margin:0}
 table.tablesorter.left th,table.tablesorter.left td{text-align:left;width:20%}
 table.tablesorter.left th:first-child,table.tablesorter.left td:first-child{width:8%}
@@ -77,7 +77,7 @@ table.tablesorter.indexer thead th:first-child{width:4%}
 table.tablesorter.indexer thead th,table.tablesorter.indexer tbody td,table.tablesorter.indexer tfoot td{padding-left:10px}
 table.tablesorter.indexer thead tr>th+th{width:auto;text-align:left}
 table.tablesorter.indexer thead tr>th+th+th{width:14%}
-table.tablesorter.indexer tfoot td{padding-top:10px;font-size:11px}
+table.tablesorter.indexer tfoot td{padding-top:10px;font-size:1.1rem}
 span.select ul{display:none;list-style-type:none;margin:0 0 2px 0;padding:0}
 span.select ul.unused{display:block}
 span.select ul li.nosort{font-weight:bold}
diff --git a/plugins/dynamix/styles/dynamix-gray.css b/plugins/dynamix/styles/dynamix-gray.css
index a2f41645f..d896ca5b1 100644
--- a/plugins/dynamix/styles/dynamix-gray.css
+++ b/plugins/dynamix/styles/dynamix-gray.css
@@ -1,5 +1,5 @@
 body>div.jGrowl{position:fixed}
-div.jGrowl{font-size:13px}
+div.jGrowl{font-size:1.3rem}
 div.jGrowl.top-left{left:70px;top:59px}
 div.jGrowl.top-right{right:10px;top:59px}
 div.jGrowl.bottom-left{left:70px;bottom:24px}
@@ -23,11 +23,11 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
 .ui-dropdownchecklist-dropcontainer{color:#606E7F;background-color:#121510;border:#0072C6 1px solid}
 .ui-state-disabled{border-color:#808080;background:#383A34;opacity:0.3}
 .ui-dropdownchecklist-indent{padding-left:7px}
-.ui-dropdownchecklist-text{font-family:clear-sans;font-size:12px;color:#606E7F}
+.ui-dropdownchecklist-text{font-family:clear-sans;font-size:1.2rem;color:#606E7F}
 .ui-dropdownchecklist-item{height:22px;line-height:22px}
 .ui-dropdownchecklist-item input{vertical-align:top}
 #sb-info-inner,#sb-loading-inner,div.sb-message{color:#808080}
-#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;letter-spacing:2px;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
+#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:1.8rem;font-weight:bold;letter-spacing:2px;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
 #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
 #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
 #sb-overlay{position:relative;height:100%;width:100%}
@@ -37,11 +37,11 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
 #sb-body-inner{position:absolute;height:100%;width:100%;color:#1c1c1c;background:#f2f2f2}
 #sb-body img{border:none}
 #sb-loading{position:relative;height:100%}
-#sb-loading-inner{position:absolute;font-size:18px;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
+#sb-loading-inner{position:absolute;font-size:1.8rem;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
 #sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
 #sb-body,#sb-loading{color:#1c1c1c;background-color:#f2f2f2}
 #sb-info,#sb-info-inner{height:20px;line-height:20px}
-#sb-info-inner{font-size:13px}
+#sb-info-inner{font-size:1.3rem}
 #sb-nav{float:right;height:16px;padding:2px 0;width:45%}
 #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
 #sb-nav-close{background-image:url(../images/close.png);position:absolute;display:block;z-index:999;width:32px;height:32px;top:-16px;right:-16px;cursor:pointer}
@@ -63,7 +63,7 @@ table.tablesorter tbody tr td{padding:4px 20px 4px 6px;vertical-align:middle;tex
 table.tablesorter.plugins td:first-child{width:64px;text-align:center}
 table.tablesorter.plugins tr>td+td+td{width:9%;white-space:nowrap}
 table.tablesorter.plugins td:last-child{width:96px;padding:0}
-table.tablesorter .desc_readmore strong,table.tablesorter .desc_readmore h4{font-size:13px}
+table.tablesorter .desc_readmore strong,table.tablesorter .desc_readmore h4{font-size:1.3rem}
 table.tablesorter .desc_readmore h4,table.tablesorter .desc_readmore p:first-child{margin:0}
 table.tablesorter.left th,table.tablesorter.left td{text-align:left;width:20%}
 table.tablesorter.left th:first-child,table.tablesorter.left td:first-child{width:8%}
@@ -77,7 +77,7 @@ table.tablesorter.indexer thead th:first-child{width:4%}
 table.tablesorter.indexer thead th,table.tablesorter.indexer tbody td,table.tablesorter.indexer tfoot td{padding-left:10px}
 table.tablesorter.indexer thead tr>th+th{width:auto;text-align:left}
 table.tablesorter.indexer thead tr>th+th+th{width:14%}
-table.tablesorter.indexer tfoot td{padding-top:10px;font-size:11px}
+table.tablesorter.indexer tfoot td{padding-top:10px;font-size:1.1rem}
 table.tablesorter.indexer tfoot tr{border-bottom:none}
 span.select ul{display:none;list-style-type:none;margin:0 0 2px 0;padding:0}
 span.select ul.unused{display:block}
diff --git a/plugins/dynamix/styles/dynamix-white.css b/plugins/dynamix/styles/dynamix-white.css
index 3050347ef..f63b4ffb5 100644
--- a/plugins/dynamix/styles/dynamix-white.css
+++ b/plugins/dynamix/styles/dynamix-white.css
@@ -1,5 +1,5 @@
 body>div.jGrowl{position:fixed}
-div.jGrowl{font-size:13px}
+div.jGrowl{font-size:1.3rem}
 div.jGrowl.top-left{left:10px;top:100px}
 div.jGrowl.top-right{right:10px;top:100px}
 div.jGrowl.bottom-left{left:10px;bottom:24px}
@@ -23,11 +23,11 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:130px}
 .ui-dropdownchecklist-dropcontainer{color:#1c1c1c;background-color:#e8e8e8;border:#ff8c2f 1px solid}
 .ui-state-disabled{color:#1c1c1c;border-color:#a2a2a2;background:#e8e8e8;opacity:0.5;cursor:default}
 .ui-dropdownchecklist-indent{padding-left:7px}
-.ui-dropdownchecklist-text{font-family:clear-sans;font-size:13px;color:#1c1c1c}
+.ui-dropdownchecklist-text{font-family:clear-sans;font-size:1.3rem;color:#1c1c1c}
 .ui-dropdownchecklist-item{height:24px;line-height:24px}
 .ui-dropdownchecklist-item input{vertical-align:top}
 #sb-info-inner,#sb-loading-inner,div.sb-message{color:#808080}
-#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;letter-spacing:2px;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
+#sb-title,#sb-title-inner{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:50px;line-height:50px;font-size:1.8rem;font-weight:bold;letter-spacing:2px;background:#C0C0C0;color:#606060;text-indent:10px;text-align:center}
 #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden}
 #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none}
 #sb-overlay{position:relative;height:100%;width:100%}
@@ -37,11 +37,11 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:130px}
 #sb-body-inner{position:absolute;height:100%;width:100%;color:#1c1c1c;background:#f2f2f2}
 #sb-body img{border:none}
 #sb-loading{position:relative;height:100%}
-#sb-loading-inner{position:absolute;font-size:18px;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
+#sb-loading-inner{position:absolute;font-size:1.8rem;line-height:20px;height:20px;top:50%;margin-top:-12px;width:100%;text-align:center}
 #sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
 #sb-body,#sb-loading{color:#1c1c1c;background-color:#f2f2f2}
 #sb-info,#sb-info-inner{height:20px;line-height:20px}
-#sb-info-inner{font-size:13px}
+#sb-info-inner{font-size:1.3rem}
 #sb-nav{float:right;height:16px;padding:2px 0;width:45%}
 #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}
 #sb-nav-close{background-image:url(../images/close.png);position:absolute;display:block;z-index:999;width:32px;height:32px;top:-16px;right:-16px;cursor:pointer}
@@ -63,7 +63,7 @@ table.tablesorter tbody tr td{padding:4px 20px 4px 6px;vertical-align:middle;tex
 table.tablesorter.plugins td:first-child{width:64px;text-align:center}
 table.tablesorter.plugins tr>td+td+td{width:9%;white-space:nowrap}
 table.tablesorter.plugins td:last-child{width:96px;padding:0}
-table.tablesorter .desc_readmore strong,table.tablesorter .desc_readmore h4{font-size:13px}
+table.tablesorter .desc_readmore strong,table.tablesorter .desc_readmore h4{font-size:1.3rem}
 table.tablesorter .desc_readmore h4,table.tablesorter .desc_readmore p:first-child{margin:0}
 table.tablesorter.left th,table.tablesorter.left td{text-align:left;width:20%}
 table.tablesorter.left th:first-child,table.tablesorter.left td:first-child{width:8%}
@@ -77,7 +77,7 @@ table.tablesorter.indexer thead th:first-child{width:4%}
 table.tablesorter.indexer thead th,table.tablesorter.indexer tbody td,table.tablesorter.indexer tfoot td{padding-left:10px}
 table.tablesorter.indexer thead tr>th+th{width:auto;text-align:left}
 table.tablesorter.indexer thead tr>th+th+th{width:14%}
-table.tablesorter.indexer tfoot td{padding-top:10px;font-size:11px}
+table.tablesorter.indexer tfoot td{padding-top:10px;font-size:1.1rem}
 span.select ul{display:none;list-style-type:none;margin:0 0 2px 0;padding:0}
 span.select ul.unused{display:block}
 span.select ul li.nosort{font-weight:bold}
diff --git a/plugins/dynamix/styles/jquery.filetree.css b/plugins/dynamix/styles/jquery.filetree.css
index 7fa842f39..76cafe94e 100644
--- a/plugins/dynamix/styles/jquery.filetree.css
+++ b/plugins/dynamix/styles/jquery.filetree.css
@@ -1,4 +1,4 @@
-UL.jqueryFileTree{font-family:clear-sans;font-size:12px;line-height:18px;padding:0px;margin:0px;display:none;}
+UL.jqueryFileTree{font-family:clear-sans;font-size:1.2rem;line-height:18px;padding:0px;margin:0px;display:none;}
 UL.jqueryFileTree LI{	list-style:none;padding:0px;padding-left:20px;margin:0px;white-space:nowrap;}
 UL.jqueryFileTree A{color:inherit;text-decoration:none;display:inline-block;padding:0px 2px;}
 UL.jqueryFileTree A:hover{background:#BDF;}
diff --git a/plugins/dynamix/styles/jquery.sweetalert.css b/plugins/dynamix/styles/jquery.sweetalert.css
index 1337fede5..e8f05ab26 100644
--- a/plugins/dynamix/styles/jquery.sweetalert.css
+++ b/plugins/dynamix/styles/jquery.sweetalert.css
@@ -4,8 +4,8 @@ body.stop-scrolling{height:100%;overflow:hidden}
 background-color:rgba(0, 0, 0, 0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:10000}
 .sweet-alert{background-color:white;font-family:clear-sans;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}
 @media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}
-.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}
-.sweet-alert p{color:#797979;font-size:15px;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}
+.sweet-alert h2{color:#575757;font-size:3rem;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}
+.sweet-alert p{color:#797979;font-size:1.5rem;text-align:center;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}
 .sweet-alert fieldset{border:none;position:relative}
 .sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding 0.15s, max-height 0.15s;transition:padding 0.15s, max-height 0.15s}
 .sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding 0.2s, max-height 0.2s;transition:padding 0.25s, max-height 0.25s}
@@ -16,7 +16,7 @@ background-color:rgba(0, 0, 0, 0.4);position:fixed;left:0;right:0;top:0;bottom:0
 .sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
 .sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
 .sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
-.sweet-alert input[type=text]{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.06);padding:0 12px;display:none;-webkit-transition:all 0.3s;transition:all 0.3s}
+.sweet-alert input[type=text]{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:1.8rem;box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.06);padding:0 12px;display:none;-webkit-transition:all 0.3s;transition:all 0.3s}
 .sweet-alert input:focus{outline:none;box-shadow:0px 0px 3px #c4e6f5;border:1px solid #b4dbed}
 .sweet-alert input:focus::-moz-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5}
 .sweet-alert input:focus:-ms-input-placeholder{transition:opacity 0.3s 0.03s ease;opacity:0.5}
@@ -27,7 +27,7 @@ background-color:rgba(0, 0, 0, 0.4);position:fixed;left:0;right:0;top:0;bottom:0
 .sweet-alert.show-input input{display:block}
 .sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}
 .sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}
-.sweet-alert button{font-family:clear-sans;font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:26px 5px 0 5px;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
+.sweet-alert button{font-family:clear-sans;font-size:1.2rem;font-weight:bold;letter-spacing:2px;text-transform:uppercase;margin:26px 5px 0 5px;padding:9px 18px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;border-radius:.125rem;border:0;color:#ff8c2f;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#e22828),to(#e22828)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#ff8c2f),to(#ff8c2f)) 100% 100% no-repeat;background:linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat,linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
 .sweet-alert button:focus{}
 .sweet-alert button:hover{color:#f2f2f2;background:-webkit-gradient(linear,left top,right top,from(#e22828),to(#ff8c2f));background:linear-gradient(90deg,#e22828 0,#ff8c2f)}
 .sweet-alert button:active{}
diff --git a/plugins/dynamix/styles/jquery.switchbutton.css b/plugins/dynamix/styles/jquery.switchbutton.css
index 308e365e4..4b970aa94 100644
--- a/plugins/dynamix/styles/jquery.switchbutton.css
+++ b/plugins/dynamix/styles/jquery.switchbutton.css
@@ -1,4 +1,4 @@
-.switch-button-label{float:left;font-size:11pt;cursor:pointer;}
+.switch-button-label{float:left;font-size:1.4rem;cursor:pointer;}
 .switch-button-label.off{color:#adadad;}
 .switch-button-label.on{color:#0088CC;}
 .switch-button-background{float:left;position:relative;background:#ccc;border:1px solid #aaa;margin:1px 10px;border-radius:4px;cursor:pointer;}
diff --git a/update.htm b/update.htm
index 992788f8e..5b91a8480 100644
--- a/update.htm
+++ b/update.htm
@@ -23,7 +23,9 @@ src:url('/webGui/styles/clear-sans-bold-italic.eot');src:url('/webGui/styles/cle
 font-family:'bitstream';font-weight:normal;font-style:normal;
 src:url('/webGui/styles/bitstream.eot');src:url('/webGui/styles/bitstream.eot?#iefix') format('embedded-opentype'),url('/webGui/styles/bitstream.woff') format('woff'),url('/webGui/styles/bitstream.ttf') format('truetype'),url('/webGui/styles/bitstream.svg#bitstream') format('svg');
 }
-.logLine{font-family:bitstream;font-size:12px;color:#808080;margin:0 8px;padding:0}
+html{font-family:clear-sans;font-size:62.5%;height:100%}
+body{font-size:1.3rem;color:#1c1c1c;background:#f2f2f2;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+.logLine{font-family:bitstream;font-size:1.2rem;margin:0 8px;padding:0}
 .logLine.spacing{margin:10px;}
 </style>
 <script>