| 提交 | 用户 | 时间 | ||
| 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 | } | |
