www.aleph1.co.uk Git - yaffs-website/blob - web/core/assets/vendor/jquery.ui/themes/base/datepicker.css

   1 /*!
   2  * jQuery UI Datepicker 1.12.1
   3  * http://jqueryui.com
   4  *
   5  * Copyright jQuery Foundation and other contributors
   6  * Released under the MIT license.
   7  * http://jquery.org/license
   8  *
   9  * http://api.jqueryui.com/datepicker/#theming
  10  */
  11 .ui-datepicker {
  12         width: 17em;
  13         padding: .2em .2em 0;
  14         display: none;
  15 }
  16 .ui-datepicker .ui-datepicker-header {
  17         position: relative;
  18         padding: .2em 0;
  19 }
  20 .ui-datepicker .ui-datepicker-prev,
  21 .ui-datepicker .ui-datepicker-next {
  22         position: absolute;
  23         top: 2px;
  24         width: 1.8em;
  25         height: 1.8em;
  26 }
  27 .ui-datepicker .ui-datepicker-prev-hover,
  28 .ui-datepicker .ui-datepicker-next-hover {
  29         top: 1px;
  30 }
  31 .ui-datepicker .ui-datepicker-prev {
  32         left: 2px;
  33 }
  34 .ui-datepicker .ui-datepicker-next {
  35         right: 2px;
  36 }
  37 .ui-datepicker .ui-datepicker-prev-hover {
  38         left: 1px;
  39 }
  40 .ui-datepicker .ui-datepicker-next-hover {
  41         right: 1px;
  42 }
  43 .ui-datepicker .ui-datepicker-prev span,
  44 .ui-datepicker .ui-datepicker-next span {
  45         display: block;
  46         position: absolute;
  47         left: 50%;
  48         margin-left: -8px;
  49         top: 50%;
  50         margin-top: -8px;
  51 }
  52 .ui-datepicker .ui-datepicker-title {
  53         margin: 0 2.3em;
  54         line-height: 1.8em;
  55         text-align: center;
  56 }
  57 .ui-datepicker .ui-datepicker-title select {
  58         font-size: 1em;
  59         margin: 1px 0;
  60 }
  61 .ui-datepicker select.ui-datepicker-month,
  62 .ui-datepicker select.ui-datepicker-year {
  63         width: 45%;
  64 }
  65 .ui-datepicker table {
  66         width: 100%;
  67         font-size: .9em;
  68         border-collapse: collapse;
  69         margin: 0 0 .4em;
  70 }
  71 .ui-datepicker th {
  72         padding: .7em .3em;
  73         text-align: center;
  74         font-weight: bold;
  75         border: 0;
  76 }
  77 .ui-datepicker td {
  78         border: 0;
  79         padding: 1px;
  80 }
  81 .ui-datepicker td span,
  82 .ui-datepicker td a {
  83         display: block;
  84         padding: .2em;
  85         text-align: right;
  86         text-decoration: none;
  87 }
  88 .ui-datepicker .ui-datepicker-buttonpane {
  89         background-image: none;
  90         margin: .7em 0 0 0;
  91         padding: 0 .2em;
  92         border-left: 0;
  93         border-right: 0;
  94         border-bottom: 0;
  95 }
  96 .ui-datepicker .ui-datepicker-buttonpane button {
  97         float: right;
  98         margin: .5em .2em .4em;
  99         cursor: pointer;
 100         padding: .2em .6em .3em .6em;
 101         width: auto;
 102         overflow: visible;
 103 }
 104 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 105         float: left;
 106 }
 107
 108 /* with multiple calendars */
 109 .ui-datepicker.ui-datepicker-multi {
 110         width: auto;
 111 }
 112 .ui-datepicker-multi .ui-datepicker-group {
 113         float: left;
 114 }
 115 .ui-datepicker-multi .ui-datepicker-group table {
 116         width: 95%;
 117         margin: 0 auto .4em;
 118 }
 119 .ui-datepicker-multi-2 .ui-datepicker-group {
 120         width: 50%;
 121 }
 122 .ui-datepicker-multi-3 .ui-datepicker-group {
 123         width: 33.3%;
 124 }
 125 .ui-datepicker-multi-4 .ui-datepicker-group {
 126         width: 25%;
 127 }
 128 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 129 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 130         border-left-width: 0;
 131 }
 132 .ui-datepicker-multi .ui-datepicker-buttonpane {
 133         clear: left;
 134 }
 135 .ui-datepicker-row-break {
 136         clear: both;
 137         width: 100%;
 138         font-size: 0;
 139 }
 140
 141 /* RTL support */
 142 .ui-datepicker-rtl {
 143         direction: rtl;
 144 }
 145 .ui-datepicker-rtl .ui-datepicker-prev {
 146         right: 2px;
 147         left: auto;
 148 }
 149 .ui-datepicker-rtl .ui-datepicker-next {
 150         left: 2px;
 151         right: auto;
 152 }
 153 .ui-datepicker-rtl .ui-datepicker-prev:hover {
 154         right: 1px;
 155         left: auto;
 156 }
 157 .ui-datepicker-rtl .ui-datepicker-next:hover {
 158         left: 1px;
 159         right: auto;
 160 }
 161 .ui-datepicker-rtl .ui-datepicker-buttonpane {
 162         clear: right;
 163 }
 164 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
 165         float: left;
 166 }
 167 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 168 .ui-datepicker-rtl .ui-datepicker-group {
 169         float: right;
 170 }
 171 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 172 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 173         border-right-width: 0;
 174         border-left-width: 1px;
 175 }
 176
 177 /* Icons */
 178 .ui-datepicker .ui-icon {
 179         display: block;
 180         text-indent: -99999px;
 181         overflow: hidden;
 182         background-repeat: no-repeat;
 183         left: .5em;
 184         top: .3em;
 185 }