提交 | 用户 | 时间
|
58d006
|
1 |
body{ |
A |
2 |
font-family: 'Droid Sans', 'Helvetica', Arial, sans-serif; |
|
3 |
margin:5px; |
|
4 |
} |
|
5 |
#map{ |
|
6 |
display: block; |
|
7 |
width: 95%; |
|
8 |
height: 350px; |
|
9 |
margin: 0 auto; |
|
10 |
-moz-box-shadow: 0px 5px 20px #ccc; |
|
11 |
-webkit-box-shadow: 0px 5px 20px #ccc; |
|
12 |
box-shadow: 0px 5px 20px #ccc; |
|
13 |
} |
|
14 |
#map.large{ |
|
15 |
height:500px; |
|
16 |
} |
|
17 |
|
|
18 |
.overlay{ |
|
19 |
display:block; |
|
20 |
text-align:center; |
|
21 |
color:#fff; |
|
22 |
font-size:60px; |
|
23 |
line-height:80px; |
|
24 |
opacity:0.8; |
|
25 |
background:#4477aa; |
|
26 |
border:solid 3px #336699; |
|
27 |
border-radius:4px; |
|
28 |
box-shadow:2px 2px 10px #333; |
|
29 |
text-shadow:1px 1px 1px #666; |
|
30 |
padding:0 4px; |
|
31 |
} |
|
32 |
|
|
33 |
.overlay_arrow{ |
|
34 |
left:50%; |
|
35 |
margin-left:-16px; |
|
36 |
width:0; |
|
37 |
height:0; |
|
38 |
position:absolute; |
|
39 |
} |
|
40 |
.overlay_arrow.above{ |
|
41 |
bottom:-15px; |
|
42 |
border-left:16px solid transparent; |
|
43 |
border-right:16px solid transparent; |
|
44 |
border-top:16px solid #336699; |
|
45 |
} |
|
46 |
.overlay_arrow.below{ |
|
47 |
top:-15px; |
|
48 |
border-left:16px solid transparent; |
|
49 |
border-right:16px solid transparent; |
|
50 |
border-bottom:16px solid #336699; |
|
51 |
} |