html,
body.alcy-wallpaper-page {
min-height: 100%;
}
body.alcy-wallpaper-page {
--alcy-glass-dark: rgba(15, 23, 42, 0.54);
--alcy-glass-dark-strong: rgba(15, 23, 42, 0.68);
--alcy-glass-light: rgba(255, 255, 255, 0.72);
--alcy-glass-light-strong: rgba(255, 255, 255, 0.84);
--alcy-glass-border: rgba(255, 255, 255, 0.18);
--alcy-text-dark: #1e293b;
--alcy-shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.2);
position: relative;
background: #0f172a url('https://t.alcy.cc/pc/') no-repeat center center fixed !important;
background-size: cover !important;
}
body.alcy-wallpaper-page:before {
content: "";
position: fixed;
inset: 0;
background:
radial-gradient(circle at top right, rgba(96, 165, 250, 0.14), transparent 28%),
linear-gradient(135deg, rgba(15, 23, 42, 0.5), rgba(30, 41, 59, 0.24));
pointer-events: none;
z-index: 0;
}
body.alcy-wallpaper-page > * {
position: relative;
z-index: 1;
}
body.alcy-wallpaper-page .app,
body.alcy-wallpaper-page #content,
body.alcy-wallpaper-page .app-content,
body.alcy-wallpaper-page .app-content-body,
body.alcy-wallpaper-page .bg-light,
body.alcy-wallpaper-page .bg-white,
body.alcy-wallpaper-page .bg-black,
body.alcy-wallpaper-page .bg-dark,
body.alcy-wallpaper-page .bg-info,
body.alcy-wallpaper-page .bg-primary {
background: transparent !important;
}
body.alcy-wallpaper-page.user-center-page .app-header.navbar,
body.alcy-wallpaper-page.user-center-page .navbar-header,
body.alcy-wallpaper-page.user-center-page .navbar-collapse,
body.alcy-wallpaper-page.user-center-page .app-aside,
body.alcy-wallpaper-page.user-center-page #aside,
body.alcy-wallpaper-page.user-center-page .aside-wrap,
body.alcy-wallpaper-page.user-center-page .navi-wrap,
body.alcy-wallpaper-page.user-center-page .nav-sub.dk,
body.alcy-wallpaper-page.user-center-page .navi > ul,
body.alcy-wallpaper-page.user-center-page .navi-wrap:before,
body.alcy-wallpaper-page.user-center-page .navi-wrap:after,
body.alcy-wallpaper-page.user-center-page .app-footer .wrapper,
body.alcy-wallpaper-page.user-center-page .off-screen,
body.alcy-wallpaper-page.user-center-page .app-aside-folded .navi > ul > li > .nav-sub {
background: var(--alcy-glass-dark) !important;
border-color: var(--alcy-glass-border) !important;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
}
body.alcy-wallpaper-page.user-center-page .app-header.navbar,
body.alcy-wallpaper-page.user-center-page .navbar-header,
body.alcy-wallpaper-page.user-center-page .navbar-collapse {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.alcy-wallpaper-page.user-center-page .app-aside,
body.alcy-wallpaper-page.user-center-page #aside,
body.alcy-wallpaper-page.user-center-page .aside-wrap,
body.alcy-wallpaper-page.user-center-page .navi-wrap {
border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.alcy-wallpaper-page.user-center-page .navbar-brand,
body.alcy-wallpaper-page.user-center-page .nav > li > a,
body.alcy-wallpaper-page.user-center-page .nav > li > a > span,
body.alcy-wallpaper-page.user-center-page .nav > li > a > i,
body.alcy-wallpaper-page.user-center-page .nav-sub > li > a,
body.alcy-wallpaper-page.user-center-page .text-muted,
body.alcy-wallpaper-page.user-center-page .app-footer,
body.alcy-wallpaper-page.user-center-page .app-footer a,
body.alcy-wallpaper-page.user-center-page .dropdown-menu > li > a,
body.alcy-wallpaper-page.user-center-page .nav-sub a,
body.alcy-wallpaper-page.user-center-page .navi .nav > li > a span,
body.alcy-wallpaper-page.user-center-page .navi .nav > li > a i {
color: rgba(255, 255, 255, 0.92) !important;
}
body.alcy-wallpaper-page.user-center-page .nav > li > a:hover,
body.alcy-wallpaper-page.user-center-page .nav > li > a:focus,
body.alcy-wallpaper-page.user-center-page .nav > li.active > a,
body.alcy-wallpaper-page.user-center-page .nav-sub > li.active > a,
body.alcy-wallpaper-page.user-center-page .dropdown-menu > li > a:hover,
body.alcy-wallpaper-page.user-center-page .dropdown-menu > li > a:focus,
body.alcy-wallpaper-page.user-center-page .navi > ul > li > a:hover,
body.alcy-wallpaper-page.user-center-page .navi > ul > li > a:focus {
background: rgba(255, 255, 255, 0.08) !important;
}
body.alcy-wallpaper-page.user-center-page .navi > ul > li.active > a,
body.alcy-wallpaper-page.user-center-page .nav-sub > li.active > a,
body.alcy-wallpaper-page.user-center-page .app-aside-folded .navi > ul > li:hover > a {
background: rgba(255, 255, 255, 0.12) !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
body.alcy-wallpaper-page.user-center-page .bg-light.lter.b-b.wrapper-md,
body.alcy-wallpaper-page.user-center-page .wrapper-md.control,
body.alcy-wallpaper-page.user-center-page .panel,
body.alcy-wallpaper-page.user-center-page .panel-heading,
body.alcy-wallpaper-page.user-center-page .panel-body,
body.alcy-wallpaper-page.user-center-page .panel-footer,
body.alcy-wallpaper-page.user-center-page .modal-content,
body.alcy-wallpaper-page.user-center-page .modal-header,
body.alcy-wallpaper-page.user-center-page .modal-body,
body.alcy-wallpaper-page.user-center-page .modal-footer,
body.alcy-wallpaper-page.user-center-page .dropdown-menu,
body.alcy-wallpaper-page.user-center-page .tab-content,
body.alcy-wallpaper-page.user-center-page .table-responsive,
body.alcy-wallpaper-page.user-center-page .alert,
body.alcy-wallpaper-page.user-center-page .well,
body.alcy-wallpaper-page.user-center-page .list-group-item,
body.alcy-wallpaper-page.user-center-page .fixed-table-container,
body.alcy-wallpaper-page.user-center-page .fixed-table-toolbar,
body.alcy-wallpaper-page.user-center-page .fixed-table-pagination,
body.alcy-wallpaper-page.user-center-page .bootstrap-table .table,
body.alcy-wallpaper-page.user-center-page .bootstrap-table .card-view,
body.alcy-wallpaper-page.user-center-page .bootstrap-table .search input,
body.alcy-wallpaper-page.user-center-page .breadcrumb,
body.alcy-wallpaper-page.user-center-page .input-group-addon,
body.alcy-wallpaper-page.user-center-page .input-group-btn > .btn,
body.alcy-wallpaper-page.user-center-page .btn-default,
body.alcy-wallpaper-page.user-center-page .pagination > li > a,
body.alcy-wallpaper-page.user-center-page .pagination > li > span,
body.alcy-wallpaper-page.user-center-page .dropdown-menu,
body.alcy-wallpaper-page.user-center-page .chosen-container-single .chosen-single,
body.alcy-wallpaper-page.user-center-page .chosen-drop,
body.alcy-wallpaper-page.user-center-page .chosen-search input[type="text"] {
background: var(--alcy-glass-light) !important;
border-color: rgba(255, 255, 255, 0.35) !important;
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}
body.alcy-wallpaper-page.user-center-page .tab-content,
body.alcy-wallpaper-page.user-center-page .wrapper-md.control,
body.alcy-wallpaper-page.user-center-page .panel,
body.alcy-wallpaper-page.user-center-page .modal-content,
body.alcy-wallpaper-page.user-center-page .table-responsive,
body.alcy-wallpaper-page.user-center-page .fixed-table-container,
body.alcy-wallpaper-page.user-center-page .breadcrumb {
border-radius: 18px;
}
body.alcy-wallpaper-page.user-center-page .wrapper-md.control,
body.alcy-wallpaper-page.user-center-page .bg-light.lter.b-b.wrapper-md {
margin-bottom: 16px;
}
body.alcy-wallpaper-page.user-center-page .wrapper-md.control,
body.alcy-wallpaper-page.user-center-page .panel,
body.alcy-wallpaper-page.user-center-page .table-responsive,
body.alcy-wallpaper-page.user-center-page .fixed-table-container,
body.alcy-wallpaper-page.user-center-page .fixed-table-toolbar,
body.alcy-wallpaper-page.user-center-page .fixed-table-pagination,
body.alcy-wallpaper-page.user-center-page .breadcrumb,
body.alcy-wallpaper-page.user-center-page .tab-content {
overflow: hidden;
}
body.alcy-wallpaper-page.user-center-page .form-control,
body.alcy-wallpaper-page.user-center-page .input-group-addon,
body.alcy-wallpaper-page.user-center-page textarea,
body.alcy-wallpaper-page.auth-page .form-control,
body.alcy-wallpaper-page.auth-page .input-group-addon,
body.alcy-wallpaper-page.auth-page .list-group-item {
background: rgba(255, 255, 255, 0.78) !important;
border-color: rgba(148, 163, 184, 0.35) !important;
color: #1e293b !important;
box-shadow: none;
}
body.alcy-wallpaper-page.user-center-page .form-control::placeholder,
body.alcy-wallpaper-page.auth-page .form-control::placeholder {
color: rgba(30, 41, 59, 0.6);
}
body.alcy-wallpaper-page.user-center-page .form-control:focus,
body.alcy-wallpaper-page.user-center-page textarea:focus,
body.alcy-wallpaper-page.user-center-page .chosen-container-active .chosen-single,
body.alcy-wallpaper-page.auth-page .form-control:focus {
border-color: rgba(59, 130, 246, 0.35) !important;
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15) !important;
}
body.alcy-wallpaper-page.user-center-page .table,
body.alcy-wallpaper-page.user-center-page .table > thead > tr > th,
body.alcy-wallpaper-page.user-center-page .table > tbody > tr > td,
body.alcy-wallpaper-page.user-center-page .table > tbody > tr > th,
body.alcy-wallpaper-page.user-center-page .table > tfoot > tr > td,
body.alcy-wallpaper-page.user-center-page .table > tfoot > tr > th {
background: transparent !important;
border-color: rgba(148, 163, 184, 0.28) !important;
}
body.alcy-wallpaper-page.user-center-page .table > thead > tr > th,
body.alcy-wallpaper-page.user-center-page .panel-title,
body.alcy-wallpaper-page.user-center-page .wrapper-md h1,
body.alcy-wallpaper-page.user-center-page .wrapper-md h2,
body.alcy-wallpaper-page.user-center-page .wrapper-md h3,
body.alcy-wallpaper-page.user-center-page .wrapper-md h4,
body.alcy-wallpaper-page.user-center-page .control label,
body.alcy-wallpaper-page.user-center-page .form-group label,
body.alcy-wallpaper-page.user-center-page .help-block,
body.alcy-wallpaper-page.user-center-page .text-info,
body.alcy-wallpaper-page.user-center-page .text-success,
body.alcy-wallpaper-page.user-center-page .text-primary,
body.alcy-wallpaper-page.user-center-page .text-warning,
body.alcy-wallpaper-page.user-center-page .text-danger {
color: #0f172a !important;
}
body.alcy-wallpaper-page.user-center-page .wrapper-md,
body.alcy-wallpaper-page.user-center-page .wrapper,
body.alcy-wallpaper-page.user-center-page .control,
body.alcy-wallpaper-page.user-center-page .tab-pane,
body.alcy-wallpaper-page.user-center-page .modal-content,
body.alcy-wallpaper-page.user-center-page .modal-content label,
body.alcy-wallpaper-page.user-center-page .modal-content .form-group,
body.alcy-wallpaper-page.user-center-page .panel,
body.alcy-wallpaper-page.user-center-page .panel *:not(i):not(.fa):not(.glyphicon),
body.alcy-wallpaper-page.user-center-page .tab-content *:not(i):not(.fa):not(.glyphicon) {
color: #1e293b;
}
body.alcy-wallpaper-page.user-center-page .navi .nav > li > a,
body.alcy-wallpaper-page.user-center-page .navi .nav > li > a:hover,
body.alcy-wallpaper-page.user-center-page .navi .nav > li > a:focus,
body.alcy-wallpaper-page.user-center-page .navi .nav > li.active > a,
body.alcy-wallpaper-page.user-center-page .nav-sub > li > a,
body.alcy-wallpaper-page.user-center-page .nav-sub > li > a:hover,
body.alcy-wallpaper-page.user-center-page .nav-sub > li.active > a {
border-radius: 12px;
}
body.alcy-wallpaper-page.user-center-page .nav-sub.dk,
body.alcy-wallpaper-page.user-center-page .app-aside:before,
body.alcy-wallpaper-page.user-center-page .line.dk,
body.alcy-wallpaper-page.user-center-page .b-t,
body.alcy-wallpaper-page.user-center-page .b-b {
border-color: rgba(255, 255, 255, 0.14) !important;
}
body.alcy-wallpaper-page.user-center-page .wrapper-md .panel-heading[class*='bg-'],
body.alcy-wallpaper-page.user-center-page .panel-heading.bg-info,
body.alcy-wallpaper-page.user-center-page .panel-heading.bg-primary,
body.alcy-wallpaper-page.user-center-page .panel-heading.bg-success,
body.alcy-wallpaper-page.user-center-page .panel-heading.bg-warning,
body.alcy-wallpaper-page.user-center-page .panel-heading.bg-danger {
background: linear-gradient(135deg, rgba(59, 130, 246, 0.7), rgba(99, 102, 241, 0.56)) !important;
color: #fff !important;
}
body.alcy-wallpaper-page.user-center-page .panel-heading *,
body.alcy-wallpaper-page.user-center-page .panel-heading .btn,
body.alcy-wallpaper-page.user-center-page .panel-heading .btn i {
color: inherit !important;
}
body.alcy-wallpaper-page.user-center-page .chosen-container-single .chosen-single div b,
body.alcy-wallpaper-page.user-center-page .fa,
body.alcy-wallpaper-page.user-center-page .glyphicon {
color: inherit !important;
}
body.alcy-wallpaper-page.user-center-page .app-content-body .row > [class*='col-'],
body.alcy-wallpaper-page.user-center-page .app-content-body .col-xs-12,
body.alcy-wallpaper-page.user-center-page .app-content-body .col-sm-12,
body.alcy-wallpaper-page.user-center-page .app-content-body .col-md-12,
body.alcy-wallpaper-page.user-center-page .app-content-body .col-lg-12 {
background: transparent !important;
}
body.alcy-wallpaper-page.user-center-page .nav-tabs {
background: transparent;
}
body.alcy-wallpaper-page.user-center-page .nav-tabs > li > a {
background: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.3);
color: #1e293b !important;
}
body.alcy-wallpaper-page.user-center-page .nav-tabs > li.active > a,
body.alcy-wallpaper-page.user-center-page .nav-tabs > li.active > a:hover,
body.alcy-wallpaper-page.user-center-page .nav-tabs > li.active > a:focus {
background: rgba(255, 255, 255, 0.82);
border-color: rgba(255, 255, 255, 0.5);
color: #0f172a !important;
}
body.alcy-wallpaper-page.user-center-page .pagination > li > a,
body.alcy-wallpaper-page.user-center-page .pagination > li > span,
body.alcy-wallpaper-page.user-center-page .btn-default,
body.alcy-wallpaper-page.user-center-page .input-group-addon,
body.alcy-wallpaper-page.user-center-page .breadcrumb > li + li:before {
color: var(--alcy-text-dark) !important;
}
body.alcy-wallpaper-page.user-center-page .fixed-table-pagination .pagination-info,
body.alcy-wallpaper-page.user-center-page .fixed-table-pagination .pagination-detail,
body.alcy-wallpaper-page.user-center-page .fixed-table-toolbar .btn,
body.alcy-wallpaper-page.user-center-page .bootstrap-table .th-inner,
body.alcy-wallpaper-page.user-center-page .bootstrap-table .fht-cell {
color: var(--alcy-text-dark) !important;
}
body.alcy-wallpaper-page.user-center-page .bootstrap-table .table:not(.table-bordered) > thead > tr > th,
body.alcy-wallpaper-page.user-center-page .bootstrap-table .table:not(.table-bordered) > tbody > tr > td {
border-top-color: rgba(148, 163, 184, 0.22) !important;
}
body.alcy-wallpaper-page.user-center-page .modal-backdrop.in {
opacity: 0.45;
}
body.alcy-wallpaper-page.user-center-page .dropdown-menu {
min-width: 180px;
}
body.alcy-wallpaper-page.user-center-page .navi > ul > li > a,
body.alcy-wallpaper-page.user-center-page .nav-sub > li > a {
margin: 4px 10px;
}
body.alcy-wallpaper-page.user-center-page .navi-wrap {
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.26) transparent;
}
body.alcy-wallpaper-page.user-center-page .navi-wrap::-webkit-scrollbar {
width: 8px;
}
body.alcy-wallpaper-page.user-center-page .navi-wrap::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border-radius: 999px;
}
@media (min-width: 768px) {
body.alcy-wallpaper-page.user-center-page .app-aside-folded .app-aside,
body.alcy-wallpaper-page.user-center-page .app-aside-folded .navbar-header {
background: var(--alcy-glass-dark-strong) !important;
}
body.alcy-wallpaper-page.user-center-page .app-aside-folded .navi > ul > li > .nav-sub {
border-radius: 16px;
margin-top: 6px;
margin-left: 8px;
overflow: hidden;
box-shadow: var(--alcy-shadow-lg);
}
body.alcy-wallpaper-page.user-center-page .app-aside-fixed .aside-wrap {
background: transparent !important;
}
}
@media (max-width: 767px) {
body.alcy-wallpaper-page.user-center-page .app-header.navbar,
body.alcy-wallpaper-page.user-center-page .navbar-header,
body.alcy-wallpaper-page.user-center-page .navbar-collapse {
background: rgba(15, 23, 42, 0.72) !important;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
body.alcy-wallpaper-page.user-center-page .off-screen {
width: 82vw !important;
top: 50px;
bottom: 0;
border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
box-shadow: 18px 0 35px rgba(2, 6, 23, 0.34);
}
body.alcy-wallpaper-page.user-center-page .off-screen + * {
background: rgba(15, 23, 42, 0.16) !important;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
-webkit-transform: translate3d(82vw, 0, 0px);
transform: translate3d(82vw, 0, 0px);
}
body.alcy-wallpaper-page.user-center-page .app-content,
body.alcy-wallpaper-page.user-center-page .app-footer {
margin-left: 0 !important;
}
body.alcy-wallpaper-page.user-center-page .wrapper-md.control,
body.alcy-wallpaper-page.user-center-page .bg-light.lter.b-b.wrapper-md {
margin-left: 10px;
margin-right: 10px;
border-radius: 16px;
}
body.alcy-wallpaper-page.user-center-page .panel,
body.alcy-wallpaper-page.user-center-page .table-responsive,
body.alcy-wallpaper-page.user-center-page .fixed-table-container,
body.alcy-wallpaper-page.user-center-page .tab-content {
border-radius: 16px;
}
}
body.alcy-wallpaper-page.auth-page .container.w-xxl,
body.alcy-wallpaper-page.auth-page .container.w-auto-xs {
position: relative;
z-index: 2;
}
body.alcy-wallpaper-page.auth-page .auth-glass-card {
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 24px;
padding: 26px 24px 22px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.24);
}
body.alcy-wallpaper-page.auth-page .navbar-brand.block,
body.alcy-wallpaper-page.auth-page .wrapper.text-center,
body.alcy-wallpaper-page.auth-page .text-center,
body.alcy-wallpaper-page.auth-page .text-muted,
body.alcy-wallpaper-page.auth-page .text-muted a,
body.alcy-wallpaper-page.auth-page .nav-tabs > li > a,
body.alcy-wallpaper-page.auth-page label,
body.alcy-wallpaper-page.auth-page .checkbox {
color: rgba(255, 255, 255, 0.96) !important;
}
body.alcy-wallpaper-page.auth-page .navbar-brand.block {
font-size: 28px;
font-weight: 600;
text-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);
}
body.alcy-wallpaper-page.auth-page .nav-tabs {
border-bottom-color: rgba(255, 255, 255, 0.16);
}
body.alcy-wallpaper-page.auth-page .nav-tabs > li > a {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.12);
}
body.alcy-wallpaper-page.auth-page .nav-tabs > li.active > a,
body.alcy-wallpaper-page.auth-page .nav-tabs > li.active > a:hover,
body.alcy-wallpaper-page.auth-page .nav-tabs > li.active > a:focus {
color: #0f172a !important;
background: rgba(255, 255, 255, 0.86);
border-color: rgba(255, 255, 255, 0.35);
}
body.alcy-wallpaper-page.auth-page .btn-default {
background: rgba(255, 255, 255, 0.85);
border-color: rgba(255, 255, 255, 0.4);
}
body.alcy-wallpaper-page.auth-page .btn-default:hover,
body.alcy-wallpaper-page.auth-page .btn-default:focus {
background: rgba(255, 255, 255, 0.95);
}
@media (max-width: 767px) {
body.alcy-wallpaper-page.auth-page .container.w-xxl,
body.alcy-wallpaper-page.auth-page .container.w-auto-xs {
padding-left: 14px;
padding-right: 14px;
}
body.alcy-wallpaper-page.auth-page .auth-glass-card {
border-radius: 20px;
padding: 22px 18px 18px;
}
}