| 1 |
- .backdrop-container{position:fixed;top:0;left:0;bottom:0;right:0;z-index:50;background-color:rgba(63,77,50,0.4)}.backdrop-container>.backdrop{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.backdrop-container>.backdrop>.modal{background-color:#e4ebe4;opacity:0.2;min-width:400px;max-width:1200px;max-height:100%;-webkit-border-radius:10px;border-radius:10px;position:relative;overflow:hidden}.backdrop-container>.backdrop>.modal>.close{position:absolute;right:12px;top:5px;padding:5px 10px;font-size:18px;-webkit-transition:color 100ms linear;-o-transition:color 100ms linear;transition:color 100ms linear;color:#d9efe9}.backdrop-container>.backdrop>.modal>.close:hover{cursor:pointer;color:#658d3f}.backdrop-container>.backdrop>.modal>.head{padding:10px 40px 10px 20px;background-color:#3f4d32;color:#e4ebe4;font-weight:700}.backdrop-container>.backdrop>.modal>.body{padding:20px}.backdrop-container>.backdrop:last-child>.modal{opacity:1;-webkit-box-shadow:0 0 15px rgba(63,77,50,0.2);box-shadow:0 0 15px rgba(63,77,50,0.2);border:1px solid #3f4d32}.backdrop-container input,.backdrop-container button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:4px;border-radius:4px;border-color:#182410;outline:none;-webkit-box-shadow:none;box-shadow:none;color:#3f4d32}.backdrop-container input::-webkit-input-placeholder,.backdrop-container button::-webkit-input-placeholder{color:rgba(24,36,16,0.3)}.backdrop-container input:-ms-input-placeholder,.backdrop-container button:-ms-input-placeholder{color:rgba(24,36,16,0.3)}.backdrop-container input::-ms-input-placeholder,.backdrop-container button::-ms-input-placeholder{color:rgba(24,36,16,0.3)}.backdrop-container input::placeholder,.backdrop-container button::placeholder{color:rgba(24,36,16,0.3)}.backdrop-container input:focus,.backdrop-container input:active,.backdrop-container button:focus,.backdrop-container button:active{border-color:#658d3f;-webkit-box-shadow:0 0 2px #658d3f;box-shadow:0 0 2px #658d3f}@media screen and (max-width: 559px){.backdrop-container{top:60px}.backdrop-container>.backdrop>.modal{min-width:100%;max-width:100%;overflow-y:auto;-webkit-border-radius:0;border-radius:0}.backdrop-container>.backdrop>.modal>.body{padding:5px}.content-editor{min-width:100% !important;max-width:100%}}
|
