@import url('/static/modern.css');

html {
    /*  */ background-image: url("/static/_img/fe/b14c/plaidbg-light_3d29994d86_192x192.png");background-image: image-set(url("/static/_img/fe/b14c/plaidbg-light_3d29994d86_192x192.png") 1x, url("/static/_img/fe/b14c/plaidbg-light_3d29994d86_384x384.png") 2x); /*  */
    background-color: #edd;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
}

/* hack because attaching it to body doesn't seem to work, and using main::before
is subject to main's overflow:hidden; */
#plaidlogo {
    display: block;
    /*  */ background-image: url("/static/_img/fa/11b9/plaidlogo_7fa7397394_192x192.png");background-image: image-set(url("/static/_img/fa/11b9/plaidlogo_7fa7397394_192x192.png") 1x, url("/static/_img/fa/11b9/plaidlogo_7fa7397394_384x384.png") 2x); /*  */
    width: 192px;
    height: 192px;
    position: fixed;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: 10;
}

#banner {
    padding: 0;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.25),
    -1px 0px 0px black,
    1px 0px 0px black,
    0px -1px 0px black,
    0px 1px 0px black;
}
#banner .inner {
    padding: 3em;
    /*  */ background-image: url("/static/_img/fa/11b9/plaidlogo_7fa7397394_192x192.png");background-image: image-set(url("/static/_img/fa/11b9/plaidlogo_7fa7397394_192x192.png") 1x, url("/static/_img/fa/11b9/plaidlogo_7fa7397394_384x384.png") 2x); /*  */
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#banner a {
    color: #ff9;
}

a {
    color: #700;
}

a:visited {
    color: #903;
}

a:hover {
    color: #900;
}

#banner {
    color: #ff9;
    /*  */ background-image: url("/static/_img/fd/5fd6/plaidbg-dark_c5396668ed_192x192.png");background-image: image-set(url("/static/_img/fd/5fd6/plaidbg-dark_c5396668ed_192x192.png") 1x, url("/static/_img/fd/5fd6/plaidbg-dark_c5396668ed_384x384.png") 2x); /*  */
    background-color: #511;
    background-attachment: fixed;
    position: relative;
    z-index: 5;
}

main {
    background-color: white;
    /*  */ background-image: url("/static/_img/6d/575e/plaidlogo-blur-bg_26df06e44c_206x206.jpg");background-image: image-set(url("/static/_img/6d/575e/plaidlogo-blur-bg_26df06e44c_206x206.jpg") 1x, url("/static/_img/6d/575e/plaidlogo-blur-bg_26df06e44c_412x412.jpg") 2x); /*  */
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    z-index: 50;
    border: none;
}

#navigation {
    position: relative;
    background: white;
    z-index: 100;
}

#tags ul {
    max-height: 30vh;
    overflow-y: auto;
}

nav.paging {
    background-color: white;
    z-index: 55;
}

article.content header,
#entry article header,
article.react {
    background-color: rgba(255,255,0,0.25);
}

article header {
    padding-top: 0.5ex;
}

#userinfo.unauthorized {
    background-color: rgba(255,192,0,0.25);
}

article.private header,
#entry article.private header {
    background-color: #edf;
}

nav .private {
    border-radius: 1ex;
    background-color: #edf;
    border: dotted black 1px;
    padding: 0 .5ex;
}

article {
    padding-bottom: 1ex;
    margin-bottom: 0;
}

table {
    border-collapse: collapse;
    border: solid black 3px;
}
td, th {
    border: solid black 1px;
    padding: 0.1ex 0.5ex;
}
th {
    background: #ccc;
    border: solid black 1px;
}