Line 2: | Line 2: | ||
<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{ |
− | + | text-align:left !important; | |
− | + | } | |
− | + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | |
+ | margin:0 !important; | ||
+ | } | ||
+ | #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 { | + | .testimonials .content { |
− | + | background: #ffffff; | |
− | + | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); } | |
− | + | .testimonials .content .credit strong { | |
− | + | color: #B3DC77; } | |
− | /* Actions */ | + | /* Actions */ |
− | ul.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 */ | + | /* Grid */ |
− | .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 { |
− | + | order: -1; } | |
− | .row > .col-1 { | + | .row > .col-1 { |
− | + | width: 8.3333333333%; } | |
− | .row > .off-1 { | + | .row > .off-1 { |
− | + | margin-left: 8.3333333333%; } | |
− | .row > .col-2 { | + | .row > .col-2 { |
− | + | width: 16.6666666667%; } | |
− | .row > .off-2 { | + | .row > .off-2 { |
− | + | margin-left: 16.6666666667%; } | |
− | .row > .col-3 { | + | .row > .col-3 { |
− | + | width: 25%; } | |
− | .row > .off-3 { | + | .row > .off-3 { |
− | + | margin-left: 25%; } | |
− | .row > .col-4 { | + | .row > .col-4 { |
− | + | width: 33.3333333333%; } | |
− | .row > .off-4 { | + | .row > .off-4 { |
− | + | margin-left: 33.3333333333%; } | |
− | .row > .col-5 { | + | .row > .col-5 { |
− | + | width: 41.6666666667%; } | |
− | .row > .off-5 { | + | .row > .off-5 { |
− | + | margin-left: 41.6666666667%; } | |
− | .row > .col-6 { | + | .row > .col-6 { |
− | + | width: 50%; } | |
− | .row > .off-6 { | + | .row > .off-6 { |
− | + | margin-left: 50%; } | |
− | .row > .col-7 { | + | .row > .col-7 { |
− | + | width: 58.3333333333%; } | |
− | .row > .off-7 { | + | .row > .off-7 { |
− | + | margin-left: 58.3333333333%; } | |
− | .row > .col-8 { | + | .row > .col-8 { |
− | + | width: 66.6666666667%; } | |
− | .row > .off-8 { | + | .row > .off-8 { |
− | + | margin-left: 66.6666666667%; } | |
− | .row > .col-9 { | + | .row > .col-9 { |
− | + | width: 75%; } | |
− | .row > .off-9 { | + | .row > .off-9 { |
− | + | margin-left: 75%; } | |
− | .row > .col-10 { | + | .row > .col-10 { |
− | + | width: 83.3333333333%; } | |
− | .row > .off-10 { | + | .row > .off-10 { |
− | + | margin-left: 83.3333333333%; } | |
− | .row > .col-11 { | + | .row > .col-11 { |
− | + | width: 91.6666666667%; } | |
− | .row > .off-11 { | + | .row > .off-11 { |
− | + | margin-left: 91.6666666667%; } | |
− | .row > .col-12 { | + | .row > .col-12 { |
− | + | width: 100%; } | |
− | .row > .off-12 { | + | .row > .off-12 { |
− | + | 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: 1680px) { | + | @media screen and (max-width: 1680px) { |
− | + | .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-xlarge { | |
− | + | order: -1; } | |
− | + | .row > .col-1-xlarge { | |
− | + | width: 8.3333333333%; } | |
− | + | .row > .off-1-xlarge { | |
− | + | margin-left: 8.3333333333%; } | |
− | + | .row > .col-2-xlarge { | |
− | + | width: 16.6666666667%; } | |
− | + | .row > .off-2-xlarge { | |
− | + | margin-left: 16.6666666667%; } | |
− | + | .row > .col-3-xlarge { | |
− | + | width: 25%; } | |
− | + | .row > .off-3-xlarge { | |
− | + | margin-left: 25%; } | |
− | + | .row > .col-4-xlarge { | |
− | + | width: 33.3333333333%; } | |
− | + | .row > .off-4-xlarge { | |
− | + | margin-left: 33.3333333333%; } | |
− | + | .row > .col-5-xlarge { | |
− | + | width: 41.6666666667%; } | |
− | + | .row > .off-5-xlarge { | |
− | + | margin-left: 41.6666666667%; } | |
− | + | .row > .col-6-xlarge { | |
− | + | width: 50%; } | |
− | + | .row > .off-6-xlarge { | |
− | + | margin-left: 50%; } | |
− | + | .row > .col-7-xlarge { | |
− | + | width: 58.3333333333%; } | |
− | + | .row > .off-7-xlarge { | |
− | + | margin-left: 58.3333333333%; } | |
− | + | .row > .col-8-xlarge { | |
− | + | width: 66.6666666667%; } | |
− | + | .row > .off-8-xlarge { | |
− | + | margin-left: 66.6666666667%; } | |
− | + | .row > .col-9-xlarge { | |
− | + | width: 75%; } | |
− | + | .row > .off-9-xlarge { | |
− | + | margin-left: 75%; } | |
− | + | .row > .col-10-xlarge { | |
− | + | width: 83.3333333333%; } | |
− | + | .row > .off-10-xlarge { | |
− | + | margin-left: 83.3333333333%; } | |
− | + | .row > .col-11-xlarge { | |
− | + | width: 91.6666666667%; } | |
− | + | .row > .off-11-xlarge { | |
− | + | margin-left: 91.6666666667%; } | |
− | + | .row > .col-12-xlarge { | |
− | + | width: 100%; } | |
− | + | .row > .off-12-xlarge { | |
− | + | 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: 1280px) { | + | @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; } | |
− | + | .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) { | + | @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: 736px) { | + | @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: 480px) { | + | @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 */ |
− | .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 */ | + | /* Icons */ |
− | ul.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 */ |
− | .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 */ |
− | .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 */ | + | /* Banner */ |
− | #banner { | + | #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 */ |
− | #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 */ |
− | #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 ; } } | |
− | /* Header */ | + | /* Header */ |
− | body { | + | 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 { | + | #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; | |
− | + | line-height: inherit; | |
− | + | padding: 0 1.25rem; | |
− | + | 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) { | + | @media screen and (max-width: 980px) { |
− | + | body { | |
− | + | padding-top: 44px; } | |
− | + | #header { | |
− | + | height: 44px; | |
− | + | line-height: 44px; } } | |
− | @media screen and (max-width: 480px) { | + | @media screen and (max-width: 480px) { |
− | + | #header { | |
− | + | min-width: 320px; } } | |
− | /* Heading */ | + | /* Heading */ |
− | #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; } | |
− | + | #heading a { | |
− | + | 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; } } | |
− | /* Main */ | + | /* Main */ |
− | #main .content { | + | #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 */ |
− | #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 { | + | 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> | </style> | ||
− | < | + | <!-- |
+ | Template Information: | ||
+ | Industrious by TEMPLATED | ||
+ | templated.co @templatedco | ||
+ | Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | ||
+ | --> | ||
− | < | + | <head> |
− | < | + | <title>iGEM UWaterloo 2019 - Model</title> |
− | < | + | <meta charset="utf-8" /> |
− | </ | + | <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> |
+ | <meta name="description" 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"> | ||
− | < | + | <!-- Header --> |
− | < | + | <header id="header"> |
− | + | <a class="logo" href="https://2019.igem.org/Team:Waterloo">Attributes</a> | |
− | + | <nav> | |
− | </ | + | <a href="#menu">Menu</a> |
+ | </nav> | ||
+ | </header> | ||
+ | <!-- Nav --> | ||
+ | <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/Members">Team Members</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Description">Description</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Design">Design</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Contribution">Contribution</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Results">Results</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Demonstrate">Demonstrate</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Improve">Improve</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Parts">Parts</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Safety">Safety</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Human_Practices">Human Practices</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> | ||
+ | </ul> | ||
+ | </nav> | ||
− | < | + | <!-- Heading --> |
− | + | <div id="heading" > | |
− | + | <h1>Attributions</h1> | |
− | + | ||
− | <div | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
− | <div class=" | + | <!-- Main --> |
− | <p> | + | <section id="main" class="wrapper"> |
− | <ul> | + | <div class="inner"> |
− | <li> | + | <div class="content"> |
− | <li> | + | <p>Our project would not have been possible without the help of many people. Here, we would like to take the time to recognize and thank everyone who helped us on our journey this year! </p> |
− | <li> | + | <h3 id="project-development">Project Development</h3> |
− | <li> | + | <p> We would also like to give a huge thanks to Maximillian Reed, a previous lead on the iGEM 2017, for his support and guidance in the development of BBa_K2995002 biobrick experiments. We would also like to thank him for the time he put in on the intial experiments for the BBa_K2995002 biobrick for the 2019 iGEM project. </p> |
− | <li> | + | <h3 id="co-op-students">Co-op Students</h3> |
− | <li> | + | <p> Thanks go out to iGEM team member Claire, who also acted as the co-op student during the months of April - August. It was with their assistance that the literature discussing the nat1 gene, integral to the design of our project this year, was found. Claire's dedication, and all the time they put in with the day to day operations during the summer, helped the project develop as it did.</p> |
− | </ | + | <p> As a team member and our summer finance co-op, Gurlin was instrumental in coordinating our financial accounting, securing funding, and managing relations with our stakeholders.</p> |
− | </ | + | <h3 id="advisors">Advisors</h3> |
− | + | <p> We would like to give a huge thank you to all the advisors of the Waterloo iGEM Team. They have helped the team immensely over the years and we can not be more grateful. From things like giving feedback on potential projects, troubleshooting, finances, and even networking-- all of the advisors were very helpful.</p> | |
− | + | <ul style="margin-top:-15px"> | |
− | < | + | <li>Dr. Barb Moffatt</li> |
− | < | + | <li>Dr. Brian Ingalls</li> |
− | + | <li>Dr. Trevor Charles</li> | |
− | + | <li>Dr. Andrew Doxey</li> | |
− | <p> | + | <li>Dr. Marc Aucoin</li> |
− | < | + | <li>Dr. Valerie Ward</li> |
− | + | <li>Dr. Forbes Burkowski</li> | |
− | + | <li>Dr. John Mclevey</li> | |
− | < | + | </ul> |
− | < | + | <h3 id="experimental-design-and-consultation">Experimental Design and Consultation</h3> |
− | </ | + | <p> Along with the guidance provided by the Waterloo iGEM advisors, faculty and graduate students of the university were consulted, and aided in the development of our design. Thanks go out to Scott Liddycoat, who is a departmental technician in the faculty of science, and who helped us optimize the growing conditions of the soybeans. As well, to the departmental technician Cheryl Soullière who provided a protocol for facilitating nodulation in soybean plants, as conducted for the university labs. |
− | </div> | + | Graduate student of Dr. Trevor Charles, Adrian Van Dyke, was of immeasurable help in guiding our team throughout the conjugation protocol, culturing rhizobia, and providing weekly aid and insight. |
− | </div> | + | Alongside this, other parties non-affiliated with the university guided the development of the project. Barney Geddes, a Postdoctaral researcher at McMaster University, helped answer our questions regarding gene manipulation in <em>Bradyrhizobium</em> and root nodule forming assays. Dr. George DiCenzo, of Queen's Univerity, provided feedback and advice on the initial designs for cloning that were being used for the project. Dr. Robin Horst, a senior scientist at <a href="https://joynbio.com/">Joyn Bio</a> also met with us in July to discuss our project. He gave us advice on our epxerimental design (which controls to include, how many replicates we need when working with plants, measuring fluoresence in root nodules, etc.). We also discussed biocontainment and how our project might be applied in the real world.<br> We would like to thank Newcastle iGEM, and specifically Connor, for their support in this helping us develop our minimum inhibitory concentration (MIC) experiments, detailed on experiments page (<a href="https://2019.igem.org/Team:Newcastle/Collaborations#UofW">https://2019.igem.org/Team:Newcastle/Collaborations#UofW</a>). </p> |
− | + | <h3 id="hardware-support">Hardware Support</h3> | |
− | + | <p> Thanks go towards Dr. Josh Neufeld, Dr. Brain Ingalls, and Dr. Trevor Charles for allowing for the use of their lab equipment: the plate reader, the flowcytometer, and the bioscreen respectively. Thanks also go to Dr. Raymond Legge, for allowing the use of his facilities and his BioTek Synergy 4 plate reader. </p> | |
− | + | <h3 id="human-practices">Human Practices</h3> | |
− | <div class=" | + | <p> We would like to thank the following people for taking time out of their day to help us better understand the implications and implementations of our project. Thank you to Robert Martin, Dr. Breanne Tidemann and Dr. Sara Martin of Agriculture and Agri-Food Canada who helped us learn the typical views on herbicides from the general public, barriers to communicating agriculture practices, and potential ways to overcome them. As well, thanks to Steven Fekete of Fekete Farms and Karl Gmach from Gmach Gardens for speaking with us about their farming practices, including fertilizer and herbicide use, and communicated potential concerns from their consumers about our project. Finally, thank you to Phil Nadalin from Bayer Canada for answering our questions concerning current industry standards with using <em>Rhizobia</em>, as well as on potential implementation of our project.</p> |
− | + | <h3 id="administrative-help">Administrative Help</h3> | |
− | <div class="column | + | <p>We would like to thank Lucy Satora for providing administrative assistance and help with handling shipments during this years project, and Vivian Cheung's help in regards to financial administration. </p> |
− | < | + | <h3 id="sponsors">Sponsors</h3> |
− | + | <p>Thank you to our sponsors for supporting the work of the 2018 Waterloo iGEM team. This project is thanks to the funding and support received by them.</p> | |
− | < | + | <div class="row"> |
− | + | <div class="column"> | |
− | </div> | + | <img src="https://static.igem.org/mediawiki/2019/7/70/T--Waterloo--UniLogo.png" alt="UniLog" width="50%"> |
− | + | </div> | |
− | <div class=" | + | <div class="column"> |
− | <div class=" | + | <img src="https://static.igem.org/mediawiki/2019/8/8f/T--Waterloo--ScienceFoundation.png" alt="ScienceFoundation" width="100%"> |
− | < | + | </div> |
− | < | + | </div> |
− | </div> | + | <div class="row"> |
− | </div> | + | <div class="column"> |
+ | <img src="https://static.igem.org/mediawiki/2019/2/2b/T--Waterloo--WaterlooMath.gif" alt="WaterlooMath" width="100%"> | ||
+ | </div> | ||
+ | <div class="column"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/3/37/T--Waterloo--Science_Soc.png" alt="Science_Soc" width="100%"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="column"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/9/9d/T--Waterloo--Science_Faculty_logo.png" alt="Science_Faculty_logo" width="100%"> | ||
+ | </div> | ||
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/0/04/T--Waterloo--WUSA.png" alt="WUSA" width="30%"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <footer id="footer"> | ||
+ | <div class="inner"> | ||
+ | <div class="content"> | ||
+ | <section> | ||
+ | <h3>Waterloo iGEM 2019</h3> | ||
+ | <p>"Waterloo iGEM: hacking synbio since 2006"</p> | ||
+ | </section> | ||
+ | <section> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/26/T--Waterloo--OfficialLogo.png" style="width:90%"> | ||
+ | </section> | ||
+ | <section> | ||
+ | <h4>Social Media</h4> | ||
+ | <ul class="plain"> | ||
+ | <li><a href="https://twitter.com/waterloo_igem"><i class="icon fa-twitter"> </i>Twitter</a></li> | ||
+ | <li><a href="https://www.facebook.com/WaterlooiGEM/"><i class="icon fa-facebook"> </i>Facebook</a></li> | ||
+ | <li><a href="https://www.instagram.com/waterloo.igem"><i class="icon fa-instagram"> </i>Instagram</a></li> | ||
+ | <li><a href="https://github.com/igem-waterloo/uwaterloo-igem-2019"><i class="icon fa-github"> </i>Github</a></li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <!-- Scripts --> | ||
+ | <script src="assets/js/uwaterloo-jquery.min.js"></script> | ||
+ | <script src="assets/js/uwaterloo-browser.min.js"></script> | ||
+ | <script src="assets/js/uwaterloo-breakpoints.min.js"></script> | ||
+ | <script src="assets/js/uwaterloo-util.js"></script> | ||
+ | <script src="assets/js/uwaterloo-main.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 23:45, 21 October 2019
Attributions
Our project would not have been possible without the help of many people. Here, we would like to take the time to recognize and thank everyone who helped us on our journey this year!
Project Development
We would also like to give a huge thanks to Maximillian Reed, a previous lead on the iGEM 2017, for his support and guidance in the development of BBa_K2995002 biobrick experiments. We would also like to thank him for the time he put in on the intial experiments for the BBa_K2995002 biobrick for the 2019 iGEM project.
Co-op Students
Thanks go out to iGEM team member Claire, who also acted as the co-op student during the months of April - August. It was with their assistance that the literature discussing the nat1 gene, integral to the design of our project this year, was found. Claire's dedication, and all the time they put in with the day to day operations during the summer, helped the project develop as it did.
As a team member and our summer finance co-op, Gurlin was instrumental in coordinating our financial accounting, securing funding, and managing relations with our stakeholders.
Advisors
We would like to give a huge thank you to all the advisors of the Waterloo iGEM Team. They have helped the team immensely over the years and we can not be more grateful. From things like giving feedback on potential projects, troubleshooting, finances, and even networking-- all of the advisors were very helpful.
- Dr. Barb Moffatt
- Dr. Brian Ingalls
- Dr. Trevor Charles
- Dr. Andrew Doxey
- Dr. Marc Aucoin
- Dr. Valerie Ward
- Dr. Forbes Burkowski
- Dr. John Mclevey
Experimental Design and Consultation
Along with the guidance provided by the Waterloo iGEM advisors, faculty and graduate students of the university were consulted, and aided in the development of our design. Thanks go out to Scott Liddycoat, who is a departmental technician in the faculty of science, and who helped us optimize the growing conditions of the soybeans. As well, to the departmental technician Cheryl Soullière who provided a protocol for facilitating nodulation in soybean plants, as conducted for the university labs.
Graduate student of Dr. Trevor Charles, Adrian Van Dyke, was of immeasurable help in guiding our team throughout the conjugation protocol, culturing rhizobia, and providing weekly aid and insight.
Alongside this, other parties non-affiliated with the university guided the development of the project. Barney Geddes, a Postdoctaral researcher at McMaster University, helped answer our questions regarding gene manipulation in Bradyrhizobium and root nodule forming assays. Dr. George DiCenzo, of Queen's Univerity, provided feedback and advice on the initial designs for cloning that were being used for the project. Dr. Robin Horst, a senior scientist at Joyn Bio also met with us in July to discuss our project. He gave us advice on our epxerimental design (which controls to include, how many replicates we need when working with plants, measuring fluoresence in root nodules, etc.). We also discussed biocontainment and how our project might be applied in the real world.
We would like to thank Newcastle iGEM, and specifically Connor, for their support in this helping us develop our minimum inhibitory concentration (MIC) experiments, detailed on experiments page (https://2019.igem.org/Team:Newcastle/Collaborations#UofW).
Hardware Support
Thanks go towards Dr. Josh Neufeld, Dr. Brain Ingalls, and Dr. Trevor Charles for allowing for the use of their lab equipment: the plate reader, the flowcytometer, and the bioscreen respectively. Thanks also go to Dr. Raymond Legge, for allowing the use of his facilities and his BioTek Synergy 4 plate reader.
Human Practices
We would like to thank the following people for taking time out of their day to help us better understand the implications and implementations of our project. Thank you to Robert Martin, Dr. Breanne Tidemann and Dr. Sara Martin of Agriculture and Agri-Food Canada who helped us learn the typical views on herbicides from the general public, barriers to communicating agriculture practices, and potential ways to overcome them. As well, thanks to Steven Fekete of Fekete Farms and Karl Gmach from Gmach Gardens for speaking with us about their farming practices, including fertilizer and herbicide use, and communicated potential concerns from their consumers about our project. Finally, thank you to Phil Nadalin from Bayer Canada for answering our questions concerning current industry standards with using Rhizobia, as well as on potential implementation of our project.
Administrative Help
We would like to thank Lucy Satora for providing administrative assistance and help with handling shipments during this years project, and Vivian Cheung's help in regards to financial administration.
Sponsors
Thank you to our sponsors for supporting the work of the 2018 Waterloo iGEM team. This project is thanks to the funding and support received by them.