body { background: #fff; color: #000; padding-left: 20px; font-family: 'Roboto Slab', serif; background-image: url(/assets/old_moon/old_moon_@2X.jpg); } .tiles { position: absolute; top: 0; left: 0; width: 1600px; height: 100%; } a.page_image { cursor: text; } .controls { background-color: rgba(0,0,0,0.9); color: white; padding: 20px; margin: 20px; border-radius: 20px; position: fixed; left: 0; top: 0; width: 400px; z-index: 2; } .photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform .5s ease-out; } .xy_select { width: 60px; } #page_number { position: absolute; width: 190px; top: 50px; left: 210px; font-size: 15pt; } .element_text { width: 278px; } #current_labels { margin-bottom: 10px; margin-top: 40px; } #page_buttons { margin-bottom: 10px; position: absolute; top: 10px; left: 210px; } #select_element_name { width: 285px; margin-bottom: 5px; } #locate { width: 200px; height: 80px; position: absolute; top: 210px; left: 160px; } #position_controls { padding-right: 200px; margin-top: 20px; margin-bottom: 20px; } #default_element_content { margin-top: 20px; } #save_element { margin-top: 20px; margin-left: 10px; margin-bottom: 20px; font-size: 15pt; width: 293px; height: 80px; } #save_form { position: absolute; top: 81px; left: 210px; font-size: 15pt; width: 190px; } #title { position: absolute; top: 15px; left: 15px; font-size: 15pt; } #set { margin: 20px; margin-top: 20px; } #tabs { margin-bottom: 10px; position: absolute; width: 410px; top: 195px; left: 10px; } .scrollContainer { height: 500px; width: 410px; } #jsonView { height: 500px; width: 350px; overflow:auto; } #open_image { margin-top: 7px; margin-left: 40px; } #tabs-1 { text-align: center; } #scaffold { margin-top: 7px; } .tile { font-family: sans-serif; } .sibyl_form { padding: 20px; text-align: center; background-color: rgba(250,250,250,0.3); width: 300px; } #close { position: absolute; left: 420px; top: -10px; }