-
Notifications
You must be signed in to change notification settings - Fork 2
/
ellegant.min.css
2 lines (2 loc) · 10.2 KB
/
ellegant.min.css
1
2
.elle-menu{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:999999;visibility:hidden;transition:visibility 0ms 300ms ease}.elle-menu .elle-x{font-size:20px;position:absolute;top:0px;right:0px;cursor:pointer;border:none;padding:0;background:none !important;height:30px;width:30px;line-height:25px;text-align:center}.elle-menu .elle-x label{width:100%;height:100%}.elle-menu .elle-right .elle-x{right:initial;left:0px}.elle-menu .elle-shadow{cursor:pointer;background:#000;opacity:0;position:absolute;transition:opacity 300ms 200ms ease;top:0px;left:0px;width:100%;height:100%}.elle-menu ul{transform:translateX(-101%);transition:transform 300ms 0ms ease;font-size:18px;list-style-type:none;padding:0;margin:0;padding-top:30px;padding-bottom:30px;padding-bottom:env(safe-area-inset-bottom);overflow-y:auto;position:absolute;min-width:200px;height:100%;z-index:1;top:0px;left:0px;background:#fff;color:#2a2a2a;border-right:1px solid #999}.elle-menu ul.elle-right{left:initial;right:0px;border-right:none;transform:translateX(101%);border-left:1px solid #999;text-align:right}.elle-menu ul li{border-bottom:1px solid #e8e8e8}.elle-menu ul li label{display:block}.elle-menu ul li.text,.elle-menu ul li a{display:block;padding:10px 10px 10px 10px}.elle-menu ul li a{text-decoration:none;color:#2a2a2a}.elle-menu ul li:hover{background:#f6f6f6}.elle-modal{background-color:rgba(0,0,0,0);border:0;overflow-y:auto;color:#2a2a2a;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:999999;visibility:hidden;transition:visibility 0ms 300ms ease}.elle-modal::before{content:"";background:#000;opacity:0;position:fixed;transition:opacity 300ms 0ms ease;top:0px;left:0px;width:100%;height:100%}.elle-modal>section{display:none;background-color:#fff;max-width:500px;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;position:fixed;margin:20px auto}.elle-modal>section.elle-big{max-width:750px}.elle-modal>section.elle-small{max-width:310px}.elle-modal>section[class*=elle-animated]{-webkit-animation:top .4s ease;animation:top .4s ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.elle-modal>section[class*=elle-animated].elle-animated-left{-webkit-animation-name:left;animation-name:left}.elle-modal>section[class*=elle-animated].elle-animated-right{-webkit-animation-name:right;animation-name:right}.elle-modal>section[class*=elle-animated].elle-animated-bottom{-webkit-animation-name:bottom;animation-name:bottom}.elle-modal>section header{padding:14px 19px;border-bottom:1px solid #e9ecef;position:relative}.elle-modal>section header h5{margin:0}.elle-modal>section header label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:7px;right:3px;width:35px;height:35px;text-align:center;line-height:35px;font-size:24px}.elle-modal>section main,.elle-modal>section footer{padding:16px}.elle-modal>section footer{border-top:1px solid #e9ecef;text-align:right}.elle-checkbox{display:none !important}.elle-checkbox:not(:checked)+.elle-target{display:none !important}.elle-checkbox:checked+.elle-menu .elle-shadow{opacity:.6;transition:opacity 300ms 0ms ease}.elle-checkbox:checked+.elle-modal{visibility:visible;transition:visibility 0ms 0s ease}.elle-checkbox:checked+.elle-modal::before{opacity:.6;transition:opacity 300ms 0ms ease}.elle-checkbox:checked+.elle-modal>section{display:block}.elle-checkbox:checked+.elle-menu{visibility:visible;transition:visibility 0ms 0s ease}.elle-checkbox:checked+.elle-menu ul{transform:translateX(0%);transition:transform 300ms 200ms ease}.elle-switcher .elle-radio{display:none}.elle-switcher .elle-radio[data-nth="1"]:not(:checked)~.elle-target[data-nth="1"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="1"]:not(:checked)~.elle-target[data-nth="1"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="2"]:not(:checked)~.elle-target[data-nth="2"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="2"]:not(:checked)~.elle-target[data-nth="2"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="3"]:not(:checked)~.elle-target[data-nth="3"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="3"]:not(:checked)~.elle-target[data-nth="3"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="4"]:not(:checked)~.elle-target[data-nth="4"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="4"]:not(:checked)~.elle-target[data-nth="4"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="5"]:not(:checked)~.elle-target[data-nth="5"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="5"]:not(:checked)~.elle-target[data-nth="5"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="6"]:not(:checked)~.elle-target[data-nth="6"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="6"]:not(:checked)~.elle-target[data-nth="6"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="7"]:not(:checked)~.elle-target[data-nth="7"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="7"]:not(:checked)~.elle-target[data-nth="7"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="8"]:not(:checked)~.elle-target[data-nth="8"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="8"]:not(:checked)~.elle-target[data-nth="8"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="9"]:not(:checked)~.elle-target[data-nth="9"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="9"]:not(:checked)~.elle-target[data-nth="9"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-switcher .elle-radio[data-nth="10"]:not(:checked)~.elle-target[data-nth="10"]:not(.animated){display:none !important}.elle-switcher .elle-radio[data-nth="10"]:not(:checked)~.elle-target[data-nth="10"]:not(.animated){position:absolute !important;visibility:hidden !important;z-index:-1 !important;pointer-events:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.elle-target[class*=elle-animated]{-webkit-animation:top .4s ease;animation:top .4s ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.elle-target[class*=elle-animated].elle-animated-left{-webkit-animation-name:left;animation-name:left}.elle-target[class*=elle-animated].elle-animated-right{-webkit-animation-name:right;animation-name:right}.elle-target[class*=elle-animated].elle-animated-bottom{-webkit-animation-name:bottom;animation-name:bottom}@-webkit-keyframes top{from{position:relative;top:-30px;opacity:0}to{position:relative;top:0px;opacity:1}}@keyframes top{from{position:relative;top:-30px;opacity:0}to{position:relative;top:0px;opacity:1}}@-webkit-keyframes left{from{position:relative;left:-30px;opacity:0}to{position:relative;left:0px;opacity:1}}@keyframes left{from{position:relative;left:-30px;opacity:0}to{position:relative;left:0px;opacity:1}}@-webkit-keyframes right{from{position:relative;right:-30px;opacity:0}to{position:relative;right:0px;opacity:1}}@keyframes right{from{position:relative;right:-30px;opacity:0}to{position:relative;right:0px;opacity:1}}@-webkit-keyframes bottom{from{position:relative;bottom:-30px;opacity:0}to{position:relative;bottom:0px;opacity:1}}@keyframes bottom{from{position:relative;bottom:-30px;opacity:0}to{position:relative;bottom:0px;opacity:1}}.elle-on{outline:none;font-size:inherit;vertical-align:middle;width:1.6em;height:1em;background:silver;border-radius:1em;border:none;position:relative;top:-1px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-sizing:content-box;transition:all 200ms ease}.elle-on::before{content:"";position:absolute;width:.85em;height:.85em;background:#fff;top:.073em;border-radius:100%;transition:all 200ms ease;box-shadow:.05em .05em .15em rgba(0,0,0,.353)}.elle-on:not(:checked)::before{left:.09em}.elle-on:checked{background:#0ed428}.elle-on:checked::before{left:calc(100% - .95em)}.style-elle-btn{display:inline-block;padding:4px 8px;border-radius:4px;color:#fff;background:#28a745;border:1px solid #1e7e34;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/*# sourceMappingURL=ellegant.min.css.map */