@globalRadius: 0.4em;
@globalBgColor: rgba(255, 255, 255, 0.75);
@headerBgColor: rgba(252, 252, 252, 0.6);
@footerBgColor: rgba(149, 149, 149, 0.7);
@globalBoxShadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);
@globalTransition: opacity 250ms linear;
@headerBlurDepth: 10px;

.has-bgimg {
    .isekai-bgimg {
        position: fixed;
        opacity: 0;
        transition: @globalTransition;

        z-index: -2;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
    }

    #mw-panel {
        .portal {
            position: relative;
            margin: 0;
            padding-right: 0.6em;
            padding-left: 0.7em;
            &::before {
                background-color: @headerBgColor;
            }

            h3 {
                color: #222;
            }
        }
    }

    #p-personal,
    #left-navigation,
    #right-navigation {
        &::before {
            background-color: @headerBgColor;
        }
    }

    #left-navigation,
    #right-navigation {
        position: relative;
    }

    #mw-page-base {
        background: none;
    }

    #content {
        background: transparent;
        position: relative;

        &::before {
            background-color: @globalBgColor;
        }
    }

    #footer {
        position: relative;

        &::before {
            background-color: @footerBgColor;
        }

        ul li {
            color: #fff;

            a {
                color: #ccddff;

                &:visited {
                    color: #ccddff;
                }
            }
        }
    }
}