resources/scss/setAttribute/_editAttributeform.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017-2018 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 html {
  22   font-family: $base-font-regular;
  23 }
  24
  25 form {
  26   margin: 50px 20px 20px 20px;
  27   font-size: $body-font-1;
  28 }
  29
  30 div.attribute-field, div.centre {
  31   display: flex;
  32   flex-flow: row;
  33   justify-content: center;
  34   margin: 10px 5px;
  35 }
  36
  37 form > div > h2,
  38 div.centre > span.error-message{
  39   min-width: 550px;
  40   margin: 15px 0px 5px 0px;
  41 }
  42
  43 div.attribute-field > label {
  44   font-weight: bold;
  45   margin-right: 10px;
  46   min-width: 170px;
  47   text-align: right;
  48   padding: 6px 9px;
  49 }
  50
  51 div.attribute-field > div {
  52   flex: 1;
  53   max-width: 500px;
  54   display: flex;
  55   flex-flow: column;
  56   position: relative;
  57 }
  58
  59 div.attribute-field > div > * {
  60   flex: 1;
  61   padding: 5px 8px;
  62   border: solid 1px $border-color5;
  63 }
  64
  65 div.attribute-field > div > select {
  66   min-height: 30px;
  67 }
  68
  69 div > span.error-message {
  70   font-weight: bold;
  71   color: $background-color10;
  72   border: none;
  73 }
  74
  75 div > span.error-message:before {
  76   display: inline-block;
  77   text-rendering: auto;
  78   content: '\F06A';
  79   margin-right: 5px;
  80   font: normal normal normal 14px/1 FontAwesome;
  81 }
  82
  83 form > div > button {
  84   margin: 10px;
  85   border-radius: 5px;
  86   padding: 10px 5px 5px 5px;
  87   font-weight: bold;
  88   font-size: $heading-font-3;
  89 }
  90
  91 form > div > button[type=submit] {
  92   color: $primary-background-color;
  93   background-image: linear-gradient($background-color12, $background-color5);
  94   border: solid 1px $border-color3;
  95 }
  96
  97 form > div > button[type=submit]:before {
  98   display: inline-block;
  99   font: normal normal normal 14px/1 FontAwesome;
 100   text-rendering: auto;
 101   content: '\F1D8';
 102   margin-right: 5px;
 103 }
 104
 105 form>div button[type=submit][disabled] {
 106   opacity: .6;
 107   cursor: not-allowed;
 108 }
 109
 110 form > div > button[type=button] {
 111   color: $text-color3;
 112   background-image: linear-gradient($primary-background-color, $background-color8);
 113   border: solid 1px $border-color5;
 114 }
 115
 116 form>div button[type=button][disabled] {
 117   opacity: .6;
 118   cursor: not-allowed;
 119 }