// Datepicker standalone .less buildfile.  Includes all necessary mixins/variables/rules from bootstrap
// and imports the included datepicker.less to output a minimal standalone datepicker.css
//
// Usage:
//     lessc build_standalone3.less datepicker.css
//
// Variables, mixins, and rules copied from bootstrap 2.0.2

@import "build3.less";

// Dropdown css

@zindex-dropdown:               1000;
@gray-dark:                     #333;
@line-height-base:              1.428571429; // 20/14
@table-bg:                      transparent; // overall background-color
@dropdown-bg:                   #fff;
@dropdow-border:                rgba(0,0,0,.15);
@dropdown-link-color:           @gray-dark;
@dropdown-link-hover-color:     #fff;
@component-active-bg:           @brand-primary;
@dropdown-link-active-bg:       @component-active-bg;
@dropdown-link-hover-bg:        @dropdown-link-active-bg;

// Drop shadows
.box-shadow(@shadow) {
  -webkit-box-shadow: @shadow;
     -moz-box-shadow: @shadow;
          box-shadow: @shadow;
}

// The dropdown menu (ul)
// ----------------------
.datepicker {
  &.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: @zindex-dropdown;
    float: left;
    display: none; // none by default, but block on "open" of the menu
    min-width: 160px;
    list-style: none;
    background-color: @dropdown-bg;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    .box-shadow(0 5px 10px rgba(0,0,0,.2));
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
            background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;

    // Normally inherited from bootstrap's `body`
    color: #333333;
    font-size:13px;
    line-height: @line-height-base;
  }

  &.dropdown-menu, &.datepicker-inline {
    th, td {
      padding: 0px 5px;
    }
  }
}
