lychee/dist/main.css

1 line
32 KiB
CSS
Raw Normal View History

2015-06-28 13:48:27 +00:00
@charset "UTF-8";.basicContext,.basicContext *{box-sizing:content-box}.basicContextContainer{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000}.basicContext{position:absolute;background-color:#fff;opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.basicModalContainer,.basicModalContainer *,.basicModalContainer :after,.basicModalContainer :before,header .toolbar{box-sizing:border-box}.basicContext tr{cursor:pointer}.basicContext tr.separator{float:left;margin:4px 0;width:100%;height:1px;background-color:rgba(0,0,0,.1);cursor:default}.basicContext tr:last-child{margin-bottom:0}.basicContext tr td{text-align:left;white-space:nowrap}.basicContext tr td:hover{color:#fff;background-color:#CA5858}.basicContext tr td span{display:inline-block;margin-right:10px;width:12px;text-align:center}.basicModalContainer,.basicModal__buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.basicContext--scrollable{height:calc(100% - 6px * 2);-webkit-overflow-scrolling:touch;overflow-y:auto}.basicContext--scrollable tr td{min-width:130px}@-webkit-keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes basicModal__fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes basicModal__fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes basicModal__moveUpFade{0%{-webkit-transform:translateY(80px);transform:translateY(80px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes basicModal__shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}20%,60%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.basicModalContainer{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000}.basicModalContainer--fadeIn{-webkit-animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__fadeIn .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeOut{-webkit-animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__fadeOut .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--fadeIn{-webkit-animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__moveUpFade .3s cubic-bezier(.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--shake{-webkit-animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15);animation:basicModal__shake .3s cubic-bezier(.51,.92,.24,1.15)}.basicModal{position:relative;width:500px;background-color:#fff;font-size:14px;border-radius:5px}.basicModal__buttons{display:flex;width:100%;box-shadow:0 -1px 0 rgba(0,0,0,.1)}.basicModal__content{padding:7%}.basicModal__button{display:inline-block;width:100%;padding:13px 0 14px;background-color:rgba(0,0,0,.07);color:#444;font-weight:700;text-align:center;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;user-select:none}*,.basicModal__button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.basicModal__button:hover{background-color:rgba(0,0,0,.02)}.basicModal__button--active,.basicModal__button:active{-webkit-transition:none;transition:none;background-color:rgba(0,0,0,.1)}.basicModal__button#basicModal__cancel{-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}.basicModal__button#basicModal__action{-