관리-도구
편집 파일: ext-component-toastr.css
#toast-container>div{border-radius:.286rem;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);max-width:none;opacity:1}#toast-container>div,#toast-container>div:hover{box-shadow:0 2px 20px 0 rgba(34,41,47,.08)}#toast-container>.toast{background-image:none!important}.toast{background-color:#fff;color:#6e6b7b!important}.toast .toast-close-button{color:#6e6b7b;font-size:1.75rem;font-weight:400;right:0;text-shadow:none;top:0}.toast .toast-close-button:focus{outline:none}.toast .toast-title{font-size:1rem;font-weight:600;line-height:1.75}.toast .toast-progress{opacity:1}.toast:before{background-position:50%;background-repeat:no-repeat;background-size:1rem;border-radius:50%;color:#fff;content:"";height:24px;left:1.25rem;position:absolute;width:24px}.toast-success .toast-title{color:#28c76f}.toast-success .toast-progress,.toast-success:before{background-color:#28c76f}.toast-success:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.toast-error .toast-title{color:#ea5455}.toast-error .toast-progress,.toast-error:before{background-color:#ea5455}.toast-error:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.toast-info .toast-title{color:#00cfe8}.toast-info .toast-progress,.toast-info:before{background-color:#00cfe8}.toast-info:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E")}.toast-warning .toast-title{color:#ff9f43}.toast-warning .toast-progress,.toast-warning:before{background-color:#ff9f43}.toast-warning:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-triangle'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01'/%3E%3C/svg%3E")}.toast-top-left{left:2rem;top:1.3rem}.toast-top-right{right:2rem;top:1.3rem}.toast-top-center,.toast-top-full-width{top:1.3rem;width:100%!important}.toast-bottom-left{bottom:1.3rem;left:2rem}.toast-bottom-right{bottom:1.3rem;right:2rem}.toast-bottom-center,.toast-bottom-full-width{bottom:1.3rem;width:100%!important}@media(max-width:480px)and (min-width:241px){#toast-container>.toast:after{top:.95rem}#toast-container>.toast .toast-close-button{right:-1px;top:0}#toast-container>div{width:20rem}.toast-top-left{left:1rem}#toast-container.toast-bottom-center,#toast-container.toast-top-center{right:1rem}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:20rem!important}.toast-bottom-full-width,.toast-top-full-width{left:0;right:0;width:93%}.toast-bottom-full-width>div,.toast-top-full-width>div{width:100%}.toast-bottom-left{bottom:.75rem;left:1rem}.toast-bottom-right{bottom:.75rem;right:2.25rem}.toast-bottom-center,.toast-bottom-full-width{bottom:.75rem}[data-textdirection=rtl] #toast-container>div{padding-right:8px}}.dark-layout #toast-container>div,.dark-layout #toast-container>div:hover{box-shadow:0 4px 24px 0 rgba(34,41,47,.24)}.dark-layout #toast-container .toast{background-color:#283046;color:#b4b7bd!important}.dark-layout #toast-container .toast .toast-close-button{color:#b4b7bd}@media(max-width:575.98px){[data-textdirection=rtl] .toast .toast-close-button{right:.5rem!important;top:.55rem!important}}[data-textdirection=rtl] .toast-top-left{left:1rem;right:auto}[data-textdirection=rtl] .toast-top-right{left:auto;right:3rem}[data-textdirection=rtl] .toast-bottom-left{left:1em;right:auto}[data-textdirection=rtl] .toast-bottom-right{left:auto;right:3rem}[data-textdirection=rtl] .toast-bottom-full-width#toast-container>div,[data-textdirection=rtl] .toast-top-full-width#toast-container>div{left:0;right:0}