1 2.flat .dijitCalendar { 3 background-color: #fff; 4 text-align: center; 5 padding: 4px; 6 border: 1px solid #9e9e9e; 7 border-collapse: separate; 8 border-radius: 3px; 9 -webkit-box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); 10 box-shadow: 0 7px 3px -4px rgba(0,0,0,0.3), 0 8px 8px rgba(0,0,0,0.2); 11} 12.flat .dijitCalendarMonthContainer th { 13 text-align: center; 14 line-height: 20px; 15 vertical-align: middle; 16 margin: 4px 0; 17} 18.flat .dijitCalendarIncrementControl { 19 font-family: "flat-icon"; 20 speak: none; 21 font-style: normal; 22 font-weight: normal; 23 font-variant: normal; 24 text-transform: none; 25 line-height: 1; 26 font-size: 16px; 27 -webkit-font-smoothing: antialiased; 28 -moz-osx-font-smoothing: grayscale; 29 font-size: 24px; 30 border: 1px solid transparent; 31 padding: 4px; 32} 33.flat .dijitCalendarDecrease:before { 34 content: "\f000"; 35} 36.flat .dijitCalendarIncrease:before { 37 content: "\f001"; 38} 39.flat .dijitCalendarArrowHover .dijitCalendarIncrementControl, 40.flat .dijitCalendarArrow:hover .dijitCalendarIncrementControl, 41.flat .dijitCalendarNextYearHover, 42.flat .dijitCalendarNextYear:hover, 43.flat .dijitCalendarPreviousYearHover, 44.flat .dijitCalendarPreviousYear:hover { 45 border-style: solid; 46 border-width: 1px; 47 border-color: #9e9e9e; 48 padding: 4px; 49 border-radius: 3px; 50 line-height: 20px; 51 cursor: pointer; 52 -webkit-transition: all 0.05s linear; 53 -moz-transition: all 0.05s linear; 54 -o-transition: all 0.05s linear; 55 -ms-transition: all 0.05s linear; 56 transition: all 0.05s linear; 57 background: #fff; 58 padding: 4px; 59} 60.flat .dijitCalendarArrowActive .dijitCalendarIncrementControl, 61.flat .dijitCalendarArrow:active .dijitCalendarIncrementControl, 62.flat .dijitCalendarNextYearActive, 63.flat .dijitCalendarNextYear:active, 64.flat .dijitCalendarPreviousYearActive, 65.flat .dijitCalendarPreviousYear:active { 66 -webkit-transition: none; 67 -moz-transition: none; 68 -o-transition: none; 69 -ms-transition: none; 70 transition: none; 71 outline: none; 72 -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.05); 73 box-shadow: inset 0 3px 5px rgba(0,0,0,0.05); 74 background: #e0e0e0; 75 border-color: #b3b3b3; 76} 77.flat .dijitA11ySideArrow { 78 display: none; 79} 80.flat .dijitCalendarContainer th, 81.flat .dijitCalendarContainer td { 82 padding: 4px; 83} 84.flat .dijitCalendarDayLabelTemplate { 85 text-align: center; 86 border-bottom: #9e9e9e; 87} 88.flat .dijitCalendarDayLabel { 89 font-weight: bold; 90 text-align: center; 91} 92.flat .dijitCalendarDateTemplate { 93 font-size: 0.9em; 94 letter-spacing: 0.05em; 95 text-align: center; 96} 97.flat .dijitCalendarDateTemplate .dijitCalendarDateLabel { 98 text-decoration: none; 99 display: block; 100 padding: 2px 4px; 101 border: 0 none; 102 border-radius: 50%; 103} 104.flat .dijitCalendarPreviousMonth .dijitCalendarDateLabel, 105.flat .dijitCalendarNextMonth .dijitCalendarDateLabel { 106 color: #c2c2c2; 107} 108.flat .dijitCalendarCurrentDate .dijitCalendarDateLabel { 109 border-color: #2196f3; 110} 111.flat .dijitCalendarHoveredDate .dijitCalendarDateLabel, 112.flat .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { 113 background-color: #f2f2f2; 114} 115.flat .dijitCalendarActiveDate .dijitCalendarDateLabel, 116.flat .dijitCalendarEnabledDate:active .dijitCalendarDateLabel { 117 background-color: #e6e6e6; 118} 119.flat .dijitCalendarSelectedDate .dijitCalendarDateLabel, 120.flat .dijitCalendarSelectedDate.dijitCalendarHoveredDate .dijitCalendarDateLabel { 121 color: #fff; 122 background-color: #2196f3; 123} 124.flat .dijitCalendarDisabledDate .dijitCalendarDateLabel { 125 opacity: 0.65; 126 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; 127 filter: alpha(opacity=65); 128} 129.flat .dijitCalendarYearContainer { 130 vertical-align: middle; 131} 132.flat .dijitCalendarYearLabel { 133 padding: 4px 0 0 0; 134 margin: 0; 135 font-size: 1.15em; 136} 137.flat .dijitCalendarYearLabel span { 138 vertical-align: middle; 139} 140.flat .dijitCalendarSelectedYear, 141.flat .dijitCalendarNextYear, 142.flat .dijitCalendarPreviousYear { 143 padding: 4px; 144} 145.flat .dijitCalendarSelectedYear { 146 color: #2196f3; 147} 148.flat .dijitCalendarNextYear, 149.flat .dijitCalendarPreviousYear { 150 color: #2196f3; 151 font-size: 0.9em; 152 line-height: 20px; 153 border: 1px solid transparent; 154} 155.flat .dijitCalendarSelectedYear { 156 padding: 0 4px; 157} 158.flat .dijitCalendar .dijitDropDownButton { 159 margin: 0; 160} 161.flat .dijitCalendarMonthMenu { 162 padding: 8px 0; 163} 164.flat .dijitCalendarMonthMenu .dijitCalendarMonthLabel { 165 padding: 4px; 166} 167.flat .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover { 168 color: #fff; 169 background-color: #2196f3; 170} 171