diff --git a/README.md b/README.md index b7c167d..75620a9 100644 --- a/README.md +++ b/README.md @@ -4,17 +4,21 @@ :trollface: 哪吒监控 一站式轻监控轻运维系统。支持系统状态、HTTP(SSL 证书变更、即将到期、到期)、TCP、Ping 监控报警,命令批量执行和计划任务。 +
+ +
+ \>> QQ 交流群:955957790 \>> [我们的用户](https://www.google.com/search?q="powered+by+哪吒"+"监控%7C面板"&filter=0) (Google) -| 默认主题 | DayNight [@JackieSung](https://github.com/JackieSung4ev) | hotaru | +| 默认主题 | DayNight [@JackieSung](https://github.com/JackieSung4ev) | hotaru | | ------------------------------------------------------- | -------------------------------------------------------- | ---------------------------------------------------------------------- | | ![首页截图1](https://s3.ax1x.com/2020/12/07/DvTCwD.jpg) | | | ## 安装脚本 -**推荐配置:** 安装前解析 _两个域名_ 到面板服务器,一个作为 _公开访问_ ,可以 **接入CDN**,比如 (status.nai.ba);另外一个作为安装 Agent 时连接 Dashboard 使用,**不能接入CDN** 直接暴露面板主机IP,比如(randomdashboard.nai.ba)。 +**推荐配置:** 安装前解析 _两个域名_ 到面板服务器,一个作为 _公开访问_ ,可以 **接入 CDN**,比如 (status.nai.ba);另外一个作为安装 Agent 时连接 Dashboard 使用,**不能接入 CDN** 直接暴露面板主机 IP,比如(randomdashboard.nai.ba)。 ```shell curl -L https://raw.githubusercontent.com/naiba/nezha/master/script/install.sh -o nezha.sh && chmod +x nezha.sh diff --git a/resource/static/brand.png b/resource/static/brand.png new file mode 100644 index 0000000..5eaea20 Binary files /dev/null and b/resource/static/brand.png differ diff --git a/resource/static/logo.png b/resource/static/logo.png index 18b34e1..cd47e22 100644 Binary files a/resource/static/logo.png and b/resource/static/logo.png differ diff --git a/resource/static/theme-daynight/css/main.css b/resource/static/theme-daynight/css/main.css index 4b73b37..c176458 100644 --- a/resource/static/theme-daynight/css/main.css +++ b/resource/static/theme-daynight/css/main.css @@ -1 +1 @@ -body.transition-theme,body.transition-theme *,body.transition-theme *:before,body.transition-theme *:after{-webkit-transition:400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;transition:400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;-webkit-transition-delay:0 !important;transition-delay:0 !important}body.transition-sidebar,body.transition-sidebar *,body.transition-sidebar *:before,body.transition-sidebar *:after{-webkit-transition:100ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;transition:100ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;-webkit-transition-delay:0 !important;transition-delay:0 !important}body[data-theme="dark"]{background-color:#121212}body[data-theme="dark"] .dark-light-toggle .switcher{background-color:#124b8c}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(-n+3){border:none}body[data-theme="dark"] .info-body ul li:nth-last-child(-n+3){border:none}body[data-theme="dark"] .info-body ul li:nth-child(n+4)::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>.progress-bar{background-color:#1670c5 !important}body[data-theme="dark"] .info-body .ui.progress.warning>.progress-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:20px;right:30px;-webkit-transition:background-color 0.3s, opacity 0.5s, visibility 0.5s;transition:background-color 0.3s, opacity 0.5s, visibility 0.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}@media (max-width: 500px){#back-to-top{background-color:#975fe4}#back-to-top:hover,#back-to-top:active{background-color:#7b33dd}}@media (max-width: 500px){.sidebar-container{display:none}}.sidebar-container ul{position:fixed;top:50%;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;right:0}.sidebar-container ul li+li{margin-top:1.5em}.sidebar-container ul li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.4em 0 0.4em 0;color:#f2f2f2;cursor:pointer;height:2em;-webkit-box-shadow:0 2px 3px -1px rgba(47,47,47,0.2);box-shadow:0 2px 3px -1px rgba(47,47,47,0.2);width:35px;border-radius:0.5em 0 0 0.5em;border:1px solid rgba(255,255,255,0.2)}@media (min-width: 1400px){.sidebar-container ul li{height:2.6em;width:45px}}.sidebar-container ul li:first-child{background-color:#fbb142}.sidebar-container ul li:nth-child(2){background-color:#124b8c}.sidebar-container ul li:nth-child(3){background-color:#2f2f2f}.sidebar-container ul li:last-child{background-color:#555}.sidebar-container ul li i.fas{font-size:1em;width:36px;text-align:center;position:relative;top:0.04em}.sidebar-container ul li .fas.fa-sun{font-size:1.3em}@media (min-width: 1400px){.sidebar-container ul li .fas.fa-sun{font-size:1.6em}}.sidebar-container ul li .fas.fa-moon{font-size:1.2em}@media (min-width: 1400px){.sidebar-container ul li .fas.fa-moon{font-size:1.5em}}@media (min-width: 1400px){.sidebar-container ul li .fas.fa-th{font-size:1.45em}}.sidebar-container ul li .fas.fa-list-ul{font-size:1.15em}@media (min-width: 1400px){.sidebar-container ul li .fas.fa-list-ul{font-size:1.5em}}.sidebar-container ul li span{font-size:1em;left:36px;position:absolute;opacity:0;visibility:hidden;font-weight:bold}.sidebar-container ul li:hover{width:110px !important;-webkit-box-shadow:0 2px 10px -1px rgba(0,0,0,0.1);box-shadow:0 2px 10px -1px rgba(0,0,0,0.1)}.sidebar-container ul li:hover span{visibility:visible;opacity:1;-webkit-transition-delay:90ms;transition-delay:90ms}.sidebar-container ul li:hover i{opacity:1}.sidebar-container ul li:hover i.fa-sun{-webkit-animation:rotateSun 3s linear infinite;animation:rotateSun 3s linear infinite}@-webkit-keyframes rotateSun{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSun{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.sidebar-container ul li:hover i.fa-moon{-webkit-animation:rotateMoon 2s linear infinite;animation:rotateMoon 2s linear infinite}@-webkit-keyframes rotateMoon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotateMoon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.sidebar-container ul li:hover i.fa-th{-webkit-animation:rotateTh 1s linear infinite;animation:rotateTh 1s linear infinite}@-webkit-keyframes rotateTh{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}100%{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg)}}@keyframes rotateTh{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}100%{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg)}}.sidebar-container ul li:hover i.fa-list-ul{-webkit-animation:rotateList 1s linear infinite;animation:rotateList 1s linear infinite}@-webkit-keyframes rotateList{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}100%{-webkit-transform:perspective(400px) rotateY(-180deg);transform:perspective(400px) rotateY(-180deg)}}@keyframes rotateList{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}100%{-webkit-transform:perspective(400px) rotateY(-180deg);transform:perspective(400px) rotateY(-180deg)}}header{background-color:#2a3950}.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 0;width:100%;width:calc(100vw - 4em);max-width:1400px;margin:0 auto}@media (max-width: 900px){.nav-bar{width:calc(100vw - 3em)}}@media (max-width: 500px){.nav-bar{width:calc(100vw - 2em);-ms-grid-columns:auto 3fr;grid-template-columns:auto 3fr}}.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: 500px){.icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(0.8);transform:scale(0.8)}.nav-menu{grid-column:1 / -1;-ms-grid-column-align:stretch;justify-self:stretch}.nav-menu ul{display:none}.nav-menu.active{grid-column:1 / -1}.nav-menu li{width:100%;border-bottom:1px solid rgba(255,255,255,0.3)}.nav-menu li:last-child{border:none;text-align:center}.nav-menu li a{padding:1em;font-weight:bold}}@media screen and (min-width: 500px){.nav-menu ul{display:block !important}}body[data-gridlist="list"] #app{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:2em}@media (max-width: 1250px){body[data-gridlist="list"] #app{grid-row-gap:3em}}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(n+4)::before{padding-bottom:0 !important}body[data-gridlist="list"] .info-body ul li:nth-last-child(-n+3):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(n+4):before{padding-bottom:0.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(n+4):nth-child(-n+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;padding:.6em}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;padding:.6em}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;padding:.6em}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}*,*::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:3em;width:100%;width:calc(100vw - 6em);max-width:1400px;margin:4em auto;-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:2.5em;width:calc(100vw - 4em)}}@media (max-width: 900px){#app{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 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);margin:2em auto 4em}}.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:not(:nth-child(1))::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:nth-last-child(-n+3) .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;background-image:linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.info-body:nth-last-child(-n+3) .progress-bar,.info-body:nth-last-child(-n+3) .ui.progress{background-color:lightgray;background-size:40px 40px;border-radius:4px}.info-body:nth-last-child(-n+3) .ui.progress{border:1px solid #bfbfbf}.info-body:nth-last-child(-n+3) .ui.progress.fine .progress-bar{background-color:#53b449}.info-body:nth-last-child(-n+3) .ui.progress.warning .progress-bar{background-color:#fbb142}.info-body:nth-last-child(-n+3) .ui.progress.error .progress-bar{background-color:#ef4b4c}@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}.dark-light-toggle{display:none}@media (max-width: 500px){.dark-light-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:999;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:45px;height:45px;position:fixed;bottom:80px;right:30px;-webkit-transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505);transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505)}.dark-light-toggle .switcher{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:.48em;border-radius:50%;border:1px solid rgba(255,255,255,0.1);background-color:#fbb142}.dark-light-toggle .switcher input[type='checkbox']{height:0;width:0;display:none}.dark-light-toggle .switcher input[type='checkbox']:checked+div{-webkit-transform:rotate(-900deg);transform:rotate(-900deg)}.dark-light-toggle .fa-adjust{font-size:1.8em;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;color:#f2f2f2}} +body.transition-theme,body.transition-theme *,body.transition-theme *:before,body.transition-theme *:after{transition:400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;transition-delay:0 !important}body.transition-sidebar,body.transition-sidebar *,body.transition-sidebar *:before,body.transition-sidebar *:after{transition:100ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;transition-delay:0 !important}body[data-theme=dark]{background-color:#121212}body[data-theme=dark] .dark-light-toggle .switcher{background-color:#124b8c}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,.1);box-shadow:0 2px 10px rgba(255,255,255,.1)}body[data-theme=dark] .info-body ul li{border-bottom:1px solid rgba(255,255,255,.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,.3)}body[data-theme=dark] .info-body ul li:nth-child(-n+3){border:none}body[data-theme=dark] .info-body ul li:nth-last-child(-n+3){border:none}body[data-theme=dark] .info-body ul li:nth-child(n+4)::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,.15)}body[data-theme=dark] .info-body .ui.progress.fine>.progress-bar{background-color:#1670c5 !important}body[data-theme=dark] .info-body .ui.progress.warning>.progress-bar{background-color:#975fe4 !important}footer{background-color:#2f2f2f;color:#f2f2f2;font-size:14px}footer .footer-container{display:flex;justify-content:center;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:flex;justify-content:center;align-items:center;background-color:#ff9800;width:45px;height:45px;border-radius:50%;position:fixed;bottom:20px;right:30px;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:"";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}@media(max-width: 500px){#back-to-top{background-color:#975fe4}#back-to-top:hover,#back-to-top:active{background-color:#7b33dd}}@media(max-width: 500px){.sidebar-container{display:none}}.sidebar-container ul{position:fixed;top:50%;list-style:none;display:flex;flex-direction:column;transform:translateY(-50%);z-index:10;align-items:flex-end;right:0}.sidebar-container ul li+li{margin-top:1.5em}.sidebar-container ul li{position:relative;display:flex;align-items:center;padding:.4em 0 .4em 0;color:#f2f2f2;cursor:pointer;height:2em;box-shadow:0 2px 3px -1px rgba(47,47,47,.2);width:35px;border-radius:.5em 0 0 .5em;border:1px solid rgba(255,255,255,.2)}@media(min-width: 1400px){.sidebar-container ul li{height:2.6em;width:45px}}.sidebar-container ul li:first-child{background-color:#fbb142}.sidebar-container ul li:nth-child(2){background-color:#124b8c}.sidebar-container ul li:nth-child(3){background-color:#2f2f2f}.sidebar-container ul li:last-child{background-color:#555}.sidebar-container ul li i.fas{font-size:1em;width:36px;text-align:center;position:relative;top:.04em}.sidebar-container ul li .fas.fa-sun{font-size:1.3em}@media(min-width: 1400px){.sidebar-container ul li .fas.fa-sun{font-size:1.6em}}.sidebar-container ul li .fas.fa-moon{font-size:1.2em}@media(min-width: 1400px){.sidebar-container ul li .fas.fa-moon{font-size:1.5em}}@media(min-width: 1400px){.sidebar-container ul li .fas.fa-th{font-size:1.45em}}.sidebar-container ul li .fas.fa-list-ul{font-size:1.15em}@media(min-width: 1400px){.sidebar-container ul li .fas.fa-list-ul{font-size:1.5em}}.sidebar-container ul li span{font-size:1em;left:36px;position:absolute;opacity:0;visibility:hidden;font-weight:bold}.sidebar-container ul li:hover{width:110px !important;box-shadow:0 2px 10px -1px rgba(0,0,0,.1)}.sidebar-container ul li:hover span{visibility:visible;opacity:1;transition-delay:90ms}.sidebar-container ul li:hover i{opacity:1}.sidebar-container ul li:hover i.fa-sun{animation:rotateSun 3s linear infinite}@keyframes rotateSun{to{transform:rotate(360deg)}}.sidebar-container ul li:hover i.fa-moon{animation:rotateMoon 2s linear infinite}@keyframes rotateMoon{0%{transform:rotate(0deg)}50%{transform:rotate(-45deg)}100%{transform:rotate(0deg)}}.sidebar-container ul li:hover i.fa-th{animation:rotateTh 1s linear infinite}@keyframes rotateTh{0%{transform:perspective(400px) rotateY(0)}100%{transform:perspective(400px) rotateY(180deg)}}.sidebar-container ul li:hover i.fa-list-ul{animation:rotateList 1s linear infinite}@keyframes rotateList{0%{transform:perspective(400px) rotateY(0)}100%{transform:perspective(400px) rotateY(-180deg)}}header{background-color:#2f405a}.nav-bar{display:grid;align-items:center;grid-template-columns:1fr 3fr;grid-template-rows:auto 1fr;background-color:#2f405a;padding:.8em 0;width:100%;width:calc(100vw - 4em);max-width:1400px;margin:0 auto}@media(max-width: 900px){.nav-bar{width:calc(100vw - 3em)}}@media(max-width: 500px){.nav-bar{width:calc(100vw - 2em);grid-template-columns:auto 3fr}}.nav-bar .logo{color:#f2f2f2;font-size:1.2em;display:flex;align-items:center}.nav-bar .logo a+a{margin-left:1.2em}.nav-bar a{color:#f2f2f2}.nav-bar li:last-child{background-color:#07090d}.icon-container{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 .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.icon-container .hamburger:hover{cursor:pointer}.icon-container #hamburger-icon.is-active{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-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:.3s;-o-transition-delay:.3s;transition-delay:.3s}.icon-container #hamburger-icon.is-active .line:nth-child(1){-webkit-transform:translateY(13px);-ms-transform:translateY(13px);-o-transform:translateY(13px);transform:translateY(13px)}.icon-container #hamburger-icon.is-active .line:nth-child(3){-webkit-transform:translateY(-13px) rotate(90deg);-ms-transform:translateY(-13px) rotate(90deg);-o-transform:translateY(-13px) rotate(90deg);transform:translateY(-13px) rotate(90deg)}.nav-menu{justify-self:end}.nav-menu li{display:inline-block}.nav-menu li a{display:block;padding:.8em 1.6em}@media screen and (max-width: 500px){.icon-container{display:flex;transform:scale(0.8)}.nav-menu{grid-column:1/-1;justify-self:stretch}.nav-menu ul{display:none}.nav-menu.active{grid-column:1/-1}.nav-menu li{width:100%;border-bottom:1px solid rgba(255,255,255,.3)}.nav-menu li:last-child{border:none;text-align:center}.nav-menu li a{padding:1em;font-weight:bold}}@media screen and (min-width: 500px){.nav-menu ul{display:block !important}}body[data-gridlist=list] #app{grid-template-columns:1fr;grid-gap:2em}@media(max-width: 1250px){body[data-gridlist=list] #app{grid-row-gap:3em}}body[data-gridlist=list] .server-info-container{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{flex-direction:row !important}body[data-gridlist=list] .info-body ul li:nth-child(n+4)::before{padding-bottom:0 !important}body[data-gridlist=list] .info-body ul li:nth-last-child(-n+3):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{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{flex-direction:column}body[data-gridlist=list] .info-body ul li:nth-child(n+4):before{padding-bottom:.5em}body[data-gridlist=list] .info-body ul li:nth-child(1){grid-column:1/2;justify-self:start}body[data-gridlist=list] .info-body ul li:nth-child(2){grid-column:1/3;justify-self:start}@media(max-width: 1250px){body[data-gridlist=list] .info-body ul li:nth-child(2){grid-column:2/12;justify-self:center}}body[data-gridlist=list] .info-body ul li:nth-child(3){justify-self:end;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(n+4):nth-child(-n+11){border:none}body[data-gridlist=list] .info-body ul li:nth-child(12){display:flex;flex-direction:column;padding:.6em}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:flex;flex-direction:column;padding:.6em}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:flex;flex-direction:column;padding:.6em}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{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}*,*::before,*::after{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:grid;grid-template-columns:repeat(3, 1fr);grid-gap:3em;width:100%;width:calc(100vw - 6em);max-width:1400px;margin:4em auto;align-content:start}@media(max-width: 1250px){#app{grid-template-columns:repeat(3, 1fr);grid-gap:2.5em;width:calc(100vw - 4em)}}@media(max-width: 900px){#app{grid-template-columns:1fr 1fr;grid-gap:2em;grid-row-gap:3em;width:calc(100vw - 3em)}}@media(max-width: 500px){#app{grid-template-columns:1fr;grid-gap:1em;grid-row-gap:3em;width:calc(100vw - 2em);margin:2em auto 4em}}.server-info-container{background-color:#f1f1f2;display:grid;font-size:.9em;border-radius:5px;border:1px solid #d9d9d9;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.24);transition:transform 500ms ease-in-out}.server-info-container .info-body{display:grid}.server-info-container:hover{transform:translateY(-10px)}.info-body ul{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:.3em;display:flex;justify-content:space-between;word-break:break-all;border-bottom:1px solid #d9d9d9}.info-body ul li p{padding:.3em 1em;font-size:.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,.25);border-radius:6px}.info-body ul li:not(:nth-child(1))::before{font-weight:bold}.info-body ul li:nth-child(1){grid-area:state;align-self:center;justify-self:center;border:none;font-size:1.2em}@media(max-width: 500px){.info-body ul li:nth-child(1){justify-self:start}}.info-body ul li:nth-child(2){grid-area:name;align-self:center;justify-self:center;border:none}.info-body ul li:nth-child(3){grid-area:flag;align-self:center;justify-self:center;border:none}@media(max-width: 500px){.info-body ul li:nth-child(3){justify-self:end}}.info-body ul li:nth-child(4){grid-area:system;text-transform:capitalize}.info-body ul li:nth-child(4):before{content:"系统"}.info-body ul li:nth-child(5){grid-area:location}.info-body ul li:nth-child(5):before{content:"位置"}.info-body ul li:nth-child(6){grid-area:memory}.info-body ul li:nth-child(6):before{content:"内存"}.info-body ul li:nth-child(7){grid-area:boot}.info-body ul li:nth-child(7):before{content:"在线"}.info-body ul li:nth-child(8){grid-area:ram}.info-body ul li:nth-child(8):before{content:"交换"}.info-body ul li:nth-child(9){grid-area:disk}.info-body ul li:nth-child(9):before{content:"硬盘"}.info-body ul li:nth-child(10){grid-area:down}.info-body ul li:nth-child(10):before{content:"下载 ";font-family:"Font Awesome 5 Free";font-weight:900}.info-body ul li:nth-child(11){grid-area:up}.info-body ul li:nth-child(11):before{content:"上传 ";font-family:"Font Awesome 5 Free";font-weight:900}.info-body ul li:nth-child(12){grid-area:cpu-bar;border:none;display:inline-block;padding:.3em .6em}.info-body ul li:nth-child(13){grid-area:ram-bar;border:none;display:inline-block;padding:.3em .6em}.info-body ul li:nth-child(14){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:grid;grid-template-columns:15% auto;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{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:.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:nth-last-child(-n+3) .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;background-image:-webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.info-body:nth-last-child(-n+3) .progress-bar,.info-body:nth-last-child(-n+3) .ui.progress{background-color:#d3d3d3;background-size:40px 40px;border-radius:4px}.info-body:nth-last-child(-n+3) .ui.progress{border:1px solid #bfbfbf}.info-body:nth-last-child(-n+3) .ui.progress.fine .progress-bar{background-color:#53b449}.info-body:nth-last-child(-n+3) .ui.progress.warning .progress-bar{background-color:#fbb142}.info-body:nth-last-child(-n+3) .ui.progress.error .progress-bar{background-color:#ef4b4c}@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}.dark-light-toggle{display:none}@media(max-width: 500px){.dark-light-toggle{display:flex;z-index:999;justify-content:center;align-items:center;width:45px;height:45px;position:fixed;bottom:80px;right:30px;transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505)}.dark-light-toggle .switcher{user-select:none;cursor:pointer;padding:.48em;border-radius:50%;border:1px solid rgba(255,255,255,.1);background-color:#fbb142}.dark-light-toggle .switcher input[type=checkbox]{height:0;width:0;display:none}.dark-light-toggle .switcher input[type=checkbox]:checked+div{transform:rotate(-900deg)}.dark-light-toggle .fa-adjust{font-size:1.8em;display:flex;justify-content:center;align-items:center;color:#f2f2f2}}/*# sourceMappingURL=main.css.map */ diff --git a/resource/static/theme-daynight/css/passwd.css b/resource/static/theme-daynight/css/passwd.css index 2515f90..0b464fa 100644 --- a/resource/static/theme-daynight/css/passwd.css +++ b/resource/static/theme-daynight/css/passwd.css @@ -1 +1 @@ -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%}*,*::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;min-height:100vh;display:-ms-grid;display:grid;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;background-color:#334561;color:#e1e1e1}article{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}.passwd-container{display:-ms-grid;display:grid;min-height:320px;background-color:#e5e5e5;color:#121212;border-radius:5px;padding:1em 1.2em;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);box-shadow:0 2px 5px rgba(0,0,0,0.3);width:100%;max-width:400px;width:calc(100% - 2em);margin:0 auto}.passwd-container input[type='password']{border:1px solid #a6a6a6;border-radius:4px;font-size:1em;padding-left:2em;min-width:100px}.passwd-container input[type='password']::-webkit-input-placeholder{text-align:right;padding-right:1em}.passwd-container input[type='password']:-ms-input-placeholder{text-align:right;padding-right:1em}.passwd-container input[type='password']::-ms-input-placeholder{text-align:right;padding-right:1em}.passwd-container input[type='password']::placeholder{text-align:right;padding-right:1em}.passwd-container button{margin-top:1em;border:none;background:none;border:1px solid #a6a6a6;border-radius:4px;background-color:#1670c5;color:#f2f2f2;font-size:1em;font-weight:bold;letter-spacing:1px;cursor:pointer}.passwd-container button:hover{background-color:#1e85e6}.passwd-container .passwd-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}h2{font-size:2em;text-align:center;color:#3c3c3c}h4{text-align:left;font-size:1em;font-weight:normal;letter-spacing:1px;height:1.5em}form{display:-ms-grid;display:grid;position:relative}img{display:block;max-width:100%;width:50px}svg{height:1em;width:1.34em;position:absolute;top:44px;left:10px}svg g{fill:#494949} +footer{background-color:#2f2f2f;color:#f2f2f2;font-size:14px}footer .footer-container{display:flex;justify-content:center;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%}*,*::before,*::after{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;min-height:100vh;display:grid;grid-template-rows:1fr auto;background-color:#334561;color:#e1e1e1}article{display:flex;justify-content:center;align-items:center}.passwd-container{display:grid;min-height:320px;background-color:#e5e5e5;color:#121212;border-radius:5px;padding:1em 1.2em;box-shadow:0 2px 5px rgba(0,0,0,.3);width:100%;max-width:400px;width:calc(100% - 2em);margin:0 auto}.passwd-container input[type=password]{border:1px solid #a6a6a6;border-radius:4px;font-size:1em;padding-left:2em;min-width:100px;height:3em}.passwd-container input[type=password]::placeholder{text-align:right}.passwd-container button{margin-top:1em;margin-bottom:2em;border:none;background:none;border:1px solid #a6a6a6;border-radius:4px;background-color:#1670c5;color:#f2f2f2;font-size:1em;font-weight:bold;letter-spacing:1px;cursor:pointer;padding:.5em 0}.passwd-container button:hover{background-color:#1e85e6}h2{font-size:2em;text-align:center;color:#3c3c3c}h4{text-align:left;font-size:1em;font-weight:normal;letter-spacing:1px;height:1.5em}form{display:grid;position:relative}.passwd-icon{height:1em;width:1.34em;position:absolute;top:42px;left:10px}.passwd-icon g{fill:#494949}.logo{display:flex;align-items:center;justify-content:center;font-size:1.2em}.logo a{color:#3c3c3c;font-weight:bold}.logo a+a{margin-left:.8em}/*# sourceMappingURL=passwd.css.map */ diff --git a/resource/static/theme-daynight/css/service.css b/resource/static/theme-daynight/css/service.css index 9fa537c..75a6b34 100644 --- a/resource/static/theme-daynight/css/service.css +++ b/resource/static/theme-daynight/css/service.css @@ -1 +1 @@ -body.transition-theme,body.transition-theme *,body.transition-theme *:before,body.transition-theme *:after{-webkit-transition:400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;transition:400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;-webkit-transition-delay:0 !important;transition-delay:0 !important}body[data-theme='dark']{background-color:#121212}body[data-theme='dark'] .monitor-header h2{color:#e1e1e1}body[data-theme='dark'] .monitor-header h2 span{color:#a6a6a6}body[data-theme='dark'] .monitor-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'] .monitor-info-container .monitor-state-text{color:#959595}body[data-theme='dark'] .corner{background-color:#161616;border:1px solid rgba(255,255,255,0.15)}body[data-theme='dark'] .corner.good{background-color:#46973d}body[data-theme='dark'] .corner.warning{background-color:#fa9c10}body[data-theme='dark'] .corner.danger{background-color:#940d0e}body[data-theme='dark'] .corner:hover{background-color:#2b2b2b}body[data-theme='dark'] .monitor-state-dot{background:#46973d}body[data-theme='dark'] .monitor-state-dot.warning{color:#faa11a;background:#faa11a}body[data-theme='dark'] .monitor-state-dot:after{background:#46973d}body[data-theme='dark'] .sub-content{color:#f2f2f2;background-color:#092f52;border:1px solid rgba(255,255,255,0.1);position:relative;z-index:10}body[data-theme='dark'] .sub-content::after{content:'';width:0;height:0;display:block;position:absolute;z-index:10;border:0;border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-.5em;left:50%;border-top:.5em solid #092f52;bottom:-.5em}@media (max-width: 900px){body[data-theme='dark'] .sub-content{position:relative;z-index:10}body[data-theme='dark'] .sub-content::after{content:'';width:0;height:0;display:block;position:absolute;z-index:10;border:0;border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-.5em;left:50%;border-bottom:.5em solid #092f52;top:-.5em}}body[data-theme='dark'] .service-mobile-toggle.smt-active ul li:nth-child(2){background-color:#124b8c}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:20px;right:30px;-webkit-transition:background-color 0.3s, opacity 0.5s, visibility 0.5s;transition:background-color 0.3s, opacity 0.5s, visibility 0.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}@media (max-width: 500px){#back-to-top{background-color:#975fe4}#back-to-top:hover,#back-to-top:active{background-color:#7b33dd}}@media (max-width: 500px){.sidebar-container{display:none}}.sidebar-container ul{position:fixed;top:50%;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;right:0}.sidebar-container ul li+li{margin-top:1.5em}.sidebar-container ul li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.4em 0 0.4em 0;color:#f2f2f2;cursor:pointer;height:2em;-webkit-box-shadow:0 2px 3px -1px rgba(47,47,47,0.2);box-shadow:0 2px 3px -1px rgba(47,47,47,0.2);width:35px;border-radius:0.5em 0 0 0.5em;border:1px solid rgba(255,255,255,0.2)}@media (min-width: 1400px){.sidebar-container ul li{height:2.6em;width:45px}}.sidebar-container ul li:first-child{background-color:#fbb142}.sidebar-container ul li:nth-child(2){background-color:#124b8c}.sidebar-container ul li:nth-child(3){background-color:#2f2f2f}.sidebar-container ul li:last-child{background-color:#555}.sidebar-container ul li i.fas{font-size:1em;width:36px;text-align:center;position:relative;top:0.04em}.sidebar-container ul li .fas.fa-sun{font-size:1.3em}@media (min-width: 1400px){.sidebar-container ul li .fas.fa-sun{font-size:1.6em}}.sidebar-container ul li .fas.fa-moon{font-size:1.2em}@media (min-width: 1400px){.sidebar-container ul li .fas.fa-moon{font-size:1.5em}}@media (min-width: 1400px){.sidebar-container ul li .fas.fa-th{font-size:1.45em}}.sidebar-container ul li .fas.fa-list-ul{font-size:1.15em}@media (min-width: 1400px){.sidebar-container ul li .fas.fa-list-ul{font-size:1.5em}}.sidebar-container ul li span{font-size:1em;left:36px;position:absolute;opacity:0;visibility:hidden;font-weight:bold}.sidebar-container ul li:hover{width:110px !important;-webkit-box-shadow:0 2px 10px -1px rgba(0,0,0,0.1);box-shadow:0 2px 10px -1px rgba(0,0,0,0.1)}.sidebar-container ul li:hover span{visibility:visible;opacity:1;-webkit-transition-delay:90ms;transition-delay:90ms}.sidebar-container ul li:hover i{opacity:1}.sidebar-container ul li:hover i.fa-sun{-webkit-animation:rotateSun 3s linear infinite;animation:rotateSun 3s linear infinite}@-webkit-keyframes rotateSun{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSun{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.sidebar-container ul li:hover i.fa-moon{-webkit-animation:rotateMoon 2s linear infinite;animation:rotateMoon 2s linear infinite}@-webkit-keyframes rotateMoon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotateMoon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.sidebar-container ul li:hover i.fa-th{-webkit-animation:rotateTh 1s linear infinite;animation:rotateTh 1s linear infinite}@-webkit-keyframes rotateTh{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}100%{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg)}}@keyframes rotateTh{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}100%{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg)}}.sidebar-container ul li:hover i.fa-list-ul{-webkit-animation:rotateList 1s linear infinite;animation:rotateList 1s linear infinite}@-webkit-keyframes rotateList{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}100%{-webkit-transform:perspective(400px) rotateY(-180deg);transform:perspective(400px) rotateY(-180deg)}}@keyframes rotateList{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}100%{-webkit-transform:perspective(400px) rotateY(-180deg);transform:perspective(400px) rotateY(-180deg)}}header{background-color:#2a3950}.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 0;width:100%;width:calc(100vw - 4em);max-width:1400px;margin:0 auto}@media (max-width: 900px){.nav-bar{width:calc(100vw - 3em)}}@media (max-width: 500px){.nav-bar{width:calc(100vw - 2em);-ms-grid-columns:auto 3fr;grid-template-columns:auto 3fr}}.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: 500px){.icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(0.8);transform:scale(0.8)}.nav-menu{grid-column:1 / -1;-ms-grid-column-align:stretch;justify-self:stretch;width:100%}.nav-menu ul{display:none}.nav-menu.active{grid-column:1 / -1}.nav-menu li{width:100%;border-bottom:1px solid rgba(255,255,255,0.3)}.nav-menu li:last-child{border:none;text-align:center}.nav-menu li a{padding:1em;font-weight:bold}}@media screen and (min-width: 500px){.nav-menu ul{display:block !important}}body[data-gridlist="grid"] .monitor-container{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);-ms-grid-rows:1fr;grid-template-rows:1fr}@media (max-width: 1250px){body[data-gridlist="grid"] .monitor-container{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}}@media (max-width: 900px){body[data-gridlist="grid"] .monitor-container{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media (max-width: 500px){body[data-gridlist="grid"] .monitor-container{grid-gap:1em;grid-row-gap:3em}}body[data-gridlist="grid"] .monitor-info-container{grid-template-areas:"status name name uptime" "corner corner corner corner";grid-row-gap:0.8em}@media (max-width: 500px){body[data-gridlist="grid"] .monitor-info-container{grid-template-areas:"name name name name" "status status uptime uptime" "corner corner corner corner";-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-row-gap:0.3em}}@media (max-width: 500px){body[data-gridlist="grid"] .monitor-info-container .monitor-name{padding:0}}body[data-gridlist="grid"] .corner-container{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr);-ms-grid-rows:(1fr)[5];grid-template-rows:repeat(5, 1fr);grid-gap:1em}@media (max-width: 1250px){body[data-gridlist="grid"] .corner-container{grid-gap:0.9em}}@media (max-width: 900px){body[data-gridlist="grid"] .corner-container{grid-gap:1em}}@media (max-width: 500px){body[data-gridlist="grid"] .corner-container{grid-gap:0.6em}}*,*::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}article{display:-ms-grid;display:grid;-ms-grid-rows:auto 1fr auto;grid-template-rows:auto 1fr auto;min-height:100vh;-ms-grid-columns:100%;grid-template-columns:100%}main{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;width:100%;width:calc(100vw - 6em);max-width:1400px;margin:2em auto 4em;-ms-flex-line-pack:start;align-content:start}@media (max-width: 1250px){main{width:calc(100vw - 4em)}}@media (max-width: 900px){main{width:calc(100vw - 3em)}}@media (max-width: 500px){main{width:calc(100vw - 2em)}}.monitor-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:1.6em;color:#2f2f2f;padding-bottom:1.5em;line-height:1.5em}@media (max-width: 500px){.monitor-header{font-size:1.3em}}.monitor-header h4{font-size:1.1rem;color:#737373}.monitor-container{display:-ms-grid;display:grid;grid-gap:2.5em}@media (max-width: 500px){.monitor-container{grid-gap:3em}}.monitor-info-container{display:-ms-grid;display:grid;grid-template-areas:'status name corner uptime';-ms-grid-columns:auto 1fr 10fr 1fr;grid-template-columns:auto 1fr 10fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.6em 0.5em;background-color:#f1f1f2;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)}@media (max-width: 1250px){.monitor-info-container{grid-template-areas:'status name name uptime' 'corner corner corner corner'}}@media (max-width: 500px){.monitor-info-container{grid-row-gap:0.6em}}.monitor-info-container .monitor-state{-ms-grid-row:1;-ms-grid-column:1;grid-area:status;padding:.5em}.monitor-info-container .monitor-name{-ms-grid-row:1;-ms-grid-column:2;grid-area:name;padding:.5em;-ms-grid-column-align:center;justify-self:center;word-break:keep-all;font-weight:bold}.monitor-info-container .monitor-uptime{-ms-grid-row:1;-ms-grid-column:4;grid-area:uptime;padding:.5em;-ms-grid-column-align:center;justify-self:center}.monitor-info-container .corner-container{-ms-grid-row:1;-ms-grid-column:3;grid-area:corner}.monitor-info-container .monitor-state-text{padding-left:.5em;word-break:keep-all}.monitor-info-container .monitor-state-dot{width:13px;height:13px;display:inline-block;border-radius:50%;color:#53b449;background:#53b449;position:relative;-webkit-transform:none;transform:none}@media (max-width: 500px){.monitor-info-container .monitor-state-dot{width:11px;height:11px}}.monitor-info-container .monitor-state-dot.warning{color:#fbb142;background:#fbb142}.monitor-info-container .monitor-state-dot.danger{color:#ef4b4c;background:#ef4b4c}.monitor-info-container .monitor-state-dot:after{content:'';opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;background:#53b449;border-radius:50%;-webkit-animation:dotwave 1.5s infinite;animation:dotwave 1.5s infinite}.monitor-info-container .monitor-state-dot:before{content:'';width:100%;height:100%;opacity:0.2;border-radius:50%;position:absolute;top:0;left:0;background:#53b449;-webkit-animation:dotwave 2.5s infinite;animation:dotwave 2.5s infinite;z-index:3}.monitor-info-container .monitor-state-dot.warning:after,.monitor-info-container .monitor-state-dot.warning:before{background:#fbb142}.monitor-info-container .monitor-state-dot.danger:after,.monitor-info-container .monitor-state-dot.danger:before{background:#ef4b4c}@-webkit-keyframes dotwave{0%{opacity:0.6}70%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}100%{opacity:0.1}}@keyframes dotwave{0%{opacity:0.6}70%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}100%{opacity:0.1}}.corner-container{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[30];grid-template-columns:repeat(30, 1fr);-ms-grid-rows:1fr;grid-template-rows:1fr;grid-gap:0.5em;padding:.5em;-ms-flex-pack:distribute;justify-content:space-around}@media (max-width: 900px){.corner-container{-ms-grid-columns:(1fr)[15];grid-template-columns:repeat(15, 1fr);-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:0.8em}}@media (max-width: 500px){.corner-container{grid-gap:0.4em;padding:0}}.corner-container .corner{background-color:lightgrey;cursor:pointer;position:relative;border-radius:5px}.corner-container .corner.good{background-color:#53b449}.corner-container .corner.warning{background-color:#fbb142}.corner-container .corner.danger{background-color:#ef4b4c}.corner-container .corner:hover{background-color:grey;-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)}.corner-container .corner:before{content:'';float:left;padding-top:100%}.corner-container .corner:hover .sub-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed}.sub-content{display:none;color:#f2f2f2;background-color:#2a3950;padding:0.3em 1em;z-index:999;position:relative;z-index:10;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform-origin:bottom right 2cm;transform-origin:bottom right 2cm;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;border-radius:6px;line-height:1.2em}.sub-content::after{content:'';width:0;height:0;display:block;position:absolute;z-index:10;border:0;border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-.5em;left:50%;border-top:.5em solid #2a3950;bottom:-.5em}@media (max-width: 500px){.sub-content{position:relative;z-index:10}.sub-content::after{content:'';width:0;height:0;display:block;position:absolute;z-index:10;border:0;border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-.5em;left:50%;border-bottom:.5em solid #2a3950;top:-.5em}}.sub-content li{list-style:none}.sub-content li:first-child{color:#a6a6a6;font-size:0.8em;letter-spacing:1px}.sub-content li:nth-child(2){font-size:1.1em;line-height:1.35em}.sub-content li:last-child{color:#bfbfbf;font-size:0.8em}@media (max-width: 500px){.service-mobile-toggle.smt-active ul li:first-child{z-index:10;position:fixed;bottom:80px;right:30px;-webkit-transform:rotate(495deg);transform:rotate(495deg)}.service-mobile-toggle.smt-active ul li:nth-child(2){z-index:4;position:fixed;bottom:80px;right:85px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.service-mobile-toggle.smt-active ul li:last-child{z-index:3;position:fixed;bottom:80px;right:140px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.service-mobile-toggle{display:none}@media (max-width: 500px){.service-mobile-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:999;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:45px;height:45px;position:fixed;bottom:80px;right:30px;-webkit-transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505);transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505)}.service-mobile-toggle ul li{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;list-style:none;border-radius:50%;min-width:45px;min-height:45px;cursor:pointer;-webkit-transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important}.service-mobile-toggle ul li:first-child{z-index:5;position:fixed;bottom:80px;right:30px;background-color:#02a898}.service-mobile-toggle ul li:nth-child(2){z-index:4;position:fixed;bottom:80px;right:30px;-webkit-transform:scale(0);transform:scale(0);background-color:#fbb142}.service-mobile-toggle ul li:last-child{z-index:3;position:fixed;bottom:80px;right:30px;-webkit-transform:scale(0);transform:scale(0);background-color:#626262}.service-mobile-toggle .switcher{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:.48em}.service-mobile-toggle .switcher input[type='checkbox']{height:0;width:0;display:none}.service-mobile-toggle .switcher input[type='checkbox']:checked+div{-webkit-transform:rotate(-900deg);transform:rotate(-900deg)}.service-mobile-toggle .switcher input[type='checkbox'][name='service-grid']:checked+div{-webkit-transform:rotate(-630deg);transform:rotate(-630deg)}.service-mobile-toggle .fa-plus,.service-mobile-toggle .fa-grip-horizontal,.service-mobile-toggle .fa-adjust{font-size:1.8em;color:#f2f2f2}} +body.transition-theme,body.transition-theme *,body.transition-theme *:before,body.transition-theme *:after{transition:400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important;transition-delay:0 !important}body[data-theme=dark]{background-color:#121212}body[data-theme=dark] .monitor-header h2{color:#e1e1e1}body[data-theme=dark] .monitor-header h2 span{color:#a6a6a6}body[data-theme=dark] .monitor-info-container{background-color:#1e1e1e;color:#e1e1e1;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px rgba(255,255,255,.1)}body[data-theme=dark] .monitor-info-container .monitor-state-text{color:#959595}body[data-theme=dark] .corner{background-color:#161616;border:1px solid rgba(255,255,255,.15)}body[data-theme=dark] .corner.good{background-color:#46973d}body[data-theme=dark] .corner.warning{background-color:#fa9c10}body[data-theme=dark] .corner.danger{background-color:#940d0e}body[data-theme=dark] .corner:hover{background-color:#2b2b2b}body[data-theme=dark] .monitor-state-dot{background:#46973d}body[data-theme=dark] .monitor-state-dot.warning{color:#faa11a;background:#faa11a}body[data-theme=dark] .monitor-state-dot:after{background:#46973d}body[data-theme=dark] .sub-content{color:#f2f2f2;background-color:#092f52;border:1px solid rgba(255,255,255,.1);position:relative;z-index:10}body[data-theme=dark] .sub-content::after{content:"";width:0;height:0;display:block;position:absolute;z-index:10;border:0;border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-0.5em;left:50%;border-top:.5em solid #092f52;bottom:-0.5em}@media(max-width: 900px){body[data-theme=dark] .sub-content{position:relative;z-index:10}body[data-theme=dark] .sub-content::after{content:"";width:0;height:0;display:block;position:absolute;z-index:10;border:0;border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-0.5em;left:50%;border-bottom:.5em solid #092f52;top:-0.5em}}body[data-theme=dark] .service-mobile-toggle.smt-active ul li:nth-child(2){background-color:#124b8c}footer{background-color:#2f2f2f;color:#f2f2f2;font-size:14px}footer .footer-container{display:flex;justify-content:center;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:flex;justify-content:center;align-items:center;background-color:#ff9800;width:45px;height:45px;border-radius:50%;position:fixed;bottom:20px;right:30px;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:"";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}@media(max-width: 500px){#back-to-top{background-color:#975fe4}#back-to-top:hover,#back-to-top:active{background-color:#7b33dd}}@media(max-width: 500px){.sidebar-container{display:none}}.sidebar-container ul{position:fixed;top:50%;list-style:none;display:flex;flex-direction:column;transform:translateY(-50%);z-index:10;align-items:flex-end;right:0}.sidebar-container ul li+li{margin-top:1.5em}.sidebar-container ul li{position:relative;display:flex;align-items:center;padding:.4em 0 .4em 0;color:#f2f2f2;cursor:pointer;height:2em;box-shadow:0 2px 3px -1px rgba(47,47,47,.2);width:35px;border-radius:.5em 0 0 .5em;border:1px solid rgba(255,255,255,.2)}@media(min-width: 1400px){.sidebar-container ul li{height:2.6em;width:45px}}.sidebar-container ul li:first-child{background-color:#fbb142}.sidebar-container ul li:nth-child(2){background-color:#124b8c}.sidebar-container ul li:nth-child(3){background-color:#2f2f2f}.sidebar-container ul li:last-child{background-color:#555}.sidebar-container ul li i.fas{font-size:1em;width:36px;text-align:center;position:relative;top:.04em}.sidebar-container ul li .fas.fa-sun{font-size:1.3em}@media(min-width: 1400px){.sidebar-container ul li .fas.fa-sun{font-size:1.6em}}.sidebar-container ul li .fas.fa-moon{font-size:1.2em}@media(min-width: 1400px){.sidebar-container ul li .fas.fa-moon{font-size:1.5em}}@media(min-width: 1400px){.sidebar-container ul li .fas.fa-th{font-size:1.45em}}.sidebar-container ul li .fas.fa-list-ul{font-size:1.15em}@media(min-width: 1400px){.sidebar-container ul li .fas.fa-list-ul{font-size:1.5em}}.sidebar-container ul li span{font-size:1em;left:36px;position:absolute;opacity:0;visibility:hidden;font-weight:bold}.sidebar-container ul li:hover{width:110px !important;box-shadow:0 2px 10px -1px rgba(0,0,0,.1)}.sidebar-container ul li:hover span{visibility:visible;opacity:1;transition-delay:90ms}.sidebar-container ul li:hover i{opacity:1}.sidebar-container ul li:hover i.fa-sun{animation:rotateSun 3s linear infinite}@keyframes rotateSun{to{transform:rotate(360deg)}}.sidebar-container ul li:hover i.fa-moon{animation:rotateMoon 2s linear infinite}@keyframes rotateMoon{0%{transform:rotate(0deg)}50%{transform:rotate(-45deg)}100%{transform:rotate(0deg)}}.sidebar-container ul li:hover i.fa-th{animation:rotateTh 1s linear infinite}@keyframes rotateTh{0%{transform:perspective(400px) rotateY(0)}100%{transform:perspective(400px) rotateY(180deg)}}.sidebar-container ul li:hover i.fa-list-ul{animation:rotateList 1s linear infinite}@keyframes rotateList{0%{transform:perspective(400px) rotateY(0)}100%{transform:perspective(400px) rotateY(-180deg)}}header{background-color:#2f405a}.nav-bar{display:grid;align-items:center;grid-template-columns:1fr 3fr;grid-template-rows:auto 1fr;background-color:#2f405a;padding:.8em 0;width:100%;width:calc(100vw - 4em);max-width:1400px;margin:0 auto}@media(max-width: 900px){.nav-bar{width:calc(100vw - 3em)}}@media(max-width: 500px){.nav-bar{width:calc(100vw - 2em);grid-template-columns:auto 3fr}}.nav-bar .logo{color:#f2f2f2;font-size:1.2em;display:flex;align-items:center}.nav-bar .logo a+a{margin-left:1.2em}.nav-bar a{color:#f2f2f2}.nav-bar li:last-child{background-color:#07090d}.icon-container{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 .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.icon-container .hamburger:hover{cursor:pointer}.icon-container #hamburger-icon.is-active{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-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:.3s;-o-transition-delay:.3s;transition-delay:.3s}.icon-container #hamburger-icon.is-active .line:nth-child(1){-webkit-transform:translateY(13px);-ms-transform:translateY(13px);-o-transform:translateY(13px);transform:translateY(13px)}.icon-container #hamburger-icon.is-active .line:nth-child(3){-webkit-transform:translateY(-13px) rotate(90deg);-ms-transform:translateY(-13px) rotate(90deg);-o-transform:translateY(-13px) rotate(90deg);transform:translateY(-13px) rotate(90deg)}.nav-menu{justify-self:end}.nav-menu li{display:inline-block}.nav-menu li a{display:block;padding:.8em 1.6em}@media screen and (max-width: 500px){.icon-container{display:flex;transform:scale(0.8)}.nav-menu{grid-column:1/-1;justify-self:stretch}.nav-menu ul{display:none}.nav-menu.active{grid-column:1/-1}.nav-menu li{width:100%;border-bottom:1px solid rgba(255,255,255,.3)}.nav-menu li:last-child{border:none;text-align:center}.nav-menu li a{padding:1em;font-weight:bold}}@media screen and (min-width: 500px){.nav-menu ul{display:block !important}}body[data-gridlist=grid] .monitor-container{grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr}@media(max-width: 1250px){body[data-gridlist=grid] .monitor-container{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 900px){body[data-gridlist=grid] .monitor-container{grid-template-columns:1fr 1fr}}@media(max-width: 500px){body[data-gridlist=grid] .monitor-container{grid-gap:1em;grid-row-gap:3em}}body[data-gridlist=grid] .monitor-info-container{grid-template-areas:"status name name uptime" "corner corner corner corner";grid-row-gap:.8em}@media(max-width: 500px){body[data-gridlist=grid] .monitor-info-container{grid-template-areas:"name name name name" "status status uptime uptime" "corner corner corner corner";grid-template-columns:1fr 1fr;grid-row-gap:.3em}}@media(max-width: 500px){body[data-gridlist=grid] .monitor-info-container .monitor-name{padding:0}}body[data-gridlist=grid] .corner-container{grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(5, 1fr);grid-gap:1em}@media(max-width: 1250px){body[data-gridlist=grid] .corner-container{grid-gap:.9em}}@media(max-width: 900px){body[data-gridlist=grid] .corner-container{grid-gap:1em}}@media(max-width: 500px){body[data-gridlist=grid] .corner-container{grid-gap:.6em}}*,*::before,*::after{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}article{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;grid-template-columns:100%}main{display:grid;grid-template-columns:1fr;width:100%;width:calc(100vw - 6em);max-width:1400px;margin:2em auto 4em;align-content:start}@media(max-width: 1250px){main{width:calc(100vw - 4em)}}@media(max-width: 900px){main{width:calc(100vw - 3em)}}@media(max-width: 500px){main{width:calc(100vw - 2em)}}.monitor-header{display:flex;justify-content:space-between;align-items:flex-end;font-size:1.6em;color:#2f2f2f;padding-bottom:1.5em;line-height:1.5em}@media(max-width: 500px){.monitor-header{font-size:1.3em}}.monitor-header h4{font-size:1.1rem;color:#737373}.monitor-container{display:grid;grid-gap:2.5em}@media(max-width: 500px){.monitor-container{grid-gap:3em}}.monitor-info-container{display:grid;grid-template-areas:"status name corner uptime";grid-template-columns:auto 1fr 10fr 1fr;grid-template-rows:auto;align-items:center;padding:.6em .5em;background-color:#f1f1f2;border-radius:5px;border:1px solid #d9d9d9;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.24)}@media(max-width: 1250px){.monitor-info-container{grid-template-areas:"status name name uptime" "corner corner corner corner"}}@media(max-width: 500px){.monitor-info-container{grid-row-gap:.6em}}.monitor-info-container .monitor-state{grid-area:status;padding:.5em}.monitor-info-container .monitor-name{grid-area:name;padding:.5em;justify-self:center;word-break:keep-all;font-weight:bold}.monitor-info-container .monitor-uptime{grid-area:uptime;padding:.5em;justify-self:center}.monitor-info-container .corner-container{grid-area:corner}.monitor-info-container .monitor-state-text{padding-left:.5em;word-break:keep-all}.monitor-info-container .monitor-state-dot{width:13px;height:13px;display:inline-block;border-radius:50%;color:#53b449;background:#53b449;position:relative;-ms-transform:none;transform:none}@media(max-width: 500px){.monitor-info-container .monitor-state-dot{width:11px;height:11px}}.monitor-info-container .monitor-state-dot.warning{color:#fbb142;background:#fbb142}.monitor-info-container .monitor-state-dot.danger{color:#ef4b4c;background:#ef4b4c}.monitor-info-container .monitor-state-dot:after{content:"";opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;background:#53b449;border-radius:50%;animation:dotwave 1.5s infinite}.monitor-info-container .monitor-state-dot:before{content:"";width:100%;height:100%;opacity:.2;border-radius:50%;position:absolute;top:0;left:0;background:#53b449;animation:dotwave 2.5s infinite;z-index:3}.monitor-info-container .monitor-state-dot.warning:after,.monitor-info-container .monitor-state-dot.warning:before{background:#fbb142}.monitor-info-container .monitor-state-dot.danger:after,.monitor-info-container .monitor-state-dot.danger:before{background:#ef4b4c}@keyframes dotwave{0%{opacity:.6}70%{opacity:0;transform:scale(2.5)}100%{opacity:.1}}.corner-container{display:grid;grid-template-columns:repeat(30, 1fr);grid-template-rows:1fr;grid-gap:.5em;padding:.5em;justify-content:space-around}@media(max-width: 900px){.corner-container{grid-template-columns:repeat(15, 1fr);grid-template-rows:1fr 1fr;grid-gap:.8em}}@media(max-width: 500px){.corner-container{grid-gap:.4em;padding:0}}.corner-container .corner{background-color:#d3d3d3;cursor:pointer;position:relative;border-radius:5px}.corner-container .corner.good{background-color:#53b449}.corner-container .corner.warning{background-color:#fbb142}.corner-container .corner.danger{background-color:#ef4b4c}.corner-container .corner:hover{background-color:gray;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.24)}.corner-container .corner:before{content:"";float:left;padding-top:100%}.corner-container .corner:hover .sub-content{display:flex;flex-direction:column;position:fixed}.sub-content{display:none;color:#f2f2f2;background-color:#2a3950;padding:.3em 1em;z-index:999;position:relative;z-index:10;transform-origin:50% 100%;transform-origin:bottom right 2cm;transition:all ease-in-out 200ms;border-radius:6px;line-height:1.2em}.sub-content::after{content:"";width:0;height:0;display:block;position:absolute;z-index:10;border:0;border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-0.5em;left:50%;border-top:.5em solid #2a3950;bottom:-0.5em}@media(max-width: 500px){.sub-content{position:relative;z-index:10}.sub-content::after{content:"";width:0;height:0;display:block;position:absolute;z-index:10;border:0;border-left:.5em solid transparent;border-right:.5em solid transparent;margin-left:-0.5em;left:50%;border-bottom:.5em solid #2a3950;top:-0.5em}}.sub-content li{list-style:none}.sub-content li:first-child{color:#a6a6a6;font-size:.8em;letter-spacing:1px}.sub-content li:nth-child(2){font-size:1.1em;line-height:1.35em}.sub-content li:last-child{color:#bfbfbf;font-size:.8em}@media(max-width: 500px){.service-mobile-toggle.smt-active ul li:first-child{z-index:10;position:fixed;bottom:80px;right:30px;transform:rotate(495deg)}.service-mobile-toggle.smt-active ul li:nth-child(2){z-index:4;position:fixed;bottom:80px;right:85px;transform:scale(1);transition-delay:.05s;transform:rotate(180deg)}.service-mobile-toggle.smt-active ul li:last-child{z-index:3;position:fixed;bottom:80px;right:140px;transform:scale(1);transition-delay:.1s;transform:rotate(180deg)}}.service-mobile-toggle{display:none}@media(max-width: 500px){.service-mobile-toggle{display:flex;z-index:999;justify-content:center;align-items:center;width:45px;height:45px;position:fixed;bottom:80px;right:30px;transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505)}.service-mobile-toggle ul li{display:flex;justify-content:center;align-items:center;list-style:none;border-radius:50%;min-width:45px;min-height:45px;cursor:pointer;transition:all 400ms cubic-bezier(0.995, -0.265, 0.855, 0.505) !important}.service-mobile-toggle ul li:first-child{z-index:5;position:fixed;bottom:80px;right:30px;background-color:#02a898}.service-mobile-toggle ul li:nth-child(2){z-index:4;position:fixed;bottom:80px;right:30px;transform:scale(0);background-color:#fbb142}.service-mobile-toggle ul li:last-child{z-index:3;position:fixed;bottom:80px;right:30px;transform:scale(0);background-color:#626262}.service-mobile-toggle .switcher{user-select:none;cursor:pointer;padding:.48em}.service-mobile-toggle .switcher input[type=checkbox]{height:0;width:0;display:none}.service-mobile-toggle .switcher input[type=checkbox]:checked+div{transform:rotate(-900deg)}.service-mobile-toggle .switcher input[type=checkbox][name=service-grid]:checked+div{transform:rotate(-630deg)}.service-mobile-toggle .fa-plus,.service-mobile-toggle .fa-grip-horizontal,.service-mobile-toggle .fa-adjust{font-size:1.8em;color:#f2f2f2}}/*# sourceMappingURL=service.css.map */ diff --git a/resource/template/theme-daynight/home.html b/resource/template/theme-daynight/home.html index bace1e2..8f64fb4 100644 --- a/resource/template/theme-daynight/home.html +++ b/resource/template/theme-daynight/home.html @@ -9,7 +9,7 @@ {{.Title}} - + @@ -21,7 +21,17 @@