| changeset 56 | a86b4f6d95b4 |
| parent 23 | 9fe44f4d31c9 |
| child 63 | 4a68acad2e13 |
| 55:4d3804ea2b8d | 56:a86b4f6d95b4 |
|---|---|
12 width: ${width}px; |
12 width: ${width}px; |
13 height: ${height}px; |
13 height: ${height}px; |
14 } |
14 } |
15 body.pdocTopic { padding: 0; } |
15 body.pdocTopic { padding: 0; } |
16 |
16 |
17 img { max-width: 100%; max-height: 100%; } |
|
18 |
|
19 |
|
20 |
|
21 /* ======= BLOCK LEVEL ====== */ |
|
22 |
|
23 |
|
17 /* ~~~~~~~ pdocMedia ~~~~~~~~ */ |
24 /* ~~~~~~~ pdocMedia ~~~~~~~~ */ |
18 |
25 |
19 .pdocMedia { |
26 .pdocMedia { |
27 position: relative; |
|
20 margin: 0; |
28 margin: 0; |
21 } |
29 } |
22 |
30 |
23 .pdocMediaCaptionAbsolute { |
31 .pdocMediaCaptionAbsolute { |
32 position: absolute; |
|
24 text-align: center; |
33 text-align: center; |
25 width: 100%; |
34 width: 100%; |
26 } |
35 } |
27 |
36 |
28 /* ~~~~~~~ pdocImage ~~~~~~~~ */ |
37 /* ~~~~~~~ pdocImage ~~~~~~~~ */ |
29 |
38 |
39 .pdocImage { |
|
40 max-width: 100%; |
|
41 max-height: 100%; |
|
42 } |
|
43 |
|
44 .pdocImage.tooltip, .pdocImage.hotspot { |
|
45 float: left; |
|
46 position: relative; |
|
47 } |
|
48 |
|
49 .pdocImageHotspot { |
|
50 position: absolute; |
|
51 } |
|
52 |
|
53 .pdocImageHotspot a { |
|
54 display: block; |
|
55 text-decoration: none; |
|
56 border: 1px dotted gray; |
|
57 } |
|
58 |
|
59 .pdocImagePulse { |
|
60 position: absolute; |
|
61 cursor: pointer; |
|
62 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
63 } |
|
64 |
|
30 .pdocImageTooltip { |
65 .pdocImageTooltip { |
66 position: absolute; |
|
67 display: none; |
|
68 color: white; |
|
31 font-size: 140%; |
69 font-size: 140%; |
32 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
70 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
71 text-shadow: 1px 1px 1px #bbbbbb; |
|
33 } |
72 } |
34 .pdocImageTooltip .pdocP { |
73 .pdocImageTooltip .pdocP { |
35 color: white; |
74 color: white; |
36 } |
|
37 |
|
38 .pdocImagePulse { |
|
39 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
40 } |
75 } |
41 |
76 |
42 /* ~~~~~~~~~~ pdocP ~~~~~~~~~ */ |
77 /* ~~~~~~~~~~ pdocP ~~~~~~~~~ */ |
43 |
78 |
44 .pdocP { |
79 .pdocP { |
72 left: -50%; |
107 left: -50%; |
73 width: 200%; |
108 width: 200%; |
74 height: 200%; |
109 height: 200%; |
75 cursor: none; |
110 cursor: none; |
76 background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%); |
111 background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%); |
77 background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75))); |
112 /* background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75))); */ |
78 } |
113 } |