rails.sass

// Fat Free CRM
// Copyright (C) 2008-2011 by Michael Dvorkin
// 
// 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/>.
//------------------------------------------------------------------------------

// Form validation messages.
//------------------------------------------------------------------------------
.errorExplanation
  background-color: seashell
  border: 2px solid salmon
  font-size: 12px
  padding: 8px
  margin: 8px 13px 0px 13px
  h2
    background: salmon
    color: white
    font:
      size: 12px
      weight: bold
    margin: -8px
    padding: 5px
  ul
    margin-left: 30px
    li
      border: none
      font-size: 12px
      list-style-type: disc
      padding: 0px

.fieldWithErrors
  input
    border:
      bottom: 1px solid lightpink
      right: 1px solid lightpink
    background: pink

// Flash messages.
//------------------------------------------------------------------------------
p
  &.flash_warning, &.flash_error
    background: lightpink
    color: maroon
    margin: 0px
    padding: 5px 0px 5px 16px

  &.flash_notice, &.flash_message
    background: #df9
    color: darkgreen
    margin: 0px
    padding: 5px 0px 5px 16px

  &.flash_exception
    background: #df9
    border: 5px limegreen solid
    font-size: 14px
    margin: 50px auto
    padding: 50px
    width: 450px
    -moz-box-shadow: 5px 5px 15px #999, -5px 0px 15px #999
    -webkit-box-shadow: 5px 5px 15px #999, -5px 0px 15px #999

// Autocomplete.
//------------------------------------------------------------------------------
div
  &.auto_complete
    background: white
    border:
      left: 1px solid silver
      right: 1px solid silver
      bottom: 1px solid silver
    margin: 0px
    padding: 0px
    position: absolute
    width: 310px
    ul
      list-style-type: none
      margin: 0px
      padding: 0px
      li
        color: #3f3f3f
        cursor: pointer
        display: block
        list-style-type: none
        margin: 0px
        padding: 2px
        .highlight
          background: lightyellow
        &.selected
          background: royalblue
          color: white
          .highlight
            background: royalblue

// Pagination.
//------------------------------------------------------------------------------
.pagination
  background: white
  float: right
  font-size: 11px
  margin: 6px 0px 0px 0px
  a, span
    padding: .2em .5em
    display: block
    float: left
    margin: 0px 2px 0px 0px
  span.disabled
    color: #999
    border: 1px solid #DDD
  span.current
    font-weight: bold
    background: #2E6AB1
    color: white
    border: 1px solid #2E6AB1
  a
    text-decoration: none
    color: #105CB6
    border: 1px solid #9AAFE5
    &hover, &focus
      color: navy
      background: lightyellow
      border-color: navy