jappixmini/jappix/css/jquery.datepicker.css

   1 /*\r
   2 \r
   3 Jappix - An open social platform\r
   4 This is the datepicker CSS stylesheet\r
   5 \r
   6 -------------------------------------------------\r
   7 \r
   8 License: AGPL\r
   9 Author: Vanaryon\r
  10 Last revision: 28/12/10\r
  11 \r
  12 */\r
  13 \r
  14 div.datepicker {\r
  15         position: relative;\r
  16         font-family: Arial, Helvetica, sans-serif;\r
  17         font-size: 12px;\r
  18         width: 196px;\r
  19         height: 147px;\r
  20         position: absolute;\r
  21         cursor: default;\r
  22         top: 0;\r
  23         left: 0;\r
  24         display: none;\r
  25 }\r
  26 \r
  27 .datepickerHidden {\r
  28         display: none;\r
  29 }\r
  30 \r
  31 div.datepicker table {\r
  32         border-collapse:collapse;\r
  33 }\r
  34 \r
  35 div.datepicker a {\r
  36         text-decoration: none;\r
  37         cursor: default;\r
  38         outline: none;\r
  39 }\r
  40 \r
  41 div.datepicker table td {\r
  42         text-align: right;\r
  43         padding: 0;\r
  44         margin: 0;\r
  45 }\r
  46 \r
  47 div.datepicker th {\r
  48         text-align: center;\r
  49         color: #47646a;\r
  50         font-weight: normal;\r
  51 }\r
  52 \r
  53 div.datepicker tbody th {\r
  54         text-align: left;\r
  55 }\r
  56 \r
  57 div.datepicker tbody a {\r
  58         display: block;\r
  59 }\r
  60 \r
  61 .datepickerDays a {\r
  62         width: 20px;\r
  63         line-height: 16px;\r
  64         height: 16px;\r
  65         padding-right: 2px;\r
  66 }\r
  67 \r
  68 .datepickerYears a,\r
  69 .datepickerMonths a {\r
  70         width: 44px;\r
  71         line-height: 36px;\r
  72         height: 36px;\r
  73         text-align: center;\r
  74 }\r
  75 \r
  76 td.datepickerNotInMonth {\r
  77         background: #c7d1d4;\r
  78 }\r
  79 \r
  80 tbody.datepickerDays td.datepickerSelected {\r
  81         background: #b0bdc1;\r
  82 }\r
  83 \r
  84 tbody.datepickerYears td.datepickerSelected,\r
  85 tbody.datepickerMonths td.datepickerSelected {\r
  86         background: #9daaae;\r
  87 }\r
  88 \r
  89 div.datepicker a:hover,\r
  90 div.datepicker a:focus {\r
  91         color: #3d7682;\r
  92 }\r
  93 \r
  94 div.datepicker tbody th {\r
  95         text-align: left;\r
  96 }\r
  97 \r
  98 .datepickerSpace div {\r
  99         width: 20px;\r
 100 }\r
 101 \r
 102 .datepickerGoNext a,\r
 103 .datepickerGoPrev a,\r
 104 .datepickerMonth a {\r
 105         text-align: center;\r
 106         height: 20px;\r
 107         line-height: 20px;\r
 108 }\r
 109 \r
 110 .datepickerGoNext a {\r
 111         float: right;\r
 112         width: 20px;\r
 113 }\r
 114 \r
 115 .datepickerGoPrev a {\r
 116         float: left;\r
 117         width: 20px;\r
 118 }\r
 119 \r
 120 table.datepickerViewDays tbody.datepickerMonths,\r
 121 table.datepickerViewDays tbody.datepickerYears {\r
 122         display: none;\r
 123 }\r
 124 \r
 125 table.datepickerViewMonths tbody.datepickerDays,\r
 126 table.datepickerViewMonths tbody.datepickerYears,\r
 127 table.datepickerViewMonths tr.datepickerDoW {\r
 128         display: none;\r
 129 }\r
 130 \r
 131 table.datepickerViewYears tbody.datepickerDays,\r
 132 table.datepickerViewYears tbody.datepickerMonths,\r
 133 table.datepickerViewYears tr.datepickerDoW {\r
 134         display: none;\r
 135 }\r
 136 \r
 137 td.datepickerDisabled a,\r
 138 td.datepickerDisabled.datepickerNotInMonth a {\r
 139         color: #333;\r
 140 }\r
 141 \r
 142 td.datepickerSpecial a {\r
 143         background: #700;\r
 144 }\r
 145 \r
 146 td.datepickerSpecial.datepickerSelected a {\r
 147         background: #a00;\r
 148 }\r