rebuild GUI structure(only changed modules' name)
[vnfsdk/refrepo.git] / lifecyclemgr / src / main / webapp / lifecyclemgr / css / RMain.css
1 /* Copyright 2016-2017, 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 #iemp_layout_container .three-cols-layout {
23   width: 100%;
24   height: 100%;
25   border-collapse: collapse;
26   margin-left: 0px;
27   margin-top: 0px;
28   margin-right: 0px;
29   margin-bottom: 0px;
30 }
31 #iemp_layout_container .three-cols-layout {
32   width: 100%;
33   height: 100%;
34   border-collapse: collapse;
35   margin-left: 0px;
36   margin-top: 0px;
37   margin-right: 0px;
38   margin-bottom: 0px;
39 }
40 #iemp_layout_container .three-cols-column.three-cols-left {
41   width: 215px;
42   background-color: #f5f5f5;
43 }
44 .accordion_parent {
45   position: relative;
46   width: 220px;
47   background-color: #f5f5f5;
48 }
49 .openo-accordion-resizable-handle {
50   z-index: 1!important;
51   cursor: e-resize;
52   width: 7px;
53   right: -5px;
54   top: 0;
55   height: 100%;
56   position: absolute;
57   font-size: .1px;
58   display: block;
59 }
60 .openoAccordian_accordionmenu {
61   width: 100%;
62   margin: 0;
63   padding: 0;
64   list-style-type: none;
65   line-height: 17px;
66 }
67 .openoAccordian_accordionmenu li {
68   min-width: 75px;
69   margin: 0;
70   padding: 0;
71   list-style-type: none;
72   color: #000;
73   clear: both;
74 }
75 .openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {
76   display: block;
77   float: left;
78   margin-bottom: -1px;
79   border-bottom: 1px solid #e5e5e5;
80   cursor: pointer;
81   width: 13px;
82   padding-top: 26px;
83 }
84 .openo_accordion_ui-icon-expand {
85   background: url(../images/collapse_arrow.png) right 20px no-repeat;
86   margin-top: 8px;
87 }
88 .openo_accordion_ui-icon-expand.current{
89   background: url(../images/expand_arrow.png) right 20px no-repeat;
90 }
91 .openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {
92   display: block;
93   position: absolute;
94   right: 0;
95   top: 4px;
96   width: 18px;
97   height: 41px;
98   cursor: pointer;
99   background-color: #f5f5f5;
100 }
101 .openoAccordian_showHideArrow_hide {
102   background-image: url(../images/openo.png);
103   background-position: -7px 0!important;
104   border-collapse: separate;
105   /*box-shadow: inset -1px 0 0 #e5e5e5;*/
106 }
107 a.header.opened, a.header.closed {
108   font-size: 16px;
109   padding-top: 24px;
110   padding-bottom: 25px;
111   color: #999999;
112 }
113 .openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {
114   padding-right: 10px;
115   background-position: 98% 50%;
116   background-repeat: no-repeat;
117 }
118 .openoAccordian_accordionmenu li a {
119   padding: 11px 10px 12px;
120   color: #333333;
121   margin-right: 1px;
122   margin-top: -1px;
123   text-align: left!important;
124   font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;
125   font-size: 14px;
126   text-overflow: ellipsis;
127   white-space: nowrap;
128   overflow: hidden;
129   border-top: 1px solid #e5e5e5;
130   border-bottom: 1px solid #e5e5e5;
131   /*height: 19px;*/
132 }
133 .openoAccordian_accordionmenu ul {
134   margin: 0;
135   padding: 0;
136   overflow: hidden;
137 }
138 .openoAccordian_accordionmenu a {
139   display: block;
140   text-decoration: none;
141 }
142 a {
143   color: #428bca;
144   text-decoration: none;
145   background: 0 0;
146 }
147 .bar{
148     height: 834px;
149     width: 18px;
150     background: #f8f8f8;
151     display: none;
152 }
153 .bar span{
154     width: 13px;
155     height: 34px;
156     background-image: url(../images/openo.png);
157   background-position: -39px 0!important;
158   display: block;
159   /*margin-top: -430px;*/
160 }
161 #accordionmenuid_ul_0_0_brAppTopMenuID_UL li{
162     cursor: pointer;
163 }
164 #puer_base_openo{
165     border: 1px solid #ddd;
166 }
167 .openo_accordion_selected {
168   margin-left: 0;
169   margin-right: 0;
170   background: #fafafa;
171   border-left: 3px solid #4ac9ff!important;
172   box-shadow: none;
173   position: relative;
174 }
175 a:hover{
176     color: #4ac9ff!important;
177 }
178 .openoAccordian_accordionmenu li.openo_accordion_selected a {
179   position: relative;
180   left: -3px;
181   color: #009ae7;
182 }
183 .openo-accordion-resizable-handle {
184   z-index: 1!important;
185   cursor: e-resize;
186   width: 7px;
187   right: -5px;
188   top: 0;
189   height: 100%;
190   position: absolute;
191   font-size: .1px;
192   display: block;
193 }
194 #iframeContainer iframe {
195   width: 100%;
196   height: 100%;
197   border: 0;
198 }
199 #accordionContent, #iframeContainer {
200   margin: 0;
201   padding: 0;
202   border: 0;
203   width: 100%;
204   height: 100%;
205 }
206 .openoAccordian_showHideArrow_show {
207   background-image: url(../images/openo.png);
208   background-position: -39px 0!important;
209   box-shadow: inset 1px 0 0 #e5e5e5,inset -1px 0 0 #e5e5e5;
210 }