/*
 * @Author: iowen
 * @Author URI: https://www.iowen.cn/
 * @Date: 2024-01-03 00:15:11
 * @LastEditors: iowen
 * @LastEditTime: 2024-01-13 11:05:39
 * @FilePath: \onenavsub\assets\css\sub-style.css
 * @Description: 自定义样式
 */

/* Decorative page background shared by the homepage and site detail pages. */

/* Fixed decorations behind homepage and site-detail content */
body.onenavsub-page-decor-enabled .main-content > .onenavsub-page-decor {
    position: fixed;
    top: 74px;
    right: 0;
    bottom: 0;
    left: 220px;
    z-index: 0;
    overflow: hidden;
    color: rgba(67, 91, 111, 0.018);
    pointer-events: none;
}

body.onenavsub-page-decor-enabled.mini-sidebar .main-content > .onenavsub-page-decor {
    left: 60px;
}

body.onenavsub-page-decor-enabled .main-content > .header-big,
body.onenavsub-page-decor-enabled .main-content > #content,
body.onenavsub-page-decor-enabled .main-content > footer {
    position: relative;
    z-index: 1;
}

body.onenavsub-page-decor-enabled .onenavsub-page-decor .decor-item {
    position: absolute;
    top: var(--decor-y);
    left: var(--decor-x);
    display: block;
    font-size: var(--decor-size);
    line-height: 1;
    transform: translate(-50%, -50%) rotate(var(--decor-rotate));
    user-select: none;
}

.io-black-mode body.onenavsub-page-decor-enabled .main-content > .onenavsub-page-decor {
    color: rgba(255, 255, 255, 0.028);
}

@media (max-width: 767.98px) {
    body.onenavsub-page-decor-enabled .main-content > .onenavsub-page-decor {
        display: none !important;
    }
}