bluechips/public/js/jquery.date_input.css

   1 /* Some resets for compatibility with existing CSS */
   2 .date_selector, .date_selector * {
   3   width: auto;
   4   height: auto;
   5   border: none;
   6   background: none;
   7   margin: 0;
   8   padding: 0;
   9   text-align: left;
  10   text-decoration: none;
  11 }
  12 .date_selector {
  13   background: #F2F2F2;
  14   border: 1px solid #bbb;
  15   padding: 5px;
  16   margin: -1px 0 0 0;
  17   position: absolute;
  18   z-index: 100000;
  19   display: none;
  20 }
  21 .date_selector_ieframe {
  22   position: absolute;
  23   z-index: 99999;
  24   display: none;
  25 }
  26   .date_selector .nav {
  27     width: 17.5em; /* 7 * 2.5em */
  28   }
  29   .date_selector .month_nav, .date_selector .year_nav {
  30     margin: 0 0 3px 0;
  31     padding: 0;
  32     display: block;
  33     position: relative;
  34     text-align: center;
  35   }
  36   .date_selector .month_nav {
  37     float: left;
  38     width: 55%;
  39   }
  40   .date_selector .year_nav {
  41     float: right;
  42     width: 35%;
  43     margin-right: -8px; /* Compensates for cell borders */
  44   }
  45   .date_selector .month_name, .date_selector .year_name {
  46     font-weight: bold;
  47     line-height: 20px;
  48   }
  49   .date_selector .button {
  50     display: block;
  51     position: absolute;
  52     top: 0;
  53     width: 18px;
  54     height: 18px;
  55     line-height: 17px;
  56     font-weight: bold;
  57     color: #003C78;
  58     text-align: center;
  59     font-size: 120%;
  60     overflow: hidden;
  61     border: 1px solid #F2F2F2;
  62   }
  63     .date_selector .button:hover, .date_selector .button.hover {
  64       background: none;
  65       color: #003C78;
  66       cursor: pointer;
  67       border-color: #ccc;
  68     }
  69   .date_selector .prev {
  70     left: 0;
  71   }
  72   .date_selector .next {
  73     right: 0;
  74   }
  75   .date_selector table {
  76     border-spacing: 0;
  77     border-collapse: collapse;
  78     clear: both;
  79   }
  80     .date_selector th, .date_selector td {
  81       width: 2.5em;
  82       height: 2em;
  83       padding: 0;
  84       text-align: center;
  85       color: black;
  86     }
  87     .date_selector td {
  88       border: 1px solid #ccc;
  89       line-height: 2em;
  90       text-align: center;
  91       white-space: nowrap;
  92       color: #003C78;
  93       background: white;
  94     }
  95     .date_selector td.today {
  96       background: #FFFEB3;
  97     }
  98     .date_selector td.unselected_month {
  99       color: #ccc;
 100     }
 101     .date_selector td.selectable_day {
 102       cursor: pointer;
 103     }
 104     .date_selector td.selected {
 105       background: #D8DFE5;
 106       font-weight: bold;
 107     }
 108     .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover {
 109       background: #003C78;
 110       color: white;
 111     }