| | |
| | | /* |
| | | Theme Name: Legacy |
| | | Theme URI: |
| | | Description: Jvb-theme child theme. |
| | | Author: Me |
| | | Author URI: |
| | | /*! |
| | | Theme Name: Martian Infotech Extension |
| | | Theme URI: https://martianit.ca |
| | | Description: Jvb-theme child theme, for Martian Infotech. |
| | | Author: Jake |
| | | Author URI: https://jakevan.ca/ |
| | | Template: jvb-theme |
| | | Version: 0.1.0 |
| | | */ |
| | | !*/:root{--filter:grayscale(.3) sepia(.4);--font-base:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--heading:'Ailerons',var(--font-base);--body:'Oswald',var(--font-base);--fw-h:500;--fw-h-light:500;--fw-h-bold:500;--fw-b:300;--fw-b-bold:700;--fw-b-light:300;--light-0:250,249,250;--light-50:238,235,238;--light-100:227,221,227;--light-200:215,207,215;--light-rgb:250,249,250;--dark-0:35,31,32;--dark-50:49,43,44;--dark-100:62,55,57;--dark-200:76,67,69;--dark-rgb:35,31,32;--action-0:5,165,75;--action-50:6,190,86;--action-100:7,214,97;--action-200:7,239,109;--action-rgb:5,165,75;--action-contrast:var(--light-0);--secondary-0:255,210,90;--secondary-50:255,217,115;--secondary-100:255,244,141;--secondary-200:255,231,166;--secondary-rgb:255,210,90;--secondary-contrast:var(--dark-0);--success:5,165,75;--successLight:222,254,236;--successDark:1,41,19;--warning:214,145,33;--warningLight:246,229,203;--warningDark:35,24,6;--error:240,128,128;--errorLight:253,242,242;--errorDark:55,7,7;--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--successBack:var(--successLight);--successText:var(--successDark);--warningBack:var(--warningLight);--warningText:var(--warningDark);--errorBack:var(--errorLight);--errorText:var(--errorDark)}body:has(#theme-switcher:checked){--action-50:4,140,64;--action-100:4,115,52;--action-200:3,91,41;--secondary-50:255,203,64;--secondary-100:255,196,39;--secondary-200:255,189,13;--contrast:var(--light-0);--contrast-50:var(--light-50);--contrast-100:var(--light-100);--contrast-200:var(--light-200);--contrast-rgb:var(--light-rgb);--base:var(--dark-0);--base-50:var(--dark-50);--base-100:var(--dark-100);--base-200:var(--dark-200);--base-rgb:var(--dark-rgb);--successBack:var(--successDark);--successText:var(--successLight);--warningBack:var(--warningDark);--warningText:var(--warningLight);--errorBack:var(--errorDark);--errorText:var(--errorLight)}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:300;src:url(assets/fonts/oswald-v57-latin-300.woff2) format('woff2'),url(assets/fonts/oswald-v57-latin-300.ttf) format('truetype')}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(assets/fonts/oswald-v57-latin-700.woff2) format('woff2'),url(assets/fonts/oswald-v57-latin-700.ttf) format('truetype')}@font-face{font-display:swap;font-family:Ailerons;font-style:normal;font-weight:500;src:url(assets/fonts/Ailerons-Typeface.woff2) format('woff2'),url(assets/fonts/Ailerons-Typeface.otf) format('opentype')}html{font-size:18px}div.logo{display:flex;gap:1.5rem;align-items:center;margin:0 auto}.logo #martian-infotech-logo{width:var(--btn);height:var(--btn)}.logo #martian-infotech{height:var(--chipchip);width:auto}svg #Infotech{fill:rgb(var(--contrast))!important}.pre-header .socials{display:flex;justify-content:flex-end;list-style:none;gap:.5rem;width:100%}.sub-header{position:sticky;top:-2rem;transition:top var(--trans-base);background-color:rgb(var(--base))!important;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw-down)}.sub-header p{margin:0;text-align:center}.scroll-up .sub-header{top:calc(var(--btn) + var(--chip_) - 2px)}footer{margin-top:1rem}.pre-footer{background-color:rgb(var(--base));text-align:center;padding:2rem 0}.intro{margin:2rem auto 4rem!important;gap:1.5rem;align-items:center;height:max-content}.intro h1{margin:0;font-size:var(--txt-xx-large)}.intro svg{width:40vw;height:auto;margin:0 auto}@media (min-width:768px){.intro svg{width:50vw;margin:unset}.intro h1{font-size:var(--txt-xxx-large);max-width:50vw}}main>section:nth-of-type(even){background-color:rgb(var(--base-100));padding:3rem 0}.callout a{color:rgb(var(--action-0))}.callout .buttons a{color:rgb(var(--action-contrast))}.item-grid .item figure{max-width:40vw;width:100%}.item-grid .item>.group{width:100%;margin-left:1rem}aside.sub.header{background-color:rgb(var(--base));text-align:center;z-index:var(--z-6);position:sticky;top:0;left:0;transition:top var(--trans-base);--justify:center!important}.scroll-up aside.sub.header{top:calc(var(--btn) + var(--chip))}:is(h1,h2,h3,h4,h5,h6) small{line-height:.9}.buttons li{width:100%}@media (min-width:768px){.media-text.row{--wrap:nowrap}}header>.logo,header>a[rel=home]{margin:0 auto}.loop li{--gap:1rem}@media (max-width:767px){.loop li>figure{float:unset;margin:0;aspect-ratio:unset;max-width:none}}.home .loop p:has(.read-more){display:none}.loop li>.col.col{width:unset;max-width:100%}.media-text>*{width:100%;max-width:50%} |