/assets/styles/panojs.css
http://panojs.googlecode.com/ · CSS · 72 lines · 67 code · 0 blank · 5 comment · 0 complexity · f636f2e28898d8176abe852ac18ca6a9 MD5 · raw file
- #viewer {
- position: relative;
- top: 0;
- left: 0;
- /* NOTE: the size and width should be set dynamically when initialized */
- width: 0;
- height: 0;
- }
- #viewer .well, #viewer .surface {
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0px;
- left: 0px;
- /* FIXME: let's apply this in GSV.js */
- /*cursor: grab;*/
- cursor: -moz-grab;
- _cursor: url(../gfx/grab.cur);
- }
- #viewer .surface {
- z-index: 20;
- *background: url(../gfx/blank.gif) no-repeat center center; /* NOTE: required for IE to"see" the surface */
- }
- #viewer .well {
- overflow: hidden;
- z-index: 10;
- }
- #viewer .well .tile
- {
- border: 0;
- margin: 0;
- padding: 0;
- position: absolute;
- top: 0px;
- left: 0px;
- display: block;
- /*-moz-outline: 1px dashed #FF0000;*/
- }
- #viewer .controls
- {
- background-color: #FFFFFF;
- position: absolute;
- /* NOTE: the right and bottom can be adjusted when initialized */
- right: 0;
- bottom: 0;
- width: 44px;
- height: 20px;
- margin: 0;
- padding: 0 0 0 4px;
- font-size: 12px;
- line-height: 20px;
- vertical-align: middle;
- font-weight: bold;
- border: 1px solid #000000;
- z-index: 30;
- }
- #viewer .controls a, #viewer .controls span
- {
- color: #000000;
- text-decoration: none;
- -moz-outline: none;
- cursor: pointer;
- }
- #viewer .controls a img, #viewer .controls span img {
- border: 0;
- vertical-align: middle;
- }
- #viewer .controls a:active, #viewer .controls span:active {
- color: #FF0000;
- }