/* Loading Spinner */ #content-overlay { left: 0px; } .overlay { z-index: 1000; background-color: black; -moz-opacity: 0.60; opacity: 0.60; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); width: 100%; height: 100%; position: absolute; top: 0; margin: 0; padding: 0; } .loading-text { margin:0px auto; font-weight: bold; color: #FFFFFF; line-height: 4.5em; } .spinner { margin:0px auto; height: 120px; width: 120px; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-left:12px solid #FFFFFF; border-right:12px solid #FFFFFF; border-bottom:12px solid #FFFFFF; border-top:12px solid rgb(190,30,44); border-radius:100%; } #content-loading-spinner { position: absolute; z-index: 10000; text-align: center; top: 300px; left: 47%; display: block; margin-left: auto; margin-right: auto; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } #node_description_entry { vertical-align: middle; resize: none; } #node_description_display { text-align: center; vertical-align: middle; background-color: whitesmoke; font-size: 12pt; width: 40%; }