/* Base Theme: dark.css */
@import url('/includes/css/themes/dark.css?v=halloween');

/* Theme Additions */
body {
    background-image: url('/images/themes/halloween/bg.png');
    background-attachment: fixed;
}
#header {
    background-image: url('/images/themes/halloween/graveyard.png');
    background-position: left bottom;
    background-repeat: repeat-x;
}
#navigation a.logo::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 179px;
    height: 46px;
    background-image: url('/images/themes/halloween/logo-decoration.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 179px 46px;
}
@media screen and (max-width: 1067px) {
    body {
        background-color: var(--bg-content);
        background-image: none;
    }
    #navigation a.logo::after {
        scale: 83%;
        transform-origin: top left;
    }
}
@media screen and (min-width: 1650px) {
    body {
        background-image: url('/images/themes/halloween/boo.png'), url('/images/themes/halloween/bg.png');
        background-position: right bottom, center;
        background-repeat: no-repeat, repeat;
    }
    body:not(.wide) #header {
        background-image: url('/images/themes/halloween/candle.gif'), url('/images/themes/halloween/candle.gif'), url('/images/themes/halloween/graveyard.png');
        background-position: left 10px bottom -10px, right 10px bottom -10px, left bottom;
        background-repeat: no-repeat, no-repeat, repeat-x;
    }
}