@import nib
@import "../variables"

$input_base
  width: 140px
  height: 17px
  line-height: 17px
  padding: 6px 7px
  color: #bbb
  border: 1px solid #ccc
  &:hover
    border-color: #b1b1b1
    color: #999
  &:focus
    border-color: light-orange
    background-color: #fff
  &:disabled
    background-color: #f8f8f8
    border-color: #bbb

$textarea_base
  width: 260px
  height: 35px
  padding: 7px
  color: #bbb
  overflow-y: hidden

.input-plain
  @extend $input_base
.textarea-plain
  @extend $input_base
  @extend $textarea_base

.form-box
  .form-item
    padding: 8px 0 8px 140px
    .form-label
      float: left
      width: 130px
      margin-left: -140px
      font-size: 14px
      line-height: 29px
      text-align: right
    .form-part,p
      margin: 0
      font-size: 12px
      line-height: 28px


// $form_major
//   box-shadow: 2px 2px 4px #eaeaea inset
//   &:disabled
//     background-color: #f8f8f8
//     border-color: #f4f4f4
//     border-top-color: #d5d5d5
//     border-left-color: solid #d5d5d5
//     box-shadow: 1px 1px 3px #ddd inset
// .input-major
//   @extend $input_base
//   @extend $form_major

// .textarea-major
//   @extend $input_base
//   @extend $form_major
//   @extend $textarea_base