관리-도구

편집 파일: style.css

.container-zon{max-width:1550px;margin:auto}:root{--zontal-bg-color:#fff;--cate-bg-color:#dcdcdc93;--zontal-header-bg-color:#fff;--cate-text-color:#555;--search-bg-color:#dcdcdc93;--header-links-color:#777;--mc-color:#333;--menu-color:#333;--offcanvas-menu-bg-color:#fff;--text-zontal-color:#000}.dark-mode{--zontal-bg-color:#111;--cate-bg-color:#222;--cate-text-color:#dcdcdc;--zontal-header-bg-color:#111;--search-bg-color:#00000049;--header-links-color:#dcdcdc;--mc-color:#dcdcdc;--menu-color:#dcdcdc;--offcanvas-menu-bg-color:#111;--text-zontal-color:#dcdcdc}.text-zontal{color:var(--text-zontal-color)!important}.close-offcanvas-menu{color:var(--menu-color)!important}.header a,.light-color,.link-color a{color:var(--header-links-color)!important}.cat-box{background-color:var(--cate-bg-color)!important;color:var(--cate-text-color)!important}.menu{color:var(--menu-color);display:none!important}.mode-changer{color:var(--mc-color)}.search-bg{background-color:var(--search-bg-color)!important}.header{background-color:var(--zontal-header-bg-color)!important}.cat-box:hover{background-color:#008cff!important;color:#fff!important}.bg-dark{background:var(--zontal-bg-color)}.slider{overflow:scroll hidden;height:fit-content;width:100%;scroll-behavior:smooth}.slider .slide{width:calc(21rem * 6)}.slider::-webkit-scrollbar{display:none}._-50{transform:translateY(-50%)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px}.box{height:150px;background-color:#ccccccb0;border-radius:5px}.overlay:hover::before,.upward:hover h2{opacity:1}.overlay::before{content:'';position:absolute;left:0;bottom:0;height:100%;transition:.2s;width:100%;background-image:linear-gradient(to top,#000,transparent);opacity:0}.scale-up:hover{transform:scale(1.1)}.upward h2{opacity:0}.banner{height:90px;width:1200px;transform:scale(.8)}.controller{position:absolute;display:flex;top:50%;justify-content:space-between;z-index:10;width:100%;padding:0 10px}.c-button{background-color:rgb(0,0,0,.5);transition:.4s}.c-button:hover{background-color:#000}.sticky{position:sticky;top:0;z-index:99}.dropdown-content{overflow:hidden;transition:.5s;transform:translateY(-200%)}.dropdown:hover .dropdown-content{transform:translateY(0)}.dark-mode .mode-light,.mode-dark{display:none}.dark-mode .mode-dark{display:block}@media only screen and (max-width:1100px){.header ul li a,.opnal a{display:none}.search-bar{display:none!important}.menu{display:block!important}}.blur-overlay{background:rgba(255,255,255,.401);z-index:99;backdrop-filter:blur(10px);overflow:hidden}.offcanvas-menu{position:fixed;left:0;top:0;width:300px;background-color:var(--offcanvas-menu-bg-color);height:100%;z-index:999;box-sizing:border-box;padding:10px}@media screen and (max-width:700px){.offcanvas-menu{width:100%}.resp{flex-direction:column}}.flex-column,.flex-direction-column{flex-direction:column}.offcanvas{transform:translateX(-200%);z-index:999;transition:.2s}.offcanvas.active{transform:translateX(0)}@media screen and (max-width:1400px){.md-hidden{display:none}}.dark-color{color:var(--mc-color)!important}