src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/build/less/forms.less

   1 /*
   2  * Component: Form
   3  * ---------------
   4  */
   5 .form-control {
   6   .border-radius(@input-radius);
   7   box-shadow: none;
   8   border-color: @gray;
   9   &:focus {
  10     border-color: @light-blue;
  11     box-shadow: none;
  12   }
  13   &::-moz-placeholder,
  14   &:-ms-input-placeholder,
  15   &::-webkit-input-placeholder {
  16     color: #bbb;
  17     opacity: 1;
  18   }
  19
  20   &:not(select) {
  21     -webkit-appearance: none;
  22     -moz-appearance: none;
  23     appearance: none;
  24   }
  25 }
  26
  27 .form-group {
  28   &.has-success {
  29     label {
  30       color: @green;
  31     }
  32     .form-control,
  33     .input-group-addon {
  34       border-color: @green;
  35       box-shadow: none;
  36     }
  37     .help-block {
  38       color: @green;
  39     }
  40   }
  41
  42   &.has-warning {
  43     label {
  44       color: @yellow;
  45     }
  46     .form-control,
  47     .input-group-addon {
  48       border-color: @yellow;
  49       box-shadow: none;
  50     }
  51     .help-block {
  52       color: @yellow;
  53     }
  54   }
  55
  56   &.has-error {
  57     label {
  58       color: @red;
  59     }
  60     .form-control,
  61     .input-group-addon {
  62       border-color: @red;
  63       box-shadow: none;
  64     }
  65     .help-block {
  66       color: @red;
  67     }
  68   }
  69 }
  70
  71 /* Input group */
  72 .input-group {
  73   .input-group-addon {
  74     .border-radius(@input-radius);
  75     border-color: @gray;
  76     background-color: #fff;
  77   }
  78 }
  79
  80 /* button groups */
  81 .btn-group-vertical {
  82   .btn {
  83     &.btn-flat:first-of-type, &.btn-flat:last-of-type {
  84       .border-radius(0);
  85     }
  86   }
  87 }
  88
  89 .icheck > label {
  90   padding-left: 0;
  91 }
  92
  93 /* support Font Awesome icons in form-control */
  94 .form-control-feedback.fa {
  95   line-height: @input-height-base;
  96 }
  97
  98 .input-lg + .form-control-feedback.fa,
  99 .input-group-lg + .form-control-feedback.fa,
 100 .form-group-lg .form-control + .form-control-feedback.fa {
 101   line-height: @input-height-large;
 102 }
 103
 104 .input-sm + .form-control-feedback.fa,
 105 .input-group-sm + .form-control-feedback.fa,
 106 .form-group-sm .form-control + .form-control-feedback.fa {
 107   line-height: @input-height-small;
 108 }