Line 1: | Line 1: | ||
{{Waterloo}} | {{Waterloo}} | ||
<html> | <html> | ||
− | <style> | + | <style> |
− | @import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600"); | + | @import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600"); |
− | body{ | + | body{ |
− | font-family:'Raleway' | + | font-family:'Raleway' |
− | } | + | } |
− | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | + | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { |
− | + | display:none;} | |
− | #top-section { | + | #top-section { |
− | + | border: none; | |
− | + | height: 0px;} | |
− | #content { | + | #content { |
− | + | border: none; | |
− | + | background-color: transparent !important;} | |
− | #content H1 { | + | #content H1 { |
− | + | font-weight:lighter !important; | |
− | } | + | } |
− | #footer{ | + | #footer{ |
− | text-align:left !important; | + | text-align:left !important; |
− | } | + | } |
− | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { |
− | margin:0 !important; | + | margin:0 !important; |
− | } | + | } |
− | #footer li{ | + | #footer li{ |
− | + | margin-left: 0px !important; | |
− | + | white-space: nowrap !important; | |
− | } | + | } |
− | /*! | + | /*! |
− | + | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome | |
− | + | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | |
− | + | */@font-face{font-family:'FontAwesome';src:url('https://static.igem.org/mediawiki/2019/9/9a/T--Waterloo--fontawesome-webfont.eot?v=4.7.0');src:url('https://static.igem.org/mediawiki/2019/9/9a/T--Waterloo--fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url(https://static.igem.org/mediawiki/2019/7/74/T--Waterloo--fontawesome-webfont.woff?v=4.7.0) format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url(https://static.igem.org/mediawiki/2019/5/53/T--Waterloo--fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} | |
− | /* | + | /* |
− | + | Industrious by TEMPLATED | |
− | + | templated.co @templatedco | |
− | + | Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | |
− | */ | + | */ |
− | /* Basic */ | + | /* Basic */ |
− | @-ms-viewport { | + | @-ms-viewport { |
− | + | width: device-width; } | |
− | body { | + | body { |
− | + | -ms-overflow-style: scrollbar; } | |
− | @media screen and (max-width: 480px) { | + | @media screen and (max-width: 480px) { |
− | + | html, body { | |
− | + | min-width: 320px; } } | |
− | html { | + | html { |
− | + | box-sizing: border-box; } | |
− | *, *:before, *:after { | + | *, *:before, *:after { |
− | + | box-sizing: inherit; } | |
− | body { | + | body { |
− | + | background: #ffffff; } | |
− | + | body.is-preload *, body.is-preload *:before, body.is-preload *:after { | |
− | + | -moz-animation: none !important; | |
− | + | -webkit-animation: none !important; | |
− | + | -ms-animation: none !important; | |
− | + | animation: none !important; | |
− | + | -moz-transition: none !important; | |
− | + | -webkit-transition: none !important; | |
− | + | -ms-transition: none !important; | |
− | + | transition: none !important; } | |
− | html, body, div, span, applet, object, | + | html, body, div, span, applet, object, |
− | iframe, h1, h2, h3, h4, h5, h6, p, blockquote, | + | iframe, h1, h2, h3, h4, h5, h6, p, blockquote, |
− | pre, a, abbr, acronym, address, big, cite, | + | pre, a, abbr, acronym, address, big, cite, |
− | code, del, dfn, em, img, ins, kbd, q, s, samp, | + | code, del, dfn, em, img, ins, kbd, q, s, samp, |
− | small, strike, strong, sub, sup, tt, var, b, | + | small, strike, strong, sub, sup, tt, var, b, |
− | u, i, center, dl, dt, dd, ol, ul, li, fieldset, | + | u, i, center, dl, dt, dd, ol, ul, li, fieldset, |
− | form, label, legend, table, caption, tbody, | + | form, label, legend, table, caption, tbody, |
− | tfoot, thead, tr, th, td, article, aside, | + | tfoot, thead, tr, th, td, article, aside, |
− | canvas, details, embed, figure, figcaption, | + | canvas, details, embed, figure, figcaption, |
− | footer, header, hgroup, menu, nav, output, ruby, | + | footer, header, hgroup, menu, nav, output, ruby, |
− | section, summary, time, mark, audio, video { | + | section, summary, time, mark, audio, video { |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | border: 0; | |
− | + | font-size: 100%; | |
− | + | font: inherit; | |
− | + | vertical-align: baseline; } | |
− | article, aside, details, figcaption, figure, | + | article, aside, details, figcaption, figure, |
− | footer, header, hgroup, menu, nav, section { | + | footer, header, hgroup, menu, nav, section { |
− | + | display: block; } | |
− | body { | + | body { |
− | + | line-height: 1; } | |
− | ol, ul { | + | ol, ul { |
− | + | list-style: none; } | |
− | blockquote, q { | + | blockquote, q { |
− | + | quotes: none; } | |
− | + | blockquote:before, blockquote:after, q:before, q:after { | |
− | + | content: ''; | |
− | + | content: none; } | |
− | table { | + | table { |
− | + | border-collapse: collapse; | |
− | + | border-spacing: 0; } | |
− | body { | + | body { |
− | + | -webkit-text-size-adjust: none; } | |
− | mark { | + | mark { |
− | + | background-color: transparent; | |
− | + | color: inherit; } | |
− | input::-moz-focus-inner { | + | input::-moz-focus-inner { |
− | + | border: 0; | |
− | + | padding: 0; } | |
− | input, select, textarea { | + | input, select, textarea { |
− | + | -moz-appearance: none; | |
− | + | -webkit-appearance: none; | |
− | + | -ms-appearance: none; | |
− | + | appearance: none; } | |
− | /* Typography */ | + | /* Typography */ |
− | html { | + | html { |
− | + | font-size: 13pt; } | |
− | + | @media screen and (max-width: 1680px) { | |
− | + | html { | |
− | + | font-size: 11pt; } } | |
− | + | @media screen and (max-width: 980px) { | |
− | + | html { | |
− | + | font-size: 12pt; } } | |
− | + | @media screen and (max-width: 480px) { | |
− | + | html { | |
− | + | font-size: 11pt; } } | |
− | body { | + | body { |
− | + | color: #444444; } | |
− | body, input, select, textarea { | + | body, input, select, textarea { |
− | + | font-family: "Raleway", Arial, Helvetica, sans-serif; | |
− | + | font-weight: 400; | |
− | + | font-size: 1rem; | |
− | + | line-height: 1.65; } | |
− | a { | + | a { |
− | + | -moz-transition: color 0.2s ease-in-out; | |
− | + | -webkit-transition: color 0.2s ease-in-out; | |
− | + | -ms-transition: color 0.2s ease-in-out; | |
− | + | transition: color 0.2s ease-in-out; | |
− | + | text-decoration: underline; } | |
− | + | a:hover { | |
− | + | text-decoration: none; } | |
− | strong, b { | + | strong, b { |
− | + | font-weight: 600; } | |
− | em, i { | + | em, i { |
− | + | font-style: italic; } | |
− | p { | + | p { |
− | + | margin: 0 0 2rem 0; } | |
− | header.special { | + | header.special { |
− | + | text-align: center; | |
− | + | margin-bottom: 4rem; } | |
− | + | header.special p { | |
− | + | max-width: 75%; | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; } | |
− | h1, h2, h3, h4, h5, h6 { | + | h1, h2, h3, h4, h5, h6 { |
− | + | font-weight: 300; | |
− | + | line-height: 1.5; | |
− | + | text-transform: uppercase; | |
− | + | margin: 0 0 1.5rem 0; } | |
− | + | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | |
− | + | color: inherit; | |
− | + | text-decoration: none; } | |
− | h1 { | + | h1 { |
− | + | font-size: 3rem; | |
− | + | line-height: 1.2; } | |
− | h2 { | + | h2 { |
− | + | font-size: 2.25rem; | |
− | + | line-height: 1.3; } | |
− | h3 { | + | h3 { |
− | + | font-size: 1.25rem; } | |
− | h4 { | + | h4 { |
− | + | font-size: 1rem; } | |
− | h5 { | + | h5 { |
− | + | font-size: 0.9rem; } | |
− | h6 { | + | h6 { |
− | + | font-size: 0.7rem; } | |
− | @media screen and (max-width: 736px) { | + | @media screen and (max-width: 736px) { |
− | + | h1 { | |
− | + | font-size: 2.75rem; | |
− | + | line-height: 1.3; } | |
− | + | h2 { | |
− | + | font-size: 1.75rem; | |
− | + | line-height: 1.5; } | |
− | + | h3 { | |
− | + | font-size: 1.25rem; } } | |
− | sub { | + | sub { |
− | + | font-size: 0.8rem; | |
− | + | position: relative; | |
− | + | top: 0.5rem; } | |
− | sup { | + | sup { |
− | + | font-size: 0.8rem; | |
− | + | position: relative; | |
− | + | top: -0.5rem; } | |
− | blockquote { | + | blockquote { |
− | + | border-left: solid 0.5rem; | |
− | + | font-style: italic; | |
− | + | margin: 0 0 2rem 0; | |
− | + | padding: 1rem 0 1rem 2rem; } | |
− | code { | + | code { |
− | + | border-radius: 4px; | |
− | + | border: solid 1px; | |
− | + | font-family: "Courier New", monospace; | |
− | + | font-size: 0.9rem; | |
− | + | margin: 0 0.25rem; | |
− | + | padding: 0.25rem 0.65rem; } | |
− | pre { | + | pre { |
− | + | -webkit-overflow-scrolling: touch; | |
− | + | font-family: "Courier New", monospace; | |
− | + | font-size: 0.9rem; | |
− | + | margin: 0 0 2rem 0; } | |
− | + | pre code { | |
− | + | display: block; | |
− | + | line-height: 1.75; | |
− | + | padding: 1rem 1.5rem; | |
− | + | overflow-x: auto; } | |
− | hr { | + | hr { |
− | + | border: 0; | |
− | + | border-bottom: solid 1px; | |
− | + | margin: 2rem 0; } | |
− | + | hr.major { | |
− | + | margin: 4rem 0; } | |
− | input, select, textarea { | + | input, select, textarea { |
− | + | color: #555555; } | |
− | a { | + | a { |
− | + | color: #B3DC77; } | |
− | strong, b { | + | strong, b { |
− | + | color: #555555; } | |
− | h1, h2, h3, h4, h5, h6 { | + | h1, h2, h3, h4, h5, h6 { |
− | + | color: #555555; } | |
− | blockquote { | + | blockquote { |
− | + | border-left-color: rgba(0, 0, 0, 0.25); } | |
− | code { | + | code { |
− | + | background: rgba(0, 0, 0, 0.075); | |
− | + | border-color: rgba(0, 0, 0, 0.25); } | |
− | hr { | + | hr { |
− | + | border-bottom-color: rgba(0, 0, 0, 0.25); } | |
− | /* Inner */ | + | /* Inner */ |
− | .inner { | + | .inner { |
− | + | margin: 0 auto; | |
− | + | width: 75rem; | |
− | + | max-width: calc(100% - 6rem); } | |
− | + | @media screen and (max-width: 480px) { | |
− | + | .inner { | |
− | + | max-width: calc(100% - 3rem); } } | |
− | /* Button */ | + | /* Button */ |
− | input[type="submit"], | + | input[type="submit"], |
− | input[type="reset"], | + | input[type="reset"], |
− | input[type="button"], | + | input[type="button"], |
− | button, | + | button, |
− | .button { | + | .button { |
− | + | -moz-appearance: none; | |
− | + | -webkit-appearance: none; | |
− | + | -ms-appearance: none; | |
− | + | appearance: none; | |
− | + | -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | |
− | + | -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | |
− | + | -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | |
− | + | transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | |
− | + | border: 0; | |
− | + | border-radius: 4px; | |
− | + | cursor: pointer; | |
− | + | display: inline-block; | |
− | + | font-weight: 600; | |
− | + | height: 3.25rem; | |
− | + | line-height: 3.25rem; | |
− | + | padding: 0 1.75rem; | |
− | + | text-align: center; | |
− | + | text-decoration: none; | |
− | + | white-space: nowrap; } | |
− | + | input[type="submit"].small, | |
− | + | input[type="reset"].small, | |
− | + | input[type="button"].small, | |
− | + | button.small, | |
− | + | .button.small { | |
− | + | font-size: 0.8rem; | |
− | + | height: 2.4375rem; | |
− | + | line-height: 2.4375rem; | |
− | + | padding: 0 1.25rem; } | |
− | + | input[type="submit"].large, | |
− | + | input[type="reset"].large, | |
− | + | input[type="button"].large, | |
− | + | button.large, | |
− | + | .button.large { | |
− | + | font-size: 1.35rem; | |
− | + | height: 4.0625rem; | |
− | + | line-height: 4.0625rem; | |
− | + | padding: 0 2rem; } | |
− | + | input[type="submit"].wide, | |
− | + | input[type="reset"].wide, | |
− | + | input[type="button"].wide, | |
− | + | button.wide, | |
− | + | .button.wide { | |
− | + | min-width: 13rem; } | |
− | + | input[type="submit"].icon:before, | |
− | + | input[type="reset"].icon:before, | |
− | + | input[type="button"].icon:before, | |
− | + | button.icon:before, | |
− | + | .button.icon:before { | |
− | + | margin-right: 0.5rem; } | |
− | + | input[type="submit"].fit, | |
− | + | input[type="reset"].fit, | |
− | + | input[type="button"].fit, | |
− | + | button.fit, | |
− | + | .button.fit { | |
− | + | width: 100%; } | |
− | + | input[type="submit"].disabled, input[type="submit"]:disabled, | |
− | + | input[type="reset"].disabled, | |
− | + | input[type="reset"]:disabled, | |
− | + | input[type="button"].disabled, | |
− | + | input[type="button"]:disabled, | |
− | + | button.disabled, | |
− | + | button:disabled, | |
− | + | .button.disabled, | |
− | + | .button:disabled { | |
− | + | pointer-events: none; | |
− | + | opacity: 0.25; } | |
− | input[type="submit"], | + | input[type="submit"], |
− | input[type="reset"], | + | input[type="reset"], |
− | input[type="button"], | + | input[type="button"], |
− | button, | + | button, |
− | .button { | + | .button { |
− | + | background-color: transparent; | |
− | + | box-shadow: inset 0 0 0 1px #555555; | |
− | + | color: #555555 !important; } | |
− | + | input[type="submit"]:hover, | |
− | + | input[type="reset"]:hover, | |
− | + | input[type="button"]:hover, | |
− | + | button:hover, | |
− | + | .button:hover { | |
− | + | box-shadow: inset 0 0 0 1px #B3DC77; | |
− | + | color: #B3DC77 !important; } | |
− | + | input[type="submit"]:hover:active, | |
− | + | input[type="reset"]:hover:active, | |
− | + | input[type="button"]:hover:active, | |
− | + | button:hover:active, | |
− | + | .button:hover:active { | |
− | + | background-color: rgba(206, 27, 40, 0.25); } | |
− | + | input[type="submit"].primary, | |
− | + | input[type="reset"].primary, | |
− | + | input[type="button"].primary, | |
− | + | button.primary, | |
− | + | .button.primary { | |
− | + | box-shadow: none; | |
− | + | background-color: #B3DC77; | |
− | + | color: #ffffff !important; } | |
− | + | input[type="submit"].primary:hover, | |
− | + | input[type="reset"].primary:hover, | |
− | + | input[type="button"].primary:hover, | |
− | + | button.primary:hover, | |
− | + | .button.primary:hover { | |
− | + | background-color: #B3DC77; | |
− | + | box-shadow: none; } | |
− | + | input[type="submit"].primary:hover:active, | |
− | + | input[type="reset"].primary:hover:active, | |
− | + | input[type="button"].primary:hover:active, | |
− | + | button.primary:hover:active, | |
− | + | .button.primary:hover:active { | |
− | + | background-color: #B3DC77; } | |
− | /* Form */ | + | /* Form */ |
− | form { | + | form { |
− | + | margin: 0 0 2rem 0; } | |
− | input[type="text"], | + | input[type="text"], |
− | input[type="password"], | + | input[type="password"], |
− | input[type="email"], | + | input[type="email"], |
− | input[type="tel"], | + | input[type="tel"], |
− | input[type="search"], | + | input[type="search"], |
− | input[type="url"], | + | input[type="url"], |
− | select, | + | select, |
− | textarea { | + | textarea { |
− | + | -moz-appearance: none; | |
− | + | -webkit-appearance: none; | |
− | + | -ms-appearance: none; | |
− | + | appearance: none; | |
− | + | border-radius: 4px; | |
− | + | border: none; | |
− | + | border: solid 1px; | |
− | + | color: inherit; | |
− | + | display: block; | |
− | + | outline: 0; | |
− | + | padding: 0 1rem; | |
− | + | text-decoration: none; | |
− | + | width: 100%; } | |
− | + | input[type="text"]:invalid, | |
− | + | input[type="password"]:invalid, | |
− | + | input[type="email"]:invalid, | |
− | + | input[type="tel"]:invalid, | |
− | + | input[type="search"]:invalid, | |
− | + | input[type="url"]:invalid, | |
− | + | select:invalid, | |
− | + | textarea:invalid { | |
− | + | box-shadow: none; } | |
− | label { | + | label { |
− | + | display: block; | |
− | + | font-size: 1rem; | |
− | + | font-weight: 600; | |
− | + | margin: 0 0 1rem 0; } | |
− | input[type="text"], | + | input[type="text"], |
− | input[type="password"], | + | input[type="password"], |
− | input[type="email"], | + | input[type="email"], |
− | input[type="tel"], | + | input[type="tel"], |
− | input[type="search"], | + | input[type="search"], |
− | input[type="url"] { | + | input[type="url"] { |
− | + | height: 3.25rem; } | |
− | select { | + | select { |
− | + | background-size: 1.25rem; | |
− | + | background-repeat: no-repeat; | |
− | + | background-position: calc(100% - 1rem) center; | |
− | + | height: 3.25rem; | |
− | + | padding-right: 3.25rem; | |
− | + | text-overflow: ellipsis; } | |
− | + | select:focus::-ms-value { | |
− | + | background-color: transparent; } | |
− | + | select::-ms-expand { | |
− | + | display: none; } | |
− | textarea { | + | textarea { |
− | + | padding: 0.75rem 1rem; } | |
− | input[type="checkbox"], | + | input[type="checkbox"], |
− | input[type="radio"] { | + | input[type="radio"] { |
− | + | -moz-appearance: none; | |
− | + | -webkit-appearance: none; | |
− | + | -ms-appearance: none; | |
− | + | appearance: none; | |
− | + | display: block; | |
− | + | float: left; | |
− | + | margin-right: -2rem; | |
− | + | opacity: 0; | |
− | + | width: 1rem; | |
− | + | z-index: -1; } | |
− | + | input[type="checkbox"] + label, | |
− | + | input[type="radio"] + label { | |
− | + | text-decoration: none; | |
− | + | cursor: pointer; | |
− | + | display: inline-block; | |
− | + | font-size: 1rem; | |
− | + | font-weight: 400; | |
− | + | padding-left: 2.825rem; | |
− | + | padding-right: 0.875rem; | |
− | + | position: relative; } | |
− | + | input[type="checkbox"] + label:before, | |
− | + | input[type="radio"] + label:before { | |
− | + | -moz-osx-font-smoothing: grayscale; | |
− | + | -webkit-font-smoothing: antialiased; | |
− | + | font-family: FontAwesome; | |
− | + | font-style: normal; | |
− | + | font-weight: normal; | |
− | + | text-transform: none !important; } | |
− | + | input[type="checkbox"] + label:before, | |
− | + | input[type="radio"] + label:before { | |
− | + | border-radius: 4px; | |
− | + | border: solid 1px; | |
− | + | content: ''; | |
− | + | display: inline-block; | |
− | + | height: 1.95rem; | |
− | + | left: 0; | |
− | + | line-height: 1.86875rem; | |
− | + | position: absolute; | |
− | + | text-align: center; | |
− | + | top: -0.1625rem; | |
− | + | width: 1.95rem; } | |
− | + | input[type="checkbox"]:checked + label:before, | |
− | + | input[type="radio"]:checked + label:before { | |
− | + | content: '\f00c'; } | |
− | input[type="checkbox"] + label:before { | + | input[type="checkbox"] + label:before { |
− | + | border-radius: 4px; } | |
− | input[type="radio"] + label:before { | + | input[type="radio"] + label:before { |
− | + | border-radius: 100%; } | |
− | ::-webkit-input-placeholder { | + | ::-webkit-input-placeholder { |
− | + | opacity: 1.0; } | |
− | :-moz-placeholder { | + | :-moz-placeholder { |
− | + | opacity: 1.0; } | |
− | ::-moz-placeholder { | + | ::-moz-placeholder { |
− | + | opacity: 1.0; } | |
− | :-ms-input-placeholder { | + | :-ms-input-placeholder { |
− | + | opacity: 1.0; } | |
− | label { | + | label { |
− | + | color: #555555; } | |
− | input[type="text"], | + | input[type="text"], |
− | input[type="password"], | + | input[type="password"], |
− | input[type="email"], | + | input[type="email"], |
− | input[type="tel"], | + | input[type="tel"], |
− | input[type="search"], | + | input[type="search"], |
− | input[type="url"], | + | input[type="url"], |
− | select, | + | select, |
− | textarea { | + | textarea { |
− | + | background-color: rgba(0, 0, 0, 0.075); | |
− | + | border-color: rgba(0, 0, 0, 0.25); } | |
− | + | input[type="text"]:focus, | |
− | + | input[type="password"]:focus, | |
− | + | input[type="email"]:focus, | |
− | + | input[type="tel"]:focus, | |
− | + | input[type="search"]:focus, | |
− | + | input[type="url"]:focus, | |
− | + | select:focus, | |
− | + | textarea:focus { | |
− | + | border-color: #B3DC77; | |
− | + | box-shadow: 0 0 0 1px #B3DC77; } | |
− | select { | + | select { |
− | + | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.25)' /%3E%3C/svg%3E"); } | |
− | + | select option { | |
− | + | color: #444444; | |
− | + | background-color: #ffffff; } | |
− | input[type="checkbox"] + label, | + | input[type="checkbox"] + label, |
− | input[type="radio"] + label { | + | input[type="radio"] + label { |
− | + | color: #444444; } | |
− | + | input[type="checkbox"] + label:before, | |
− | + | input[type="radio"] + label:before { | |
− | + | background: rgba(0, 0, 0, 0.075); | |
− | + | border-color: rgba(0, 0, 0, 0.25); } | |
− | input[type="checkbox"]:checked + label:before, | + | input[type="checkbox"]:checked + label:before, |
− | input[type="radio"]:checked + label:before { | + | input[type="radio"]:checked + label:before { |
− | + | background-color: #B3DC77; | |
− | + | border-color: #B3DC77; | |
− | + | color: #ffffff; } | |
− | input[type="checkbox"]:focus + label:before, | + | input[type="checkbox"]:focus + label:before, |
− | input[type="radio"]:focus + label:before { | + | input[type="radio"]:focus + label:before { |
− | + | border-color: #B3DC77; | |
− | + | box-shadow: 0 0 0 1px #B3DC77; } | |
− | ::-webkit-input-placeholder { | + | ::-webkit-input-placeholder { |
− | + | color: #bbbbbb !important; } | |
− | :-moz-placeholder { | + | :-moz-placeholder { |
− | + | color: #bbbbbb !important; } | |
− | ::-moz-placeholder { | + | ::-moz-placeholder { |
− | + | color: #bbbbbb !important; } | |
− | :-ms-input-placeholder { | + | :-ms-input-placeholder { |
− | + | color: #bbbbbb !important; } | |
− | /* List */ | + | /* List */ |
− | ol { | + | ol { |
− | + | list-style: decimal; | |
− | + | margin: 0 0 2rem 0; | |
− | + | padding-left: 1.25rem; } | |
− | + | ol li { | |
− | + | padding-left: 0.25rem; } | |
− | ul { | + | ul { |
− | + | list-style: disc; | |
− | + | margin: 0 0 2rem 0; | |
− | + | padding-left: 1rem; } | |
− | + | ul li { | |
− | + | padding-left: 0.325rem; } | |
− | + | ul.plain { | |
− | + | list-style: none; | |
− | + | padding-left: 0; } | |
− | + | ul.plain li { | |
− | + | margin-bottom: 1rem; } | |
− | + | ul.plain li .icon { | |
− | + | border-radius: 4px; | |
− | + | color: #ffffff; | |
− | + | display: inline-block; | |
− | + | margin-right: 1rem; | |
− | + | text-align: center; | |
− | + | width: 2rem; | |
− | + | height: 2rem; | |
− | + | line-height: 2rem; | |
− | + | background: rgba(0, 0, 0, 0.5); } | |
− | + | ul.alt { | |
− | + | list-style: none; | |
− | + | padding-left: 0; } | |
− | + | ul.alt li { | |
− | + | border-top: solid 1px; | |
− | + | } | |
− | + | ul.alt li:first-child { | |
− | + | border-top: 0; | |
− | + | padding-top: 0; } | |
− | + | ul.alt li:last-child { | |
− | + | padding-bottom: 0; } | |
− | dl { | + | dl { |
− | + | margin: 0 0 2rem 0; } | |
− | + | dl dt { | |
− | + | display: block; | |
− | + | font-weight: 600; | |
− | + | margin: 0 0 1rem 0; } | |
− | + | dl dd { | |
− | + | margin-left: 1.5rem; } | |
− | ul.alt li { | + | ul.alt li { |
− | + | border-top-color: rgba(0, 0, 0, 0.25); } | |
− | /* Table */ | + | /* Table */ |
− | .table-wrapper { | + | .table-wrapper { |
− | + | -webkit-overflow-scrolling: touch; | |
− | + | overflow-x: auto; } | |
− | table { | + | table { |
− | + | margin: 0 0 2rem 0; | |
− | + | width: 100%; } | |
− | + | table tbody tr { | |
− | + | border: solid 1px; | |
− | + | border-left: 0; | |
− | + | border-right: 0; } | |
− | + | table td { | |
− | + | padding: 0.75rem 0.75rem; } | |
− | + | table th { | |
− | + | font-size: 0.9rem; | |
− | + | font-weight: 600; | |
− | + | padding: 0 0.75rem 0.75rem 0.75rem; | |
− | + | text-align: left; } | |
− | + | table thead { | |
− | + | border-bottom: solid 2px; } | |
− | + | table tfoot { | |
− | + | border-top: solid 2px; } | |
− | + | table.alt { | |
− | + | border-collapse: separate; } | |
− | + | table.alt tbody tr td { | |
− | + | border: solid 1px; | |
− | + | border-left-width: 0; | |
− | + | border-top-width: 0; } | |
− | + | table.alt tbody tr td:first-child { | |
− | + | border-left-width: 1px; } | |
− | + | table.alt tbody tr:first-child td { | |
− | + | border-top-width: 1px; } | |
− | + | table.alt thead { | |
− | + | border-bottom: 0; } | |
− | + | table.alt tfoot { | |
− | + | border-top: 0; } | |
− | table tbody tr { | + | table tbody tr { |
− | + | border-color: rgba(0, 0, 0, 0.25); } | |
− | + | table tbody tr:nth-child(2n + 1) { | |
− | + | background-color: rgba(0, 0, 0, 0.075); } | |
− | table th { | + | table th { |
− | + | color: #555555; } | |
− | table thead { | + | table thead { |
− | + | border-bottom-color: rgba(0, 0, 0, 0.25); } | |
− | table tfoot { | + | table tfoot { |
− | + | border-top-color: rgba(0, 0, 0, 0.25); } | |
− | table.alt tbody tr td { | + | table.alt tbody tr td { |
− | + | border-color: rgba(0, 0, 0, 0.25); } | |
− | /* Highlights */ | + | /* Highlights */ |
− | .highlights { | + | .highlights { |
− | + | width: 100%; | |
− | + | margin: 2.5rem 0; | |
− | + | display: -moz-flex; | |
− | + | display: -webkit-flex; | |
− | + | display: -ms-flex; | |
− | + | display: flex; | |
− | + | -moz-flex-wrap: wrap; | |
− | + | -webkit-flex-wrap: wrap; | |
− | + | -ms-flex-wrap: wrap; | |
− | + | flex-wrap: wrap; | |
− | + | -moz-align-items: -moz-stretch; | |
− | + | -webkit-align-items: -webkit-stretch; | |
− | + | -ms-align-items: -ms-stretch; | |
− | + | align-items: stretch; } | |
− | + | .highlights > * { | |
− | + | -moz-flex-shrink: 1; | |
− | + | -webkit-flex-shrink: 1; | |
− | + | -ms-flex-shrink: 1; | |
− | + | flex-shrink: 1; | |
− | + | -moz-flex-grow: 0; | |
− | + | -webkit-flex-grow: 0; | |
− | + | -ms-flex-grow: 0; | |
− | + | flex-grow: 0; } | |
− | + | .highlights > * { | |
− | + | width: 33.3333333333%; } | |
− | + | .highlights > * { | |
− | + | padding: 1.5rem; | |
− | + | width: calc(33.3333333333% + 1rem); } | |
− | + | .highlights > :nth-child(-n + 3) { | |
− | + | padding-top: 0; } | |
− | + | .highlights > :nth-last-child(-n + 3) { | |
− | + | padding-bottom: 0; } | |
− | + | .highlights > :nth-child(3n + 1) { | |
− | + | padding-left: 0; } | |
− | + | .highlights > :nth-child(3n) { | |
− | + | padding-right: 0; } | |
− | + | .highlights > :nth-child(3n + 1), | |
− | + | .highlights > :nth-child(3n) { | |
− | + | width: calc(33.3333333333% + -0.5rem); } | |
− | + | .highlights .content { | |
− | + | border-radius: 4px !important; | |
− | + | height: 100% !important; | |
− | + | padding: 3rem !important; | |
− | + | text-align: center; } | |
− | + | .highlights .content .icon { | |
− | + | font-size: 5rem; } | |
− | + | .highlights > div > :last-child { | |
− | + | margin-bottom: 0; } | |
− | + | @media screen and (max-width: 980px) { | |
− | + | .highlights > * { | |
− | + | width: 50%; } | |
− | + | .highlights > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(33.3333333333% + 0.6666666667rem); } | |
− | + | .highlights > :nth-child(-n + 3) { | |
− | + | padding-top: 1rem; } | |
− | + | .highlights > :nth-last-child(-n + 3) { | |
− | + | padding-bottom: 1rem; } | |
− | + | .highlights > :nth-child(3n + 1) { | |
− | + | padding-left: 1rem; } | |
− | + | .highlights > :nth-child(3n) { | |
− | + | padding-right: 1rem; } | |
− | + | .highlights > :nth-child(3n + 1), | |
− | + | .highlights > :nth-child(3n) { | |
− | + | padding: 1rem; | |
− | + | width: calc(50% + 1rem); } | |
− | + | .highlights > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(50% + 1rem); } | |
− | + | .highlights > :nth-child(-n + 2) { | |
− | + | padding-top: 0; } | |
− | + | .highlights > :nth-last-child(-n + 2) { | |
− | + | padding-bottom: 0; } | |
− | + | .highlights > :nth-child(2n + 1) { | |
− | + | padding-left: 0; } | |
− | + | .highlights > :nth-child(2n) { | |
− | + | padding-right: 0; } | |
− | + | .highlights > :nth-child(2n + 1), | |
− | + | .highlights > :nth-child(2n) { | |
− | + | width: calc(50% + 0rem); } | |
− | + | .highlights .content { | |
− | + | padding: 2rem; } } | |
− | + | @media screen and (max-width: 736px) { | |
− | + | .highlights > * { | |
− | + | width: 100%; } | |
− | + | .highlights > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(33.3333333333% + 0.6666666667rem); } | |
− | + | .highlights > :nth-child(-n + 3) { | |
− | + | padding-top: 1rem; } | |
− | + | .highlights > :nth-last-child(-n + 3) { | |
− | + | padding-bottom: 1rem; } | |
− | + | .highlights > :nth-child(3n + 1) { | |
− | + | padding-left: 1rem; } | |
− | + | .highlights > :nth-child(3n) { | |
− | + | padding-right: 1rem; } | |
− | + | .highlights > :nth-child(3n + 1), | |
− | + | .highlights > :nth-child(3n) { | |
− | + | padding: 1rem; | |
− | + | width: calc(100% + 2rem); } | |
− | + | .highlights > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(50% + 1rem); } | |
− | + | .highlights > :nth-child(-n + 2) { | |
− | + | padding-top: 1rem; } | |
− | + | .highlights > :nth-last-child(-n + 2) { | |
− | + | padding-bottom: 1rem; } | |
− | + | .highlights > :nth-child(2n + 1) { | |
− | + | padding-left: 1rem; } | |
− | + | .highlights > :nth-child(2n) { | |
− | + | padding-right: 1rem; } | |
− | + | .highlights > :nth-child(2n + 1), | |
− | + | .highlights > :nth-child(2n) { | |
− | + | padding: 1rem; | |
− | + | width: calc(100% + 2rem); } | |
− | + | .highlights > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(100% + 2rem); } | |
− | + | .highlights > :nth-child(-n + 1) { | |
− | + | padding-top: 0; } | |
− | + | .highlights > :nth-last-child(-n + 1) { | |
− | + | padding-bottom: 0; } | |
− | + | .highlights > :nth-child(1n + 1) { | |
− | + | padding-left: 0; } | |
− | + | .highlights > :nth-child(1n) { | |
− | + | padding-right: 0; } | |
− | + | .highlights > :nth-child(1n + 1), | |
− | + | .highlights > :nth-child(1n) { | |
− | + | width: calc(100% + 1rem); } } | |
− | .highlights .content { | + | .highlights .content { |
− | + | background: #ffffff; | |
− | + | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); } | |
− | /* Testimonials */ | + | /* Testimonials */ |
− | .testimonials { | + | .testimonials { |
− | + | margin: 2.5rem 0; | |
− | + | width: 100%; | |
− | + | display: -moz-flex; | |
− | + | display: -webkit-flex; | |
− | + | display: -ms-flex; | |
− | + | display: flex; | |
− | + | -moz-flex-wrap: wrap; | |
− | + | -webkit-flex-wrap: wrap; | |
− | + | -ms-flex-wrap: wrap; | |
− | + | flex-wrap: wrap; | |
− | + | -moz-align-items: -moz-stretch; | |
− | + | -webkit-align-items: -webkit-stretch; | |
− | + | -ms-align-items: -ms-stretch; | |
− | + | align-items: stretch; } | |
− | + | .testimonials > * { | |
− | + | -moz-flex-shrink: 1; | |
− | + | -webkit-flex-shrink: 1; | |
− | + | -ms-flex-shrink: 1; | |
− | + | flex-shrink: 1; | |
− | + | -moz-flex-grow: 0; | |
− | + | -webkit-flex-grow: 0; | |
− | + | -ms-flex-grow: 0; | |
− | + | flex-grow: 0; } | |
− | + | .testimonials > * { | |
− | + | width: 33.3333333333%; } | |
− | + | .testimonials > * { | |
− | + | padding: 1.5rem; | |
− | + | width: calc(33.3333333333% + 1rem); } | |
− | + | .testimonials > :nth-child(-n + 3) { | |
− | + | padding-top: 0; } | |
− | + | .testimonials > :nth-last-child(-n + 3) { | |
− | + | padding-bottom: 0; } | |
− | + | .testimonials > :nth-child(3n + 1) { | |
− | + | padding-left: 0; } | |
− | + | .testimonials > :nth-child(3n) { | |
− | + | padding-right: 0; } | |
− | + | .testimonials > :nth-child(3n + 1), | |
− | + | .testimonials > :nth-child(3n) { | |
− | + | width: calc(33.3333333333% + -0.5rem); } | |
− | + | .testimonials .content { | |
− | + | border-radius: 4px; | |
− | + | height: 100%; | |
− | + | padding: 3rem; } | |
− | + | .testimonials .content .author { | |
− | + | display: -moz-flex; | |
− | + | display: -webkit-flex; | |
− | + | display: -ms-flex; | |
− | + | display: flex; | |
− | + | -moz-align-items: center; | |
− | + | -webkit-align-items: center; | |
− | + | -ms-align-items: center; | |
− | + | align-items: center; } | |
− | + | .testimonials .content .author blockquote { | |
− | + | margin: 0; } | |
− | + | .testimonials .content .author .image { | |
− | + | margin-right: 2rem; | |
− | + | width: 20%; } | |
− | + | .testimonials .content .author .image img { | |
− | + | border-radius: 100%; | |
− | + | max-width: 100%; } | |
− | + | .testimonials .content .credit { | |
− | + | font-size: 0.75rem; } | |
− | + | .testimonials .content p:last-child { | |
− | + | margin: 0; } | |
− | + | .testimonials > div > :last-child { | |
− | + | margin-bottom: 0; } | |
− | + | @media screen and (max-width: 980px) { | |
− | + | .testimonials > * { | |
− | + | width: 50%; } | |
− | + | .testimonials > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(33.3333333333% + 0.6666666667rem); } | |
− | + | .testimonials > :nth-child(-n + 3) { | |
− | + | padding-top: 1rem; } | |
− | + | .testimonials > :nth-last-child(-n + 3) { | |
− | + | padding-bottom: 1rem; } | |
− | + | .testimonials > :nth-child(3n + 1) { | |
− | + | padding-left: 1rem; } | |
− | + | .testimonials > :nth-child(3n) { | |
− | + | padding-right: 1rem; } | |
− | + | .testimonials > :nth-child(3n + 1), | |
− | + | .testimonials > :nth-child(3n) { | |
− | + | padding: 1rem; | |
− | + | width: calc(50% + 1rem); } | |
− | + | .testimonials > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(50% + 1rem); } | |
− | + | .testimonials > :nth-child(-n + 2) { | |
− | + | padding-top: 0; } | |
− | + | .testimonials > :nth-last-child(-n + 2) { | |
− | + | padding-bottom: 0; } | |
− | + | .testimonials > :nth-child(2n + 1) { | |
− | + | padding-left: 0; } | |
− | + | .testimonials > :nth-child(2n) { | |
− | + | padding-right: 0; } | |
− | + | .testimonials > :nth-child(2n + 1), | |
− | + | .testimonials > :nth-child(2n) { | |
− | + | width: calc(50% + 0rem); } | |
− | + | .testimonials .content { | |
− | + | padding: 2rem; } } | |
− | + | @media screen and (max-width: 736px) { | |
− | + | .testimonials > * { | |
− | + | width: 100%; } | |
− | + | .testimonials > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(33.3333333333% + 0.6666666667rem); } | |
− | + | .testimonials > :nth-child(-n + 3) { | |
− | + | padding-top: 1rem; } | |
− | + | .testimonials > :nth-last-child(-n + 3) { | |
− | + | padding-bottom: 1rem; } | |
− | + | .testimonials > :nth-child(3n + 1) { | |
− | + | padding-left: 1rem; } | |
− | + | .testimonials > :nth-child(3n) { | |
− | + | padding-right: 1rem; } | |
− | + | .testimonials > :nth-child(3n + 1), | |
− | + | .testimonials > :nth-child(3n) { | |
− | + | padding: 1rem; | |
− | + | width: calc(100% + 2rem); } | |
− | + | .testimonials > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(50% + 1rem); } | |
− | + | .testimonials > :nth-child(-n + 2) { | |
− | + | padding-top: 1rem; } | |
− | + | .testimonials > :nth-last-child(-n + 2) { | |
− | + | padding-bottom: 1rem; } | |
− | + | .testimonials > :nth-child(2n + 1) { | |
− | + | padding-left: 1rem; } | |
− | + | .testimonials > :nth-child(2n) { | |
− | + | padding-right: 1rem; } | |
− | + | .testimonials > :nth-child(2n + 1), | |
− | + | .testimonials > :nth-child(2n) { | |
− | + | padding: 1rem; | |
− | + | width: calc(100% + 2rem); } | |
− | + | .testimonials > * { | |
− | + | padding: 1rem; | |
− | + | width: calc(100% + 2rem); } | |
− | + | .testimonials > :nth-child(-n + 1) { | |
− | + | padding-top: 0; } | |
− | + | .testimonials > :nth-last-child(-n + 1) { | |
− | + | padding-bottom: 0; } | |
− | + | .testimonials > :nth-child(1n + 1) { | |
− | + | padding-left: 0; } | |
− | + | .testimonials > :nth-child(1n) { | |
− | + | padding-right: 0; } | |
− | + | .testimonials > :nth-child(1n + 1), | |
− | + | .testimonials > :nth-child(1n) { | |
− | + | width: calc(100% + 1rem); } } | |
+ | |||
+ | .testimonials .content { | ||
+ | background: #ffffff; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); } | ||
+ | .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | |||
+ | /* Actions */ | ||
+ | ul.actions { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | margin-left: -1rem; | ||
+ | padding-left: 0; } | ||
+ | ul.actions li { | ||
+ | padding: 0 0 0 1rem; | ||
+ | vertical-align: middle; } | ||
+ | ul.actions.special { | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | width: calc(100% + 1rem); } | ||
+ | ul.actions.stacked { | ||
+ | -moz-flex-direction: column; | ||
+ | -webkit-flex-direction: column; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | margin-left: 0; } | ||
+ | ul.actions.stacked li { | ||
+ | padding: 1.3rem 0 0 0; } | ||
+ | ul.actions.stacked li:first-child { | ||
+ | padding-top: 0; } | ||
+ | ul.actions.fit { | ||
+ | width: calc(100% + 1rem); } | ||
+ | ul.actions.fit li { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | width: 100%; } | ||
+ | ul.actions.fit li > * { | ||
+ | width: 100%; } | ||
+ | ul.actions.fit.stacked { | ||
+ | width: 100%; } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | ul.actions:not(.fixed) { | ||
+ | -moz-flex-direction: column; | ||
+ | -webkit-flex-direction: column; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | margin-left: 0; | ||
+ | width: 100% !important; } | ||
+ | ul.actions:not(.fixed) li { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | padding: 1rem 0 0 0; | ||
+ | text-align: center; | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li > * { | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li:first-child { | ||
+ | padding-top: 0; } | ||
+ | ul.actions:not(.fixed) li input[type="submit"], | ||
+ | ul.actions:not(.fixed) li input[type="reset"], | ||
+ | ul.actions:not(.fixed) li input[type="button"], | ||
+ | ul.actions:not(.fixed) li button, | ||
+ | ul.actions:not(.fixed) li .button { | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li input[type="submit"].icon:before, | ||
+ | ul.actions:not(.fixed) li input[type="reset"].icon:before, | ||
+ | ul.actions:not(.fixed) li input[type="button"].icon:before, | ||
+ | ul.actions:not(.fixed) li button.icon:before, | ||
+ | ul.actions:not(.fixed) li .button.icon:before { | ||
+ | margin-left: -0.5rem; } } | ||
− | . | + | /* Grid */ |
− | + | .row { | |
− | + | display: flex; | |
− | + | flex-wrap: wrap; | |
− | + | box-sizing: border-box; } | |
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
− | + | .row > .imp { | |
− | + | order: -1; } | |
− | + | .row > .col-1 { | |
− | + | width: 8.3333333333%; } | |
− | + | .row > .off-1 { | |
− | + | margin-left: 8.3333333333%; } | |
− | + | .row > .col-2 { | |
− | + | width: 16.6666666667%; } | |
− | + | .row > .off-2 { | |
− | + | margin-left: 16.6666666667%; } | |
− | + | .row > .col-3 { | |
− | + | width: 25%; } | |
− | + | .row > .off-3 { | |
− | + | margin-left: 25%; } | |
− | + | .row > .col-4 { | |
− | + | width: 33.3333333333%; } | |
− | + | .row > .off-4 { | |
− | + | margin-left: 33.3333333333%; } | |
− | + | .row > .col-5 { | |
− | + | width: 41.6666666667%; } | |
− | + | .row > .off-5 { | |
− | + | margin-left: 41.6666666667%; } | |
− | + | .row > .col-6 { | |
− | + | width: 50%; } | |
− | + | .row > .off-6 { | |
− | + | margin-left: 50%; } | |
− | + | .row > .col-7 { | |
− | + | width: 58.3333333333%; } | |
− | + | .row > .off-7 { | |
− | + | margin-left: 58.3333333333%; } | |
− | + | .row > .col-8 { | |
− | + | width: 66.6666666667%; } | |
− | + | .row > .off-8 { | |
− | + | margin-left: 66.6666666667%; } | |
− | + | .row > .col-9 { | |
− | + | width: 75%; } | |
− | + | .row > .off-9 { | |
− | + | margin-left: 75%; } | |
− | + | .row > .col-10 { | |
− | + | width: 83.3333333333%; } | |
− | + | .row > .off-10 { | |
− | + | margin-left: 83.3333333333%; } | |
− | + | .row > .col-11 { | |
− | + | width: 91.6666666667%; } | |
− | + | .row > .off-11 { | |
− | + | margin-left: 91.6666666667%; } | |
− | + | .row > .col-12 { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | - | + | |
− | + | ||
− | + | ||
− | + | ||
− | - | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width: 100%; } | width: 100%; } | ||
− | + | .row > .off-12 { | |
− | padding-top: 0; } | + | margin-left: 100%; } |
− | + | .row.gtr-0 { | |
− | + | margin-top: 0; | |
− | + | margin-left: 0rem; } | |
− | + | .row.gtr-0 > * { | |
− | + | padding: 0 0 0 0rem; } | |
− | + | .row.gtr-0.gtr-uniform { | |
− | + | margin-top: 0rem; } | |
− | + | .row.gtr-0.gtr-uniform > * { | |
− | + | padding-top: 0rem; } | |
− | + | .row.gtr-25 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -0.75rem; } | |
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 3rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -4.5rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 4.5rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -6rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 6rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -6rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 6rem; } | ||
− | + | @media screen and (max-width: 1680px) { | |
− | .row { | + | .row { |
− | + | display: flex; | |
− | + | flex-wrap: wrap; | |
− | + | box-sizing: border-box; } | |
− | + | .row > * { | |
− | + | box-sizing: border-box; } | |
− | + | .row.gtr-uniform > * > :last-child { | |
− | + | margin-bottom: 0; } | |
− | .row > .imp { | + | .row > .imp-xlarge { |
− | + | order: -1; } | |
− | .row > .col-1 { | + | .row > .col-1-xlarge { |
− | + | width: 8.3333333333%; } | |
− | .row > .off-1 { | + | .row > .off-1-xlarge { |
− | + | margin-left: 8.3333333333%; } | |
− | .row > .col-2 { | + | .row > .col-2-xlarge { |
− | + | width: 16.6666666667%; } | |
− | .row > .off-2 { | + | .row > .off-2-xlarge { |
− | + | margin-left: 16.6666666667%; } | |
− | .row > .col-3 { | + | .row > .col-3-xlarge { |
− | + | width: 25%; } | |
− | .row > .off-3 { | + | .row > .off-3-xlarge { |
− | + | margin-left: 25%; } | |
− | .row > .col-4 { | + | .row > .col-4-xlarge { |
− | + | width: 33.3333333333%; } | |
− | .row > .off-4 { | + | .row > .off-4-xlarge { |
− | + | margin-left: 33.3333333333%; } | |
− | .row > .col-5 { | + | .row > .col-5-xlarge { |
− | + | width: 41.6666666667%; } | |
− | .row > .off-5 { | + | .row > .off-5-xlarge { |
− | + | margin-left: 41.6666666667%; } | |
− | .row > .col-6 { | + | .row > .col-6-xlarge { |
− | + | width: 50%; } | |
− | .row > .off-6 { | + | .row > .off-6-xlarge { |
− | + | margin-left: 50%; } | |
− | .row > .col-7 { | + | .row > .col-7-xlarge { |
− | + | width: 58.3333333333%; } | |
− | .row > .off-7 { | + | .row > .off-7-xlarge { |
− | + | margin-left: 58.3333333333%; } | |
− | .row > .col-8 { | + | .row > .col-8-xlarge { |
− | + | width: 66.6666666667%; } | |
− | .row > .off-8 { | + | .row > .off-8-xlarge { |
− | + | margin-left: 66.6666666667%; } | |
− | .row > .col-9 { | + | .row > .col-9-xlarge { |
− | + | width: 75%; } | |
− | .row > .off-9 { | + | .row > .off-9-xlarge { |
− | + | margin-left: 75%; } | |
− | .row > .col-10 { | + | .row > .col-10-xlarge { |
− | + | width: 83.3333333333%; } | |
− | .row > .off-10 { | + | .row > .off-10-xlarge { |
− | + | margin-left: 83.3333333333%; } | |
− | .row > .col-11 { | + | .row > .col-11-xlarge { |
− | + | width: 91.6666666667%; } | |
− | .row > .off-11 { | + | .row > .off-11-xlarge { |
− | + | margin-left: 91.6666666667%; } | |
− | .row > .col-12 { | + | .row > .col-12-xlarge { |
− | + | width: 100%; } | |
− | .row > .off-12 { | + | .row > .off-12-xlarge { |
− | + | margin-left: 100%; } | |
− | .row.gtr-0 { | + | .row.gtr-0 { |
− | + | margin-top: 0; | |
− | + | margin-left: 0rem; } | |
− | + | .row.gtr-0 > * { | |
− | + | padding: 0 0 0 0rem; } | |
− | + | .row.gtr-0.gtr-uniform { | |
− | + | margin-top: 0rem; } | |
− | + | .row.gtr-0.gtr-uniform > * { | |
− | + | padding-top: 0rem; } | |
− | .row.gtr-25 { | + | .row.gtr-25 { |
− | + | margin-top: 0; | |
− | + | margin-left: -0.75rem; } | |
− | + | .row.gtr-25 > * { | |
− | + | padding: 0 0 0 0.75rem; } | |
− | + | .row.gtr-25.gtr-uniform { | |
− | + | margin-top: -0.75rem; } | |
− | + | .row.gtr-25.gtr-uniform > * { | |
− | + | padding-top: 0.75rem; } | |
− | .row.gtr-50 { | + | .row.gtr-50 { |
− | + | margin-top: 0; | |
− | + | margin-left: -1.5rem; } | |
− | + | .row.gtr-50 > * { | |
− | + | padding: 0 0 0 1.5rem; } | |
− | + | .row.gtr-50.gtr-uniform { | |
− | + | margin-top: -1.5rem; } | |
− | + | .row.gtr-50.gtr-uniform > * { | |
− | + | padding-top: 1.5rem; } | |
− | .row { | + | .row { |
− | + | margin-top: 0; | |
− | + | margin-left: -3rem; } | |
− | + | .row > * { | |
− | + | padding: 0 0 0 3rem; } | |
− | + | .row.gtr-uniform { | |
− | + | margin-top: -3rem; } | |
− | + | .row.gtr-uniform > * { | |
− | + | padding-top: 3rem; } | |
− | .row.gtr-150 { | + | .row.gtr-150 { |
− | + | margin-top: 0; | |
− | + | margin-left: -4.5rem; } | |
− | + | .row.gtr-150 > * { | |
− | + | padding: 0 0 0 4.5rem; } | |
− | + | .row.gtr-150.gtr-uniform { | |
− | + | margin-top: -4.5rem; } | |
− | + | .row.gtr-150.gtr-uniform > * { | |
− | + | padding-top: 4.5rem; } | |
− | .row.gtr-200 { | + | .row.gtr-200 { |
− | + | margin-top: 0; | |
− | + | margin-left: -6rem; } | |
− | + | .row.gtr-200 > * { | |
− | + | padding: 0 0 0 6rem; } | |
− | + | .row.gtr-200.gtr-uniform { | |
− | + | margin-top: -6rem; } | |
− | + | .row.gtr-200.gtr-uniform > * { | |
− | + | padding-top: 6rem; } } | |
+ | @media screen and (max-width: 1280px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
− | @media screen and (max-width: | + | .row > .imp-large { |
− | + | order: -1; } | |
− | + | .row > .col-1-large { | |
− | + | width: 8.3333333333%; } | |
− | + | .row > .off-1-large { | |
− | + | margin-left: 8.3333333333%; } | |
− | + | .row > .col-2-large { | |
− | + | width: 16.6666666667%; } | |
− | + | .row > .off-2-large { | |
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-large { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-large { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-large { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-large { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-large { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-large { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-large { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-large { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-large { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-large { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-large { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-large { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-large { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-large { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-large { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-large { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-large { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-large { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-large { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-large { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.375rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.375rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.25rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 2.25rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 3rem; } } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
− | + | .row > .imp-medium { | |
− | + | order: -1; } | |
− | + | .row > .col-1-medium { | |
− | + | width: 8.3333333333%; } | |
− | + | .row > .off-1-medium { | |
− | + | margin-left: 8.3333333333%; } | |
− | + | .row > .col-2-medium { | |
− | + | width: 16.6666666667%; } | |
− | + | .row > .off-2-medium { | |
− | + | margin-left: 16.6666666667%; } | |
− | + | .row > .col-3-medium { | |
− | + | width: 25%; } | |
− | + | .row > .off-3-medium { | |
− | + | margin-left: 25%; } | |
− | + | .row > .col-4-medium { | |
− | + | width: 33.3333333333%; } | |
− | + | .row > .off-4-medium { | |
− | + | margin-left: 33.3333333333%; } | |
− | + | .row > .col-5-medium { | |
− | + | width: 41.6666666667%; } | |
− | + | .row > .off-5-medium { | |
− | + | margin-left: 41.6666666667%; } | |
− | + | .row > .col-6-medium { | |
− | + | width: 50%; } | |
− | + | .row > .off-6-medium { | |
− | + | margin-left: 50%; } | |
− | + | .row > .col-7-medium { | |
− | + | width: 58.3333333333%; } | |
− | + | .row > .off-7-medium { | |
− | + | margin-left: 58.3333333333%; } | |
− | + | .row > .col-8-medium { | |
− | + | width: 66.6666666667%; } | |
− | + | .row > .off-8-medium { | |
− | + | margin-left: 66.6666666667%; } | |
− | + | .row > .col-9-medium { | |
− | + | width: 75%; } | |
− | + | .row > .off-9-medium { | |
− | + | margin-left: 75%; } | |
− | + | .row > .col-10-medium { | |
− | + | width: 83.3333333333%; } | |
− | + | .row > .off-10-medium { | |
− | + | margin-left: 83.3333333333%; } | |
− | + | .row > .col-11-medium { | |
− | + | width: 91.6666666667%; } | |
− | + | .row > .off-11-medium { | |
− | + | margin-left: 91.6666666667%; } | |
− | + | .row > .col-12-medium { | |
− | + | width: 100%; } | |
− | + | .row > .off-12-medium { | |
− | + | margin-left: 100%; } | |
− | + | .row.gtr-0 { | |
− | + | margin-top: 0; | |
− | + | margin-left: 0rem; } | |
− | + | .row.gtr-0 > * { | |
− | + | padding: 0 0 0 0rem; } | |
− | + | .row.gtr-0.gtr-uniform { | |
− | + | margin-top: 0rem; } | |
− | + | .row.gtr-0.gtr-uniform > * { | |
− | + | padding-top: 0rem; } | |
− | + | .row.gtr-25 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -0.375rem; } | |
− | + | .row.gtr-25 > * { | |
− | + | padding: 0 0 0 0.375rem; } | |
− | + | .row.gtr-25.gtr-uniform { | |
− | + | margin-top: -0.375rem; } | |
− | + | .row.gtr-25.gtr-uniform > * { | |
− | + | padding-top: 0.375rem; } | |
− | + | .row.gtr-50 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -0.75rem; } | |
− | + | .row.gtr-50 > * { | |
− | + | padding: 0 0 0 0.75rem; } | |
− | + | .row.gtr-50.gtr-uniform { | |
− | + | margin-top: -0.75rem; } | |
− | + | .row.gtr-50.gtr-uniform > * { | |
− | + | padding-top: 0.75rem; } | |
− | + | .row { | |
− | + | margin-top: 0; | |
− | + | margin-left: -1.5rem; } | |
− | + | .row > * { | |
− | + | padding: 0 0 0 1.5rem; } | |
− | + | .row.gtr-uniform { | |
− | + | margin-top: -1.5rem; } | |
− | + | .row.gtr-uniform > * { | |
− | + | padding-top: 1.5rem; } | |
− | + | .row.gtr-150 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -2.25rem; } | |
− | + | .row.gtr-150 > * { | |
− | + | padding: 0 0 0 2.25rem; } | |
− | + | .row.gtr-150.gtr-uniform { | |
− | + | margin-top: -2.25rem; } | |
− | + | .row.gtr-150.gtr-uniform > * { | |
− | + | padding-top: 2.25rem; } | |
− | + | .row.gtr-200 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -3rem; } | |
− | + | .row.gtr-200 > * { | |
− | + | padding: 0 0 0 3rem; } | |
− | + | .row.gtr-200.gtr-uniform { | |
− | + | margin-top: -3rem; } | |
− | + | .row.gtr-200.gtr-uniform > * { | |
− | + | padding-top: 3rem; } } | |
− | @media screen and (max-width: | + | @media screen and (max-width: 736px) { |
− | + | .row { | |
− | + | display: flex; | |
− | + | flex-wrap: wrap; | |
− | + | box-sizing: border-box; } | |
− | + | .row > * { | |
− | + | box-sizing: border-box; } | |
− | + | .row.gtr-uniform > * > :last-child { | |
− | + | margin-bottom: 0; } | |
− | + | .row > .imp-small { | |
− | + | order: -1; } | |
− | + | .row > .col-1-small { | |
− | + | width: 8.3333333333%; } | |
− | + | .row > .off-1-small { | |
− | + | margin-left: 8.3333333333%; } | |
− | + | .row > .col-2-small { | |
− | + | width: 16.6666666667%; } | |
− | + | .row > .off-2-small { | |
− | + | margin-left: 16.6666666667%; } | |
− | + | .row > .col-3-small { | |
− | + | width: 25%; } | |
− | + | .row > .off-3-small { | |
− | + | margin-left: 25%; } | |
− | + | .row > .col-4-small { | |
− | + | width: 33.3333333333%; } | |
− | + | .row > .off-4-small { | |
− | + | margin-left: 33.3333333333%; } | |
− | + | .row > .col-5-small { | |
− | + | width: 41.6666666667%; } | |
− | + | .row > .off-5-small { | |
− | + | margin-left: 41.6666666667%; } | |
− | + | .row > .col-6-small { | |
− | + | width: 50%; } | |
− | + | .row > .off-6-small { | |
− | + | margin-left: 50%; } | |
− | + | .row > .col-7-small { | |
− | + | width: 58.3333333333%; } | |
− | + | .row > .off-7-small { | |
− | + | margin-left: 58.3333333333%; } | |
− | + | .row > .col-8-small { | |
− | + | width: 66.6666666667%; } | |
− | + | .row > .off-8-small { | |
− | + | margin-left: 66.6666666667%; } | |
− | + | .row > .col-9-small { | |
− | + | width: 75%; } | |
− | + | .row > .off-9-small { | |
− | + | margin-left: 75%; } | |
− | + | .row > .col-10-small { | |
− | + | width: 83.3333333333%; } | |
− | + | .row > .off-10-small { | |
− | + | margin-left: 83.3333333333%; } | |
− | + | .row > .col-11-small { | |
− | + | width: 91.6666666667%; } | |
− | + | .row > .off-11-small { | |
− | + | margin-left: 91.6666666667%; } | |
− | + | .row > .col-12-small { | |
− | + | width: 100%; } | |
− | + | .row > .off-12-small { | |
− | + | margin-left: 100%; } | |
− | + | .row.gtr-0 { | |
− | + | margin-top: 0; | |
− | + | margin-left: 0rem; } | |
− | + | .row.gtr-0 > * { | |
− | + | padding: 0 0 0 0rem; } | |
− | + | .row.gtr-0.gtr-uniform { | |
− | + | margin-top: 0rem; } | |
− | + | .row.gtr-0.gtr-uniform > * { | |
− | + | padding-top: 0rem; } | |
− | + | .row.gtr-25 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -0.3125rem; } | |
− | + | .row.gtr-25 > * { | |
− | + | padding: 0 0 0 0.3125rem; } | |
− | + | .row.gtr-25.gtr-uniform { | |
− | + | margin-top: -0.3125rem; } | |
− | + | .row.gtr-25.gtr-uniform > * { | |
− | + | padding-top: 0.3125rem; } | |
− | + | .row.gtr-50 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -0.625rem; } | |
− | + | .row.gtr-50 > * { | |
− | + | padding: 0 0 0 0.625rem; } | |
− | + | .row.gtr-50.gtr-uniform { | |
− | + | margin-top: -0.625rem; } | |
− | + | .row.gtr-50.gtr-uniform > * { | |
− | + | padding-top: 0.625rem; } | |
− | + | .row { | |
− | + | margin-top: 0; | |
− | + | margin-left: -1.25rem; } | |
− | + | .row > * { | |
− | + | padding: 0 0 0 1.25rem; } | |
− | + | .row.gtr-uniform { | |
− | + | margin-top: -1.25rem; } | |
− | + | .row.gtr-uniform > * { | |
− | + | padding-top: 1.25rem; } | |
− | + | .row.gtr-150 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -1.875rem; } | |
− | + | .row.gtr-150 > * { | |
− | + | padding: 0 0 0 1.875rem; } | |
− | + | .row.gtr-150.gtr-uniform { | |
− | + | margin-top: -1.875rem; } | |
− | + | .row.gtr-150.gtr-uniform > * { | |
− | + | padding-top: 1.875rem; } | |
− | + | .row.gtr-200 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -2.5rem; } | |
− | + | .row.gtr-200 > * { | |
− | + | padding: 0 0 0 2.5rem; } | |
− | + | .row.gtr-200.gtr-uniform { | |
− | + | margin-top: -2.5rem; } | |
− | + | .row.gtr-200.gtr-uniform > * { | |
− | + | padding-top: 2.5rem; } } | |
− | @media screen and (max-width: | + | @media screen and (max-width: 480px) { |
− | + | .row { | |
− | + | display: flex; | |
− | + | flex-wrap: wrap; | |
− | + | box-sizing: border-box; } | |
− | + | .row > * { | |
− | + | box-sizing: border-box; } | |
− | + | .row.gtr-uniform > * > :last-child { | |
− | + | margin-bottom: 0; } | |
− | + | .row > .imp-xsmall { | |
− | + | order: -1; } | |
− | + | .row > .col-1-xsmall { | |
− | + | width: 8.3333333333%; } | |
− | + | .row > .off-1-xsmall { | |
− | + | margin-left: 8.3333333333%; } | |
− | + | .row > .col-2-xsmall { | |
− | + | width: 16.6666666667%; } | |
− | + | .row > .off-2-xsmall { | |
− | + | margin-left: 16.6666666667%; } | |
− | + | .row > .col-3-xsmall { | |
− | + | width: 25%; } | |
− | + | .row > .off-3-xsmall { | |
− | + | margin-left: 25%; } | |
− | + | .row > .col-4-xsmall { | |
− | + | width: 33.3333333333%; } | |
− | + | .row > .off-4-xsmall { | |
− | + | margin-left: 33.3333333333%; } | |
− | + | .row > .col-5-xsmall { | |
− | + | width: 41.6666666667%; } | |
− | + | .row > .off-5-xsmall { | |
− | + | margin-left: 41.6666666667%; } | |
− | + | .row > .col-6-xsmall { | |
− | + | width: 50%; } | |
− | + | .row > .off-6-xsmall { | |
− | + | margin-left: 50%; } | |
− | + | .row > .col-7-xsmall { | |
− | + | width: 58.3333333333%; } | |
− | + | .row > .off-7-xsmall { | |
− | + | margin-left: 58.3333333333%; } | |
− | + | .row > .col-8-xsmall { | |
− | + | width: 66.6666666667%; } | |
− | + | .row > .off-8-xsmall { | |
− | + | margin-left: 66.6666666667%; } | |
− | + | .row > .col-9-xsmall { | |
− | + | width: 75%; } | |
− | + | .row > .off-9-xsmall { | |
− | + | margin-left: 75%; } | |
− | + | .row > .col-10-xsmall { | |
− | + | width: 83.3333333333%; } | |
− | + | .row > .off-10-xsmall { | |
− | + | margin-left: 83.3333333333%; } | |
− | + | .row > .col-11-xsmall { | |
− | + | width: 91.6666666667%; } | |
− | + | .row > .off-11-xsmall { | |
− | + | margin-left: 91.6666666667%; } | |
− | + | .row > .col-12-xsmall { | |
− | + | width: 100%; } | |
− | + | .row > .off-12-xsmall { | |
− | + | margin-left: 100%; } | |
− | + | .row.gtr-0 { | |
− | + | margin-top: 0; | |
− | + | margin-left: 0rem; } | |
− | + | .row.gtr-0 > * { | |
− | + | padding: 0 0 0 0rem; } | |
− | + | .row.gtr-0.gtr-uniform { | |
− | + | margin-top: 0rem; } | |
− | + | .row.gtr-0.gtr-uniform > * { | |
− | + | padding-top: 0rem; } | |
− | + | .row.gtr-25 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -0.3125rem; } | |
− | + | .row.gtr-25 > * { | |
− | + | padding: 0 0 0 0.3125rem; } | |
− | + | .row.gtr-25.gtr-uniform { | |
− | + | margin-top: -0.3125rem; } | |
− | + | .row.gtr-25.gtr-uniform > * { | |
− | + | padding-top: 0.3125rem; } | |
− | + | .row.gtr-50 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -0.625rem; } | |
− | + | .row.gtr-50 > * { | |
− | + | padding: 0 0 0 0.625rem; } | |
− | + | .row.gtr-50.gtr-uniform { | |
− | + | margin-top: -0.625rem; } | |
− | + | .row.gtr-50.gtr-uniform > * { | |
− | + | padding-top: 0.625rem; } | |
− | + | .row { | |
− | + | margin-top: 0; | |
− | + | margin-left: -1.25rem; } | |
− | + | .row > * { | |
− | + | padding: 0 0 0 1.25rem; } | |
− | + | .row.gtr-uniform { | |
− | + | margin-top: -1.25rem; } | |
− | + | .row.gtr-uniform > * { | |
− | + | padding-top: 1.25rem; } | |
− | + | .row.gtr-150 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -1.875rem; } | |
− | + | .row.gtr-150 > * { | |
− | + | padding: 0 0 0 1.875rem; } | |
− | + | .row.gtr-150.gtr-uniform { | |
− | + | margin-top: -1.875rem; } | |
− | + | .row.gtr-150.gtr-uniform > * { | |
− | + | padding-top: 1.875rem; } | |
− | + | .row.gtr-200 { | |
− | + | margin-top: 0; | |
− | + | margin-left: -2.5rem; } | |
− | + | .row.gtr-200 > * { | |
− | + | padding: 0 0 0 2.5rem; } | |
− | + | .row.gtr-200.gtr-uniform { | |
− | + | margin-top: -2.5rem; } | |
− | + | .row.gtr-200.gtr-uniform > * { | |
− | + | padding-top: 2.5rem; } } | |
− | + | /* Icon */ | |
− | + | .icon { | |
− | + | text-decoration: none; | |
− | + | border-bottom: none; | |
− | + | position: relative; } | |
− | + | .icon:before { | |
− | + | -moz-osx-font-smoothing: grayscale; | |
− | + | -webkit-font-smoothing: antialiased; | |
− | + | font-family: FontAwesome; | |
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | .icon > .label { | ||
+ | display: none; } | ||
− | + | /* Icons */ | |
− | + | ul.icons { | |
− | + | cursor: default; | |
− | + | list-style: none; | |
− | + | padding-left: 0; } | |
− | + | ul.icons li { | |
− | + | display: inline-block; | |
− | + | padding: 0 1rem 0 0; } | |
− | + | ul.icons li:last-child { | |
− | + | padding-right: 0; } | |
− | + | ul.icons li .icon:before { | |
− | + | font-size: 2rem; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* Image */ | |
− | + | .image { | |
− | + | border-radius: 4px; | |
− | + | border: 0; | |
− | + | display: inline-block; | |
− | + | position: relative; } | |
− | + | .image img { | |
− | + | border-radius: 4px; | |
− | + | display: block; } | |
− | + | .image.left, .image.right { | |
− | + | max-width: 40%; } | |
− | + | .image.left img, .image.right img { | |
− | + | width: 100%; } | |
− | + | .image.left { | |
− | + | float: left; | |
− | + | margin: 0 2rem 2rem 0; | |
− | + | top: 0.25rem; } | |
− | + | .image.right { | |
− | + | float: right; | |
− | + | margin: 0 0 2rem 2rem; | |
− | + | top: 0.25rem; } | |
− | + | .image.fit { | |
− | + | display: block; | |
− | + | margin: 0 0 2rem 0; | |
− | + | width: 100%; } | |
− | + | .image.fit img { | |
− | + | width: 100%; } | |
− | + | .image.main { | |
− | + | display: block; | |
− | + | margin: 0 0 3rem 0; | |
− | + | width: 100%; } | |
− | + | .image.main img { | |
− | + | width: 100%; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | /* Wrapper */ |
− | + | .wrapper { | |
− | + | padding: 8rem 0 6rem 0 ; | |
− | + | position: relative; | |
− | + | z-index: 1; } | |
− | + | @media screen and (max-width: 1280px) { | |
− | + | .wrapper { | |
− | + | padding: 4rem 0 2rem 0 ; } } | |
− | + | @media screen and (max-width: 736px) { | |
− | + | .wrapper { | |
− | + | padding: 3rem 0 1rem 0 ; } } | |
− | + | @media screen and (max-width: 480px) { | |
+ | .wrapper { | ||
+ | padding: 2rem 0 0.1rem 0 ; } } | ||
− | /* | + | /* Banner */ |
− | .image | + | #banner { |
− | + | -ms-flex-align: center; | |
− | + | -ms-flex-pack: center; | |
− | + | background-color: #111111; | |
− | + | color: rgba(255, 255, 255, 0.5); | |
− | + | -moz-align-items: center; | |
− | + | -webkit-align-items: center; | |
− | + | -ms-align-items: center; | |
− | + | align-items: center; | |
− | + | display: -moz-flex; | |
− | + | display: -webkit-flex; | |
− | + | display: -ms-flex; | |
− | + | display: flex; | |
− | + | -moz-justify-content: center; | |
− | + | -webkit-justify-content: center; | |
− | + | -ms-justify-content: center; | |
− | + | justify-content: center; | |
− | + | background-image: url(https://static.igem.org/mediawiki/2019/3/36/T--Waterloo--banner.jpeg); | |
− | + | background-position: center; | |
− | + | background-repeat: no-repeat; | |
− | + | background-size: cover; | |
− | + | border-top: 0; | |
− | + | display: -ms-flexbox; | |
− | + | height: 35rem !important; | |
− | + | min-height: 35rem; | |
− | + | overflow: hidden; | |
− | + | position: relative; | |
− | + | text-align: center; | |
− | + | width: 100%; } | |
− | + | #banner input, #banner select, #banner textarea { | |
− | + | color: #ffffff; } | |
− | + | #banner a { | |
+ | color: #B3DC77; } | ||
+ | #banner strong, #banner b { | ||
+ | color: #ffffff; } | ||
+ | #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { | ||
+ | color: #ffffff; } | ||
+ | #banner blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="submit"], | ||
+ | #banner input[type="reset"], | ||
+ | #banner input[type="button"], | ||
+ | #banner button, | ||
+ | #banner .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #banner input[type="submit"]:hover, | ||
+ | #banner input[type="reset"]:hover, | ||
+ | #banner input[type="button"]:hover, | ||
+ | #banner button:hover, | ||
+ | #banner .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #banner input[type="submit"]:hover:active, | ||
+ | #banner input[type="reset"]:hover:active, | ||
+ | #banner input[type="button"]:hover:active, | ||
+ | #banner button:hover:active, | ||
+ | #banner .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #banner input[type="submit"].primary, | ||
+ | #banner input[type="reset"].primary, | ||
+ | #banner input[type="button"].primary, | ||
+ | #banner button.primary, | ||
+ | #banner .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #banner input[type="submit"].primary:hover, | ||
+ | #banner input[type="reset"].primary:hover, | ||
+ | #banner input[type="button"].primary:hover, | ||
+ | #banner button.primary:hover, | ||
+ | #banner .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #banner input[type="submit"].primary:hover:active, | ||
+ | #banner input[type="reset"].primary:hover:active, | ||
+ | #banner input[type="button"].primary:hover:active, | ||
+ | #banner button.primary:hover:active, | ||
+ | #banner .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #banner label { | ||
+ | color: #ffffff; } | ||
+ | #banner input[type="text"], | ||
+ | #banner input[type="password"], | ||
+ | #banner input[type="email"], | ||
+ | #banner input[type="tel"], | ||
+ | #banner input[type="search"], | ||
+ | #banner input[type="url"], | ||
+ | #banner select, | ||
+ | #banner textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="text"]:focus, | ||
+ | #banner input[type="password"]:focus, | ||
+ | #banner input[type="email"]:focus, | ||
+ | #banner input[type="tel"]:focus, | ||
+ | #banner input[type="search"]:focus, | ||
+ | #banner input[type="url"]:focus, | ||
+ | #banner select:focus, | ||
+ | #banner textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #banner select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #banner select option { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | background-color: #111111; } | ||
+ | #banner input[type="checkbox"] + label, | ||
+ | #banner input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.5); } | ||
+ | #banner input[type="checkbox"] + label:before, | ||
+ | #banner input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="checkbox"]:checked + label:before, | ||
+ | #banner input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | #banner input[type="checkbox"]:focus + label:before, | ||
+ | #banner input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #banner ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #banner table th { | ||
+ | color: #ffffff; } | ||
+ | #banner table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner .highlights .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #banner .testimonials .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #banner .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #banner > .inner { | ||
+ | -moz-transform: scale(1.0); | ||
+ | -webkit-transform: scale(1.0); | ||
+ | -ms-transform: scale(1.0); | ||
+ | transform: scale(1.0); | ||
+ | -moz-transition: opacity 1s ease, -moz-transform 1s ease; | ||
+ | -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; | ||
+ | -ms-transition: opacity 1s ease, -ms-transform 1s ease; | ||
+ | transition: opacity 1s ease, transform 1s ease; | ||
+ | opacity: 1; | ||
+ | position: relative; | ||
+ | z-index: 3; } | ||
+ | #banner > .inner > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | #banner h1 { | ||
+ | font-size: 4rem; | ||
+ | margin-bottom: 1rem; } | ||
+ | #banner p { | ||
+ | font-size: 1.5rem; } | ||
+ | #banner a { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | text-decoration: none; } | ||
+ | #banner a:hover { | ||
+ | color: #ffffff; } | ||
+ | #banner video { | ||
+ | -moz-transform: translateX(50%) translateY(50%); | ||
+ | -webkit-transform: translateX(50%) translateY(50%); | ||
+ | -ms-transform: translateX(50%) translateY(50%); | ||
+ | transform: translateX(50%) translateY(50%); | ||
+ | bottom: 50%; | ||
+ | height: auto; | ||
+ | min-height: 100%; | ||
+ | min-width: 100%; | ||
+ | overflow: hidden; | ||
+ | position: absolute; | ||
+ | right: 50%; | ||
+ | width: auto; } | ||
+ | #banner:before { | ||
+ | -moz-transition: opacity 3s ease; | ||
+ | -webkit-transition: opacity 3s ease; | ||
+ | -ms-transition: opacity 3s ease; | ||
+ | transition: opacity 3s ease; | ||
+ | -moz-transition-delay: 1.25s; | ||
+ | -webkit-transition-delay: 1.25s; | ||
+ | -ms-transition-delay: 1.25s; | ||
+ | transition-delay: 1.25s; | ||
+ | background: #111111; | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.45; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #banner:after { | ||
+ | background: linear-gradient(135deg, #B3DC77 0%, #111111 74%); | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.6; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | webkit-linear-gradientidth: 100%; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #banner.small { | ||
+ | height: 30vh !important; | ||
+ | min-height: 30vh; } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | #banner video { | ||
+ | display: none; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #banner { | ||
+ | height: auto !important; | ||
+ | min-height: 0; | ||
+ | padding: 4rem 2rem 4rem 2rem; } | ||
+ | #banner .inner { | ||
+ | width: 100%; } | ||
+ | #banner h1 { | ||
+ | font-size: 1.75rem; | ||
+ | margin-bottom: 0.5rem; | ||
+ | padding-bottom: 0; } | ||
+ | #banner p { | ||
+ | font-size: 1.25rem; } | ||
+ | #banner br { | ||
+ | display: none; } | ||
+ | #banner .button { | ||
+ | width: 100%; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #banner p { | ||
+ | font-size: 1rem; } } | ||
+ | body.is-preload #banner .inner { | ||
+ | -moz-transform: scale(0.99); | ||
+ | -webkit-transform: scale(0.99); | ||
+ | -ms-transform: scale(0.99); | ||
+ | transform: scale(0.99); | ||
+ | opacity: 0; } | ||
+ | body.is-preload #banner:before { | ||
+ | opacity: 1; } | ||
− | /* | + | /* CTA */ |
− | + | #cta { | |
− | + | background-color: #B3DC77; | |
− | + | color: rgba(255, 255, 255, 0.75); | |
− | + | background-attachment: fixed; | |
− | + | background-image: linear-gradient(rgba(206, 27, 40, 0.25), rgba(206, 27, 40, 0.25)), url(../../images/cta01.jpg); | |
− | + | background-position: bottom; | |
− | + | background-repeat: no-repeat; | |
− | + | background-size: cover; | |
− | + | position: relative; | |
− | + | text-align: center; | |
− | + | z-index: 1; } | |
− | + | #cta input, #cta select, #cta textarea { | |
− | + | color: #ffffff; } | |
+ | #cta a { | ||
+ | color: #ffffff; } | ||
+ | #cta strong, #cta b { | ||
+ | color: #ffffff; } | ||
+ | #cta h1, #cta h2, #cta h3, #cta h4, #cta h5, #cta h6 { | ||
+ | color: #ffffff; } | ||
+ | #cta blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="submit"], | ||
+ | #cta input[type="reset"], | ||
+ | #cta input[type="button"], | ||
+ | #cta button, | ||
+ | #cta .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #cta input[type="submit"]:hover, | ||
+ | #cta input[type="reset"]:hover, | ||
+ | #cta input[type="button"]:hover, | ||
+ | #cta button:hover, | ||
+ | #cta .button:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.1); } | ||
+ | #cta input[type="submit"]:hover:active, | ||
+ | #cta input[type="reset"]:hover:active, | ||
+ | #cta input[type="button"]:hover:active, | ||
+ | #cta button:hover:active, | ||
+ | #cta .button:hover:active { | ||
+ | background-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="submit"].primary, | ||
+ | #cta input[type="reset"].primary, | ||
+ | #cta input[type="button"].primary, | ||
+ | #cta button.primary, | ||
+ | #cta .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #ffffff; | ||
+ | color: #B3DC77 !important; } | ||
+ | #cta input[type="submit"].primary:hover, | ||
+ | #cta input[type="reset"].primary:hover, | ||
+ | #cta input[type="button"].primary:hover, | ||
+ | #cta button.primary:hover, | ||
+ | #cta .button.primary:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.875); | ||
+ | box-shadow: none; } | ||
+ | #cta input[type="submit"].primary:hover:active, | ||
+ | #cta input[type="reset"].primary:hover:active, | ||
+ | #cta input[type="button"].primary:hover:active, | ||
+ | #cta button.primary:hover:active, | ||
+ | #cta .button.primary:hover:active { | ||
+ | background-color: rgba(255, 255, 255, 0.5); } | ||
+ | #cta label { | ||
+ | color: #ffffff; } | ||
+ | #cta input[type="text"], | ||
+ | #cta input[type="password"], | ||
+ | #cta input[type="email"], | ||
+ | #cta input[type="tel"], | ||
+ | #cta input[type="search"], | ||
+ | #cta input[type="url"], | ||
+ | #cta select, | ||
+ | #cta textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="text"]:focus, | ||
+ | #cta input[type="password"]:focus, | ||
+ | #cta input[type="email"]:focus, | ||
+ | #cta input[type="tel"]:focus, | ||
+ | #cta input[type="search"]:focus, | ||
+ | #cta input[type="url"]:focus, | ||
+ | #cta select:focus, | ||
+ | #cta textarea:focus { | ||
+ | border-color: #ffffff; | ||
+ | box-shadow: 0 0 0 1px #ffffff; } | ||
+ | #cta select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #cta select option { | ||
+ | color: rgba(255, 255, 255, 0.75); | ||
+ | background-color: #B3DC77; } | ||
+ | #cta input[type="checkbox"] + label, | ||
+ | #cta input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.75); } | ||
+ | #cta input[type="checkbox"] + label:before, | ||
+ | #cta input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="checkbox"]:checked + label:before, | ||
+ | #cta input[type="radio"]:checked + label:before { | ||
+ | background-color: #ffffff; | ||
+ | border-color: #ffffff; | ||
+ | color: #B3DC77; } | ||
+ | #cta input[type="checkbox"]:focus + label:before, | ||
+ | #cta input[type="radio"]:focus + label:before { | ||
+ | border-color: #ffffff; | ||
+ | box-shadow: 0 0 0 1px #ffffff; } | ||
+ | #cta ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #cta table th { | ||
+ | color: #ffffff; } | ||
+ | #cta table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta .highlights .content { | ||
+ | background: #B3DC77; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #cta .testimonials .content { | ||
+ | background: #B3DC77; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #cta .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #cta .inner { | ||
+ | position: relative; | ||
+ | z-index: 3; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #cta { | ||
+ | background-attachment: scroll; } } | ||
− | /* | + | /* Footer */ |
− | # | + | #footer { |
− | + | background-color: #111111; | |
− | + | color: rgba(255, 255, 255, 0.5); | |
− | + | padding: 8rem 0 6rem 0 ; } | |
− | + | #footer input, #footer select, #footer textarea { | |
− | + | color: #ffffff; } | |
− | + | #footer a { | |
− | + | color: #B3DC77; } | |
− | + | #footer strong, #footer b { | |
− | + | color: #ffffff; } | |
− | + | #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { | |
− | + | color: #ffffff; } | |
− | + | #footer blockquote { | |
− | + | border-left-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer code { | |
− | + | background: rgba(255, 255, 255, 0.075); | |
− | + | border-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer hr { | |
− | + | border-bottom-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer input[type="submit"], | |
− | + | #footer input[type="reset"], | |
− | + | #footer input[type="button"], | |
− | + | #footer button, | |
− | + | #footer .button { | |
− | + | background-color: transparent; | |
− | + | box-shadow: inset 0 0 0 1px #ffffff; | |
− | + | color: #ffffff !important; } | |
− | + | #footer input[type="submit"]:hover, | |
− | + | #footer input[type="reset"]:hover, | |
− | + | #footer input[type="button"]:hover, | |
− | + | #footer button:hover, | |
− | + | #footer .button:hover { | |
− | + | box-shadow: inset 0 0 0 1px #B3DC77; | |
− | + | color: #B3DC77 !important; } | |
− | + | #footer input[type="submit"]:hover:active, | |
− | + | #footer input[type="reset"]:hover:active, | |
− | + | #footer input[type="button"]:hover:active, | |
− | + | #footer button:hover:active, | |
− | + | #footer .button:hover:active { | |
− | + | background-color: rgba(206, 27, 40, 0.25); } | |
− | + | #footer input[type="submit"].primary, | |
− | + | #footer input[type="reset"].primary, | |
− | + | #footer input[type="button"].primary, | |
− | + | #footer button.primary, | |
− | + | #footer .button.primary { | |
− | + | box-shadow: none; | |
− | + | background-color: #B3DC77; | |
− | + | color: #ffffff !important; } | |
− | + | #footer input[type="submit"].primary:hover, | |
− | + | #footer input[type="reset"].primary:hover, | |
− | + | #footer input[type="button"].primary:hover, | |
− | + | #footer button.primary:hover, | |
− | + | #footer .button.primary:hover { | |
− | + | background-color: #B3DC77; | |
− | + | box-shadow: none; } | |
− | + | #footer input[type="submit"].primary:hover:active, | |
− | + | #footer input[type="reset"].primary:hover:active, | |
− | + | #footer input[type="button"].primary:hover:active, | |
− | + | #footer button.primary:hover:active, | |
− | + | #footer .button.primary:hover:active { | |
− | + | background-color: #02b31f; } | |
− | + | #footer label { | |
− | + | color: #ffffff; } | |
− | + | #footer input[type="text"], | |
− | + | #footer input[type="password"], | |
− | + | #footer input[type="email"], | |
− | + | #footer input[type="tel"], | |
− | + | #footer input[type="search"], | |
− | + | #footer input[type="url"], | |
− | + | #footer select, | |
− | + | #footer textarea { | |
− | + | background-color: rgba(255, 255, 255, 0.075); | |
− | + | border-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer input[type="text"]:focus, | |
− | + | #footer input[type="password"]:focus, | |
− | + | #footer input[type="email"]:focus, | |
− | + | #footer input[type="tel"]:focus, | |
− | + | #footer input[type="search"]:focus, | |
− | + | #footer input[type="url"]:focus, | |
− | + | #footer select:focus, | |
− | + | #footer textarea:focus { | |
− | + | border-color: #B3DC77; | |
− | + | box-shadow: 0 0 0 1px #B3DC77; } | |
− | + | #footer select { | |
− | + | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | |
− | + | #footer select option { | |
− | + | color: rgba(255, 255, 255, 0.5); | |
− | + | background-color: #111111; } | |
− | + | #footer input[type="checkbox"] + label, | |
− | + | #footer input[type="radio"] + label { | |
− | + | color: rgba(255, 255, 255, 0.5); } | |
− | + | #footer input[type="checkbox"] + label:before, | |
− | + | #footer input[type="radio"] + label:before { | |
− | + | background: rgba(255, 255, 255, 0.075); | |
− | + | border-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer input[type="checkbox"]:checked + label:before, | |
− | + | #footer input[type="radio"]:checked + label:before { | |
− | + | background-color: #B3DC77; | |
− | + | border-color: #B3DC77; | |
− | + | color: #ffffff; } | |
− | + | #footer input[type="checkbox"]:focus + label:before, | |
− | + | #footer input[type="radio"]:focus + label:before { | |
− | + | border-color: #B3DC77; | |
− | + | box-shadow: 0 0 0 1px #B3DC77; } | |
− | + | #footer ::-webkit-input-placeholder { | |
− | + | color: rgba(255, 255, 255, 0.4) !important; } | |
− | + | #footer :-moz-placeholder { | |
− | + | color: rgba(255, 255, 255, 0.4) !important; } | |
− | + | #footer ::-moz-placeholder { | |
− | + | color: rgba(255, 255, 255, 0.4) !important; } | |
− | + | #footer :-ms-input-placeholder { | |
− | + | color: rgba(255, 255, 255, 0.4) !important; } | |
− | + | #footer ul.alt li { | |
− | + | border-top-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer table tbody tr { | |
− | + | border-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer table tbody tr:nth-child(2n + 1) { | |
− | + | background-color: rgba(255, 255, 255, 0.075); } | |
− | + | #footer table th { | |
− | + | color: #ffffff; } | |
− | + | #footer table thead { | |
− | + | border-bottom-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer table tfoot { | |
− | + | border-top-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer table.alt tbody tr td { | |
− | + | border-color: rgba(255, 255, 255, 0.25); } | |
− | + | #footer .highlights .content { | |
− | + | background: #111111; | |
− | + | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | |
− | + | #footer .testimonials .content { | |
− | + | background: #111111; | |
− | + | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | |
− | + | #footer .testimonials .content .credit strong { | |
− | + | color: #B3DC77; } | |
− | + | #footer a { | |
− | + | color: rgba(255, 255, 255, 0.5); | |
− | + | text-decoration: none; } | |
− | + | #footer a:hover { | |
− | + | color: #B3DC77; } | |
− | + | #footer .content { | |
− | + | display: -moz-flex; | |
− | + | display: -webkit-flex; | |
− | + | display: -ms-flex; | |
− | + | display: flex; } | |
− | + | #footer .content section { | |
− | + | width: 25%; } | |
− | + | #footer .content section:first-child { | |
− | + | width: 50%; | |
− | + | padding-right: 4rem; } | |
− | + | #footer .content section:last-child { | |
− | + | padding-left: 4rem; } | |
− | + | #footer .copyright { | |
− | + | border-top: 1px solid; | |
− | + | font-size: 0.8rem; | |
− | + | opacity: 0.5; | |
− | + | padding: 2rem 0; | |
− | + | text-align: center; } | |
− | + | @media screen and (max-width: 1280px) { | |
− | + | #footer { | |
− | + | padding: 4rem 0 2rem 0 ; } } | |
− | + | @media screen and (max-width: 980px) { | |
− | + | #footer .content { | |
− | + | -moz-flex-wrap: wrap; | |
− | + | -webkit-flex-wrap: wrap; | |
− | + | -ms-flex-wrap: wrap; | |
− | + | flex-wrap: wrap; } | |
− | + | #footer .content section { | |
− | + | width: 50%; } | |
− | + | #footer .content section:first-child { | |
− | + | width: 100%; | |
− | + | padding-right: 0; } } | |
− | + | @media screen and (max-width: 736px) { | |
− | + | #footer { | |
− | + | padding: 3rem 0 1rem 0 ; } | |
− | + | #footer .content section { | |
− | + | width: 100%; } | |
− | + | #footer .content section:last-child { | |
− | + | padding-left: 0; } } | |
− | + | @media screen and (max-width: 480px) { | |
− | + | #footer { | |
− | + | padding: 2rem 0 0.1rem 0 ; } } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | /* for adding the cards */ |
− | + | /* Three columns side by side */ | |
− | + | .column { | |
− | + | float: left; | |
− | + | width: 33.3%; | |
− | + | margin-bottom: 16px; | |
− | + | padding: 0 8px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | /* Display the columns below each other instead of side by side on small screens */ |
− | + | /* @media screen and (max-width: 650px) { | |
− | + | .column { | |
− | + | width: 100%; | |
− | + | display: block; | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | /* Add some shadows to create a card effect */ |
− | + | .card { | |
− | + | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* Some left and right padding inside the container */ | |
− | + | .container { | |
− | + | padding: 0 16px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* Clear floats */ | |
− | + | .container::after, .row::after { | |
− | + | content: ""; | |
+ | clear: both; | ||
+ | display: table; | ||
+ | } | ||
− | + | .title { | |
− | + | color: grey; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .button { | |
− | + | border: none; | |
− | + | outline: 0; | |
− | + | display: inline-block; | |
− | + | padding: 8px; | |
− | + | color: white; | |
− | + | background-color: #000; | |
− | + | text-align: center; | |
− | + | cursor: pointer; | |
− | + | width: 100%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .button:hover { | |
− | + | background-color: #555; | |
− | + | } | |
− | + | ||
− | + | .overlay { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
position: fixed; | position: fixed; | ||
− | + | display: none; | |
+ | width: 100%; | ||
+ | height: 100%; | ||
top: 0; | top: 0; | ||
− | + | left: 0; | |
− | + | right: 0; | |
− | z-index: | + | bottom: 0; |
− | # | + | background-color: rgba(0,0,0,0.9); |
− | + | z-index: 2; | |
− | + | cursor: pointer; | |
− | + | } | |
− | + | #text{ | |
− | + | position: absolute; | |
− | + | top: 50%; | |
− | + | left: 60%; | |
− | + | font-size: 1rem; | |
− | + | color: white; | |
− | + | transform: translate(-50%,-50%); | |
− | + | -ms-transform: translate(-50%,-50%); | |
− | + | } | |
− | + | #overlayimage | |
− | + | { | |
− | + | position: absolute; | |
− | + | top: 53%; | |
− | + | left: 20%; | |
− | + | transform: translate(-50%,-50%); | |
− | + | -ms-transform: translate(-50%,-50%); | |
− | + | } | |
− | + | ||
− | + | /* Header */ | |
− | + | body { | |
− | + | padding-top: 3.25rem; } | |
− | + | body:before { | |
− | + | content: ' '; | |
− | + | background-image: url(https://static.igem.org/mediawiki/2019/3/37/T--Waterloo--bg_image.jpeg); | |
− | + | background-size: cover; | |
− | + | background-repeat: no-repeat; | |
− | + | background-attachment: fixed; | |
− | + | display: block; | |
− | + | position: fixed; | |
− | + | left: 0; | |
− | + | top: 0; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | z-index: -1; | |
− | + | opacity: 0.05; } | |
− | + | ||
− | + | #header { | |
− | + | -moz-align-items: center; | |
− | + | -webkit-align-items: center; | |
− | + | -ms-align-items: center; | |
− | + | align-items: center; | |
− | + | display: -moz-flex; | |
− | + | display: -webkit-flex; | |
− | + | display: -ms-flex; | |
− | + | display: flex; | |
− | + | -moz-justify-content: space-between; | |
− | + | -webkit-justify-content: space-between; | |
− | + | -ms-justify-content: space-between; | |
− | + | justify-content: space-between; | |
− | + | background: #111111; | |
− | + | color: rgba(255, 255, 255, 0.5); | |
− | + | cursor: default; | |
− | + | height: 3.25rem; | |
− | + | left: 0; | |
− | + | line-height: 4.25rem; | |
− | + | position: fixed; | |
− | + | top: 0; | |
− | + | width: 100%; | |
− | + | z-index: 10001; } | |
− | + | #header > .logo { | |
− | # | + | color: #ffffff; |
− | + | font-size: 1rem; | |
− | + | font-weight: 600; | |
− | + | height: inherit; | |
− | display: | + | line-height: inherit; |
− | + | padding: 0 1.25rem; | |
− | text- | + | text-decoration: none; } |
− | # | + | #header > nav > a { |
+ | color: inherit; | ||
+ | display: inline-block; | ||
+ | padding: 0 0.75rem; | ||
+ | text-decoration: none; } | ||
+ | #header > nav > a:hover { | ||
+ | color: #ffffff; } | ||
+ | #header > nav > a[href="#menu"] { | ||
+ | text-decoration: none; | ||
+ | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | ||
+ | #header > nav > a[href="#menu"]:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | #header > nav > a[href="#menu"]:before { | ||
+ | content: '\f0c9'; | ||
+ | margin: 0 0.5rem 0 0; } | ||
+ | #header > nav > a + a[href="#menu"]:last-child { | ||
+ | border-left: solid 1px rgba(255, 255, 255, 0.25); | ||
+ | margin-left: 0.5rem; | ||
+ | padding-left: 1.25rem; } | ||
+ | #header > nav > a:last-child { | ||
+ | padding-right: 1.25rem; } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #header > nav > a { | ||
+ | padding: 0 0.5rem; } | ||
+ | #header > nav > a + a[href="#menu"]:last-child { | ||
+ | margin-left: 0.25rem; | ||
+ | padding-left: 1rem; } | ||
+ | #header > nav > a:last-child { | ||
+ | padding-right: 1rem; } } | ||
+ | |||
+ | @media screen and (max-width: 980px) { | ||
+ | body { | ||
+ | padding-top: 44px; } | ||
+ | |||
+ | #header { | ||
+ | height: 44px; | ||
+ | line-height: 44px; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #header { | ||
+ | min-width: 320px; } } | ||
+ | /* Heading */ | ||
+ | #heading { | ||
+ | -ms-flex-align: center; | ||
+ | -ms-flex-pack: center; | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url(https://static.igem.org/mediawiki/2019/3/36/T--Waterloo--banner.jpeg); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | border-top: 0; | ||
+ | display: -ms-flexbox; | ||
+ | height: 15rem !important; | ||
+ | min-height: 15rem; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | width: 100%; } | ||
+ | #heading input, #heading select, #heading textarea { | ||
color: #ffffff; } | color: #ffffff; } | ||
− | + | #heading a { | |
− | border- | + | color: #B3DC77; } |
− | + | #heading strong, #heading b { | |
− | + | color: #ffffff; } | |
− | + | #heading h1, #heading h2, #heading h3, #heading h4, #heading h5, #heading h6 { | |
− | + | color: #ffffff; } | |
− | + | #heading blockquote { | |
− | + | border-left-color: rgba(255, 255, 255, 0.25); } | |
− | + | #heading code { | |
− | + | background: rgba(255, 255, 255, 0.075); | |
− | + | border-color: rgba(255, 255, 255, 0.25); } | |
− | + | #heading hr { | |
− | + | border-bottom-color: rgba(255, 255, 255, 0.25); } | |
− | + | #heading input[type="submit"], | |
− | + | #heading input[type="reset"], | |
− | + | #heading input[type="button"], | |
− | + | #heading button, | |
− | + | #heading .button { | |
− | + | background-color: transparent; | |
− | + | box-shadow: inset 0 0 0 1px #ffffff; | |
− | + | color: #ffffff !important; } | |
− | + | #heading input[type="submit"]:hover, | |
− | + | #heading input[type="reset"]:hover, | |
− | + | #heading input[type="button"]:hover, | |
− | + | #heading button:hover, | |
− | + | #heading .button:hover { | |
− | + | box-shadow: inset 0 0 0 1px #B3DC77; | |
− | + | color: #B3DC77 !important; } | |
− | + | #heading input[type="submit"]:hover:active, | |
− | + | #heading input[type="reset"]:hover:active, | |
− | + | #heading input[type="button"]:hover:active, | |
− | + | #heading button:hover:active, | |
− | + | #heading .button:hover:active { | |
− | + | background-color: rgba(206, 27, 40, 0.25); } | |
− | + | #heading input[type="submit"].primary, | |
− | + | #heading input[type="reset"].primary, | |
− | + | #heading input[type="button"].primary, | |
− | + | #heading button.primary, | |
− | + | #heading .button.primary { | |
− | + | box-shadow: none; | |
− | + | background-color: #B3DC77; | |
+ | color: #ffffff !important; } | ||
+ | #heading input[type="submit"].primary:hover, | ||
+ | #heading input[type="reset"].primary:hover, | ||
+ | #heading input[type="button"].primary:hover, | ||
+ | #heading button.primary:hover, | ||
+ | #heading .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #heading input[type="submit"].primary:hover:active, | ||
+ | #heading input[type="reset"].primary:hover:active, | ||
+ | #heading input[type="button"].primary:hover:active, | ||
+ | #heading button.primary:hover:active, | ||
+ | #heading .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #heading label { | ||
+ | color: #ffffff; } | ||
+ | #heading input[type="text"], | ||
+ | #heading input[type="password"], | ||
+ | #heading input[type="email"], | ||
+ | #heading input[type="tel"], | ||
+ | #heading input[type="search"], | ||
+ | #heading input[type="url"], | ||
+ | #heading select, | ||
+ | #heading textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading input[type="text"]:focus, | ||
+ | #heading input[type="password"]:focus, | ||
+ | #heading input[type="email"]:focus, | ||
+ | #heading input[type="tel"]:focus, | ||
+ | #heading input[type="search"]:focus, | ||
+ | #heading input[type="url"]:focus, | ||
+ | #heading select:focus, | ||
+ | #heading textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #heading select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #heading select option { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | background-color: #111111; } | ||
+ | #heading input[type="checkbox"] + label, | ||
+ | #heading input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.5); } | ||
+ | #heading input[type="checkbox"] + label:before, | ||
+ | #heading input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading input[type="checkbox"]:checked + label:before, | ||
+ | #heading input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | #heading input[type="checkbox"]:focus + label:before, | ||
+ | #heading input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #heading ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #heading table th { | ||
+ | color: #ffffff; } | ||
+ | #heading table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading .highlights .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #heading .testimonials .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #heading .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #heading:before { | ||
+ | background: linear-gradient(135deg, #B3DC77 0%, #111111 74%); | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.6; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #heading h1 { | ||
+ | margin-bottom: 0; | ||
+ | position: relative; | ||
+ | z-index: 2; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #heading { | ||
+ | padding: 2rem; } } | ||
− | body.is-menu-visible #menu { | + | /* Main */ |
− | + | #main .content { | |
− | + | background: #ffffff; | |
− | + | border-radius: 4px; | |
− | + | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); | |
− | + | margin-bottom: 2rem; | |
− | + | padding: 3rem; } | |
+ | @media screen and (max-width: 980px) { | ||
+ | #main .content { | ||
+ | padding: 2rem; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #main .content { | ||
+ | padding: 1.5rem; } } | ||
+ | |||
+ | /* Menu */ | ||
+ | #menu { | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | -moz-transform: translateX(20rem); | ||
+ | -webkit-transform: translateX(20rem); | ||
+ | -ms-transform: translateX(20rem); | ||
+ | transform: translateX(20rem); | ||
+ | -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | box-shadow: none; | ||
+ | height: 100%; | ||
+ | max-width: 80%; | ||
+ | overflow-y: auto; | ||
+ | padding: 3rem 2rem; | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | visibility: hidden; | ||
+ | width: 20rem; | ||
+ | z-index: 10002; } | ||
+ | #menu input, #menu select, #menu textarea { | ||
+ | color: #ffffff; } | ||
+ | #menu a { | ||
+ | color: #B3DC77; } | ||
+ | #menu strong, #menu b { | ||
+ | color: #ffffff; } | ||
+ | #menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6 { | ||
+ | color: #ffffff; } | ||
+ | #menu blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu input[type="submit"], | ||
+ | #menu input[type="reset"], | ||
+ | #menu input[type="button"], | ||
+ | #menu button, | ||
+ | #menu .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #menu input[type="submit"]:hover, | ||
+ | #menu input[type="reset"]:hover, | ||
+ | #menu input[type="button"]:hover, | ||
+ | #menu button:hover, | ||
+ | #menu .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #menu input[type="submit"]:hover:active, | ||
+ | #menu input[type="reset"]:hover:active, | ||
+ | #menu input[type="button"]:hover:active, | ||
+ | #menu button:hover:active, | ||
+ | #menu .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #menu input[type="submit"].primary, | ||
+ | #menu input[type="reset"].primary, | ||
+ | #menu input[type="button"].primary, | ||
+ | #menu button.primary, | ||
+ | #menu .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #menu input[type="submit"].primary:hover, | ||
+ | #menu input[type="reset"].primary:hover, | ||
+ | #menu input[type="button"].primary:hover, | ||
+ | #menu button.primary:hover, | ||
+ | #menu .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #menu input[type="submit"].primary:hover:active, | ||
+ | #menu input[type="reset"].primary:hover:active, | ||
+ | #menu input[type="button"].primary:hover:active, | ||
+ | #menu button.primary:hover:active, | ||
+ | #menu .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #menu > ul { | ||
+ | margin: 0 0 1rem 0; } | ||
+ | #menu > ul.links { | ||
+ | list-style: none; | ||
+ | padding: 0; } | ||
+ | #menu > ul.links > li { | ||
+ | padding: 0; } | ||
+ | #menu > ul.links > li > a { | ||
+ | border: 0; | ||
+ | border-top: solid 1px rgba(255, 255, 255, 0.25); | ||
+ | color: inherit; | ||
+ | display: block; | ||
+ | line-height: 3.5rem; | ||
+ | text-decoration: none; } | ||
+ | #menu > ul.links > li > a:hover { | ||
+ | color: #ffffff; } | ||
+ | #menu > ul.links > li:first-child > a { | ||
+ | border-top: 0; } | ||
+ | #menu .close { | ||
+ | text-decoration: none; | ||
+ | -moz-transition: color 0.2s ease-in-out; | ||
+ | -webkit-transition: color 0.2s ease-in-out; | ||
+ | -ms-transition: color 0.2s ease-in-out; | ||
+ | transition: color 0.2s ease-in-out; | ||
+ | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
+ | border: 0; | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | height: 3.25rem; | ||
+ | line-height: 3.25rem; | ||
+ | padding-right: 1.25rem; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | text-align: right; | ||
+ | top: 0; | ||
+ | vertical-align: middle; | ||
+ | width: 7rem; } | ||
+ | #menu .close:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | #menu .close:before { | ||
+ | content: '\f00d'; | ||
+ | font-size: 1.25rem; } | ||
+ | #menu .close:hover { | ||
+ | color: #ffffff; } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #menu .close { | ||
+ | height: 4rem; | ||
+ | line-height: 4rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #menu { | ||
+ | padding: 2.5rem 1.75rem; } } | ||
+ | |||
+ | body.is-menu-visible #menu { | ||
+ | -moz-transform: translateX(0); | ||
+ | -webkit-transform: translateX(0); | ||
+ | -ms-transform: translateX(0); | ||
+ | transform: translateX(0); | ||
+ | box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2); | ||
+ | visibility: visible; } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <!-- | ||
+ | Template Information: | ||
+ | Industrious by TEMPLATED | ||
+ | templated.co @templatedco | ||
+ | Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | ||
+ | --> | ||
− | |||
<head> | <head> | ||
− | <title> | + | <title>iGEM UWaterloo 2019 - Model</title> |
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> | <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> | ||
<meta name="description" content="" /> | <meta name="description" content="" /> | ||
<meta name="keywords" content="" /> | <meta name="keywords" content="" /> | ||
− | + | <link rel="stylesheet" href="assets/css/uwaterloo-main.css" /> | |
− | + | <link rel="stylesheet" href="https://2019.igem.org/Template:Waterloo/uwaterloo-main-css?action=raw&ctype=text/css"/> | |
− | + | </head> | |
<body class="is-preload"> | <body class="is-preload"> | ||
<!-- Header --> | <!-- Header --> | ||
<header id="header"> | <header id="header"> | ||
− | <a class="logo" href=" | + | <a class="logo" href="https://2019.igem.org/Team:Waterloo">Our Team</a> |
<nav> | <nav> | ||
<a href="#menu">Menu</a> | <a href="#menu">Menu</a> | ||
Line 2,876: | Line 2,970: | ||
<!-- Nav --> | <!-- Nav --> | ||
<nav id="menu"> | <nav id="menu"> | ||
− | + | <ul class="links"> | |
<li><a href="https://2019.igem.org/Team:Waterloo">Home</a></li> | <li><a href="https://2019.igem.org/Team:Waterloo">Home</a></li> | ||
<li><a href="https://2019.igem.org/Team:Waterloo/Members">Team Members</a></li> | <li><a href="https://2019.igem.org/Team:Waterloo/Members">Team Members</a></li> | ||
Line 2,893: | Line 2,987: | ||
<li><a href="https://2019.igem.org/Team:Waterloo/Education_And_Engagement">Education & Engagement</a></li> | <li><a href="https://2019.igem.org/Team:Waterloo/Education_And_Engagement">Education & Engagement</a></li> | ||
<li><a href="https://2019.igem.org/Team:Waterloo/Model">Model</a></li> | <li><a href="https://2019.igem.org/Team:Waterloo/Model">Model</a></li> | ||
− | + | </ul> | |
− | + | </nav> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <!-- | + | <!-- Heading --> |
− | <section | + | <div id="heading" > |
+ | <h1>Our Team</h1> | ||
+ | </div> | ||
+ | |||
+ | <!-- Main --> | ||
+ | <section id="main" class="wrapper"> | ||
<div class="inner"> | <div class="inner"> | ||
− | + | <div class="content"> | |
− | <div class="content" | + | <h1 id="environmental-model">Waterloo iGEM 2019</h1> |
− | < | + | <p>At the University of waterloo we have an administative team and 3 subteams who work on the annual project. The <i>Lab and Deisgn team</i>, <i>Math and Modelling team</i>, and <i>Human Practices team</i>. </p> |
− | + | <p><img src="https://static.igem.org/mediawiki/2019/6/61/T--waterloo--bradybunchJeriann.png" alt="bradypic" style="width:500px;display: block; margin-left: auto;margin-right: auto;"></p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | |||
+ | <div class="content"> | ||
+ | <p> Our team video! We hope you like it, if it is not loading you can also find it <a href="https://www.youtube.com/watch?v=TaJdn9yubVo">here</a> </p> | ||
+ | <video class="centervideo" width="1000" height="500" controls><source src="https://static.igem.org/mediawiki/2019/f/fc/T--Waterloo--JankJank.mov"></video> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-- Row 1 --> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/22/T--Waterloo--admin_sebastien.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Sebastien Carman (he/him)</h2> | ||
+ | <p class="title">Admin/other</p> | ||
+ | <p>Science: 3B, Biotechnology & Economics</p> | ||
+ | <p>"What the heck?"</p> | ||
+ | <p><button class="button" onclick="on(1)">More</button></p> | ||
+ | <div class="overlay" id="overlay_1" onclick="off(1)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/a/a7/T--Waterloo--admin_sebastien_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I have a titanium plate and six titanium screws in my left ankle.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/b/bf/T--Waterloo--admin_gurlin.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Gurlin Chudha (she/her)</h2> | ||
+ | <p class="title">Admin/other</p> | ||
+ | <p>Science: 4A, Honours Biotech/CPA with Coop</p> | ||
+ | <p>"Dw I can reconcile that!" and "Excel saved my life"</p> | ||
+ | <p><button class="button" onclick="on(2)">More</button></p> | ||
+ | <div class="overlay" id="overlay_2" onclick="off(2)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/29/T--Waterloo--admin_gurlin_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Im scared of heights, more specifically cliff edges.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Hanging out with the team </p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>HCl so i can watch the world burn a little faster</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I travelled Around Hong Kong for 4 months on an exchange term this year</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/3/30/T--Waterloo--admin_anya.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Anya Forestell (she/her)</h2> | ||
+ | <p class="title">Admin/other</p> | ||
+ | <p>Science: 4A, Honours Co-operative Physics and Astronomy</p> | ||
+ | <p>"Anything else?? No?? Meeting adjourned!!"</p> | ||
+ | <p><button class="button" onclick="on(3)">More</button></p> | ||
+ | <div class="overlay" id="overlay_3" onclick="off(3)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/f/fc/T--Waterloo--admin_anya_b.png" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Administrative coordinator duties keep you very busy (but love it)</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I let one of my childhood friends believe my name was actually Onion for a few months</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!--Row 2 --> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/c/c9/T--Waterloo--hp_kristelle.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Kristelle Canlas (she/her)</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Engineering: 2B, Nanotechnology Engineering</p> | ||
+ | <p><button class="button" onclick="on(4)">More</button></p> | ||
+ | <div class="overlay" id="overlay_4" onclick="off(4)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/a/a0/T--Waterloo--hp_kristelle_b.png" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>That educating people about synbio is important because not a lot of people even know what it is!!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/a/af/T--Waterloo--hp_jessie.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Jessie Christie (she/her)</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Engineering: 2B, Nanotechnology Engineering </p> | ||
+ | <p><button class="button" onclick="on(5)">More</button></p> | ||
+ | <div class="overlay" id="overlay_5" onclick="off(5)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/e/e6/T--Waterloo--hp_jessie_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>The value of community engagement and direct communication -when we went out to speak in person with relevant stakeholders, we received answers to questions we hadn't even known to ask yet!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/4/4b/T--Waterloo--hp_shakir.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Shakir Elliott-Mohamed</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Science: 3B, Materials and Nanoscience</p> | ||
+ | <p>"Call me the iGEM Spokesperson"</p> | ||
+ | <p><button class="button" onclick="on(6)">More</button></p> | ||
+ | <div class="overlay" id="overlay_6" onclick="off(6)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/6/65/T--Waterloo--hp_shakir_b.jpeg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Saying 'bacterially enhanced' to the general public is apparently less terrifying than 'GMOs'</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I am the iGEM Spokesperson</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--Row 3 --> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/9/9f/T--Waterloo--hp_ana.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Ana Fernandez Galliano (she/her)</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Science: 2A, Biochemistry</p> | ||
+ | <p>Random Harry Potter quotes</p> | ||
+ | <p><button class="button" onclick="on(7)">More</button></p> | ||
+ | <div class="overlay" id="overlay_7" onclick="off(7)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Waterloo--hp_ana_b.png" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Encouraging open dialogue on topics that may have a negative public opinion is an effective tool for providing people with correct information and helping them form a more educated opinion. </p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Counting down to hitting 200 responses on one of our surveys since I promised the Human Practices subteam I'd bake a cake to celebrate.</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Goggles. Gotta stay safe in and out of the lab, especially if there are zombies running around.</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>There is a wasp species named after me :)</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/0/08/T--Waterloo--hp_simon.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Simon Frew</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Engineering: 2B, Nanotechnology Engineering</p> | ||
+ | <p>"Shoot eh"</p> | ||
+ | <p><button class="button" onclick="on(8)">More</button></p> | ||
+ | <div class="overlay" id="overlay_8" onclick="off(8)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/4/45/T--Waterloo--hp_simon_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Molecules have tons of scary regulations and figuring out toxicity is way harder than reading an SDS sheet.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>A combination of running SHAD and talking through public views of herbicides and education during meetings! </p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Never underestimate the value of an Eppendorf pipette. Or safety glasses. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/8/83/T--Waterloo--hp_rajan.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Rajan Grewal</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Applied Heath Sciences: 3A, Health Studies</p> | ||
+ | <p><button class="button" onclick="on(9)">More</button></p> | ||
+ | <div class="overlay" id="overlay_9" onclick="off(9)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/a/a8/T--Waterloo--hp_rajan_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Working with the all sub teams on the SHAD workshop</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>Growing up I thought mayonnaise was lettuce and vice versa </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--Row 4 --> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/0/06/T--Waterloo--hp_joshua.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Joshua Hanneson (he/him)</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Engineering: 2A, Nanotechnology Engineering</p> | ||
+ | <p><button class="button" onclick="on(10)">More</button></p> | ||
+ | <div class="overlay" id="overlay_10" onclick="off(10)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/1/1f/T--Waterloo--hp_joshua_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Look for new opportunities because that is the best way to help the team and to have fun!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/9/96/T--Waterloo--hp_christine.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Christine Johnston (she/her)</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Science: 4A, Biomedical Sciences</p> | ||
+ | <p>"Okay, team!"</p> | ||
+ | <p><button class="button" onclick="on(11)">More</button></p> | ||
+ | <div class="overlay" id="overlay_11" onclick="off(11)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/2a/T--Waterloo--hp_christine_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Given the opportunity, people can surprise you with how much they can do.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>The Jamboree has been incredible! So many awesome teams doing awesome things</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Bunsen burner. Hopefully I can keep enough of an aseptic environment that the infectious microbe and its zombie friends leave me alone</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>Oof idk I can knit? Also an up and coming soccer mom</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/d/d9/T--Waterloo--hp_clare.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Clare Reid (she/her)</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Science: 3A, Biochemistry</p> | ||
+ | <p>"Neat!"</p> | ||
+ | <p><button class="button" onclick="on(12)">More</button></p> | ||
+ | <div class="overlay" id="overlay_12" onclick="off(12)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/3/3c/T--Waterloo--hp_clare_b.png" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Just because you are in a STEM program/field, it does not mean you have not been effected by media/community bias in regards to the public opinion and knowledge surrounding a controversial issue.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Organizing and running a three day workshop for the SHAD Valley students. Not only was a great way to test how our project would be received by the future minds of synthetic biology, but also a fun break from the regular iGEM goings on.</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Leah Fulton, she isn't a "thing" but she is always in the lab and I think we'd make a pretty good zombie fighting duo.</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I spend half my Friday nights working on my research project in a crystallography lab and the other half playing D&D with folks across North America!.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--Row 5 --> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/c/c5/T--Waterloo--hp_christian.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Christian Singh (he/him)</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Science: 3A, Biomedical Sciences</p> | ||
+ | <p>"what that field do tho?"</p> | ||
+ | <p><button class="button" onclick="on(13)">More</button></p> | ||
+ | <div class="overlay" id="overlay_13" onclick="off(13)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/f/fd/T--Waterloo--hp_christian_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>The most valuable thing that I learned this year was /effective/ teamwork. Especially within the HP sub-subteams that were created (regulation, risk and performance) we’ve really learned how to rely on each other and we all trust each other so much! When our schedules get hectic, which they're bound to be at one point or another, the Regulations team is always so accommodating towards one another and that has really created an amazing environment to be in. #regulationNATION</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/e/e9/T--Waterloo--hp_kingsley.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Kingsley Wong (he/him)</h2> | ||
+ | <p class="title">Human Practices</p> | ||
+ | <p>Engineering: 3B, Nanotechnology Engineering</p> | ||
+ | <p>"I am not garbage"</p> | ||
+ | <p><button class="button" onclick="on(14)">More</button></p> | ||
+ | <div class="overlay" id="overlay_14" onclick="off(14)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/8/8d/T--Waterloo--hp_kingsley_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Getting to know our awesome HP team and working with them on all of our projects</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Agar because you can eat gels...right?</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>In my spare time (and not working on iGEM), I really enjoy learning new musical instruments.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/c/cf/T--Waterloo--lab_andrea.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Andrea Alexei (she/her)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 3B, Honours Biology</p> | ||
+ | <p>"I completely forgot that happened."</p> | ||
+ | <p><button class="button" onclick="on(15)">More</button></p> | ||
+ | <div class="overlay" id="overlay_15" onclick="off(15)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/e/e9/T--Waterloo--lab_andrea_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Sticky notes are not a valid lab book.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Designing our own experiment! Not all the hard stuff that comes with it, but that also built character. </p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Yeast extract - it's basically vegan cheese, and it would hide my human scent. </p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I'm apparently "chaotic".</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--row 6--> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/0/05/T--Waterloo--lab_alina.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Alina Arvisais (she/her)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 2B, Biochemistry</p> | ||
+ | <p>"That's upsetting"</p> | ||
+ | <p><button class="button" onclick="on(16)">More</button></p> | ||
+ | <div class="overlay" id="overlay_16" onclick="off(16)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/8/8b/T--Waterloo--lab_alina_b.png" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>iGEM rocks!</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Working with and speaking to people with such diverse ideas and perspectives. It's been rad to hear about the awesome ideas everyone has and things they're passionate about.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/f/f0/T--Waterloo--lab_morgan.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Morgan Cordell (he/him)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 2B, Medicinal Chemistry</p> | ||
+ | <p>"I'm a fool"</p> | ||
+ | <p><button class="button" onclick="on(17)">More</button></p> | ||
+ | <div class="overlay" id="overlay_17" onclick="off(17)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/c/c3/T--Waterloo--lab_morgan_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Stop codons are important</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Seeing things we've designed work (and mostly not work).</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>The 70% Ethanol...it has many uses ;)</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I'm the jellyfish guy</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/6/6c/T--Waterloo--lab_clara.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Clara Fikry</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Applied Heath Sciences: 4A, Health Studies & Biology Joint Honours</p> | ||
+ | <p>"wham bam"</p> | ||
+ | <p><button class="button" onclick="on(18)">More</button></p> | ||
+ | <div class="overlay" id="overlay_18" onclick="off(18)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/c/cc/T--Waterloo--lab_clara_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Always be skeptical of your results, even (or maybe especially) if they seem promising.</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>Archaea don't get as much attention as they deserve so here's a random archaea fact: CRISPR systems are much more common in archaea than in bacteria. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--row 7--> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/0/0c/T--Waterloo--lab_jeriann.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Jeriann Hsiao</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Engineering: 2A, Nanotechnology Engineering</p> | ||
+ | <p><button class="button" onclick="on(19)">More</button></p> | ||
+ | <div class="overlay" id="overlay_19" onclick="off(19)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/9/9d/T--Waterloo--lab_jeriann_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Don't be afraid to ask questions!</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Jamming to Alina's music while doing PCR</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I love architecture (hence the photo of me at the Amiens Cathedral)!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/0/08/T--Waterloo--lab_amanda.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Amanda Kuang</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 3A, Honours Science </p> | ||
+ | <p><button class="button" onclick="on(20)">More</button></p> | ||
+ | <div class="overlay" id="overlay_20" onclick="off(20)"> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Everything is fine, especially when it's not. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/7/7e/T--Waterloo--lab_michael.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Michael Lam (he/him)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Engineering: 2A, Biomedical Engineering</p> | ||
+ | <p><button class="button" onclick="on(21)">More</button></p> | ||
+ | <div class="overlay" id="overlay_21" onclick="off(21)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/3/3c/T--Waterloo--lab_michael_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Autoclave tape is not masking tape with lines of permanent marker.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p> Typing meeting notes last minute only to have it not show up.</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Bleach to end myself the zombie virus.</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I experience seasonal allergies every season.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--row 8--> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/5/52/T--Waterloo--lab_dylan.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Dylan Perera (he/him)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 3B, Honours Biochemistry</p> | ||
+ | <p>"It’s ok, it will all be over in November."</p> | ||
+ | <p><button class="button" onclick="on(40)">More</button></p> | ||
+ | <div class="overlay" id="overlay_40" onclick="off(40)"> | ||
+ | |||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Just how chaotic iGEM is but how much I love that.</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>ur worst contaminated media—even the zombies would be afraid.</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I play in Waterloo’s Balinese percussion ensemble.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/4/49/T--Waterloo--lab_nicki.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Nicki Shaw (she/her)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 2B Biochemistry</p> | ||
+ | <p>"fun and fresh"</p> | ||
+ | <p><button class="button" onclick="on(22)">More</button></p> | ||
+ | <div class="overlay" id="overlay_22" onclick="off(22)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/6/67/T--waterloo--teamphotos_Nicki_Shaw_B.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Not to make the team page at the last minute.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Sitting on the floor of Kingsley's room at 11:59pm on the night of wiki freeze with bloodshot eyes and a burrito.</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be?</h2> | ||
+ | <p>25uL of GelRed</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I love fungi :D</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/d/dc/T--Waterloo--lab_leah.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Leah Fulton (she/her)</h2> | ||
+ | <p class="title">Admin/other</p> | ||
+ | <p>program</p> | ||
+ | <p> “good good", "Big boy" and "Good good big boy"</p> | ||
+ | <p><button class="button" onclick="on(23)">More</button></p> | ||
+ | <div class="overlay" id="overlay_23" onclick="off(23)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/6/6a/T--Waterloo--lab_leah_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>How to make a good zach efron meme</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Max Reid and his love for Mr Panino's</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Claire Murphy in a pair of combat boots</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I am specializing in plant biology but all my plants are dead</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--row 10--> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/1/1f/T--Waterloo--lab_matthew.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Matthew Schmitz (he/him)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 4A, Honours Biomedical Sciences</p> | ||
+ | <p><button class="button" onclick="on(24)">More</button></p> | ||
+ | <div class="overlay" id="overlay_24" onclick="off(24)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/4/46/T--Waterloo--lab_matthew_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>I learned how rewarding science can be. Through iGEM and other research experiences, I have seen, first-hand, how exciting it is to pursue scientific questions.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/0/07/T--Waterloo--lab_katie.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Katherine Walker (she/her)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 3B, Honours Biology</p> | ||
+ | <p><button class="button" onclick="on(25)">More</button></p> | ||
+ | <div class="overlay" id="overlay_25" onclick="off(25)"> | ||
+ | |||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>This year taught me the power of working in a interdisciplinary team and how different approaches to problems are very valuable.</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>Filter sterilization equipment, gotta have that clean water!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/3/35/T--Waterloo--lab_kristian.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Kristian Young (he/him)</h2> | ||
+ | <p class="title">Lab and Design</p> | ||
+ | <p>Science: 3B, Biochemistry</p> | ||
+ | <p>"Kinda wack"</p> | ||
+ | <p><button class="button" onclick="on(26)">More</button></p> | ||
+ | <div class="overlay" id="overlay_26" onclick="off(26)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/4/4d/T--Waterloo--lab_kristian_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>How to design primers</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I own one cardboard Beyonce cutout</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--row 11 --> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/8/88/T--Waterloo--math_michael.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Michael Astwood (he/him)</h2> | ||
+ | <p class="title">Math and Modelling</p> | ||
+ | <p>Science: 3B, Mathematical Physics</p> | ||
+ | <p>"Cheers bro, I'll drink to that"</p> | ||
+ | <p><button class="button" onclick="on(27)">More</button></p> | ||
+ | <div class="overlay" id="overlay_27" onclick="off(27)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/23/T--Waterloo--math_michael_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>The finite element method! It's a very useful technique in applied mathematics and will be super important in anything computational I do later!</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Meeting great new people to insert new knowledge directly into my brain</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Waterloo--math_cecilia.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Cecilia Cancellara (she/her)</h2> | ||
+ | <p class="title">Math and Modelling</p> | ||
+ | <p>Engineering: 2A, Nanotechnology Engineering</p> | ||
+ | <p><button class="button" onclick="on(28)">More</button></p> | ||
+ | <div class="overlay" id="overlay_28" onclick="off(28)"> | ||
+ | |||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Meeting many kind and intelligent people and learning a lot from them. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/7/73/T--Waterloo--math_anant.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Anant Maheshwari</h2> | ||
+ | <p class="title">Math and Modelling</p> | ||
+ | <p>Math: 3A, Computer Science</p> | ||
+ | <p><button class="button" onclick="on(29)">More</button></p> | ||
+ | <div class="overlay" id="overlay_29" onclick="off(29)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/5/55/T--Waterloo--math_anant_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Clustering stuff is fun. Also was super cool getting a feel for what synthetic biology research is like :)</p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--row 12 --> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/1/1b/T--Waterloo--math_advait.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Advait Maybhate (he/him)</h2> | ||
+ | <p class="title">Math and Modelling</p> | ||
+ | <p>Math: 2A, Computer Science</p> | ||
+ | |||
+ | <p><button class="button" onclick="on(30)">More</button></p> | ||
+ | <div class="overlay" id="overlay_30" onclick="off(30)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/d/df/T--Waterloo--math_advait_b.png" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>Synthetic biology is insanely cool!</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I've attended 10 different elementary schools in 4 countries!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/d/d4/T--Waterloo--math_atmn.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Atmn Patel (he/him)</h2> | ||
+ | <p class="title">Math and Modelling</p> | ||
+ | <p>Math: 3A, Computer Science</p> | ||
+ | <p><button class="button" onclick="on(31)">More</button></p> | ||
+ | <div class="overlay" id="overlay_31" onclick="off(31)"> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>The one left standing automatically wins.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>Not writing this</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I hate writing these things</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/d/d9/T--Waterloo--math_claire.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Claire Murphy</h2> | ||
+ | <p class="title">Math and Modelling and Lab Summer Co-op</p> | ||
+ | <p>Engineering: 2A, Nanotechnology Engineering</p> | ||
+ | <p>"Parry this you fricking casual" under her breath while bleaching containers</p> | ||
+ | <p><button class="button" onclick="on(33)">More</button></p> | ||
+ | <div class="overlay" id="overlay_33" onclick="off(33)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Waterloo--math_claire_b.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white">Most valuable thing you learned this year</h2> | ||
+ | <p>How to balance having a frozen stock, two test tubes and a media bottle in one hand while holding a pipette and two caps in the other.</p> | ||
+ | <h2 style="color:white">Favorite experience in iGEM so far?</h2> | ||
+ | <p>The last week of summer when 10+ people would come into the lab and the chaotic energy rivalled that of a yorkie on crack</p> | ||
+ | <h2 style="color:white">If you could have only one thing from the lab in a zombie apocalypse what would it be and why?</h2> | ||
+ | <p>I would bring the entire biohazardous waste bin so I could make my own zombies and make a zombie fight club</p> | ||
+ | <h2 style="color:white">Fun fact about you?</h2> | ||
+ | <p>I run a mildly successful meme page</p> | ||
+ | <h2 style="color:white">Just for you Claire</h2> | ||
+ | <p>Favourite quote: "I just took a DNA test, turns out I'm 100% that beech"</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <div class="card"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/d/d9/T--Waterloo--model_icon.png" style="width:100%"> | ||
+ | <div class="container"> | ||
+ | <h2>Francois-Guillaume Lemesre</h2> | ||
+ | <p class="title">Math and Modelling</p> | ||
+ | <p>Science: Mathematical Physics 3A</p> | ||
+ | <p></p> | ||
+ | <p><button class="button" onclick="on(34)">More</button></p> | ||
+ | <div class="overlay" id="overlay_34" onclick="off(34)"> | ||
+ | <div id="overlayimage"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/5/5b/T--Waterloo--model_icon.jpg" style="width:500px"> | ||
+ | </div> | ||
+ | <div id="text"> | ||
+ | <h2 style="color:white"></h2> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!--done rows--> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
</section> | </section> | ||
+ | |||
<!-- Footer --> | <!-- Footer --> | ||
− | + | <footer id="footer"> | |
<div class="inner"> | <div class="inner"> | ||
<div class="content"> | <div class="content"> | ||
Line 3,051: | Line 3,918: | ||
</div> | </div> | ||
</footer> | </footer> | ||
+ | |||
+ | <!-- Scripts --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Waterloo/JS&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> | ||
+ | <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> | ||
+ | |||
+ | <!-- overlay --> | ||
+ | <script> | ||
+ | function on(s) { | ||
+ | document.getElementById("overlay_".concat(s)).style.display = "block"; | ||
+ | } | ||
+ | |||
+ | function off(s) { | ||
+ | document.getElementById("overlay_".concat(s)).style.display = "none"; | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | |||
</body> | </body> | ||
− | |||
</html> | </html> |
Revision as of 22:08, 9 December 2019
Our Team
Waterloo iGEM 2019
At the University of waterloo we have an administative team and 3 subteams who work on the annual project. The Lab and Deisgn team, Math and Modelling team, and Human Practices team.
Our team video! We hope you like it, if it is not loading you can also find it here
![](https://static.igem.org/mediawiki/2019/2/22/T--Waterloo--admin_sebastien.png)
Sebastien Carman (he/him)
Admin/other
Science: 3B, Biotechnology & Economics
"What the heck?"
![](https://static.igem.org/mediawiki/2019/b/bf/T--Waterloo--admin_gurlin.png)
Gurlin Chudha (she/her)
Admin/other
Science: 4A, Honours Biotech/CPA with Coop
"Dw I can reconcile that!" and "Excel saved my life"
![](https://static.igem.org/mediawiki/2019/3/30/T--Waterloo--admin_anya.png)
Anya Forestell (she/her)
Admin/other
Science: 4A, Honours Co-operative Physics and Astronomy
"Anything else?? No?? Meeting adjourned!!"
![](https://static.igem.org/mediawiki/2019/c/c9/T--Waterloo--hp_kristelle.png)
Kristelle Canlas (she/her)
Human Practices
Engineering: 2B, Nanotechnology Engineering
![](https://static.igem.org/mediawiki/2019/a/af/T--Waterloo--hp_jessie.png)
Jessie Christie (she/her)
Human Practices
Engineering: 2B, Nanotechnology Engineering
![](https://static.igem.org/mediawiki/2019/4/4b/T--Waterloo--hp_shakir.png)
Shakir Elliott-Mohamed
Human Practices
Science: 3B, Materials and Nanoscience
"Call me the iGEM Spokesperson"
![](https://static.igem.org/mediawiki/2019/9/9f/T--Waterloo--hp_ana.png)
Ana Fernandez Galliano (she/her)
Human Practices
Science: 2A, Biochemistry
Random Harry Potter quotes
![](https://static.igem.org/mediawiki/2019/0/08/T--Waterloo--hp_simon.png)
Simon Frew
Human Practices
Engineering: 2B, Nanotechnology Engineering
"Shoot eh"
![](https://static.igem.org/mediawiki/2019/8/83/T--Waterloo--hp_rajan.png)
Rajan Grewal
Human Practices
Applied Heath Sciences: 3A, Health Studies
![](https://static.igem.org/mediawiki/2019/0/06/T--Waterloo--hp_joshua.png)
Joshua Hanneson (he/him)
Human Practices
Engineering: 2A, Nanotechnology Engineering
![](https://static.igem.org/mediawiki/2019/9/96/T--Waterloo--hp_christine.png)
Christine Johnston (she/her)
Human Practices
Science: 4A, Biomedical Sciences
"Okay, team!"
![](https://static.igem.org/mediawiki/2019/d/d9/T--Waterloo--hp_clare.png)
Clare Reid (she/her)
Human Practices
Science: 3A, Biochemistry
"Neat!"
![](https://static.igem.org/mediawiki/2019/c/c5/T--Waterloo--hp_christian.png)
Christian Singh (he/him)
Human Practices
Science: 3A, Biomedical Sciences
"what that field do tho?"
![](https://static.igem.org/mediawiki/2019/e/e9/T--Waterloo--hp_kingsley.png)
Kingsley Wong (he/him)
Human Practices
Engineering: 3B, Nanotechnology Engineering
"I am not garbage"
![](https://static.igem.org/mediawiki/2019/c/cf/T--Waterloo--lab_andrea.png)
Andrea Alexei (she/her)
Lab and Design
Science: 3B, Honours Biology
"I completely forgot that happened."
![](https://static.igem.org/mediawiki/2019/0/05/T--Waterloo--lab_alina.png)
Alina Arvisais (she/her)
Lab and Design
Science: 2B, Biochemistry
"That's upsetting"
![](https://static.igem.org/mediawiki/2019/f/f0/T--Waterloo--lab_morgan.png)
Morgan Cordell (he/him)
Lab and Design
Science: 2B, Medicinal Chemistry
"I'm a fool"
![](https://static.igem.org/mediawiki/2019/6/6c/T--Waterloo--lab_clara.png)
Clara Fikry
Lab and Design
Applied Heath Sciences: 4A, Health Studies & Biology Joint Honours
"wham bam"
![](https://static.igem.org/mediawiki/2019/0/0c/T--Waterloo--lab_jeriann.png)
Jeriann Hsiao
Lab and Design
Engineering: 2A, Nanotechnology Engineering
![](https://static.igem.org/mediawiki/2019/0/08/T--Waterloo--lab_amanda.png)
Amanda Kuang
Lab and Design
Science: 3A, Honours Science
![](https://static.igem.org/mediawiki/2019/7/7e/T--Waterloo--lab_michael.png)
Michael Lam (he/him)
Lab and Design
Engineering: 2A, Biomedical Engineering
![](https://static.igem.org/mediawiki/2019/5/52/T--Waterloo--lab_dylan.png)
Dylan Perera (he/him)
Lab and Design
Science: 3B, Honours Biochemistry
"It’s ok, it will all be over in November."
![](https://static.igem.org/mediawiki/2019/4/49/T--Waterloo--lab_nicki.png)
Nicki Shaw (she/her)
Lab and Design
Science: 2B Biochemistry
"fun and fresh"
![](https://static.igem.org/mediawiki/2019/d/dc/T--Waterloo--lab_leah.png)
Leah Fulton (she/her)
Admin/other
program
“good good", "Big boy" and "Good good big boy"
![](https://static.igem.org/mediawiki/2019/1/1f/T--Waterloo--lab_matthew.png)
Matthew Schmitz (he/him)
Lab and Design
Science: 4A, Honours Biomedical Sciences
![](https://static.igem.org/mediawiki/2019/0/07/T--Waterloo--lab_katie.png)
Katherine Walker (she/her)
Lab and Design
Science: 3B, Honours Biology
![](https://static.igem.org/mediawiki/2019/3/35/T--Waterloo--lab_kristian.png)
Kristian Young (he/him)
Lab and Design
Science: 3B, Biochemistry
"Kinda wack"
![](https://static.igem.org/mediawiki/2019/8/88/T--Waterloo--math_michael.png)
Michael Astwood (he/him)
Math and Modelling
Science: 3B, Mathematical Physics
"Cheers bro, I'll drink to that"
![](https://static.igem.org/mediawiki/2019/6/6f/T--Waterloo--math_cecilia.png)
Cecilia Cancellara (she/her)
Math and Modelling
Engineering: 2A, Nanotechnology Engineering
![](https://static.igem.org/mediawiki/2019/7/73/T--Waterloo--math_anant.png)
Anant Maheshwari
Math and Modelling
Math: 3A, Computer Science
![](https://static.igem.org/mediawiki/2019/1/1b/T--Waterloo--math_advait.png)
Advait Maybhate (he/him)
Math and Modelling
Math: 2A, Computer Science
![](https://static.igem.org/mediawiki/2019/d/d4/T--Waterloo--math_atmn.png)
Atmn Patel (he/him)
Math and Modelling
Math: 3A, Computer Science
![](https://static.igem.org/mediawiki/2019/d/d9/T--Waterloo--math_claire.png)
Claire Murphy
Math and Modelling and Lab Summer Co-op
Engineering: 2A, Nanotechnology Engineering
"Parry this you fricking casual" under her breath while bleaching containers
![](https://static.igem.org/mediawiki/2019/d/d9/T--Waterloo--model_icon.png)
Francois-Guillaume Lemesre
Math and Modelling
Science: Mathematical Physics 3A