small-package/luci-themedog/htdocs/luci-static/themedog/assets/style.css

2 lines
16 KiB
CSS

@charset "UTF-8";*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-thumb{display:none}::-webkit-scrollbar-track-piece{display:none}@keyframes dialogEnter{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes dialogLeave{0%{transform:scale(1)}to{transform:scale(0)}}.dialog-enter-active{animation:dialogEnter .35s linear forwards}.dialog-leave-active{animation:dialogLeave .35s linear forwards}*{-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;box-sizing:border-box;word-wrap:break-word;outline:none}html,body{-webkit-overflow-scrolling:touch;overflow:hidden}body{font-size:14px;font-weight:500;font-style:normal;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;flex-direction:column;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0;-moz-osx-font-smoothing:grayscale}body{padding:0;margin:0;background-color:#181c20!important;background:url(/luci-static/themedog/image/bg.gif) no-repeat center center fixed;background-size:100% 100%}body #maincontent{display:none}body #maincontent .alert-message.fade-in.danger,body #maincontent .alert-message.fade-in.warning{max-width:1100px;width:100%;margin:0 auto;background:rgba(0,0,0,.7);padding:1rem 1.5rem;border-radius:1rem}body #maincontent .alert-message.fade-in.warning.fade-out{display:none!important}body.modal-overlay-active #modal_overlay{position:fixed;z-index:900;inset:0;overflow:auto;transition:opacity .125s ease-in}body.modal-overlay-active #modal_overlay .modal{width:90%;margin:5em auto;min-height:32px;max-width:600px;border-radius:3px;padding:1em 1em .5em;min-width:270px;color:#fff;text-align:center;background-color:#181c20c7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}body.modal-overlay-active #modal_overlay .modal .btn.primary{margin:1rem 0;background-color:#ab0015;border-radius:3px;padding:5px 0;cursor:pointer}body.modal-overlay-active #modal_overlay .modal .btn.primary:hover{opacity:.9}body #themedog_loginer{width:100%;height:100vh;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;padding:1rem}body #themedog_loginer:after{content:"\4e3b\9898\72d7\ff5c Carseason";position:fixed;bottom:3rem;right:2rem;color:#fff;z-index:0;font-size:12px}body #themedog_loginer .loginer-container{max-width:500px;flex:0 0 100%;width:100%}body #themedog_loginer .loginer-container .login-logo{width:100%;display:block;text-align:center;font-size:3rem;color:#fff;margin:0;margin-bottom:1rem;font-weight:700}body #themedog_loginer .loginer-container .login-message{width:100%;line-height:48px;display:block;text-align:center;color:#45fff0;font-size:20px}body #themedog_loginer .loginer-container form{width:100%;display:block}body #themedog_loginer .loginer-container form .cbi-value{width:100%;height:68px;font-size:28px;border:none;outline:none;border-bottom:2px solid #70000e;border-radius:4px;background-color:#00000080;margin:1rem 0;position:relative}body #themedog_loginer .loginer-container form .cbi-value:hover{transition:.3s;border-bottom:2px solid #ab0015}body #themedog_loginer .loginer-container form .cbi-value .cbi-value-field{width:100%;height:100%;display:block;padding-left:1rem;padding-right:1rem}body #themedog_loginer .loginer-container form .cbi-value .cbi-value-field input{width:100%;display:block;height:100%;background:none;color:#fff;font-size:20px;font-weight:700;border:none}body #themedog_loginer .loginer-container form .cbi-page-actions{width:100%;text-align:center;margin-top:2rem}body #themedog_loginer .loginer-container form .cbi-page-actions button.btn.cbi-button-positive.important{width:250px;height:60px;line-height:60px;border:2px solid #842500;background:#141618;border-radius:8px;color:#fff;text-align:center;font-size:28px;cursor:pointer}body #themedog_loginer .loginer-container form .cbi-page-actions button.btn.cbi-button-positive.important:hover{transition:.3s;border:2px solid #ab0015}body #themedog{width:100%;height:100vh;position:relative}body #themedog,body #themedog *{-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;box-sizing:border-box;word-wrap:break-word;outline:none}body #themedog:after{content:"\4e3b\9898\72d7\ff5c Carseason";position:fixed;bottom:3rem;right:2rem;color:#fff;z-index:0;font-size:12px}body #themedog ul,body #themedog li{margin:0;padding:0}.themedog-iframe[data-v-20e97695]{position:fixed;z-index:99;inset:0;width:100%;height:calc(100% - 42px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.themedog-iframe .themedog-iframe_main[data-v-20e97695]{width:100%;height:100%;max-width:100%;max-height:100%;box-shadow:0 2px 20px 3px #000c;border:1px solid #2e2e2e}.themedog-iframe .themedog-iframe_main .themedog-iframe_header[data-v-20e97695]{width:100%;height:40px;padding:0 1rem;background-color:#383839;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.themedog-iframe .themedog-iframe_main .themedog-iframe_header>span[data-v-20e97695]{display:inline-block;overflow:hidden;text-overflow:ellipsis;color:#eee;font-size:15px;font-weight:600;text-align:left}.themedog-iframe .themedog-iframe_main .themedog-iframe_header .btns[data-v-20e97695]{display:flex;flex-wrap:wrap;align-items:center}.themedog-iframe .themedog-iframe_main .themedog-iframe_header .btns button[data-v-20e97695]{width:30px;height:20px;line-height:20px;margin-left:10px;border-radius:3px;padding:0;position:relative;border:none;box-shadow:none;cursor:pointer}.themedog-iframe .themedog-iframe_main .themedog-iframe_header .btns button svg[data-v-20e97695]{width:10px;height:10px}.themedog-iframe .themedog-iframe_main .themedog-iframe_header .btns button svg path[data-v-20e97695]{fill:#fff}.themedog-iframe .themedog-iframe_main .themedog-iframe_header .btns button[data-v-20e97695]:hover{opacity:.9}.themedog-iframe .themedog-iframe_main .themedog-iframe_header .btns button.btn-full[data-v-20e97695]{background-color:#1d62ff}.themedog-iframe .themedog-iframe_main .themedog-iframe_header .btns button.btn-close[data-v-20e97695]{background-color:#ff6060}.themedog-iframe .themedog-iframe_main .themedog-iframe_header .btns button.btn-refresh[data-v-20e97695]{background-color:#00873f}.themedog-iframe .themedog-iframe_main .themedog-iframe_body[data-v-20e97695]{width:100%;height:calc(100% - 40px);overflow:auto}.themedog-iframe .themedog-iframe_main .themedog-iframe_body iframe.themedog-iframe_container[data-v-20e97695]{display:block;width:100%;height:100%;margin:0;padding:0;border:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#181c20c7}.total[data-v-38a7653c]{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.total .network[data-v-38a7653c],.total .device[data-v-38a7653c],.total .memory[data-v-38a7653c],.total .date[data-v-38a7653c],.total .up[data-v-38a7653c]{font-size:12px;color:#eee;margin-left:1rem;text-align:center;cursor:pointer}.total .network span[data-v-38a7653c],.total .device span[data-v-38a7653c],.total .memory span[data-v-38a7653c],.total .date span[data-v-38a7653c],.total .up span[data-v-38a7653c]{display:block}.total .up[data-v-38a7653c]{text-align:right}.total .progress[data-v-38a7653c]{width:5px;height:30px;display:block;margin-left:.5rem;background-color:#666;border-radius:10px;text-align:end;position:relative}.total .progress em[data-v-38a7653c]{display:block;width:100%;height:0%;background-color:#3eff08;position:absolute;bottom:0;transition:.3s}@media screen and (max-width: 768px){.total .network[data-v-38a7653c],.total .device[data-v-38a7653c],.total .memory[data-v-38a7653c],.total .date[data-v-38a7653c],.total .up[data-v-38a7653c],.total .progress[data-v-38a7653c]{margin-left:.3rem;font-size:10px}}.themedog-action[data-v-e6901050]{position:fixed;inset:0;width:100%;height:100%;z-index:99;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.themedog-action .themedog-action_bg[data-v-e6901050]{position:absolute;inset:0}.themedog-action .themedog-action_container[data-v-e6901050]{padding:1rem;position:relative;background-color:#0000009e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:2px;box-shadow:0 0 10px 1px #5e5e5e17}li[data-v-459235ec]{display:flex;flex-wrap:wrap;list-style:none;padding:1rem}li .action_key[data-v-459235ec]{width:200px;color:#fff;font-size:14px}li .action_value[data-v-459235ec]{color:#eee;font-size:13px}@keyframes turn-2b644944{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(360deg)}}.toast[data-v-2b644944]{position:fixed;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;box-sizing:content-box;width:100px;max-width:70%;padding:16px;color:#fff;font-size:14px;text-align:center;background-color:#000000b3;border-radius:8px;transform:translate3d(-50%,-50%,0);z-index:9999;transition:.3s;cursor:pointer}.toast div.icon[data-v-2b644944]{width:50px;height:50px;margin:15px 0}.toast div.icon svg[data-v-2b644944]{width:100%;height:100%}.toast div.icon svg path[data-v-2b644944]{fill:#fff}.toast .loading[data-v-2b644944]{animation:turn-2b644944 5s linear infinite}li[data-v-07c17f4b]{display:flex;flex-wrap:wrap;list-style:none;padding:1rem}li .action_key[data-v-07c17f4b]{width:200px;color:#fff;font-size:14px}li .action_value[data-v-07c17f4b]{color:#eee;font-size:13px}.system-tool[data-v-1bac9a5a]{position:fixed;left:0;bottom:42px;width:100%;height:100%;z-index:99999999}.system-tool .system-tool_container[data-v-1bac9a5a]{position:absolute;max-width:100%;width:400px;height:400px;background-color:#181c20c7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);bottom:0;left:0;z-index:999;padding:.5rem 0}.system-tool .system-tool_container .system-tool_container-nav[data-v-1bac9a5a]{width:100%;height:350px;display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;overflow:auto}.system-tool .system-tool_container .system-tool_container-nav a[data-v-1bac9a5a]{display:block;flex:0 0 100%;max-width:50%;padding:0 1rem;cursor:pointer;text-decoration:none;outline:none;text-align:center;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;border-top:1px solid #2e2e2e59}.system-tool .system-tool_container .system-tool_container-nav a[data-v-1bac9a5a]:hover{color:#ffcb94;background-color:#00000017}.system-tool .system-tool_container .system-tool_container-btns[data-v-1bac9a5a]{width:100%;height:50px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.system-tool .system-tool_container .system-tool_container-btns a[data-v-1bac9a5a]{display:flex;align-items:center;justify-content:center;flex:0 0 100%;max-width:50%;text-align:center;color:#eee;cursor:pointer;text-decoration:none;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%;border-top:1px solid #2e2e2e59}.system-tool .system-tool_container .system-tool_container-btns a[data-v-1bac9a5a]:hover{color:#ffcb94;background-color:#00000017}.themedog-main[data-v-1062d47a]{width:100%;height:100%;position:relative}.themedog-main .themedog-body[data-v-1062d47a]{position:relative;width:100%;height:100vh;overflow:auto}.themedog-main .themedog-body .themedog-container[data-v-1062d47a]{position:relative;width:100%;padding:3.125rem 6.25rem}.themedog-main .themedog-body .themedog-container[data-v-1062d47a] .themedog-container_nav{position:relative;width:100%;height:100%}.themedog-main .themedog-body .themedog-container[data-v-1062d47a] .themedog-container_nav ul.nav-list .nav-list_header{width:100%;text-align:left;margin-bottom:1rem;font-size:1.4rem;color:#fff;font-weight:600;padding-left:2rem}.themedog-main .themedog-body .themedog-container[data-v-1062d47a] .themedog-container_nav ul.nav-list .nav-list_children a.nav-list_item{display:inline-block;width:10.625rem;text-align:center;margin:20px 0;cursor:pointer}.themedog-main .themedog-body .themedog-container[data-v-1062d47a] .themedog-container_nav ul.nav-list .nav-list_children a.nav-list_item:hover{transform:scale(1.2);transition:.3s}.themedog-main .themedog-body .themedog-container[data-v-1062d47a] .themedog-container_nav ul.nav-list .nav-list_children a.nav-list_item .nav-list_item-icon{width:100%;text-align:center}.themedog-main .themedog-body .themedog-container[data-v-1062d47a] .themedog-container_nav ul.nav-list .nav-list_children a.nav-list_item .nav-list_item-icon img{width:72px;height:72px;display:inline-block;border-radius:16px;object-fit:cover}.themedog-main .themedog-body .themedog-container[data-v-1062d47a] .themedog-container_nav ul.nav-list .nav-list_children a.nav-list_item .nav-list_item-text{width:100%;margin-top:8px;height:40px;line-height:20px;text-shadow:0 1px 3px #000;background:transparent;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#fff}.themedog-main .themedog-footer[data-v-1062d47a]{position:fixed;bottom:0;left:0;right:0;width:100%;height:42px;box-shadow:0 1px 2px #00000080;border-top:1px solid #2e2e2e;background-color:#181c20;padding:0 1rem;display:flex;flex-wrap:nowrap;align-items:center;z-index:10}.themedog-main .themedog-footer .system[data-v-1062d47a]{display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;max-width:120px}.themedog-main .themedog-footer .system:hover em[data-v-1062d47a]{transform:scale(1.2);transition:.3s}.themedog-main .themedog-footer .system em[data-v-1062d47a]{display:inline-block;width:30px;height:30px;border-radius:50%;background-color:#fff;margin-right:.5rem;box-shadow:0 0 5px 1px #6a6a6a}.themedog-main .themedog-footer .system .logo[data-v-1062d47a]{font-size:1rem;color:#fff;font-weight:600}.themedog-main .themedog-footer .auto[data-v-1062d47a]{flex:auto}.themedog-main .themedog-footer .tasks[data-v-1062d47a]{flex:0 0 100%;max-width:calc(100% - 500px);height:100%;display:flex;flex-wrap:nowrap;align-items:center;padding:2px 1rem}.themedog-main .themedog-footer .tasks a[data-v-1062d47a]{display:flex;flex-wrap:nowrap;align-items:center;cursor:pointer;text-decoration:none;outline:none;width:120px;height:100%;padding:0 10px;font-size:13px;margin-right:2px;border:1px solid #2e2e2e;background-color:#1c2126;box-shadow:0 0 1px 1px #00000036;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themedog-main .themedog-footer .tasks a i[data-v-1062d47a]{background-color:#fff;display:inline-block;padding:3px;border-radius:50%;margin-right:8px}.themedog-main .themedog-footer .tasks a span[data-v-1062d47a]{color:#fff;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themedog-main .themedog-footer .tasks a.on[data-v-1062d47a],.themedog-main .themedog-footer .tasks a[data-v-1062d47a]:hover{background-color:#282c30}.themedog-main .themedog-footer .tasks a.on i[data-v-1062d47a],.themedog-main .themedog-footer .tasks a:hover i[data-v-1062d47a]{background-color:#ffcb94}.themedog-main .themedog-footer .tasks a.on span[data-v-1062d47a],.themedog-main .themedog-footer .tasks a:hover span[data-v-1062d47a]{color:#ffcb94}@media screen and (max-width: 768px){.themedog-main .themedog-footer .tasks[data-v-1062d47a]{display:none}.themedog-main .themedog-body .themedog-container[data-v-1062d47a]{padding:1rem 0;padding-bottom:42px}.themedog-main .themedog-body .themedog-container .themedog-container_nav ul.nav-list .nav-list_header[data-v-1062d47a]{padding-left:10px}.themedog-main .themedog-body .themedog-container .themedog-container_nav ul.nav-list .nav-list_children a.nav-list_item[data-v-1062d47a]{width:calc(25% - 10px);margin:5px}.themedog-main .themedog-body .themedog-container .themedog-container_nav ul.nav-list .nav-list_children a.nav-list_item .nav-list_item-icon img[data-v-1062d47a]{max-width:60px;max-height:60px;width:100%;height:100%}}