portal-resmgr/src/main/webapp/resmgr-sdn/css/RMain.css

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