portal-lifecyclemgr/src/main/webapp/lifecyclemgr/css/VMMain.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 body{\r
  17     font-family: '微软雅黑';\r
  18     font-size: 12px;\r
  19     color: #333;\r
  20     background: #fafafa;\r
  21 }\r
  22 button{\r
  23     outline: none;\r
  24 }\r
  25 ul,li{\r
  26     list-style: none;\r
  27     padding:0;\r
  28     margin:0;\r
  29 }\r
  30 .titleFont{\r
  31     font-size: 16px;\r
  32 }\r
  33 .separator-line{\r
  34     height: 1px;\r
  35     width: 100%;\r
  36     border:1px solid #ddd;\r
  37     margin: 6px 0 15px 0;\r
  38 }\r
  39 .uploadBtn{\r
  40     overflow: hidden;\r
  41 }\r
  42 .creat-btn {\r
  43         padding: 0 14px;\r
  44         height: 24px;\r
  45     float: left;\r
  46     cursor: pointer;\r
  47     text-decoration: none;\r
  48     outline: 0;\r
  49     border: 1px solid #d3d3d3;\r
  50     text-align: center;\r
  51     box-shadow: 0 1px 1px rgba(0,0,0,.05);\r
  52     background: #fafafa;\r
  53     background: -moz-linear-gradient(top,#fff,#fafafa);\r
  54     background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));\r
  55     background: -webkit-linear-gradient(top,#fff,#fafafa);\r
  56     background: linear-gradient(to bottom,#fff,#fafafa);\r
  57     border-radius: 6px;\r
  58     background: #fff url(../images/add.png) no-repeat 5px center;\r
  59     padding-left: 20px;\r
  60 }\r
  61 .creat-btn:hover {\r
  62         color: #009ae7;\r
  63         border: 1px solid #4AC9FF\r
  64 }\r
  65 .creat-btn:active {\r
  66         color: #000;\r
  67         border: 1px solid #4AC9FF\r
  68 }\r
  69 \r
  70 .table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {\r
  71     background-color:#f5f5f5\r
  72 }\r
  73 \r
  74 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {\r
  75   color: #009ae7;\r
  76   background-color: #fff;\r
  77 \r
  78 }\r
  79 \r
  80 .search{\r
  81     width: 310px;\r
  82     height: 30px;\r
  83     float:right;\r
  84 }\r
  85 .search-text{\r
  86     width: 250px;\r
  87     float: left;\r
  88     margin-right: 6px;\r
  89 }\r
  90 .search-btn{\r
  91     height: 30px;\r
  92     background: #fff;\r
  93     border: 1px solid #ddd;\r
  94     float: left;\r
  95 }\r
  96 #ict_virtualApplication_table_div{\r
  97     margin-top: 15px;\r
  98 }\r
  99 .table>thead>tr.active>th{\r
 100     border: 1px solid #ddd!important;\r
 101     border-bottom: 0;\r
 102     background: #f0f0f0;\r
 103 }\r
 104 /*.table tbody tr:hover{\r
 105     background: #e6fbe0!important;\r
 106 }*/\r
 107 .table tbody tr:last-child{\r
 108     border-bottom: 1px solid #ddd;\r
 109 }\r
 110 .table-btn{\r
 111     border: 1px solid #ccc;\r
 112     border-radius: 3px;\r
 113 }\r
 114 .delete-btn{\r
 115     background: url(../image/delete.png) no-repeat;\r
 116     width: 16px;\r
 117     height: 16px;\r
 118     border: none;\r
 119 }\r
 120 .detail-btn{\r
 121     background: url(../image/openo.png) no-repeat -343px -283px;\r
 122     width: 16px;\r
 123     height: 16px;\r
 124     border: none;\r
 125 }\r
 126 .detail-btn.current{\r
 127     background-position: -7px -314px;\r
 128 }\r
 129 \r
 130 .detail-top ul li:hover{\r
 131     color: #4ac9ff;\r
 132 }\r
 133 .detail{\r
 134 \r
 135     border: 1px solid #ddd;\r
 136     margin-top: 60px;\r
 137 \r
 138 }\r
 139 \r
 140 .detailModal{\r
 141     height: 200px;\r
 142     border: 1px solid #ddd;\r
 143 \r
 144 }\r
 145 \r
 146 .detail-top ul{\r
 147     height: 30px;\r
 148     line-height: 30px;\r
 149     border-bottom: 1px solid #ddd;\r
 150     padding-left: 0px;\r
 151      background: #fafafa;\r
 152 }\r
 153 .detail-top ul li{\r
 154     float:left;\r
 155     width: 120px;\r
 156     text-align: center;\r
 157     border-right: 1px solid #ddd;\r
 158     cursor: pointer;\r
 159 }\r
 160 .detail-top ul li.current{\r
 161     background: #fff;\r
 162 }\r
 163 .vmapp-margin{\r
 164     margin-bottom: 10px;\r
 165 }\r
 166 .control-label .required{\r
 167     color: #e02222;\r
 168     font-size: 12px;\r
 169     padding-left: 2px;\r
 170 }\r
 171 .form-group .control-label{\r
 172     font-size: 12px;\r
 173     font-weight: 400;\r
 174 }\r
 175 legend{\r
 176     font-size: 12px;\r
 177     font-weight: bold;\r
 178 }\r
 179 .pageGro{\r
 180     width: 250px;\r
 181     float: right;\r
 182 }\r
 183 .pageUp,.pageDown,.pageList,.pageList li{\r
 184     float: left;\r
 185     cursor: pointer;\r
 186 }\r
 187 .pageUp,.pageDown{\r
 188     width: 60px;\r
 189     height: 30px;\r
 190     border: 1px solid #ddd;\r
 191     text-align: center;\r
 192     line-height: 30px;\r
 193 }\r
 194 .pageList li{\r
 195     width: 30px;\r
 196     height: 30px;\r
 197     border: 1px solid #ddd;\r
 198     text-align: center;\r
 199     line-height: 30px;\r
 200     border-left: none;\r
 201 }\r
 202 .pageList li.active{\r
 203     background: #428bca;\r
 204     color: #fff;\r
 205     border-color: #428bca;\r
 206 }\r
 207 .pageDown{\r
 208     border-left: none;\r
 209 }\r
 210 .headerLinkP{\r
 211     padding-top: 17px;\r
 212 }\r
 213 .headerLinkP span{\r
 214     font-size: 12px;\r
 215     color: #666;\r
 216     font-weight: normal!important;\r
 217 }\r
 218 label{\r
 219     font-weight: normal!important;\r
 220 }\r
 221 table.userform tbody tr td {\r
 222   display: table-cell;\r
 223   padding-right: 10px;\r
 224   padding-top: 10px;\r
 225   font-size: 12px;\r
 226   color: #333;\r
 227 }\r
 228 .table th,.table td{\r
 229     padding-top: 3px!important;\r
 230     padding-bottom: 3px!important;\r
 231 }\r
 232 .openoBrowseButton_element {\r
 233   display: table;\r
 234 }\r
 235 .openo {\r
 236   font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;\r
 237   font-size: 12px;\r
 238   color: #000;\r
 239 }\r
 240 .openoBrowseButton_input {\r
 241   width: 198px;\r
 242   position: relative;\r
 243   border: 1px solid #c3c3c3!important;\r
 244   height: 26px;\r
 245   background-color: #f3f3f3;\r
 246   border-radius: 4px 0 0 4px;\r
 247   border-right: none;\r
 248   padding: 0;\r
 249 }\r
 250 .buttonClassDefault, .buttonClassDefault:active {\r
 251   cursor: pointer;\r
 252   background-image: url(../images/openo.png);\r
 253   background-position: -154px -7px!important;\r
 254 }\r
 255 .openoBrowseButton_button {\r
 256   width: 27px;\r
 257   border: 0;\r
 258   float: right;\r
 259   position: relative;\r
 260   height: 26px;\r
 261   right: 0;\r
 262   top: 0;\r
 263   border-radius: 0 4px 4px 0;\r
 264   border-right: 1px solid #c3c3c3;\r
 265   border-left: none;\r
 266 }\r
 267 .openo .openo-input, .openo.openo-input {\r
 268   outline: 0;\r
 269   border: 1px solid #c3c3c3;\r
 270   box-shadow: 1px 1px #f6f6f6 inset;\r
 271   background-color: #fff;\r
 272   height: 26px;\r
 273 }\r
 274 .openoInput_openoDefaultText {\r
 275   padding: 0 0 0 6px;\r
 276   border-radius: 4px;\r
 277   color: #000;\r
 278   display: inline-block;\r
 279   outline: 0;\r
 280   box-shadow: 1px 1px #f6f6f6 inset;\r
 281   font-size: 12px;\r
 282   background: #fff;\r
 283 }\r
 284 div.openo-select {\r
 285   border: 1px solid #c3c3c3;\r
 286   border-radius: 4px;\r
 287   background: url(../images/arrow-down-enable.png) right no-repeat #fff;\r
 288   line-height: 24px;\r
 289   padding-left: 3px;\r
 290   display: block;\r
 291 }\r
 292 div.openo-select>input.openo-select-input {\r
 293   border: none;\r
 294   outline: 0;\r
 295   line-height: 21px;\r
 296   height: 21px;\r
 297   padding-left: 3px;\r
 298   border-right: solid 1px #c3c3c3;\r
 299 }\r
 300 .openo .openo-ellipsis, .openo.openo-ellipsis {\r
 301   overflow: hidden;\r
 302   white-space: nowrap;\r
 303   text-overflow: ellipsis;\r
 304 }\r
 305 a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {\r
 306   height: 26px;\r
 307   float: left;\r
 308   cursor: pointer;\r
 309   text-decoration: none;\r
 310   outline: 0;\r
 311   border: 1px solid #d3d3d3;\r
 312   text-align: center;\r
 313   box-shadow: 0 1px 1px rgba(0,0,0,.05);\r
 314   background: #fafafa;\r
 315   background: -moz-linear-gradient(top,#fff,#fafafa);\r
 316   background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));\r
 317   background: -webkit-linear-gradient(top,#fff,#fafafa);\r
 318   background: linear-gradient(to bottom,#fff,#fafafa);\r
 319   border-radius: 6px;\r
 320 }\r
 321 .openoButton_buttonInnerClass{\r
 322       padding: 0 19px;\r
 323       border-radius: 6px;\r
 324 }\r
 325 .openoButton_buttonCenterText {\r
 326   color: #000;\r
 327   line-height: 24px;\r
 328   white-space: nowrap;\r
 329   width: auto!important;\r
 330 }\r
 331 .userHeader {\r
 332   clear: left;\r
 333   overflow: hidden;\r
 334   margin-bottom: 10px;\r
 335   padding: 10px 10px 0px 0px;\r
 336 }\r
 337 .openoButton_buttonGroupClass {\r
 338   display: inline;\r
 339 }\r
 340 .openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {\r
 341   margin-left: 0;\r
 342 }\r
 343 .openoButton_buttonLeftImg {\r
 344   margin-right: 5px;\r
 345 }\r
 346 .openoButton_buttonLeftImg, .openoButton_buttonRightImg {\r
 347   display: inline-block;\r
 348   vertical-align: top;\r
 349   width: 16px;\r
 350   height: 16px;\r
 351   margin-top: 4px;\r
 352 }\r
 353 .openo-table-pagination-wrapper {\r
 354   height: 37px;\r
 355 }\r
 356 .openo-pagination {\r
 357   display: block;\r
 358   float: left;\r
 359   overflow: hidden;\r
 360   padding: 5px 0 0;\r
 361   margin-top: 8px;\r
 362 }\r
 363 .openoPagination_openoPaginationLengthOptions:not(msie8) {\r
 364   line-height: 24px;\r
 365 }\r
 366 .openoPagination_openoPaginationLengthOptions {\r
 367   white-space: normal;\r
 368   height: 24px;\r
 369   float: left;\r
 370   outline: 0;\r
 371   line-height: 20px;\r
 372   margin: 0 5px;\r
 373 }\r
 374 .openo-pagination-select {\r
 375   height: 26px;\r
 376   line-height: 22px;\r
 377   text-align: center;\r
 378   margin-right: -2px;\r
 379   border: 1px solid #e0e0e0;\r
 380   border-radius: 5px 0 0 5px;\r
 381   padding: 1px;\r
 382 }\r
 383 .openoPagination_openoPaginationLengthOptions span {\r
 384   background-color: #fff!important;\r
 385 }\r
 386 .openo-pagination-theme a, .openo-pagination-theme span {\r
 387   float: left;\r
 388   color: #666;\r
 389   font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;\r
 390   line-height: 24px;\r
 391   font-weight: 400;\r
 392   text-align: center;\r
 393   border: 1px solid #e0e0e0;\r
 394   text-decoration: none!important;\r
 395   padding: 0 7px;\r
 396   border-radius: 3px;\r
 397   background: #fff;\r
 398 }\r
 399 .openo-pagination-selectspan {\r
 400   background: url(../images/ideo_default_select.png) left no-repeat!important;\r
 401   float: right!important;\r
 402   width: 26px;\r
 403   height: 26px;\r
 404   cursor: pointer;\r
 405 }\r
 406 .openo-pagination-theme label {\r
 407   padding-top: 6px;\r
 408   vertical-align: middle;\r
 409   margin-right: 20px;\r
 410   margin-top: -1px;\r
 411   float: left;\r
 412   display: inline-block;\r
 413   height: 20px;\r
 414   font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;\r
 415 }\r
 416 .openo-pagination li, .openo-pagination ul {\r
 417   list-style: none;\r
 418   padding: 0;\r
 419   margin: 0;\r
 420   float: left;\r
 421 }\r
 422 dd, dl, dt, li {\r
 423   color: #000;\r
 424 }\r
 425 .openo-pagination-theme a, .openo-pagination-theme span.current {\r
 426   margin: 0 5px 0 0;\r
 427 }\r
 428 .openo .openo-disabled, .openo.openo-disabled {\r
 429   border-color: #c3c3c3!important;\r
 430   color: #666!important;\r
 431   opacity: .3;\r
 432   filter: alpha(opacity=30);\r
 433 }\r
 434 .openo-pagination-theme .prev {\r
 435   background: 0 0;\r
 436   float: left;\r
 437 }\r
 438 .openo-pagination-theme .current {\r
 439   text-decoration: none!important;\r
 440   float: left;\r
 441   padding-left: 6px;\r
 442   height: 24px;\r
 443   color: #fff;\r
 444   display: inline;\r
 445   border-color: #00adf5;\r
 446   background: #4ad2ff;\r
 447 }\r
 448 .openo-pagination-theme a, .openo-pagination-theme span {\r
 449   float: left;\r
 450   color: #666;\r
 451   font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;\r
 452   line-height: 24px;\r
 453   font-weight: 400;\r
 454   text-align: center;\r
 455   border: 1px solid #e0e0e0;\r
 456   text-decoration: none!important;\r
 457   padding: 0 7px;\r
 458   border-radius: 3px;\r
 459   background: #fff;\r
 460 }\r
 461 .openo-pagination-theme .prev.openo-disabled:before {\r
 462   background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
 463 }\r
 464 .openo-pagination-theme .prev.openo-disabled:before {\r
 465   background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
 466 }\r
 467 .openo-pagination-theme .prev:before {\r
 468   background: url(../images/page_l.png) 50% 45% no-repeat;\r
 469 }\r
 470 .openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
 471   display: inline-block;\r
 472   content: "";\r
 473   vertical-align: middle;\r
 474   width: 10px;\r
 475   height: 24px;\r
 476 }\r
 477 .openo-pagination-theme .prev:before {\r
 478   background: url(../images/page_l.png) 50% 45% no-repeat;\r
 479 }\r
 480 .openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
 481   display: inline-block;\r
 482   content: "";\r
 483   vertical-align: middle;\r
 484   width: 10px;\r
 485   height: 24px;\r
 486 }\r
 487 pagination ul {\r
 488   list-style: none;\r
 489   padding: 0;\r
 490   margin: 0;\r
 491   float: left;\r
 492 }\r
 493 .openo-pagination li, .openo-pagination ul {\r
 494   list-style: none;\r
 495   padding: 0;\r
 496   margin: 0;\r
 497   float: left;\r
 498 }\r
 499 .openoPagination_gototext {\r
 500   background: #FFF;\r
 501   outline: 0;\r
 502   width: 29px;\r
 503   float: left;\r
 504   height: 26px;\r
 505   line-height: 24px;\r
 506   border-radius: 4px;\r
 507   border: 1px solid #c3c3c3;\r
 508   padding: 0 0 0 5px;\r
 509   margin: 0;\r
 510   color: #666;\r
 511   min-width: 50px;\r
 512 }\r
 513 .openoPagination_gotoimage {\r
 514   width: 29px;\r
 515   height: 26px;\r
 516   line-height: 26px;\r
 517   background-color: #FFF;\r
 518   background-image: url(/portal/themes/default/components/openo/images/openo.png);\r
 519   padding-left: 21px;\r
 520   float: left;\r
 521   margin-left: 5px;\r
 522   border: 1px solid #e0e0e0;\r
 523   border-radius: 4px;\r
 524   box-sizing: border-box;\r
 525   -moz-box-sizing: border-box;\r
 526   background-position: -184px -181px!important;\r
 527 }\r
 528 .openo-pagination-theme .ellipse {\r
 529   float: left;\r
 530   margin-left: -8px;\r
 531   margin-right: -4px;\r
 532   background: 0 0;\r
 533   border: none;\r
 534   border-radius: 0;\r
 535   box-shadow: none;\r
 536   font-weight: 700;\r
 537   cursor: default;\r
 538 }\r
 539 .openo.openo-disabled {\r
 540   border-color: #c3c3c3!important;\r
 541   color: #666!important;\r
 542   opacity: .3;\r
 543   filter: alpha(opacity=30);\r
 544 }\r
 545 .openo-pagination-theme .prev {\r
 546   background: 0 0;\r
 547   float: left;\r
 548 }\r
 549 .openo-pagination-theme .current {\r
 550   text-decoration: none!important;\r
 551   float: left;\r
 552   padding-left: 6px;\r
 553   height: 26px;\r
 554   color: #fff;\r
 555   display: inline;\r
 556   /*border-color: #00adf5;\r
 557   background: #4ad2ff;*/\r
 558     border: 1px solid #e0e0e0;\r
 559 }\r
 560 .openo-pagination-theme .next:after {\r
 561   background: url(../images/page_r.png) 50% 45% no-repeat;\r
 562 }\r
 563 .openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {\r
 564   margin-left: 5px;\r
 565 }\r
 566 \r
 567 html, body {\r
 568   height: 99%;\r
 569   width: 98%;\r
 570 }\r
 571 .cotentBody {\r
 572   padding: 0px 20px 0px 20px;\r
 573 }\r
 574 \r
 575 div.openoButton_buttonClass:hover {\r
 576   border: 1px solid #4ac9ff;\r
 577 }\r
 578 div.openoButton_button_default:hover .openoButton_buttonCenterText {\r
 579   color: #009ae7;\r
 580 }\r
 581 .header_lineimg {\r
 582   height: 1px;\r
 583   width: 100%;\r
 584   margin-top: 17px;\r
 585 }\r
 586 .openo.openo-hide {\r
 587   display: none;\r
 588 }\r
 589 div.openo-select-popup-container {\r
 590   position: absolute;\r
 591   border: 1px solid #4ac9ff;\r
 592   border-top: none;\r
 593   border-radius: 0 0 4px 4px;\r
 594   max-height: 202px;\r
 595   overflow-y: auto;\r
 596   background-color: #fff;\r
 597   z-index: 880;\r
 598 }\r
 599 div.openo-select-popup-container>div.openo-select-item {\r
 600   display: block;\r
 601 }\r
 602 .openo .openo-ellipsis, .openo.openo-ellipsis {\r
 603   overflow: hidden;\r
 604   white-space: nowrap;\r
 605   text-overflow: ellipsis;\r
 606 }\r
 607 div.openo-select-popup-container>div.openo-select-item>label {\r
 608   padding-top: 3px;\r
 609   padding-bottom: 3px;\r
 610   line-height: 20px;\r
 611 }\r
 612 .openo .openo-ellipsis, .openo.openo-ellipsis {\r
 613   overflow: hidden;\r
 614   white-space: nowrap;\r
 615   text-overflow: ellipsis;\r
 616 }\r
 617 .openo-select-item label {\r
 618   margin-left: 4px;\r
 619   margin-right: 4px;\r
 620   white-space: nowrap;\r
 621 }\r
 622 div.openo-select-popup-container>div.openo-select-item.openo-item-selected, div.openo-select-popup-container>div.openo-select-item:hover {\r
 623   background-color: #f1f1f1;\r
 624   color: #008fd6;\r
 625 }\r
 626 div.openo-select.openo-focus {\r
 627   border: 1px solid #4ac9ff;\r
 628   border-bottom-left-radius: 0;\r
 629   border-bottom-right-radius: 0;\r
 630   border-bottom-color: #ddd;\r
 631 }\r
 632 .openo-pagination-theme a:hover {\r
 633   border-color: #4ac9ff;\r
 634   cursor: pointer;\r
 635 }\r
 636 .SDBtn{\r
 637      background: #fff;\r
 638      color: #333;\r
 639      border: 1px solid #ddd;\r
 640 }\r
 641 .SDBtn:hover{\r
 642     color: #009ae7;\r
 643         border: 1px solid #4AC9FF\r
 644 }\r
 645 /*table tbody tr.even:hover td, table tbody tr.odd:hover td {\r
 646   background-color: #e6fbe0;\r
 647 }*/\r
 648 table tr.openoTable_row_selected td {\r
 649   background: #e8f8fe!important;\r
 650   border-bottom: 1px solid #e8e8e8!important;\r
 651 }\r
 652 .modal-body{\r
 653     padding: 0!important;\r
 654 }\r
 655 .form-control{\r
 656     height: 26px!important;\r
 657 }\r
 658 .form-group .control-label {\r
 659   margin-left: 20px;\r
 660 }\r
 661 \r
 662 .form-horizontal .control-label {\r
 663   text-align: left;\r
 664 }