mirror of
https://github.com/nezhahq/nezha.git
synced 2025-01-23 13:18:13 -05:00
20 lines
23 KiB
CSS
20 lines
23 KiB
CSS
.toggle-dark-mode input[type=checkbox],.toggle-container .toggle-grid-mode input[type=checkbox]{height:0;width:0;visibility:hidden}.toggle-dark-mode label,.toggle-container .toggle-grid-mode label{cursor:pointer;text-indent:-9999px;width:52px;height:27px;background:grey;display:block;border-radius:100px;position:relative}.toggle-dark-mode label:after,.toggle-container .toggle-grid-mode label:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:90px;-webkit-transition:0.3s;transition:0.3s}.toggle-dark-mode input:checked+label,.toggle-container .toggle-grid-mode input:checked+label{background:#444;border:1px solid rgba(255,255,255,0.1)}.toggle-dark-mode input:checked+label:after,.toggle-container .toggle-grid-mode input:checked+label:after{left:calc(100% - 5px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.toggle-dark-mode label:active:after,.toggle-container .toggle-grid-mode label:active:after{width:45px}body.transition-theme,body.transition-theme *,body.transition-theme *:before,body.transition-theme *:after{-webkit-transition:cubic-bezier(0.68, -0.55, 0.27, 1.55) 200ms !important;transition:cubic-bezier(0.68, -0.55, 0.27, 1.55) 200ms !important;-webkit-transition-delay:0 !important;transition-delay:0 !important}body[data-theme='dark']{background-color:#121212}body[data-theme='dark'] #app{background-color:#121212}body[data-theme='dark'] .toggle-container{color:#c8c8c8}body[data-theme='dark'] .toggle-container .fas.fa-th.fa-lg{color:#c8c8c8}body[data-theme='dark'] .toggle-container .fas.fa-list-ul.fa-lg{color:#c8c8c8}body[data-theme='dark'] .state-online{background-color:#4ba242}body[data-theme='dark'] .server-info-container{background-color:#1E1E1E;color:#E1E1E1;border:1px solid rgba(255,255,255,0.1);-webkit-box-shadow:0 2px 10px rgba(255,255,255,0.1);box-shadow:0 2px 10px rgba(255,255,255,0.1)}body[data-theme='dark'] .info-body ul li{border-bottom:1px solid rgba(255,255,255,0.2)}body[data-theme='dark'] .info-body ul li p{color:#fff}body[data-theme='dark'] .info-body ul li img{border:1px solid rgba(255,255,255,0.3)}body[data-theme='dark'] .info-body ul li:nth-child(1),body[data-theme='dark'] .info-body ul li:nth-child(2),body[data-theme='dark'] .info-body ul li:nth-child(3),body[data-theme='dark'] .info-body ul li:nth-child(12),body[data-theme='dark'] .info-body ul li:nth-child(13),body[data-theme='dark'] .info-body ul li:nth-child(14){border:none}body[data-theme='dark'] .info-body ul li:nth-child(4):before,body[data-theme='dark'] .info-body ul li:nth-child(5):before,body[data-theme='dark'] .info-body ul li:nth-child(6):before,body[data-theme='dark'] .info-body ul li:nth-child(7):before,body[data-theme='dark'] .info-body ul li:nth-child(8):before,body[data-theme='dark'] .info-body ul li:nth-child(9):before,body[data-theme='dark'] .info-body ul li:nth-child(10):before,body[data-theme='dark'] .info-body ul li:nth-child(11):before,body[data-theme='dark'] .info-body ul li:nth-child(12):before,body[data-theme='dark'] .info-body ul li:nth-child(13):before,body[data-theme='dark'] .info-body ul li:nth-child(14):before{color:#959595}body[data-theme='dark'] .info-body ul li h4{color:#959595}body[data-theme='dark'] .info-body .cpu-bar h4,body[data-theme='dark'] .info-body .ram-bar h4,body[data-theme='dark'] .info-body .disk-bar h4{color:#959595}body[data-theme='dark'] .info-body .cpu-bar p,body[data-theme='dark'] .info-body .ram-bar p,body[data-theme='dark'] .info-body .disk-bar p{color:#fff !important}body[data-theme='dark'] .info-body .ui.progress{background-color:#111;border:1px solid rgba(255,255,255,0.15)}body[data-theme='dark'] .info-body .ui.progress.fine>.bar{background-color:#1670C5 !important}body[data-theme='dark'] .info-body .ui.progress.warning>.bar{background-color:#975FE4 !important}footer{background-color:#2f2f2f;color:#f2f2f2;font-size:14px}footer .footer-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:1rem}footer .footer-container p{width:100%;margin-top:1rem}footer .footer-container a{color:#f2f2f2}footer .footer-container div{width:100%}#back-to-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#FF9800;width:45px;height:45px;border-radius:50%;position:fixed;bottom:30px;right:30px;-webkit-transition:background-color .3s,
|
|
opacity .5s, visibility .5s;transition:background-color .3s,
|
|
opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000}#back-to-top:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f106";font-size:2.2em;color:#fff}#back-to-top:hover{cursor:pointer;background-color:#cc7a00}#back-to-top:active{background-color:#cc7a00}#back-to-top.show{opacity:1;visibility:visible}.nav-bar{display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;background-color:#2A3950;padding:.8em 8em}@media (max-width: 1250px){.nav-bar{padding:.8em 3em}}@media (max-width: 900px){.nav-bar{padding:.8em 1em}}.nav-bar .logo{color:#f2f2f2;-ms-grid-column-align:start;justify-self:start;font-size:1.2em}.nav-bar a{color:#f2f2f2}.nav-bar li:last-child{background-color:#07090d}.icon-container{-ms-grid-column-align:end;justify-self:end;display:none}.icon-container .col{display:block;float:left;margin:1% 0 1% 1.6%}.icon-container .col:first-of-type{margin-left:0}.icon-container .cf:before,.icon-container .cf:after{content:" ";display:table}.icon-container .cf:after{clear:both}.icon-container .cf{*zoom:1}.icon-container .three{color:#ecf0f1;text-align:center}.icon-container .hamburger .line{width:50px;height:5px;background-color:#ecf0f1;display:block;margin:8px auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.icon-container .hamburger:hover{cursor:pointer}.icon-container #hamburger-icon.is-active{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transition-delay:0.6s;transition-delay:0.6s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-container #hamburger-icon.is-active .line:nth-child(2){width:0px}.icon-container #hamburger-icon.is-active .line:nth-child(1),.icon-container #hamburger-icon.is-active .line:nth-child(3){-webkit-transition-delay:0.3s;transition-delay:0.3s}.icon-container #hamburger-icon.is-active .line:nth-child(1){-webkit-transform:translateY(13px);transform:translateY(13px)}.icon-container #hamburger-icon.is-active .line:nth-child(3){-webkit-transform:translateY(-13px) rotate(90deg);transform:translateY(-13px) rotate(90deg)}.nav-menu{-ms-grid-column-align:end;justify-self:end}.nav-menu li{display:inline-block}.nav-menu li a{display:block;padding:.8em 1.6em}@media screen and (max-width: 900px){.icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(0.8);transform:scale(0.8)}.nav-menu{display:none;width:100%}.nav-menu.active{display:block;grid-column:1 / -1}.nav-menu li{display:block;border-bottom:1px solid rgba(255,255,255,0.3)}.nav-menu li:last-child{border:none}.nav-menu li a{padding:1em;font-weight:bold}}.toggle-grid-mode input[type=checkbox]{height:0;width:0;visibility:hidden}.toggle-grid-mode label{cursor:pointer;text-indent:-9999px;width:52px;height:27px;background:grey;display:block;border-radius:100px;position:relative}.toggle-grid-mode label:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:90px;-webkit-transition:0.3s;transition:0.3s}.toggle-grid-mode input:checked+label{background:#444;border:1px solid rgba(255,255,255,0.1)}.toggle-grid-mode input:checked+label:after{left:calc(100% - 5px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.toggle-grid-mode label:active:after{width:45px}body[data-gridlist='list'] #app{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:2em}body[data-gridlist='list'] .server-info-container{-ms-grid-rows:1fr auto;grid-template-rows:1fr auto}body[data-gridlist='list'] .info-body ul{grid-template-areas:"state flag . system location memory boot ram disk down up cpu-bar cpu-bar ram-bar ram-bar disk-bar disk-bar"
|
|
"name name name system location memory boot ram disk down up cpu-bar cpu-bar ram-bar ram-bar disk-bar disk-bar"}@media (max-width: 1250px){body[data-gridlist='list'] .info-body ul{grid-template-areas:"state state state name name name name name flag flag flag flag flag flag"
|
|
"system location memory boot ram disk down up cpu-bar cpu-bar ram-bar ram-bar disk-bar disk-bar"}}@media (max-width: 900px){body[data-gridlist='list'] .info-body ul{grid-template-areas:"state state state state name name name name name name name flag flag flag"
|
|
"system system system system system system system location location location location location location location"
|
|
"memory memory memory memory memory memory memory boot boot boot boot boot boot boot"
|
|
"ram ram ram ram ram ram ram disk disk disk disk disk disk disk"
|
|
"down down down down down down down up up up up up up up"
|
|
"cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar"
|
|
"ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar"
|
|
"disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar"}body[data-gridlist='list'] .info-body ul li{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}body[data-gridlist='list'] .info-body ul li:nth-child(4):before,body[data-gridlist='list'] .info-body ul li:nth-child(5):before,body[data-gridlist='list'] .info-body ul li:nth-child(6):before,body[data-gridlist='list'] .info-body ul li:nth-child(7):before,body[data-gridlist='list'] .info-body ul li:nth-child(8):before,body[data-gridlist='list'] .info-body ul li:nth-child(9):before,body[data-gridlist='list'] .info-body ul li:nth-child(10):before,body[data-gridlist='list'] .info-body ul li:nth-child(11):before,body[data-gridlist='list'] .info-body ul li:nth-child(12):before,body[data-gridlist='list'] .info-body ul li:nth-child(13):before,body[data-gridlist='list'] .info-body ul li:nth-child(14):before{padding-bottom:0 !important}body[data-gridlist='list'] .info-body ul li:nth-child(4){border:none !important}body[data-gridlist='list'] .info-body ul li:nth-child(5){border:none !important}body[data-gridlist='list'] .info-body ul li:nth-child(6){border:none !important}body[data-gridlist='list'] .info-body ul li:nth-child(7){border:none !important}body[data-gridlist='list'] .info-body ul li:nth-child(8){border:none !important}body[data-gridlist='list'] .info-body ul li:nth-child(9){border:none !important}body[data-gridlist='list'] .info-body ul li:nth-child(10){border:none !important}body[data-gridlist='list'] .info-body ul li:nth-child(11){border:none !important}body[data-gridlist='list'] .info-body ul li:nth-child(12):before{content:'' !important}body[data-gridlist='list'] .info-body ul li:nth-child(13):before{content:'' !important}body[data-gridlist='list'] .info-body ul li:nth-child(14):before{content:'' !important}body[data-gridlist='list'] .info-body ul li .cpu-bar,body[data-gridlist='list'] .info-body ul li .ram-bar,body[data-gridlist='list'] .info-body ul li .disk-bar{-ms-grid-columns:15% auto !important;grid-template-columns:15% auto !important;width:100%}body[data-gridlist='list'] .info-body ul li .cpu-bar h4,body[data-gridlist='list'] .info-body ul li .ram-bar h4,body[data-gridlist='list'] .info-body ul li .disk-bar h4{display:block !important}}body[data-gridlist='list'] .info-body ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body[data-gridlist='list'] .info-body ul li:nth-child(4):before,body[data-gridlist='list'] .info-body ul li:nth-child(5):before,body[data-gridlist='list'] .info-body ul li:nth-child(6):before,body[data-gridlist='list'] .info-body ul li:nth-child(7):before,body[data-gridlist='list'] .info-body ul li:nth-child(8):before,body[data-gridlist='list'] .info-body ul li:nth-child(9):before,body[data-gridlist='list'] .info-body ul li:nth-child(10):before,body[data-gridlist='list'] .info-body ul li:nth-child(11):before,body[data-gridlist='list'] .info-body ul li:nth-child(12):before,body[data-gridlist='list'] .info-body ul li:nth-child(13):before,body[data-gridlist='list'] .info-body ul li:nth-child(14):before{padding-bottom:.5em}body[data-gridlist='list'] .info-body ul li:nth-child(1){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1 / 2;-ms-grid-column-align:start;justify-self:start}body[data-gridlist='list'] .info-body ul li:nth-child(2){-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1 / 3;-ms-grid-column-align:start;justify-self:start}@media (max-width: 1250px){body[data-gridlist='list'] .info-body ul li:nth-child(2){-ms-grid-column:2;-ms-grid-column-span:10;grid-column:2 / 12;-ms-grid-column-align:center;justify-self:center}}body[data-gridlist='list'] .info-body ul li:nth-child(3){-ms-grid-column-align:end;justify-self:end;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2 / 3}@media (max-width: 1250px){body[data-gridlist='list'] .info-body ul li:nth-child(3){grid-column:1 / -1}}body[data-gridlist='list'] .info-body ul li:nth-child(4){border:none}body[data-gridlist='list'] .info-body ul li:nth-child(5){border:none}body[data-gridlist='list'] .info-body ul li:nth-child(6){border:none}body[data-gridlist='list'] .info-body ul li:nth-child(7){border:none}body[data-gridlist='list'] .info-body ul li:nth-child(8){border:none}body[data-gridlist='list'] .info-body ul li:nth-child(9){border:none}body[data-gridlist='list'] .info-body ul li:nth-child(10){border:none}body[data-gridlist='list'] .info-body ul li:nth-child(11){border:none}body[data-gridlist='list'] .info-body ul li:nth-child(12){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body[data-gridlist='list'] .info-body ul li:nth-child(12):before{content:'CPU'}body[data-gridlist='list'] .info-body ul li:nth-child(13){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body[data-gridlist='list'] .info-body ul li:nth-child(13):before{content:'RAM'}body[data-gridlist='list'] .info-body ul li:nth-child(14){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body[data-gridlist='list'] .info-body ul li:nth-child(14):before{content:'硬盘'}body[data-gridlist='list'] .info-body ul li .cpu-bar,body[data-gridlist='list'] .info-body ul li .ram-bar,body[data-gridlist='list'] .info-body ul li .disk-bar{-ms-grid-columns:1fr;grid-template-columns:1fr}body[data-gridlist='list'] .info-body ul li .cpu-bar h4,body[data-gridlist='list'] .info-body ul li .ram-bar h4,body[data-gridlist='list'] .info-body ul li .disk-bar h4{display:none}.toggle-container{display:-ms-grid;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;padding-top:2em}.toggle-container .toggle-dark-mode,.toggle-container .toggle-grid-mode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.toggle-container .toggle-dark-mode>*+*,.toggle-container .toggle-grid-mode>*+*{margin-left:1em}.toggle-container .toggle-dark-mode .fas.fa-sun.fa-lg,.toggle-container .toggle-grid-mode .fas.fa-sun.fa-lg{color:#FBB142}.toggle-container .toggle-dark-mode .fas.fa-moon.fa-lg,.toggle-container .toggle-grid-mode .fas.fa-moon.fa-lg{color:#124b8c}.toggle-container .toggle-dark-mode .fas.fa-th.fa-lg,.toggle-container .toggle-grid-mode .fas.fa-th.fa-lg{color:#121212}.toggle-container .toggle-dark-mode .fas.fa-list-ul.fa-lg,.toggle-container .toggle-grid-mode .fas.fa-list-ul.fa-lg{color:#121212}@media screen and (max-width: 359px){.toggle-dark-mode,.toggle-container .toggle-grid-mode{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-grid-column-align:center;justify-self:center}.toggle-dark-mode>*+*,.toggle-container .toggle-grid-mode>*+*{margin-top:.5em}}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{font-family:Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;overflow-x:hidden;background-color:#e5e5e5}#app{background-color:#e5e5e5;min-height:100vh;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-gap:4em;width:100%;width:calc(100vw - 8em);max-width:1400px;margin:2em auto 4em;-ms-flex-line-pack:start;align-content:start}@media (max-width: 1250px){#app{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);grid-gap:3em;width:calc(100vw - 5em)}}@media (max-width: 900px){#app{-ms-grid-columns:(minmax(250px, 1fr))[auto-fit];grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));grid-gap:2em;grid-row-gap:3em;width:calc(100vw - 3em)}}@media (max-width: 500px){#app{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:1em;grid-row-gap:3em;width:calc(100vw - 2em)}}.server-info-container{background-color:#f1f1f2;display:-ms-grid;display:grid;font-size:0.9em;border-radius:5px;border:1px solid #d9d9d9;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.24);-webkit-transition:-webkit-transform 500ms ease-in-out;transition:-webkit-transform 500ms ease-in-out;transition:transform 500ms ease-in-out;transition:transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out}.server-info-container .info-body{display:-ms-grid;display:grid}.server-info-container:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.info-body ul{display:-ms-grid;display:grid;grid-template-areas:"state state name name flag flag"
|
|
"system system system location location location"
|
|
"memory memory memory boot boot boot"
|
|
"ram ram ram disk disk disk"
|
|
"down down down up up up"
|
|
"cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar cpu-bar"
|
|
"ram-bar ram-bar ram-bar ram-bar ram-bar ram-bar"
|
|
"disk-bar disk-bar disk-bar disk-bar disk-bar disk-bar"}.info-body ul li{list-style:none;padding:.6em;margin:0.3em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;word-break:break-all;border-bottom:1px solid #d9d9d9}.info-body ul li p{padding:0.3em 1em;font-size:0.6em}.info-body ul li h3{font-size:1.05em}.info-body ul li .state-online{background-color:#53B449;border-radius:4px}.info-body ul li .state-offline{background-color:#EF4B4C;border-radius:4px}.info-body ul li img{border:1px solid rgba(0,0,0,0.25);border-radius:6px}.info-body ul li:nth-child(1):before,.info-body ul li:nth-child(2):before,.info-body ul li:nth-child(3):before,.info-body ul li:nth-child(4):before,.info-body ul li:nth-child(5):before,.info-body ul li:nth-child(6):before,.info-body ul li:nth-child(7):before,.info-body ul li:nth-child(8):before,.info-body ul li:nth-child(9):before,.info-body ul li:nth-child(10):before,.info-body ul li:nth-child(11):before,.info-body ul li:nth-child(12):before,.info-body ul li:nth-child(13):before,.info-body ul li:nth-child(14):before{font-weight:bold}.info-body ul li:nth-child(1){-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:state;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center;border:none;font-size:1.2em}@media (max-width: 500px){.info-body ul li:nth-child(1){-ms-grid-column-align:start;justify-self:start}}.info-body ul li:nth-child(2){-ms-grid-row:1;-ms-grid-column:3;-ms-grid-column-span:2;grid-area:name;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center;border:none}.info-body ul li:nth-child(3){-ms-grid-row:1;-ms-grid-column:5;-ms-grid-column-span:2;grid-area:flag;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center;border:none}@media (max-width: 500px){.info-body ul li:nth-child(3){-ms-grid-column-align:end;justify-self:end}}.info-body ul li:nth-child(4){-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:system;text-transform:capitalize}.info-body ul li:nth-child(4):before{content:"系统"}.info-body ul li:nth-child(5){-ms-grid-row:2;-ms-grid-column:4;-ms-grid-column-span:3;grid-area:location}.info-body ul li:nth-child(5):before{content:"位置"}.info-body ul li:nth-child(6){-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:memory}.info-body ul li:nth-child(6):before{content:"内存"}.info-body ul li:nth-child(7){-ms-grid-row:3;-ms-grid-column:4;-ms-grid-column-span:3;grid-area:boot}.info-body ul li:nth-child(7):before{content:"在线"}.info-body ul li:nth-child(8){-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:ram}.info-body ul li:nth-child(8):before{content:"交换"}.info-body ul li:nth-child(9){-ms-grid-row:4;-ms-grid-column:4;-ms-grid-column-span:3;grid-area:disk}.info-body ul li:nth-child(9):before{content:"硬盘"}.info-body ul li:nth-child(10){-ms-grid-row:5;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:down}.info-body ul li:nth-child(10):before{content:"下载 \f884";font-family:"Font Awesome 5 Free";font-weight:900}.info-body ul li:nth-child(11){-ms-grid-row:5;-ms-grid-column:4;-ms-grid-column-span:3;grid-area:up}.info-body ul li:nth-child(11):before{content:"上传 \f161";font-family:"Font Awesome 5 Free";font-weight:900}.info-body ul li:nth-child(12){-ms-grid-row:6;-ms-grid-column:1;-ms-grid-column-span:6;grid-area:cpu-bar;border:none;display:inline-block;padding:.3em .6em}.info-body ul li:nth-child(13){-ms-grid-row:7;-ms-grid-column:1;-ms-grid-column-span:6;grid-area:ram-bar;border:none;display:inline-block;padding:.3em .6em}.info-body ul li:nth-child(14){-ms-grid-row:8;-ms-grid-column:1;-ms-grid-column-span:6;grid-area:disk-bar;border:none;display:inline-block;padding:.3em .6em .6em}.info-body ul li .cpu-bar,.info-body ul li .ram-bar,.info-body ul li .disk-bar{display:-ms-grid;display:grid;-ms-grid-columns:15% auto;grid-template-columns:15% auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-body ul li .cpu-bar div:first-child,.info-body ul li .ram-bar div:first-child,.info-body ul li .disk-bar div:first-child{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.info-body ul li .cpu-bar p,.info-body ul li .ram-bar p,.info-body ul li .disk-bar p{word-break:keep-all;font-size:0.8em}@media (max-width: 500px){.info-body ul li .cpu-bar p,.info-body ul li .ram-bar p,.info-body ul li .disk-bar p{font-size:1em}}.info-body ul li .cpu-bar h4,.info-body ul li .ram-bar h4,.info-body ul li .disk-bar h4{font-weight:bold}.info-body ul li .ui.progress{margin-bottom:0 !important;background-color:lightgray;border-radius:4px;border:1px solid #bfbfbf}.info-body ul li .ui.progress .bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px}.info-body ul li .td-padding{padding-left:0.5em}
|