body.fullscreen { overflow: hidden; } #viewer { position: relative; width: 800px; height: 400px; overflow: hidden; z-index: 1; } .fullscreen #viewer { position: fixed; margin: 0; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } #well { position: absolute; width: 100%; height: 100%; background-color: gray; } #surface { position: absolute; width: 100%; height: 100%; /* background-color: rgba(255, 0, 0, 0.6); */ } #tooltip { display: none; padding: 1px 4px; font-family: sans; background-color: blanchedalmond; border: solid 1px black; position: absolute; width: auto; height: auto; z-index: 1; pointer-events: none; /* Disable text highlighting. */ -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } #searchbar, #expander { font-size: 12pt; line-height: 20pt; position: absolute; margin: 0; padding: 0 8px 2px 8px; border-right: 1px solid gray; border-bottom: 1px solid gray; background-color: lightgray; } #searchbar { top: 0; left: 0; } #searchbar a, #expander a { color: blue; text-decoration: none; } #searchbar a:hover, #expander a:hover { cursor: pointer; } #searchbar .glyph, #expander .glyph { vertical-align: middle; font-size: 20pt; font-weight: bold; letter-spacing: 0.10em; } #searchinfo { font-weight: normal; letter-spacing: 0; } #expander { top: 0; right: 0; } .zoomtick { margin: 0 1px; width: 6px; height: 1.2em; display: inline-block; vertical-align: middle; background-color: darkgray; } .zoomtick.currentzoom { background-color: white; } .zoomtick:hover { background-color: blue; } .t { position: absolute; background-repeat: no-repeat; font-size: 24pt; font-family: sans-serif; } #viewer a.icon { position: absolute; /* background-color: rgba(0, 0, 255, 0.5); */ } #viewer a.icon:visited { position: absolute; /* background-color: rgba(255, 0, 0, 0.5); */ } #viewer a.icon:hover { background-color: rgba(255, 255, 255, 0.5); } #viewer a.icon.selected { background-color: inherit; border: 2px solid gold; margin-left: -2px; margin-top: -2px; }