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     z-index:20001;
25     padding: 4px;
26     
27 }
28 \r
29 .x-body-masked {\r
30         overflow:hidden !important;\r
31 }\r
32 .x-body-masked select,.ext-masked object,.ext-masked embed{\r
33          visibility:hidden;\r
34 }
35
36
37
38
39
40 /* --- we do not have any shadow images ....\r
41 .x-shadow
42 {\r
43         background:#cccccc;\r
44    opacity:.3;\r
45    -moz-opacity:.3;\r
46    filter: alpha(opacity=30);
47    position: absolute;
48    overflow: hidden;
49    left: 0px;
50    top: 0px;
51    display: none;\r
52 }
53 */
54 /** --- top/bottom left / right shadow */
55 /*
56 .x-shadow .xstl,
57 .x-shadow .xstr,
58 .x-shadow .xsbl
59 .x-shadow .xsbr
60 {
61     height: 7px;
62     width: 7px;
63     float: left;
64 }
65
66 */
67 /** --- middle left / right shadow */
68 /*
69 .x-shadow .xsml,
70 .x-shadow .xsmr
71 {
72     height: 100%;
73     width: 7px;
74     float: left;
75 }
76 */
77 /** --- top center / bottom center ? shadow */
78 /*
79 .x-shadow .xstc,
80 .x-shadow .xsbc
81 {
82     height: 7px;
83     float: left;
84 }
85 */
86 /*
87 .x-shadow * 
88 {
89     overflow: hidden;
90     clear: none;
91     background:#cccccc;
92    opacity:.3;
93    -moz-opacity:.3;
94     filter: alpha(opacity=30);
95 }
96 */
97 /** silly kludge for IE with select's under divs */
98 .roo-ie .roo-shim {
99     filter: alpha(opacity=0);
100 }
101 .roo-shim {     
102     position: absolute;
103     left: 0px;  
104     top: 0px
105     visibility: hidden; 
106     overflow: hidden;   
107     
108 }
109
110 .x-hidden 
111 {
112    position:absolute;
113    top:0;
114    left:0;
115    visibility: hidden;
116    display: none;
117 }