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