Difference between revisions of "Template:NAIT Edmonton/CSS"

Line 244: Line 244:
  
 
/* Modal */
 
/* Modal */
−
.modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;}
+
.modal {opacity: 0;visibility: hidden;position: fixed;top: 140px;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;}
 
.modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
 
.modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
 
.modal-state { display: none;}
 
.modal-state { display: none;}
 
.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: 140px; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;}
+
.modal__inner {transition: top .25s ease;position: absolute;top: -20%; 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:06, 4 June 2015