Initialize the UI code
[holmes/rule-management.git] / rulemgt / src / main / frontend / src / public / framework / css / RMain.css
1 /* Copyright 2016, Huawei Technologies Co., Ltd.
2  *
3  * Licensed under the Apache License, Version 2.0 (the "License");
4  * you may not use this file except in compliance with the License.
5  * You may obtain a copy of the License at
6  *
7  *    http://www.apache.org/licenses/LICENSE-2.0
8  *
9  * Unless required by applicable law or agreed to in writing, software
10  * distributed under the License is distributed on an "AS IS" BASIS,
11  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12  * See the License for the specific language governing permissions and
13  * limitations under the License.
14  */
15
16 #iemp_layout_container {
17     padding: 0px;
18     margin: 1px auto;
19     width: 100%;
20     height: 100%;
21 }
22
23 #iemp_layout_container .three-cols-layout {
24     width: 100%;
25     height: 100%;
26     border-collapse: collapse;
27     margin-left: 0px;
28     margin-top: 0px;
29     margin-right: 0px;
30     margin-bottom: 0px;
31 }
32
33 #iemp_layout_container .three-cols-layout {
34     width: 100%;
35     height: 100%;
36     border-collapse: collapse;
37     margin-left: 0px;
38     margin-top: 0px;
39     margin-right: 0px;
40     margin-bottom: 0px;
41 }
42
43 #iemp_layout_container .three-cols-column.three-cols-left {
44     width: 215px;
45     background-color: #f5f5f5;
46 }
47
48 .accordion_parent {
49     position: relative;
50     width: 220px;
51     background-color: #f5f5f5;
52 }
53
54 .openo-accordion-resizable-handle {
55     z-index: 1 !important;
56     cursor: e-resize;
57     width: 7px;
58     right: -5px;
59     top: 0;
60     height: 100%;
61     position: absolute;
62     font-size: .1px;
63     display: block;
64 }
65
66 .openoAccordian_accordionmenu {
67     width: 100%;
68     margin: 0;
69     padding: 0;
70     list-style-type: none;
71     line-height: 17px;
72 }
73
74 .openoAccordian_accordionmenu li {
75     min-width: 75px;
76     margin: 0;
77     padding: 0;
78     list-style-type: none;
79     color: #000;
80     clear: both;
81 }
82
83 .openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {
84     display: block;
85     float: left;
86     margin-bottom: -1px;
87     border-bottom: 1px solid #e5e5e5;
88     cursor: pointer;
89     width: 13px;
90     padding-top: 26px;
91 }
92
93 .openo_accordion_ui-icon-expand {
94     background: url(../images/collapse_arrow.png) right 20px no-repeat;
95     margin-top: 8px;
96 }
97
98 .openo_accordion_ui-icon-expand.current {
99     background: url(../images/expand_arrow.png) right 20px no-repeat;
100 }
101
102 .openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {
103     display: block;
104     position: absolute;
105     right: 0;
106     top: 4px;
107     width: 18px;
108     height: 41px;
109     cursor: pointer;
110     background-color: #f5f5f5;
111 }
112
113 .openoAccordian_showHideArrow_hide {
114     background-image: url(../images/openo.png);
115     background-position: -7px 0 !important;
116     border-collapse: separate;
117     /*box-shadow: inset -1px 0 0 #e5e5e5;*/
118 }
119
120 a.header.opened, a.header.closed {
121     font-size: 16px;
122     padding-top: 24px;
123     padding-bottom: 25px;
124     color: #999999;
125 }
126
127 .openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {
128     padding-right: 10px;
129     background-position: 98% 50%;
130     background-repeat: no-repeat;
131 }
132
133 .openoAccordian_accordionmenu li a {
134     padding: 11px 10px 12px;
135     color: #333333;
136     margin-right: 1px;
137     margin-top: -1px;
138     text-align: left !important;
139     font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;
140     font-size: 14px;
141     text-overflow: ellipsis;
142     white-space: nowrap;
143     overflow: hidden;
144     border-top: 1px solid #e5e5e5;
145     border-bottom: 1px solid #e5e5e5;
146     /*height: 19px;*/
147 }
148
149 .openoAccordian_accordionmenu ul {
150     margin: 0;
151     padding: 0;
152     overflow: hidden;
153 }
154
155 .openoAccordian_accordionmenu a {
156     display: block;
157     text-decoration: none;
158 }
159
160 a {
161     color: #428bca;
162     text-decoration: none;
163     background: 0 0;
164 }
165
166 .bar {
167     height: 834px;
168     width: 18px;
169     background: #f8f8f8;
170     display: none;
171 }
172
173 .bar span {
174     width: 13px;
175     height: 34px;
176     background-image: url(../images/openo.png);
177     background-position: -39px 0 !important;
178     display: block;
179     /*margin-top: -430px;*/
180 }
181
182 #accordionmenuid_ul_0_0_brAppTopMenuID_UL li {
183     cursor: pointer;
184 }
185
186 #puer_base_openo {
187     border: 1px solid #ddd;
188 }
189
190 .openo_accordion_selected {
191     margin-left: 0;
192     margin-right: 0;
193     background: #fafafa;
194     border-left: 3px solid #4ac9ff !important;
195     box-shadow: none;
196     position: relative;
197 }
198
199 a:hover {
200     color: #4ac9ff !important;
201 }
202
203 .openoAccordian_accordionmenu li.openo_accordion_selected a {
204     position: relative;
205     left: -3px;
206     color: #009ae7;
207 }
208
209 .openo-accordion-resizable-handle {
210     z-index: 1 !important;
211     cursor: e-resize;
212     width: 7px;
213     right: -5px;
214     top: 0;
215     height: 100%;
216     position: absolute;
217     font-size: .1px;
218     display: block;
219 }
220
221 #iframeContainer iframe {
222     width: 100%;
223     height: 100%;
224     border: 0;
225 }
226
227 #accordionContent, #iframeContainer {
228     margin: 0;
229     padding: 0;
230     border: 0;
231     width: 100%;
232     height: 100%;
233 }
234
235 .openoAccordian_showHideArrow_show {
236     background-image: url(../images/openo.png);
237     background-position: -39px 0 !important;
238     box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;
239 }