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