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 }