resources/scss/setAttribute/_editAttributeform.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  *
  21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23
  24 html {
  25   font-family: $base-font-regular;
  26 }
  27
  28 form {
  29   margin: 50px 20px 20px 20px;
  30   font-size: $body-font-1;
  31 }
  32
  33 div.attribute-field, div.centre {
  34   display: flex;
  35   flex-flow: row;
  36   justify-content: center;
  37   margin: 10px 5px;
  38 }
  39
  40 form > div > h2,
  41 div.centre > span.error-message{
  42   min-width: 550px;
  43   margin: 15px 0px 5px 0px;
  44 }
  45
  46 div.attribute-field > label {
  47   font-weight: bold;
  48   margin-right: 10px;
  49   min-width: 170px;
  50   text-align: right;
  51   padding: 6px 9px;
  52 }
  53
  54 div.attribute-field > div {
  55   flex: 1;
  56   max-width: 500px;
  57   display: flex;
  58   flex-flow: column;
  59   position: relative;
  60 }
  61
  62 div.attribute-field > div > * {
  63   flex: 1;
  64   padding: 5px 8px;
  65   border: solid 1px $border-color5;
  66 }
  67
  68 div.attribute-field > div > select {
  69   min-height: 30px;
  70 }
  71
  72 div > span.error-message {
  73   font-weight: bold;
  74   color: $background-color10;
  75   border: none;
  76 }
  77
  78 div > span.error-message:before {
  79   display: inline-block;
  80   text-rendering: auto;
  81   content: '\F06A';
  82   margin-right: 5px;
  83   font: normal normal normal 14px/1 FontAwesome;
  84 }
  85
  86 form > div > button {
  87   margin: 10px;
  88   border-radius: 5px;
  89   padding: 10px 5px 5px 5px;
  90   font-weight: bold;
  91   font-size: $heading-font-3;
  92 }
  93
  94 form > div > button[type=submit] {
  95   color: $primary-background-color;
  96   background-image: linear-gradient($background-color12, $background-color5);
  97   border: solid 1px $border-color3;
  98 }
  99
 100 form > div > button[type=submit]:before {
 101   display: inline-block;
 102   font: normal normal normal 14px/1 FontAwesome;
 103   text-rendering: auto;
 104   content: '\F1D8';
 105   margin-right: 5px;
 106 }
 107
 108 form>div button[type=submit][disabled] {
 109   opacity: .6;
 110   cursor: not-allowed;
 111 }
 112
 113 form > div > button[type=button] {
 114   color: $text-color3;
 115   background-image: linear-gradient($primary-background-color, $background-color8);
 116   border: solid 1px $border-color5;
 117 }
 118
 119 form>div button[type=button][disabled] {
 120   opacity: .6;
 121   cursor: not-allowed;
 122 }