nezha/resource/static/theme-daynight/main.css
2021-01-20 22:22:17 +08:00

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}