]> git.openstreetmap.org Git - osqa.git/blob - forum/skins/default/media/js/viewbox.css
try to get the position of the event currentTarget if there is no pageX or pageY...
[osqa.git] / forum / skins / default / media / js / viewbox.css
1 /* Miniatury */\r
2 .thumbdiv {\r
3         float:left; \r
4         position:relative;\r
5 }\r
6 .thumbdiv .title {\r
7         position:absolute;\r
8         padding:2px;\r
9         font-size:1.0em;\r
10         color:#fff;\r
11         background:#000;\r
12         border-top:solid 1px #000;\r
13         opacity:0.8;\r
14         bottom:14px;\r
15         left:8px;\r
16         right:9px;\r
17 }\r
18 /* VIEWBOX */\r
19 #viewbox {\r
20         position:fixed;\r
21         height:100%;\r
22         width:100%;   \r
23         top:0;\r
24         left:0;\r
25         background:#383739;\r
26         z-index:2190; \r
27         overflow:auto;\r
28\r
29 .vb_wrap {\r
30         position:absolute; \r
31         padding:10px;\r
32         height:20px;\r
33         width:20px; \r
34         background-image:url(../images/viewbox/ViewBox_bg.png);\r
35         background-color:#0f0e0e;\r
36         overflow:visible; \r
37         z-index:2200;\r
38         margin:0 auto;\r
39         top:0; \r
40         left:0;\r
41         border-radius:10px;\r
42         box-shadow: 4px 4px 7px #000;\r
43\r
44 .vb_wrap .content {\r
45         position:relative;\r
46         overflow:visible;\r
47 }\r
48 .vb_wrap .number {\r
49         position:absolute;\r
50         top:-32px;\r
51         left:1px;\r
52         font-size:0.9em;\r
53         color:#0c0c0c;\r
54\r
55 .vb_wrap .close {\r
56         position:absolute; \r
57         top:-40px;\r
58         right:-7px;\r
59         background:url(../images/viewbox/viewbox_close.png) top left no-repeat;\r
60         height:30px;\r
61         width:30px;\r
62 }\r
63 * html .vb_wrap .close {\r
64         top:-26px;\r
65         right:7px;\r
66 }\r
67 .vb_wrap .next {\r
68         position:absolute;   \r
69         right:-60px;\r
70         background:url(../images/viewbox/ViewBox_next.png) top left no-repeat;\r
71         height:50px;\r
72         width:50px;\r
73         z-index:2190;\r
74 }\r
75 .vb_wrap .prev {\r
76         position:absolute;   \r
77         left:-59px;\r
78         background:url(../images/viewbox/ViewBox_prev.png) top right no-repeat;\r
79         height:50px;\r
80         width:50px;\r
81         z-index:2190;\r
82 }\r
83 .vb_wrap .close a, .vb_wrap .next a, .vb_wrap .prev a {\r
84         display:block;\r
85         height:100%;\r
86         width:100%;\r
87         text-indent:-777em;\r
88         outline:none;\r
89 }\r
90 .vb_wrap h1 {\r
91         margin:5px 0px 8px;\r
92         padding-bottom:3px;\r
93         letter-spacing:1.3px; \r
94         font-family:Arial, Helvetica, sans-serif;\r
95         font-size:0.9em;\r
96         color:#cdcdcd;\r
97         border-bottom:solid 1px #7e7e7e;\r
98         \r
99 }\r
100 .vb_wrap p { \r
101         font-family:Arial, Helvetica, sans-serif;\r
102         font-size:0.8em;\r
103         text-align:justify;\r
104         color:#e5e5e5;\r
105 }\r
106 .vb_wrap .text {\r
107         position:absolute;\r
108         background: url(../images/viewbox/ViewBox_bg.png) top left repeat;\r
109         border-top:solid 1px #121212;\r
110         bottom:0; left:0;\r
111         padding:5px;\r
112         width:99%; \r
113         z-index:2110;\r
114 }\r
115 * html .vb_wrap .text {\r
116         background-image:none;\r
117         background-color:#0f0e0e;\r
118 }\r
119 .vb_wrap .image {\r
120         z-index:2220;\r
121 }\r
122 .vb_wrap .text h1 {\r
123         margin:2px; \r
124         padding:1px;\r
125         color:#919191;\r
126         z-index:2230;\r
127 }\r
128 .vb_wrap .text .description {\r
129         position:relative;\r
130         bottom:0px; \r
131         left:0px;\r
132         padding:2px 2px;\r
133         font-family:Arial, Helvetica, sans-serif;\r
134         font-size:0.8em;\r
135         z-index:2260;\r
136         color:#949494; \r
137 }\r