@import url('/cs/res/generic.css');

body
{
    background: 
        url(/cs/res/img/c36-background.png),
        url(/cs/res/img/c36-stripebg.png);
    background-repeat: repeat-y, repeat;
    margin-left: 32px;

    color: white;
    text-shadow: 0px 2px black;
    line-height: 32px;
    user-select: none;
}

h1
{
    font-size: 32px;
    margin-top: 16px;
    margin-bottom: 18px;
    line-height: 0px;
}

a
{
    color: white;
    text-shadow: 0px 2px black;
    line-height: 0px;
}

main
{
    margin-left: 16px;
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: -2px;
}

.folder[open] summary::marker, .folder summary::marker
{
    content: "";
    display: none;
    list-style: none;
    cursor: pointer;
}

.folder[open] summary::before, .folder summary::before
{
    display: inline-block;
    content: "";
    width: 27px;
    height: 22px;
    background-position-y: center;
}

.folder ul
{
    list-style-image: url('/cs/res/img/icons/file.gif');
}


.folder summary::before { background-image: url('/cs/res/img/icons/folder.gif'); }
.folder[open] summary::before { background-image: url('/cs/res/img/icons/open_folder.gif'); }