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