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 }