github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/bootstrap-daterangepicker/daterangepicker-bs2.css (about)

     1  /*!
     2   * Stylesheet for the Date Range Picker, for use with Bootstrap 2.x
     3   *
     4   * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
     5   * Licensed under the Apache License v2.0
     6   * http://www.apache.org/licenses/LICENSE-2.0
     7   *
     8   * Built for http://www.improvely.com
     9   */
    10  
    11  .daterangepicker.dropdown-menu {
    12    max-width: none;
    13    z-index: 3000;
    14  }
    15  
    16  .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
    17    float: left;
    18    margin: 4px;
    19  }
    20  
    21  .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
    22    float: right;
    23    margin: 4px;
    24  }
    25  
    26  .daterangepicker .ranges {
    27    width: 160px;
    28    text-align: left;
    29  }
    30  
    31  .daterangepicker .ranges .range_inputs>div {
    32    float: left;
    33  }
    34  
    35  .daterangepicker .ranges .range_inputs>div:nth-child(2) {
    36    padding-left: 11px;
    37  }
    38  
    39  .daterangepicker .calendar {
    40    display: none;
    41    max-width: 250px;
    42  }
    43  .daterangepicker.show-calendar .calendar {
    44      display: block;
    45  }
    46  
    47  .daterangepicker .calendar.single .calendar-date {
    48    border: none;
    49  }
    50  
    51  .daterangepicker .calendar th, .daterangepicker .calendar td {
    52    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    53    white-space: nowrap;
    54    text-align: center;
    55  }
    56  
    57  .daterangepicker .daterangepicker_start_input label,
    58  .daterangepicker .daterangepicker_end_input label {
    59    color: #333;
    60    font-size: 11px;
    61    margin-bottom: 2px;
    62    text-transform: uppercase;
    63    text-shadow: 1px 1px 0 #fff;
    64  }
    65  
    66  .daterangepicker .ranges input {
    67    font-size: 11px;
    68  }
    69  
    70  .daterangepicker .ranges ul {
    71    list-style: none;
    72    margin: 0;
    73    padding: 0;
    74  }
    75  
    76  .daterangepicker .ranges li {
    77    font-size: 13px;
    78    background: #f5f5f5;
    79    border: 1px solid #f5f5f5;
    80    color: #08c;
    81    padding: 3px 12px;
    82    margin-bottom: 8px;
    83    -webkit-border-radius: 5px;
    84    -moz-border-radius: 5px;
    85    border-radius: 5px;
    86    cursor: pointer;
    87  }
    88  
    89  .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    90    background: #08c;
    91    border: 1px solid #08c;
    92    color: #fff;
    93  }
    94  
    95  .daterangepicker .calendar-date {
    96    border: 1px solid #ddd;
    97    padding: 4px;
    98    border-radius: 4px;
    99    background: #fff;
   100  }
   101  
   102  .daterangepicker .calendar-time {
   103    text-align: center;
   104    margin: 8px auto 0 auto;
   105    line-height: 30px;
   106  }
   107  
   108  .daterangepicker {
   109    position: absolute;
   110    background: #fff;
   111    top: 100px;
   112    left: 20px;
   113    padding: 4px;
   114    margin-top: 1px;
   115    -webkit-border-radius: 4px;
   116    -moz-border-radius: 4px;
   117    border-radius: 4px;
   118  }
   119  
   120  .daterangepicker.opensleft:before {
   121    position: absolute;
   122    top: -7px;
   123    right: 9px;
   124    display: inline-block;
   125    border-right: 7px solid transparent;
   126    border-bottom: 7px solid #ccc;
   127    border-left: 7px solid transparent;
   128    border-bottom-color: rgba(0, 0, 0, 0.2);
   129    content: '';
   130  }
   131  
   132  .daterangepicker.opensleft:after {
   133    position: absolute;
   134    top: -6px;
   135    right: 10px;
   136    display: inline-block;
   137    border-right: 6px solid transparent;
   138    border-bottom: 6px solid #fff;
   139    border-left: 6px solid transparent;
   140    content: '';
   141  }
   142  
   143  .daterangepicker.opensright:before {
   144    position: absolute;
   145    top: -7px;
   146    left: 9px;
   147    display: inline-block;
   148    border-right: 7px solid transparent;
   149    border-bottom: 7px solid #ccc;
   150    border-left: 7px solid transparent;
   151    border-bottom-color: rgba(0, 0, 0, 0.2);
   152    content: '';
   153  }
   154  
   155  .daterangepicker.opensright:after {
   156    position: absolute;
   157    top: -6px;
   158    left: 10px;
   159    display: inline-block;
   160    border-right: 6px solid transparent;
   161    border-bottom: 6px solid #fff;
   162    border-left: 6px solid transparent;
   163    content: '';
   164  }
   165  
   166  .daterangepicker table {
   167    width: 100%;
   168    margin: 0;
   169  }
   170  
   171  .daterangepicker td, .daterangepicker th {
   172    text-align: center;
   173    width: 20px;
   174    height: 20px;
   175    -webkit-border-radius: 4px;
   176    -moz-border-radius: 4px;
   177    border-radius: 4px;
   178    cursor: pointer;
   179    white-space: nowrap;
   180  }
   181  
   182  .daterangepicker td.off {
   183    color: #999;
   184  }
   185  
   186  .daterangepicker td.disabled {
   187    color: #999;
   188  }
   189  
   190  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
   191    background: #eee;
   192  }
   193  
   194  .daterangepicker td.in-range {
   195    background: #ebf4f8;
   196    -webkit-border-radius: 0;
   197    -moz-border-radius: 0;
   198    border-radius: 0;
   199  }
   200  
   201  .daterangepicker td.active, .daterangepicker td.active:hover {
   202    background-color: #006dcc;
   203    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
   204    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
   205    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
   206    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
   207    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
   208    background-image: linear-gradient(top, #0088cc, #0044cc);
   209    background-repeat: repeat-x;
   210    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
   211    border-color: #0044cc #0044cc #002a80;
   212    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   213    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   214    color: #fff;
   215    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   216  }
   217  
   218  .daterangepicker td.week, .daterangepicker th.week {
   219    font-size: 80%;
   220    color: #ccc;
   221  }
   222  
   223  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
   224    font-size: 12px;
   225    padding: 1px;
   226    height: auto;
   227    margin: 0;
   228    cursor: default;
   229  }
   230  
   231  .daterangepicker select.monthselect {
   232    margin-right: 2%;
   233    width: 56%;
   234  }
   235  
   236  .daterangepicker select.yearselect {
   237    width: 40%;
   238  }
   239  
   240  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
   241    width: 60px;
   242    margin-bottom: 0;
   243  }
   244  
   245  .daterangepicker_start_input {
   246    float: left;
   247  }
   248  
   249  .daterangepicker_end_input {
   250    float: left; 
   251    padding-left: 11px
   252  }
   253  
   254  .daterangepicker th.month {
   255    width: auto;
   256  }