core/1/iiko_files/tilda-zero-form-errorbox.mi...

1 line
1.2 KiB
CSS
Executable File

.tn-atom .t-input-error{position:absolute;color:red;background-color:#fff;padding:8px 10px;border-radius:2px;z-index:1;margin-top:5px;left:0;box-shadow:0 1px 20px 0 rgba(0,0,0,.2)}.tn-atom .t-input-error:after{content:'';position:absolute;width:0;height:0;top:-12px;left:15%;border:6px solid transparent;border-bottom-color:#fff}.tn-form__errorbox-close{height:14px;position:absolute;right:8px;top:8px;width:14px;cursor:pointer}.tn-form__errorbox-close-line{background:#fff 0 0;height:1px;left:0;margin-top:-1px;position:absolute;top:50%;width:100%}.tn-form__errorbox-close-line-left{transform:rotate(45deg)}.tn-form__errorbox-close-line-right{transform:rotate(-45deg)}.tn-atom .t-form__errorbox-wrapper,.tn-form__errorbox-popup{position:fixed;bottom:20px;right:20px;z-index:10000;max-width:400px;min-width:260px;width:auto;box-shadow:0 0 3px 1px rgba(0,0,0,.2);border-radius:3px;text-align:left;font-family:Arial,sans-serif;background:#f95d51;padding:10px}.tn-atom .js-error-control-box .t-checkbox__control,.tn-atom .js-error-control-box .t-radio__wrapper{padding:3px;margin-top:-3px}@media screen and (max-width:480px){.tn-atom .t-form__errorbox-wrapper,.tn-form__errorbox-popup{max-width:280px}}