element-gui
Version:
A Component Library for Vue.js.
1 lines • 1.94 kB
CSS
.el-calendar-pro{background-color:#fff;width:100%;height:100%}.el-calendar-pro__title{margin-bottom:20px}.el-calendar-pro__title:after,.el-calendar-pro__title:before{content:"";display:table;height:0}.el-calendar-pro__title:after{clear:both}.el-calendar-pro__title-info{float:left;display:inline;font-size:20px;font-weight:bolder}.el-calendar-pro__tool{float:right;display:inline}.el-calendar-pro.showWeek .weekend{background-color:#efefef}.el-calendar-pro__body table{border-collapse:collapse}.el-calendar-pro__body table th{padding:10px 0;font-weight:400}.el-calendar-pro__body table td{position:relative;border:1px solid #D2D2D2;width:300px;cursor:pointer}.el-calendar-pro__body table td:hover .day-box{background-color:#e8f4ff}.el-calendar-pro__body table td .day-box{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);position:relative;height:68px;padding:10px;font-size:14px}.el-calendar-pro__body table td .day-box.highlighter{background-color:#f0f9e8}.el-calendar-pro__body table td .day-box.highlighter .info-date{color:#66BF16}.el-calendar-pro__body table td .day-box.select{width:auto;background-color:#e8f4ff}.el-calendar-pro__body table td .day-box.select .info-date{color:#1890FF}.el-calendar-pro__body table td .day-box.disabled{cursor:not-allowed;background-color:#E5E5E5;color:#999}.el-calendar-pro__body table td .day-box.other-month-day{opacity:.6}.el-calendar-pro__body table td .day-box.today{outline:#1890FF solid 2px;z-index:2}.el-calendar-pro__body table td .info-date{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);font-size:18px;font-weight:bolder}.el-calendar-pro__body table td .info-festival{margin-top:3px;text-align:center}.el-calendar-pro__body table td .info-lunar{position:absolute;bottom:10px;right:10px}.el-calendar-pro__body table td .info-term{position:absolute;bottom:10px;left:10px}