|
1 div { |
|
2 position: absolute; |
|
3 } |
|
4 #bad { |
|
5 left:220px; top:0px; |
|
6 z-index: 0; |
|
7 } |
|
8 #good { |
|
9 left:0px; top:0px; |
|
10 width:220px; height:220px; |
|
11 /* Core Animation alpha blending rounding differs |
|
12 from the Core Graphics blending, adjust with care */ |
|
13 background-color: rgba(0,255,0, 0.51); |
|
14 z-index: 0; |
|
15 } |
|
16 |
|
17 #topbar { |
|
18 left:0px; top:0px; |
|
19 width:220px; height:20px; |
|
20 background-color: rgb(0,0,0); |
|
21 z-index: 2; |
|
22 } |
|
23 #topbar { |
|
24 left:0px; top:0px; |
|
25 width:220px; height:20px; |
|
26 background-color: rgb(0,0,0); |
|
27 z-index: 2; |
|
28 } |
|
29 #leftbar { |
|
30 left:0px; top:0px; |
|
31 width:20px; height:220px; |
|
32 background-color: rgb(0,0,0); |
|
33 z-index: 2; |
|
34 } |
|
35 #rightbar { |
|
36 left:200px; top:0px; |
|
37 width:20px; height:220px; |
|
38 background-color: rgb(0,0,0); |
|
39 z-index: 2; |
|
40 } |
|
41 #bottombar { |
|
42 left:0px; top:200px; |
|
43 width:220px; height:20px; |
|
44 background-color: rgb(0,0,0); |
|
45 z-index: 2; |
|
46 } |
|
47 |
|
48 div#plugin { |
|
49 position: absolute; |
|
50 left:1px; top:1px; |
|
51 width:199px; height:199px; |
|
52 background-color: rgba(0,0,255, 0.2); |
|
53 z-index: 1; |
|
54 } |
|
55 |
|
56 embed#plugin { |
|
57 position: absolute; |
|
58 left:1px; top:1px; |
|
59 z-index: 1; |
|
60 } |
|
61 |