diff --git a/customizations/RaceCriticalTheories/assets/css/site.css b/customizations/RaceCriticalTheories/assets/css/site.css new file mode 100644 index 0000000..93adc9c --- /dev/null +++ b/customizations/RaceCriticalTheories/assets/css/site.css @@ -0,0 +1,931 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.4; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: hidden; /* 2 */ + border-width: 0px; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} + +/* vollkorn-sc-regular - latin-ext_latin */ +@font-face { + font-family: 'Vollkorn SC'; + font-style: normal; + font-weight: 400; + src: url('../fonts/vollkorn-sc-v4-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/vollkorn-sc-v4-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-regular.svg#VollkornSC') format('svg'); /* Legacy iOS */ +} + +/* vollkorn-sc-600 - latin-ext_latin */ +@font-face { + font-family: 'Vollkorn SC'; + font-style: normal; + font-weight: 600; + src: url('../fonts/vollkorn-sc-v4-latin-ext_latin-600.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/vollkorn-sc-v4-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-600.svg#VollkornSC') format('svg'); /* Legacy iOS */ +} + +/* vollkorn-sc-700 - latin-ext_latin */ +@font-face { + font-family: 'Vollkorn SC'; + font-style: normal; + font-weight: 700; + src: url('../fonts/vollkorn-sc-v4-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/vollkorn-sc-v4-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-700.svg#VollkornSC') format('svg'); /* Legacy iOS */ +} + +/* vollkorn-sc-900 - latin-ext_latin */ +@font-face { + font-family: 'Vollkorn SC'; + font-style: normal; + font-weight: 900; + src: url('../fonts/vollkorn-sc-v4-latin-ext_latin-900.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/vollkorn-sc-v4-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/vollkorn-sc-v4-latin-ext_latin-900.svg#VollkornSC') format('svg'); /* Legacy iOS */ +} + +/* vollkorn-500italic - latin-ext_latin */ +@font-face { + font-family: 'Vollkorn'; + font-style: italic; + font-weight: 500; + src: url('../fonts/vollkorn-v12-latin-ext_latin-500italic.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/vollkorn-v12-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/vollkorn-v12-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/vollkorn-v12-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */ + url('../fonts/vollkorn-v12-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/vollkorn-v12-latin-ext_latin-500italic.svg#Vollkorn') format('svg'); /* Legacy iOS */ +} + +/* vollkorn-regular - latin-ext_latin */ +@font-face { + font-family: 'Vollkorn'; + font-style: normal; + font-weight: 400; + src: url('../fonts/vollkorn-v12-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/vollkorn-v12-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/vollkorn-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/vollkorn-v12-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/vollkorn-v12-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/vollkorn-v12-latin-ext_latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */ +} + +/* vollkorn-500 - latin-ext_latin */ +@font-face { + font-family: 'Vollkorn'; + font-style: normal; + font-weight: 500; + src: url('../fonts/vollkorn-v12-latin-ext_latin-500.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/vollkorn-v12-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/vollkorn-v12-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/vollkorn-v12-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */ + url('../fonts/vollkorn-v12-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/vollkorn-v12-latin-ext_latin-500.svg#Vollkorn') format('svg'); /* Legacy iOS */ +} + +/* vollkorn-italic - latin-ext_latin */ +@font-face { + font-family: 'Vollkorn'; + font-style: italic; + font-weight: 400; + src: url('../fonts/vollkorn-v12-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */ + src: local(''), + url('../fonts/vollkorn-v12-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/vollkorn-v12-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/vollkorn-v12-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */ + url('../fonts/vollkorn-v12-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/vollkorn-v12-latin-ext_latin-italic.svg#Vollkorn') format('svg'); /* Legacy iOS */ +} + +/* great-vibes-regular - latin-ext_latin */ +@font-face { + font-family: 'Great Vibes'; + font-style: normal; + font-weight: 400; + src: url('../fonts/great-vibes-v7-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ + src: local('Great Vibes'), local('GreatVibes-Regular'), + url('../fonts/great-vibes-v7-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('../fonts/great-vibes-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('../fonts/great-vibes-v7-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ + url('../fonts/great-vibes-v7-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('../fonts/great-vibes-v7-latin-ext_latin-regular.svg#GreatVibes') format('svg'); /* Legacy iOS */ +} + +body { + font-family: 'Vollkorn', serif; + font-weight: 400; + max-width: 1024px; + font-size: 1.4rem; + padding-left: 3rem; + padding-top: 0.5rem; + padding-right: 2rem; + color: lightsteelblue; +} + +.headiter { + display:flex; + justify-content:space-between; + border-bottom: 0.3rem solid red; + border-top: 0.1rem solid red; + padding-top:1rem; + padding-bottom:.5rem; + padding-left:1rem; + padding-right:1rem; + margin-bottom:1rem +} + +a.edit-button { + color:#000; + text-decoration:none +} + +a.edit-button:hover { + text-decoration:underline; + -webkit-text-decoration-color:red; + text-decoration-color:red; + font-weight:500; + font-size:.97em; + cursor:pointer +} + +.header { + display: grid; + grid-template-columns: auto; + grid-auto-flow: column; + position: sticky; + top: 0; + padding-top: 0.5rem; + font-size: 1.1rem; + background-color: white; + z-index: 10; +} + +.mantlebar { + display: none; +} + +.breadcrumbs { + grid-column: 1; +} + +.bibliotheke { + width: 2.4rem; + grid-column: 2; + margin-left: auto; +} + +.bibliotheke:hover { + text-decoration: none; + font-size: 1rem; +} + +.alsoin { + font-weight: bold; + display: inline-flex; + padding-left: 0.2rem; + padding-right: 0.3rem; +} + +.ddmenu { + cursor: pointer; + display: inline-grid; +} + +.ddmenu input { + display: none; +} + +.ddmenu li { + list-style-type: none; +} + +.ddmenu .hiddendiv { + display: none; + margin-top: -0.9rem; +} + +input:focus, +select:focus, +textarea:focus, +label:focus, +button:focus { + outline: none; +} + +.ddmenu input:checked ~ .hiddendiv { + display: block; +} + +.logolink { + width: 2.4rem; + margin-left: auto; +} + +.sandpointlogo { + border-radius: 50%; + border: 0.3em solid red; + display: inline-flex; + font-family: 'Great Vibes', cursive; + font-size: 1.2rem; + font-weight: bold; + color: white; + background-color: red; + position: relative; + padding-left: 1em; + padding-right: 0.3em; + padding-bottom: 1.2em; + max-width: 0em; + max-height: 0em; +} + +.sandpointF { + position: absolute; + font-size: 1.2em; + margin-top: -0.2em; + margin-left: -0.4em; +} + +.sandpointN { + position: absolute; + font-size: 0.7em; + margin-top: 0.4em; + color: red; + margin-left: -0.5em; +} + +.sandpointC { + position: absolute; + font-size: 1em; + margin-left: -0.37em; +} + +footer { + display: flex; + margin-bottom: 1rem; + margin-top: 4rem; +} + +li { + list-style-type: "› "; +} + +li[role=doc-endnote] { + list-style-type: decimal; +} + +ol li { + list-style-type: decimal; +} + +img { + width: 100%; +} + +.sup { + display: inline-flex; + flex-wrap: nowrap; + font-family: 'Great Vibes', cursive; + font-size: 0.9em; + font-style: normal; + color: red; + vertical-align: baseline; + position: relative; + top: -0.3em; +} + +.sup:hover { + font-weight: normal !important; +} + +.nosup a { + color: red; +} + +.nosup a span.sup { + display: none; +} + +.syllabustitle, .coretitle { + margin-top: 4rem; + font-style: italic; + font-size: 4rem; + margin-bottom: 4rem; +} + +.mantletitle, .crusttitle { + margin-top: 4rem; + font-style: italic; + font-size: 2rem; + margin-bottom: 4rem; +} + +.has, .afterhas { + font-style: italic; + font-size: 1.4rem; +} + +.grid { + padding-left: 3rem; + margin-bottom: 4rem; + display: grid; + grid-template-columns: 1fr 1fr; +} + +.leftcolumn { + grid-column: 1; + padding-right: 1.2rem; + position: relative; +} + +#TableOfContents { + margin-left: -2rem; + margin-top: -1.5rem; +} + +#TableOfContents li { + list-style: decimal inside; + padding-left: 0.5rem; + color: rgba(0, 0, 0, 0.4); + margin: 0; + padding: 0; +} +#TableOfContents li a { + font-family: 'Vollkorn'; + font-size: 1.4rem; + font-weight: 500; + font-style: normal; +} + +#TableOfContents > ol:first-child > span > li > a::after { + content: "¶"; + color: rgba(0, 0, 0, 0.2); + font-size: 1.3em; + padding-left: 0.1em; +} + +.rightcolumn { + grid-column: 2; + display: grid; + grid-template-columns: auto 1fr; + padding-left: 0.5rem; +} + +.has { + grid-column: 1; +} + +.content { + margin-top: 4rem; + padding-left: 3rem; + padding-right: 10rem; + max-width: 720px; +} + +a { + color: black; + text-decoration: none; +} + +a:hover { + text-decoration: underline; + text-decoration-color: red; + font-weight: 500; + font-size: 0.97em; + cursor: pointer; +} + +h1 { + display: none; +} + + +h2 { + font-weight: 500; + font-size: 1.6rem; +} + +h3 { + font-weight: 500; + font-size: 1.4rem; +} + +h4 { + font-weight: 500; + font-size: 1.2rem; +} + +h5 { + font-weight: 500; + font-size: 1.1rem; +} + +h6 { + font-weight: 500; + font-size: 1rem; +} + +blockquote { + font-style: italic; + border-left: 1px red solid; + padding-left: 1rem; + padding-right: 2rem; + padding-top: 0.1rem; + padding-bottom: 0.1rem; + background-color: #fff9f9; +} + +h2 + p:first-letter { + font-family: "Great Vibes", cursive; + color: rgba(0, 0, 0, 0.8); + font-size: 1.5em; + line-height: 0; +} + +.hx { + position: relative; +} + +.hpar { + position: absolute; + font-size: 1.7em; + font-style: normal; + color: rgba(0, 0, 0, 0.1); + top: 0; + margin-top: -0.4em; +} + +.smallcaps { + font-family: 'Vollkorn SC', serif; + font-weight: 400; +} + +body {counter-reset: h2} +h2 {counter-reset: h3} +h3 {counter-reset: h4} +h4 {counter-reset: h5} +h5 {counter-reset: h6} + +h2:before { + color: rgba(0, 0, 0, 0.4); + counter-increment: h2; + content: counter(h2) ". " +} + +h3:before { + color: rgba(0, 0, 0, 0.4); + counter-increment: h3; + content: counter(h2) "." counter(h3) ". " +} + +h4:before { + color: rgba(0, 0, 0, 0.4); + counter-increment: h4; + content: counter(h2) "." counter(h3) "." counter(h4) ". " +} + +h5:before { + color: rgba(0, 0, 0, 0.4); + counter-increment: h5; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". " +} + +h6:before { + color: rgba(0, 0, 0, 0.4); + counter-increment: h6; + content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". " +} + +h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before { content: ""; counter-increment: none } + +details { + padding-left: 1rem; +} + +#toggleAllLinks { + font-size: 0.8rem; +} + +#toggleAllLinks:hover { + cursor: pointer; + text-decoration: underline; + text-decoration-color: red; +} + +@media (max-width: 767px) { + html { + box-sizing: border-box; + max-width: 767px; + margin: 0 auto; + padding: 0; + } + + body { + font-size: 1rem; + padding-left: 10px; + padding-right: 10px; + } + + .grid { + display: inline; + } + + .coretitle { + margin-top: 3rem; + margin-bottom: 2rem; + font-size: 2.2rem; + } + + .leftcolumn { + display: none; + } + + .has, .afterhas { + font-size: 1.1rem; + } + + .mantle, .crust { + margin-bottom: 0.2em; + } + + .content { + padding: 0px; + margin: 0 auto; + margin-top: 4rem; + } + + .hpar { + display: none; + } + + .mantletitle { + font-size: 1.7rem; + } + + .sessiongrid { + display: none; + } +}