resmgr/src/main/webapp/resmgr-nfv/css/resmgr.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 fieldset {
  17     width: 680px;
  18 }
  19
  20 legend {
  21     margin-left: 8px;
  22 }
  23
  24 .item {
  25     height: 56px;
  26     line-height: 36px;
  27     margin: 10px;
  28 }
  29
  30 .item .item-label {
  31     float: left;
  32     width: 80px;
  33     text-align: right;
  34 }
  35
  36 .item-text {
  37     float: left;
  38     width: 244px;
  39     height: 16px;
  40     padding: 9px 25px 9px 5px;
  41     margin-left: 10px;
  42     border: 1px solid #ccc;
  43     overflow: hidden;
  44 }
  45
  46 .item-select {
  47     float: left;
  48     height: 34px;
  49     border: 1px solid #ccc;
  50     margin-left: 10px;
  51     font-size: 14px;
  52     padding: 6px 0px;
  53 }
  54
  55 .item-submit {
  56     margin-left: 88px;
  57 }
  58
  59 input.error {
  60     border: 1px solid #E6594E;
  61 }
  62
  63 input.highlight {
  64     border: 1px solid #7abd54;
  65 }
  66
  67 label.error, label.tip {
  68     float: left;
  69     height: 32px;
  70     line-height: 32px;
  71     font-size: 14px;
  72     text-align: left;
  73     margin-left: 5px;
  74     padding-left: 20px;
  75     color: red;
  76     background: url('error.png') no-repeat left center;
  77 }
  78
  79 label.tip {
  80     color: #aaa;
  81     background: url('tip.png') no-repeat left center;
  82 }
  83
  84 label.valid {
  85     background: url('valid.png') no-repeat left center;
  86     width: 32px;
  87 }