From 224af4a6f0c468ce37085e5449e7016668b78e0a Mon Sep 17 00:00:00 2001 From: Kim Nguyen Date: Thu, 23 Sep 2021 11:09:40 -0400 Subject: [PATCH] Update Font Awesome styles. --- css/sass/_screen.scss | 9 +- css/sass/_screen_768.scss | 3 +- css/style.css | 2377 +++++++++++------- gulpfile.js | 3 +- package-lock.json | 4768 +------------------------------------ 5 files changed, 1549 insertions(+), 5611 deletions(-) diff --git a/css/sass/_screen.scss b/css/sass/_screen.scss index 12bb865..31e1def 100644 --- a/css/sass/_screen.scss +++ b/css/sass/_screen.scss @@ -787,8 +787,9 @@ ul.navigation { padding-left: 0; } .sub-nav-toggle:after, [aria-haspopup="true"]:after { - font-family: "FontAwesome"; + font-family: "Font Awesome 5 Free"; content: "\f055"; + font-weight: 900; font-size: 14px; float: right; transition-property: transform; @@ -1005,7 +1006,8 @@ nav.pagination:nth-of-type(3) ul, #content > .pagination:nth-of-type(2) { } .desc a:after, .asc a:after { - font-family: "FontAwesome"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; display: inline-block; } @@ -1118,8 +1120,9 @@ nav.pagination:nth-of-type(3) ul, #content > .pagination:nth-of-type(2) { text-indent: -9999px; &:after { - font-family: "FontAwesome"; + font-family: "Font Awesome 5 Free"; content: "\f002"; + font-weight: 900; text-indent: 0; position: absolute; top: 0; diff --git a/css/sass/_screen_768.scss b/css/sass/_screen_768.scss index adc3f29..33d2024 100644 --- a/css/sass/_screen_768.scss +++ b/css/sass/_screen_768.scss @@ -245,7 +245,8 @@ div#contribution-type-form div.inputs { &:after { content: "\f00d"; - font-family: "FontAwesome"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; text-indent: 0; text-align: center; width: 100%; diff --git a/css/style.css b/css/style.css index 4d7ec7d..edf3488 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. @@ -10,13 +11,15 @@ html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; - /* 2 */ } + /* 2 */ +} /** * Remove default margin. */ body { - margin: 0; } + margin: 0; +} /* HTML5 display definitions ========================================================================== */ @@ -39,7 +42,8 @@ menu, nav, section, summary { - display: block; } + display: block; +} /** * 1. Correct `inline-block` display not defined in IE 8/9. @@ -52,7 +56,8 @@ video { display: inline-block; /* 1 */ vertical-align: baseline; - /* 2 */ } + /* 2 */ +} /** * Prevent modern browsers from displaying `audio` without controls. @@ -60,7 +65,8 @@ video { */ audio:not([controls]) { display: none; - height: 0; } + height: 0; +} /** * Address `[hidden]` styling not present in IE 8/9/10. @@ -68,7 +74,8 @@ audio:not([controls]) { */ [hidden], template { - display: none; } + display: none; +} /* Links ========================================================================== */ @@ -76,14 +83,16 @@ template { * Remove the gray background color from active links in IE 10. */ a { - background-color: transparent; } + background-color: transparent; +} /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { - outline: 0; } + outline: 0; +} /* Text-level semantics ========================================================================== */ @@ -91,20 +100,23 @@ a:hover { * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { - border-bottom: 1px dotted; } + border-bottom: 1px dotted; +} /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { - font-weight: bold; } + font-weight: bold; +} /** * Address styling not present in Safari and Chrome. */ dfn { - font-style: italic; } + font-style: italic; +} /** * Address variable `h1` font-size and margin within `section` and `article` @@ -112,20 +124,23 @@ dfn { */ h1 { font-size: 2em; - margin: 0.67em 0; } + margin: 0.67em 0; +} /** * Address styling not present in IE 8/9. */ mark { background: #ff0; - color: #000; } + color: #000; +} /** * Address inconsistent and variable font size in all browsers. */ small { - font-size: 80%; } + font-size: 80%; +} /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. @@ -135,13 +150,16 @@ sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; } + vertical-align: baseline; +} sup { - top: -0.5em; } + top: -0.5em; +} sub { - bottom: -0.25em; } + bottom: -0.25em; +} /* Embedded content ========================================================================== */ @@ -149,13 +167,15 @@ sub { * Remove border when inside `a` element in IE 8/9/10. */ img { - border: 0; } + border: 0; +} /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { - overflow: hidden; } + overflow: hidden; +} /* Grouping content ========================================================================== */ @@ -163,20 +183,23 @@ svg:not(:root) { * Address margin not present in IE 8/9 and Safari. */ figure { - margin: 1em 40px; } + margin: 1em 40px; +} /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; - height: 0; } + height: 0; +} /** * Contain overflow in all browsers. */ pre { - overflow: auto; } + overflow: auto; +} /** * Address odd `em`-unit font size rendering in all browsers. @@ -186,7 +209,8 @@ kbd, pre, samp { font-family: monospace, monospace; - font-size: 1em; } + font-size: 1em; +} /* Forms ========================================================================== */ @@ -210,13 +234,15 @@ textarea { font: inherit; /* 2 */ margin: 0; - /* 3 */ } + /* 3 */ +} /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { - overflow: visible; } + overflow: visible; +} /** * Address inconsistent `text-transform` inheritance for `button` and `select`. @@ -226,7 +252,8 @@ button { */ button, select { - text-transform: none; } + text-transform: none; +} /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` @@ -236,20 +263,22 @@ select { * `input` and others. */ button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { +html input[type=button], +input[type=reset], +input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; - /* 3 */ } + /* 3 */ +} /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { - cursor: default; } + cursor: default; +} /** * Remove inner padding and border in Firefox 4+. @@ -257,14 +286,16 @@ html input[disabled] { button::-moz-focus-inner, input::-moz-focus-inner { border: 0; - padding: 0; } + padding: 0; +} /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { - line-height: normal; } + line-height: normal; +} /** * It's recommended that you don't attempt to style these elements. @@ -273,41 +304,45 @@ input { * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ -input[type="checkbox"], -input[type="radio"] { +input[type=checkbox], +input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; - /* 2 */ } + /* 2 */ +} /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; } +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + height: auto; +} /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ -input[type="search"] { +input[type=search] { -webkit-appearance: textfield; /* 1 */ /* 2 */ - box-sizing: content-box; } + box-sizing: content-box; +} /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} /** * Define consistent border, margin, and padding. @@ -315,7 +350,8 @@ input[type="search"]::-webkit-search-decoration { fieldset { border: 1px solid #c0c0c0; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } + padding: 0.35em 0.625em 0.75em; +} /** * 1. Correct `color` not being inherited in IE 8/9/10/11. @@ -325,20 +361,23 @@ legend { border: 0; /* 1 */ padding: 0; - /* 2 */ } + /* 2 */ +} /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { - overflow: auto; } + overflow: auto; +} /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { - font-weight: bold; } + font-weight: bold; +} /* Tables ========================================================================== */ @@ -347,11 +386,13 @@ optgroup { */ table { border-collapse: collapse; - border-spacing: 0; } + border-spacing: 0; +} td, th { - padding: 0; } + padding: 0; +} /* == Support == */ /* == Variables == */ @@ -359,66 +400,103 @@ th { @media screen { /* @group ----- Generic styles ----- */ * { - box-sizing: border-box; } + box-sizing: border-box; + } + body { font-family: "PT Serif", Times, serif; word-break: break-word; font-size: 16px; - line-height: 24px; } + line-height: 24px; + } + h1, h2, h3, legend, h4, h5, h6 { margin-top: 0; - margin-bottom: 24px; } + margin-bottom: 24px; + } + h1 { font-size: 32px; - line-height: 48px; } + line-height: 48px; + } + h2 { font-size: 24px; - line-height: 36px; } + line-height: 36px; + } + h3, legend { font-size: 20px; - line-height: 30px; } + line-height: 30px; + } + h4 { font-size: 18px; - line-height: 27px; } + line-height: 27px; + } + h5, h6 { font-size: 16px; - line-height: 24px; } + line-height: 24px; + } + h6 { font-weight: normal; - font-style: italic; } + font-style: italic; + } + a { border-bottom: 1px dotted; - text-decoration: none; } - a img { - margin-bottom: -2px; - vertical-align: sub; - border: none; } + text-decoration: none; + } + a img { + margin-bottom: -2px; + vertical-align: sub; + border: none; + } + p, ul, ol, dl { line-height: 24px; - margin-bottom: 24px; } + margin-bottom: 24px; + } + ul ul, ul ol, ol ul, ol ol { - margin: 0; } + margin: 0; + } + dt { font-style: italic; - font-weight: normal; } + font-weight: normal; + } + dd { - margin-left: 1.3333em; } + margin-left: 1.3333em; + } + table { width: 100%; border: 1px solid #ccc; border-width: 1px 1px 0 0; - margin-bottom: 1.3333em; } + margin-bottom: 1.3333em; + } + th { font-weight: bold; - text-align: left; } + text-align: left; + } + th, td { border: solid #ccc; border-width: 0 0 1px 1px; - padding: 4px; } + padding: 4px; + } + blockquote { font-style: italic; margin-left: 2.6667em; - margin-right: 2.6667em; } + margin-right: 2.6667em; + } + #skipnav { border: 0; clip: rect(0, 0, 0, 0); @@ -427,136 +505,221 @@ th { overflow: hidden; padding: 0; position: absolute; - width: 1px; } + width: 1px; + } + #skipnav:focus { top: 0; z-index: 9999; clip: initial; height: auto; width: auto; - padding: .5em; - border: 1px blue dashed; } + padding: 0.5em; + border: 1px blue dashed; + } + #content { - padding: 0 5.26316%; } + padding: 0 5.2631578947%; + } + /* @end */ /* @group ----- Reusable classes ----- */ .active { - font-weight: bold; } + font-weight: bold; + } + .item-img, - .image { +.image { float: left; display: block; margin: 0 24px 12px 0; height: 100px; border-bottom: 0; - overflow: visible; } - .item-img a, - .image a { - display: block; } + overflow: visible; + } + .item-img a, +.image a { + display: block; + } + #content .item img, - .item #content img, - .image img { +.item #content img, +.image img { height: 100px; vertical-align: bottom; border: 1px solid #ccc; padding: 5px; - background-color: #fff; } + background-color: #fff; + } + .collection .image, - .exhibit .image { +.exhibit .image { box-shadow: -3px -3px 0 rgba(0, 0, 0, 0.2), -6px -6px 0 rgba(0, 0, 0, 0.1); - margin-left: 6px; } + margin-left: 6px; + } + .record { - clear: both; } + clear: both; + } + .secondary-nav + .exhibit { - margin-top: -1px; } + margin-top: -1px; + } + .columns.alpha, - .field label, - .field .label { - font-weight: bold; } +.field label, +.field .label { + font-weight: bold; + } + /* @end */ /* @group ----- Formalize Styles ----- */ /* == http://formalize.me == */ /* `Widths -----------------------------------------------------------------------------------------------------*/ + ----------------------------------------------------------------------------------------------------*/ .input_tiny { - width: 50px; } + width: 50px; + } + .input_small { - width: 100px; } + width: 100px; + } + .input_medium { - width: 150px; } + width: 150px; + } + .input_large { - width: 200px; } + width: 200px; + } + .input_xlarge { - width: 250px; } + width: 250px; + } + .input_xxlarge { - width: 300px; } + width: 300px; + } + .input_full { - width: 100%; } + width: 100%; + } + /* - Added via JS to