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