2015-02-06 23:06:57 +00:00
|
|
|
.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}.basicContext--scrollable{height:calc(100% - 6px * 2);overflow-y:scroll}.basicContext tr{cursor:pointer}.basicContext tr.separator{float:left;width:100%;height:1px;background-color:rgba(0,0,0,.1);margin:4px 0;cursor:default}.basicContext tr:last-child{margin-bottom:0}.basicContext tr td{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}@-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{position:fixed;width:100%;height:100%;top:0;left:0;font-size:14px;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;box-align:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;box-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box}.basicModalContainer *{box-sizing:content-box}.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{width:500px;background-color:#fff;border-radius:5px}.basicModal p{width:calc(100% - 60px)}.basicModal p a{color:#2875ed}.basicModal .basicModal__button{float:left;width:30%;background-color:rgba(0,0,0,.07);font-weight:700;text-align:center;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.basicModal .basicModal__button:hover{background-color:rgba(0,0,0,.02)}.basicModal .basicModal__button--active,.basicModal .basicModal__button:active{background-color:rgba(0,0,0,.12)}.basicModal .basicModal__button#basicModal__cancel{border-radius:0 0 0 5px}.basicModal .basicModal__button#basicModal__action{width:70%;border-radius:0 0 5px}.basicModal .basicModal__button--full#basicModal__action{width:100%;border-radius:0 0 5px 5px;box-shadow:none}.basicModal .basicModal__dropdown{float:left;position:relative;margin:0 5% 1px;width:90%;color:#333;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.basicModal .basicModal__dropdown.flip .front{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scal
|
