add some margin around image
[syp.git] / media / syp.css
1 /* Copyright (c) 2009 Arnaud Renevier, Inc, published under the modified BSD
2    license. */
3
4 @import url(common.css);
5
6 #map {
7     width: 100%;
8     height: 100%;
9 }
10
11 .olControlAttribution {
12     left: 3px;
13     bottom: 1.5em!important;
14     width: 50%;
15 }
16
17 .olPopup p {
18     width: 400px;
19 }
20 .olPopup img {
21     margin: 20px;
22     max-height: 400px;
23     max-width: 400px;
24
25     /* for IE (does not understand max-heigth max-width) */
26     _height: expression((this.offsetHeight>this.offsetWidth) ? 
27              Math.min(parseInt(this.offsetHeight), 400 ) : true);
28     _width: expression((this.offsetWidth>=this.offsetHeight) ? 
29             Math.min(parseInt(this.offsetWidth), 400 ) : true); 
30 }
31 .olPopup {
32     text-align: center;
33     border: 3px double black;
34     background-color: white;
35 }
36 /* for IE (does not understand double borders */
37 #popup_contentDiv {
38     _border: 2px solid black;
39 }
40
41 #message {
42     display: none;
43     z-index: 2000;
44     position: absolute;
45     bottom: 4px;
46     margin: 0px 30% 0px 30%;
47     text-align: center;
48     width: 40%;
49     padding: 18px 0px 12px 0px;
50     font-weight: bold;
51     background-color: white;
52 }