Misago/static/cranefly/css/cranefly/forms.less

// Forms themes
// -------------------------

// Full-page form
// -------------------------
.form-container {
  background: @white;
  border: 1px solid darken(@bodyBackground, 8%);
  border-radius: @baseBorderRadius;
  margin: 0px ((@baseLineHeight * -1) - 1px);
  margin-bottom: @baseLineHeight;
  padding: @baseLineHeight;
  padding-top: @baseLineHeight * -0.75;

  .form-header {
  	border-bottom: 1px solid darken(@bodyBackground, 8%);
  	margin-top: @baseLineHeight * -1;
  	margin-bottom: @baseLineHeight;
  	padding: (@baseLineHeight / 2) 0px;

  	h1 {
  	  margin: 0px;
  	  padding: 0px;

  	  font-size: @fontSizeLarge;

      small {
        font-size: @fontSizeLarge * 0.75;
        font-weight: bold;
      }
  	}

    .btn {
      margin-left: @baseFontSize;
      position: relative;
      bottom: @baseLineHeight * 1.5;
    }
  }

  .form-preview {
    background-color: @bodyBackground;
    border: 1px solid darken(@bodyBackground, 8%);
    border-radius: @baseBorderRadius;
    margin-bottom: @baseLineHeight;
    padding: @baseLineHeight;
  }

  form {
  	margin: 0px;

  	fieldset {
  	  border-top: 1px solid darken(@bodyBackground, 8%);
  	  padding-top: @baseLineHeight * 0.5;

      legend {
        margin-bottom: @baseLineHeight * -0.5;

        color: @grayLight;
        font-size: @baseFontSize;
        font-weight: bold;

        div {
          margin-bottom: @baseLineHeight * -0.5;
        }
      }

  	  &.first {
  	  	border-top: none;
  	  	padding-top: 0px;
  	  }
  	}

  	.control-label {
  	  font-weight: bold;
  	}

  	&.form-horizontal {
  		fieldset {
  			&.last {
  		    .control-group:last-child {
  		  		margin-bottom: 0px;
  		  		padding-bottom: 0px;
  		    }
  		  }
  		}

		  .form-actions {
	      padding-left: @horizontalComponentOffset + @baseLineHeight;
		  }
	  }
  }

  .form-actions {
		border-radius: 0px 0px @baseBorderRadius @baseBorderRadius;
		margin: (@baseLineHeight * -1);
		margin-top: @baseLineHeight * 0.5;

    .form-actions-protip {
      margin-left: @baseFontSize;

      color: @gray;
      font-weight: bold;
    }
  }
}

// Only v-resize textareas
textarea {
  resize: vertical;
}