1 line
16 KiB
CSS
1 line
16 KiB
CSS
fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 12px 0;padding-right:30px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.worship-management[data-v-115fb63a]{max-width:600px;margin:0 auto;display:flex;flex-direction:column}form[data-v-115fb63a]{display:grid;grid-template-columns:180px 1fr;gap:8px 20px;align-items:start}form>label[data-v-115fb63a]{margin:0;padding-top:6px;text-align:right;font-weight:500}form>input[type=date][data-v-115fb63a],form>input[type=text][data-v-115fb63a],form>input[type=time][data-v-115fb63a]{width:100%;max-width:500px;padding:6px 10px;font-size:14px}form>.liturgical-day-section[data-v-115fb63a],form>.multiselect[data-v-115fb63a]{width:100%;max-width:500px}form>input[type=checkbox][data-v-115fb63a]{justify-self:start;margin-top:6px}form>button[data-v-115fb63a]{grid-column:1/-1;justify-self:start;margin-top:8px}.filter-section[data-v-115fb63a]{margin:30px 0 20px;padding:15px;background-color:#f5f5f5;border-radius:8px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;border:1px solid #ddd}.search-input[data-v-115fb63a]{flex:1;min-width:200px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.search-input[data-v-115fb63a]:focus{outline:none;border-color:#4caf50}.checkbox-label[data-v-115fb63a]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.checkbox-label input[type=checkbox][data-v-115fb63a]{cursor:pointer}.clear-button[data-v-115fb63a]{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:0}.clear-button[data-v-115fb63a]:hover{background-color:#d32f2f}.liturgical-day-section[data-v-115fb63a]{display:flex;flex-direction:column;gap:6px;max-width:500px}.liturgical-loader[data-v-115fb63a]{display:flex;gap:8px;align-items:center}.year-select[data-v-115fb63a]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.year-select[data-v-115fb63a]:focus{outline:none;border-color:#4caf50}.load-year-button[data-v-115fb63a]{padding:6px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;margin:0;font-size:14px}.load-year-button[data-v-115fb63a]:hover:not(:disabled){background-color:#1976d2}.load-year-button[data-v-115fb63a]:disabled{background-color:#ccc;cursor:not-allowed}ul[data-v-115fb63a]{margin-top:20px}li[data-v-115fb63a]{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid hsla(0,0%,88%,.9);position:relative}.worship-list-item[data-v-115fb63a]{transition:background-color .2s ease,border-left-color .2s ease}button[data-v-115fb63a]{margin-left:10px}.tooltip[data-v-115fb63a]{visibility:hidden;width:auto;background-color:hsla(0,0%,88%,.6);color:#000;text-align:center;padding:5px 0;position:absolute;z-index:1;bottom:75%;left:50%;margin-left:-100px;padding:5px;border:1px solid #000;opacity:0;transition:opacity .2s}li:hover .tooltip[data-v-115fb63a]{visibility:visible;opacity:1}li>span[data-v-115fb63a]{flex:1}.old-items[data-v-115fb63a]{color:#aaa}.not-approved[data-v-115fb63a]{background-color:#fff8e1;border-left:4px solid #ffb300}.approve-toggle-button[data-v-115fb63a]{padding:6px 10px;border-radius:4px;border:1px solid #4caf50;background-color:#e8f5e9;color:#2e7d32;font-size:12px;cursor:pointer;white-space:nowrap}.approve-toggle-button[data-v-115fb63a]:hover{background-color:#c8e6c9}.import-button[data-v-115fb63a]{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap;margin:0;height:36px;box-sizing:border-box}.import-button[data-v-115fb63a]:hover{background-color:#45a049}.import-section[data-v-115fb63a]{border:2px solid #ddd;border-radius:8px;padding:15px;margin-bottom:20px;background-color:#f9f9f9}.import-section h3[data-v-115fb63a]{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.import-content[data-v-115fb63a]{display:flex;flex-direction:column;gap:12px}.import-content label[data-v-115fb63a]{font-weight:500;color:#555;margin:0;text-align:left}.import-content input[type=file][data-v-115fb63a]{padding:6px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer}.import-content input[type=file][data-v-115fb63a]:focus{outline:none;border-color:#4caf50}.selected-file[data-v-115fb63a]{padding:8px;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:14px}.submit-import-button[data-v-115fb63a]{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;align-self:flex-start;white-space:nowrap}.submit-import-button[data-v-115fb63a]:hover:not(:disabled){background-color:#1976d2}.submit-import-button[data-v-115fb63a]:disabled{background-color:#ccc;cursor:not-allowed}.action-buttons[data-v-115fb63a]{display:flex;gap:10px;margin-bottom:15px}.export-button[data-v-115fb63a]{padding:8px 16px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;white-space:nowrap;margin:0;height:36px;box-sizing:border-box}.export-button[data-v-115fb63a]:hover{background-color:#f57c00}.export-section[data-v-115fb63a]{border:2px solid #ddd;border-radius:8px;padding:15px;margin-bottom:20px;background-color:#f9f9f9}.export-section h3[data-v-115fb63a]{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.export-content[data-v-115fb63a]{display:flex;flex-direction:column;gap:12px}.export-content label[data-v-115fb63a]{font-weight:500;color:#555;margin:0;text-align:left}.export-content input[type=date][data-v-115fb63a],.export-content select[data-v-115fb63a]{padding:6px;border:1px solid #ddd;border-radius:4px;font-size:14px}.export-content input[type=date][data-v-115fb63a]:focus,.export-content select[data-v-115fb63a]:focus{outline:none;border-color:#ff9800}.submit-export-button[data-v-115fb63a]{padding:8px 16px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;align-self:flex-start;white-space:nowrap}.submit-export-button[data-v-115fb63a]:hover:not(:disabled){background-color:#f57c00}.submit-export-button[data-v-115fb63a]:disabled{background-color:#ccc;cursor:not-allowed}.import-dialog-overlay[data-v-115fb63a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.import-dialog-content[data-v-115fb63a]{background:#fff;border-radius:8px;max-width:90%;max-height:90vh;width:1200px;display:flex;flex-direction:column;box-shadow:0 4px 6px rgba(0,0,0,.1)}.import-dialog-header[data-v-115fb63a]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ddd}.import-dialog-header h3[data-v-115fb63a]{margin:0;color:#333}.close-button[data-v-115fb63a]{background:none;border:none;font-size:28px;cursor:pointer;color:#aaa;padding:0;width:30px;height:30px;line-height:30px}.close-button[data-v-115fb63a]:hover{color:#000}.import-dialog-body[data-v-115fb63a]{padding:20px;overflow-y:auto;flex:1}.import-errors[data-v-115fb63a]{background-color:#ffebee;border:1px solid #f44336;border-radius:4px;padding:15px;margin-bottom:20px}.import-errors h4[data-v-115fb63a]{margin-top:0;color:#c62828}.import-errors ul[data-v-115fb63a]{margin:10px 0 0 0;padding-left:20px}.import-errors li[data-v-115fb63a]{color:#c62828;padding:5px 0;border:none}.imported-worships-list[data-v-115fb63a]{display:flex;flex-direction:column;gap:20px}.imported-worship-item[data-v-115fb63a]{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9}.imported-worship-item h4[data-v-115fb63a]{margin-top:0;margin-bottom:15px;color:#333;border-bottom:1px solid #ddd;padding-bottom:10px;display:flex;align-items:center;gap:10px}.new-badge[data-v-115fb63a]{background-color:#4caf50}.new-badge[data-v-115fb63a],.update-badge[data-v-115fb63a]{color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.update-badge[data-v-115fb63a]{background-color:#ff9800}.worship-edit-fields[data-v-115fb63a]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field-group[data-v-115fb63a]{display:flex;flex-direction:column}.field-group label[data-v-115fb63a]{margin-bottom:5px;font-weight:500;color:#555}.field-group input[type=date][data-v-115fb63a],.field-group input[type=text][data-v-115fb63a],.field-group input[type=time][data-v-115fb63a]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.field-group.field-changed[data-v-115fb63a]{background-color:#fff3cd;padding:8px;border-radius:4px;border:1px solid #ffc107;margin-bottom:5px}.field-group.field-changed label[data-v-115fb63a]{color:#856404;font-weight:600}.field-group .old-value[data-v-115fb63a]{font-size:12px;color:#856404;font-weight:400;font-style:italic;margin-left:5px}.field-group input[type=checkbox][data-v-115fb63a]{margin-right:5px}.field-group .multiselect[data-v-115fb63a]{width:100%}.remove-button[data-v-115fb63a]{grid-column:1/-1;padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px}.remove-button[data-v-115fb63a]:hover{background-color:#d32f2f}.import-dialog-footer[data-v-115fb63a]{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #ddd}.cancel-button[data-v-115fb63a],.save-button[data-v-115fb63a]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.cancel-button[data-v-115fb63a]{background-color:#ccc;color:#333}.cancel-button[data-v-115fb63a]:hover{background-color:#bbb}.save-button[data-v-115fb63a]{background-color:#4caf50;color:#fff}.save-button[data-v-115fb63a]:hover:not(:disabled){background-color:#45a049}.save-button[data-v-115fb63a]:disabled{background-color:#ccc;cursor:not-allowed} |