:root {
    /* Constants */
    --taskbar-height: 26px;

    /* Theme */
    --desktop-background-color: #008080;
    --desktop-background-image: none;
    --object3d-background: #c0c0c0;
    --header-background: #000080;
}

/* Global */
* {
    padding: 0;
    margin: 0;
    image-rendering: pixelated;
    overflow: hidden;
}

body {
    background-color: var(--desktop-background-color);
}

/* Desktop */
#taskbar {
    /* Position */
    position: absolute;
    bottom: 0px;

    /* Styling */
    background-color: var(--object3d-background);
    border-top: 2px solid transparent;
    border-image: url('./assets/images/borders/window.png') 2 round;
    height: var(--taskbar-height);
    width: 100%;
}

/* Windows */
.window {
    /* Position */
    position: absolute !important;

    /* Styling */
    background-color: var(--object3d-background);
    border: 2px solid transparent;
    border-image: url('./assets/images/borders/window.png') 2 round;

    /* Handle inner elements */
    padding: 2px;
    box-sizing: border-box;
    overflow: hidden;
}

.header {
    /* Styling */
    display: inline-block;
    width: 100%;
    height: 18px;
    background-color: var(--header-background);
}

.footers {
    position: absolute;
    left: 2px;
    right: 4px;
    bottom: 4px;
    height: 16px;
    overflow: visible;
}

.footerDefault {
    /* Styling */
    display: inline-block;
    width: 100%;
    height: 16px;
    border: 1px solid transparent;
    border-image: url('./assets/images/borders/footer.png') 1 round;
    background-image: url('./assets/images/windowUI/resize.png') !important;
    background-position: right -1px bottom -1px;
    background-repeat: no-repeat;
}

.footer {
    /* Styling */
    display: inline-block;
    width: 100%;
    height: 16px;
    border: 1px solid transparent;
    border-image: url('./assets/images/borders/footer.png') 1 round;
}

/* jQuery UI altering */
.ui-resizable-handle {
    opacity: 0 !important;
}