]>
Commit | Line | Data |
---|---|---|
951906dc AD |
1 | /*\r |
2 | modalbox.css\r | |
3 | \r | |
4 | Modalbox project\r | |
5 | \r | |
6 | Created by Andrew Okonetchnikov.\r | |
7 | Copyright 2006-2010 okonet.ru. All rights reserved.\r | |
8 | \r | |
9 | Licensed under MIT license.\r | |
10 | */\r | |
11 | \r | |
12 | #MB_overlay {\r | |
13 | position: absolute;\r | |
14 | margin: auto;\r | |
15 | top: 0; left: 0;\r | |
16 | width: 100%; height: 100%;\r | |
17 | z-index: 9999;\r | |
18 | border: 0;\r | |
19 | background-color: #000!important;\r | |
20 | }\r | |
21 | #MB_overlay[id] { position: fixed; }\r | |
22 | \r | |
23 | #MB_windowwrapper {\r | |
24 | position:absolute;\r | |
25 | top:0;\r | |
26 | width:100%;\r | |
27 | }\r | |
28 | \r | |
29 | #MB_window {\r | |
30 | position:relative;\r | |
31 | margin-left:auto;\r | |
32 | margin-right:auto;\r | |
33 | top:0;\r | |
34 | left:0;\r | |
35 | border: 0 solid;\r | |
36 | text-align: left;\r | |
37 | z-index: 10000;\r | |
38 | }\r | |
39 | #MB_window[id] { position: relative; }\r | |
40 | \r | |
41 | #MB_frame {\r | |
42 | position: relative;\r | |
43 | background-color: #EFEFEF;\r | |
44 | height: 100%;\r | |
45 | }\r | |
46 | \r | |
47 | #MB_header {\r | |
48 | margin: 0;\r | |
49 | padding: 0;\r | |
50 | }\r | |
51 | \r | |
52 | #MB_content {\r | |
53 | position: relative;\r | |
54 | padding: 6px .75em;\r | |
55 | overflow: auto;\r | |
56 | }\r | |
57 | \r | |
58 | #MB_caption {\r | |
59 | font: bold 100% "Lucida Grande", Arial, sans-serif;\r | |
60 | text-shadow: #FFF 0 1px 0;\r | |
61 | padding: .5em 2em .5em .75em;\r | |
62 | margin: 0;\r | |
63 | text-align: left;\r | |
64 | }\r | |
65 | \r | |
66 | #MB_close {\r | |
67 | display: block;\r | |
68 | position: absolute;\r | |
69 | right: 5px; top: 4px;\r | |
70 | padding: 2px 3px;\r | |
71 | font-weight: bold;\r | |
72 | text-decoration: none;\r | |
73 | font-size: 13px;\r | |
74 | }\r | |
75 | #MB_close:hover {\r | |
76 | background: transparent;\r | |
77 | }\r | |
78 | \r | |
79 | #MB_loading {\r | |
80 | padding: 1.5em;\r | |
81 | text-indent: -10000px;\r | |
82 | background: transparent url(spinner.gif) 50% 0 no-repeat;\r | |
83 | }\r | |
84 | \r | |
85 | /* Color scheme */\r | |
86 | #MB_window {\r | |
87 | background-color: #EFEFEF;\r | |
88 | color: #000;\r | |
89 | \r | |
90 | -webkit-box-shadow: 0 0 64px #000; \r | |
91 | -moz-box-shadow: #000 0 0 64px; \r | |
92 | box-shadow: 0 0 64px #000;\r | |
93 | }\r | |
94 | #MB_frame {\r | |
95 | padding-bottom: 4px;\r | |
96 | \r | |
97 | -webkit-border-bottom-left-radius: 4px;\r | |
98 | -webkit-border-bottom-right-radius: 4px;\r | |
99 | \r | |
100 | -moz-border-radius-bottomleft: 4px;\r | |
101 | -moz-border-radius-bottomright: 4px;\r | |
102 | \r | |
103 | border-bottom-left-radius: 4px;\r | |
104 | border-bottom-right-radius: 4px;\r | |
105 | }\r | |
106 | \r | |
107 | #MB_content { border-top: 1px solid #F9F9F9; }\r | |
108 | \r | |
109 | #MB_header {\r | |
110 | background-color: #DDD;\r | |
111 | border-bottom: 1px solid #CCC;\r | |
112 | }\r | |
113 | #MB_caption { color: #000 }\r | |
114 | #MB_close { color: #777 }\r | |
115 | #MB_close:hover { color: #000 }\r | |
116 | \r | |
117 | \r | |
118 | /* Alert message */\r | |
119 | .MB_alert {\r | |
120 | margin: 10px 0;\r | |
121 | text-align: center;\r | |
122 | } |