mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-12-07 06:14:24 +00:00
dc67d2c5d2
For instance, this is useful for the jquery-ui-rails gem, which does not
use jQuery UI's own minification, but relies on Rails to minify the
files where necessary. Rails in turn uses UglifyJS for JS and YUI for
CSS, both of which respect the /*! ... */ convention.
(cherry picked from commit 37dcc3e21d, dropped menu, spinner and tooltip)
68 lines
4.0 KiB
CSS
68 lines
4.0 KiB
CSS
/*!
|
|
* jQuery UI Datepicker @VERSION
|
|
*
|
|
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
|
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|
* http://jquery.org/license
|
|
*
|
|
* http://docs.jquery.com/UI/Datepicker#theming
|
|
*/
|
|
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
|
|
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
|
|
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
|
|
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
|
|
.ui-datepicker .ui-datepicker-prev { left:2px; }
|
|
.ui-datepicker .ui-datepicker-next { right:2px; }
|
|
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
|
|
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
|
|
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
|
|
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
|
|
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
|
|
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
|
|
.ui-datepicker select.ui-datepicker-month,
|
|
.ui-datepicker select.ui-datepicker-year { width: 49%;}
|
|
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
|
|
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
|
.ui-datepicker td { border: 0; padding: 1px; }
|
|
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
|
|
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
|
|
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
|
|
|
|
/* with multiple calendars */
|
|
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
|
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
|
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
|
|
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
|
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
|
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
|
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
|
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
|
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
|
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
|
|
|
|
/* RTL support */
|
|
.ui-datepicker-rtl { direction: rtl; }
|
|
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
|
|
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
|
|
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
|
|
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
|
|
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
|
|
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
|
|
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
|
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
|
|
|
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
|
.ui-datepicker-cover {
|
|
display: none; /*sorry for IE5*/
|
|
display/**/: block; /*sorry for IE5*/
|
|
position: absolute; /*must have*/
|
|
z-index: -1; /*must have*/
|
|
filter: mask(); /*must have*/
|
|
top: -4px; /*must have*/
|
|
left: -4px; /*must have*/
|
|
width: 200px; /*must have*/
|
|
height: 200px; /*must have*/
|
|
} |