mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-01-15 22:19:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

Theme optimization and alignment

Browse Source
This commit is contained in:
bergware
2017-05-27 12:05:28 +02:00
parent ac35cc6abd
commit cb116c0dbf
4 changed files with 24 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -131,8 +131,6 @@ span[id^='txt-tub']{margin-top:7px;}
.graybar{background:-webkit-radial-gradient(#949494,#D9D9D9);background:linear-gradient(#949494,#D9D9D9);}
table{border-collapse:collapse;border-spacing:0;margin:0;width:100%;}
table.preclear{margin-top:0;}
table.small tbody td{padding:3px 0;}
table.wide tbody td{padding:10px 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;}
@@ -144,9 +142,9 @@ 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.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px;}
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;}

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

@@ -105,29 +105,23 @@ input.trim{width:50px;}
.orangebar{background:-webkit-radial-gradient(#CE7C10,#F0B400);background:linear-gradient(#CE7C10,#F0B400);}
.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-spacing:0;margin:-21px 0 0 0;width:100%;color:#808080;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
table{border-collapse:collapse;border-spacing:0;margin:-21px 0 0 0;width:100%;color:#808080;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
table thead td{padding:5px 0;}
table tbody td{padding:7px 0;}
table.small tbody td{padding:3px 0;}
table.wide tbody td{padding:10px 0;}
table tbody td{padding:10px 0;}
table tbody tr.tr_last{background:#181818;border-top:1px solid #202020;border-bottom:1px solid #202020;}
table td.cpu-info{border:1px solid #303030;}
table.disk_status{border-collapse:collapse;white-space:nowrap;}
table.disk_status{white-space:nowrap;}
table.disk_status td span{margin-left:10px;}
table.disk_status thead tr:first-child td{font-size:13px;background:-webkit-radial-gradient(#101010,#202020);background:linear-gradient(#101010,#202020);}
table.disk_status thead tr:last-child{border-bottom:1px solid #282828;}
table.disk_status tr>td{width:8%;padding-left:12px;padding-right: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.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px;}
table.disk_status.left tr>td+td+td+td{text-align:left;padding-left:12px;padding-right:0;}
table.disk_status.left tr td:last-child{width:4%;text-align:right;padding-right:10px;}
table.disk_status.right tr>td+td+td+td{text-align:right;padding-left:0;padding-right:12px;}
table.disk_status.right tr td:last-child{width:4%;padding-right:10px;}
table.disk_status.center tr>td+td+td+td{text-align:center;padding-left:6px;padding-right:6px;}
table.disk_status.center tr td:last-child{width:4%;text-align:right;padding-right:10px;}
table.disk_status select{background:none;}
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:nth-child(even){background-color:#0C0C0C;}
table.disk_status.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px;}
table.array_status td{padding:12px 0;}
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%;}
@@ -143,7 +137,7 @@ table.access_list tr:first-child td{font-size:15px;vertical-align:middle;text-al
table.access_list td:first-child{font-weight:bold;width:33%;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{border-collapse:collapse;white-space:nowrap;}
table.share_status{white-space:nowrap;}
table.share_status thead tr:first-child td{font-size:13px;background:-webkit-radial-gradient(#101010,#202020);background:linear-gradient(#101010,#202020);}
table.share_status thead tr:last-child{border-bottom:1px solid #282828;}
table.share_status tr>td{text-align:left;padding-left:12px;}
@@ -193,7 +187,7 @@ span.temp-text{font-size:11px;color:#4F8A10;}
span.heat-text{font-size:11px;color:#F0000C;}
span.cpu-speed{display:block;color:#3B5998;}
span.status{float:right;font-size:14px;margin-top:0px;padding-right:8px;}
span.status.vhshift{margin-top:-12px;margin-right:-22px;}
span.status.vhshift{margin-top:-17px;margin-right:-22px;}
span.status.hshift{margin-right:-6px;}
span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px;}
span.bitstream{font-family:bitstream;font-size:11px;}
@@ -221,8 +215,8 @@ 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:10px;}
div.Panel img.PanelImg{width:auto;max-width:48px;height:48px;}
div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #202020;border-radius:5px;line-height:16px;background:-webkit-radial-gradient(#303030,#101010);background:linear-gradient(#303030,#101010);}
div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:12px;}
div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #202020;border-radius:5px;line-height:20px;height:100px;width:100px;background:-webkit-radial-gradient(#303030,#101010);background:linear-gradient(#303030,#101010);}
div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px;}
div.up{margin-top:-20px;border:1px solid #202020;padding:4px 6px;overflow:auto;}
pre.up{margin-top:-20px;}
pre{border:1px solid #202020;font-family:bitstream;padding:4px 6px;overflow:auto;}

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

@@ -131,8 +131,6 @@ span[id^='txt-tub']{margin-top:7px;}
.graybar{background:-webkit-radial-gradient(#949494,#D9D9D9);background:linear-gradient(#949494,#D9D9D9);}
table{border-collapse:collapse;border-spacing:0;margin:0;width:100%;}
table.preclear{margin-top:0;}
table.small tbody td{padding:3px 0;}
table.wide tbody td{padding:10px 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;}
@@ -144,9 +142,9 @@ 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.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px;}
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;}

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

@@ -105,29 +105,23 @@ input.trim{width:50px;}
.orangebar{background:-webkit-radial-gradient(#CE7C10,#F0B400);background:linear-gradient(#CE7C10,#F0B400);}
.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-spacing:0;margin:-21px 0 0 0;width:100%;color:#404040;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
table{border-collapse:collapse;border-spacing:0;margin:-21px 0 0 0;width:100%;color:#404040;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
table thead td{padding:5px 0;}
table tbody td{padding:7px 0;}
table.small tbody td{padding:3px 0;}
table.wide tbody td{padding:10px 0;}
table tbody td{padding:10px 0;}
table tbody tr.tr_last{background:#F0F0F0;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;}
table td.cpu-info{border:1px solid #303030;}
table.disk_status{border-collapse:collapse;white-space:nowrap;}
table.disk_status{white-space:nowrap;}
table.disk_status td span{margin-left:10px;}
table.disk_status thead tr:first-child td{font-size:13px;background:-webkit-radial-gradient(#E0E0E0,#C0C0C0);background:linear-gradient(#E0E0E0,#C0C0C0);}
table.disk_status thead tr:last-child{border-bottom:1px solid #F0F0F0;}
table.disk_status tr>td{width:8%;padding-left:12px;padding-right: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.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px;}
table.disk_status.left tr>td+td+td+td{text-align:left;padding-left:12px;padding-right:0;}
table.disk_status.left tr td:last-child{width:4%;text-align:right;padding-right:10px;}
table.disk_status.right tr>td+td+td+td{text-align:right;padding-left:0;padding-right:12px;}
table.disk_status.right tr td:last-child{width:4%;padding-right:10px;}
table.disk_status.center tr>td+td+td+td{text-align:center;padding-left:6px;padding-right:6px;}
table.disk_status.center tr td:last-child{width:4%;text-align:right;padding-right:10px;}
table.disk_status select{background:none;}
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:nth-child(even){background-color:#F8F8F8;}
table.disk_status.stats tr>td+td{text-align:left;padding-left:0;padding-right:12px;}
table.array_status td{padding:12px 0;}
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%;}
@@ -143,7 +137,7 @@ table.access_list tr:first-child td{font-size:15px;vertical-align:middle;text-al
table.access_list td:first-child{font-weight:bold;width:33%;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{border-collapse:collapse;white-space:nowrap;}
table.share_status{white-space:nowrap;}
table.share_status thead tr:first-child td{font-size:13px;background:-webkit-radial-gradient(#E0E0E0,#C0C0C0);background:linear-gradient(#E0E0E0,#C0C0C0);}
table.share_status thead tr:last-child{border-bottom:1px solid #F0F0F0;}
table.share_status tr>td{text-align:left;padding-left:12px;}
@@ -193,7 +187,7 @@ span.temp-text{font-size:11px;color:#4F8A10;}
span.heat-text{font-size:11px;color:#F0000C;}
span.cpu-speed{display:block;color:#3B5998;}
span.status{float:right;font-size:14px;margin-top:0px;padding-right:8px;}
span.status.vhshift{margin-top:-12px;margin-right:-22px;}
span.status.vhshift{margin-top:-17px;margin-right:-22px;}
span.status.hshift{margin-right:-6px;}
span.diskinfo{float:left;clear:both;margin-top:5px;padding-left:10px;}
span.bitstream{font-family:bitstream;font-size:11px;}
@@ -221,8 +215,8 @@ 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:10px;}
div.Panel img.PanelImg{width:auto;max-width:48px;height:48px;}
div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #D0D0D0;border-radius:5px;line-height:16px;background:-webkit-radial-gradient(#B0B0B0,#F0F0F0);background:linear-gradient(#B0B0B0,#F0F0F0);}
div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:12px;}
div.user-list{float:left;padding:10px;margin-right:10px;margin-bottom:24px;border:1px solid #D0D0D0;border-radius:5px;line-height:20px;height:100px;width:100px;background:-webkit-radial-gradient(#B0B0B0,#F0F0F0);background:linear-gradient(#B0B0B0,#F0F0F0);}
div.user-list img{width:auto;max-width:48px;height:48px;margin-bottom:16px;}
div.up{margin-top:-20px;border:1px solid #D0D0D0;padding:4px 6px;overflow:auto;}
pre.up{margin-top:-20px;}
pre{border:1px solid #D0D0D0;font-family:bitstream;padding:4px 6px;overflow:auto;}