mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-03-15 15:30:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refinements of Dynamix themes

Browse Source
This commit is contained in:
bergware
2017-06-09 17:36:11 +02:00
parent d7b68d0fce
commit 7bdc5111dc
6 changed files with 39 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
plugins/dynamix/styles/default-azure.css
View File

@@ -41,7 +41,7 @@ select.slot{min-width:440px;max-width:440px}
input.narrow{width:188px}
input.trim{width:50px}
form+p{display:none}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#EDEAEF;background-repeat:no-repeat;background-position:center;border-bottom:#BDBAC8 1px solid}
#header{position:fixed;top:0;left:0;width:100%;height:90px;z-index:100;margin:0;background-color:#EDEAEF;background-repeat:no-repeat;background-position:center;border-bottom:#9794A0 1px solid}
#header .logo{float:left;margin-top:20px;margin-left:100px}
#header .logo img{margin:0 0 2px 1px}
#header .logo a{color:#5D6833;font-size:18px}
@@ -134,31 +134,29 @@ table.preclear{margin-top:0}
table tbody tr.tr_last{border-bottom:1px solid #606E7F}
table td.cpu-info{border:1px solid #0072C6}
table.disk_status{white-space:nowrap}
table.disk_status thead tr:first-child td{font-weight:bold;color:#A9A9A9;border-bottom:#606E7F 1px solid}
table.disk_status td:first-child{font-weight:normal}
table.disk_status thead tr:first-child td{text-transform:uppercase;color:#9794A0;border-bottom:#606E7F 1px solid}
table.disk_status td span{margin-left:10px}
table.disk_status tr>td{width:8%;padding:10px 10px 10px 0;white-space:nowrap}
table.disk_status tr>td+td{width:auto}
table.disk_status tr>td+td+td{width:6.5%;text-align:center;padding-left:4px;padding-right:8px}
table.disk_status tr>td+td+td+td{text-align:right;padding-left:0;padding-right:12px}
table.disk_status tr td:last-child{width:4%;padding-right:10px}
table.disk_status select{background:transparent}
table.disk_status tbody tr{border-bottom:#EDEAEF 1px solid;line-height:30px}
table.disk_status.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px}
table.array_status {line-height:30px}
table.array_status td{padding:12px 0}
table.array_status td:first-child{font-weight:bold}
table.array_status td:first-child{text-transform:uppercase}
table.array_status tr>td{text-align:left;white-space:nowrap;padding-left:12px;width:33%}
table.array_status tr>td+td{padding-left:2px;width:17%}
table.array_status tr>td+td+td{width:auto}
table.array_status td.line{border-top:1px solid #EDEAEF}
table.settings{padding-top:8px;line-height:42px}
table.settings td:first-child{font-weight:bold;width:33%;padding-left:12px}
table.settings td:first-child{text-transform:uppercase;width:33%;padding-left:12px}
table.settings tr>td+td{line-height:16px}
table.settings.shifted{padding:0;margin-left:0;margin-top:0}
table.settings.shifted td:first-child{padding-left:0}
table.share_status{white-space:nowrap;margin-top:12px}
table.share_status thead tr:first-child td{font-weight:bold;color:#A9A9A9;border-bottom:#606E7F 1px solid}
table.share_status thead tr:first-child td{text-transform:uppercase;color:#9794A0;border-bottom:#606E7F 1px solid}
table.share_status tr>td{text-align:left;padding-left:0}
table.share_status tr>td+td{padding-left:0}
table.share_status tr.share_status_size>td{padding-left:40px}
@@ -169,17 +167,17 @@ 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 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 #EDEAEF solid}
table.share_status.fixed tbody tr td:first-child{font-weight:normal;padding-right:10px}
table.share_status.fixed tbody tr td:first-child{padding-right:10px}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status.dash{float:left;width:30%;margin-top:36px;margin-right:6px;border:none}
table.share_status.dash thead tr:first-child td{line-height:30px}
table.share_status.dash thead tr:last-child>td{font-weight:normal;border-bottom:1px solid #606E7F;text-align:left;color:#606E7F}
table.share_status.dash thead tr:last-child>td{border-bottom:1px solid #606E7F;text-align:left;color:#606E7F}
table.share_status.dash tbody td.blue{color:#606E7F}
table.share_status.dash.line {table-layout:fixed}
table.share_status.dash.line tbody tr:nth-child(even){background-color:#E4E2E4}
table.share_status.dash.line {width:49%;margin-right:2%;table-layout:fixed}
table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px}
table.share_status.dash.line tbody td{padding:3px 4px 3px 10px}
table.share_status.dash.line tr>td{width:25%}
@@ -189,11 +187,10 @@ table.share_status.dash.line tr>td[colspan='4']{width:100%}
table.share_status.dash.line tr>td:last-child{white-space:normal}
table.share_status.dash tr.h48{height:48px}
table.share_status.dash td:first-child{width:25%}
table.share_status.m36{width:36%;float:right}
table.share_status.m36 tr>td+td+td{width:14%}
table.share_status.m36 tr>td+td+td+td{width:8%;text-align:center}
table.share_status.m0{width:30%;margin-left:1.5%}
table.share_status.m0 tr>td+td+td{width:12%;text-align:center}
table.share_status.m36{width:49%;margin-left:0;margin-right:0}
table.share_status.m36 tr>td+td+td{width:12%}
table.share_status.m0{width:49%;margin-left:0;margin-right:0}
table.share_status.m0 tr>td+td+td{width:12%}
tr.alert{color:#F0000C;background-color:#FF9E9E}
tr.warn{color:#E68A00;background-color:#FEEFB3}
tr.past{color:#D63301;background-color:#FFDDD1}
@@ -251,10 +248,10 @@ div.vmtemplate{height:120px;width:120px;border:1px solid #EDEAEF}
div.vmtemplate img{margin-top:20px}
div.up{margin-top:-20px;border:1px solid #EDEAEF;padding:4px 6px;overflow:auto}
pre.up{margin-top:0}
pre{border:1px solid #EDEAEF;font-family:bitstream;padding:0;overflow:auto;margin-bottom:10px;padding:10px}
pre{border:1px solid #EDEAEF;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}
dl{margin-top:0;padding-left:12px;line-height:26px}
dt{clear:left;float:left;width:33%;font-weight:bold}
dt{clear:left;float:left;width:33%;text-transform:uppercase}
dd{margin-bottom:12px;white-space:nowrap;font-weight:normal}
dd p{margin:0 0 4px 0}
dd blockquote {padding-left:0}

7
plugins/dynamix/styles/default-black.css
View File

@@ -151,6 +151,7 @@ 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{border:1px solid #202020}
table.share_status.fixed thead tr>td+td{font-size:11px}
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 #202020 dotted}
table.share_status.fixed tbody tr:nth-child(even){background-color:#000000}
@@ -160,7 +161,7 @@ table.share_status.table tr>td{width:50%}
table.share_status.dash{float:left;width:33%;margin-top:36px;border:1px solid #202020}
table.share_status.dash thead tr:last-child>td{font-weight:bold;border-bottom:1px solid #202020}
table.share_status.dash tbody td.blue{color:#3B5998}
table.share_status.dash.line {table-layout:fixed}
table.share_status.dash.line {width:49%;margin-right:2%;table-layout:fixed}
table.share_status.dash.line tbody tr:nth-child(even){background-color:#000000}
table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px}
table.share_status.dash.line tbody td{border:1px solid #202020;padding:3px 4px 3px 10px}
@@ -171,10 +172,10 @@ table.share_status.dash.line tr>td[colspan="4"]{width:100%}
table.share_status.dash.line tr>td:last-child{white-space:normal}
table.share_status.dash tr.h48{height:48px}
table.share_status.dash td:first-child{width:25%}
table.share_status.m36{width:36%;float:right}
table.share_status.m36{width:49%;margin-left:0;margin-right:0}
table.share_status.m36 tr>td+td+td{width:14%}
table.share_status.m36 tr>td+td+td+td{width:8%;text-align:center}
table.share_status.m0{width:30%;margin-left:0.5%}
table.share_status.m0{width:49%;margin-left:0;margin-right:0}
table.share_status.m0 tr>td+td+td{width:12%;text-align:center}
[name=arrayOps]{margin-top:12px}
span.error{color:#F0000C;background-color:#FF9E9E;display:block;width:100%}

31
plugins/dynamix/styles/default-gray.css
View File

@@ -134,31 +134,29 @@ table.preclear{margin-top:0}
table tbody tr.tr_last{border-bottom:1px solid #606E7F}
table td.cpu-info{border:1px solid #0072C6}
table.disk_status{white-space:nowrap}
table.disk_status thead tr:first-child td{font-weight:bold;color:#42453E;border-bottom:#606E7F 1px solid}
table.disk_status td:first-child{font-weight:normal}
table.disk_status thead tr:first-child td{text-transform:uppercase;color:#42453E;border-bottom:#606E7F 1px solid}
table.disk_status td span{margin-left:10px}
table.disk_status tr>td{width:8%;padding:10px 10px 10px 0;white-space:nowrap}
table.disk_status tr>td+td{width:auto}
table.disk_status tr>td+td+td{width:6.5%;text-align:center;padding-left:4px;padding-right:8px}
table.disk_status tr>td+td+td+td{text-align:right;padding-left:0;padding-right:12px}
table.disk_status tr td:last-child{width:4%;padding-right:10px}
table.disk_status select{background:transparent}
table.disk_status tbody tr{border-bottom:#121510 1px solid;line-height:30px}
table.disk_status.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px}
table.array_status {line-height:30px}
table.array_status td{padding:12px 0}
table.array_status td:first-child{font-weight:bold}
table.array_status td:first-child{text-transform:uppercase}
table.array_status tr>td{text-align:left;white-space:nowrap;padding-left:12px;width:33%}
table.array_status tr>td+td{padding-left:2px;width:17%}
table.array_status tr>td+td+td{width:auto}
table.array_status td.line{border-top:1px solid #121510}
table.settings{padding-top:8px;line-height:42px}
table.settings td:first-child{font-weight:bold;width:33%;padding-left:12px}
table.settings td:first-child{text-transform:uppercase;width:33%;padding-left:12px}
table.settings tr>td+td{line-height:16px}
table.settings.shifted{padding:0;margin-left:0;margin-top:0}
table.settings.shifted td:first-child{padding-left:0}
table.share_status{white-space:nowrap;margin-top:12px}
table.share_status thead tr:first-child td{font-weight:bold;color:#42453E;border-bottom:#606E7F 1px solid}
table.share_status thead tr:first-child td{text-transform:uppercase;color:#42453E;border-bottom:#606E7F 1px solid}
table.share_status tr>td{text-align:left;padding-left:0}
table.share_status tr>td+td{padding-left:0}
table.share_status tr.share_status_size>td{padding-left:40px}
@@ -169,17 +167,17 @@ 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 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 #121510 solid}
table.share_status.fixed tbody tr td:first-child{font-weight:normal;padding-right:10px}
table.share_status.fixed tbody tr td:first-child{padding-right:10px}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status.dash{float:left;width:30%;margin-top:36px;margin-right:6px;border:none}
table.share_status.dash thead tr:first-child td{line-height:30px}
table.share_status.dash thead tr:last-child>td{font-weight:normal;border-bottom:1px solid #606E7F;text-align:left;color:#606E7F}
table.share_status.dash thead tr:last-child>td{border-bottom:1px solid #606E7F;text-align:left;color:#606E7F}
table.share_status.dash tbody td.blue{color:#606E7F}
table.share_status.dash.line {table-layout:fixed}
table.share_status.dash.line tbody tr:nth-child(even){background-color:#1B1D1B}
table.share_status.dash.line {width:49%;margin-right:2%;table-layout:fixed}
table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px}
table.share_status.dash.line tbody td{padding:3px 4px 3px 10px}
table.share_status.dash.line tr>td{width:25%}
@@ -189,11 +187,10 @@ table.share_status.dash.line tr>td[colspan='4']{width:100%}
table.share_status.dash.line tr>td:last-child{white-space:normal}
table.share_status.dash tr.h48{height:48px}
table.share_status.dash td:first-child{width:25%}
table.share_status.m36{width:36%;float:right}
table.share_status.m36 tr>td+td+td{width:14%}
table.share_status.m36 tr>td+td+td+td{width:8%;text-align:center}
table.share_status.m0{width:30%;margin-left:1.5%}
table.share_status.m0 tr>td+td+td{width:12%;text-align:center}
table.share_status.m36{width:49%;margin-left:0;margin-right:0}
table.share_status.m36 tr>td+td+td{width:12%}
table.share_status.m0{width:49%;margin-left:0;margin-right:0}
table.share_status.m0 tr>td+td+td{width:12%}
tr.alert{color:#F0000C;background-color:#FF9E9E}
tr.warn{color:#E68A00;background-color:#FEEFB3}
tr.past{color:#D63301;background-color:#FFDDD1}
@@ -251,10 +248,10 @@ div.vmtemplate{height:120px;width:120px;border:1px solid #121510}
div.vmtemplate img{margin-top:20px}
div.up{margin-top:-20px;border:1px solid #121510;padding:4px 6px;overflow:auto}
pre.up{margin-top:0}
pre{border:1px solid #121510;font-family:bitstream;padding:0;overflow:auto;margin-bottom:10px;padding:10px}
pre{border:1px solid #121510;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}
dl{margin-top:0;padding-left:12px;line-height:26px}
dt{clear:left;float:left;width:33%;font-weight:bold}
dt{clear:left;float:left;width:33%;text-transform:uppercase}
dd{margin-bottom:12px;white-space:nowrap;font-weight:normal}
dd p{margin:0 0 4px 0}
dd blockquote {padding-left:0}

7
plugins/dynamix/styles/default-white.css
View File

@@ -150,6 +150,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{border:1px solid #D0D0D0}
table.share_status.fixed tr td:first-child{width:100px}
table.share_status.fixed thead tr>td+td{font-size:11px}
table.share_status.fixed tr>td+td{min-width:30px;text-align:center;padding:0}
table.share_status.fixed tbody tr{border-bottom:1px #D0D0D0 dotted}
@@ -160,7 +161,7 @@ table.share_status.table tr>td{width:50%}
table.share_status.dash{float:left;width:33%;margin-top:36px;border:1px solid #D0D0D0}
table.share_status.dash thead tr:last-child>td{font-weight:bold;border-bottom:1px solid #D0D0D0}
table.share_status.dash tbody td.blue{color:#3B5998}
table.share_status.dash.line {table-layout:fixed}
table.share_status.dash.line {width:49%;margin-right:2%;table-layout:fixed}
table.share_status.dash.line tbody tr:nth-child(even){background-color:#FFFFFF}
table.share_status.dash.line tbody tr.wide{height:40px;line-height:40px}
table.share_status.dash.line tbody td{border:1px solid #D0D0D0;padding:3px 4px 3px 10px}
@@ -171,10 +172,10 @@ table.share_status.dash.line tr>td[colspan="4"]{width:100%}
table.share_status.dash.line tr>td:last-child{white-space:normal}
table.share_status.dash tr.h48{height:48px}
table.share_status.dash td:first-child{width:25%}
table.share_status.m36{width:36%;float:right}
table.share_status.m36{width:49%;margin-left:0;margin-right:0}
table.share_status.m36 tr>td+td+td{width:14%}
table.share_status.m36 tr>td+td+td+td{width:8%;text-align:center}
table.share_status.m0{width:30%;margin-left:0.5%}
table.share_status.m0{width:49%;margin-left:0;margin-right:0}
table.share_status.m0 tr>td+td+td{width:12%;text-align:center}
[name=arrayOps]{margin-top:12px}
span.error{color:#F0000C;background-color:#FF9E9E;display:block;width:100%}

2
plugins/dynamix/styles/dynamix-azure.css
View File

@@ -52,7 +52,7 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
#sb-counter a.sb-counter-current{text-decoration:underline}
table.tablesorter{margin:0 0 15px 0}
table.tablesorter thead tr{border-bottom:#606e7f 1px solid}
table.tablesorter thead tr th{font-weight:bold;color:#42453E;padding:5px 20px 5px 6px;white-space:nowrap;text-align:left}
table.tablesorter thead tr th{text-transform:uppercase;font-weight:normal;color:#9794A0;padding:5px 20px 5px 6px;white-space:nowrap;text-align:left}
table.tablesorter thead tr .header{background-repeat:no-repeat;background-position:center right;cursor:pointer}
table.tablesorter thead tr .headerSortUp{background-image:url(../images/sort-asc.png)}
table.tablesorter thead tr .headerSortDown{background-image:url(../images/sort-desc.png)}

2
plugins/dynamix/styles/dynamix-gray.css
View File

@@ -52,7 +52,7 @@ div.jGrowl div.jGrowl-closer.top{position:fixed;top:91px}
#sb-counter a.sb-counter-current{text-decoration:underline}
table.tablesorter{margin:0 0 15px 0}
table.tablesorter thead tr{border-bottom:#606e7f 1px solid}
table.tablesorter thead tr th{font-weight:bold;color:#42453E;padding:5px 20px 5px 6px;white-space:nowrap;text-align:left}
table.tablesorter thead tr th{text-transform:uppercase;font-weight:normal;color:#42453E;padding:5px 20px 5px 6px;white-space:nowrap;text-align:left}
table.tablesorter thead tr .header{background-repeat:no-repeat;background-position:center right;cursor:pointer}
table.tablesorter thead tr .headerSortUp{background-image:url(../images/sort-asc.png)}
table.tablesorter thead tr .headerSortDown{background-image:url(../images/sort-desc.png)}