From 113be06cb03dc685f6113fdb03ed718201438b6b Mon Sep 17 00:00:00 2001 From: Toyo Date: Sat, 20 May 2017 16:20:11 +0800 Subject: [PATCH] =?UTF-8?q?#=20=E7=AA=84=E5=B1=8F/=E7=A7=BB=E5=8A=A8?= =?UTF-8?q?=E8=AE=BE=E5=A4=87=20CSS=E6=98=BE=E7=A4=BA=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/light.css | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/css/light.css b/css/light.css index a9c437d..8cbdf0c 100644 --- a/css/light.css +++ b/css/light.css @@ -19,31 +19,38 @@ body { background: #ebebeb url('../img/light.png'); } tr.even.expandRow > :hover { background: #F9F9F9 !important; } tr.odd.expandRow > :hover { background: #FFF !important; } .expandRow > td { padding: 0 !important; border-top: 0px !important; } -#cpu, #ram, #hdd, #network, #traffic { min-width: 55px; max-width: 100px; } -#type_1, tr td:nth-child(5) { display:none; } +#status, tr td:nth-child(1) { min-width: 70px; max-width: 100px;} +#ip, tr td:nth-child(2) { min-width: 50px; } +#type_1, tr td:nth-child(5) { display:none;min-width: 40px; } +#location, tr td:nth-child(6) { min-width: 50px; } +#time, tr td:nth-child(7) { min-width: 50px; } @media only screen and (max-width: 720px) { + #ip, tr td:nth-child(2) { min-width: 50px; max-width: 120px;} #type, tr td:nth-child(4) { display:none; } #type_1, tr td:nth-child(5) { display:block; } + #time, tr td:nth-child(7) { min-width: 50px; max-width: 80px; } } @media only screen and (max-width: 600px) { #type, tr td:nth-child(4) { display:none; } #type_1, tr td:nth-child(5) { display:block; } - #location, tr td:nth-child(6) { display:none; } + /*#location, tr td:nth-child(6) { display:none; }*/ #time, tr td:nth-child(7) { display:none; } } @media only screen and (max-width: 533px) { #type, tr td:nth-child(4) { display:none; } #type_1, tr td:nth-child(5) { display:block; } - #location, tr td:nth-child(6) { display:none; } + /*#location, tr td:nth-child(6) { display:none; }*/ #time, tr td:nth-child(7) { display:none; } } @media only screen and (max-width: 450px) { body { font-size: 10px; } .content { padding: 0; } - #name, tr td:nth-child(2) { min-width: 20px; max-width: 60px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } + #status, tr td:nth-child(1) { min-width: 25px; max-width: 30px;} + #name, tr td:nth-child(2) { min-width: 25px; max-width: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #type, tr td:nth-child(4) { display:none; } - #type_1, tr td:nth-child(5) { display:block; } - #location, tr td:nth-child(6) { display:none; } + #type_1, tr td:nth-child(5) { display:none; } + /*#type_1, tr td:nth-child(5) { display:block;min-width: 30px; }*/ + #location, tr td:nth-child(6) { min-width: 25px; max-width: 50px; } #time, tr td:nth-child(7) { display:none; } }