]> git.wh0rd.org - tt-rss.git/blame - lib/modalbox/modalbox.css
add dijit/dojo stuff; initial ui mockup
[tt-rss.git] / lib / modalbox / modalbox.css
CommitLineData
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}