nicholas@2851: #screenblank { nicholas@2851: z-index: 1; nickjillings@1370: width: 100%; nickjillings@1370: height: 100%; nickjillings@1374: position: fixed; nicholas@2851: top: 0px; nickjillings@1370: left: 0px; nicholas@2851: background-color: rgba(0, 0, 0, 0.75); nicholas@2851: } nicholas@2851: #popupHolder { nickjillings@1370: } nicholas@2851: .popup { nicholas@2851: position: relative; nickjillings@1370: z-index: 3; nicholas@2538: background-color: rgba(255, 255, 255, 1); nickjillings@1370: width: 730px; nickjillings@1370: height: 480px; nicholas@2851: display: inline-block; nicholas@2851: text-align: left; nickjillings@1370: border-radius: 10px; nicholas@2538: box-shadow: 0px 0px 50px #000; nickjillings@1370: padding: 10px; nicholas@2851: margin-top: 20px; nickjillings@1370: } nicholas@2851: .popupTitle { nickjillings@1370: width: 100%; nickjillings@1370: height: 50px; nickjillings@1370: font-size: 2em; nicholas@2851: text-align: center; nickjillings@1370: } nicholas@2851: .popupButtons { nickjillings@1370: position: absolute; nicholas@2851: bottom: 5px; nicholas@2851: width: 90%; nicholas@2851: margin-left: 30px; nicholas@2851: display: block; nicholas@2851: align-self: center; nickjillings@2108: } nicholas@2851: #popupBack { nicholas@2851: float: left; nickjillings@2108: } nicholas@2851: #popupNext { nicholas@2851: float: right; nickjillings@1370: } nicholas@2851: #introdragdrop { nicholas@2851: width: 100%; nicholas@2851: height: 100px; nicholas@2851: border: 2px dashed black; nicholas@2851: font-size: 1.5em; nicholas@2851: text-align: center; nicholas@2851: padding-top: 30px; nicholas@2851: color: grey; nickjillings@1373: } nicholas@2851: .new-test { nicholas@2851: cursor: pointer; nickjillings@1373: } nicholas@2851: .new-test:hover { nicholas@2851: font-style: italic; nickjillings@1373: } nicholas@2851: .node { nicholas@2853: padding: 10px 20px; nicholas@2851: border: 2px solid black; nicholas@2851: margin: 20px; nicholas@2851: border-radius: 20px; nicholas@2853: background-color: inherit; nicholas@2853: } nicholas@2853: .node > textarea { nicholas@2853: width: 80%; nicholas@2853: } nicholas@2853: .node > h1, n@2907: .node > h2, n@2907: .node > h3, n@2907: .node > h4, n@2907: .node > h5 { nicholas@2853: text-align: center; nickjillings@1373: } nicholas@2851: .attribute { nicholas@2851: display: inline-block; nicholas@2851: margin: 0px 10px; nicholas@2851: border-left: 1px solid grey; nicholas@2851: border-right: 1px solid grey; nicholas@2851: padding: 5px 5px; nickjillings@1373: } nicholas@2853: #setupNode { nicholas@2853: background-color: rgba(255, 10, 10, 0.25); nicholas@2853: } nicholas@2856: .pageNode { nicholas@2853: background-color: rgba(10, 255, 10, 0.25); nicholas@2853: }