css/core.css
[roojs1] / css / core.css
1 .roo-el-mask {\r
2         z-index:20000;   \r
3    position:absolute;\r
4    top:0;\r
5    left:0;\r
6    -moz-opacity: 0.5;\r
7    opacity:.50;\r
8    filter: alpha(opacity=50);\r
9    background-color:#CCC;\r
10         width:100%;\r
11         height:100%;\r
12         zoom:1;\r
13 }
14 .roo-el-mask-msg 
15 {
16     position: absolute;
17     z-index:20000;
18     border: 1px solid #ccc;
19     background-color: #fff;
20 }
21
22 .roo-el-mask-msg div {
23     font: bold 13px "sans serif", tahoma, verdana, helvetica;
24     
25     z-index:20001;
26     
27     
28     
29 }
30 \r
31 .x-body-masked {\r
32         overflow:hidden !important;\r
33 }\r
34 .x-body-masked select,.ext-masked object,.ext-masked embed{\r
35          visibility:hidden;\r
36 }
37
38
39
40
41
42 /* --- we do not have any shadow images ....\r
43 .x-shadow
44 {\r
45         background:#cccccc;\r
46    opacity:.3;\r
47    -moz-opacity:.3;\r
48    filter: alpha(opacity=30);
49    position: absolute;
50    overflow: hidden;
51    left: 0px;
52    top: 0px;
53    display: none;\r
54 }
55 */
56 /** --- top/bottom left / right shadow */
57 /*
58 .x-shadow .xstl,
59 .x-shadow .xstr,
60 .x-shadow .xsbl
61 .x-shadow .xsbr
62 {
63     height: 7px;
64     width: 7px;
65     float: left;
66 }
67
68 */
69 /** --- middle left / right shadow */
70 /*
71 .x-shadow .xsml,
72 .x-shadow .xsmr
73 {
74     height: 100%;
75     width: 7px;
76     float: left;
77 }
78 */
79 /** --- top center / bottom center ? shadow */
80 /*
81 .x-shadow .xstc,
82 .x-shadow .xsbc
83 {
84     height: 7px;
85     float: left;
86 }
87 */
88 /*
89 .x-shadow * 
90 {
91     overflow: hidden;
92     clear: none;
93     background:#cccccc;
94    opacity:.3;
95    -moz-opacity:.3;
96     filter: alpha(opacity=30);
97 }
98 */
99 /** silly kludge for IE with select's under divs */
100 .roo-ie .roo-shim {
101     filter: alpha(opacity=0);
102 }
103 .roo-shim {     
104     position: absolute;
105     left: 0px;  
106     top: 0px
107     visibility: hidden; 
108     overflow: hidden;   
109     
110 }
111
112 .x-hidden 
113 {
114    position:absolute;
115    top:0;
116    left:0;
117    visibility: hidden;
118    display: none;
119 }