Advertisement
Guest User

Gravity Forms - jQuery UI Date Picker

a guest
Jan 29th, 2012
746
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.68 KB | None | 0 0
  1. /* jQuery UI date picker ------------------------------------------------------*/
  2.  
  3. .ui-datepicker-div.gform_datepicker,
  4. .ui-datepicker-inline.gform_datepicker,
  5. #ui-datepicker-div.gform_datepicker {
  6.     margin: 0;
  7.     padding: 0;
  8.     border: 0;
  9.     outline: 0;
  10.     line-height: 1.3;
  11.     text-decoration: none;
  12.     font-size: 1em;
  13.     list-style: none;
  14.     font-family: "lucida sans", "lucida grande", lucida , sans-serif;
  15.     background-color: #FFF;
  16.     font-size: 1em;
  17.     border: 4px solid #C1C1C1;
  18.     width: 15.5em;
  19.     padding: 2.5em .5em .5em .5em;
  20.     position: relative
  21. }
  22. .ui-datepicker-div.gform_datepicker,
  23. #ui-datepicker-div.gform_datepicker {
  24.     z-index: 9999;
  25.     display: none
  26. }
  27. .ui-datepicker-inline.gform_datepicker {
  28.     float: left;
  29.     display: block
  30. }
  31. .gform_datepicker .ui-datepicker-control {
  32.     display: none
  33. }
  34. .gform_datepicker .ui-datepicker-current {
  35.     display: none
  36. }
  37. .gform_datepicker .ui-datepicker-next,
  38. .gform_datepicker .ui-datepicker-prev {
  39.     position: absolute;
  40.     left: 0.5em;
  41.     top: 0.5em;
  42.     background-color: #EEE
  43. }
  44. .gform_datepicker .ui-datepicker-next {
  45.     left: 14.6em
  46. }
  47. .gform_datepicker .ui-datepicker-next: hover,
  48. .gform_datepicker .ui-datepicker-prev: hover {
  49.     background-color: #DADADA
  50. }
  51. .gform_datepicker .ui-datepicker-next a,
  52. .gform_datepicker .ui-datepicker-prev a {
  53.     text-indent: -999999px;
  54.     width: 1.3em;
  55.     height: 1.4em;
  56.     display: block;
  57.     font-size: 1em;
  58.     background-image: url(../images/datepicker_arrow_left.gif);
  59.     background-position: 50% 50%;
  60.     background-repeat: no-repeat;
  61.     border: 1px solid #d3d3d3;
  62.     cursor: pointer
  63. }
  64. .gform_datepicker .ui-datepicker-next a {
  65.     background-image: url(../images/datepicker_arrow_right.gif);
  66.     background-position: 50% 50%;
  67.     background-repeat: no-repeat
  68. }
  69. .gform_datepicker .ui-datepicker-header select {
  70.     border: 1px solid #D3D3D3;
  71.     color: #555;
  72.     background-color: #E6E6E6;
  73.     font-size: 1em;
  74.     line-height: 1.4em;
  75.     position: absolute;
  76.     top: 0.5em;
  77.     margin: 0 !important
  78. }
  79. .gform_datepicker .ui-datepicker-header option: focus,
  80. .gform_datepicker .ui-datepicker-header option: hover {
  81.     background-color: #DADADA
  82. }
  83. .gform_datepicker .ui-datepicker-header select.ui-datepicker-new-month {
  84.     width: 7em;
  85.     left: 2.2em
  86. }
  87. .gform_datepicker .ui-datepicker-header select.ui-datepicker-new-year {
  88.     width: 5em;
  89.     left: 9.4em
  90. }
  91. .gform_datepicker table.ui-datepicker {
  92.     width: 15.5em;
  93.     text-align: right;
  94.     display: table;
  95. }
  96. .gform_datepicker table.ui-datepicker td a {
  97.     padding: .1em;
  98.     display: block;
  99.     color: #555;
  100.     background-color: #E6E6E6;
  101.     cursor: pointer;
  102.     border: 1px solid #FFF;
  103.     text-align: center
  104. }
  105. .gform_datepicker table.ui-datepicker td a: hover {
  106.     border: 1px solid #FFF;
  107.     color: #212121;
  108.     background-color: #DADADA;
  109.     text-decoration: none
  110. }
  111. .gform_datepicker table.ui-datepicker td a: active {
  112.     border: 1px solid #AAA;
  113.     color: #212121;
  114.     background-color: #FFF;
  115.     text-decoration: none
  116. }
  117. .gform_datepicker table.ui-datepicker .ui-datepicker-title-row td {
  118.     padding: .2em 0;
  119.     text-align: center;
  120.     font-size: 0.9em;
  121.     color: #222;
  122.     text-transform: uppercase
  123. }
  124. .gform_datepicker table.ui-datepicker .ui-datepicker-title-row td a {
  125.     color: #222;
  126.     padding: 0.3em 0
  127. }
  128. .gform_datepicker .ui-datepicker-cover {
  129.     display: none;
  130.     display: block;
  131.     position: absolute;
  132.     z-index: -1;
  133.     filter: mask();
  134.     top: -4px;
  135.     left: -4px;
  136.     width: 193px;
  137.     height: 200px
  138. }
  139. .gform_datepicker img.ui-datepicker-trigger {
  140.     cursor: pointer;
  141.     vertical-align: top;
  142.     width: 17px;
  143.     display: -moz-inline-stack;
  144.     display: inline-block;
  145.     zoom: 1;
  146.     *display: inline
  147. }
  148. .gform_wrapper input.datepicker.datepicker_with_icon {
  149.     margin-right: 4px !important;
  150.     display: -moz-inline-stack;
  151.     display: inline-block;
  152.     zoom: 1;
  153.     *display: inline
  154. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement