ui/css/src/scss/components/create-form.scss

// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements.  See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership.  The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License.  You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied.  See the License for the
// specific language governing permissions and limitations
// under the License.

.ui-dialog div.form-container {
  display: inline-block;
  width: 94% !important;
  height: 106px;
  text-align: left;
}

.ui-dialog div.form-container span.message {
  padding: 0 0 23px 5px;
  font-size: 15px;
  text-align: left;
}

.ui-dialog div.form-container span.message br {
  margin-bottom: 13px;
}

.ui-dialog div.form-container div.form-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 12px;
}

.ui-dialog div.form-container div.name {
  float: left;
  clear: both;
  width: 115px;
  margin: 3px 0 0;
  font-size: 15px;
  /*+text-shadow:0px 2px 1px #FFFFFF;*/
  color: #485867;
  text-shadow: 0 2px 1px #ffffff;
  -moz-text-shadow: 0 2px 1px #ffffff;
  -webkit-text-shadow: 0 2px 1px #ffffff;
  -o-text-shadow: 0 2px 1px #ffffff;
}

.ui-dialog div.form-container div.name label {
  display: block;
  width: 119px;
  margin-top: 2px;
  font-size: 13px;
  text-align: right;
}

.field-required {
  padding: 0 3px 0 0;
  font-size: 14px;
  font-weight: bold;
  color: #ee7b7b;
}

.ui-dialog div.form-container div.value {
  display: inline-block;
  float: left;
  width: 61%;
  margin: 0 0 0 15px;
}

.ui-dialog div.form-container div.value input,
textarea {
  float: left;
  width: 98%;
  padding: 4px;
  border: 1px solid #afafaf;
  background: #f6f6f6;
  font-size: 14px;
}

.ui-dialog div.form-container div.value label {
  display: block;
  width: 119px;
  margin-top: 2px;
  margin-left: -10px;
  font-size: 13px;
  text-align: left;
}

.ui-dialog div.form-container div.value input.hasDatepicker {
  font-size: 13px;
  color: #2f5d86;
  text-indent: 3px;
  cursor: pointer;
}

.ui-dialog div.form-container div.value input.hasDatepicker:hover {
  /*+box-shadow:inset 0px 0px 3px;*/
  box-shadow: inset 0 0 3px;
  -moz-box-shadow: inset 0 0 3px;
  -webkit-box-shadow: inset 0 0 3px;
  -o-box-shadow: inset 0 0 3px;
}

.ui-dialog div.form-container div.value .range-edit {
  width: 249px;
  height: 33px;
  margin: 2px 0 0;
}

.ui-dialog div.form-container div.value .range-edit .range-item {
  position: relative;
  float: left;
  width: 124px;
  height: 32px;
}

.ui-dialog div.form-container div.value .range-edit input {
  width: 105px;
  margin: 0 9px 0 0;
}

.ui-dialog div.form-container div.value .range-edit label.error {
  position: absolute;
  top: 25px;
  left: 3px;
}

.ui-dialog div.form-container div.value select {
  float: right;
  width: 100%;
}

.ui-dialog div.form-container div.value input[type='checkbox'] {
  width: 14px;
}

.ui-dialog div.form-container div.value label.error {
  display: block;
  display: none;
  clear: both;
  font-size: 10px;
  color: #fa0000;
}

.ui-dialog div.form-container div.multi-array {
  display: inline-block;
  padding: 4px;
  border: 1px solid #808080;
  /*+border-radius:10px;*/
  border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  box-shadow: inset 0 1px 1px #929292;
  background: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /*+box-shadow:inset 0px 1px 1px #929292;*/
  -khtml-border-radius: 10px;
  -moz-box-shadow: inset 0 1px 1px #929292;
  -webkit-box-shadow: inset 0 1px 1px #929292;
  -o-box-shadow: inset 0 1px 1px #929292;
}

.ui-dialog div.form-container div.multi-array .item {
  float: left;
  width: 111px;
  margin: 0 0 13px;
}

.ui-dialog div.form-container div.multi-array .item .name {
  float: left;
  width: 61px;
  font-size: 11px;
}

.ui-dialog div.form-container div.multi-array .item .value {
  float: left;
  width: 13px;
}

.ui-dialog div.form-container div.multi-array .item .value input {
  float: left;
  margin: 0;
  padding: 0;
}

.ui-dialog.create-form .ui-dialog-buttonpane {
  margin-left: 25px;
}

.ui-dialog.create-form .ui-button.ok {
  float: right;
  margin-left: 0;
}

.ui-dialog.create-form .ui-button.cancel {
  float: right;
  margin-right: 13px;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  /*+border-radius:4px;*/
  border-radius: 4px 4px 4px 4px;
  background: #b6b6b6 url('../images/gradients.png') 0 -480px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
}

.ui-dialog.create-form .ui-button.cancel:hover {
  border-color: #878787;
  background-position: -4px -426px;
}