/* This CSS is used for the ixml.xml and ixml.ixml download pages;
   some of it only applies to the "treeview" parts of the ixml.xml
   page.
*/

:root {
    --text-color: rgb(0,0,0);
    --comment-color: rgb(86,180,233);
    --value-color: rgb(0,114,178);
    --name-color: rgb(0,158,115);
    --mark-color: rgb(213,94,0);
}

body {
    color: var(--text-color);
}

a.button {
    background-color: rgb(233, 233, 233);
    border:1px solid black;
    border-radius:5px;
    color: black;
    margin-right:10px;
    padding:10px 10px 10px 10px;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 80%;
}

a.button:hover {
    background-color: rgb(208, 208, 214);
}

.listing {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-top: 2rem;
}

#toggle-buttons {
    position: absolute;
    right: 2rem;
    top: 1.5rem;
    padding-left: 0;
    padding-right: 0;
}

#toggle-buttons div {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1rem;
    text-align: right;
}

.visible {
    opacity: 1;
}

.invisible {
    opacity: 0;
    transition: opacity 2s;
}

#copyok {
    display: inline-block;
    width: 2rem;
    font-size: 150%;
    color: green;
}
 
pre {
    font-family: monospace;
    border: 4px solid #ddf;
}

.open, .close, .space {
    display: inline-block;
    width: 1rem;
    display: none;
    color: black;
}

.open, .close {
    cursor: pointer;
}

.com, .text {
    color: var(--comment-color);
}

.avalue, 
.mark, .rep, .reps {
    color: var(--mark-color);
}

.aname, .eq, .q,
.str {
    color: var(--name-color);
}

.stag, .etag, .gi,
.nt {
    color: var(--value-color);
}