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

     1  /*!
     2   * Stylesheet for the Date Range Picker, for use with Bootstrap 3.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.single .ranges, .daterangepicker.single .calendar {
    27    float: none;
    28  }
    29  
    30  .daterangepicker .ranges {
    31    width: 160px;
    32    text-align: left;
    33  }
    34  
    35  .daterangepicker .ranges .range_inputs>div {
    36    float: left;
    37  }
    38  
    39  .daterangepicker .ranges .range_inputs>div:nth-child(2) {
    40    padding-left: 11px;
    41  }
    42  
    43  .daterangepicker .calendar {
    44    display: none;
    45    max-width: 270px;
    46  }
    47  
    48  .daterangepicker.show-calendar .calendar {
    49      display: block;
    50  }
    51  
    52  .daterangepicker .calendar.single .calendar-date {
    53    border: none;
    54  }
    55  
    56  .daterangepicker .calendar th, .daterangepicker .calendar td {
    57    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    58    white-space: nowrap;
    59    text-align: center;
    60    min-width: 32px;
    61  }
    62  
    63  .daterangepicker .daterangepicker_start_input label,
    64  .daterangepicker .daterangepicker_end_input label {
    65    color: #333;
    66    display: block;
    67    font-size: 11px;
    68    font-weight: normal;
    69    height: 20px;
    70    line-height: 20px;
    71    margin-bottom: 2px;
    72    text-shadow: #fff 1px 1px 0px;
    73    text-transform: uppercase;
    74    width: 74px;
    75  }
    76  
    77  .daterangepicker .ranges input {
    78    font-size: 11px;
    79  }
    80  
    81  .daterangepicker .ranges .input-mini {
    82    border: 1px solid #ccc;
    83    border-radius: 4px;
    84    color: #555;
    85    display: block;
    86    font-size: 11px;
    87    height: 30px;
    88    line-height: 30px;
    89    vertical-align: middle;
    90    margin: 0 0 10px 0;
    91    padding: 0 6px;
    92    width: 74px;
    93  }
    94  
    95  .daterangepicker .ranges ul {
    96    list-style: none;
    97    margin: 0;
    98    padding: 0;
    99  }
   100  
   101  .daterangepicker .ranges li {
   102    font-size: 13px;
   103    background: #f5f5f5;
   104    border: 1px solid #f5f5f5;
   105    color: #08c;
   106    padding: 3px 12px;
   107    margin-bottom: 8px;
   108    -webkit-border-radius: 5px;
   109    -moz-border-radius: 5px;
   110    border-radius: 5px;
   111    cursor: pointer;
   112  }
   113  
   114  .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
   115    background: #08c;
   116    border: 1px solid #08c;
   117    color: #fff;
   118  }
   119  
   120  .daterangepicker .calendar-date {
   121    border: 1px solid #ddd;
   122    padding: 4px;
   123    border-radius: 4px;
   124    background: #fff;
   125  }
   126  
   127  .daterangepicker .calendar-time {
   128    text-align: center;
   129    margin: 8px auto 0 auto;
   130    line-height: 30px;
   131  }
   132  
   133  .daterangepicker {
   134    position: absolute;
   135    background: #fff;
   136    top: 100px;
   137    left: 20px;
   138    padding: 4px;
   139    margin-top: 1px;
   140    -webkit-border-radius: 4px;
   141    -moz-border-radius: 4px;
   142    border-radius: 4px;
   143  }
   144  
   145  .daterangepicker.opensleft:before {
   146    position: absolute;
   147    top: -7px;
   148    right: 9px;
   149    display: inline-block;
   150    border-right: 7px solid transparent;
   151    border-bottom: 7px solid #ccc;
   152    border-left: 7px solid transparent;
   153    border-bottom-color: rgba(0, 0, 0, 0.2);
   154    content: '';
   155  }
   156  
   157  .daterangepicker.opensleft:after {
   158    position: absolute;
   159    top: -6px;
   160    right: 10px;
   161    display: inline-block;
   162    border-right: 6px solid transparent;
   163    border-bottom: 6px solid #fff;
   164    border-left: 6px solid transparent;
   165    content: '';
   166  }
   167  
   168  .daterangepicker.opensright:before {
   169    position: absolute;
   170    top: -7px;
   171    left: 9px;
   172    display: inline-block;
   173    border-right: 7px solid transparent;
   174    border-bottom: 7px solid #ccc;
   175    border-left: 7px solid transparent;
   176    border-bottom-color: rgba(0, 0, 0, 0.2);
   177    content: '';
   178  }
   179  
   180  .daterangepicker.opensright:after {
   181    position: absolute;
   182    top: -6px;
   183    left: 10px;
   184    display: inline-block;
   185    border-right: 6px solid transparent;
   186    border-bottom: 6px solid #fff;
   187    border-left: 6px solid transparent;
   188    content: '';
   189  }
   190  
   191  .daterangepicker table {
   192    width: 100%;
   193    margin: 0;
   194  }
   195  
   196  .daterangepicker td, .daterangepicker th {
   197    text-align: center;
   198    width: 20px;
   199    height: 20px;
   200    -webkit-border-radius: 4px;
   201    -moz-border-radius: 4px;
   202    border-radius: 4px;
   203    cursor: pointer;
   204    white-space: nowrap;
   205  }
   206  
   207  .daterangepicker td.off {
   208    color: #999;
   209  }
   210  
   211  .daterangepicker td.disabled {
   212    color: #999;
   213  }
   214  
   215  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
   216    background: #eee;
   217  }
   218  
   219  .daterangepicker td.in-range {
   220    background: #ebf4f8;
   221    -webkit-border-radius: 0;
   222    -moz-border-radius: 0;
   223    border-radius: 0;
   224  }
   225  
   226  .daterangepicker td.start-date {
   227    -webkit-border-radius: 4px 0 0 4px;
   228    -moz-border-radius: 4px 0 0 4px;
   229    border-radius: 4px 0 0 4px;
   230  }
   231  
   232  .daterangepicker td.end-date {
   233    -webkit-border-radius: 0 4px 4px 0;
   234    -moz-border-radius: 0 4px 4px 0;
   235    border-radius: 0 4px 4px 0;
   236  }
   237  
   238  .daterangepicker td.start-date.end-date {
   239    -webkit-border-radius: 4px;
   240    -moz-border-radius: 4px;
   241    border-radius: 4px;
   242  }
   243  
   244  .daterangepicker td.active, .daterangepicker td.active:hover {
   245    background-color: #357ebd;
   246    border-color: #3071a9;
   247    color: #fff;
   248  }
   249  
   250  .daterangepicker td.week, .daterangepicker th.week {
   251    font-size: 80%;
   252    color: #ccc;
   253  }
   254  
   255  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
   256    font-size: 12px;
   257    padding: 1px;
   258    height: auto;
   259    margin: 0;
   260    cursor: default;
   261  }
   262  
   263  .daterangepicker select.monthselect {
   264    margin-right: 2%;
   265    width: 56%;
   266  }
   267  
   268  .daterangepicker select.yearselect {
   269    width: 40%;
   270  }
   271  
   272  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
   273    width: 50px;
   274    margin-bottom: 0;
   275  }
   276  
   277  .daterangepicker_start_input {
   278    float: left;
   279  }
   280  
   281  .daterangepicker_end_input {
   282    float: left; 
   283    padding-left: 11px
   284  }
   285  
   286  .daterangepicker th.month {
   287    width: auto;
   288  }