PATH: /home/hwyuvbry/dear.waroenkhoki123.web.id/staff/assets/vendor/libs/select2
FILE_BARU
CREATE
FOLDER_BARU
MKDIR
UPLOAD_FILE
GO
[ .. KEMBALI ]
📄 select2.css
↓
X
📄 select2.js
↓
X
SAVING...
BERHASIL DIUBAH!
EDITING: select2.css
.select2-container { margin: 0; width: 100% !important; display: inline-block; position: relative; vertical-align: middle; box-sizing: border-box; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-hidden-accessible { clip: rect(0 0 0 0) !important; overflow: hidden !important; position: absolute !important; padding: 0 !important; margin: -1px !important; border: 0 !important; height: 1px !important; width: 1px !important; } .select2-close-mask { display: block; padding: 0; margin: 0; position: fixed; left: 0; top: 0; min-width: 100%; min-height: 100%; z-index: 99; width: auto; opacity: 0; border: 0; height: auto; } .select2-container--default { padding: 1px; } .select2-container--default.select2-container--focus, .select2-container--default.select2-container--open { padding: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 2.25rem; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; font-weight: bold; float: right; } .select2-container--default .select2-selection--single .select2-selection__arrow { width: 2.25rem; position: absolute; right: 1px; top: 1px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { position: absolute; left: 50%; height: 0; width: 0; top: 50%; margin-top: -0.125rem; margin-left: -0.25rem; border-style: solid; border-width: 0.3125rem 0.25rem 0 0.25rem; } .select2-container--default, .select2-container--default * { outline: 0 !important; } .select2-container--default.select2-container--disabled .select2-selection--single { cursor: not-allowed; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default[dir=rtl] .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 0.25rem 0.3125rem 0.25rem; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { margin: 0; box-sizing: border-box; display: block; list-style: none; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; float: right; margin-right: 0.625rem; } .select2-container--default .select2-selection--multiple .select2-search--inline { line-height: 1.5rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice { position: relative; border-radius: 0.25rem; padding: 0 0.5rem; cursor: default; line-height: 1.5rem; float: left; } html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .select2-selection__choice { padding-right: 1rem; } [dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice { padding-left: 1rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { position: absolute; font-weight: bold; color: inherit; display: inline-block; cursor: pointer; opacity: 0.5; } html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { right: 0.3rem; } [dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { left: 0.3rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { opacity: 0.8; color: inherit; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--disabled .select2-selection--multiple { cursor: not-allowed; } .select2-container--default[dir=rtl] .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-search--inline { float: right; } .select2-container--default[dir=rtl] .select2-selection__choice__remove { margin-left: 0; float: left; margin-right: 0.25rem; } .select2-container--default[dir=rtl] .select2-selection__clear { margin-left: 0.625rem; float: left; } .select2-container--default .select2-search__field::-moz-placeholder { opacity: 1; } .select2-container--default .select2-search--inline .select2-search__field { box-shadow: none; background: transparent; border: none; outline: 0; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 12.5rem; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--above .select2-selection { border-top-right-radius: 0; border-top-left-radius: 0; } .select2-container--default .select2-results__group { cursor: default; display: block; } .form-floating:has(.select2) label { width: auto !important; height: auto !important; padding: 0 2px !important; transform: scale(0.8) translateY(-0.7rem) translateX(-2px); opacity: 1; } html:not([dir=rtl]) .form-floating:has(.select2) label { margin-left: 0.7813rem; } [dir=rtl] .form-floating:has(.select2) label { margin-right: 0.7813rem; } .form-floating:has(.select2) label:after { content: ""; position: absolute; height: 5px; width: 100%; left: 0; top: 0.625rem; z-index: -1; } [dir=rtl] .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 2.25rem !important; } .light-style .select2-selection--multiple .select2-selection__clear { margin-top: 0.375rem; } .light-style .select2-selection--multiple .select2-selection__rendered { padding: 0 0.375rem 0.375rem 0.375rem; } .light-style .select2-selection--multiple .select2-selection__choice { margin-right: 0.375rem; margin-top: 0.375rem; } .light-style .select2-selection--multiple .select2-selection__placeholder { margin-top: 0.375rem; } .light-style .select2-search__field { color: #636578; } .light-style .select2-dropdown { background: #fff; box-shadow: 0px 5px 5px -3px rgba(76, 78, 100, 0.2), 0px 8px 10px 1px rgba(76, 78, 100, 0.14), 0px 3px 14px 2px rgba(76, 78, 100, 0.12); background-clip: padding-box; border-color: rgba(76, 78, 100, 0.05); z-index: 1000; } .light-style .select2-container--default .select2-selection { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; background-color: #fff; border: 1px solid #d8d8dd; border-radius: 0.5rem; } .light-style .select2-container--default .select2-selection__placeholder { color: #bbbcc4; } .light-style .select2-container--default .select2-selection--single { height: 2.47rem; } .light-style .select2-container--default .select2-selection--single .select2-selection__clear { color: #bbbcc4; } .light-style .select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.47rem; position: absolute; } .light-style .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #bbbcc4 transparent transparent transparent; } .light-style .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(2.278125rem + 4px); color: #636578; padding-left: 0.875rem; } .light-style .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 0.875rem; } .light-style .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #f4f4f6; border-color: #d8d8dd !important; } .light-style .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #bbbcc4 transparent; } .light-style .select2-container--default .select2-selection--multiple { min-height: 2.47rem; padding: calc(0.45rem - 4px) calc(0.875rem - 2px - 0.375rem) calc(0.45rem - 1px - 0.375rem) calc(0.875rem - 2px - 0.375rem); } .light-style .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #828393; background-color: rgba(76, 78, 100, 0.12); } .light-style .select2-container--default.select2-container--disabled .select2-selection--multiple { border-color: #d8d8dd !important; background-color: #f4f4f6; } .light-style .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #d8d8dd; } .light-style .select2-container--default .select2-search__field::-webkit-input-placeholder { color: #bbbcc4; } .light-style .select2-container--default .select2-search__field::-moz-placeholder { color: #bbbcc4; } .light-style .select2-container--default .select2-search__field:-ms-input-placeholder { color: #bbbcc4; } .light-style .select2-container--default .select2-results__option { padding-left: 0.875rem; padding-right: 0.875rem; } .light-style .select2-container--default .select2-results__option[aria-selected=true] { background-color: rgba(76, 78, 100, 0.06); } .light-style .select2-container--default .select2-results__option .select2-results__option { width: calc(100% + 1.75rem); margin-left: -0.875rem; padding-left: 0.875rem; } .light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option { padding-left: 1.75rem; margin-left: -0.875rem; } .light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-left: 2.625rem; margin-left: -1.75rem; } .light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-left: 3.5rem; margin-left: -2.625rem; } .light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-left: 4.375rem; margin-left: -3.5rem; } .light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-left: 0.875rem; margin-left: -4.375rem; } .light-style .select2-container--default .select2-results__group { padding: 0.5rem 0.4375rem; } .light-style .select2-container--default .select2-results__option .select2-results__group { margin-left: -0.875rem; } .light-style .form-floating .select2-container--default .select2-selection--single { height: calc(2.940725rem + 2px); } .light-style .form-floating .select2-container--default .select2-selection--single .select2-selection__arrow { height: calc(2.940725rem + 2px); } .light-style .form-floating .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(2.940725rem + 2px); } .light-style .form-floating .select2-container--default .select2-selection--multiple { min-height: calc(2.940725rem + 2px); padding: 0.45rem 0.875rem; } .light-style .form-floating .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0; } .light-style .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 0.375rem; margin-right: 0; } .light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option { padding-right: 0.875rem; padding-left: 0 !important; margin-left: 0 !important; margin-right: -0.875rem; } .light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option { padding-right: 1.75rem; margin-right: -0.875rem; } .light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-right: 2.625rem; margin-right: -1.75rem; } .light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-right: 3.5rem; margin-right: -2.625rem; } .light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-right: 4.375rem; margin-right: -3.5rem; } .light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-right: 0.875rem; margin-right: -4.375rem; } .light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__group { margin-right: -0.875rem; margin-left: 0; } .light-style .is-valid .select2-container--default .select2-selection, .light-style .is-valid.select2-container--default .select2-selection { border-width: 2px; border-color: #72e128 !important; } .light-style .is-invalid .select2-container--default .select2-selection, .light-style .is-invalid.select2-container--default .select2-selection { border-width: 2px; border-color: #ff4d49 !important; } .light-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #6d788d !important; color: #fff !important; } .light-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #72e128 !important; color: #fff !important; } .light-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #26c6f9 !important; color: #fff !important; } .light-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #fdb528 !important; color: #fff !important; } .light-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #ff4d49 !important; color: #fff !important; } .light-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #dfdfe3 !important; color: #4c4e64 !important; } .light-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #4b4b4b !important; color: #fff !important; } .light-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice { background: rgba(76, 78, 100, 0.06) !important; color: #fff !important; } .dark-style .select2-selection--multiple .select2-selection__choice { margin-top: 0.375rem; margin-right: 0.375rem; } .dark-style .select2-selection--multiple .select2-selection__clear { margin-top: 0.375rem; } .dark-style .select2-selection--multiple .select2-selection__placeholder { margin-top: 0.375rem; } .dark-style .select2-selection--multiple .select2-selection__rendered { padding: 0 0.375rem 0.375rem 0.375rem; } .dark-style .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 0.375rem; margin-right: 0; } .dark-style .select2-container--default .select2-selection { transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; background-color: #30334e; border: 1px solid #4f5269; border-radius: 0.5rem; } .dark-style .select2-container--default .select2-selection__placeholder { color: #777991; } .dark-style .select2-container--default .select2-selection--single { height: 2.47rem; } .dark-style .select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.47rem; position: absolute; } .dark-style .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #777991 transparent transparent transparent; } .dark-style .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(2.278125rem + 4px); color: #d2d2e8; padding-left: 0.875rem; } .dark-style .select2-container--default .select2-selection--single .select2-selection__clear { color: #777991; } .dark-style .select2-container--default .select2-selection--multiple { min-height: 2.47rem; padding: calc(0.45rem - 4px) calc(0.875rem - 2px - 0.375rem) calc(0.45rem - 1px - 0.375rem) calc(0.875rem - 2px - 0.375rem); } .dark-style .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #a0a1b8; background-color: #282a42; } .dark-style .select2-container--default.select2-container--disabled .select2-selection--multiple { border-color: #4f5269 !important; background-color: #3a3d57; } .dark-style .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 0.875rem; } .dark-style .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #777991 transparent; } .dark-style .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #3a3d57; border-color: #4f5269 !important; } .dark-style .select2-container--default .select2-search__field::-webkit-input-placeholder { color: #777991; } .dark-style .select2-container--default .select2-search__field::-moz-placeholder { color: #777991; } .dark-style .select2-container--default .select2-search__field:-ms-input-placeholder { color: #777991; } .dark-style .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #4f5269; background: #30334e; } .dark-style .select2-container--default .select2-results__option { padding-left: 0.875rem; padding-right: 0.875rem; } .dark-style .select2-container--default .select2-results__option[aria-selected=true] { background-color: rgba(234, 234, 255, 0.06); } .dark-style .select2-container--default .select2-results__option .select2-results__option { padding-left: 0.875rem; margin-left: -0.875rem; width: calc(100% + 1.75rem); } .dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option { padding-left: 1.75rem; margin-left: -0.875rem; } .dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-left: 2.625rem; margin-left: -1.75rem; } .dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-left: 3.5rem; margin-left: -2.625rem; } .dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-left: 4.375rem; margin-left: -3.5rem; } .dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-left: 0.875rem; margin-left: -4.375rem; } .dark-style .select2-container--default .select2-results__option .select2-results__group { margin-left: -0.875rem; } .dark-style .select2-container--default .select2-results__group { padding: 0.5rem 0.4375rem; } .dark-style .form-floating .select2-container--default .select2-selection--single { height: calc(2.940725rem + 2px); } .dark-style .form-floating .select2-container--default .select2-selection--single .select2-selection__arrow { height: calc(2.940725rem + 2px); } .dark-style .form-floating .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(2.940725rem + 2px); } .dark-style .form-floating .select2-container--default .select2-selection--multiple { min-height: calc(2.940725rem + 2px); padding: 0.45rem 0.875rem; } .dark-style .select2-dropdown { z-index: 1000; background: #30334e; border-color: rgba(255, 255, 255, 0.05); background-clip: padding-box; box-shadow: 0px 5px 5px -3px rgba(20, 21, 33, 0.2), 0px 8px 10px 1px rgba(20, 21, 33, 0.14), 0px 3px 14px 2px rgba(20, 21, 33, 0.12); } .dark-style .select2-search__field { color: #d2d2e8; } .dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option { padding-left: 0 !important; padding-right: 0.875rem; margin-left: 0 !important; margin-right: -0.875rem; } .dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option { padding-right: 1.75rem; margin-right: -0.875rem; } .dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-right: 2.625rem; margin-right: -1.75rem; } .dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-right: 3.5rem; margin-right: -2.625rem; } .dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-right: 4.375rem; margin-right: -3.5rem; } .dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { padding-right: 0.875rem; margin-right: -4.375rem; } .dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__group { margin-left: 0; margin-right: -0.875rem; } .dark-style .is-valid .select2-container--default .select2-selection, .dark-style .is-valid.select2-container--default .select2-selection { border-width: 2px; border-color: #72e128 !important; } .dark-style .is-invalid .select2-container--default .select2-selection, .dark-style .is-invalid.select2-container--default .select2-selection { border-width: 2px; border-color: #ff4d49 !important; } .dark-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #6d788d !important; color: #fff !important; } .dark-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #72e128 !important; color: #fff !important; } .dark-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #26c6f9 !important; color: #fff !important; } .dark-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #fdb528 !important; color: #fff !important; } .dark-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #ff4d49 !important; color: #fff !important; } .dark-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #46445b !important; color: #fff !important; } .dark-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #d7d5ec !important; color: #4c4e64 !important; } .dark-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice { background: rgba(234, 234, 255, 0.06) !important; color: #4c4e64 !important; }
SIMPAN PERUBAHAN