1 line
5.0 KiB
CSS
1 line
5.0 KiB
CSS
|
.tprev{background-color:transparent;border:none;border-bottom:1px solid #b5b5b5;box-sizing:border-box;color:#000;cursor:pointer;display:block;margin:0;overflow:hidden;padding:0 15px 0 0;position:relative;transition:border-color .1s ease-in-out;width:100%}.tprev_dark{border-bottom-color:#383838;color:#fff}.tprev *,.tprev :after,.tprev :before,.tprev-dropdown *,.tprev-dropdown :after,.tprev-dropdown :before{box-sizing:inherit}.tprev_disabled{cursor:default;opacity:.6;pointer-events:none}.tprev:after{border-color:#9a9a9a transparent transparent;border-style:solid;border-width:6px 5px 0;box-sizing:border-box;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);transition:border-color .1s ease-in-out}.tprev__selected-option{font-family:tfutura,Arial,sans-serif;font-size:16px;font-weight:300;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (hover:hover){.tprev:not(.tprev_disabled):hover{border-color:#fa8e73}.tprev_dark:not(.tprev_disabled):hover{border-color:#777}.tprev:not(.tprev_disabled):hover:after{border-color:#fa8e73 transparent transparent}}.tprev_active{border-color:#fa8e73}.tprev_active:after{border-color:#fa8e73 transparent transparent}.tprev_dark.tprev_active{border-color:#777}.tprev-dropdown{--scroll-gradient-color:#fff;background-color:#fff;border-radius:5px;box-shadow:0 0 15px 1px rgba(0,0,0,.2);box-sizing:border-box;left:0;max-height:calc(100vh - 10px);max-width:calc(100vw - 10px);overflow:hidden;position:fixed;top:0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;translate:clamp(5px,var(--pos-x,0),calc(100vw - 100% - 5px)) clamp(5px,var(--pos-y,0),calc(100vh - 100% - 5px));z-index:999999}.tprev-dropdown_dark{--scroll-gradient-color:#2d2d2d;background-color:#2d2d2d;box-shadow:0 0 3px hsla(0,0%,100%,.15)}.tprev-dropdown_hidden{opacity:0}.tprev-dropdown_scroll-end:after,.tprev-dropdown_scroll-start:before{content:"";height:40px;left:0;pointer-events:none;position:absolute;width:100%;z-index:100}.tprev-dropdown_scroll-start:before{background-image:linear-gradient(to bottom,var(--scroll-gradient-color) 50%,transparent);top:0}.tprev-dropdown_scroll-end:after{background-image:linear-gradient(to top,var(--scroll-gradient-color) 50%,transparent);bottom:0}.tprev-dropdown__inner{-ms-overflow-style:none;align-items:start;box-sizing:border-box;display:grid;gap:15px 10px;grid-template-columns:repeat(2,1fr);max-height:inherit;max-width:inherit;overflow:auto;padding:15px;scroll-behavior:smooth;scrollbar-width:none}.tprev-dropdown__inner::-webkit-scrollbar{display:none}.tprev-dropdown__option{background:none;border:none;color:#000;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;margin:0;outline:none;padding:0;position:relative;scroll-margin:25px;text-align:left}.tprev-dropdown_dark .tprev-dropdown__option{color:#fff}.tprev-dropdown__option_selected:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23F99761'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m15.188 7.14-7.006 7.006-3.37-3.37L6.097 9.49l2.085 2.085 5.72-5.721 1.286 1.286Z' clip-rule='evenodd'/%3E%3C/svg%3E");content:"";height:20px;left:8px;position:absolute;top:7px;width:20px}.tprev-dropdown__option-image,.tprev-dropdown__option_selected:after{background-position:50%;background-repeat:no-repeat;background-size:contain}.tprev-dropdown__option-image{border-radius:5px;margin-bottom:5px;outline:2px solid transparent;transition:outline-color .2s ease-in-out}.tprev-dropdown__option_selected .tprev-dropdown__option-image{outline-color:rgba(255,162,130,.75)}.tprev-dropdown__option:focus .tprev-dropdown__option-image{outline-color:rgba(0,0,0,.2)}.tprev-dropdown__option_selected:focus .tprev-dropdown__option-image,.tprev-dropdown_dark .tprev-dropdown__option_selected:focus .tprev-dropdown__option-image{outline-color:rgba(255,135,93,.9)}.tprev-dropdown_dark .tprev-dropdown__option:focus .tprev-dropdown__option-image{outline-color:hsla(0,0%,100%,.3)}.tpre
|