]> dev.renevier.net Git - syp.git/blob - media/syp.css
when clicking image in popup, show it full screen
[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 {
18     text-align: center;
19     border: 3px double black;
20     background-color: white;
21 }
22 .olPopup img {
23     margin: 20px;
24 }
25
26 /* for IE (does not understand double borders */
27 #popup_contentDiv {
28     _border: 2px solid black;
29 }
30
31 #message {
32     display: none;
33     z-index: 2000;
34     position: absolute;
35     bottom: 4px;
36     margin: 0px 30% 0px 30%;
37     text-align: center;
38     width: 40%;
39     padding: 18px 0px 12px 0px;
40     font-weight: bold;
41     background-color: white;
42 }
43
44 #bigimg_container {
45     z-index: 2001;
46     position: absolute;
47     top: 0;
48     left: 0;
49     width: 100%;
50     height: 100%;
51     display: none;
52     text-align: center;
53     overflow: hidden;
54 }
55 #bigimg_transparency {
56     z-index: -1;
57     position: absolute;
58     top: 0px;
59     left: 0px;
60     right: 0px;
61     bottom; 0px;
62     width: 100%;
63     height: 100%;
64     background-color: #000;
65     opacity: 0.6;
66     filter: alpha(opacity = 60);
67 }
68 #bigimg_content {
69     display: table-cell;
70     vertical-align: middle;
71     _position: absolute;
72     _top: 50%;
73     _left: 50%;
74 }
75 #bigimg {
76     -moz-user-select: none;
77     -webkit-user-select: none;
78     _position: relative;
79     _left: -50%;
80     _top: -50%;
81 }
82 #bigimg_close {
83     position: absolute;
84     top: 0;
85     left: 0;
86     cursor: pointer;
87 }