1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
|
// 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_standalone.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-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
line-height: @line-height-base;
}
&.dropdown-menu, &.datepicker-inline {
th, td {
padding: 0px 5px;
}
}
}
|