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.
21 @import "ColorGroups";
23 .config-parameter-map {
25 $field-border-radius: 3px;
26 $field-background-color: white;
27 $child-indent-left-right-margin: 5px;
29 /* font-size: smaller;*/
38 .config-parameter-titles {
45 text-transform:uppercase;
58 border-top:1px solid silver;
70 background: $panel-bg-color-contrast;
90 .basic-properties-group {
96 .advanced-properties-group {
99 /* label is used as list item headers */
102 display: inline-block;
116 display: inline-block;
122 display: inline-block;
124 padding: 4px 16px 4px 4px;
128 &.internal-vld-list-item{
129 border: 1px solid $vld-primary-color;
131 background: white linear-gradient(to right, $vld-primary-color 34px, white 34px);;
134 &.constituent-vnfd-list-item{
135 border: 1px solid $vnfd-primary-color;
137 background: white linear-gradient(to right, $vnfd-primary-color 34px, white 34px);;
140 border: 1px solid $vdu-primary-color;
142 background: white linear-gradient(to right, $vdu-primary-color 34px, white 34px);;
145 border: 1px solid $vnffgd-primary-color;
147 background: white linear-gradient(to right, $vnffgd-primary-color 34px, white 34px);;
159 background-color: rgba(147, 161, 161, 0.5);
160 border-radius: $field-border-radius;
167 pointer-events: none;
168 border-radius: $field-border-radius;
174 > .property-content {
190 background: linear-gradient(to right, transparent, $field-background-color 21px);
194 border-radius: $field-border-radius;
195 > .property-content {
196 border-radius: $field-border-radius;
201 &.property:not(.leaf-property) {
203 padding: 7px $child-indent-left-right-margin 0 $child-indent-left-right-margin;
223 margin: 28px 0 8px 0;
224 > .property-content {
226 border-radius: $field-border-radius;
239 vertical-align: middle;
244 > .property-content:not(.simple-list) {
246 background-color: rgba(238, 232, 213, 0.33);
248 &:nth-of-type(even) {
249 background-color: rgba(147, 161, 161, 0.33);
262 vertical-align: middle;
283 padding: 0 0px 4px 8px;
284 border: 1px solid $field-background-color;
285 border-radius: $field-border-radius;
287 background-color: $field-background-color;
291 background-color: white !important;
293 &::-webkit-input-placeholder {
294 color: #eee8d5 !important;
297 &:-moz-placeholder { /* Firefox 18- */
298 color: #eee8d5 !important;
301 &::-moz-placeholder { /* Firefox 19+ */
302 color: #eee8d5 !important;
305 &:-ms-input-placeholder {
306 color: #eee8d5 !important;
313 -webkit-appearance: none;
314 -webkit-border-radius: $field-border-radius;
321 -webkit-appearance: none;
322 -moz-appearance: none;
323 appearance: none; /* using -prefix-free http://leaverou.github.io/prefixfree/*/
324 background: $field-background-color url(../../../node_modules/open-iconic/svg/caret-bottom.svg) no-repeat right 8px center;
325 background-size: 10px;
327 color: $field-background-color;
328 radius: $field-border-radius;
334 /* Removes default arrow for IE10+*/
335 /* IE 8/9 get dafault arrow which covers caret image*/
336 /* as long as caret image is small than and positioned*/
337 /* behind default arrow*/
347 padding: 0 20px 0 8px;
354 font-family: monospace;