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