[Summary view] [Print] [Text view]

   1  /*styles for jquery ui daterangepicker plugin */
   2  
   3  .ui-daterangepickercontain {
   4      position: absolute;
   5      z-index: 999;
   6  }
   7  .ui-daterangepickercontain .ui-daterangepicker {
   8      float: left;
   9      padding: 5px !important;
  10      width: auto;
  11      display: inline;
  12      background-image: none !important;
  13      clear: left;
  14  }
  15  .ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
  16      float: left;
  17      padding: 0;
  18      margin: 0;
  19  }
  20  .ui-daterangepicker .ranges {
  21      width: auto;
  22      position: relative;
  23      padding: 5px 5px 40px 0;
  24      margin-left: 10px;
  25  }
  26  .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
  27      margin-left: 5px;
  28  }
  29  .ui-daterangepicker button.btnDone {
  30  
  31    clear:both;
  32    cursor:pointer;
  33    position:absolute;
  34    bottom:0;
  35    right:0;
  36    cursor: pointer;
  37    display: inline-block;
  38    background-color: #e6e6e6;
  39    background-repeat: no-repeat;
  40    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  41    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  42    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  43    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  44    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  45    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  46    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  47    padding: 5px 14px 6px;
  48    margin: 5px;
  49    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  50    color: #333;
  51    font-size: 13px;
  52    line-height: normal;
  53    border: 1px solid #ccc;
  54    border-bottom-color: #bbb;
  55    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  56    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  57    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  58    -webkit-transition: 0.1s linear background-image;
  59    -moz-transition: 0.1s linear background-image;
  60    -ms-transition: 0.1s linear background-image;
  61    -o-transition: 0.1s linear background-image;
  62    transition: 0.1s linear background-image;
  63     overflow: visible;
  64  
  65  }
  66  .ui-daterangepicker ul {
  67      width: 17.6em;
  68      background: none;
  69      border: 0;
  70  }
  71  .ui-daterangepicker li {
  72      list-style: none;
  73      padding: 1px;
  74      cursor: pointer;
  75      margin: 1px 0;
  76  }
  77  .ui-daterangepicker .ui-widget-header{
  78      border:1px solid #ccc;
  79  }
  80  
  81  .ui-daterangepicker .ui-state-hover{
  82      background:#0064CD;
  83      color:#fff;
  84  }
  85  
  86  .ui-daterangepicker .ui-state-hover a{
  87      color:#fff;
  88  }
  89  
  90  .ui-daterangepicker .ui-widget{
  91      padding-right:4px;
  92  }
  93  .ui-daterangepicker li.preset_0 {
  94      margin-top: 1.5em !important;
  95  }
  96  .ui-daterangepicker .ui-widget-content a {
  97      text-decoration: none !important;
  98      font-weight:normal;
  99  }
 100  .ui-daterangepicker li a {
 101      font-weight: normal;
 102      margin: .3em .5em;
 103      display: block;
 104  }
 105  .ui-daterangepicker li span {
 106      float: right;
 107      margin: .3em .2em;
 108  }
 109  
 110  .ui-daterangepicker .title-start, .ui-daterangepicker .title-end {
 111      display: block;
 112      margin: 0 0 .2em;
 113      font-size: 1em;
 114      padding: 0 4px 2px;
 115  }
 116  .ui-daterangepicker .ui-datepicker-inline {
 117      font-size: 1em;
 118  }
 119  .ui-daterangepicker-arrows {
 120      padding: 2px;
 121      width: 204px;
 122      position: relative;
 123  }
 124  .ui-daterangepicker-arrows input.ui-rangepicker-input {
 125      width: 158px;
 126      margin: 0 2px 0 20px;
 127      padding: 2px;
 128      height: 1.1em;
 129  }
 130  .ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
 131      position: absolute;
 132      top: 2px; 
 133      padding: 1px;
 134  }
 135  .ui-daterangepicker-arrows .ui-daterangepicker-prev {
 136      left: 2px;
 137  }
 138  .ui-daterangepicker-arrows .ui-daterangepicker-next {
 139      right: 2px;
 140  }
 141  .ui-daterangepicker-arrows .ui-daterangepicker-prev:hover, 
 142  .ui-daterangepicker-arrows .ui-daterangepicker-next:hover,
 143  .ui-daterangepicker-arrows .ui-daterangepicker-prev:focus, 
 144  .ui-daterangepicker-arrows .ui-daterangepicker-next:focus {
 145      padding: 0;
 146  }