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