Difference between revisions of "Team:NAIT Edmonton/Bios"
Line 81: | Line 81: | ||
<center> | <center> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | /*Portraits*/ | ||
+ | .abbie {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;background-position:50%;} | ||
+ | .abbie:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px; background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | .david {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;background-position:50%;} | ||
+ | .david:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | .eduardo {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;background-position:50%;} | ||
+ | .eduardo:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | .johannes {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;background-position:50%;} | ||
+ | .johannes:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | .joy {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;;background-position:50%;} | ||
+ | .joy:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | .kevin {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;background-position:50%;} | ||
+ | .kevin:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | .marcelo {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;background-position:50%;} | ||
+ | .marcelo:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | .mattea {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;background-position:50%;} | ||
+ | .mattea:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | .NAIT {display:inline-block;width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/8/82/Nait_question_bk.png);background-size:200px 200px ;background-position:50%;} | ||
+ | .NAIT:hover {width: 200px; height: 200px; background: url(https://static.igem.org/mediawiki/2015/6/61/Nait_question_cl.png);background-size:200px 200px;background-position:50%;border-radius:50%;width:200px;height:200px)} | ||
+ | |||
+ | /*Fade Portrait Effect*/ | ||
+ | .imgwrap {width:700px;margin:0px;background-color:none;padding:0px;overflow:hidden} | ||
+ | .imgwrap div {display:inline-block;width:200px;height:200px;border-radius:50%;margin:5px;-webkit-transition:opacity 0.26s ease-out;-moz-transition:opacity 0.26s ease-out;-ms-transition:opacity 0.26s ease-out;-o-transition:opacity 0.26s ease-out;transition:opacity 0.26s ease-out;} | ||
+ | .imgwrap:hover div {opacity:0.2;} | ||
+ | .imgwrap:hover div:hover {opacity:1} | ||
+ | |||
+ | |||
+ | /* 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> | ||
<br> | <br> |
Revision as of 20:35, 12 June 2015
Northern Alberta Institute of Technology
The Northern Alberta Institute of Technology (NAIT) is a polytechnic[2] and applied sciences institute located in Edmonton, Alberta, Canada. NAIT provides careers programs in applied research, technical training, applied education, and learning designed to meet the demands of Alberta's technical and knowledge-based industries. NAIT offers approximately 140 credit programs leading to applied degrees, diplomas and certificates. There are approximately 8,400 full-time students, 20,500 students in continuing education and part-time studies, 12,300 apprentices anticipated for 2012, and more than 20,000 registrants for customized corporate based training. NAIT also attracts international students from 77 countries.[1] NAIT is similar to an Institute of technology or university of applied sciences as termed in other jurisdictions. The university press, The Nugget, is a member of CUP.
Marcelo Marcet
Short biography for Marcelo.
Mattea Bujold
Short biography for Mattea.
Eduardo A. R. Serratos
Johannes Coomansingh
Short Biography for Jo