mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-01-03 16:14:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

Styling enhancements to improve consistency

Browse Source
This commit is contained in:
bergware
2023-12-11 20:11:21 +01:00
parent 45fe443294
commit 09e8740c04
23 changed files with 128 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
emhttp/plugins/dynamix/ArrayDevices.page
View File

@@ -70,7 +70,7 @@ $('#tab1').bind({click:function() {$('i.toggle').show('slow');}});
<?endif;?>
</script>
<table class="disk_status">
<table class="unraid disk_status">
<thead><tr><td>_(Device)_</td><td>_(Identification)_</td><td>_(Temp)_<?=$power?></td><td>_(Reads)_</td><td>_(Writes)_</td><td>_(Errors)_</td><td>_(FS)_</td><td>_(Size)_</td><td>_(Used)_</td><td>_(Free)_</td></tr></thead>
<tbody id="array_devices">
<?

1
emhttp/plugins/dynamix/ArrayOperation.page
View File

@@ -319,6 +319,7 @@ devices.on('message', function(msg,meta) {
display_diskio();
// stop updating when array is stopped
if (stopped==1) {
$('thead tr').removeClass().addClass('offline');
<?if (_var($var,'fsState')=='Started'):?>
setTimeout(refresh);
<?else:?>

2
emhttp/plugins/dynamix/BootDevice.page
View File

@@ -20,7 +20,7 @@ $('#tab3').bind({click:function() {$('i.toggle').show('slow');}});
<?endif;?>
</script>
<table class="disk_status">
<table class="unraid disk_status">
<thead><tr><td>_(Device)_</td><td>_(Identification)_</td><td>_(Temp)_</td><td>_(Reads)_</td><td>_(Writes)_</td><td>_(Errors)_</td><td>_(FS)_</td><td>_(Size)_</td><td>_(Used)_</td><td>_(Free)_</td></tr></thead>
<tbody id="boot_device">
<?if (isset($disks['flash'])) echo "<tr><td colspan='10'></td></tr>";?>

2
emhttp/plugins/dynamix/CacheDevices.page
View File

@@ -135,7 +135,7 @@ $('#tab2').bind({click:function() {$('i.toggle').show('slow');}});
<?$i = 0?>
<?foreach ($pools as $pool):?>
<?if (isset($disks[$pool]['devices']) or _var($var,'fsState')=="Stopped"):?>
<table class="disk_status<?=$i ? ' divider' : ''?>">
<table class="unraid disk_status<?=$i ? ' divider' : ''?>">
<?if (!isSubpool($pool)):
$cache = array_filter(cache_filter($disks),function($disk) use ($pool){return prefix($disk['name'])==$pool;});
$power = _var($display,'power') && in_array('nvme',array_column($cache,'transport')) ? ' / '._('Power') : '';

2
emhttp/plugins/dynamix/DeviceAttributes.page
View File

@@ -22,7 +22,7 @@ $(function() {
});
});
</script>
<table class='share_status small'>
<table class="unraid">
<thead><td style="width:40px">#</td><td>_(Attribute Name)_</td><td>_(Flag)_</td><td>_(Value)_</td><td>_(Worst)_</td><td>_(Threshold)_</td><td>_(Type)_</td><td>_(Updated)_</td><td>_(Failed)_</td><td style="width:145px">_(Raw Value)_</td></thead>
<tbody id="disk_attributes"><tr><td colspan='10'><div class="spinner"></div></td></tr></tbody>
</table>

2
emhttp/plugins/dynamix/DeviceCapabilities.page
View File

@@ -22,7 +22,7 @@ $(function() {
});
});
</script>
<div id="disk_capabilities_div" class='share_status small'>
<div id="disk_capabilities_div">
</div>
<input type="button" value="_(Done)_" onclick="done()">

2
emhttp/plugins/dynamix/DeviceIdentify.page
View File

@@ -26,7 +26,7 @@ $(function() {
});
</script>
<table class='share_status small'>
<table class="unraid">
<thead><td style="width:33%">_(Title)_</td><td>_(Information)_</td></thead>
<tbody id="disk_identify"><tr><td colspan='2'><div class="spinner"></div></td></tr></tbody>
</table>

2
emhttp/plugins/dynamix/DiskList.page
View File

@@ -15,7 +15,7 @@ Cond="_var($var,'fsState')!='Stopped' && _var($var,'shareDisk')!='no'"
* all copies or substantial portions of the Software.
*/
?>
<table class="share_status">
<table class="unraid share_status">
<thead><tr><td>_(Name)_</td><td>_(Comment)_</td><td>_(SMB)_</td><td>_(NFS)_</td><td>_(Type)_</td><td>_(Size)_</td><td>_(Free)_</td></tr></thead>
<tbody id="disk_list"></tbody>
</table>

2
emhttp/plugins/dynamix/NotificationsArchive.page
View File

@@ -101,7 +101,7 @@ $(function(){
// Adjust the width of thead cells when window resizes
</script>
<table class="tablesorter left shift" id="archive_table">
<table class="unraid tablesorter left shift" id="archive_table">
<thead><tr><th>_(Time)_</th><th>_(Event)_</th><th>_(Subject)_</th><th>_(Description)_</th><th>_(Importance)_</th><th><a id="deleteAll" href="#" onclick="askConfirmation();return false" title="_(Delete all notifications)_" style="display:none"><i class="fa fa-trash-o red-text"></i></a></th></tr></thead>
<tbody id="archive_list"><tr><td colspan="6"></td></tr></tbody>
</table>

2
emhttp/plugins/dynamix/OpenDevices.page
View File

@@ -25,7 +25,7 @@ $('<?=$tabX?>').bind({click:function() {$('i.toggle').show('slow');}});
<?endif;?>
</script>
<table class="disk_status">
<table class="unraid disk_status">
<thead><tr><td>_(Device)_</td><td>_(Identification)_</td><td>_(Temp)_<?=$power?></td><td>_(Reads)_</td><td>_(Writes)_</td><td>_(Errors)_</td><td>_(FS)_</td><td>_(Size)_</td><td>_(Used)_</td><td>_(Free)_</td></tr></thead>
<tbody id="open_devices">
<?

2
emhttp/plugins/dynamix/RoutingTable.page
View File

@@ -74,7 +74,7 @@ $(function(){
<?endif;?>
</script>
<div markdown="1" id="route_table" style="display:none">
<table class="share_status">
<table class="unraid">
<thead><tr><td>_(Protocol)_</td><td>_(Route)_</td><td>_(Gateway)_</td><td>_(Metric)_</td><td style="width:8%;text-align:center">_(Delete)_</td></tr></thead>
<tbody id="route_list"></tbody>
</table>

2
emhttp/plugins/dynamix/ShareList.page
View File

@@ -15,7 +15,7 @@ Cond="_var($var,'fsState')!='Stopped' && _var($var,'shareUser')=='e'"
* all copies or substantial portions of the Software.
*/
?>
<table class="share_status">
<table class="unraid share_status">
<thead><tr><td>_(Name)_</td><td>_(Comment)_</td><td>_(SMB)_</td><td>_(NFS)_</td><td>_(Storage)_</td><td>_(Size)_</td><td>_(Free)_</td></tr></thead>
<tbody id="shareslist"></tbody>
</table>

2
emhttp/plugins/dynamix/SysDrivers.page
View File

@@ -119,5 +119,5 @@ showDrivers("all",true);
:sysdrivers_intro_help:
<form autocomplete="off" onsubmit="return false;"><span><input class="t1 search" id="driversearch" type="search" placeholder="Search..." onchange="filterDrivers();"></span></form>
<pre><form id="sysdrivers" class="js-confirm-leave" onsubmit="return false"><table id='t1' class="t1 disk_status tablesorter"><tr><td><div class="spinner"></div></td></tr></table></form></pre><br>
<pre><form id="sysdrivers" class="js-confirm-leave" onsubmit="return false"><table id='t1' class="unraid t1 tablesorter"><tr><td><div class="spinner"></div></td></tr></table></form></pre><br>
<input type="button" value="_(Done)_" onclick="done()"><input type="button" id="rebuild" value="_(Rebuild Modules)_" onclick="showDriversupdate()">

2
emhttp/plugins/dynamix/UserEdit.page
View File

@@ -296,7 +296,7 @@ function updateAccess(form,data,n,i) {
</script>
<form markdown="1" method="POST">
<?
echo "<table class='share_status' style='margin-top:20px'>";
echo "<table class='unraid'>";
echo "<thead><tr><td>"._('Share')."</td><td>"._('Security')."</td><td>"._('User Access')."</td></tr></thead>";
echo "<tbody>";
foreach ($shares as $share => $data) {

24
emhttp/plugins/dynamix/include/SmartInfo.php
View File

@@ -109,7 +109,7 @@ case "attributes":
if ($empty) echo "<tr><td colspan='10' style='text-align:center;padding-top:12px'>"._('Attributes not available')."</td></tr>";
break;
case "capabilities":
echo '<table id="disk_capabilities_table" class="share_status small"><thead><td style="width:33%">'._('Feature').'</td><td>'._('Value').'</td><td>'._('Information').'</td></thead><tbody>' ;
echo '<table id="disk_capabilities_table" class="unraid"><thead><td style="width:33%">'._('Feature').'</td><td>'._('Value').'</td><td>'._('Information').'</td></thead><tbody>' ;
exec("smartctl -n standby -c $type ".escapeshellarg("/dev/$port")."|awk 'NR>5'",$output);
$row = ['','',''];
$empty = true;
@@ -120,27 +120,25 @@ case "capabilities":
$line = preg_replace('/^_/','__',preg_replace(['/__+/','/_ +_/'],'_',str_replace([chr(9),')','('],'_',$line)));
$info = array_map('trim', explode('_', preg_replace('/_( +)_ /','__',$line), 3));
if ($nvme && $info[0]=="Supported Power States" ) { $nvme_section="psheading" ;echo "</body></table><div class='title'><span>{$line}</span></div>"; $row = ['','',''] ; continue ;}
if ($nvme && $info[0]=="Supported LBA Sizes" ) {
if ($nvme && $info[0]=="Supported LBA Sizes" ) {
echo "</body></table><div class='title'>{$info[0]} {$info[1]} {$info[2]}</span></div>";
$row = ['','',''];
$nvme_section="lbaheading" ;
$nvme_section="lbaheading" ;
continue ;
}
}
append($row[0],$info[0]);
append($row[1],$info[1]);
append($row[2],$info[2]);
if (substr($row[2],-1)=='.' || ($nvme && $nvme_section=="info")) {
echo "<tr><td>{$row[0]}</td><td>{$row[1]}</td><td>{$row[2]}</td></tr>";
$row = ['','',''];
$empty = false;
}
if ($nvme && $nvme_section == "psheading") {
echo '<table id="disk_capabilities_table2" class="share_status small"><thead>' ;
echo '<table id="disk_capabilities_table2" class="unraid"><thead>' ;
$nvme_section = "psdetail";
preg_match('/^(?P<data1>.\S+)\s+(?P<data2>\S+)\s+(?P<data3>\S+)\s+(?P<data4>\S+)\s+(?P<data5>\S+)\s+(?P<data6>\S+)\s+(?P<data7>\S+)\s+(?P<data8>\S+)\s+(?P<data9>\S+)\s+(?P<data10>\S+)\s+(?P<data11>\S+)$/',$line, $psheadings);
for ($i = 1; $i <= 11; $i++) {
for ($i = 1; $i <= 11; $i++) {
echo "<td>"._var($psheadings,'data'.$i)."</td>" ;
}
$row = ['','',''];
@@ -150,17 +148,17 @@ case "capabilities":
$nvme_section = "psdetail";
echo '<tr>' ;
preg_match('/^(?P<data1>.\S+)\s+(?P<data2>\S\s+)\s+(?P<data3>\S+)\s+(?P<data4>\S\s+)\s+(?P<data5>\S+)\s+(?P<data6>\S+)\s+(?P<data7>\S+)\s+(?P<data8>\S+)\s+(?P<data9>\S+)\s+(?P<data10>\S+)\s+(?P<data11>\S+)$/',$line, $psdetails);
for ($i = 1; $i <= 11; $i++) {
for ($i = 1; $i <= 11; $i++) {
echo "<td>"._var($psdetails,'data'.$i)."</td>" ;
}
$row = ['','',''];
echo '</tr>' ;
}
if ($nvme && $nvme_section == "lbaheading") {
echo '<table id="disk_capabilities_table3" class="share_status small"><thead>' ;
echo '<table id="disk_capabilities_table3" class="unraid"><thead>' ;
$nvme_section = "lbadetail";
preg_match('/^(?P<data1>.\S+)\s+(?P<data2>\S+)\s+(?P<data3>\S+)\s+(?P<data4>\S+)\s+(?P<data5>\S+)$/',$line, $lbaheadings);
for ($i = 1; $i <= 5; $i++) {
for ($i = 1; $i <= 5; $i++) {
echo "<td>"._var($lbaheadings,'data'.$i)."</td>" ;
}
$row = ['','',''];
@@ -170,7 +168,7 @@ case "capabilities":
$nvme_section = "lbadetail";
preg_match('/^(?P<data1>.\S+)\s+(?P<data2>\S\s+)\s+(?P<data3>\S+)\s+(?P<data4>\S\s+)\s+(?P<data5>\S+)$/',$line, $lbadetails);
echo '<tr>' ;
for ($i = 1; $i <= 5; $i++) {
for ($i = 1; $i <= 5; $i++) {
echo "<td>"._var($lbadetails,'data'.$i)."</td>" ;
}
$row = ['','',''];
@@ -236,7 +234,7 @@ case "update":
if ($progress) {
if ($transport == 'nvme') echo "<span class='big'><i class='fa fa-spinner fa-pulse'></i> "._('self-test in progress').", ".(substr($progress,0,-1))."% "._('complete')."</span>"; else echo "<span class='big'><i class='fa fa-spinner fa-pulse'></i> "._('self-test in progress').", ".(100-substr($progress,0,-1))."% "._('complete')."</span>";
break;
}
}
} else {
$progress = exec("smartctl -n standby -c $type ".escapeshellarg("/dev/$port")."|grep -Pom1 '\d+%'");
if ($progress) {

2
emhttp/plugins/dynamix/nchan/device_list
View File

@@ -303,7 +303,7 @@ function show_totals($text,$array,$name) {
$help2 = _('Spin Up').' '._(ucfirst(substr($name,0,-1)));
$echo = [];
$echo[] = "<tr class='tr_last'>";
$echo[] = "<td><a class='info'><i class='fa fa-fw fa-toggle-down control' $ctrl1></i><span>$help1</span></a><a class='info'><i class='fa fa-fw fa-toggle-up control' $ctrl2></i><span>$help2</span></a></td>";
$echo[] = "<td><a class='info'><i class='fa fa-toggle-down control' $ctrl1></i><span>$help1</span></a><a class='info'><i class='fa fa-fw fa-toggle-up control' $ctrl2></i><span>$help2</span></a></td>";
$echo[] = "<td><a class='static'><i class='icon-disks icon'></i></a><span></span>$text</td>";
$echo[] = "<td>".($sum['count']>0 ? my_temp(round($sum['temp']/$sum['count'],1)) : '*').my_power($sum['power'])."</td>";
$echo[] = "<td><span class='diskio'>".my_diskio($sum['ioReads'])."</span><span class='number'>".my_number($sum['numReads'])."</span></td>";

3
emhttp/plugins/dynamix/sheets/DiskList.css
View File

@@ -1,2 +1 @@
table.share_status thead tr td:first-child{width:15%}
table.share_status thead tr td:nth-child(n+3){width:10%}
td.empty{text-align:center;padding-top:12px}

3
emhttp/plugins/dynamix/sheets/ShareList.css
View File

@@ -1,5 +1,2 @@
table.share_status thead tr td:first-child{width:15%}
table.share_status thead tr td:nth-child(n+3){width:9%!important}
table.share_status thead tr td:nth-child(5){width:13%!important}
td.empty{text-align:center;padding-top:12px}
i.fa-fw{margin-right:2px}

1
emhttp/plugins/dynamix/sheets/UserEdit.css
View File

@@ -1,3 +1,4 @@
i.top{position:absolute;padding-top:4px;cursor:pointer}
i#showPass.checked{opacity:0.5}
.usage-disk.sys{display:inline-block;width:10rem;top:<?=$themes2?'1.2':'.2'?>rem;margin-left:12px;border-radius:4px}
table.unraid{margin-top:20px}

46
emhttp/plugins/dynamix/styles/default-azure.css
View File

@@ -114,36 +114,34 @@ div.title.shift{margin-top:-12px}
.redbar{background:-webkit-radial-gradient(#941c00,#de1100);background:linear-gradient(#941c00,#de1100)}
.graybar{background:-webkit-radial-gradient(#949494,#d9d9d9);background:linear-gradient(#949494,#d9d9d9)}
table{border-collapse:collapse;border-spacing:0;border-style:hidden;margin:0;width:100%}
table thead tr:first-child>td{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;color:#9794a0;border-bottom:1px solid #606e7f}
table thead td{line-height:3rem;height:3rem;white-space:nowrap}
table tbody td{line-height:3rem;height:3rem;white-space:nowrap}
table tbody tr.tr_last{border-bottom:1px solid #606e7f}
table.disk_status thead tr:first-child>td{text-transform:uppercase;color:#9794a0;border-bottom:1px solid #606e7f}
table.disk_status tr>td:nth-child(1){min-width:170px;max-width:170px;width:170px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.disk_status tr>td:nth-child(2){min-width:390px;max-width:390px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr.offline>td:nth-child(2){min-width:490px;max-width:490px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr>td:nth-child(3){text-align:center}
table.disk_status tr>td:nth-child(n+1):hover{overflow:visible}
table.disk_status tr>td:nth-child(n+3){min-width:7.5%;max-width:7.5%;width:7.5%}
table.disk_status tr>td:nth-child(n+4){text-align:right;padding-right:8px}
table.unraid tbody tr:not(.tr_last):hover>td{background-color:rgba(0,0,0,0.05)}
table.unraid tr>td{overflow:hidden;text-overflow:ellipsis}
table.unraid tr>td:hover{overflow:visible}
table.disk_status{table-layout:fixed}
table.disk_status tr>td{padding-right:8px}
table.disk_status tr>td:nth-child(n+4){width:7%;text-align:right}
table.disk_status tr>td:nth-child(1){width:13%;padding-left:8px}
table.disk_status tr>td:nth-child(2){width:30%}
table.disk_status tr>td:nth-child(3){width:8%;text-align:center}
table.disk_status tr.offline>td:nth-child(2){width:auto}
table.disk_status tr.offline>td:nth-child(n+3){width:5.5%}
table.disk_status tbody tr{border-bottom:1px solid #f3f0f4}
table.disk_status tbody tr:not(.tr_last):hover>td{background-color:rgba(0,0,0,0.05)}
table.array_status tr>td:nth-child(1){width:30%;padding-left:8px}
table.array_status{table-layout:fixed}
table.array_status tr>td{padding-left:8px}
table.array_status tr>td:nth-child(1){width:30%}
table.array_status tr>td:nth-child(2){width:20%}
table.array_status.noshift{margin-top:0}
table.array_status td.line{border-top:1px solid #f3f0f4}
table.share_status{margin-top:12px}
table.share_status thead tr:first-child>td{font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;color:#9794a0;border-bottom:1px solid #606e7f}
table.share_status tr>td:nth-child(1){min-width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.share_status tr>td:nth-child(2){min-width:400px;max-width:400px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(5){min-width:100px;max-width:100px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(n+1):hover{overflow:visible}
table.share_status tbody tr{border-bottom:1px solid #f3f0f4}
table.share_status tbody tr:hover>td{background-color:rgba(0,0,0,0.05)}
table.share_status tbody tr:last-child>td{border-bottom:1px solid #606e7f}
table.share_status tbody tr.alert{color:#f0000c}
table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr>td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status{table-layout:fixed;margin-top:12px}
table.share_status tr>td{padding-left:8px}
table.share_status tr>td:nth-child(1){width:15%}
table.share_status tr>td:nth-child(2){width:30%}
table.share_status tr>td:nth-child(n+3){width:10%}
table.share_status tr>td:nth-child(5){width:15%}
table.dashboard{margin:0;border:none;background-color:#d7dbdd}
table.dashboard tbody{border:1px solid #cacfd2}
table.dashboard tr:first-child>td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}

57
emhttp/plugins/dynamix/styles/default-black.css
View File

@@ -109,40 +109,40 @@ div.title.shift{margin-top:-30px}
.redbar{background:-webkit-gradient(linear,left top,right top,from(#941c00),to(#de1100));background:linear-gradient(90deg,#941c00 0,#de1100)}
.graybar{background:-webkit-gradient(linear,left top,right top,from(#949494),to(#d9d9d9));background:linear-gradient(90deg,#949494 0,#d9d9d9)}
table{border-collapse:collapse;border-spacing:0;border-style:hidden;margin:-30px 0 0 0;width:100%;background-color:#191818}
table thead tr:first-child>td{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;background-color:#262626}
table thead tr:last-child{border-bottom:1px solid #2b2b2b}
table thead td{line-height:2.8rem;height:2.8rem;white-space:nowrap}
table tbody td{line-height:2.6rem;height:2.6rem;white-space:nowrap}
table tbody tr.tr_last{line-height:3rem;height:3rem;background-color:#212121;border-top:1px solid #2b2b2b}
table td.cpu-info{border:1px solid #2b2b2b}
table.disk_status thead tr:first-child>td{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;background-color:#262626}
table.disk_status thead tr:last-child{border-bottom:1px solid #2b2b2b}
table.disk_status tr>td:nth-child(1){min-width:180px;max-width:180px;width:180px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.disk_status tr>td:nth-child(2){min-width:400px;max-width:400px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr.offline>td:nth-child(2){min-width:490px;max-width:490px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr>td:nth-child(3){text-align:center}
table.disk_status tr>td:nth-child(n+1):hover{overflow:visible}
table.disk_status tr>td:nth-child(n+3){min-width:7.5%;max-width:7.5%;width:7.5%}
table.disk_status tr>td:nth-child(n+4){text-align:right;padding-right:8px}
table.disk_status tbody tr:nth-child(even){background-color:#212121}
table.disk_status tbody tr:not(.tr_last):hover>td{background-color:rgba(255,255,255,0.1)}
table.array_status tr>td:nth-child(1){width:30%;padding-left:8px}
table tbody tr.alert{color:#f0000c}
table tbody tr.warn{color:#e68a00}
table.unraid tbody tr:nth-child(even){background-color:#212121}
table.unraid tbody tr:not(.tr_last):hover>td{background-color:rgba(255,255,255,0.1)}
table.unraid tr>td{overflow:hidden;text-overflow:ellipsis}
table.unraid tr>td:hover{overflow:visible}
table.disk_status{table-layout:fixed}
table.disk_status tr>td{padding-right:8px}
table.disk_status tr>td:nth-child(n+4){width:7%;text-align:right}
table.disk_status tr>td:nth-child(1){width:13%;padding-left:8px}
table.disk_status tr>td:nth-child(2){width:30%}
table.disk_status tr>td:nth-child(3){width:8%;text-align:center}
table.disk_status tr.offline>td:nth-child(2){width:auto}
table.disk_status tr.offline>td:nth-child(n+3){width:5.5%}
table.disk_status tbody tr.tr_last{line-height:3rem;height:3rem;background-color:#212121;border-top:1px solid #2b2b2b}
table.array_status{table-layout:fixed}
table.array_status tr>td{padding-left:8px}
table.array_status tr>td:nth-child(1){width:30%}
table.array_status tr>td:nth-child(2){width:20%}
table.array_status td.line{border-top:1px solid #2b2b2b}
table.array_status.noshift{margin-top:0}
table.share_status thead tr:first-child>td{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;background-color:#262626}
table.share_status tr>td:nth-child(1){min-width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.share_status tr>td:nth-child(2){min-width:400px;max-width:400px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(5){min-width:100px;max-width:100px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(n+1):hover{overflow:visible}
table.share_status tbody tr:nth-child(even){background-color:#212121}
table.share_status tbody tr:hover>td{background-color:rgba(255,255,255,0.1)}
table.share_status tbody tr.alert{color:#f0000c}
table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr>td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.array_status td.line{border-top:1px solid #2b2b2b}
table.share_status{table-layout:fixed}
table.share_status tr>td{padding-left:8px}
table.share_status tr>td:nth-child(1){width:15%}
table.share_status tr>td:nth-child(2){width:30%}
table.share_status tr>td:nth-child(n+3){width:10%}
table.share_status tr>td:nth-child(5){width:15%}
table.dashboard{margin:0;border:none;background-color:#262626}
table.dashboard tbody{border:1px solid #333333}
table.dashboard tbody td{line-height:normal;height:auto;padding:5px 10px}
table.dashboard tbody td{line-height:normal;height:auto;padding:3px 10px}
table.dashboard tr:first-child>td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.dashboard tr:nth-child(even){background-color:transparent}
table.dashboard tr:last-child>td{padding-bottom:20px}
@@ -158,7 +158,6 @@ table.dashboard td span.info.title{font-weight:bold}
table.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.dashboard td span.finish{float:right;margin-right:24px}
table.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#262626;background-color:rgba(255,255,255,0.3);padding:2px;border-radius:5px}
.dashboard-sortable{background-color:#1c1b1b}
[name=arrayOps]{margin-top:12px}
span.error{color:#f0000c;background-color:#ff9e9e;display:block;width:100%}
span.warn{color:#e68a00;background-color:#feefb3;display:block;width:100%}

46
emhttp/plugins/dynamix/styles/default-gray.css
View File

@@ -114,36 +114,34 @@ div.title.shift{margin-top:-12px}
.redbar{background:-webkit-radial-gradient(#941c00,#de1100);background:linear-gradient(#941c00,#de1100)}
.graybar{background:-webkit-radial-gradient(#949494,#d9d9d9);background:linear-gradient(#949494,#d9d9d9)}
table{border-collapse:collapse;border-spacing:0;border-style:hidden;margin:0;width:100%}
table thead tr:first-child>td{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;color:#82857e;border-bottom:1px solid #606e7f}
table thead td{line-height:3rem;height:3rem;white-space:nowrap}
table tbody td{line-height:3rem;height:3rem;white-space:nowrap}
table tbody tr.tr_last{border-bottom:1px solid #606e7f}
table.disk_status thead tr:first-child>td{text-transform:uppercase;color:#82857e;border-bottom:1px solid #606e7f}
table.disk_status tr>td:nth-child(1){min-width:170px;max-width:170px;width:170px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.disk_status tr>td:nth-child(2){min-width:390px;max-width:390px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr.offline>td:nth-child(2){min-width:490px;max-width:490px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr>td:nth-child(3){text-align:center}
table.disk_status tr>td:nth-child(n+1):hover{overflow:visible}
table.disk_status tr>td:nth-child(n+3){min-width:7.5%;max-width:7.5%;width:7.5%}
table.disk_status tr>td:nth-child(n+4){text-align:right;padding-right:8px}
table.unraid tbody tr:not(.tr_last):hover>td{background-color:rgba(255,255,255,0.05)}
table.unraid tr>td{overflow:hidden;text-overflow:ellipsis}
table.unraid tr>td:hover{overflow:visible}
table.disk_status{table-layout:fixed}
table.disk_status tr>td{padding-right:8px}
table.disk_status tr>td:nth-child(n+4){width:7%;text-align:right}
table.disk_status tr>td:nth-child(1){width:13%;padding-left:8px}
table.disk_status tr>td:nth-child(2){width:30%}
table.disk_status tr>td:nth-child(3){width:8%;text-align:center}
table.disk_status tr.offline>td:nth-child(2){width:auto}
table.disk_status tr.offline>td:nth-child(n+3){width:5.5%}
table.disk_status tbody tr{border-bottom:1px solid #0c0f0b}
table.disk_status tbody tr:not(.tr_last):hover>td{background-color:rgba(255,255,255,0.05)}
table.array_status tr>td:nth-child(1){width:30%;padding-left:8px}
table.array_status{table-layout:fixed}
table.array_status tr>td{padding-left:8px}
table.array_status tr>td:nth-child(1){width:30%}
table.array_status tr>td:nth-child(2){width:20%}
table.array_status.noshift{margin-top:0}
table.array_status td.line{border-top:1px solid #0c0f0b}
table.share_status{margin-top:12px}
table.share_status thead tr:first-child>td{font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;color:#82857e;border-bottom:1px solid #606e7f}
table.share_status tr>td:nth-child(1){min-width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.share_status tr>td:nth-child(2){min-width:400px;max-width:400px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(5){min-width:100px;max-width:100px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(n+1):hover{overflow:visible}
table.share_status tbody tr{border-bottom:1px solid #0c0f0b}
table.share_status tbody tr:hover>td{background-color:rgba(255,255,255,0.05)}
table.share_status tbody tr:last-child>td{border-bottom:1px solid #606e7f}
table.share_status tbody tr.alert{color:#f0000c}
table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr>td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status{table-layout:fixed;margin-top:12px}
table.share_status tr>td{padding-left:8px}
table.share_status tr>td:nth-child(1){width:15%}
table.share_status tr>td:nth-child(2){width:30%}
table.share_status tr>td:nth-child(n+3){width:10%}
table.share_status tr>td:nth-child(5){width:15%}
table.dashboard{margin:0;border:none;background-color:#212f3d}
table.dashboard tbody{border:1px solid #566573}
table.dashboard tr:first-child>td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}

57
emhttp/plugins/dynamix/styles/default-white.css
View File

@@ -109,40 +109,40 @@ div.title.shift{margin-top:-30px}
.redbar{background:-webkit-gradient(linear,left top,right top,from(#941c00),to(#de1100));background:linear-gradient(90deg,#941c00 0,#de1100)}
.graybar{background:-webkit-gradient(linear,left top,right top,from(#949494),to(#d9d9d9));background:linear-gradient(90deg,#949494 0,#d9d9d9)}
table{border-collapse:collapse;border-spacing:0;border-style:hidden;margin:-30px 0 0 0;width:100%;background-color:#f5f5f5}
table thead tr:first-child>td{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;background-color:#e8e8e8}
table thead tr:last-child{border-bottom:1px solid #e3e3e3}
table thead td{line-height:2.8rem;height:2.8rem;white-space:nowrap}
table tbody td{line-height:2.6rem;height:2.6rem;white-space:nowrap}
table tbody tr.tr_last{line-height:3rem;height:3rem;background-color:#ededed;border-top:1px solid #e3e3e3}
table td.cpu-info{border:1px solid #e3e3e3}
table.disk_status thead tr:first-child>td{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;background-color:#e8e8e8}
table.disk_status thead tr:last-child{border-bottom:1px solid #e3e3e3}
table.disk_status tr>td:nth-child(1){min-width:180px;max-width:180px;width:180px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.disk_status tr>td:nth-child(2){min-width:400px;max-width:400px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr.offline>td:nth-child(2){min-width:490px;max-width:490px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr>td:nth-child(3){text-align:center}
table.disk_status tr>td:nth-child(n+1):hover{overflow:visible}
table.disk_status tr>td:nth-child(n+3){min-width:7.5%;max-width:7.5%;width:7.5%}
table.disk_status tr>td:nth-child(n+4){text-align:right;padding-right:8px}
table.disk_status tbody tr:nth-child(even){background-color:#ededed}
table.disk_status tbody tr:not(.tr_last):hover>td{background-color:rgba(0,0,0,0.1)}
table.array_status tr>td:nth-child(1){width:30%;padding-left:8px}
table tbody tr.alert{color:#f0000c}
table tbody tr.warn{color:#e68a00}
table.unraid tbody tr:nth-child(even){background-color:#ededed}
table.unraid tbody tr:not(.tr_last):hover>td{background-color:rgba(0,0,0,0.1)}
table.unraid tr>td{overflow:hidden;text-overflow:ellipsis}
table.unraid tr>td:hover{overflow:visible}
table.disk_status{table-layout:fixed}
table.disk_status tr>td{padding-right:8px}
table.disk_status tr>td:nth-child(n+4){width:7%;text-align:right}
table.disk_status tr>td:nth-child(1){width:13%;padding-left:8px}
table.disk_status tr>td:nth-child(2){width:30%}
table.disk_status tr>td:nth-child(3){width:8%;text-align:center}
table.disk_status tr.offline>td:nth-child(2){width:auto}
table.disk_status tr.offline>td:nth-child(n+3){width:5.5%}
table.disk_status tbody tr.tr_last{line-height:3rem;height:3rem;background-color:#ededed;border-top:1px solid #e3e3e3}
table.array_status{table-layout:fixed}
table.array_status tr>td{padding-left:8px}
table.array_status tr>td:nth-child(1){width:30%}
table.array_status tr>td:nth-child(2){width:20%}
table.array_status td.line{border-top:1px solid #e3e3e3}
table.array_status.noshift{margin-top:0}
table.share_status thead tr:first-child>td{font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;background-color:#e8e8e8}
table.share_status tr>td:nth-child(1){min-width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.share_status tr>td:nth-child(2){min-width:400px;max-width:400px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(5){min-width:100px;max-width:100px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(n+1):hover{overflow:visible}
table.share_status tbody tr:nth-child(even){background-color:#ededed}
table.share_status tbody tr:hover>td{background-color:rgba(0,0,0,0.1)}
table.share_status tbody tr.alert{color:#f0000c}
table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr>td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.array_status td.line{border-top:1px solid #e3e3e3}
table.share_status{table-layout:fixed}
table.share_status tr>td{padding-left:8px}
table.share_status tr>td:nth-child(1){width:15%}
table.share_status tr>td:nth-child(2){width:30%}
table.share_status tr>td:nth-child(n+3){width:10%}
table.share_status tr>td:nth-child(5){width:15%}
table.dashboard{margin:0;border:none;background-color:#f7f9f9}
table.dashboard tbody{border:1px solid #dfdfdf}
table.dashboard tbody td{line-height:normal;height:auto;padding:5px 10px}
table.dashboard tbody td{line-height:normal;height:auto;padding:3px 10px}
table.dashboard tr:first-child>td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}
table.dashboard tr:nth-child(even){background-color:transparent}
table.dashboard tr:last-child>td{padding-bottom:20px}
@@ -158,7 +158,6 @@ table.dashboard td span.info.title{font-weight:bold}
table.dashboard td span.load{display:inline-block;width:38px;text-align:right}
table.dashboard td span.finish{float:right;margin-right:24px}
table.dashboard i.control{float:right;font-size:1.4rem!important;margin:0 3px 0 0;cursor:pointer;color:#f7f9f9;background-color:rgba(0,0,0,0.3);padding:2px;border-radius:5px}
.dashboard-sortable{background-color:#f2f2f2}
[name=arrayOps]{margin-top:12px}
span.error{color:#f0000c;background-color:#ff9e9e;display:block;width:100%}
span.warn{color:#e68a00;background-color:#feefb3;display:block;width:100%}