nezha/resource/static/theme-daynight/css/service.css

2 lines
16 KiB
CSS
Raw Normal View History

2021-03-20 09:54:55 -04:00
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-contain