diff --git a/.gitignore b/.gitignore index b7c1d04..4730f46 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,3 @@ -# Ignore: docs files -.ruby-version - # Numerous always-ignore extensions *.diff *.err diff --git a/.ruby-version b/.ruby-version new file mode 100644 index 0000000..ef538c2 --- /dev/null +++ b/.ruby-version @@ -0,0 +1 @@ +3.1.2 diff --git a/Gemfile b/Gemfile index c9837eb..fee4426 100644 --- a/Gemfile +++ b/Gemfile @@ -1,3 +1,6 @@ source 'https://rubygems.org' gem 'github-pages', group: :jekyll_plugins gem 'jemoji' + +gem 'sass-embedded', group: :development +gem "webrick", "~> 1.8" diff --git a/Gemfile.lock b/Gemfile.lock index f837583..5f2ed2c 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -1,242 +1,272 @@ GEM remote: https://rubygems.org/ specs: - activesupport (4.2.10) - i18n (~> 0.7) - minitest (~> 5.1) - thread_safe (~> 0.3, >= 0.3.4) - tzinfo (~> 1.1) - addressable (2.5.2) - public_suffix (>= 2.0.2, < 4.0) + activesupport (7.1.2) + base64 + bigdecimal + concurrent-ruby (~> 1.0, >= 1.0.2) + connection_pool (>= 2.2.5) + drb + i18n (>= 1.6, < 2) + minitest (>= 5.1) + mutex_m + tzinfo (~> 2.0) + addressable (2.8.5) + public_suffix (>= 2.0.2, < 6.0) + base64 (0.2.0) + bigdecimal (3.1.4) coffee-script (2.4.1) coffee-script-source execjs coffee-script-source (1.11.1) colorator (1.1.0) - commonmarker (0.17.13) - ruby-enum (~> 0.5) - concurrent-ruby (1.1.4) - dnsruby (1.61.2) - addressable (~> 2.5) - em-websocket (0.5.1) + commonmarker (0.23.10) + concurrent-ruby (1.2.2) + connection_pool (2.4.1) + dnsruby (1.70.0) + simpleidn (~> 0.2.1) + drb (2.2.0) + ruby2_keywords + em-websocket (0.5.3) eventmachine (>= 0.12.9) - http_parser.rb (~> 0.6.0) - ethon (0.12.0) - ffi (>= 1.3.0) + http_parser.rb (~> 0) + ethon (0.16.0) + ffi (>= 1.15.0) eventmachine (1.2.7) - execjs (2.7.0) - faraday (0.15.4) - multipart-post (>= 1.2, < 3) - ffi (1.10.0) + execjs (2.9.1) + faraday (2.7.12) + base64 + faraday-net_http (>= 2.0, < 3.1) + ruby2_keywords (>= 0.0.4) + faraday-net_http (3.0.2) + ffi (1.16.3) forwardable-extended (2.6.0) - gemoji (3.0.0) - github-pages (193) - activesupport (= 4.2.10) - github-pages-health-check (= 1.8.1) - jekyll (= 3.7.4) - jekyll-avatar (= 0.6.0) + gemoji (3.0.1) + github-pages (228) + github-pages-health-check (= 1.17.9) + jekyll (= 3.9.3) + jekyll-avatar (= 0.7.0) jekyll-coffeescript (= 1.1.1) - jekyll-commonmark-ghpages (= 0.1.5) + jekyll-commonmark-ghpages (= 0.4.0) jekyll-default-layout (= 0.1.4) - jekyll-feed (= 0.11.0) + jekyll-feed (= 0.15.1) jekyll-gist (= 1.5.0) - jekyll-github-metadata (= 2.9.4) - jekyll-mentions (= 1.4.1) - jekyll-optional-front-matter (= 0.3.0) + jekyll-github-metadata (= 2.13.0) + jekyll-include-cache (= 0.2.1) + jekyll-mentions (= 1.6.0) + jekyll-optional-front-matter (= 0.3.2) jekyll-paginate (= 1.1.0) - jekyll-readme-index (= 0.2.0) - jekyll-redirect-from (= 0.14.0) - jekyll-relative-links (= 0.5.3) - jekyll-remote-theme (= 0.3.1) + jekyll-readme-index (= 0.3.0) + jekyll-redirect-from (= 0.16.0) + jekyll-relative-links (= 0.6.1) + jekyll-remote-theme (= 0.4.3) jekyll-sass-converter (= 1.5.2) - jekyll-seo-tag (= 2.5.0) - jekyll-sitemap (= 1.2.0) - jekyll-swiss (= 0.4.0) - jekyll-theme-architect (= 0.1.1) - jekyll-theme-cayman (= 0.1.1) - jekyll-theme-dinky (= 0.1.1) - jekyll-theme-hacker (= 0.1.1) - jekyll-theme-leap-day (= 0.1.1) - jekyll-theme-merlot (= 0.1.1) - jekyll-theme-midnight (= 0.1.1) - jekyll-theme-minimal (= 0.1.1) - jekyll-theme-modernist (= 0.1.1) - jekyll-theme-primer (= 0.5.3) - jekyll-theme-slate (= 0.1.1) - jekyll-theme-tactile (= 0.1.1) - jekyll-theme-time-machine (= 0.1.1) - jekyll-titles-from-headings (= 0.5.1) - jemoji (= 0.10.1) - kramdown (= 1.17.0) - liquid (= 4.0.0) - listen (= 3.1.5) + jekyll-seo-tag (= 2.8.0) + jekyll-sitemap (= 1.4.0) + jekyll-swiss (= 1.0.0) + jekyll-theme-architect (= 0.2.0) + jekyll-theme-cayman (= 0.2.0) + jekyll-theme-dinky (= 0.2.0) + jekyll-theme-hacker (= 0.2.0) + jekyll-theme-leap-day (= 0.2.0) + jekyll-theme-merlot (= 0.2.0) + jekyll-theme-midnight (= 0.2.0) + jekyll-theme-minimal (= 0.2.0) + jekyll-theme-modernist (= 0.2.0) + jekyll-theme-primer (= 0.6.0) + jekyll-theme-slate (= 0.2.0) + jekyll-theme-tactile (= 0.2.0) + jekyll-theme-time-machine (= 0.2.0) + jekyll-titles-from-headings (= 0.5.3) + jemoji (= 0.12.0) + kramdown (= 2.3.2) + kramdown-parser-gfm (= 1.1.0) + liquid (= 4.0.4) mercenary (~> 0.3) - minima (= 2.5.0) - nokogiri (>= 1.8.2, < 2.0) - rouge (= 2.2.1) + minima (= 2.5.1) + nokogiri (>= 1.13.6, < 2.0) + rouge (= 3.26.0) terminal-table (~> 1.4) - github-pages-health-check (1.8.1) + github-pages-health-check (1.17.9) addressable (~> 2.3) dnsruby (~> 1.60) octokit (~> 4.0) - public_suffix (~> 2.0) + public_suffix (>= 3.0, < 5.0) typhoeus (~> 1.3) - html-pipeline (2.10.0) + google-protobuf (3.25.1) + html-pipeline (2.14.3) activesupport (>= 2) nokogiri (>= 1.4) - http_parser.rb (0.6.0) - i18n (0.9.5) + http_parser.rb (0.8.0) + i18n (1.14.1) concurrent-ruby (~> 1.0) - jekyll (3.7.4) + jekyll (3.9.3) addressable (~> 2.4) colorator (~> 1.0) em-websocket (~> 0.5) - i18n (~> 0.7) + i18n (>= 0.7, < 2) jekyll-sass-converter (~> 1.0) jekyll-watch (~> 2.0) - kramdown (~> 1.14) + kramdown (>= 1.17, < 3) liquid (~> 4.0) mercenary (~> 0.3.3) pathutil (~> 0.9) rouge (>= 1.7, < 4) safe_yaml (~> 1.0) - jekyll-avatar (0.6.0) - jekyll (~> 3.0) + jekyll-avatar (0.7.0) + jekyll (>= 3.0, < 5.0) jekyll-coffeescript (1.1.1) coffee-script (~> 2.2) coffee-script-source (~> 1.11.1) - jekyll-commonmark (1.2.0) - commonmarker (~> 0.14) - jekyll (>= 3.0, < 4.0) - jekyll-commonmark-ghpages (0.1.5) - commonmarker (~> 0.17.6) - jekyll-commonmark (~> 1) - rouge (~> 2) + jekyll-commonmark (1.4.0) + commonmarker (~> 0.22) + jekyll-commonmark-ghpages (0.4.0) + commonmarker (~> 0.23.7) + jekyll (~> 3.9.0) + jekyll-commonmark (~> 1.4.0) + rouge (>= 2.0, < 5.0) jekyll-default-layout (0.1.4) jekyll (~> 3.0) - jekyll-feed (0.11.0) - jekyll (~> 3.3) + jekyll-feed (0.15.1) + jekyll (>= 3.7, < 5.0) jekyll-gist (1.5.0) octokit (~> 4.2) - jekyll-github-metadata (2.9.4) - jekyll (~> 3.1) + jekyll-github-metadata (2.13.0) + jekyll (>= 3.4, < 5.0) octokit (~> 4.0, != 4.4.0) - jekyll-mentions (1.4.1) + jekyll-include-cache (0.2.1) + jekyll (>= 3.7, < 5.0) + jekyll-mentions (1.6.0) html-pipeline (~> 2.3) - jekyll (~> 3.0) - jekyll-optional-front-matter (0.3.0) - jekyll (~> 3.0) + jekyll (>= 3.7, < 5.0) + jekyll-optional-front-matter (0.3.2) + jekyll (>= 3.0, < 5.0) jekyll-paginate (1.1.0) - jekyll-readme-index (0.2.0) - jekyll (~> 3.0) - jekyll-redirect-from (0.14.0) - jekyll (~> 3.3) - jekyll-relative-links (0.5.3) - jekyll (~> 3.3) - jekyll-remote-theme (0.3.1) - jekyll (~> 3.5) - rubyzip (>= 1.2.1, < 3.0) + jekyll-readme-index (0.3.0) + jekyll (>= 3.0, < 5.0) + jekyll-redirect-from (0.16.0) + jekyll (>= 3.3, < 5.0) + jekyll-relative-links (0.6.1) + jekyll (>= 3.3, < 5.0) + jekyll-remote-theme (0.4.3) + addressable (~> 2.0) + jekyll (>= 3.5, < 5.0) + jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0) + rubyzip (>= 1.3.0, < 3.0) jekyll-sass-converter (1.5.2) sass (~> 3.4) - jekyll-seo-tag (2.5.0) - jekyll (~> 3.3) - jekyll-sitemap (1.2.0) - jekyll (~> 3.3) - jekyll-swiss (0.4.0) - jekyll-theme-architect (0.1.1) - jekyll (~> 3.5) + jekyll-seo-tag (2.8.0) + jekyll (>= 3.8, < 5.0) + jekyll-sitemap (1.4.0) + jekyll (>= 3.7, < 5.0) + jekyll-swiss (1.0.0) + jekyll-theme-architect (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-cayman (0.1.1) - jekyll (~> 3.5) + jekyll-theme-cayman (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-dinky (0.1.1) - jekyll (~> 3.5) + jekyll-theme-dinky (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-hacker (0.1.1) - jekyll (~> 3.5) + jekyll-theme-hacker (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-leap-day (0.1.1) - jekyll (~> 3.5) + jekyll-theme-leap-day (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-merlot (0.1.1) - jekyll (~> 3.5) + jekyll-theme-merlot (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-midnight (0.1.1) - jekyll (~> 3.5) + jekyll-theme-midnight (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-minimal (0.1.1) - jekyll (~> 3.5) + jekyll-theme-minimal (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-modernist (0.1.1) - jekyll (~> 3.5) + jekyll-theme-modernist (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-primer (0.5.3) - jekyll (~> 3.5) + jekyll-theme-primer (0.6.0) + jekyll (> 3.5, < 5.0) jekyll-github-metadata (~> 2.9) jekyll-seo-tag (~> 2.0) - jekyll-theme-slate (0.1.1) - jekyll (~> 3.5) + jekyll-theme-slate (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-tactile (0.1.1) - jekyll (~> 3.5) + jekyll-theme-tactile (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-theme-time-machine (0.1.1) - jekyll (~> 3.5) + jekyll-theme-time-machine (0.2.0) + jekyll (> 3.5, < 5.0) jekyll-seo-tag (~> 2.0) - jekyll-titles-from-headings (0.5.1) - jekyll (~> 3.3) - jekyll-watch (2.1.2) + jekyll-titles-from-headings (0.5.3) + jekyll (>= 3.3, < 5.0) + jekyll-watch (2.2.1) listen (~> 3.0) - jemoji (0.10.1) + jemoji (0.12.0) gemoji (~> 3.0) html-pipeline (~> 2.2) - jekyll (~> 3.0) - kramdown (1.17.0) - liquid (4.0.0) - listen (3.1.5) - rb-fsevent (~> 0.9, >= 0.9.4) - rb-inotify (~> 0.9, >= 0.9.7) - ruby_dep (~> 1.2) + jekyll (>= 3.0, < 5.0) + kramdown (2.3.2) + rexml + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + liquid (4.0.4) + listen (3.8.0) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) mercenary (0.3.6) - mini_portile2 (2.4.0) - minima (2.5.0) - jekyll (~> 3.5) + mini_portile2 (2.8.5) + minima (2.5.1) + jekyll (>= 3.5, < 5.0) jekyll-feed (~> 0.9) jekyll-seo-tag (~> 2.1) - minitest (5.11.3) - multipart-post (2.0.0) - nokogiri (1.10.1) - mini_portile2 (~> 2.4.0) - octokit (4.13.0) - sawyer (~> 0.8.0, >= 0.5.3) + minitest (5.20.0) + mutex_m (0.2.0) + nokogiri (1.15.5) + mini_portile2 (~> 2.8.2) + racc (~> 1.4) + octokit (4.25.1) + faraday (>= 1, < 3) + sawyer (~> 0.9) pathutil (0.16.2) forwardable-extended (~> 2.6) - public_suffix (2.0.5) - rb-fsevent (0.10.3) - rb-inotify (0.10.0) + public_suffix (4.0.7) + racc (1.7.3) + rake (13.1.0) + rb-fsevent (0.11.2) + rb-inotify (0.10.1) ffi (~> 1.0) - rouge (2.2.1) - ruby-enum (0.7.2) - i18n - ruby_dep (1.5.0) - rubyzip (1.2.2) - safe_yaml (1.0.4) - sass (3.7.3) + rexml (3.2.6) + rouge (3.26.0) + ruby2_keywords (0.0.5) + rubyzip (2.3.2) + safe_yaml (1.0.5) + sass (3.7.4) sass-listen (~> 4.0.0) + sass-embedded (1.69.5) + google-protobuf (~> 3.23) + rake (>= 13.0.0) sass-listen (4.0.0) rb-fsevent (~> 0.9, >= 0.9.4) rb-inotify (~> 0.9, >= 0.9.7) - sawyer (0.8.1) - addressable (>= 2.3.5, < 2.6) - faraday (~> 0.8, < 1.0) + sawyer (0.9.2) + addressable (>= 2.3.5) + faraday (>= 0.17.3, < 3) + simpleidn (0.2.1) + unf (~> 0.1.4) terminal-table (1.8.0) unicode-display_width (~> 1.1, >= 1.1.1) - thread_safe (0.3.6) - typhoeus (1.3.1) + typhoeus (1.4.1) ethon (>= 0.9.0) - tzinfo (1.2.5) - thread_safe (~> 0.1) - unicode-display_width (1.4.1) + tzinfo (2.0.6) + concurrent-ruby (~> 1.0) + unf (0.1.4) + unf_ext + unf_ext (0.0.9.1) + unicode-display_width (1.8.0) + webrick (1.8.1) PLATFORMS ruby @@ -244,6 +274,8 @@ PLATFORMS DEPENDENCIES github-pages jemoji + sass-embedded + webrick (~> 1.8) BUNDLED WITH 2.1.4 diff --git a/README.md b/README.md index 79273f1..5b11376 100644 --- a/README.md +++ b/README.md @@ -18,15 +18,12 @@ This repo holds the design system for the MIT Libraries. See the results at [htt ### Prerequisites -You will need NPM, Gulp, and Bundler. According to [the Gulp documentation](https://gulpjs.com/docs/en/getting-started/quick-start/), you will also need to install gulp globally. +You will need the version of ruby specified in `.ruby-version` ### Startup -Install tooling with bundler and NPM - ```bash bundle install -npm install ``` Start a local Jekyll server @@ -35,15 +32,20 @@ Start a local Jekyll server bundle exec jekyll serve ``` -Start the Gulp "watch" task for live updates as you update styles +## Compiling CSS (IMPORTANT!) -```bash -gulp watch -``` +This repository includes compiled assets in the `dest/` directory. At this time, you must manually generate them via: + +`bundle exec sass _assets/sass/libraries-main.scss dest/css/libraries-main.css` + +and + +`bundle exec sass --style=compressed _assets/sass/libraries-main.scss dest/css/libraries-main.min.css` -You should now see the design system at [localhost:4000](http://localhost:4000/). -In the event that your changes don't appear, try stopping the `gulp watch` command, then run `gulp` to compile the assets to `dest/` and restart your Jekyll server. +Please be sure to commit those updates when making changes as they are used by other projects. -## Please note +## Concatenating JavaScript -This repository includes compiled assets in the `dest/` directory. Please be sure to commit those updates to any further work. +This is not automatic, but we change it so infrequently maybe it doesn't matter? Gulp was used at one point to do this, +but it stopped working in this repo so it was all removed. If you change JS, please make sure to manually update the +concatenated versions in `dest/js/*.js`. Sorry! diff --git a/_assets/i/mitlib-wordmark.svg b/_assets/i/mitlib-wordmark.svg deleted file mode 100644 index e2685b9..0000000 --- a/_assets/i/mitlib-wordmark.svg +++ /dev/null @@ -1 +0,0 @@ -MIT Libraries Logo diff --git a/_assets/i/vi-shape7-tp.svg b/_assets/i/vi-shape7-tp.svg deleted file mode 100644 index 4ce4164..0000000 --- a/_assets/i/vi-shape7-tp.svg +++ /dev/null @@ -1 +0,0 @@ -vi-shape7-tp diff --git a/_assets/sass/elements/_footer.scss b/_assets/sass/elements/_footer.scss index 1b2ca7b..0b0d1a3 100644 --- a/_assets/sass/elements/_footer.scss +++ b/_assets/sass/elements/_footer.scss @@ -7,7 +7,8 @@ } .wrap-footer { - background: $black url('#{$image-path}/vi-shape7-tp.svg') no-repeat 10% center; + background-image: url('https://cdn.mitlibrary.net/files/branding/local/vi-shape7-tp.svg'); + background-size: 200px 100px; a { @extend %link; @@ -125,8 +126,7 @@ } .license { - margin-left: auto; - margin-top: 1rem; color: $gray-l3; + margin-left: 2em; } } diff --git a/_assets/sass/elements/_header.scss b/_assets/sass/elements/_header.scss index 0ca5043..cacc445 100644 --- a/_assets/sass/elements/_header.scss +++ b/_assets/sass/elements/_header.scss @@ -26,7 +26,7 @@ } .wrap-header { - background: $black url('#{$image-path}/vi-shape7-tp.svg') no-repeat 0 65%; + background: $black url('https://cdn.mitlibrary.net/files/branding/local/vi-shape7-tp.svg') no-repeat 0 65%; .logo-mit-lib { display: inline-block; diff --git a/_assets/sass/guide-helper.scss b/_assets/sass/guide-helper.scss deleted file mode 100644 index f932710..0000000 --- a/_assets/sass/guide-helper.scss +++ /dev/null @@ -1,80 +0,0 @@ -// This file creates the styles necessary to display the style guide on github pages -// set paths for guide display -$image-path: '/mitlib-style/dest/i'; - -// get main styles guide css -@import 'libraries-main'; - -// make text on color bg readable -@function contrast-color($color) { - @if (lightness($color) > 50) { - @return #333; // Lighter backgorund, return dark color - } @else { - @return #eee; // Darker background, return light color - } -} - -// make the color swatches -.box-color { - display: inline-block; - overflow: hidden; - height: 100px; - width: 100px; - margin: 5px; - border: 1px solid $gray-l2; - padding: 1rem; - font-size: 1.2rem; - text-align: center; - line-height: 1.3; - word-wrap: break-word; - - &.black {background-color: $black; color: contrast-color($black);} - &.black-t {background-color: $black-t; color: contrast-color($black-t);} // true black - &.white {background-color: $white; color: contrast-color($white);} - &.white-warm {background-color: $white-warm; color: contrast-color($white-warm);} - &.white-t {background-color: $white-t; color: contrast-color($white-t);} - &.gray {background-color: $gray; color: contrast-color($gray);} - &.gray-d1 {background-color: $gray-d1; color: contrast-color($gray-d1);} - &.gray-d2 {background-color: $gray-d2; color: contrast-color($gray-d2);} - &.gray-l1 {background-color: $gray-l1; color: contrast-color($gray-l1);} - &.gray-l2 {background-color: $gray-l2; color: contrast-color($gray-l2);} - &.gray-l3 {background-color: $gray-l3; color: contrast-color($gray-l3);} - &.gray-l4 {background-color: $gray-l4; color: contrast-color($gray-l4);} - &.gray-warm {background-color: $gray-warm; color: contrast-color($gray-warm);} - &.transparent {background-color: $transparent; color: $black;} - &.glare {background-color: $glare; color: $black;} - &.shadow {background-color: $shadow; color: $black;} - &.smoke {background-color: $smoke; color: $black;} - &.wisp {background-color: $wisp; color: $black;} - - // pentagram colors - named - &.magenta {background-color: $magenta; color: contrast-color($magenta);} - &.red {background-color: $red; color: contrast-color($red);} - &.orange {background-color: $orange; color: contrast-color($orange);} - &.yellow {background-color: $yellow; color: contrast-color($yellow);} - &.green {background-color: $green; color: contrast-color($green);} - &.blue {background-color: $blue; color: contrast-color($blue);} - &.blue-bright {background-color: $blue-bright; color: contrast-color($blue-bright);} - &.blue-muted {background-color: $blue-muted; color: contrast-color($blue-muted);} - - // pentagram colors - secondary - &.magenta-muted {background-color: $magenta-muted; color: contrast-color($magenta-muted);} - &.red-muted {background-color: $red-muted; color: contrast-color($red-muted);} - &.orange-muted {background-color: $orange-muted; color: contrast-color($orange-muted);} - &.yellow-muted {background-color: $yellow-muted; color: contrast-color($yellow-muted);} - &.green-muted {background-color: $green-muted; color: contrast-color($green-muted);} - &.blue-muted {background-color: $blue-muted; color: contrast-color($blue-muted);} - &.blue-bright-muted {background-color: $blue-bright-muted; color: contrast-color($blue-bright-muted);} - - // colors - brand - &.brand-primary {background-color: $brand-primary; color: contrast-color($brand-primary);} - &.brand-primary-accent {background-color: $brand-primary-accent; color: contrast-color($brand-primary-accent);} - &.brand-primary2 {background-color: $brand-primary2; color: contrast-color($brand-primary2);} - &.brand-secondary {background-color: $brand-secondary; color: contrast-color($brand-secondary);} - - // colors - utilities - &.success {background-color: $success; color: contrast-color($success);} - &.warning {background-color: $warning; color: contrast-color($warning);} - &.error {background-color: $error; color: contrast-color($error);} - &.informational {background-color: $informational; color: contrast-color($informational);} -} diff --git a/_includes/footer-site-slim.html b/_includes/footer-site-slim.html index 124ffff..4290639 100644 --- a/_includes/footer-site-slim.html +++ b/_includes/footer-site-slim.html @@ -3,79 +3,59 @@ diff --git a/_includes/footer-site.html b/_includes/footer-site.html index 4888c9a..1451cbe 100644 --- a/_includes/footer-site.html +++ b/_includes/footer-site.html @@ -59,48 +59,26 @@

About usMore about us - + +
MIT Libraries home - MIT Libraries logo + MIT Libraries logo
-
-

Find us on

- - - Twitter - - - - - Facebook - - - - - Instagram - - - - - - YouTube - - - - - RSS - -
Privacy Permissions Accessibility
-
+ + @@ -109,13 +87,23 @@

About us MIT - + MIT Libraries logo
Massachusetts Institute of Technology
-
Content created by the MIT Libraries, CC BY-NC unless otherwise noted. Notify us about copyright concerns. +
+ Content created by the MIT Libraries, + CC BY-NC unless otherwise noted. + Notify us about copyright concerns.
- + +
diff --git a/_includes/header-site-slim.html b/_includes/header-site-slim.html index d4dce39..805b59c 100644 --- a/_includes/header-site-slim.html +++ b/_includes/header-site-slim.html @@ -9,12 +9,14 @@

MIT Libraries home - MIT Libraries logo + MIT Libraries logo +

- MIT + MIT + MIT logo
diff --git a/_layouts/default.html b/_layouts/default.html index dab78ee..ea3f4b9 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,54 +1,36 @@ - - - - - - - Base Libraries Page - - {% include assets-site-head.html %} - - - - - - - - - -
- - {% include notice-global.html %} - - {% include header-site-slim.html %} - - {% include header-local.html %} - - {% include breadcrumb.html %} - -
- -
-
- - {{ content }} - -
- - + + + + + Base Libraries Page + + {% include assets-site-head.html %} + + + + + + + + +
+ {% include notice-global.html %} {% include header-site-slim.html %} {% include header-local.html %} {% include + breadcrumb.html %} + +
+
+
{{ content }}
+ +
-
- {% include footer-site-slim.html %} - - {% include footer-site.html %} - - {% include scripts-site-foot.html %} - -
- - - + {% include footer-site-slim.html %} {% include footer-site.html %} {% include scripts-site-foot.html %} +
+ + diff --git a/dest/css/guide-helper.css b/dest/css/guide-helper.css deleted file mode 100644 index 1946178..0000000 --- a/dest/css/guide-helper.css +++ /dev/null @@ -1,1520 +0,0 @@ -h1, h2, h3, h4, h5, h6 { - margin: 0; - font-weight: normal; - font-size: 1rem; - line-height: 1; -} - -p, -ol, -ul, -dl { - margin: 0 0 1em 0; -} - -img { - max-width: 100%; - vertical-align: middle; -} - -a { - text-decoration: none; -} - -input[type=checkbox], -input[type=radio] { - margin-right: .5rem; -} - -.sr { - border: 0 none; - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal; -} - -.wrap-bar { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.js .expand-collapse-control .button { - -webkit-appearance: none; - -moz-appearance: none; - border: 0; - background-color: transparent; - cursor: pointer; -} - -.list-inline { - margin: 0; - padding: 0; - list-style: none; - text-indent: 0; -} -.list-inline li, -.list-inline dt, -.list-inline dd { - margin: 0; - padding: 0; -} - -.list-unbulleted, .bit ul { - list-style: none; - padding-left: 0; - text-indent: 0; -} - -.list-inline li, -.list-inline dt, -.list-inline dd { - display: inline-block; -} - -.list-inline-pipe, .wrap-footer .wrap-policies, .wrap-footer.footer-slim .sitemap-libraries-abbrev a { - padding-left: 0; -} -.list-inline-pipe li, .wrap-footer .wrap-policies li, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li, -.list-inline-pipe .item, -.wrap-footer .wrap-policies .item, -.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item { - display: inline-block; - padding-right: 1rem; -} -.list-inline-pipe li:after, .wrap-footer .wrap-policies li:after, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li:after, -.list-inline-pipe .item:after, -.wrap-footer .wrap-policies .item:after, -.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:after { - content: ' | '; - margin-left: 1rem; -} -.list-inline-pipe li:last-child:after, .wrap-footer .wrap-policies li:last-child:after, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li:last-child:after, -.list-inline-pipe .item:last-child:after, -.wrap-footer .wrap-policies .item:last-child:after, -.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:last-child:after { - content: ''; -} - -.is-hidden { - display: none; -} - -.js .expand-collapse-control .button, a, .wrap-footer a, .wrap-outer-footer-institute a { - -webkit-transition: all .25s ease-in-out 0s; - transition: all .25s ease-in-out 0s; - color: #000; - text-decoration: underline; -} -.js .expand-collapse-control .button:hover, a:hover, .js .expand-collapse-control .button:active, a:active, .js .expand-collapse-control .button:focus, a:focus { - color: #0000FF; -} -.js .expand-collapse-control .button:disabled, a:disabled, .js .expand-collapse-control .is-disabled.button, a.is-disabled { - border: none; - background-color: #dedede; - color: #333; -} -.js .expand-collapse-control .button:disabled:hover, a:disabled:hover, .js .expand-collapse-control .is-disabled.button:hover, a.is-disabled:hover { - border: none; - background-color: #dedede; - color: #333; - cursor: not-allowed; -} -.js .expand-collapse-control .button:active, a:active, .js .expand-collapse-control .is-pressed.button, a.is-pressed, .js .expand-collapse-control .is-active.button, a.is-active { - color: #C702C7; -} - -* { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -html, body { - height: 100%; - font-size: 62.5%; -} - -body { - background-color: #595959; - color: #fff; - font-size: 16px; - font-size: 1.6rem; - line-height: 1.2; - font-family: "Helvetica Neue", Helvetica, Arial, "Open Sans", sans-serif; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -ol, -ul { - padding-left: 2.5rem; -} - -li > ul, -li > ol { - margin-top: .5rem; -} - -dt { - font-weight: 600; -} - -dd { - margin-left: 0; - margin-bottom: 1rem; -} - -hr { - margin: 2rem 0; - border: none; - border-top: 1px solid #767676; -} - -.wrap-outer-header.reasons { - background: #f23074; - /* Old browsers */ - /* FF3.6-15 */ - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(45deg, #f23074 0%, #d6d628 36%, #207cca 66%, #544b8c 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23074', endColorstr='#544b8c',GradientType=1 ); - /* IE6-9 fallback on horizontal gradient */ -} -.wrap-outer-header.reasons .wrap-header { - background: transparent; -} - -.hd-1, .wrap-content h1, -.wrap-content .hd-1 { - margin-bottom: .5em; - font-size: 4.2rem; - line-height: 1; - font-weight: 600; -} - -.hd-2, .wrap-content h2, -.wrap-content .hd-2, .wrap-outer-header-local .title-site { - margin-bottom: .5em; - font-size: 3.2rem; - line-height: 1; - font-weight: 600; -} - -.hd-3, .wrap-content h3, -.wrap-content .hd-3 { - margin-bottom: .5em; - font-size: 2.6rem; - line-height: 1; - font-weight: 400; -} - -.hd-4, .wrap-content h4, -.wrap-content .hd-4 { - margin-bottom: .5em; - font-size: 2rem; - line-height: 1; - font-weight: 600; -} - -.hd-5, .wrap-content h5, -.wrap-content .hd-5, .bit .title { - margin-bottom: .5em; - font-size: 1.6rem; - line-height: 1; - font-weight: 600; -} - -.hd-6, .wrap-content h6, -.wrap-content .hd-6, .wrap-footer .title { - margin-bottom: .5em; - font-size: 1.6rem; - line-height: 1; - font-weight: 600; -} - -.hd-subtitle1, .wrap-content .subtitle { - margin-bottom: .5em; - font-size: 1.6rem; - text-transform: uppercase; -} - -.hd-subtitle2, .wrap-content .subtitle2 { - margin-bottom: .5em; - font-size: 1.4rem; - text-transform: uppercase; -} - -.hd-subtitle3, .wrap-content .subtitle3 { - margin-bottom: .5em; - font-size: 1.2rem; - text-transform: uppercase; -} - -.copy-lead, .panel .panel-heading { - font-size: 2.6rem; -} - -.copy-base { - font-size: 1.6rem; -} - -.copy-sup { - font-size: 1.2rem; -} - -.copy-micro { - font-size: 1rem; - font-weight: 400; -} - -.layout-band:after { - content: ''; - display: table; - clear: both; -} - -.wrap-gridband, -.wrap-notice, -.wrap-header, -.wrap-header-local, -.wrap-breadcrumb, -.wrap-content, -.wrap-footer, -.wrap-footer-institute { - max-width: 114rem; - margin: 0 auto; - padding: 10px 4%; -} -.wrap-gridband:after, -.wrap-notice:after, -.wrap-header:after, -.wrap-header-local:after, -.wrap-breadcrumb:after, -.wrap-content:after, -.wrap-footer:after, -.wrap-footer-institute:after { - content: ''; - display: table; - clear: both; -} - -.gridband:after { - content: ''; - display: table; - clear: both; -} -.gridband .grid-item { - width: auto; - float: none; -} -@media (min-width: 768px) { - .gridband.layout-2c .grid-item { - float: left; - width: 48%; - margin-right: 3%; - } - .gridband.layout-2c .grid-item:nth-child(2n+0) { - float: right; - margin-right: 0; - } -} -@media (min-width: 768px) { - .gridband.layout-3c .grid-item { - float: left; - width: 32%; - margin-right: 2%; - } - .gridband.layout-3c .grid-item:nth-child(3n+3) { - float: right; - margin-right: 0; - } -} -@media (min-width: 768px) { - .gridband.layout-4c .grid-item { - float: left; - width: 23%; - margin-right: 2%; - } - .gridband.layout-4c .grid-item:nth-child(4n+4) { - float: right; - margin-right: 0; - } -} - -.wrap-header .header-slim .logo-mit-lib img { - height: 35px; -} - -.wrap-header-core, -.wrap-header-supp { - display: inline-block; - vertical-align: bottom; -} - -.wrap-header-core { - width: 65%; -} - -.wrap-header-supp { - width: 33%; -} -.wrap-header-supp .link-logo-mit { - float: right; -} - -.wrap-header-local .wrap-local-nav { - margin-top: 8px; -} -.wrap-header-local .wrap-local-nav .nav-item { - display: inline-block; - margin-right: 10px; - font-size: 1.4rem; - text-decoration: none; -} -.wrap-header-local .wrap-local-nav .nav-item.current { - border: 1px solid #0000FF; -} - -.wrap-outer-content { - background-color: #fff; - color: #000; -} - -.wrap-content { - padding-top: 3rem; - padding-bottom: 2%; -} -.wrap-content .content-main { - padding-bottom: 3rem; -} - -@media (min-width: 768px) { - .layout-3q1q .col3q { - float: left; - width: 73%; - } - .layout-3q1q .col1q-r { - float: right; - width: 22%; - margin-left: 3%; - } -} - -@media (min-width: 768px) { - .layout-1q3q .col1q { - float: left; - width: 22%; - margin-right: 3%; - } - .layout-1q3q .col3q { - float: right; - width: 73%; - } -} - -@media (min-width: 768px) { - .layout-1q2q1q .col1q { - float: left; - width: 22%; - margin-right: 3%; - } - .layout-1q2q1q .content-main { - float: left; - width: 48%; - margin-right: 3%; - } - .layout-1q2q1q .col1q-r { - float: right; - width: 22%; - } -} - -@media (min-width: 768px) { - .layout-1t2t { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - } - .layout-1t2t .col1t { - float: left; - width: 33%; - margin-right: 3%; - } - .layout-1t2t .col2t { - float: right; - width: 63%; - } -} - -@media (min-width: 768px) { - .layout-2t1t { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - } - .layout-2t1t .col2t { - float: left; - width: 63%; - margin-right: 3%; - } - .layout-2t1t .col1t-r { - float: right; - width: 33%; - } -} - -.wrap-footer { - padding: 3.5rem 4%; -} -.wrap-footer .wrap-sitemap .menu-sub { - display: none; -} -.wrap-footer .identity { - margin-top: 4rem; - margin-bottom: 2rem; -} -.wrap-footer .wrap-logo-lib { - display: inline-block; - vertical-align: bottom; - margin: 0 20px 20px 0; -} -.wrap-footer .wrap-social { - display: inline-block; - vertical-align: bottom; - margin-bottom: 20px; -} -.wrap-footer .wrap-policies { - width: 100%; - border-top: 1px solid #595959; - padding-top: 2rem; -} -.wrap-footer .wrap-policies span { - display: inline-block; - margin: 1rem 1.5rem 1rem 0; -} -.wrap-footer .wrap-policies span.item { - margin-right: 0; -} -.wrap-footer .wrap-policies span:after { - content: ''; -} -.wrap-footer .wrap-social .text-find-us { - display: none; -} -@media (min-width: 768px) { - .wrap-footer .wrap-sitemap { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - } - .wrap-footer .wrap-sitemap .col { - margin-right: 3%; - } - .wrap-footer .wrap-sitemap .col:last-child { - margin-right: 0; - } - .wrap-footer .wrap-sitemap .menu-sub { - display: block; - } - .wrap-footer .identity { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 4% 0 0 0; - } - .wrap-footer .wrap-logo-lib, - .wrap-footer .wrap-policies, - .wrap-footer .wrap-social { - -ms-flex-item-align: end; - align-self: flex-end; - margin-top: 0; - margin-bottom: 0; - } - .wrap-footer .wrap-logo-lib { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; - margin-right: 4%; - } - .wrap-footer .wrap-policies { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; - padding: auto; - border-top: none; - width: auto; - } - .wrap-footer .wrap-policies span { - margin-top: 0; - margin-bottom: 0; - } - .wrap-footer .wrap-social { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; - margin-left: auto; - } -} -@media (min-width: 1024px) { - .wrap-footer .wrap-social { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; - } - .wrap-footer .wrap-policies { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; - } -} - -.wrap-footer.footer-slim { - padding: 1.5rem 4%; -} -.wrap-footer.footer-slim .wrap-middle { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; -} -.wrap-footer.footer-slim .wrap-middle .wrap-policies { - -ms-flex-item-align: start; - align-self: flex-start; -} -.wrap-footer.footer-slim .wrap-middle .wrap-sitemap { - display: inline-block; - margin-bottom: 2rem; -} -.wrap-footer.footer-slim .wrap-middle .wrap-sitemap .item { - display: block; - margin-right: 10px; - margin-bottom: 5px; -} -@media (min-width: 768px) { - .wrap-footer.footer-slim .wrap-middle { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; - } - .wrap-footer.footer-slim .wrap-middle .wrap-policies { - margin-left: 2%; - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; - } - .wrap-footer.footer-slim .wrap-middle .wrap-sitemap { - display: inline-block; - margin-left: 2%; - margin-bottom: auto; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; - } - .wrap-footer.footer-slim .wrap-middle .wrap-sitemap .item { - display: inline-block; - margin-bottom: auto; - } - .wrap-footer.footer-slim .wrap-social { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; - } -} - -.wrap-footer-institute { - padding: 20px 4%; -} - -.wrap-content li { - margin-bottom: .5em; -} -.wrap-content .title-page { - margin-bottom: 1rem; - padding: .5rem 0 1rem 0; - font-weight: 600; -} -.wrap-content .cta-link { - -webkit-transition: background-color ease-in-out .3s; - transition: background-color ease-in-out .3s; - display: inline-block; - padding: .5em; - color: #000; - font-size: 2rem; - font-weight: 600; - text-decoration: underline; -} -.wrap-content .cta-link:hover { - background-color: #C702C7; - color: #fff; -} - -.button-primary, .wrap-outer-header-local .action-auth { - -webkit-transition: background-color .25s, border .25s; - transition: background-color .25s, border .25s; - display: inline-block; - border: 1px solid #000; - border-radius: 3px; - padding: 5px 10px; - background-color: #000; - color: #fff; - text-decoration: none; -} -.button-primary:hover, .wrap-outer-header-local .action-auth:hover, .button-primary:focus, .wrap-outer-header-local .action-auth:focus { - background-color: #0000FF; - border-color: #0000FF; - color: #fff; - text-decoration: none; -} -.button-primary.green, .wrap-outer-header-local .green.action-auth { - border: 1px solid black; - background-color: #000; -} -.button-primary.green:hover, .wrap-outer-header-local .green.action-auth:hover, .button-primary.green:focus, .wrap-outer-header-local .green.action-auth:focus { - background-color: #008700; - border-color: #008700; -} -.button-primary.magenta, .wrap-outer-header-local .magenta.action-auth { - border: 1px solid black; - background-color: #000; -} -.button-primary.magenta:hover, .wrap-outer-header-local .magenta.action-auth:hover, .button-primary.magenta:focus, .wrap-outer-header-local .magenta.action-auth:focus { - background-color: #c900c9; - border-color: #C702C7; -} -.button-primary.warn, .wrap-outer-header-local .warn.action-auth { - border: 1px solid #a30505; - background-color: #bc0505; -} -.button-primary.warn:before, .wrap-outer-header-local .warn.action-auth:before { - font-family: FontAwesome; - content: "\f071 "; - font-size: .8em; - margin-right: 5px; -} -.button-primary.warn:hover, .wrap-outer-header-local .warn.action-auth:hover, .button-primary.warn:focus, .wrap-outer-header-local .warn.action-auth:focus { - background-color: #db0000; - border-color: #D50606; -} - -.button-secondary, .button-subtle, .wrap-header-local .wrap-local-nav .nav-item, .pagination a, .js .expand-collapse-control .button { - -webkit-transition: background-color .25s, border .25s; - transition: background-color .25s, border .25s; - display: inline-block; - border: 1px solid #ccc; - border-radius: 3px; - padding: 5px 10px; - background-color: transparent; - color: #000; - text-decoration: none; -} -.button-secondary:hover, .button-subtle:hover, .wrap-header-local .wrap-local-nav .nav-item:hover, .pagination a:hover, .js .expand-collapse-control .button:hover, .button-secondary:focus, .button-subtle:focus, .wrap-header-local .wrap-local-nav .nav-item:focus, .pagination a:focus, .js .expand-collapse-control .button:focus { - background-color: #0000FF; - border-color: #0000FF; - color: #fff; - text-decoration: none; -} -.button-secondary.green, .green.button-subtle, .wrap-header-local .wrap-local-nav .green.nav-item, .pagination a.green, .js .expand-collapse-control .green.button { - color: #000; -} -.button-secondary.green:hover, .green.button-subtle:hover, .wrap-header-local .wrap-local-nav .green.nav-item:hover, .pagination a.green:hover, .js .expand-collapse-control .green.button:hover, .button-secondary.green:focus, .green.button-subtle:focus, .wrap-header-local .wrap-local-nav .green.nav-item:focus, .pagination a.green:focus, .js .expand-collapse-control .green.button:focus { - background-color: #008700; - border-color: #008700; - color: #fff; -} -.button-secondary.magenta, .magenta.button-subtle, .wrap-header-local .wrap-local-nav .magenta.nav-item, .pagination a.magenta, .js .expand-collapse-control .magenta.button { - color: #000; -} -.button-secondary.magenta:hover, .magenta.button-subtle:hover, .wrap-header-local .wrap-local-nav .magenta.nav-item:hover, .pagination a.magenta:hover, .js .expand-collapse-control .magenta.button:hover, .button-secondary.magenta:focus, .magenta.button-subtle:focus, .wrap-header-local .wrap-local-nav .magenta.nav-item:focus, .pagination a.magenta:focus, .js .expand-collapse-control .magenta.button:focus { - background-color: #c900c9; - border-color: #C702C7; - color: #fff; -} -.button-secondary.warn, .warn.button-subtle, .wrap-header-local .wrap-local-nav .warn.nav-item, .pagination a.warn, .js .expand-collapse-control .warn.button { - color: #D50606; -} -.button-secondary.warn:before, .warn.button-subtle:before, .wrap-header-local .wrap-local-nav .warn.nav-item:before, .pagination a.warn:before, .js .expand-collapse-control .warn.button:before { - font-family: FontAwesome; - content: "\f071 "; - font-size: .8em; - margin-right: 5px; -} -.button-secondary.warn:hover, .warn.button-subtle:hover, .wrap-header-local .wrap-local-nav .warn.nav-item:hover, .pagination a.warn:hover, .js .expand-collapse-control .warn.button:hover, .button-secondary.warn:focus, .warn.button-subtle:focus, .wrap-header-local .wrap-local-nav .warn.nav-item:focus, .pagination a.warn:focus, .js .expand-collapse-control .warn.button:focus { - background-color: #db0000; - border-color: #D50606; - color: #fff; -} - -.button-subtle, .wrap-header-local .wrap-local-nav .nav-item, .pagination a { - border: 0; -} - -.button-small { - padding: 2px 10px; -} - -.pagination { - margin: 1rem; -} -.pagination .page { - display: inline-block; - min-width: 3rem; - text-align: center; -} -.pagination .current { - font-weight: 600; -} - -form { - margin: 1.5rem 0; -} -form fieldset { - margin-top: 1.5rem; - margin-bottom: 1.5rem; - border: 1px solid #ccc; - padding: 1rem 1.5rem; -} -form legend { - padding: 0 1rem; - font-size: 1.4rem; - color: #595959; - text-transform: uppercase; -} -form .field-wrap, -form .field-group { - margin-bottom: 1rem; -} -form .field-label { - display: inline-block; - margin-bottom: .2rem; - font-size: 1.4rem; - font-weight: 600; -} -form .field { - display: block; - margin-top: .2rem; - margin-bottom: .2rem; -} -form .field:focus, form .field:active { - border-color: #0000FF; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 0.8); - box-shadow: 0 0 5px rgba(0, 0, 255, 0.8); -} -form .field.wide { - width: 90%; -} -form .field-text { - min-width: 25rem; - border: 1px solid #ccc; - border-radius: 2px; - padding: 6px 12px; - background-image: none; - background-color: #fff; - -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); -} -form .tip, -form .hint { - font-size: 1.4rem; - color: #595959; - margin-bottom: 0; -} -form .tip.error, -form .hint.error { - color: #D50606; -} -form .field-textarea { - display: block; - min-width: 25rem; -} -form .field-select { - display: block; - min-width: 25rem; -} -form .field-upload { - border: none; -} -form .group-inline { - margin-bottom: 1rem; -} -form .group-inline .field-wrap { - display: inline-block; - vertical-align: top; - margin-bottom: .2rem; -} -form .group-inline .field-select { - min-width: auto; -} -form .fields-inline .field-label { - display: inline-block; - max-width: 30%; -} -form .fields-inline .field { - display: inline-block; - max-width: 65%; -} -form .fields-inline.field-radio { - display: inline-block; - margin-right: 1.5rem; -} -form .disabled { - color: #595959; - cursor: not-allowed; -} -form .error .field-label { - color: #D50606; -} -form .error .field { - border-color: #D50606; -} -form .error .tip, -form .error .hint { - color: #D50606; -} - -.form-horizontal .form-input { - display: inline-block; - width: 80%; -} -.form-horizontal .form-action { - display: inline-block; - width: 18%; -} - -.box-content { - border: 1px solid #dedede; - background-color: #fff; - padding: 3%; -} - -.bit { - margin: 0 0 3rem 0; - border-top: 3px solid #ccc; - padding-top: 1rem; - font-size: 1.4rem; -} - -.alert p { - margin-top: .2rem; - margin-bottom: .2rem; -} -.alert.info { - color: #000; -} -.alert.success { - color: #008700; -} -.alert.warning { - color: #FFC800; -} -.alert.error { - color: #D50606; -} - -.wrap-notices { - background-color: #333; - color: #fff; - font-size: 1.2rem; -} -.wrap-notices a { - color: #00C8FF; -} -.wrap-notices.success { - border-bottom: 4px solid #008700; -} -.wrap-notices.warning { - border-bottom: 4px solid #FFC800; -} -.wrap-notices.error { - border-bottom: 4px solid #D50606; -} - -.alert-banner { - display: block; - margin-bottom: 2rem; - border-radius: 2px; - padding: 1.6rem 2rem; - border: 1px solid #000; - border-top: 5px solid #000; - color: #000; - font-weight: 600; -} -.alert-banner .fa { - display: inline-block; - margin-right: .5em; -} -.alert-banner.success { - border: 1px solid #008700; - border-top: 3px solid #008700; - color: #000; -} -.alert-banner.warning { - border: 1px solid #FFC800; - border-top: 5px solid #FFC800; - color: #000; -} -.alert-banner.error { - border: 1px solid #D50606; - border-top: 5px solid #D50606; - color: #000; -} -.alert-banner.privacy-notice { - position: fixed; - bottom: 40px; - left: 10%; - right: 10%; - width: 80%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #eee; -} -.alert-banner.privacy-notice p { - margin-right: .5em; -} - -@media (min-width: 768px) { - .inline-action .message { - display: inline-block; - vertical-align: middle; - width: 65%; - } - .inline-action .actions { - display: inline-block; - vertical-align: middle; - width: 34%; - text-align: right; - } -} - -.well { - margin: 2rem 0; - background-color: rgba(89, 89, 89, 0.1); - -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); - padding: 2rem 2.5rem; -} - -.panel { - position: relative; - margin: 1.5rem 0; - border: 1px solid #ccc; - background-color: #fff; - border-top: 4px solid #000; -} -.panel .panel-heading { - margin: 1.5rem 2rem .5rem 2rem; -} -.panel .panel-body { - margin: .5rem 2rem 1.5rem 2rem; -} -.panel .panel-footer { - font-size: 1.4rem; - border-top: 1px solid #ccc; - background-color: rgba(89, 89, 89, 0.1); - padding: 1rem 2rem; -} -.panel.panel-info { - border-top: 4px solid #000; -} -.panel.panel-success { - border-top: 4px solid #008700; -} -.panel.panel-warning { - border-top: 4px solid #FFC800; -} -.panel.panel-danger { - border-top: 4px solid #D50606; -} - -.highlight, .table .is-highlighted, .table-simplified .is-highlighted { - background-color: #ffde66; -} - -.table, .table-simplified { - margin-top: 1rem; - margin-bottom: 2rem; -} -.table caption, .table-simplified caption { - margin-bottom: .5rem; - font-size: 1.4rem; - text-align: left; -} -.table tr:hover, .table-simplified tr:hover { - background-color: rgba(89, 89, 89, 0.3); -} -.table th, .table-simplified th { - font-weight: 600; - text-align: left; -} -.table th, .table-simplified th, -.table td, -.table-simplified td { - padding: .75rem; - border: 1px solid #dedede; -} -.table tfoot tr, .table-simplified tfoot tr { - border-top: 2px solid #dedede; - font-weight: 600; -} -.table .align-left, .table-simplified .align-left { - text-align: left; -} -.table .align-center, .table-simplified .align-center { - text-align: center; -} -.table .align-right, .table-simplified .align-right { - text-align: right; -} - -.table-simplified th, -.table-simplified td { - border: none; - border-bottom: 1px solid #dedede; -} - -.table-cozy th, -.table-cozy td { - padding: .5rem; -} - -.table-spacious th, -.table-spacious td { - padding: 1.2rem; -} - -.wrapper-table-scrollable { - width: 100%; - overflow-y: auto; -} - -.table-responsive th.supplemental, -.table-responsive td.supplemental { - display: none; -} -@media (min-width: 768px) { - .table-responsive th.supplemental, - .table-responsive td.supplemental { - display: table-cell; - } -} - -#skip { - position: absolute; - overflow: hidden; - top: 0; - left: 0; - height: 0; - width: 0; - color: #ccc; - background-color: #000; - border-bottom: 2px solid #008700; -} -#skip:focus { - position: relative; - display: block; - height: auto; - width: 100%; - padding: 5px 2%; -} - -.wrap-outer-header { - background-color: #000; - color: #fff; -} - -.wrap-header { - background: #000 url("/mitlib-style/dest/i/vi-shape7-tp.svg") no-repeat 0 65%; -} -.wrap-header .logo-mit-lib { - display: inline-block; - fill: #fff; - color: #fff; -} -.wrap-header .logo-mit-lib img { - width: auto; - max-height: 44px; - max-width: 100%; -} -.wrap-header .link-logo-mit { - color: #fff; -} -.wrap-header .link-logo-mit .logo-mit { - fill: #767676; -} -.wrap-header .link-logo-mit .logo-mit .color { - fill: #fff; -} - -.wrap-outer-header-local { - border-bottom: 1px solid #ccc; - background-color: #fff; - color: #333; -} -.wrap-outer-header-local .wrap-header-local { - padding-top: 2rem; -} -.wrap-outer-header-local a { - color: #333; - text-decoration: none; -} -.wrap-outer-header-local .title-site { - margin-bottom: 0; -} - -.wrap-outer-breadcrumb { - background-color: #fff; - color: #595959; - font-size: 1.2rem; -} - -.wrap-breadcrumb { - padding-top: 7px; - padding-bottom: 5px; -} - -.wrap-outer-footer { - background-color: #000; - color: #fff; - font-size: 1.2rem; -} - -.wrap-footer { - background: #000 url("/mitlib-style/dest/i/vi-shape7-tp.svg") no-repeat 10% center; -} -.wrap-footer a { - color: #fff; - text-decoration: none; -} -.wrap-footer a:hover, .wrap-footer a:active, .wrap-footer a:focus { - text-decoration: underline; - color: #fff; -} -.wrap-footer .title { - margin-bottom: .8rem; -} -.wrap-footer .wrap-list .link-sub { - display: list-item; - list-style-type: none; - margin-bottom: .65rem; - font-weight: 300; -} -.wrap-footer .logo-mit-lib { - fill: #fff; -} -.wrap-footer .logo-mit-lib img { - max-height: 60px; - max-width: 100%; - vertical-align: baseline; -} -.wrap-footer .wrap-policies { - font-size: 1.4rem; -} -.wrap-footer .wrap-social p, .wrap-footer .wrap-social a { - display: inline-block; - vertical-align: middle; - margin-left: .5rem; - margin-bottom: 0; - text-transform: uppercase; - font-size: 1.2rem; -} -.wrap-footer .wrap-social svg { - height: 2em; - width: 2em; - border-radius: 50%; - padding: 0.2em; - background: #fff none repeat scroll 0 0; -} -.wrap-footer .wrap-social svg path { - fill: #333; -} - -.wrap-footer.footer-slim .sitemap-libraries-abbrev a { - font-size: 1.4rem; -} - -.wrap-outer-footer-institute { - background-color: #333; - font-size: 1rem; - color: #dedede; -} -.wrap-outer-footer-institute .footer-info-institute { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; -} -.wrap-outer-footer-institute a { - color: #fff; -} -.wrap-outer-footer-institute a:hover, .wrap-outer-footer-institute a:active, .wrap-outer-footer-institute a:focus { - color: #fff; -} -.wrap-outer-footer-institute .link-logo-mit .logo-mit { - fill: #ccc; -} -.wrap-outer-footer-institute .link-logo-mit .logo-mit .color { - fill: #fff; -} -.wrap-outer-footer-institute .about-mit { - color: #dedede; - margin-right: 4%; - text-transform: uppercase; - white-space: nowrap; -} -.wrap-outer-footer-institute .license { - margin-left: auto; - margin-top: 1rem; - color: #dedede; -} - -abbr.required { - text-decoration: none; -} - -.no-js .expand-collapse-control { - display: none; -} - -.js .expand-collapse-wrap { - position: relative; - overflow: hidden; - margin-bottom: 2rem; - padding-bottom: 2rem; - -webkit-transition: height 200ms; - transition: height 200ms; -} -.js .expand-container { - margin-bottom: 4rem; -} -.js .expand-collapse-control { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - margin: 0; - padding: 4rem .5rem .5rem .5rem; - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #f3f3f3)); - background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f3f3f3 50%); -} - -.box-color { - display: inline-block; - overflow: hidden; - height: 100px; - width: 100px; - margin: 5px; - border: 1px solid #ccc; - padding: 1rem; - font-size: 1.2rem; - text-align: center; - line-height: 1.3; - word-wrap: break-word; -} -.box-color.black { - background-color: #000; - color: #eee; -} -.box-color.black-t { - background-color: #000; - color: #eee; -} -.box-color.white { - background-color: #fff; - color: #333; -} -.box-color.white-warm { - background-color: #ede8e2; - color: #333; -} -.box-color.white-t { - background-color: #fff; - color: #333; -} -.box-color.gray { - background-color: #595959; - color: #eee; -} -.box-color.gray-d1 { - background-color: #333; - color: #eee; -} -.box-color.gray-d2 { - background-color: #222; - color: #eee; -} -.box-color.gray-l1 { - background-color: #767676; - color: #eee; -} -.box-color.gray-l2 { - background-color: #ccc; - color: #333; -} -.box-color.gray-l3 { - background-color: #dedede; - color: #333; -} -.box-color.gray-l4 { - background-color: #f3f3f3; - color: #333; -} -.box-color.gray-warm { - background-color: #c6b6a3; - color: #333; -} -.box-color.transparent { - background-color: rgba(0, 0, 0, 0); - color: #000; -} -.box-color.glare { - background-color: rgba(255, 255, 255, 0.3); - color: #000; -} -.box-color.shadow { - background-color: rgba(0, 0, 0, 0.5); - color: #000; -} -.box-color.smoke { - background-color: rgba(89, 89, 89, 0.3); - color: #000; -} -.box-color.wisp { - background-color: rgba(89, 89, 89, 0.1); - color: #000; -} -.box-color.magenta { - background-color: #FF00FF; - color: #eee; -} -.box-color.red { - background-color: #FF0000; - color: #eee; -} -.box-color.orange { - background-color: #FF7700; - color: #eee; -} -.box-color.yellow { - background-color: #FFC800; - color: #eee; -} -.box-color.green { - background-color: #00C800; - color: #eee; -} -.box-color.blue { - background-color: #0000FF; - color: #eee; -} -.box-color.blue-bright { - background-color: #00C8FF; - color: #eee; -} -.box-color.blue-muted { - background-color: #1A1A83; - color: #eee; -} -.box-color.magenta-muted { - background-color: #C702C7; - color: #eee; -} -.box-color.red-muted { - background-color: #D50606; - color: #eee; -} -.box-color.orange-muted { - background-color: #E46212; - color: #eee; -} -.box-color.yellow-muted { - background-color: #FFC422; - color: #333; -} -.box-color.green-muted { - background-color: #008700; - color: #eee; -} -.box-color.blue-muted { - background-color: #1A1A83; - color: #eee; -} -.box-color.blue-bright-muted { - background-color: #04A6CF; - color: #eee; -} -.box-color.brand-primary { - background-color: #000; - color: #eee; -} -.box-color.brand-primary-accent { - background-color: #0000FF; - color: #eee; -} -.box-color.brand-primary2 { - background-color: #00C8FF; - color: #eee; -} -.box-color.brand-secondary { - background-color: #C702C7; - color: #eee; -} -.box-color.success { - background-color: #008700; - color: #eee; -} -.box-color.warning { - background-color: #FFC800; - color: #eee; -} -.box-color.error { - background-color: #D50606; - color: #eee; -} -.box-color.informational { - background-color: #595959; - color: #eee; -} diff --git a/dest/css/libraries-main.css b/dest/css/libraries-main.css index a4810e0..fbd4154 100644 --- a/dest/css/libraries-main.css +++ b/dest/css/libraries-main.css @@ -23,7 +23,7 @@ a { input[type=checkbox], input[type=radio] { - margin-right: .5rem; + margin-right: 0.5rem; } .sr { @@ -39,15 +39,9 @@ input[type=radio] { } .wrap-bar { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + justify-content: space-between; + align-items: center; } .js .expand-collapse-control .button { @@ -83,61 +77,59 @@ input[type=radio] { display: inline-block; } -.list-inline-pipe, .wrap-footer .wrap-policies, .wrap-footer.footer-slim .sitemap-libraries-abbrev a { +.list-inline-pipe, .wrap-footer.footer-slim .sitemap-libraries-abbrev a, .wrap-footer .wrap-policies { padding-left: 0; } -.list-inline-pipe li, .wrap-footer .wrap-policies li, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li, +.list-inline-pipe li, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li, .wrap-footer .wrap-policies li, .list-inline-pipe .item, -.wrap-footer .wrap-policies .item, -.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item { +.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item, +.wrap-footer .wrap-policies .item { display: inline-block; padding-right: 1rem; } -.list-inline-pipe li:after, .wrap-footer .wrap-policies li:after, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li:after, +.list-inline-pipe li:after, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li:after, .wrap-footer .wrap-policies li:after, .list-inline-pipe .item:after, -.wrap-footer .wrap-policies .item:after, -.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:after { - content: ' | '; +.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:after, +.wrap-footer .wrap-policies .item:after { + content: " | "; margin-left: 1rem; } -.list-inline-pipe li:last-child:after, .wrap-footer .wrap-policies li:last-child:after, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li:last-child:after, +.list-inline-pipe li:last-child:after, .wrap-footer.footer-slim .sitemap-libraries-abbrev a li:last-child:after, .wrap-footer .wrap-policies li:last-child:after, .list-inline-pipe .item:last-child:after, -.wrap-footer .wrap-policies .item:last-child:after, -.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:last-child:after { - content: ''; +.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:last-child:after, +.wrap-footer .wrap-policies .item:last-child:after { + content: ""; } .is-hidden { display: none; } -.js .expand-collapse-control .button, a, .wrap-footer a, .wrap-outer-footer-institute a { - -webkit-transition: all .25s ease-in-out 0s; - transition: all .25s ease-in-out 0s; +.wrap-outer-footer-institute a, .wrap-footer a, a, .js .expand-collapse-control .button { + transition: all 0.25s ease-in-out 0s; color: #000; text-decoration: underline; } -.js .expand-collapse-control .button:hover, a:hover, .js .expand-collapse-control .button:active, a:active, .js .expand-collapse-control .button:focus, a:focus { +a:hover, .js .expand-collapse-control .button:hover, a:active, .js .expand-collapse-control .button:active, a:focus, .js .expand-collapse-control .button:focus { color: #0000FF; } -.js .expand-collapse-control .button:disabled, a:disabled, .js .expand-collapse-control .is-disabled.button, a.is-disabled { +a:disabled, .js .expand-collapse-control .button:disabled, a.is-disabled, .js .expand-collapse-control .is-disabled.button { border: none; background-color: #dedede; color: #333; } -.js .expand-collapse-control .button:disabled:hover, a:disabled:hover, .js .expand-collapse-control .is-disabled.button:hover, a.is-disabled:hover { +a:disabled:hover, .js .expand-collapse-control .button:disabled:hover, a.is-disabled:hover, .js .expand-collapse-control .is-disabled.button:hover { border: none; background-color: #dedede; color: #333; cursor: not-allowed; } -.js .expand-collapse-control .button:active, a:active, .js .expand-collapse-control .is-pressed.button, a.is-pressed, .js .expand-collapse-control .is-active.button, a.is-active { +a:active, .js .expand-collapse-control .button:active, a.is-pressed, .js .expand-collapse-control .is-pressed.button, a.is-active, .js .expand-collapse-control .is-active.button { color: #C702C7; } * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } html, body { @@ -166,7 +158,7 @@ ul { li > ul, li > ol { - margin-top: .5rem; + margin-top: 0.5rem; } dt { @@ -185,14 +177,11 @@ hr { } .wrap-outer-header.reasons { - background: #f23074; - /* Old browsers */ - /* FF3.6-15 */ - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(45deg, #f23074 0%, #d6d628 36%, #207cca 66%, #544b8c 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23074', endColorstr='#544b8c',GradientType=1 ); - /* IE6-9 fallback on horizontal gradient */ + background: #f23074; /* Old browsers */ + background: -moz-linear-gradient(45deg, #f23074 0%, #d6d628 36%, #207cca 66%, #544b8c 100%); /* FF3.6-15 */ + background: -webkit-linear-gradient(45deg, #f23074 0%, #d6d628 36%, #207cca 66%, #544b8c 100%); /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(45deg, #f23074 0%, #d6d628 36%, #207cca 66%, #544b8c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f23074", endColorstr="#544b8c",GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .wrap-outer-header.reasons .wrap-header { background: transparent; @@ -200,15 +189,15 @@ hr { .hd-1, .wrap-content h1, .wrap-content .hd-1 { - margin-bottom: .5em; + margin-bottom: 0.5em; font-size: 4.2rem; line-height: 1; font-weight: 600; } -.hd-2, .wrap-content h2, -.wrap-content .hd-2, .wrap-outer-header-local .title-site { - margin-bottom: .5em; +.hd-2, .wrap-outer-header-local .title-site, .wrap-content h2, +.wrap-content .hd-2 { + margin-bottom: 0.5em; font-size: 3.2rem; line-height: 1; font-weight: 600; @@ -216,7 +205,7 @@ hr { .hd-3, .wrap-content h3, .wrap-content .hd-3 { - margin-bottom: .5em; + margin-bottom: 0.5em; font-size: 2.6rem; line-height: 1; font-weight: 400; @@ -224,42 +213,42 @@ hr { .hd-4, .wrap-content h4, .wrap-content .hd-4 { - margin-bottom: .5em; + margin-bottom: 0.5em; font-size: 2rem; line-height: 1; font-weight: 600; } -.hd-5, .wrap-content h5, -.wrap-content .hd-5, .bit .title { - margin-bottom: .5em; +.hd-5, .bit .title, .wrap-content h5, +.wrap-content .hd-5 { + margin-bottom: 0.5em; font-size: 1.6rem; line-height: 1; font-weight: 600; } -.hd-6, .wrap-content h6, -.wrap-content .hd-6, .wrap-footer .title { - margin-bottom: .5em; +.hd-6, .wrap-footer .title, .wrap-content h6, +.wrap-content .hd-6 { + margin-bottom: 0.5em; font-size: 1.6rem; line-height: 1; font-weight: 600; } .hd-subtitle1, .wrap-content .subtitle { - margin-bottom: .5em; + margin-bottom: 0.5em; font-size: 1.6rem; text-transform: uppercase; } .hd-subtitle2, .wrap-content .subtitle2 { - margin-bottom: .5em; + margin-bottom: 0.5em; font-size: 1.4rem; text-transform: uppercase; } .hd-subtitle3, .wrap-content .subtitle3 { - margin-bottom: .5em; + margin-bottom: 0.5em; font-size: 1.2rem; text-transform: uppercase; } @@ -282,7 +271,7 @@ hr { } .layout-band:after { - content: ''; + content: ""; display: table; clear: both; } @@ -307,13 +296,13 @@ hr { .wrap-content:after, .wrap-footer:after, .wrap-footer-institute:after { - content: ''; + content: ""; display: table; clear: both; } .gridband:after { - content: ''; + content: ""; display: table; clear: both; } @@ -445,8 +434,6 @@ hr { @media (min-width: 768px) { .layout-1t2t { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .layout-1t2t .col1t { @@ -462,8 +449,6 @@ hr { @media (min-width: 768px) { .layout-2t1t { - display: -webkit-box; - display: -ms-flexbox; display: flex; } .layout-2t1t .col2t { @@ -510,20 +495,15 @@ hr { margin-right: 0; } .wrap-footer .wrap-policies span:after { - content: ''; + content: ""; } .wrap-footer .wrap-social .text-find-us { display: none; } @media (min-width: 768px) { .wrap-footer .wrap-sitemap { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + flex-direction: row; } .wrap-footer .wrap-sitemap .col { margin-right: 3%; @@ -535,34 +515,24 @@ hr { display: block; } .wrap-footer .identity { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + flex-wrap: wrap; + justify-content: space-between; margin: 4% 0 0 0; } .wrap-footer .wrap-logo-lib, .wrap-footer .wrap-policies, .wrap-footer .wrap-social { - -ms-flex-item-align: end; - align-self: flex-end; + align-self: flex-end; margin-top: 0; margin-bottom: 0; } .wrap-footer .wrap-logo-lib { - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; margin-right: 4%; } .wrap-footer .wrap-policies { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; padding: auto; border-top: none; width: auto; @@ -572,22 +542,16 @@ hr { margin-bottom: 0; } .wrap-footer .wrap-social { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; margin-left: auto; } } @media (min-width: 1024px) { .wrap-footer .wrap-social { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; } .wrap-footer .wrap-policies { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; } } @@ -595,26 +559,14 @@ hr { padding: 1.5rem 4%; } .wrap-footer.footer-slim .wrap-middle { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; - display: -webkit-box; - display: -ms-flexbox; + order: 2; display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; + flex: 1; + flex-direction: column; + align-items: flex-start; } .wrap-footer.footer-slim .wrap-middle .wrap-policies { - -ms-flex-item-align: start; - align-self: flex-start; + align-self: flex-start; } .wrap-footer.footer-slim .wrap-middle .wrap-sitemap { display: inline-block; @@ -627,52 +579,42 @@ hr { } @media (min-width: 768px) { .wrap-footer.footer-slim .wrap-middle { - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; } .wrap-footer.footer-slim .wrap-middle .wrap-policies { margin-left: 2%; - -webkit-box-ordinal-group: 3; - -ms-flex-order: 2; - order: 2; + order: 2; } .wrap-footer.footer-slim .wrap-middle .wrap-sitemap { display: inline-block; margin-left: 2%; margin-bottom: auto; - -webkit-box-ordinal-group: 2; - -ms-flex-order: 1; - order: 1; + order: 1; } .wrap-footer.footer-slim .wrap-middle .wrap-sitemap .item { display: inline-block; margin-bottom: auto; } .wrap-footer.footer-slim .wrap-social { - -webkit-box-ordinal-group: 4; - -ms-flex-order: 3; - order: 3; + order: 3; } } - .wrap-footer-institute { padding: 20px 4%; } .wrap-content li { - margin-bottom: .5em; + margin-bottom: 0.5em; } .wrap-content .title-page { margin-bottom: 1rem; - padding: .5rem 0 1rem 0; + padding: 0.5rem 0 1rem 0; font-weight: 600; } .wrap-content .cta-link { - -webkit-transition: background-color ease-in-out .3s; - transition: background-color ease-in-out .3s; + transition: background-color ease-in-out 0.3s; display: inline-block; - padding: .5em; + padding: 0.5em; color: #000; font-size: 2rem; font-weight: 600; @@ -684,8 +626,7 @@ hr { } .button-primary, .wrap-outer-header-local .action-auth { - -webkit-transition: background-color .25s, border .25s; - transition: background-color .25s, border .25s; + transition: background-color 0.25s, border 0.25s; display: inline-block; border: 1px solid #000; border-radius: 3px; @@ -722,8 +663,8 @@ hr { } .button-primary.warn:before, .wrap-outer-header-local .warn.action-auth:before { font-family: FontAwesome; - content: "\f071 "; - font-size: .8em; + content: "\f071"; + font-size: 0.8em; margin-right: 5px; } .button-primary.warn:hover, .wrap-outer-header-local .warn.action-auth:hover, .button-primary.warn:focus, .wrap-outer-header-local .warn.action-auth:focus { @@ -731,9 +672,8 @@ hr { border-color: #D50606; } -.button-secondary, .button-subtle, .wrap-header-local .wrap-local-nav .nav-item, .pagination a, .js .expand-collapse-control .button { - -webkit-transition: background-color .25s, border .25s; - transition: background-color .25s, border .25s; +.button-secondary, .js .expand-collapse-control .button, .button-subtle, .pagination a, .wrap-header-local .wrap-local-nav .nav-item { + transition: background-color 0.25s, border 0.25s; display: inline-block; border: 1px solid #ccc; border-radius: 3px; @@ -742,44 +682,44 @@ hr { color: #000; text-decoration: none; } -.button-secondary:hover, .button-subtle:hover, .wrap-header-local .wrap-local-nav .nav-item:hover, .pagination a:hover, .js .expand-collapse-control .button:hover, .button-secondary:focus, .button-subtle:focus, .wrap-header-local .wrap-local-nav .nav-item:focus, .pagination a:focus, .js .expand-collapse-control .button:focus { +.button-secondary:hover, .js .expand-collapse-control .button:hover, .button-subtle:hover, .pagination a:hover, .wrap-header-local .wrap-local-nav .nav-item:hover, .button-secondary:focus, .js .expand-collapse-control .button:focus, .button-subtle:focus, .pagination a:focus, .wrap-header-local .wrap-local-nav .nav-item:focus { background-color: #0000FF; border-color: #0000FF; color: #fff; text-decoration: none; } -.button-secondary.green, .green.button-subtle, .wrap-header-local .wrap-local-nav .green.nav-item, .pagination a.green, .js .expand-collapse-control .green.button { +.button-secondary.green, .js .expand-collapse-control .green.button, .green.button-subtle, .pagination a.green, .wrap-header-local .wrap-local-nav .green.nav-item { color: #000; } -.button-secondary.green:hover, .green.button-subtle:hover, .wrap-header-local .wrap-local-nav .green.nav-item:hover, .pagination a.green:hover, .js .expand-collapse-control .green.button:hover, .button-secondary.green:focus, .green.button-subtle:focus, .wrap-header-local .wrap-local-nav .green.nav-item:focus, .pagination a.green:focus, .js .expand-collapse-control .green.button:focus { +.button-secondary.green:hover, .js .expand-collapse-control .green.button:hover, .green.button-subtle:hover, .pagination a.green:hover, .wrap-header-local .wrap-local-nav .green.nav-item:hover, .button-secondary.green:focus, .js .expand-collapse-control .green.button:focus, .green.button-subtle:focus, .pagination a.green:focus, .wrap-header-local .wrap-local-nav .green.nav-item:focus { background-color: #008700; border-color: #008700; color: #fff; } -.button-secondary.magenta, .magenta.button-subtle, .wrap-header-local .wrap-local-nav .magenta.nav-item, .pagination a.magenta, .js .expand-collapse-control .magenta.button { +.button-secondary.magenta, .js .expand-collapse-control .magenta.button, .magenta.button-subtle, .pagination a.magenta, .wrap-header-local .wrap-local-nav .magenta.nav-item { color: #000; } -.button-secondary.magenta:hover, .magenta.button-subtle:hover, .wrap-header-local .wrap-local-nav .magenta.nav-item:hover, .pagination a.magenta:hover, .js .expand-collapse-control .magenta.button:hover, .button-secondary.magenta:focus, .magenta.button-subtle:focus, .wrap-header-local .wrap-local-nav .magenta.nav-item:focus, .pagination a.magenta:focus, .js .expand-collapse-control .magenta.button:focus { +.button-secondary.magenta:hover, .js .expand-collapse-control .magenta.button:hover, .magenta.button-subtle:hover, .pagination a.magenta:hover, .wrap-header-local .wrap-local-nav .magenta.nav-item:hover, .button-secondary.magenta:focus, .js .expand-collapse-control .magenta.button:focus, .magenta.button-subtle:focus, .pagination a.magenta:focus, .wrap-header-local .wrap-local-nav .magenta.nav-item:focus { background-color: #c900c9; border-color: #C702C7; color: #fff; } -.button-secondary.warn, .warn.button-subtle, .wrap-header-local .wrap-local-nav .warn.nav-item, .pagination a.warn, .js .expand-collapse-control .warn.button { +.button-secondary.warn, .js .expand-collapse-control .warn.button, .warn.button-subtle, .pagination a.warn, .wrap-header-local .wrap-local-nav .warn.nav-item { color: #D50606; } -.button-secondary.warn:before, .warn.button-subtle:before, .wrap-header-local .wrap-local-nav .warn.nav-item:before, .pagination a.warn:before, .js .expand-collapse-control .warn.button:before { +.button-secondary.warn:before, .js .expand-collapse-control .warn.button:before, .warn.button-subtle:before, .pagination a.warn:before, .wrap-header-local .wrap-local-nav .warn.nav-item:before { font-family: FontAwesome; - content: "\f071 "; - font-size: .8em; + content: "\f071"; + font-size: 0.8em; margin-right: 5px; } -.button-secondary.warn:hover, .warn.button-subtle:hover, .wrap-header-local .wrap-local-nav .warn.nav-item:hover, .pagination a.warn:hover, .js .expand-collapse-control .warn.button:hover, .button-secondary.warn:focus, .warn.button-subtle:focus, .wrap-header-local .wrap-local-nav .warn.nav-item:focus, .pagination a.warn:focus, .js .expand-collapse-control .warn.button:focus { +.button-secondary.warn:hover, .js .expand-collapse-control .warn.button:hover, .warn.button-subtle:hover, .pagination a.warn:hover, .wrap-header-local .wrap-local-nav .warn.nav-item:hover, .button-secondary.warn:focus, .js .expand-collapse-control .warn.button:focus, .warn.button-subtle:focus, .pagination a.warn:focus, .wrap-header-local .wrap-local-nav .warn.nav-item:focus { background-color: #db0000; border-color: #D50606; color: #fff; } -.button-subtle, .wrap-header-local .wrap-local-nav .nav-item, .pagination a { +.button-subtle, .pagination a, .wrap-header-local .wrap-local-nav .nav-item { border: 0; } @@ -798,7 +738,6 @@ hr { .pagination .current { font-weight: 600; } - form { margin: 1.5rem 0; } @@ -820,19 +759,18 @@ form .field-group { } form .field-label { display: inline-block; - margin-bottom: .2rem; + margin-bottom: 0.2rem; font-size: 1.4rem; font-weight: 600; } form .field { display: block; - margin-top: .2rem; - margin-bottom: .2rem; + margin-top: 0.2rem; + margin-bottom: 0.2rem; } form .field:focus, form .field:active { border-color: #0000FF; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 0.8); - box-shadow: 0 0 5px rgba(0, 0, 255, 0.8); + box-shadow: 0 0 5px rgba(0, 0, 255, 0.8); } form .field.wide { width: 90%; @@ -844,8 +782,7 @@ form .field-text { padding: 6px 12px; background-image: none; background-color: #fff; - -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); } form .tip, form .hint { @@ -874,7 +811,7 @@ form .group-inline { form .group-inline .field-wrap { display: inline-block; vertical-align: top; - margin-bottom: .2rem; + margin-bottom: 0.2rem; } form .group-inline .field-select { min-width: auto; @@ -927,10 +864,9 @@ form .error .hint { padding-top: 1rem; font-size: 1.4rem; } - .alert p { - margin-top: .2rem; - margin-bottom: .2rem; + margin-top: 0.2rem; + margin-bottom: 0.2rem; } .alert.info { color: #000; @@ -975,7 +911,7 @@ form .error .hint { } .alert-banner .fa { display: inline-block; - margin-right: .5em; + margin-right: 0.5em; } .alert-banner.success { border: 1px solid #008700; @@ -998,16 +934,12 @@ form .error .hint { left: 10%; right: 10%; width: 80%; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; background-color: #eee; } .alert-banner.privacy-notice p { - margin-right: .5em; + margin-right: 0.5em; } @media (min-width: 768px) { @@ -1027,8 +959,7 @@ form .error .hint { .well { margin: 2rem 0; background-color: rgba(89, 89, 89, 0.1); - -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); padding: 2rem 2.5rem; } @@ -1040,10 +971,10 @@ form .error .hint { border-top: 4px solid #000; } .panel .panel-heading { - margin: 1.5rem 2rem .5rem 2rem; + margin: 1.5rem 2rem 0.5rem 2rem; } .panel .panel-body { - margin: .5rem 2rem 1.5rem 2rem; + margin: 0.5rem 2rem 1.5rem 2rem; } .panel .panel-footer { font-size: 1.4rem; @@ -1064,43 +995,43 @@ form .error .hint { border-top: 4px solid #D50606; } -.highlight, .table .is-highlighted, .table-simplified .is-highlighted { +.highlight, .table-simplified .is-highlighted, .table .is-highlighted { background-color: #ffde66; } -.table, .table-simplified { +.table-simplified, .table { margin-top: 1rem; margin-bottom: 2rem; } -.table caption, .table-simplified caption { - margin-bottom: .5rem; +.table-simplified caption, .table caption { + margin-bottom: 0.5rem; font-size: 1.4rem; text-align: left; } -.table tr:hover, .table-simplified tr:hover { +.table-simplified tr:hover, .table tr:hover { background-color: rgba(89, 89, 89, 0.3); } -.table th, .table-simplified th { +.table-simplified th, .table th { font-weight: 600; text-align: left; } -.table th, .table-simplified th, -.table td, -.table-simplified td { - padding: .75rem; +.table-simplified th, .table th, +.table-simplified td, +.table td { + padding: 0.75rem; border: 1px solid #dedede; } -.table tfoot tr, .table-simplified tfoot tr { +.table-simplified tfoot tr, .table tfoot tr { border-top: 2px solid #dedede; font-weight: 600; } -.table .align-left, .table-simplified .align-left { +.table-simplified .align-left, .table .align-left { text-align: left; } -.table .align-center, .table-simplified .align-center { +.table-simplified .align-center, .table .align-center { text-align: center; } -.table .align-right, .table-simplified .align-right { +.table-simplified .align-right, .table .align-right { text-align: right; } @@ -1112,7 +1043,7 @@ form .error .hint { .table-cozy th, .table-cozy td { - padding: .5rem; + padding: 0.5rem; } .table-spacious th, @@ -1161,7 +1092,7 @@ form .error .hint { } .wrap-header { - background: #000 url("/dest/i/vi-shape7-tp.svg") no-repeat 0 65%; + background: #000 url("https://cdn.mitlibrary.net/files/branding/local/vi-shape7-tp.svg") no-repeat 0 65%; } .wrap-header .logo-mit-lib { display: inline-block; @@ -1198,7 +1129,6 @@ form .error .hint { .wrap-outer-header-local .title-site { margin-bottom: 0; } - .wrap-outer-breadcrumb { background-color: #fff; color: #595959; @@ -1217,7 +1147,8 @@ form .error .hint { } .wrap-footer { - background: #000 url("/dest/i/vi-shape7-tp.svg") no-repeat 10% center; + background-image: url("https://cdn.mitlibrary.net/files/branding/local/vi-shape7-tp.svg"); + background-size: 200px 100px; } .wrap-footer a { color: #fff; @@ -1228,12 +1159,12 @@ form .error .hint { color: #fff; } .wrap-footer .title { - margin-bottom: .8rem; + margin-bottom: 0.8rem; } .wrap-footer .wrap-list .link-sub { display: list-item; list-style-type: none; - margin-bottom: .65rem; + margin-bottom: 0.65rem; font-weight: 300; } .wrap-footer .logo-mit-lib { @@ -1250,7 +1181,7 @@ form .error .hint { .wrap-footer .wrap-social p, .wrap-footer .wrap-social a { display: inline-block; vertical-align: middle; - margin-left: .5rem; + margin-left: 0.5rem; margin-bottom: 0; text-transform: uppercase; font-size: 1.2rem; @@ -1276,15 +1207,9 @@ form .error .hint { color: #dedede; } .wrap-outer-footer-institute .footer-info-institute { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; + justify-content: space-between; + align-items: baseline; } .wrap-outer-footer-institute a { color: #fff; @@ -1305,9 +1230,8 @@ form .error .hint { white-space: nowrap; } .wrap-outer-footer-institute .license { - margin-left: auto; - margin-top: 1rem; color: #dedede; + margin-left: 2em; } abbr.required { @@ -1323,7 +1247,6 @@ abbr.required { overflow: hidden; margin-bottom: 2rem; padding-bottom: 2rem; - -webkit-transition: height 200ms; transition: height 200ms; } .js .expand-container { @@ -1335,8 +1258,9 @@ abbr.required { left: 0; width: 100%; margin: 0; - padding: 4rem .5rem .5rem .5rem; + padding: 4rem 0.5rem 0.5rem 0.5rem; background: #fff; - background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, #f3f3f3)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f3f3f3 50%); } + +/*# sourceMappingURL=libraries-main.css.map */ diff --git a/dest/css/libraries-main.min.css b/dest/css/libraries-main.min.css index a1ae0c2..6decaa2 100644 --- a/dest/css/libraries-main.min.css +++ b/dest/css/libraries-main.min.css @@ -1 +1 @@ -h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;font-size:1rem;line-height:1}dl,ol,p,ul{margin:0 0 1em}img{max-width:100%;vertical-align:middle}a{text-decoration:none}input[type=checkbox],input[type=radio]{margin-right:.5rem}.sr{border:0 none;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.wrap-bar{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.js .expand-collapse-control .button{-webkit-appearance:none;-moz-appearance:none;border:0;background-color:transparent;cursor:pointer}.list-inline{list-style:none;text-indent:0}.list-inline,.list-inline dd,.list-inline dt,.list-inline li{margin:0;padding:0}.bit ul,.list-unbulleted{list-style:none;padding-left:0;text-indent:0}.list-inline dd,.list-inline dt,.list-inline li{display:inline-block}.list-inline-pipe,.wrap-footer.footer-slim .sitemap-libraries-abbrev a,.wrap-footer .wrap-policies{padding-left:0}.list-inline-pipe .item,.list-inline-pipe li,.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item,.wrap-footer.footer-slim .sitemap-libraries-abbrev a li,.wrap-footer .wrap-policies .item,.wrap-footer .wrap-policies li{display:inline-block;padding-right:1rem}.list-inline-pipe .item:after,.list-inline-pipe li:after,.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:after,.wrap-footer.footer-slim .sitemap-libraries-abbrev a li:after,.wrap-footer .wrap-policies .item:after,.wrap-footer .wrap-policies li:after{content:" | ";margin-left:1rem}.list-inline-pipe .item:last-child:after,.list-inline-pipe li:last-child:after,.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:last-child:after,.wrap-footer.footer-slim .sitemap-libraries-abbrev a li:last-child:after,.wrap-footer .wrap-policies .item:last-child:after,.wrap-footer .wrap-policies li:last-child:after{content:""}.is-hidden{display:none}.js .expand-collapse-control .button,.wrap-footer a,.wrap-outer-footer-institute a,a{transition:all .25s ease-in-out 0s;color:#000;text-decoration:underline}.js .expand-collapse-control .button:active,.js .expand-collapse-control .button:focus,.js .expand-collapse-control .button:hover,a:active,a:focus,a:hover{color:#00f}.js .expand-collapse-control .button:disabled,.js .expand-collapse-control .is-disabled.button,a.is-disabled,a:disabled{border:none;background-color:#dedede;color:#333}.js .expand-collapse-control .button:disabled:hover,.js .expand-collapse-control .is-disabled.button:hover,a.is-disabled:hover,a:disabled:hover{border:none;background-color:#dedede;color:#333;cursor:not-allowed}.js .expand-collapse-control .button:active,.js .expand-collapse-control .is-active.button,.js .expand-collapse-control .is-pressed.button,a.is-active,a.is-pressed,a:active{color:#c702c7}*{box-sizing:border-box}body,html{height:100%;font-size:62.5%}body{background-color:#595959;color:#fff;font-size:16px;font-size:1.6rem;line-height:1.2;font-family:Helvetica Neue,Helvetica,Arial,Open Sans,sans-serif}table{border-collapse:collapse;border-spacing:0}ol,ul{padding-left:2.5rem}li>ol,li>ul{margin-top:.5rem}dt{font-weight:600}dd{margin-left:0;margin-bottom:1rem}hr{margin:2rem 0;border:none;border-top:1px solid #767676}.wrap-outer-header.reasons{background:#f23074;background:linear-gradient(45deg,#f23074,#d6d628 36%,#207cca 66%,#544b8c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f23074",endColorstr="#544b8c",GradientType=1)}.wrap-outer-header.reasons .wrap-header{background:transparent}.hd-1,.wrap-content .hd-1,.wrap-content h1{margin-bottom:.5em;font-size:4.2rem;line-height:1;font-weight:600}.hd-2,.wrap-content .hd-2,.wrap-content h2,.wrap-outer-header-local .title-site{margin-bottom:.5em;font-size:3.2rem;line-height:1;font-weight:600}.hd-3,.wrap-content .hd-3,.wrap-content h3{margin-bottom:.5em;font-size:2.6rem;line-height:1;font-weight:400}.hd-4,.wrap-content .hd-4,.wrap-content h4{margin-bottom:.5em;font-size:2rem;line-height:1;font-weight:600}.bit .title,.hd-5,.hd-6,.wrap-content .hd-5,.wrap-content .hd-6,.wrap-content h5,.wrap-content h6,.wrap-footer .title{margin-bottom:.5em;font-size:1.6rem;line-height:1;font-weight:600}.hd-subtitle1,.wrap-content .subtitle{margin-bottom:.5em;font-size:1.6rem;text-transform:uppercase}.hd-subtitle2,.wrap-content .subtitle2{margin-bottom:.5em;font-size:1.4rem;text-transform:uppercase}.hd-subtitle3,.wrap-content .subtitle3{margin-bottom:.5em;font-size:1.2rem;text-transform:uppercase}.copy-lead,.panel .panel-heading{font-size:2.6rem}.copy-base{font-size:1.6rem}.copy-sup{font-size:1.2rem}.copy-micro{font-size:1rem;font-weight:400}.layout-band:after{content:"";display:table;clear:both}.wrap-breadcrumb,.wrap-content,.wrap-footer,.wrap-footer-institute,.wrap-gridband,.wrap-header,.wrap-header-local,.wrap-notice{max-width:114rem;margin:0 auto;padding:10px 4%}.gridband:after,.wrap-breadcrumb:after,.wrap-content:after,.wrap-footer-institute:after,.wrap-footer:after,.wrap-gridband:after,.wrap-header-local:after,.wrap-header:after,.wrap-notice:after{content:"";display:table;clear:both}.gridband .grid-item{width:auto;float:none}@media (min-width:768px){.gridband.layout-2c .grid-item{float:left;width:48%;margin-right:3%}.gridband.layout-2c .grid-item:nth-child(2n+0){float:right;margin-right:0}}@media (min-width:768px){.gridband.layout-3c .grid-item{float:left;width:32%;margin-right:2%}.gridband.layout-3c .grid-item:nth-child(3n+3){float:right;margin-right:0}}@media (min-width:768px){.gridband.layout-4c .grid-item{float:left;width:23%;margin-right:2%}.gridband.layout-4c .grid-item:nth-child(4n+4){float:right;margin-right:0}}.wrap-header .header-slim .logo-mit-lib img{height:35px}.wrap-header-core,.wrap-header-supp{display:inline-block;vertical-align:bottom}.wrap-header-core{width:65%}.wrap-header-supp{width:33%}.wrap-header-supp .link-logo-mit{float:right}.wrap-header-local .wrap-local-nav{margin-top:8px}.wrap-header-local .wrap-local-nav .nav-item{display:inline-block;margin-right:10px;font-size:1.4rem;text-decoration:none}.wrap-header-local .wrap-local-nav .nav-item.current{border:1px solid #00f}.wrap-outer-content{background-color:#fff;color:#000}.wrap-content{padding-top:3rem;padding-bottom:2%}.wrap-content .content-main{padding-bottom:3rem}@media (min-width:768px){.layout-3q1q .col3q{float:left;width:73%}.layout-3q1q .col1q-r{float:right;width:22%;margin-left:3%}}@media (min-width:768px){.layout-1q3q .col1q{float:left;width:22%;margin-right:3%}.layout-1q3q .col3q{float:right;width:73%}}@media (min-width:768px){.layout-1q2q1q .col1q{float:left;width:22%;margin-right:3%}.layout-1q2q1q .content-main{float:left;width:48%;margin-right:3%}.layout-1q2q1q .col1q-r{float:right;width:22%}}@media (min-width:768px){.layout-1t2t{display:-ms-flexbox;display:flex}.layout-1t2t .col1t{float:left;width:33%;margin-right:3%}.layout-1t2t .col2t{float:right;width:63%}}@media (min-width:768px){.layout-2t1t{display:-ms-flexbox;display:flex}.layout-2t1t .col2t{float:left;width:63%;margin-right:3%}.layout-2t1t .col1t-r{float:right;width:33%}}.wrap-footer{padding:3.5rem 4%}.wrap-footer .wrap-sitemap .menu-sub{display:none}.wrap-footer .identity{margin-top:4rem;margin-bottom:2rem}.wrap-footer .wrap-logo-lib{display:inline-block;vertical-align:bottom;margin:0 20px 20px 0}.wrap-footer .wrap-social{display:inline-block;vertical-align:bottom;margin-bottom:20px}.wrap-footer .wrap-policies{width:100%;border-top:1px solid #595959;padding-top:2rem}.wrap-footer .wrap-policies span{display:inline-block;margin:1rem 1.5rem 1rem 0}.wrap-footer .wrap-policies span.item{margin-right:0}.wrap-footer .wrap-policies span:after{content:""}.wrap-footer .wrap-social .text-find-us{display:none}@media (min-width:768px){.wrap-footer .wrap-sitemap{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.wrap-footer .wrap-sitemap .col{margin-right:3%}.wrap-footer .wrap-sitemap .col:last-child{margin-right:0}.wrap-footer .wrap-sitemap .menu-sub{display:block}.wrap-footer .identity{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;margin:4% 0 0}.wrap-footer .wrap-logo-lib,.wrap-footer .wrap-policies,.wrap-footer .wrap-social{-ms-flex-item-align:end;align-self:flex-end;margin-top:0;margin-bottom:0}.wrap-footer .wrap-logo-lib{-ms-flex-order:1;order:1;margin-right:4%}.wrap-footer .wrap-policies{-ms-flex-order:2;order:2;padding:auto;border-top:none;width:auto}.wrap-footer .wrap-policies span{margin-top:0;margin-bottom:0}.wrap-footer .wrap-social{-ms-flex-order:3;order:3;margin-left:auto}}@media (min-width:1024px){.wrap-footer .wrap-social{-ms-flex-order:3;order:3}.wrap-footer .wrap-policies{-ms-flex-order:2;order:2}}.wrap-footer.footer-slim{padding:1.5rem 4%}.wrap-footer.footer-slim .wrap-middle{-ms-flex-order:2;order:2;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.wrap-footer.footer-slim .wrap-middle .wrap-policies{-ms-flex-item-align:start;align-self:flex-start}.wrap-footer.footer-slim .wrap-middle .wrap-sitemap{display:inline-block;margin-bottom:2rem}.wrap-footer.footer-slim .wrap-middle .wrap-sitemap .item{display:block;margin-right:10px;margin-bottom:5px}@media (min-width:768px){.wrap-footer.footer-slim .wrap-middle{-ms-flex-order:2;order:2}.wrap-footer.footer-slim .wrap-middle .wrap-policies{margin-left:2%;-ms-flex-order:2;order:2}.wrap-footer.footer-slim .wrap-middle .wrap-sitemap{display:inline-block;margin-left:2%;margin-bottom:auto;-ms-flex-order:1;order:1}.wrap-footer.footer-slim .wrap-middle .wrap-sitemap .item{display:inline-block;margin-bottom:auto}.wrap-footer.footer-slim .wrap-social{-ms-flex-order:3;order:3}}.wrap-footer-institute{padding:20px 4%}.wrap-content li{margin-bottom:.5em}.wrap-content .title-page{margin-bottom:1rem;padding:.5rem 0 1rem;font-weight:600}.wrap-content .cta-link{transition:background-color .3s ease-in-out;display:inline-block;padding:.5em;color:#000;font-size:2rem;font-weight:600;text-decoration:underline}.wrap-content .cta-link:hover{background-color:#c702c7;color:#fff}.button-primary,.wrap-outer-header-local .action-auth{transition:background-color .25s,border .25s;display:inline-block;border:1px solid #000;border-radius:3px;padding:5px 10px;background-color:#000;color:#fff;text-decoration:none}.button-primary:focus,.button-primary:hover,.wrap-outer-header-local .action-auth:focus,.wrap-outer-header-local .action-auth:hover{background-color:#00f;border-color:#00f;color:#fff;text-decoration:none}.button-primary.green,.wrap-outer-header-local .green.action-auth{border:1px solid #000;background-color:#000}.button-primary.green:focus,.button-primary.green:hover,.wrap-outer-header-local .green.action-auth:focus,.wrap-outer-header-local .green.action-auth:hover{background-color:#008700;border-color:#008700}.button-primary.magenta,.wrap-outer-header-local .magenta.action-auth{border:1px solid #000;background-color:#000}.button-primary.magenta:focus,.button-primary.magenta:hover,.wrap-outer-header-local .magenta.action-auth:focus,.wrap-outer-header-local .magenta.action-auth:hover{background-color:#c900c9;border-color:#c702c7}.button-primary.warn,.wrap-outer-header-local .warn.action-auth{border:1px solid #a30505;background-color:#bc0505}.button-primary.warn:before,.wrap-outer-header-local .warn.action-auth:before{font-family:FontAwesome;content:"\f071 ";font-size:.8em;margin-right:5px}.button-primary.warn:focus,.button-primary.warn:hover,.wrap-outer-header-local .warn.action-auth:focus,.wrap-outer-header-local .warn.action-auth:hover{background-color:#db0000;border-color:#d50606}.button-secondary,.button-subtle,.js .expand-collapse-control .button,.pagination a,.wrap-header-local .wrap-local-nav .nav-item{transition:background-color .25s,border .25s;display:inline-block;border:1px solid #ccc;border-radius:3px;padding:5px 10px;background-color:transparent;color:#000;text-decoration:none}.button-secondary:focus,.button-secondary:hover,.button-subtle:focus,.button-subtle:hover,.js .expand-collapse-control .button:focus,.js .expand-collapse-control .button:hover,.pagination a:focus,.pagination a:hover,.wrap-header-local .wrap-local-nav .nav-item:focus,.wrap-header-local .wrap-local-nav .nav-item:hover{background-color:#00f;border-color:#00f;color:#fff;text-decoration:none}.button-secondary.green,.green.button-subtle,.js .expand-collapse-control .green.button,.pagination a.green,.wrap-header-local .wrap-local-nav .green.nav-item{color:#000}.button-secondary.green:focus,.button-secondary.green:hover,.green.button-subtle:focus,.green.button-subtle:hover,.js .expand-collapse-control .green.button:focus,.js .expand-collapse-control .green.button:hover,.pagination a.green:focus,.pagination a.green:hover,.wrap-header-local .wrap-local-nav .green.nav-item:focus,.wrap-header-local .wrap-local-nav .green.nav-item:hover{background-color:#008700;border-color:#008700;color:#fff}.button-secondary.magenta,.js .expand-collapse-control .magenta.button,.magenta.button-subtle,.pagination a.magenta,.wrap-header-local .wrap-local-nav .magenta.nav-item{color:#000}.button-secondary.magenta:focus,.button-secondary.magenta:hover,.js .expand-collapse-control .magenta.button:focus,.js .expand-collapse-control .magenta.button:hover,.magenta.button-subtle:focus,.magenta.button-subtle:hover,.pagination a.magenta:focus,.pagination a.magenta:hover,.wrap-header-local .wrap-local-nav .magenta.nav-item:focus,.wrap-header-local .wrap-local-nav .magenta.nav-item:hover{background-color:#c900c9;border-color:#c702c7;color:#fff}.button-secondary.warn,.js .expand-collapse-control .warn.button,.pagination a.warn,.warn.button-subtle,.wrap-header-local .wrap-local-nav .warn.nav-item{color:#d50606}.button-secondary.warn:before,.js .expand-collapse-control .warn.button:before,.pagination a.warn:before,.warn.button-subtle:before,.wrap-header-local .wrap-local-nav .warn.nav-item:before{font-family:FontAwesome;content:"\f071 ";font-size:.8em;margin-right:5px}.button-secondary.warn:focus,.button-secondary.warn:hover,.js .expand-collapse-control .warn.button:focus,.js .expand-collapse-control .warn.button:hover,.pagination a.warn:focus,.pagination a.warn:hover,.warn.button-subtle:focus,.warn.button-subtle:hover,.wrap-header-local .wrap-local-nav .warn.nav-item:focus,.wrap-header-local .wrap-local-nav .warn.nav-item:hover{background-color:#db0000;border-color:#d50606;color:#fff}.button-subtle,.pagination a,.wrap-header-local .wrap-local-nav .nav-item{border:0}.button-small{padding:2px 10px}.pagination{margin:1rem}.pagination .page{display:inline-block;min-width:3rem;text-align:center}.pagination .current{font-weight:600}form{margin:1.5rem 0}form fieldset{margin-top:1.5rem;margin-bottom:1.5rem;border:1px solid #ccc;padding:1rem 1.5rem}form legend{padding:0 1rem;font-size:1.4rem;color:#595959;text-transform:uppercase}form .field-group,form .field-wrap{margin-bottom:1rem}form .field-label{display:inline-block;margin-bottom:.2rem;font-size:1.4rem;font-weight:600}form .field{display:block;margin-top:.2rem;margin-bottom:.2rem}form .field:active,form .field:focus{border-color:#00f;box-shadow:0 0 5px rgba(0,0,255,.8)}form .field.wide{width:90%}form .field-text{min-width:25rem;border:1px solid #ccc;border-radius:2px;padding:6px 12px;background-image:none;background-color:#fff;box-shadow:inset 0 0 3px rgba(0,0,0,.2)}form .hint,form .tip{font-size:1.4rem;color:#595959;margin-bottom:0}form .hint.error,form .tip.error{color:#d50606}form .field-select,form .field-textarea{display:block;min-width:25rem}form .field-upload{border:none}form .group-inline{margin-bottom:1rem}form .group-inline .field-wrap{display:inline-block;vertical-align:top;margin-bottom:.2rem}form .group-inline .field-select{min-width:auto}form .fields-inline .field-label{display:inline-block;max-width:30%}form .fields-inline .field{display:inline-block;max-width:65%}form .fields-inline.field-radio{display:inline-block;margin-right:1.5rem}form .disabled{color:#595959;cursor:not-allowed}form .error .field-label{color:#d50606}form .error .field{border-color:#d50606}form .error .hint,form .error .tip{color:#d50606}.form-horizontal .form-input{display:inline-block;width:80%}.form-horizontal .form-action{display:inline-block;width:18%}.box-content{border:1px solid #dedede;background-color:#fff;padding:3%}.bit{margin:0 0 3rem;border-top:3px solid #ccc;padding-top:1rem;font-size:1.4rem}.alert p{margin-top:.2rem;margin-bottom:.2rem}.alert.info{color:#000}.alert.success{color:#008700}.alert.warning{color:#ffc800}.alert.error{color:#d50606}.wrap-notices{background-color:#333;color:#fff;font-size:1.2rem}.wrap-notices a{color:#00c8ff}.wrap-notices.success{border-bottom:4px solid #008700}.wrap-notices.warning{border-bottom:4px solid #ffc800}.wrap-notices.error{border-bottom:4px solid #d50606}.alert-banner{display:block;margin-bottom:2rem;border-radius:2px;padding:1.6rem 2rem;border:1px solid #000;border-top:5px solid #000;color:#000;font-weight:600}.alert-banner .fa{display:inline-block;margin-right:.5em}.alert-banner.success{border:1px solid #008700;border-top:3px solid #008700;color:#000}.alert-banner.warning{border:1px solid #ffc800;border-top:5px solid #ffc800;color:#000}.alert-banner.error{border:1px solid #d50606;border-top:5px solid #d50606;color:#000}.alert-banner.privacy-notice{position:fixed;bottom:40px;left:10%;right:10%;width:80%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:#eee}.alert-banner.privacy-notice p{margin-right:.5em}@media (min-width:768px){.inline-action .message{display:inline-block;vertical-align:middle;width:65%}.inline-action .actions{display:inline-block;vertical-align:middle;width:34%;text-align:right}}.well{margin:2rem 0;background-color:rgba(89,89,89,.1);box-shadow:inset 0 0 5px rgba(0,0,0,.5);padding:2rem 2.5rem}.panel{position:relative;margin:1.5rem 0;border:1px solid #ccc;background-color:#fff;border-top:4px solid #000}.panel .panel-heading{margin:1.5rem 2rem .5rem}.panel .panel-body{margin:.5rem 2rem 1.5rem}.panel .panel-footer{font-size:1.4rem;border-top:1px solid #ccc;background-color:rgba(89,89,89,.1);padding:1rem 2rem}.panel.panel-info{border-top:4px solid #000}.panel.panel-success{border-top:4px solid #008700}.panel.panel-warning{border-top:4px solid #ffc800}.panel.panel-danger{border-top:4px solid #d50606}.highlight,.table-simplified .is-highlighted,.table .is-highlighted{background-color:#ffde66}.table,.table-simplified{margin-top:1rem;margin-bottom:2rem}.table-simplified caption,.table caption{margin-bottom:.5rem;font-size:1.4rem;text-align:left}.table-simplified tr:hover,.table tr:hover{background-color:rgba(89,89,89,.3)}.table-simplified th,.table th{font-weight:600;text-align:left}.table-simplified td,.table-simplified th,.table td,.table th{padding:.75rem;border:1px solid #dedede}.table-simplified tfoot tr,.table tfoot tr{border-top:2px solid #dedede;font-weight:600}.table-simplified .align-left,.table .align-left{text-align:left}.table-simplified .align-center,.table .align-center{text-align:center}.table-simplified .align-right,.table .align-right{text-align:right}.table-simplified td,.table-simplified th{border:none;border-bottom:1px solid #dedede}.table-cozy td,.table-cozy th{padding:.5rem}.table-spacious td,.table-spacious th{padding:1.2rem}.wrapper-table-scrollable{width:100%;overflow-y:auto}.table-responsive td.supplemental,.table-responsive th.supplemental{display:none}@media (min-width:768px){.table-responsive td.supplemental,.table-responsive th.supplemental{display:table-cell}}#skip{position:absolute;overflow:hidden;top:0;left:0;height:0;width:0;color:#ccc;background-color:#000;border-bottom:2px solid #008700}#skip:focus{position:relative;display:block;height:auto;width:100%;padding:5px 2%}.wrap-outer-header{background-color:#000;color:#fff}.wrap-header{background:#000 url(/dest/i/vi-shape7-tp.svg) no-repeat 0 65%}.wrap-header .logo-mit-lib{display:inline-block;fill:#fff;color:#fff}.wrap-header .logo-mit-lib img{width:auto;max-height:44px;max-width:100%}.wrap-header .link-logo-mit{color:#fff}.wrap-header .link-logo-mit .logo-mit{fill:#767676}.wrap-header .link-logo-mit .logo-mit .color{fill:#fff}.wrap-outer-header-local{border-bottom:1px solid #ccc;background-color:#fff;color:#333}.wrap-outer-header-local .wrap-header-local{padding-top:2rem}.wrap-outer-header-local a{color:#333;text-decoration:none}.wrap-outer-header-local .title-site{margin-bottom:0}.wrap-outer-breadcrumb{background-color:#fff;color:#595959;font-size:1.2rem}.wrap-breadcrumb{padding-top:7px;padding-bottom:5px}.wrap-outer-footer{background-color:#000;color:#fff;font-size:1.2rem}.wrap-footer{background:#000 url(/dest/i/vi-shape7-tp.svg) no-repeat 10%}.wrap-footer a{color:#fff;text-decoration:none}.wrap-footer a:active,.wrap-footer a:focus,.wrap-footer a:hover{text-decoration:underline;color:#fff}.wrap-footer .title{margin-bottom:.8rem}.wrap-footer .wrap-list .link-sub{display:list-item;list-style-type:none;margin-bottom:.65rem;font-weight:300}.wrap-footer .logo-mit-lib{fill:#fff}.wrap-footer .logo-mit-lib img{max-height:60px;max-width:100%;vertical-align:baseline}.wrap-footer .wrap-policies{font-size:1.4rem}.wrap-footer .wrap-social a,.wrap-footer .wrap-social p{display:inline-block;vertical-align:middle;margin-left:.5rem;margin-bottom:0;text-transform:uppercase;font-size:1.2rem}.wrap-footer .wrap-social svg{height:2em;width:2em;border-radius:50%;padding:.2em;background:#fff none repeat scroll 0 0}.wrap-footer .wrap-social svg path{fill:#333}.wrap-footer.footer-slim .sitemap-libraries-abbrev a{font-size:1.4rem}.wrap-outer-footer-institute{background-color:#333;font-size:1rem;color:#dedede}.wrap-outer-footer-institute .footer-info-institute{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:baseline;align-items:baseline}.wrap-outer-footer-institute a,.wrap-outer-footer-institute a:active,.wrap-outer-footer-institute a:focus,.wrap-outer-footer-institute a:hover{color:#fff}.wrap-outer-footer-institute .link-logo-mit .logo-mit{fill:#ccc}.wrap-outer-footer-institute .link-logo-mit .logo-mit .color{fill:#fff}.wrap-outer-footer-institute .about-mit{color:#dedede;margin-right:4%;text-transform:uppercase;white-space:nowrap}.wrap-outer-footer-institute .license{margin-left:auto;margin-top:1rem;color:#dedede}abbr.required{text-decoration:none}.no-js .expand-collapse-control{display:none}.js .expand-collapse-wrap{position:relative;overflow:hidden;margin-bottom:2rem;padding-bottom:2rem;transition:height .2s}.js .expand-container{margin-bottom:4rem}.js .expand-collapse-control{position:absolute;bottom:0;left:0;width:100%;margin:0;padding:4rem .5rem .5rem;background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#f3f3f3 50%)} \ No newline at end of file +h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-size:1rem;line-height:1}p,ol,ul,dl{margin:0 0 1em 0}img{max-width:100%;vertical-align:middle}a{text-decoration:none}input[type=checkbox],input[type=radio]{margin-right:.5rem}.sr{border:0 none;clip:rect(1px, 1px, 1px, 1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.wrap-bar{display:flex;justify-content:space-between;align-items:center}.js .expand-collapse-control .button{-webkit-appearance:none;-moz-appearance:none;border:0;background-color:rgba(0,0,0,0);cursor:pointer}.list-inline{margin:0;padding:0;list-style:none;text-indent:0}.list-inline li,.list-inline dt,.list-inline dd{margin:0;padding:0}.list-unbulleted,.bit ul{list-style:none;padding-left:0;text-indent:0}.list-inline li,.list-inline dt,.list-inline dd{display:inline-block}.list-inline-pipe,.wrap-footer.footer-slim .sitemap-libraries-abbrev a,.wrap-footer .wrap-policies{padding-left:0}.list-inline-pipe li,.wrap-footer.footer-slim .sitemap-libraries-abbrev a li,.wrap-footer .wrap-policies li,.list-inline-pipe .item,.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item,.wrap-footer .wrap-policies .item{display:inline-block;padding-right:1rem}.list-inline-pipe li:after,.wrap-footer.footer-slim .sitemap-libraries-abbrev a li:after,.wrap-footer .wrap-policies li:after,.list-inline-pipe .item:after,.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:after,.wrap-footer .wrap-policies .item:after{content:" | ";margin-left:1rem}.list-inline-pipe li:last-child:after,.wrap-footer.footer-slim .sitemap-libraries-abbrev a li:last-child:after,.wrap-footer .wrap-policies li:last-child:after,.list-inline-pipe .item:last-child:after,.wrap-footer.footer-slim .sitemap-libraries-abbrev a .item:last-child:after,.wrap-footer .wrap-policies .item:last-child:after{content:""}.is-hidden{display:none}.wrap-outer-footer-institute a,.wrap-footer a,a,.js .expand-collapse-control .button{transition:all .25s ease-in-out 0s;color:#000;text-decoration:underline}a:hover,.js .expand-collapse-control .button:hover,a:active,.js .expand-collapse-control .button:active,a:focus,.js .expand-collapse-control .button:focus{color:blue}a:disabled,.js .expand-collapse-control .button:disabled,a.is-disabled,.js .expand-collapse-control .is-disabled.button{border:none;background-color:#dedede;color:#333}a:disabled:hover,.js .expand-collapse-control .button:disabled:hover,a.is-disabled:hover,.js .expand-collapse-control .is-disabled.button:hover{border:none;background-color:#dedede;color:#333;cursor:not-allowed}a:active,.js .expand-collapse-control .button:active,a.is-pressed,.js .expand-collapse-control .is-pressed.button,a.is-active,.js .expand-collapse-control .is-active.button{color:#c702c7}*{box-sizing:border-box}html,body{height:100%;font-size:62.5%}body{background-color:#595959;color:#fff;font-size:16px;font-size:1.6rem;line-height:1.2;font-family:"Helvetica Neue",Helvetica,Arial,"Open Sans",sans-serif}table{border-collapse:collapse;border-spacing:0}ol,ul{padding-left:2.5rem}li>ul,li>ol{margin-top:.5rem}dt{font-weight:600}dd{margin-left:0;margin-bottom:1rem}hr{margin:2rem 0;border:none;border-top:1px solid #767676}.wrap-outer-header.reasons{background:#f23074;background:-moz-linear-gradient(45deg, #f23074 0%, #d6d628 36%, #207cca 66%, #544b8c 100%);background:-webkit-linear-gradient(45deg, #f23074 0%, #d6d628 36%, #207cca 66%, #544b8c 100%);background:linear-gradient(45deg, #f23074 0%, #d6d628 36%, #207cca 66%, #544b8c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f23074", endColorstr="#544b8c",GradientType=1 )}.wrap-outer-header.reasons .wrap-header{background:rgba(0,0,0,0)}.hd-1,.wrap-content h1,.wrap-content .hd-1{margin-bottom:.5em;font-size:4.2rem;line-height:1;font-weight:600}.hd-2,.wrap-outer-header-local .title-site,.wrap-content h2,.wrap-content .hd-2{margin-bottom:.5em;font-size:3.2rem;line-height:1;font-weight:600}.hd-3,.wrap-content h3,.wrap-content .hd-3{margin-bottom:.5em;font-size:2.6rem;line-height:1;font-weight:400}.hd-4,.wrap-content h4,.wrap-content .hd-4{margin-bottom:.5em;font-size:2rem;line-height:1;font-weight:600}.hd-5,.bit .title,.wrap-content h5,.wrap-content .hd-5{margin-bottom:.5em;font-size:1.6rem;line-height:1;font-weight:600}.hd-6,.wrap-footer .title,.wrap-content h6,.wrap-content .hd-6{margin-bottom:.5em;font-size:1.6rem;line-height:1;font-weight:600}.hd-subtitle1,.wrap-content .subtitle{margin-bottom:.5em;font-size:1.6rem;text-transform:uppercase}.hd-subtitle2,.wrap-content .subtitle2{margin-bottom:.5em;font-size:1.4rem;text-transform:uppercase}.hd-subtitle3,.wrap-content .subtitle3{margin-bottom:.5em;font-size:1.2rem;text-transform:uppercase}.copy-lead,.panel .panel-heading{font-size:2.6rem}.copy-base{font-size:1.6rem}.copy-sup{font-size:1.2rem}.copy-micro{font-size:1rem;font-weight:400}.layout-band:after{content:"";display:table;clear:both}.wrap-gridband,.wrap-notice,.wrap-header,.wrap-header-local,.wrap-breadcrumb,.wrap-content,.wrap-footer,.wrap-footer-institute{max-width:114rem;margin:0 auto;padding:10px 4%}.wrap-gridband:after,.wrap-notice:after,.wrap-header:after,.wrap-header-local:after,.wrap-breadcrumb:after,.wrap-content:after,.wrap-footer:after,.wrap-footer-institute:after{content:"";display:table;clear:both}.gridband:after{content:"";display:table;clear:both}.gridband .grid-item{width:auto;float:none}@media(min-width: 768px){.gridband.layout-2c .grid-item{float:left;width:48%;margin-right:3%}.gridband.layout-2c .grid-item:nth-child(2n+0){float:right;margin-right:0}}@media(min-width: 768px){.gridband.layout-3c .grid-item{float:left;width:32%;margin-right:2%}.gridband.layout-3c .grid-item:nth-child(3n+3){float:right;margin-right:0}}@media(min-width: 768px){.gridband.layout-4c .grid-item{float:left;width:23%;margin-right:2%}.gridband.layout-4c .grid-item:nth-child(4n+4){float:right;margin-right:0}}.wrap-header .header-slim .logo-mit-lib img{height:35px}.wrap-header-core,.wrap-header-supp{display:inline-block;vertical-align:bottom}.wrap-header-core{width:65%}.wrap-header-supp{width:33%}.wrap-header-supp .link-logo-mit{float:right}.wrap-header-local .wrap-local-nav{margin-top:8px}.wrap-header-local .wrap-local-nav .nav-item{display:inline-block;margin-right:10px;font-size:1.4rem;text-decoration:none}.wrap-header-local .wrap-local-nav .nav-item.current{border:1px solid blue}.wrap-outer-content{background-color:#fff;color:#000}.wrap-content{padding-top:3rem;padding-bottom:2%}.wrap-content .content-main{padding-bottom:3rem}@media(min-width: 768px){.layout-3q1q .col3q{float:left;width:73%}.layout-3q1q .col1q-r{float:right;width:22%;margin-left:3%}}@media(min-width: 768px){.layout-1q3q .col1q{float:left;width:22%;margin-right:3%}.layout-1q3q .col3q{float:right;width:73%}}@media(min-width: 768px){.layout-1q2q1q .col1q{float:left;width:22%;margin-right:3%}.layout-1q2q1q .content-main{float:left;width:48%;margin-right:3%}.layout-1q2q1q .col1q-r{float:right;width:22%}}@media(min-width: 768px){.layout-1t2t{display:flex}.layout-1t2t .col1t{float:left;width:33%;margin-right:3%}.layout-1t2t .col2t{float:right;width:63%}}@media(min-width: 768px){.layout-2t1t{display:flex}.layout-2t1t .col2t{float:left;width:63%;margin-right:3%}.layout-2t1t .col1t-r{float:right;width:33%}}.wrap-footer{padding:3.5rem 4%}.wrap-footer .wrap-sitemap .menu-sub{display:none}.wrap-footer .identity{margin-top:4rem;margin-bottom:2rem}.wrap-footer .wrap-logo-lib{display:inline-block;vertical-align:bottom;margin:0 20px 20px 0}.wrap-footer .wrap-social{display:inline-block;vertical-align:bottom;margin-bottom:20px}.wrap-footer .wrap-policies{width:100%;border-top:1px solid #595959;padding-top:2rem}.wrap-footer .wrap-policies span{display:inline-block;margin:1rem 1.5rem 1rem 0}.wrap-footer .wrap-policies span.item{margin-right:0}.wrap-footer .wrap-policies span:after{content:""}.wrap-footer .wrap-social .text-find-us{display:none}@media(min-width: 768px){.wrap-footer .wrap-sitemap{display:flex;flex-direction:row}.wrap-footer .wrap-sitemap .col{margin-right:3%}.wrap-footer .wrap-sitemap .col:last-child{margin-right:0}.wrap-footer .wrap-sitemap .menu-sub{display:block}.wrap-footer .identity{display:flex;flex-wrap:wrap;justify-content:space-between;margin:4% 0 0 0}.wrap-footer .wrap-logo-lib,.wrap-footer .wrap-policies,.wrap-footer .wrap-social{align-self:flex-end;margin-top:0;margin-bottom:0}.wrap-footer .wrap-logo-lib{order:1;margin-right:4%}.wrap-footer .wrap-policies{order:2;padding:auto;border-top:none;width:auto}.wrap-footer .wrap-policies span{margin-top:0;margin-bottom:0}.wrap-footer .wrap-social{order:3;margin-left:auto}}@media(min-width: 1024px){.wrap-footer .wrap-social{order:3}.wrap-footer .wrap-policies{order:2}}.wrap-footer.footer-slim{padding:1.5rem 4%}.wrap-footer.footer-slim .wrap-middle{order:2;display:flex;flex:1;flex-direction:column;align-items:flex-start}.wrap-footer.footer-slim .wrap-middle .wrap-policies{align-self:flex-start}.wrap-footer.footer-slim .wrap-middle .wrap-sitemap{display:inline-block;margin-bottom:2rem}.wrap-footer.footer-slim .wrap-middle .wrap-sitemap .item{display:block;margin-right:10px;margin-bottom:5px}@media(min-width: 768px){.wrap-footer.footer-slim .wrap-middle{order:2}.wrap-footer.footer-slim .wrap-middle .wrap-policies{margin-left:2%;order:2}.wrap-footer.footer-slim .wrap-middle .wrap-sitemap{display:inline-block;margin-left:2%;margin-bottom:auto;order:1}.wrap-footer.footer-slim .wrap-middle .wrap-sitemap .item{display:inline-block;margin-bottom:auto}.wrap-footer.footer-slim .wrap-social{order:3}}.wrap-footer-institute{padding:20px 4%}.wrap-content li{margin-bottom:.5em}.wrap-content .title-page{margin-bottom:1rem;padding:.5rem 0 1rem 0;font-weight:600}.wrap-content .cta-link{transition:background-color ease-in-out .3s;display:inline-block;padding:.5em;color:#000;font-size:2rem;font-weight:600;text-decoration:underline}.wrap-content .cta-link:hover{background-color:#c702c7;color:#fff}.button-primary,.wrap-outer-header-local .action-auth{transition:background-color .25s,border .25s;display:inline-block;border:1px solid #000;border-radius:3px;padding:5px 10px;background-color:#000;color:#fff;text-decoration:none}.button-primary:hover,.wrap-outer-header-local .action-auth:hover,.button-primary:focus,.wrap-outer-header-local .action-auth:focus{background-color:blue;border-color:blue;color:#fff;text-decoration:none}.button-primary.green,.wrap-outer-header-local .green.action-auth{border:1px solid #000;background-color:#000}.button-primary.green:hover,.wrap-outer-header-local .green.action-auth:hover,.button-primary.green:focus,.wrap-outer-header-local .green.action-auth:focus{background-color:#008700;border-color:#008700}.button-primary.magenta,.wrap-outer-header-local .magenta.action-auth{border:1px solid #000;background-color:#000}.button-primary.magenta:hover,.wrap-outer-header-local .magenta.action-auth:hover,.button-primary.magenta:focus,.wrap-outer-header-local .magenta.action-auth:focus{background-color:#c900c9;border-color:#c702c7}.button-primary.warn,.wrap-outer-header-local .warn.action-auth{border:1px solid #a30505;background-color:#bc0505}.button-primary.warn:before,.wrap-outer-header-local .warn.action-auth:before{font-family:FontAwesome;content:"";font-size:.8em;margin-right:5px}.button-primary.warn:hover,.wrap-outer-header-local .warn.action-auth:hover,.button-primary.warn:focus,.wrap-outer-header-local .warn.action-auth:focus{background-color:#db0000;border-color:#d50606}.button-secondary,.js .expand-collapse-control .button,.button-subtle,.pagination a,.wrap-header-local .wrap-local-nav .nav-item{transition:background-color .25s,border .25s;display:inline-block;border:1px solid #ccc;border-radius:3px;padding:5px 10px;background-color:rgba(0,0,0,0);color:#000;text-decoration:none}.button-secondary:hover,.js .expand-collapse-control .button:hover,.button-subtle:hover,.pagination a:hover,.wrap-header-local .wrap-local-nav .nav-item:hover,.button-secondary:focus,.js .expand-collapse-control .button:focus,.button-subtle:focus,.pagination a:focus,.wrap-header-local .wrap-local-nav .nav-item:focus{background-color:blue;border-color:blue;color:#fff;text-decoration:none}.button-secondary.green,.js .expand-collapse-control .green.button,.green.button-subtle,.pagination a.green,.wrap-header-local .wrap-local-nav .green.nav-item{color:#000}.button-secondary.green:hover,.js .expand-collapse-control .green.button:hover,.green.button-subtle:hover,.pagination a.green:hover,.wrap-header-local .wrap-local-nav .green.nav-item:hover,.button-secondary.green:focus,.js .expand-collapse-control .green.button:focus,.green.button-subtle:focus,.pagination a.green:focus,.wrap-header-local .wrap-local-nav .green.nav-item:focus{background-color:#008700;border-color:#008700;color:#fff}.button-secondary.magenta,.js .expand-collapse-control .magenta.button,.magenta.button-subtle,.pagination a.magenta,.wrap-header-local .wrap-local-nav .magenta.nav-item{color:#000}.button-secondary.magenta:hover,.js .expand-collapse-control .magenta.button:hover,.magenta.button-subtle:hover,.pagination a.magenta:hover,.wrap-header-local .wrap-local-nav .magenta.nav-item:hover,.button-secondary.magenta:focus,.js .expand-collapse-control .magenta.button:focus,.magenta.button-subtle:focus,.pagination a.magenta:focus,.wrap-header-local .wrap-local-nav .magenta.nav-item:focus{background-color:#c900c9;border-color:#c702c7;color:#fff}.button-secondary.warn,.js .expand-collapse-control .warn.button,.warn.button-subtle,.pagination a.warn,.wrap-header-local .wrap-local-nav .warn.nav-item{color:#d50606}.button-secondary.warn:before,.js .expand-collapse-control .warn.button:before,.warn.button-subtle:before,.pagination a.warn:before,.wrap-header-local .wrap-local-nav .warn.nav-item:before{font-family:FontAwesome;content:"";font-size:.8em;margin-right:5px}.button-secondary.warn:hover,.js .expand-collapse-control .warn.button:hover,.warn.button-subtle:hover,.pagination a.warn:hover,.wrap-header-local .wrap-local-nav .warn.nav-item:hover,.button-secondary.warn:focus,.js .expand-collapse-control .warn.button:focus,.warn.button-subtle:focus,.pagination a.warn:focus,.wrap-header-local .wrap-local-nav .warn.nav-item:focus{background-color:#db0000;border-color:#d50606;color:#fff}.button-subtle,.pagination a,.wrap-header-local .wrap-local-nav .nav-item{border:0}.button-small{padding:2px 10px}.pagination{margin:1rem}.pagination .page{display:inline-block;min-width:3rem;text-align:center}.pagination .current{font-weight:600}form{margin:1.5rem 0}form fieldset{margin-top:1.5rem;margin-bottom:1.5rem;border:1px solid #ccc;padding:1rem 1.5rem}form legend{padding:0 1rem;font-size:1.4rem;color:#595959;text-transform:uppercase}form .field-wrap,form .field-group{margin-bottom:1rem}form .field-label{display:inline-block;margin-bottom:.2rem;font-size:1.4rem;font-weight:600}form .field{display:block;margin-top:.2rem;margin-bottom:.2rem}form .field:focus,form .field:active{border-color:blue;box-shadow:0 0 5px rgba(0,0,255,.8)}form .field.wide{width:90%}form .field-text{min-width:25rem;border:1px solid #ccc;border-radius:2px;padding:6px 12px;background-image:none;background-color:#fff;box-shadow:inset 0 0 3px rgba(0,0,0,.2)}form .tip,form .hint{font-size:1.4rem;color:#595959;margin-bottom:0}form .tip.error,form .hint.error{color:#d50606}form .field-textarea{display:block;min-width:25rem}form .field-select{display:block;min-width:25rem}form .field-upload{border:none}form .group-inline{margin-bottom:1rem}form .group-inline .field-wrap{display:inline-block;vertical-align:top;margin-bottom:.2rem}form .group-inline .field-select{min-width:auto}form .fields-inline .field-label{display:inline-block;max-width:30%}form .fields-inline .field{display:inline-block;max-width:65%}form .fields-inline.field-radio{display:inline-block;margin-right:1.5rem}form .disabled{color:#595959;cursor:not-allowed}form .error .field-label{color:#d50606}form .error .field{border-color:#d50606}form .error .tip,form .error .hint{color:#d50606}.form-horizontal .form-input{display:inline-block;width:80%}.form-horizontal .form-action{display:inline-block;width:18%}.box-content{border:1px solid #dedede;background-color:#fff;padding:3%}.bit{margin:0 0 3rem 0;border-top:3px solid #ccc;padding-top:1rem;font-size:1.4rem}.alert p{margin-top:.2rem;margin-bottom:.2rem}.alert.info{color:#000}.alert.success{color:#008700}.alert.warning{color:#ffc800}.alert.error{color:#d50606}.wrap-notices{background-color:#333;color:#fff;font-size:1.2rem}.wrap-notices a{color:#00c8ff}.wrap-notices.success{border-bottom:4px solid #008700}.wrap-notices.warning{border-bottom:4px solid #ffc800}.wrap-notices.error{border-bottom:4px solid #d50606}.alert-banner{display:block;margin-bottom:2rem;border-radius:2px;padding:1.6rem 2rem;border:1px solid #000;border-top:5px solid #000;color:#000;font-weight:600}.alert-banner .fa{display:inline-block;margin-right:.5em}.alert-banner.success{border:1px solid #008700;border-top:3px solid #008700;color:#000}.alert-banner.warning{border:1px solid #ffc800;border-top:5px solid #ffc800;color:#000}.alert-banner.error{border:1px solid #d50606;border-top:5px solid #d50606;color:#000}.alert-banner.privacy-notice{position:fixed;bottom:40px;left:10%;right:10%;width:80%;display:flex;justify-content:space-between;background-color:#eee}.alert-banner.privacy-notice p{margin-right:.5em}@media(min-width: 768px){.inline-action .message{display:inline-block;vertical-align:middle;width:65%}.inline-action .actions{display:inline-block;vertical-align:middle;width:34%;text-align:right}}.well{margin:2rem 0;background-color:rgba(89,89,89,.1);box-shadow:inset 0 0 5px rgba(0,0,0,.5);padding:2rem 2.5rem}.panel{position:relative;margin:1.5rem 0;border:1px solid #ccc;background-color:#fff;border-top:4px solid #000}.panel .panel-heading{margin:1.5rem 2rem .5rem 2rem}.panel .panel-body{margin:.5rem 2rem 1.5rem 2rem}.panel .panel-footer{font-size:1.4rem;border-top:1px solid #ccc;background-color:rgba(89,89,89,.1);padding:1rem 2rem}.panel.panel-info{border-top:4px solid #000}.panel.panel-success{border-top:4px solid #008700}.panel.panel-warning{border-top:4px solid #ffc800}.panel.panel-danger{border-top:4px solid #d50606}.highlight,.table-simplified .is-highlighted,.table .is-highlighted{background-color:#ffde66}.table-simplified,.table{margin-top:1rem;margin-bottom:2rem}.table-simplified caption,.table caption{margin-bottom:.5rem;font-size:1.4rem;text-align:left}.table-simplified tr:hover,.table tr:hover{background-color:rgba(89,89,89,.3)}.table-simplified th,.table th{font-weight:600;text-align:left}.table-simplified th,.table th,.table-simplified td,.table td{padding:.75rem;border:1px solid #dedede}.table-simplified tfoot tr,.table tfoot tr{border-top:2px solid #dedede;font-weight:600}.table-simplified .align-left,.table .align-left{text-align:left}.table-simplified .align-center,.table .align-center{text-align:center}.table-simplified .align-right,.table .align-right{text-align:right}.table-simplified th,.table-simplified td{border:none;border-bottom:1px solid #dedede}.table-cozy th,.table-cozy td{padding:.5rem}.table-spacious th,.table-spacious td{padding:1.2rem}.wrapper-table-scrollable{width:100%;overflow-y:auto}.table-responsive th.supplemental,.table-responsive td.supplemental{display:none}@media(min-width: 768px){.table-responsive th.supplemental,.table-responsive td.supplemental{display:table-cell}}#skip{position:absolute;overflow:hidden;top:0;left:0;height:0;width:0;color:#ccc;background-color:#000;border-bottom:2px solid #008700}#skip:focus{position:relative;display:block;height:auto;width:100%;padding:5px 2%}.wrap-outer-header{background-color:#000;color:#fff}.wrap-header{background:#000 url("https://cdn.mitlibrary.net/files/branding/local/vi-shape7-tp.svg") no-repeat 0 65%}.wrap-header .logo-mit-lib{display:inline-block;fill:#fff;color:#fff}.wrap-header .logo-mit-lib img{width:auto;max-height:44px;max-width:100%}.wrap-header .link-logo-mit{color:#fff}.wrap-header .link-logo-mit .logo-mit{fill:#767676}.wrap-header .link-logo-mit .logo-mit .color{fill:#fff}.wrap-outer-header-local{border-bottom:1px solid #ccc;background-color:#fff;color:#333}.wrap-outer-header-local .wrap-header-local{padding-top:2rem}.wrap-outer-header-local a{color:#333;text-decoration:none}.wrap-outer-header-local .title-site{margin-bottom:0}.wrap-outer-breadcrumb{background-color:#fff;color:#595959;font-size:1.2rem}.wrap-breadcrumb{padding-top:7px;padding-bottom:5px}.wrap-outer-footer{background-color:#000;color:#fff;font-size:1.2rem}.wrap-footer{background-image:url("https://cdn.mitlibrary.net/files/branding/local/vi-shape7-tp.svg");background-size:200px 100px}.wrap-footer a{color:#fff;text-decoration:none}.wrap-footer a:hover,.wrap-footer a:active,.wrap-footer a:focus{text-decoration:underline;color:#fff}.wrap-footer .title{margin-bottom:.8rem}.wrap-footer .wrap-list .link-sub{display:list-item;list-style-type:none;margin-bottom:.65rem;font-weight:300}.wrap-footer .logo-mit-lib{fill:#fff}.wrap-footer .logo-mit-lib img{max-height:60px;max-width:100%;vertical-align:baseline}.wrap-footer .wrap-policies{font-size:1.4rem}.wrap-footer .wrap-social p,.wrap-footer .wrap-social a{display:inline-block;vertical-align:middle;margin-left:.5rem;margin-bottom:0;text-transform:uppercase;font-size:1.2rem}.wrap-footer .wrap-social svg{height:2em;width:2em;border-radius:50%;padding:.2em;background:#fff none repeat scroll 0 0}.wrap-footer .wrap-social svg path{fill:#333}.wrap-footer.footer-slim .sitemap-libraries-abbrev a{font-size:1.4rem}.wrap-outer-footer-institute{background-color:#333;font-size:1rem;color:#dedede}.wrap-outer-footer-institute .footer-info-institute{display:flex;justify-content:space-between;align-items:baseline}.wrap-outer-footer-institute a{color:#fff}.wrap-outer-footer-institute a:hover,.wrap-outer-footer-institute a:active,.wrap-outer-footer-institute a:focus{color:#fff}.wrap-outer-footer-institute .link-logo-mit .logo-mit{fill:#ccc}.wrap-outer-footer-institute .link-logo-mit .logo-mit .color{fill:#fff}.wrap-outer-footer-institute .about-mit{color:#dedede;margin-right:4%;text-transform:uppercase;white-space:nowrap}.wrap-outer-footer-institute .license{color:#dedede;margin-left:2em}abbr.required{text-decoration:none}.no-js .expand-collapse-control{display:none}.js .expand-collapse-wrap{position:relative;overflow:hidden;margin-bottom:2rem;padding-bottom:2rem;transition:height 200ms}.js .expand-container{margin-bottom:4rem}.js .expand-collapse-control{position:absolute;bottom:0;left:0;width:100%;margin:0;padding:4rem .5rem .5rem .5rem;background:#fff;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f3f3f3 50%)}/*# sourceMappingURL=libraries-main.min.css.map */ diff --git a/dest/i/favicon.ico b/dest/i/favicon.ico new file mode 100644 index 0000000..1ee0b84 Binary files /dev/null and b/dest/i/favicon.ico differ diff --git a/dest/i/mitlib-wordmark.svg b/dest/i/mitlib-wordmark.svg deleted file mode 100644 index ae92cbd..0000000 --- a/dest/i/mitlib-wordmark.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/dest/i/vi-shape7-tp.svg b/dest/i/vi-shape7-tp.svg deleted file mode 100644 index 1cc62de..0000000 --- a/dest/i/vi-shape7-tp.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js deleted file mode 100755 index 9968a38..0000000 --- a/gulpfile.js +++ /dev/null @@ -1,75 +0,0 @@ -// gulpfile.js -'use strict'; - -var gulp = require('gulp'), - sass = require('gulp-ruby-sass'), - autoprefixer = require('gulp-autoprefixer'), - cssnano = require('gulp-cssnano'), - jshint = require('gulp-jshint'), - uglify = require('gulp-uglify'), - imagemin = require('gulp-imagemin'), - rename = require('gulp-rename'), - concat = require('gulp-concat'), - notify = require('gulp-notify'), - cache = require('gulp-cache'), - del = require('del'); - -gulp.task('styles', function() { - return sass('_assets/sass/libraries-main.scss', { style: 'expanded' }) - .pipe(autoprefixer('last 2 version')) - .pipe(gulp.dest('dest/css')) - .pipe(rename({suffix: '.min'})) - .pipe(cssnano()) - .pipe(gulp.dest('dest/css')) - .pipe(notify({ message: 'Styles task complete' })); -}); - -gulp.task('guide-styles', function() { - return sass('_assets/sass/guide-helper.scss', { style: 'expanded' }) - .pipe(autoprefixer('last 2 version')) - .pipe(gulp.dest('dest/css')) - .pipe(notify({ message: 'Guide styles task complete' })); -}); - -// Scripts -gulp.task('scripts', function() { - return gulp.src('_assets/js/**/*.js') - .pipe(jshint()) - .pipe(jshint.reporter('default')) - .pipe(concat('libraries-main.js')) - .pipe(gulp.dest('dest/js')) - .pipe(rename({ suffix: '.min' })) - .pipe(uglify()) - .pipe(gulp.dest('dest/js')) - .pipe(notify({ message: 'Scripts task complete' })); -}); - -// Images -gulp.task('images', function(){ - return gulp.src('_assets/i/**/*.+(png|jpg|gif|svg)') - .pipe(cache(imagemin())) - .pipe(gulp.dest('dest/i')) - .pipe(notify({ message: 'Images task complete' })); -}); - -// clean up time! -gulp.task('clean', function() { - return del(['dest/css', 'dest/scripts', 'dest/i']); -}); - -gulp.task('default', ['clean'], function() { - gulp.start('styles', 'guide-styles', 'scripts', 'images'); -}); - -gulp.task('watch', function() { - - // Watch .scss files - gulp.watch('_assets/sass/**/*.scss', ['styles']); - - // Watch .js files - gulp.watch('_assets/js/**/*.js', ['scripts']); - - // Watch image files - gulp.watch('_assets/i/**/*', ['images']); - -}); diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json deleted file mode 100644 index 00b93ec..0000000 --- a/npm-shrinkwrap.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "dependencies": { - "graceful-fs": { - "version": "4.2.2" - } - } -} diff --git a/package.json b/package.json deleted file mode 100644 index a3c77df..0000000 --- a/package.json +++ /dev/null @@ -1,30 +0,0 @@ -{ - "name": "mitlib-style", - "version": "0.1.0", - "author": "frrrances", - "license": "MIT", - "description": "The (working) Visual, UI, and Front End Styleguide for MIT Libraries", - "homepage": "https://libraries.mit.edu", - "repository": { - "type": "git", - "url": "git://github.com/MITLibraries/mitlib-style.git" - }, - "dependencies": {}, - "devDependencies": { - "del": "^3.0.0", - "gulp": "^3.9.1", - "gulp-autoprefixer": "^4.1.0", - "gulp-cache": "^1.0.2", - "gulp-concat": "^2.6.1", - "gulp-cssnano": "^2.1.2", - "gulp-imagemin": "^4.1.0", - "gulp-jshint": "^2.0.4", - "gulp-livereload": "^3.8.1", - "gulp-notify": "^3.0.0", - "gulp-rename": "^1.2.2", - "gulp-ruby-sass": "^3.0.0", - "gulp-uglify": "^3.0.0", - "jshint": "^2.9.5" - }, - "scripts": {} -} diff --git a/sparse.md b/sparse.md new file mode 100644 index 0000000..e16fa89 --- /dev/null +++ b/sparse.md @@ -0,0 +1,4 @@ +layout: default +--- + +Minimal content page useful for header/footer work.