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