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