Pony.fm/resources/assets/styles/forms.less

/**
 * Pony.fm - A community for pony fan music.
 * Copyright (C) 2015 Peter Deltchev
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/bootstrap/bootstrap";

.form-row {
  margin-bottom: 10px;

  .error {
    .alert();
    .alert-danger();

    display: none;
    padding: 3px;
    font-size: 8pt;
  }

  .alert {
    padding: 3px;
    font-size: 8pt;
  }
}

.track-editor {
  .row [class*=col]:first-child {
    margin-left: 0;
  }

  .row {
    margin: 0;
  }

  .row .col-md-6 {
    padding: 0;
    width: 48.93617021%;
    margin-left: 2.12765957%;
  }
}

.has-error {
  label {
    color: @brand-danger;
  }

  .error {
    display: block;
  }
}

label.strong {
  font-size: 8pt;
  font-weight: bold;
}

input[type="text"], input[type="password"], input[type="date"], input[type="number"], textarea {
  padding: 3px;
  border: 1px solid;
  border-color: #9c9c9c #9c9c9c #ccc #ccc;
}

input[type="text"], input[type="password"], input[type="date"], input[type="number"], textarea, select {
  .border-radius(0px);
  .box-sizing(border-box);

  display: block;
  font-size: 12px;
  width: 100%;

  &:focus {
    .box-shadow(none);
  }

  &.x-large {
    font-size: 12pt;
    padding: 0.5em;
    height: 2em;
  }

  &.x-saving {
    background: @pfm-light-grey;
  }

  &.x-error {
    background: @btn-danger-bg;
  }
}

select {
  height: auto;
  line-height: normal;
  padding: 0px;
}

label {
  input[type="checkbox"] {
    margin: 0px;
    margin-top: -2px;
    vertical-align: middle;
  }
}

textarea {
  height: 60px;
}