/**
 * This file provides styles for mediamanager
 */

/* + + + + +  global  + + + + + */
#mediamanager__page {
    .namespaces{
        h2 {
            bottom: 0;
            line-height: 100%;
            margin-bottom: -1px;
            background-color: var(--color-shade-3);
            color: var(--color-foreground);
            border-color: var(--color-shade-4);
        }
        .panelHeader {
            border-color: var(--color-shade-4);
        }
    }

    #media__tree ul li img {
        padding-top: .3em;
    }

    ul.tabs li a {
        border-bottom-color: transparent;
    }

    #page__revisions {
        > .no > ul > li input[type="checkbox"] {
            margin-left: 0;
        }
    }

    .panelHeader {
        background-color: var(--color-shade-2);
    }

    .filelist .panelContent ul li{
        background-color: var(--color-shade-2);
        color: var(--color-foreground);

        &:hover {
            background-color: var(--color-shade-4);
            border: none;
        }
    }

    .file dl {
        dt{
            background-color: var(--color-shade-2);
            padding: 0.2em;
        }

        dd{
            background-color: var(--color-shade-1);
            padding: 0.2em;
        }
    }
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* media queries */
@media @screen_max-md {
    #mediamanager__page {
        min-width: 100%;
        max-width: 100%;
    }
}