Changed popup windows to higher contrast and the same for all themes

Improve readability
This commit is contained in:
bergware
2017-06-25 10:13:39 +02:00
parent bade2148c4
commit f5c1148272
11 changed files with 44 additions and 53 deletions
@@ -13,17 +13,14 @@
<?
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
require_once "$docroot/webGui/include/Markdown.php";
require_once "$docroot/webGui/include/Wrappers.php";
$webgui = parse_plugin_cfg('dynamix',true);
?>
<!DOCTYPE HTML>
<html>
<head>
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
</head>
<body style="margin:14px 10px;font-size:12px">
<body style="margin:14px 10px">
<?
$file = $_GET['file'];
if (file_exists($file) && strpos(realpath($file), '/tmp/plugins/') === 0 && substr($file, -4) == '.txt') echo Markdown(file_get_contents($file)); else echo Markdown("*No release notes available!*");
+2 -6
View File
@@ -10,12 +10,8 @@
*/
?>
<?
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
require_once "$docroot/webGui/include/Wrappers.php";
$var = parse_ini_file('state/var.ini');
$unraid = parse_ini_file('/etc/unraid-version');
$webgui = parse_plugin_cfg('dynamix',true);
$keyfile = trim(base64_encode(@file_get_contents($var['regFILE'])));
if (array_key_exists('getdiagnostics', $_GET)) {
@@ -28,7 +24,7 @@ if (array_key_exists('getdiagnostics', $_GET)) {
}
?>
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
<style>
#spinner_image{position:fixed;left:46%;top:46%;width:16px;height:16px;display:none}
#control_panel{position:fixed;left:5px;right:5px;top:0;padding-top:8px;line-height:24px;white-space:nowrap}
@@ -42,7 +38,7 @@ input[type=button]{margin-right:0;float:right}
input[type=email]{margin-top:8px;float:left}
</style>
<body>
<div style="margin-top:0;font-size:12px;line-height:30px;margin-left:5px;margin-right:5px">
<div style="margin-top:0;line-height:30px;margin-left:5px;margin-right:5px">
<div id="control_panel" class="four">
<label for="optOnlinePoll"><input type="radio" name="mode" id="optOnlinePoll" value="onlinepoll" checked="checked" /> Online Poll</label>
<label for="optFeatureRequest"><input type="radio" name="mode" id="optFeatureRequest" value="featurerequest"/> Feature Request</label>
+2 -6
View File
@@ -11,10 +11,6 @@
*/
?>
<?
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
require_once "$docroot/webGui/include/Wrappers.php";
$webgui = parse_plugin_cfg('dynamix',true);
$month = [' Jan '=>'-01-',' Feb '=>'-02-',' Mar '=>'-03-',' Apr '=>'-04-',' May '=>'-05-',' Jun '=>'-06-',' Jul '=>'-07-',' Aug '=>'-08-',' Sep '=>'-09-',' Oct '=>'-10-',' Nov '=>'-11-',' Dec '=>'-12-'];
function plus($val, $word, $last) {
@@ -34,10 +30,10 @@ function my_duration($time) {
<html lang="en">
<head>
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
</head>
<body>
<table class='share_status' style='margin-top:0;font-size:12px'><thead><tr><td>Date</td><td>Duration</td><td>Speed</td><td>Status</td><td>Errors</td></tr></thead><tbody>
<table class='share_status'><thead><tr><td>Date</td><td>Duration</td><td>Speed</td><td>Status</td><td>Errors</td></tr></thead><tbody>
<?
$log = '/boot/config/parity-checks.log'; $list = [];
if (file_exists($log)) {
+2 -6
View File
@@ -10,15 +10,11 @@
*/
?>
<?
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
require_once "$docroot/webGui/include/Wrappers.php";
$var = parse_ini_file('state/var.ini');
$webgui = parse_plugin_cfg('dynamix',true);
$keyfile = base64_encode(file_get_contents($var['regFILE']));
?>
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
<script src="/webGui/javascript/dynamix.js"></script>
<script>
function replaceKey(email, guid, keyfile) {
@@ -53,7 +49,7 @@ function replaceKey(email, guid, keyfile) {
}
</script>
<body>
<div style="margin-top:20px;font-size:12px;line-height:30px;margin-left:40px">
<div style="margin-top:20px;line-height:30px;margin-left:40px">
<div id="status_panel"></div>
<form markdown="1" id="input_form">
@@ -12,17 +12,13 @@
*/
?>
<?
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
require_once "$docroot/webGui/include/Wrappers.php";
$var = parse_ini_file('state/var.ini');
$webgui = parse_plugin_cfg('dynamix',true);
?>
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
<style>
span.key{width:92px;display:inline-block;font-weight:bold}
div.box{margin-top:8px;line-height:30px;margin-left:40px;font-size:12px}
div.box{margin-top:8px;line-height:30px;margin-left:40px}
</style>
<script>
// server uptime & update period
+2 -6
View File
@@ -10,14 +10,10 @@
*/
?>
<?
$docroot = $docroot ?: $_SERVER['DOCUMENT_ROOT'] ?: '/usr/local/emhttp';
require_once "$docroot/webGui/include/Wrappers.php";
$var = parse_ini_file('state/var.ini');
$webgui = parse_plugin_cfg('dynamix',true);
?>
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-fonts.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-<?=$webgui['display']['theme']?>.css">
<link type="text/css" rel="stylesheet" href="/webGui/styles/default-popup.css">
<script src="/webGui/javascript/dynamix.js"></script>
<script>
function registerTrial(email, guid) {
@@ -52,7 +48,7 @@ function registerTrial(email, guid) {
}
</script>
<body>
<div style="margin-top:20px;font-size:12px;line-height:30px;margin-left:40px">
<div style="margin-top:20px;line-height:30px;margin-left:40px">
<div id="status_panel"></div>
<form markdown="1" id="trial_form">
+14
View File
@@ -0,0 +1,14 @@
html{font-family:arimo}
body{font-size:12px;color:#303030;background-color:#EDEAEF;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],textarea,.textarea{font-family:arimo;font-size:12px;color:#303030;background-color:#EDEAEF;border:1px solid #E0E0E0;border-radius:4px;padding:2px 8px;min-height:20px;line-height:20px;outline:none;width:300px;margin:0 10px 0 0;box-shadow:inset 1px 1px 5px #F0F0F0}
input[type=button],button,a.button{font-family:arimo;font-size:12px;border:1px solid #E8E8E8;border-radius:6px;margin:7px 14px 0 0;padding:8px 12px;text-decoration:none;white-space:nowrap;cursor:pointer;outline:none;color:#303030;background:-webkit-radial-gradient(#F0F0F0,#C8C8C8);background:linear-gradient(#F0F0F0,#C8C8C8)}
input:hover[type=button],button:hover,a.button:hover{border-color:#6AB034;color:#EDEAEF;background:-webkit-radial-gradient(#5E9E2E,#8FD956);background:linear-gradient(#5E9E2E,#8FD956)}
input:active[type=button],button:active,a:button:active{border-color:#6AB034;box-shadow:inset 0 0 8px 4px #548C29,0 1px 0 0 #E0E0E0}
table{border-collapse:collapse;border-spacing:0;margin:0;width:100%;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
table thead td{padding:5px 0}
table tbody td{padding:7px 0}
table.share_status{white-space:nowrap}
table.share_status thead tr:first-child td{font-weight:bold;background-color:#B0B0B0}
table.share_status thead tr:last-child{border-bottom:1px solid #F0F0F0}
table.share_status tr>td{text-align:left;padding-left:12px}
table.share_status tr>td+td{padding-left:0}
+6 -6
View File
@@ -25,22 +25,22 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
.ui-dropdownchecklist-indent{padding-left:7px}
.ui-dropdownchecklist-text{font-family:arimo;font-size:13px;color:#606E7F}
.ui-dropdownchecklist-item{}
#sb-info-inner,#sb-loading-inner,div.sb-message{color:#606E7F}
#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;background:#ABC056;color:#5D6833;text-indent:10px;text-align:center}
#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;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%}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #ABC056 solid;border-radius:10px;background:#E4E2E4}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#EDEAEF}
#sb-wrapper-inner{overflow:hidden;height:100px}
#sb-body{position:relative;height:100%}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#E4E2E4}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#EDEAEF}
#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 span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
#sb-body,#sb-loading{background-color:#E4E2E4}
#sb-body,#sb-loading{background-color:#EDEAEF}
#sb-info,#sb-info-inner{height:20px;line-height:20px}
#sb-info-inner{font-size:13px}
#sb-info-inner{font-size:12px}
#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}
+3 -3
View File
@@ -30,15 +30,15 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:0}
#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%}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#1B1D1B}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#EDEAEF}
#sb-wrapper-inner{overflow:hidden;height:100px}
#sb-body{position:relative;height:100%}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#1B1D1B}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#EDEAEF}
#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 span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
#sb-body,#sb-loading{background-color:#1B1D1B}
#sb-body,#sb-loading{background-color:#EDEAEF}
#sb-info,#sb-info-inner{height:20px;line-height:20px}
#sb-info-inner{font-size:12px}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}
+6 -6
View File
@@ -25,22 +25,22 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
.ui-dropdownchecklist-indent{padding-left:7px}
.ui-dropdownchecklist-text{font-family:arimo;font-size:13px;color:#606E7F}
.ui-dropdownchecklist-item{}
#sb-info-inner,#sb-loading-inner,div.sb-message{color:#606E7F}
#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;background:#ABC056;color:#5D6833;text-indent:10px;text-align:center}
#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;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%}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #ABC056 solid;border-radius:10px;background:#1B1D1B}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#EDEAEF}
#sb-wrapper-inner{overflow:hidden;height:100px}
#sb-body{position:relative;height:100%}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#1B1D1B}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#EDEAEF}
#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 span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
#sb-body,#sb-loading{background-color:#1B1D1B}
#sb-body,#sb-loading{background-color:#EDEAEF}
#sb-info,#sb-info-inner{height:20px;line-height:20px}
#sb-info-inner{font-size:13px}
#sb-info-inner{font-size:12px}
#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}
+3 -3
View File
@@ -30,15 +30,15 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:0}
#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%}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#E4E2E4}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;border:1px #808080 solid;border-radius:10px;background:#EDEAEF}
#sb-wrapper-inner{overflow:hidden;height:100px}
#sb-body{position:relative;height:100%}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#E4E2E4}
#sb-body-inner{position:absolute;height:100%;width:100%;background:#EDEAEF}
#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 span{background:url(../images/loading.gif) no-repeat;padding-left:22px;display:inline-block}
#sb-body,#sb-loading{background-color:#E4E2E4}
#sb-body,#sb-loading{background-color:#EDEAEF}
#sb-info,#sb-info-inner{height:20px;line-height:20px}
#sb-info-inner{font-size:12px}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%}