xref: /plugin/magnifier/style.css (revision e2b9f9ac75051a415ac1ea1f9bc9bdb64a9f7dd4) 
1div.magnifierWrapper,
2svg.magnifierWrapper
3{
4    position: absolute;
5    width: 320px;
6    height: 270px;
7
8    margin-left: -20px;
9    margin-top: 20px;
10
11    pointer-events: none;
12
13    /* IE dos not support pointer events*/
14    margin-left: 10px\9;
15    margin-top: 0px\9;
16}
17
18noindex:-o-prefocus, div.magnifierWrapper,
19svg.magnifierWrapper
20{
21        margin-left: 10px;
22        margin-top: 0px;
23}
24
25div.magnifierWrapper:after,
26svg.magnifierWrapper:after
27{
28    content: '';
29    position: absolute;
30    top: 0px;
31    left: 0px;
32    right: 0px;
33    bottom: 0px;
34
35    background: url(images/magnifier.png) no-repeat left top;
36
37    -webkit-transform-origin: 18px 248px;
38    -moz-transform-origin: 18px 248px;
39    -o-transform-origin: 18px 248px;
40    -ms-transform-origin: 18px 248px;
41}
42
43div.magnifierWrapper div.magnifierContent,
44svg.magnifierWrapper rect.magnifierContent
45{
46    position: absolute;
47    width: 252px;
48    height: 252px;
49    overflow: hidden;
50
51    top: 9px;
52    left: 58px;
53
54    border-radius: 126px;
55    background-repeat: no-repeat;
56    background-color: #666;
57}
58