/** * @package PickMeUp - jQuery datepicker plugin * @author Nazar Mokrynskyi * @author Stefan Petre * @copyright Copyright (c) 2013-2015, Nazar Mokrynskyi * @copyright Copyright (c) 2008-2009, Stefan Petre * @license MIT License, see license.txt */ .pickmeup { background: #fff; border-radius: 5px; -moz-box-sizing: border-box; box-sizing: border-box; display: none; position: absolute; z-index: 9999; font-family: "PT Sans"; margin: 9px 0 0 -14px; border: 1px solid #cacdd2; box-shadow: 2.5px 4.33px 10px 0px rgba(0, 0, 0, 0.1); } .pickmeup:before, .pickmeup:after { content: ""; position: absolute; bottom: 100%; left: 50%; } .pickmeup:before { width: 0; height: 0; border-style: solid; border-width: 0 3px 3px 3px; border-color: transparent transparent #ffffff transparent; margin-left: -3px; } .pickmeup:after { width: 0; height: 0; border-style: solid; border-width: 0 4px 5px 4px; border-color: transparent transparent #cacdd2 transparent; z-index: -1; margin-left: -4px; } .pickmeup * { -moz-box-sizing: border-box; box-sizing: border-box; } .pickmeup .pmu-instance { display: inline-block; /*height: 13.8em;*/ padding: 10px 0; text-align: center; width: 285px; } .pickmeup .pmu-instance .pmu-button { color: #000; font-size: 12px; /*text-align: right;*/ cursor: pointer; outline: none; text-decoration: none; position: relative; } .pickmeup .pmu-instance .pmu-today { color: #299cde; } /*.pickmeup .pmu-instance .pmu-button:hover { background: "transparent"; color: #88c5eb; }*/ .pickmeup .pmu-instance .pmu-not-in-month { color: #acacac; } .pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover { color: #333; cursor: default; } .pickmeup .pmu-instance .pmu-selected { color: #fff; } .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: #17384d; } .pickmeup .pmu-instance nav { color: #000; display: block; line-height: 2em; } .pickmeup .pmu-instance nav:not(.pmu-day-of-week) { height: 31px; border-bottom: 1px solid #ddd; margin-bottom: 15px; } .pickmeup .pmu-instance nav *:first-child :hover { color: #88c5eb; } .pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next { display: inline-block; height: 20px; width: 18px; position: relative; color: #fff; } .pickmeup .pmu-instance nav .pmu-prev img, .pickmeup .pmu-instance nav .pmu-next img { display: none !important; } .pickmeup .pmu-instance nav .pmu-prev:before, .pickmeup .pmu-instance nav .pmu-next:before { content: ""; position: absolute; position: absolute; top: 6px; } .pickmeup .pmu-instance nav .pmu-prev:before { right: 0; width: 0; height: 0; border-style: solid; border-width: 4.5px 4px 4.5px 0; border-color: transparent #48aae3 transparent transparent; } .pickmeup .pmu-instance nav .pmu-next:before { left: 0; width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 4px; border-color: transparent transparent transparent #48aae3; } .pickmeup .pmu-instance nav .pmu-prev { float: left; } .pickmeup .pmu-instance nav .pmu-next { float: right; } .pickmeup .pmu-instance nav .pmu-month { display: inline-block; font-size: 18px; cursor: text; margin-top: -1px; vertical-align: top; } .pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * { display: inline-block; line-height: 3.6em; width: 3.5em; } .pickmeup .pmu-instance .pmu-day-of-week { color: #999; cursor: default; text-align: center; display: block; } .pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * { display: inline-block; line-height: 1.5em; width: 2em; } .pickmeup .pmu-days .pmu-button { width: 17px; margin: 3px 11px; text-align: right; font-size: 12px; } .pickmeup .pmu-years .pmu-button:before, .pickmeup .pmu-months .pmu-button:before, .pickmeup .pmu-days .pmu-button:before { content: ""; position: absolute; border-radius: 20px; z-index: -1; top: -1px; right: -4px; bottom: -1px; left: 0; } .pickmeup .pmu-years .pmu-button:before, .pickmeup .pmu-months .pmu-button:before { top: 2px; right: 2px; bottom: 3px; left: 2px; } .pickmeup .pmu-years .pmu-selected.pmu-button:before, .pickmeup .pmu-months .pmu-selected.pmu-button:before, .pickmeup .pmu-days .pmu-selected.pmu-button:before { background: #299cde; border: 1px solid #288cde; } .pickmeup .pmu-years .pmu-button:hover:before, .pickmeup .pmu-months .pmu-button:hover:before, .pickmeup .pmu-days .pmu-button:hover:before { border: 1px solid #288cde; } .pickmeup .pmu-instance .pmu-day-of-week * { width: 17px; text-align: right; margin: 0 11px; text-transform: uppercase; font-size: 11px; } .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years { display: none; }