2015-01-16 18:52:34 +00:00
|
|
|
.basicContextContainer{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000}.basicContext{position:absolute;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;margin:4px 0;cursor:default}.basicContext tr:last-child{margin-bottom:0}.basicContext tr td{white-space:nowrap}.basicContext tr td:hover{color:#fff}.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(0.51,.92,.24,1.15);animation:basicModal__fadeIn .3s cubic-bezier(0.51,.92,.24,1.15)}.basicModalContainer--fadeOut{-webkit-animation:basicModal__fadeOut .3s cubic-bezier(0.51,.92,.24,1.15);animation:basicModal__fadeOut .3s cubic-bezier(0.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--fadeIn{-webkit-animation:basicModal__moveUpFade .3s cubic-bezier(0.51,.92,.24,1.15);animation:basicModal__moveUpFade .3s cubic-bezier(0.51,.92,.24,1.15)}.basicModalContainer--fadeIn .basicModal--shake{-webkit-animation:basicModal__shake .3s cubic-bezier(0.51,.92,.24,1.15);animation:basicModal__shake .3s cubic-bezier(0.51,.92,.24,1.15)}.basicModal{width:500px;border-radius:5px}.basicModal p{width:calc(100% - 60px)}.basicModal p a{color:#2875ed}.basicModal .basicModal__button{float:left;width:30%;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#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:scaleY(0);opacity:0}.basicModal .basicModal__dropdown.flip .back{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:1}.basicModal .basicModal__dropdown.flip .front.text{-webkit-transform:scaleY(2);-ms-transform:scaleY(2);transform:scaleY(2);opacity:0}.basicModal .basicModal__dropdown
|
