Difference between revisions of "Team:NAIT Edmonton/Bios"

Line 162: Line 162:
  
 
}
 
}
 
 
/* 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;z-index:999;}
 
.modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
 
.modal-state { display: none;}
 
.modal-state:checked + .modal {opacity: 1;visibility: visible;}
 
.modal-state:checked + .modal .modal__inner {top: 0;}
 
.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:after,
 
.modal__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
 
.modal__close:hover:after,
 
.modal__close:hover:before {background: #aaa;}
 
.modal__close:before {transform: rotate(-45deg);}
 
 
@media screen and (max-width: 750px) {
 
 
  .modal__inner {width: 90%;height: 90%;box-sizing: border-box;}
 
}
 
 
 
/* Modal Mobile */
 
 
.btn {cursor: pointer;background: none;display: inline-block;padding: none;color:none; border-radius: none;}
 
.btn:hover,
 
.btn:focus {background: none;}
 
.btn:active {background: none;}
 
p img {max-width: 200px;height: auto;float: left;margin: 0 1em 1em 0;}
 
  
 
</style>
 
</style>

Revision as of 16:10, 12 August 2015

Team NAIT 2015

Meet Our Team