openproject/app/assets/stylesheets/content/_forms.css.sass

/*-- copyright
 * OpenProject is a project management system.
 * Copyright (C) 2012-2013 the OpenProject Foundation (OPF)
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 3.
 *
 * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
 * Copyright (C) 2006-2013 Jean-Philippe Lang
 * Copyright (C) 2010-2013 the ChiliProject Team
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * 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 General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 *
 * See doc/COPYRIGHT.rdoc for more details.  ++*/

@import global/all
@import fonts/openproject_icon_font

@mixin input-style
  width: $content_from_input_width
  line-height: 30px
  border: $content_form_input_border
  padding: 0 0 0 10px
  @include border-radius(2px)
  font-family: $font_family_bold
  font-size: $global_font_size
  line-height: 30px
  height: 32px
  margin: 0
  &:hover, &:focus
    border: $content_form_input_hover_border

  float: none
  display: inline-block
  vertical-align: middle

@mixin select-style
  @include input-style
  margin: 0
  min-width: $content_from_input_width + 10
  max-width: $content_from_input_width + 10
  padding: 7px 10px 7px 10px
  option
    padding-left: 10px

@mixin label-style
  width: 155px
  margin-left: 0
  text-align: left
  font-weight: normal
  float: none
  display: inline-block
  padding-right: 5px
  vertical-align: middle

#login-form form, #work_package-form, #update #work_package-form
  padding: 30px 20px
  background-color: $content_form_bg_color
  display: block
  border: $content_form_border

  div.attribute_wrapper
    position: relative
    padding: 0
    margin-bottom: 10px
    font-size: 14px
    line-height: 30px
    label
      @include label-style

    .short
      width: 100px
      margin-right: 200px

  select
    @include select-style

  input
    &[type=password], &[type=text]
      @include input-style
    &#work_package_subject, &#work_package_time_entry_comments
      width: 50%
  textarea
    font-family: $font_family_bold
    font-size: $global_font_size
    border: $content_form_input_border
    &:hover, &:focus
      border: $content_form_input_hover_border

  table
    border: 0 none
    background: none
    margin: 0
    td
      padding: 6px
      label
        @include label-style
        display: inline
      &.label
        vertical-align: middle
        width: 160px

#login-form form
  .button_highlight
    margin-right: 0

#work_package-form
  .attributes
    margin-bottom: 30px
    overflow: auto

  #watchers_form
    position: relative
    padding-left: 160px
    margin-bottom: 30px
    font-size: 14px
    line-height: 30px

    .watcher_label
      @include label-style
      width: 152px
      margin-left: -160px

    .floating
      float: none
      display: inline-block

  #attachments
    padding-left: 0
    padding-right: 0

  .handle_attachments, #attachments
    > label
      @include label-style
      height: 30px
      display: block
    margin-bottom: 30px

    #attachments_fields
      display: inline-block

    .attachment_field
      display: block
      margin-bottom: 10px
      height: 32px
      > input
        @include input-style
        border: none
        &:hover, &:focus
          border: none
      label
        @include label-style
        width: auto
        height: 32px
        input
          margin-left: 50px
    .add_another_file
      padding-left: 10px

  fieldset
    margin-bottom: 20px
    padding: 30px 20px

  legend.change_properties
    padding-right: 20px
  #show_more_wp_properties
    float: left
    margin-left: 115px
    margin-top: -48px
    background-color: $content_form_bg_color

hr.form_separator
  border: 0
  border-bottom: 1px solid $content_form_separator_color
  margin: 0 0 30px
  background: none

#lost_password
  margin-top: 20px

.form-space
  padding-top: 10px

fieldset
  legend:after
    @include icon-common
    float: right
    padding:
      right: 5px
      top: 4px
  &.collapsible
    > legend:after
      content: "\e0d4"
    &.collapsed
      > legend:after
        content: "\e0d2"
  &.with-legend-control
    legend
      float: left
      background-color: white
      margin-top: -15px

  div.legend-control
    margin-top: -15px
    padding-bottom: 5px

    span
      padding-left: 5px
      background-color: white

.ui-widget
  font-family: $font_family_normal
  font-size: $global_font_size - 1px

#content
  .tabular
    label.inline-label
      width: auto
      margin-left: 0
      font-weight: normal