github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/plugins/bootstrap-datepicker/less/datepicker3.less (about) 1 /*! 2 * Datepicker for Bootstrap 3 * 4 * Copyright 2012 Stefan Petre 5 * Improvements by Andrew Rowls 6 * Licensed under the Apache License v2.0 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 */ 10 11 .datepicker { 12 padding: 4px; 13 border-radius: 4px; 14 &-inline { 15 width: 220px; 16 } 17 direction: ltr; 18 &&-rtl { 19 direction: rtl; 20 table tr td span { 21 float: right; 22 } 23 } 24 &-dropdown { 25 top: 0; 26 left: 0; 27 &:before { 28 content: ''; 29 display: inline-block; 30 border-left: 7px solid transparent; 31 border-right: 7px solid transparent; 32 border-bottom: 7px solid #ccc; 33 border-top: 0; 34 border-bottom-color: rgba(0,0,0,.2); 35 position: absolute; 36 } 37 &:after { 38 content: ''; 39 display: inline-block; 40 border-left: 6px solid transparent; 41 border-right: 6px solid transparent; 42 border-bottom: 6px solid #fff; 43 border-top: 0; 44 position: absolute; 45 } 46 &.datepicker-orient-left:before { left: 6px; } 47 &.datepicker-orient-left:after { left: 7px; } 48 &.datepicker-orient-right:before { right: 6px; } 49 &.datepicker-orient-right:after { right: 7px; } 50 &.datepicker-orient-top:before { top: -7px; } 51 &.datepicker-orient-top:after { top: -6px; } 52 &.datepicker-orient-bottom:before { 53 bottom: -7px; 54 border-bottom: 0; 55 border-top: 7px solid #999; 56 } 57 &.datepicker-orient-bottom:after { 58 bottom: -6px; 59 border-bottom: 0; 60 border-top: 6px solid #fff; 61 } 62 } 63 >div { 64 display: none; 65 } 66 &.days div.datepicker-days { 67 display: block; 68 } 69 &.months div.datepicker-months { 70 display: block; 71 } 72 &.years div.datepicker-years { 73 display: block; 74 } 75 table{ 76 margin: 0; 77 -webkit-touch-callout: none; 78 -webkit-user-select: none; 79 -khtml-user-select: none; 80 -moz-user-select: none; 81 -ms-user-select: none; 82 user-select: none; 83 tr { 84 td, th { 85 text-align: center; 86 width: 30px; 87 height: 30px; 88 border-radius: 4px; 89 90 border: none; 91 } 92 } 93 } 94 // Inline display inside a table presents some problems with 95 // border and background colors. 96 .table-striped & table tr { 97 td, th { 98 background-color:transparent; 99 } 100 } 101 table tr td { 102 &.day:hover, &.day.focused { 103 background: @gray-lighter; 104 cursor: pointer; 105 } 106 &.old, 107 &.new { 108 color: @btn-link-disabled-color; 109 } 110 &.disabled, 111 &.disabled:hover { 112 background: none; 113 color: @btn-link-disabled-color; 114 cursor: default; 115 } 116 &.today, 117 &.today:hover, 118 &.today.disabled, 119 &.today.disabled:hover { 120 @today-bg: lighten(orange, 30%); 121 .button-variant(#000, @today-bg, darken(@today-bg, 20%)); 122 } 123 &.today:hover:hover { // Thank bootstrap 2.0 for this selector... 124 // TODO: Bump min BS to 2.1, use @textColor in buttonBackground above 125 color: #000; 126 } 127 &.today.active:hover { 128 color: #fff; 129 } 130 &.range, 131 &.range:hover, 132 &.range.disabled, 133 &.range.disabled:hover { 134 background:@gray-lighter; 135 border-radius: 0; 136 } 137 &.range.today, 138 &.range.today:hover, 139 &.range.today.disabled, 140 &.range.today.disabled:hover { 141 @today-bg: mix(orange, @gray-lighter, 50%); 142 .button-variant(#000, @today-bg, darken(@today-bg, 20%)); 143 border-radius: 0; 144 } 145 &.selected, 146 &.selected:hover, 147 &.selected.disabled, 148 &.selected.disabled:hover { 149 .button-variant(#fff, @gray-light, @gray); 150 text-shadow: 0 -1px 0 rgba(0,0,0,.25); 151 } 152 &.active, 153 &.active:hover, 154 &.active.disabled, 155 &.active.disabled:hover { 156 .button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border); 157 text-shadow: 0 -1px 0 rgba(0,0,0,.25); 158 } 159 span { 160 display: block; 161 width: 23%; 162 height: 54px; 163 line-height: 54px; 164 float: left; 165 margin: 1%; 166 cursor: pointer; 167 border-radius: 4px; 168 &:hover { 169 background: @gray-lighter; 170 } 171 &.disabled, 172 &.disabled:hover { 173 background: none; 174 color: @btn-link-disabled-color; 175 cursor: default; 176 } 177 &.active, 178 &.active:hover, 179 &.active.disabled, 180 &.active.disabled:hover { 181 .button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border); 182 text-shadow: 0 -1px 0 rgba(0,0,0,.25); 183 } 184 &.old, 185 &.new { 186 color: @btn-link-disabled-color; 187 } 188 } 189 } 190 191 th.datepicker-switch { 192 width: 145px; 193 } 194 195 thead tr:first-child th, 196 tfoot tr th { 197 cursor: pointer; 198 &:hover{ 199 background: @gray-lighter; 200 } 201 } 202 /*.dow { 203 border-top: 1px solid #ddd !important; 204 }*/ 205 206 // Basic styling for calendar-week cells 207 .cw { 208 font-size: 10px; 209 width: 12px; 210 padding: 0 2px 0 5px; 211 vertical-align: middle; 212 } 213 thead tr:first-child th.cw { 214 cursor: default; 215 background-color: transparent; 216 } 217 } 218 .input-group { 219 &.date { 220 .input-group-addon i { 221 cursor: pointer; 222 width: 16px; 223 height: 16px; 224 } 225 } 226 } 227 .input-daterange { 228 input { 229 text-align:center; 230 } 231 input:first-child { 232 border-radius: 3px 0 0 3px; 233 } 234 input:last-child { 235 border-radius: 0 3px 3px 0; 236 } 237 .input-group-addon { 238 width: auto; 239 min-width: 16px; 240 padding: 4px 5px; 241 font-weight: normal; 242 line-height: @line-height-base; 243 text-align: center; 244 text-shadow: 0 1px 0 #fff; 245 vertical-align: middle; 246 background-color: @input-group-addon-bg; 247 border: solid @input-group-addon-border-color; 248 border-width: 1px 0; 249 margin-left:-5px; 250 margin-right:-5px; 251 } 252 }