body {
    background-color: darkslategrey;
}

canvas#texturenodecanvas {
    background-color: slategray;
    margin: 0;
    padding: 0;
}

div.node {
    width : 200px;
    height : 220px;
    position: absolute;
    background-color: slategray;
    -moz-user-select: none;
    border: solid black 2px;
    /*! display: flex; */
}

div.nodeTitle {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: steelblue;
    text-align: center;
    font-family: verdana;
    font-size: small;
    border-bottom: solid black 1px;
}

div.nodeContents {
    display: flex;
    flex-direction: column;
}

div.nodeInputContainer {
    background-color: white;
    width: 5px;
    height: 100%;
    position:relative;
    border-right: solid black 1px;
}

div.nodeOutputContainer {
    background-color: white;
    width: 5px;
    height: 100%;
    position:relative;
    border-left: solid black 1px;
    left:88;
}

svg {
    width:100%;
    height:100%;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    
    -moz-user-select: none;
    border: solid black 2px;
}

li {
  border-top: solid black 1px;  
}

li:first-child {
    border-top: none;
}

li:hover {
    background-color: white;
}

div.contextmenu {
    position: absolute;
    display:none;
    z-index: 10;
    background-color: slategray;
}

canvas.texturePreview {
    width:100%;
    height:100%;
}