/assets/styles/panojs.css

 1#viewer {
 2	position: relative;
 3	top: 0;
 4	left: 0;
 5	/* NOTE: the size and width should be set dynamically when initialized */
 6	width: 0;
 7	height: 0;
 8}
 9#viewer .well, #viewer .surface {
10	margin: 0;
11	padding: 0;
12	width: 100%;
13	height: 100%;
14	position: absolute;
15	top: 0px;
16	left: 0px;
17	/* FIXME: let's apply this in GSV.js */
18	/*cursor: grab;*/
19	cursor: -moz-grab;
20		_cursor: url(../gfx/grab.cur);
21}
22#viewer .surface {
23	z-index: 20;
24		*background: url(../gfx/blank.gif) no-repeat center center; /* NOTE: required for IE to"see" the surface */
25}
26#viewer .well {
27	overflow: hidden;
28	z-index: 10;
29}
30#viewer .well .tile
31{
32	border: 0;
33	margin: 0;
34	padding: 0;
35	position: absolute;
36	top: 0px;
37	left: 0px;
38	display: block;
39	/*-moz-outline: 1px dashed #FF0000;*/
40}
41#viewer .controls        
42{
43	background-color: #FFFFFF;
44	position: absolute;
45	/* NOTE: the right and bottom can be adjusted when initialized */
46	right: 0;
47	bottom: 0;
48	width: 44px;
49	height: 20px;
50	margin: 0;
51	padding: 0 0 0 4px;
52	font-size: 12px;
53	line-height: 20px;
54	vertical-align: middle;
55	font-weight: bold;
56	border: 1px solid #000000;
57	z-index: 30;
58}
59#viewer .controls a, #viewer .controls span
60{
61	color: #000000;
62	text-decoration: none;
63	-moz-outline: none;
64	cursor: pointer;
65}
66#viewer .controls a img, #viewer .controls span img {
67	border: 0;
68	vertical-align: middle;
69}
70#viewer .controls a:active, #viewer .controls span:active {
71	color: #FF0000;
72}