File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/ui/vue/components/datepick/dist/datepick.bundle.css
Back
.vdpComponent { --b24-text-color: #000; /*--b24-font-family: "Helvetica Neue";*/ --b24-background-color: #fff; --b24-field-background-color: rgba(0, 0, 0, .08); --b24-field-focus-background-color: #fff; --b24-primary-text-color: #fff; --b24-primary-color: #0f58d0; } @-webkit-keyframes vdpSlideFromLeft { from { opacity: 0; -webkit-transform: translate3d(-0.5em, 0, 0); transform: translate3d(-0.5em, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes vdpSlideFromLeft { from { opacity: 0; -webkit-transform: translate3d(-0.5em, 0, 0); transform: translate3d(-0.5em, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes vdpSlideFromRight { from { opacity: 0; -webkit-transform: translate3d(0.5em, 0, 0); transform: translate3d(0.5em, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes vdpSlideFromRight { from { opacity: 0; -webkit-transform: translate3d(0.5em, 0, 0); transform: translate3d(0.5em, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes vdpFadeCalendar { from { opacity: 0; } to { opacity: 1; } } @keyframes vdpFadeCalendar { from { opacity: 0; } to { opacity: 1; } } .vdp-toggle-calendar-enter-active.vdpPositionReady { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .vdp-toggle-calendar-leave-active { } .vdp-toggle-calendar-enter-active.vdpPositionFixed { -webkit-animation: vdpFadeCalendar .3s; animation: vdpFadeCalendar .3s; } .vdp-toggle-calendar-leave-active.vdpPositionFixed { animation: vdpFadeCalendar .3s reverse; } .vdpComponent { position: relative; display: inline-block; font-size: 10px; color: #000; color: var(--b24-text-color); font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); font-family: var(--b24-font-family); } .vdpComponent input, .vdpComponent select, .vdpComponent button { font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); font-family: var(--b24-font-family); } .vdpComponent.vdpWithInput > input { padding-right: 30px; } .vdpClearInput { font-size: 1em; position: absolute; top: 0; bottom: 0; right: 0; width: 3em; } .vdpClearInput:before { content: '?'; width: 1.4em; height: 1.4em; line-height: 1.1em; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; top: 50%; margin: -.7em 0 0 -.7em; color: rgba(0, 0, 0, .3); border: 1px solid rgba(0, 0, 0, .15); border-radius: 50%; background-color: #fff; } .vdpClearInput:hover:before { -webkit-box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, .15); box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, .15); } .vdpOuterWrap.vdpFloating { position: absolute; padding: .5em 0; z-index: 220; } .vdpOuterWrap.vdpPositionFixed { position: fixed; left: 0; top: 0; bottom: 0; right: 0; padding: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .3); } .vdpFloating .vdpInnerWrap { max-width: 30em; } .vdpPositionFixed .vdpInnerWrap { max-width: 30em; margin: 0 auto; border: 0; } .vdpFloating.vdpPositionTop { top: 100%; } .vdpFloating.vdpPositionBottom { bottom: 100%; } .vdpFloating.vdpPositionLeft { left: 0; } .vdpFloating.vdpPositionRight { right: 0; } .vdpPositionTop.vdpPositionLeft { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .vdpPositionTop.vdpPositionRight { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .vdpPositionBottom.vdpPositionLeft { -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .vdpPositionBottom.vdpPositionRight { -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; } .vdpInnerWrap { overflow: hidden; min-width: 28em; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; background: #fff; background: var(--b24-background-color); } .vdpHeader { position: relative; padding: 0 1em 2.5em; margin: -1em -1em -2.5em; text-align: center; background: rgba(0, 0, 0, .08); background: var(--b24-field-background-color); } .vdpClearInput, .vdpArrow, .vdpPeriodControl > button { margin: 0; padding: 0; border: 0; cursor: pointer; background: none; color: var(--b24-text-color); } .vdpArrow::-moz-focus-inner, .vdpClearInput::-moz-focus-inner, .vdpPeriodControl > button::-moz-focus-inner { padding: 0; border: 0; } .vdpArrow { font-size: 1em; width: 5em; text-indent: -999em; overflow: hidden; position: absolute; top: 0; bottom: 2.5em; text-align: left; } .vdpArrow:before { content: ''; width: 2.2em; height: 2.2em; position: absolute; left: 50%; top: 50%; margin: -1.1em 0 0 -1.1em; border-radius: 100%; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .vdpArrow:hover, .vdpArrow:focus, .vdpArrow:active { outline: 0; } .vdpArrow:hover:before, .vdpArrow:focus:before { background-color: #fff; background-color: var(--b24-field-focus-background-color); } .vdpArrow:active:before { background-color: #fff; background-color: var(--b24-field-focus-background-color); } .vdpArrowNext:before { margin-left: -1.4em; } .vdpArrow:after { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -0.5em; width: 0; height: 0; border: .5em solid transparent; } .vdpArrowPrev { left: -.3em; } .vdpArrowPrev:after { margin-left: -.8em; border-right-color: #000; border-right-color: var(--b24-text-color); } .vdpArrowNext { right: -0.6em; } .vdpArrowNext:after { margin-left: -0.5em; border-left-color: #000; border-left-color: var(--b24-text-color); } .vdpPeriodControl { display: inline-block; position: relative; } .vdpPeriodControl > button { font-size: 1.5em; padding: 1em 0.4em; display: inline-block; } .vdpPeriodControl > select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; font-size: 1.6em; -webkit-appearance: none; } .vdpTable { width: 100%; table-layout: fixed; position: relative; z-index: 5; border-collapse: collapse; font-size: inherit; } .vdpNextDirection { -webkit-animation: vdpSlideFromRight 0.5s; animation: vdpSlideFromRight 0.5s; } .vdpPrevDirection { -webkit-animation: vdpSlideFromLeft 0.5s; animation: vdpSlideFromLeft 0.5s; } .vdpCell, .vdpHeadCell { text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .vdpCell { padding: 0.5em 0; } .vdpHeadCell { padding: 0.3em 0.5em 1.8em; } .vdpHeadCellContent { font-size: 1.3em; font-weight: normal; color: #000; color: var(--b24-text-color); } .vdpCellContent { font-size: 1.4em; display: block; margin: 0 auto; width: 1.857em; height: 1.857em; line-height: 1.857em; text-align: center; border-radius: 100%; -webkit-transition: background 0.1s, color 0.1s; -o-transition: background 0.1s, color 0.1s; transition: background 0.1s, color 0.1s; color: #000; color: var(--b24-text-color); } .vdpCell.outOfRange { color: #000; color: var(--b24-text-color); opacity: .5; } .vdpCell.today .vdpCellContent { color: #0f58d0; color: var(--b24-primary-color); } .vdpCell.selected .vdpCellContent { color: #fff; color: var(--b24-primary-text-color); background: #0f58d0; background: var(--b24-primary-color); } @media (hover: hover) { .vdpCell.selectable:hover .vdpCellContent { color: #fff; color: var(--b24-primary-text-color); background: #0f58d0; background: var(--b24-primary-color); } } .vdpCell.selectable { cursor: pointer; } .vdpCell.disabled { opacity: 0.5; } .vdpTimeControls { padding: 1.2em 2em; position: relative; margin: 1em -1em -1em; text-align: center; background: rgba(0, 0, 0, .08); background: var(--b24-field-background-color); } .vdpTimeUnit { display: inline-block; position: relative; vertical-align: middle; } .vdpTimeUnit > pre, .vdpTimeUnit > input { font-size: 1.7em; line-height: 1.3; padding: 0.1em 0.1em; word-wrap: break-word; white-space: pre-wrap; resize: none; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; color: var(--b24-text-color); border: 0; border-bottom: 1px solid transparent; text-align: center; } .vdpTimeUnit > pre { visibility: hidden; font-family: inherit; } .vdpTimeUnit > input { position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; width: 100%; outline: none; padding: 0; appearance: none; border-radius: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vdpTimeUnit > input:hover, .vdpTimeUnit > input:focus { border-bottom-color: #7485c2; } .vdpTimeUnit > input::-webkit-inner-spin-button, .vdpTimeUnit > input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vdpTimeSeparator, .vdpTimeCaption { display: inline-block; vertical-align: middle; font-size: 1.3em; color: #000; color: var(--b24-text-color); } .vdpTimeCaption { margin-right: 0.5em; } @media screen and (min-width: 720px) { .vdpComponent { width: 320px; display: table-cell; font-size: .77em; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.25 |
proxy
|
phpinfo
|
Settings