me@1936: div#blanket {
me@1936:     z-index: 2;
me@1936:     background-color: rgba(0,0,0,0.5);
me@1936:     width: 100%;
me@1936:     height: 100%;
me@1936:     position: fixed;
me@1936:     left: 0px;
me@1936:     top: 0px;
me@1936: }
me@1936: 
me@1936: div#popupHolder {
me@1936:     z-index: 3;
me@1936:     background-color: rgba(255,255,255,1);
me@1936:     width: 730px;
me@1936:     height: 480px;
me@1936:     position: fixed;
me@1936:     border-radius: 10px;
me@1936: 	box-shadow: 0px 0px 50px #000;
me@1936:     padding: 10px;
me@1936: }
me@1936: 
me@1936: div#popup-title-holder {
me@1936:     width: 100%;
me@1936:     height: 50px;
me@1936:     font-size: 2em;
me@1936: }
me@1936: 
nickjillings@1939: button.popup-button {
me@1936:     width: 60px;
me@1936:     height: 27px;
me@1936:     padding: 5px;
me@1936:     position: absolute;
nickjillings@1939:     bottom: 10px;
nickjillings@1939: }
nickjillings@1939: 
nickjillings@1939: button#popup-proceed {
me@1936:     right: 10px;
nickjillings@1939: }
nickjillings@1939: 
nickjillings@1939: button#popup-back {
nickjillings@1939:     left: 10px;
me@1936: }
me@1936: 
me@1936: div.drag-area {
me@1936:     border: 3px black dashed;
me@1936: }
me@1936: div.drag-over {
me@1936:     background-color: aquamarine;
me@1936: }
me@1936: div.drag-dropped {
me@1936:     background-color: aqua;
me@1936: }
me@1936: div.drag-error {
me@1936:     background-color: coral
me@1936: }
me@1936: 
me@1936: div#project-drop {
me@1936:     width: 99%;
me@1936:     height: 50px;
me@1936:     margin: 10px 0px;
me@1936: }
me@1936: 
me@1936: div.popup-checkbox {
me@1936:     padding: 5px;
me@1936: }
me@1936: 
me@1936: div.popup-checkbox input {
me@1936:     margin: 0px 5px;
me@1936: }
me@1936: 
me@1936: div.popup-option-entry {
me@1936:     padding: 5px 0px;
me@1936:     border-bottom: 1px solid;
me@1936: }
me@1936: 
me@1936: div.disabled{
me@1936:     color: rgb(100,100,100);
me@1936: }
me@1936: 
nickjillings@1939: 
nickjillings@1939: div#content > div.node{
nickjillings@1939:     background-color: rgb(200,228,151);
nickjillings@1939: }
nickjillings@1939: 
nickjillings@1939: div#content > div#setup{
nickjillings@1939:     background-color: coral;
nickjillings@1939: }
nickjillings@1939: 
nickjillings@1939: 
me@1936: div.node {
me@1936:     float: left;
me@1936:     padding: 10px;
me@1936:     border: black 2px solid;
me@1936:     border-radius: 10px;
me@1936:     margin: 10px;
me@1936:     min-width: 92%;
me@1936:     background-color: rgba(255,255,255,0.5);
me@1936: }
me@1936: div.node-title {
me@1936:     float: left;
me@1936:     width: 100%;
me@1936:     font-size: 2em;
me@1936:     margin: 5px 0px;
me@1936: }
me@1936: div.node-attributes {
me@1936:     min-width: 92%;
nickjillings@1939:     float: none;
me@1936:     padding: 10px;
me@1936: }
me@1936: div.attribute {
me@1936:     float: left;
me@1936:     margin-right: 10px;
me@1936: }
me@1936: div.node-children {
me@1936:     float: left;
me@1936:     min-width: 92%;
me@1936: }
me@1936: div.node-buttons {
me@1936:     float: left;
me@1936:     min-width: 92%;
me@1936: }
me@1936: div.attribute input {
nickjillings@1939:     max-width: 100%;
nickjillings@1939:     width: 300px;
me@1936:     margin-right: 10px;
me@1936: }
me@1936: div.attribute input[type=number] {
me@1936:     width: 80px;
nickjillings@1939: }
nickjillings@1939: div.attribute input[type=radio], div.attribute input[type=checkbox]{
nickjillings@1939:     width: 10px;
nickjillings@1939: }
nickjillings@1939: input:disabled+label{
nickjillings@1939:     text-decoration: line-through;
me@1936: }