.modalBox { background: #fff; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; } .modalBox .content { overflow-y: auto; display: block; } .modalBox .close { opacity: 1; display: block; position: absolute; top: -16px; right: -15px; width: 12px; height: 12px; padding: 8px; border: 2px solid #fff; cursor: pointer; background: #000; text-align: center; font-size: 12px; line-height: 12px; color: #fff; text-decoration: none; font-weight: bold; border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; } .modalBox, .modalBox .close { box-shadow: 0 0 5px 1px #c1c1c1; -moz-box-shadow: 0 0 5px 1px #c1c1c1; -o-box-shadow: 0 0 5px 1px #c1c1c1; -webkit-box-shadow: 0 0 5px 1px #c1c1c1; } .modalBox .close:hover { background: #606060; } .modalBoxWindow { display: none; } /* =============== ==== ALERT ==== =============== */ .alert { min-width: 250px; padding: 8px; margin: 5px 0; } .alert .info { height: 130px; padding: 0 10px; } .alert > div { display: table-cell; vertical-align: middle; } .alert .pic { width: 128px; height: 128px; background-repeat: none; background-position: center center; background-repeat: no-repeat; background-size: cover; } .alert.success .pic { background-image: url(./img/success.png); } .alert.warning .pic { background-image: url(./img/warning.png); } .alert.error .pic { background-image: url(./img/error.png); } .alert.send .pic { background-image: url(./img/send.png); } .alert.huck .pic { background-image: url(./img/huck.png); } .alert.robot .pic { background-image: url(./img/robot.png); } .alert.wait .pic { width: 113px; height: 128px; background-image: url(./img/wait.png); } .alert.SomethingWrong .pic { background-image: url(./img/something-wrong.jpg); }