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