Difference between revisions of "Template:NAIT Edmonton/CSS"
| Line 249: | Line 249: | ||
.modal-state:checked + .modal {opacity: 1;visibility: visible;} | .modal-state:checked + .modal {opacity: 1;visibility: visible;} | ||
.modal-state:checked + .modal .modal__inner {top: 0;} | .modal-state:checked + .modal .modal__inner {top: 0;} | ||
| − | .modal__inner {transition: top .25s ease;position: absolute;top: - | + | .modal__inner {transition: top .25s ease;position: absolute;top: -100%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;} |
.modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;} | .modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;} | ||
.modal__close:after, | .modal__close:after, | ||
Revision as of 17:05, 4 June 2015
