File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/blissofnature.in/css/date-picker-style.css
Back
.calendar { margin-bottom: 10px; } .class-link { color: #333333; text-decoration: none; } .class-link:hover { color: #ffbb00; } /* From here you can start to copy */ .calendar { padding: 8px; background: #ffffff; border-radius: 4px; font-size: 18px; border: 1px solid #333333; box-shadow: 0px 20px 40px rgba(59, 60, 56, 0.05); width: 100%; } .ui-datepicker { background: #ffffff; border-radius: 15px; } .ui-datepicker-header { height: 50px; line-height: 50px; color: #ffffff; background: #727ca0; margin-bottom: 10px; } .ui-datepicker-prev, .ui-datepicker-next { width: 20px; height: 20px; text-indent: 9999px; border-radius: 100%; cursor: pointer; overflow: hidden; margin-top: 12px; } .ui-datepicker-prev { float: left; margin-left: 12px; } .ui-datepicker-prev:after { transform: rotate(45deg); margin: -43px 0px 0px 8px; } .ui-datepicker-next { float: right; margin-right: 12px; } .ui-datepicker-next:after { transform: rotate(-135deg); margin: -43px 0px 0px 6px; } .ui-datepicker-prev:after, .ui-datepicker-next:after { content: ''; position: absolute; display: block; width: 8px; height: 8px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } .ui-datepicker-prev:hover, .ui-datepicker-next:hover, .ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after { border-color: #333333; } .ui-datepicker-title { text-align: center; font-size: 25px; } .ui-datepicker-calendar { width: 100%; text-align: center; } .ui-datepicker-calendar thead tr th span { display: block; width: 40px; color: #727ca0; margin-bottom: 5px; font-size: 18px; } .ui-state-default { display: block; text-decoration: none; color: #333333; line-height: 40px; font-size: 16px; } .ui-state-default:hover { color: #ffffff; background: #31639c; border-radius: 50px; transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12); } .ui-state-highlight { color: #ffffff; background-color: #727ca0; border-radius: 50px; } .ui-state-active { color: #ffffff; background-color: #31639c; border-radius: 50px; } .ui-datepicker-unselectable .ui-state-default { color: #eee; border: 2px solid transparent; } .icon { margin-left: -30px; margin-top: -26px; position: relative; color: #818181; font-size: 20px; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings