You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
lychee/dist/main.css

1 line
25 KiB

@charset "UTF-8";.basicContext,.basicModal__button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.basicContextContainer,.basicModalContainer{width:100%;height:100%;top:0;left:0;z-index:1000}.basicContext,.basicContext *,.basicModalContainer,.basicModalContainer *,.basicModalContainer :after,.basicModalContainer :before,.header__toolbar{box-sizing:border-box}.basicContextContainer{position:fixed;-webkit-tap-highlight-color:transparent}.basicContext{position:absolute;opacity:0;user-select:none;animation:basicContext__popIn .3s cubic-bezier(.51,.92,.24,1.2)}.basicContext__item{cursor:pointer}.basicContext__item--separator{float:left;width:100%;cursor:default}.basicContext__data{padding-right:20px;text-align:left;white-space:nowrap}.basicContext__icon{display:inline-block}.basicContext--scrollable{height:100%;-webkit-overflow-scrolling:touch;overflow-y:auto}.basicContext--scrollable .basicContext__data{min-width:160px}@keyframes basicContext__popIn{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes basicModal__moveUpFade{0%{transform:translateY(80px)}100%{transform:translateY(0)}}@keyframes basicModal__shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}.basicModalContainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:fixed}.basicModalContainer--fadeIn{animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeOut{animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--fadeIn{animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--shake{animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15)}.fadeIn,.fadeOut{animation-duration:.3s}.basicModal{position:relative;width:500px;background-color:#fff;font-size:14px;border-radius:5px}.basicModal__content{max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch}.basicModal__buttons{display:-ms-flexbox;display:flex;width:100%}.basicModal__button{display:inline-block;width:100%;background-color:rgba(0,0,0,.07);color:#444;font-weight:700;text-align:center;transition:background-color .2s;user-select:none}#upload,.svgsprite{display:none}.basicModal__button:hover{background-color:rgba(0,0,0,.02)}.basicModal__button--active,.basicModal__button:active{background-color:rgba(0,0,0,.1)}.basicModal__button#basicModal__cancel{-ms-flex-negative:2;flex-shrink:2}.basicModal__button#basicModal__action{-ms-flex-negative:1;flex-shrink:1}.basicModal__button#basicModal__action:first-child{box-shadow:none}.basicModal__button:first-child{border-radius:0 0 0 5px}.basicModal__button:last-child{border-radius:0 0 5px}.basicModal__text{width:100%;margin:0;padding:14px 10px;background-color:transparent;color:#333;border:none;box-shadow:0 1px 0 #c8c8c8;border-radius:0;outline:0;transition:background-color .2s,box-shadow .2s}.basicModal__text:hover{background-color:rgba(0,0,0,.02);box-shadow:0 1px 0 #b4b4b4}.basicModal__text:focus{background-color:rgba(40,117,237,.05);box-shadow:0 1px 0 #2875ed}.basicModal__text.error{background-color:rgba(255,36,16,.05);box-shadow:0 1px 0 #ff2410}.basicModal p{margin:0 0 5%;width:100%;color:#444}.basicModal p a{color:#2875ed}.basicModal p:last-child{margin:0}.basicModal__small{max-width:340px;text-align:center}.basicModal__small .basicModal__content{padding:10% 5%}.basicModal__xclose#basicModal__cancel{position:absolute;top:-8px;right:-8px;margin:0;padding:0;width:40px;height:40px;background-color:#fff;border-radius:100%;box-shadow:0 1px 2px rgba(0,0,0,.2)}.basicModal__xclose#basicModal__cancel:after{content:'';position:absolute;left:-3px;top:8px;width:35px;height:34px;background:#fff}.basicModal__xclose#basicModal__cancel svg{position:relative;width:20px;height:39px;fill:#888;z-index:1;transition:fill .2s}.basicModal__xclose#basicModal__cancel:after