3 * Copyright 2016 RIFT.IO Inc
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
20 @import "ColorGroups";
22 .config-parameter-map {
24 $field-border-radius: 3px;
25 $field-background-color: white;
26 $child-indent-left-right-margin: 5px;
42 border-top:1px solid $vld-primary-color;
61 .basic-properties-group {
67 .advanced-properties-group {
70 /* label is used as list item headers */
73 display: inline-block;
87 display: inline-block;
93 display: inline-block;
95 padding: 4px 16px 4px 4px;
99 &.internal-vld-list-item{
100 border: 1px solid $vld-primary-color;
102 background: white linear-gradient(to right, $vld-primary-color 34px, white 34px);;
105 &.constituent-vnfd-list-item{
106 border: 1px solid $vnfd-primary-color;
108 background: white linear-gradient(to right, $vnfd-primary-color 34px, white 34px);;
111 border: 1px solid $vdu-primary-color;
113 background: white linear-gradient(to right, $vdu-primary-color 34px, white 34px);;
116 border: 1px solid $vnffgd-primary-color;
118 background: white linear-gradient(to right, $vnffgd-primary-color 34px, white 34px);;
130 background-color: rgba(147, 161, 161, 0.5);
131 border-radius: $field-border-radius;
138 pointer-events: none;
139 border-radius: $field-border-radius;
145 > .property-content {
161 background: linear-gradient(to right, transparent, $field-background-color 21px);
165 border-radius: $field-border-radius;
166 > .property-content {
167 border-radius: $field-border-radius;
172 &.property:not(.leaf-property) {
174 padding: 7px $child-indent-left-right-margin 0 $child-indent-left-right-margin;
194 margin: 28px 0 8px 0;
195 > .property-content {
197 border-radius: $field-border-radius;
210 vertical-align: middle;
215 > .property-content:not(.simple-list) {
217 background-color: rgba(238, 232, 213, 0.33);
219 &:nth-of-type(even) {
220 background-color: rgba(147, 161, 161, 0.33);
233 vertical-align: middle;
254 padding: 0 0px 4px 8px;
255 border: 1px solid $field-background-color;
256 border-radius: $field-border-radius;
258 background-color: $field-background-color;
262 background-color: white !important;
264 &::-webkit-input-placeholder {
265 color: #eee8d5 !important;
268 &:-moz-placeholder { /* Firefox 18- */
269 color: #eee8d5 !important;
272 &::-moz-placeholder { /* Firefox 19+ */
273 color: #eee8d5 !important;
276 &:-ms-input-placeholder {
277 color: #eee8d5 !important;
284 -webkit-appearance: none;
285 -webkit-border-radius: $field-border-radius;
292 -webkit-appearance: none;
293 -moz-appearance: none;
294 appearance: none; /* using -prefix-free http://leaverou.github.io/prefixfree/*/
295 background: $field-background-color url(../../../node_modules/open-iconic/svg/caret-bottom.svg) no-repeat right 8px center;
296 background-size: 10px;
298 color: $field-background-color;
299 radius: $field-border-radius;
305 /* Removes default arrow for IE10+*/
306 /* IE 8/9 get dafault arrow which covers caret image*/
307 /* as long as caret image is small than and positioned*/
308 /* behind default arrow*/
318 padding: 0 20px 0 8px;
325 font-family: monospace;