707 lines
No EOL
15 KiB
CSS
707 lines
No EOL
15 KiB
CSS
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
|
||
|
||
html {
|
||
line-height: 1.4;
|
||
-webkit-text-size-adjust: 100%
|
||
}
|
||
|
||
body {
|
||
margin: 0
|
||
}
|
||
|
||
main {
|
||
display: block
|
||
}
|
||
|
||
h1 {
|
||
font-size: 2em;
|
||
margin: .67em 0
|
||
}
|
||
|
||
hr {
|
||
box-sizing: content-box;
|
||
height: 0;
|
||
overflow: hidden;
|
||
border-width: 0
|
||
}
|
||
|
||
pre {
|
||
font-family: monospace, monospace;
|
||
font-size: 1em
|
||
}
|
||
|
||
a {
|
||
background-color: transparent
|
||
}
|
||
|
||
abbr[title] {
|
||
border-bottom: none;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration: underline dotted;
|
||
text-decoration: underline dotted
|
||
}
|
||
|
||
b, strong {
|
||
font-weight: bolder
|
||
}
|
||
|
||
code, kbd, samp {
|
||
font-family: monospace, monospace;
|
||
font-size: 1em
|
||
}
|
||
|
||
small {
|
||
font-size: 80%
|
||
}
|
||
|
||
sub, sup {
|
||
font-size: 75%;
|
||
line-height: 0;
|
||
position: relative;
|
||
vertical-align: baseline
|
||
}
|
||
|
||
sub {
|
||
bottom: -.25em
|
||
}
|
||
|
||
sup {
|
||
top: -.5em
|
||
}
|
||
|
||
img {
|
||
border-style: none
|
||
}
|
||
|
||
button, input, optgroup, select, textarea {
|
||
font-family: inherit;
|
||
font-size: 100%;
|
||
line-height: 1.15;
|
||
margin: 0
|
||
}
|
||
|
||
button, input {
|
||
overflow: visible
|
||
}
|
||
|
||
button, select {
|
||
text-transform: none
|
||
}
|
||
|
||
button, [type=button], [type=reset], [type=submit] {
|
||
-webkit-appearance: button
|
||
}
|
||
|
||
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
|
||
border-style: none;
|
||
padding: 0
|
||
}
|
||
|
||
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
|
||
outline: 1px dotted ButtonText
|
||
}
|
||
|
||
fieldset {
|
||
padding: .35em .75em .625em
|
||
}
|
||
|
||
legend {
|
||
box-sizing: border-box;
|
||
color: inherit;
|
||
display: table;
|
||
max-width: 100%;
|
||
padding: 0;
|
||
white-space: normal
|
||
}
|
||
|
||
progress {
|
||
vertical-align: baseline
|
||
}
|
||
|
||
textarea {
|
||
overflow: auto
|
||
}
|
||
|
||
[type=checkbox], [type=radio] {
|
||
box-sizing: border-box;
|
||
padding: 0
|
||
}
|
||
|
||
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
|
||
height: auto
|
||
}
|
||
|
||
[type=search] {
|
||
-webkit-appearance: textfield;
|
||
outline-offset: -2px
|
||
}
|
||
|
||
[type=search]::-webkit-search-decoration {
|
||
-webkit-appearance: none
|
||
}
|
||
|
||
::-webkit-file-upload-button {
|
||
-webkit-appearance: button;
|
||
font: inherit
|
||
}
|
||
|
||
details {
|
||
display: block
|
||
}
|
||
|
||
summary {
|
||
display: list-item
|
||
}
|
||
|
||
template {
|
||
display: none
|
||
}
|
||
|
||
[hidden] {
|
||
display: none
|
||
}
|
||
|
||
@font-face {
|
||
font-family: vollkorn sc;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
src: url(../fonts/vollkorn-sc-v4-latin-ext_latin-regular.eot);
|
||
src: local(''), url(../fonts/vollkorn-sc-v4-latin-ext_latin-regular.eot?#iefix)format('embedded-opentype'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-regular.woff2)format('woff2'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-regular.woff)format('woff'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-regular.ttf)format('truetype'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-regular.svg#VollkornSC)format('svg')
|
||
}
|
||
|
||
@font-face {
|
||
font-family: vollkorn sc;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
src: url(../fonts/vollkorn-sc-v4-latin-ext_latin-600.eot);
|
||
src: local(''), url(../fonts/vollkorn-sc-v4-latin-ext_latin-600.eot?#iefix)format('embedded-opentype'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-600.woff2)format('woff2'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-600.woff)format('woff'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-600.ttf)format('truetype'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-600.svg#VollkornSC)format('svg')
|
||
}
|
||
|
||
@font-face {
|
||
font-family: vollkorn sc;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
src: url(../fonts/vollkorn-sc-v4-latin-ext_latin-700.eot);
|
||
src: local(''), url(../fonts/vollkorn-sc-v4-latin-ext_latin-700.eot?#iefix)format('embedded-opentype'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-700.woff2)format('woff2'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-700.woff)format('woff'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-700.ttf)format('truetype'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-700.svg#VollkornSC)format('svg')
|
||
}
|
||
|
||
@font-face {
|
||
font-family: vollkorn sc;
|
||
font-style: normal;
|
||
font-weight: 900;
|
||
src: url(../fonts/vollkorn-sc-v4-latin-ext_latin-900.eot);
|
||
src: local(''), url(../fonts/vollkorn-sc-v4-latin-ext_latin-900.eot?#iefix)format('embedded-opentype'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-900.woff2)format('woff2'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-900.woff)format('woff'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-900.ttf)format('truetype'), url(../fonts/vollkorn-sc-v4-latin-ext_latin-900.svg#VollkornSC)format('svg')
|
||
}
|
||
|
||
@font-face {
|
||
font-family: vollkorn;
|
||
font-style: italic;
|
||
font-weight: 500;
|
||
src: url(../fonts/vollkorn-v12-latin-ext_latin-500italic.eot);
|
||
src: local(''), url(../fonts/vollkorn-v12-latin-ext_latin-500italic.eot?#iefix)format('embedded-opentype'), url(../fonts/vollkorn-v12-latin-ext_latin-500italic.woff2)format('woff2'), url(../fonts/vollkorn-v12-latin-ext_latin-500italic.woff)format('woff'), url(../fonts/vollkorn-v12-latin-ext_latin-500italic.ttf)format('truetype'), url(../fonts/vollkorn-v12-latin-ext_latin-500italic.svg#Vollkorn)format('svg')
|
||
}
|
||
|
||
@font-face {
|
||
font-family: vollkorn;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
src: url(../fonts/vollkorn-v12-latin-ext_latin-regular.eot);
|
||
src: local(''), url(../fonts/vollkorn-v12-latin-ext_latin-regular.eot?#iefix)format('embedded-opentype'), url(../fonts/vollkorn-v12-latin-ext_latin-regular.woff2)format('woff2'), url(../fonts/vollkorn-v12-latin-ext_latin-regular.woff)format('woff'), url(../fonts/vollkorn-v12-latin-ext_latin-regular.ttf)format('truetype'), url(../fonts/vollkorn-v12-latin-ext_latin-regular.svg#Vollkorn)format('svg')
|
||
}
|
||
|
||
@font-face {
|
||
font-family: vollkorn;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
src: url(../fonts/vollkorn-v12-latin-ext_latin-500.eot);
|
||
src: local(''), url(../fonts/vollkorn-v12-latin-ext_latin-500.eot?#iefix)format('embedded-opentype'), url(../fonts/vollkorn-v12-latin-ext_latin-500.woff2)format('woff2'), url(../fonts/vollkorn-v12-latin-ext_latin-500.woff)format('woff'), url(../fonts/vollkorn-v12-latin-ext_latin-500.ttf)format('truetype'), url(../fonts/vollkorn-v12-latin-ext_latin-500.svg#Vollkorn)format('svg')
|
||
}
|
||
|
||
@font-face {
|
||
font-family: vollkorn;
|
||
font-style: italic;
|
||
font-weight: 400;
|
||
src: url(../fonts/vollkorn-v12-latin-ext_latin-italic.eot);
|
||
src: local(''), url(../fonts/vollkorn-v12-latin-ext_latin-italic.eot?#iefix)format('embedded-opentype'), url(../fonts/vollkorn-v12-latin-ext_latin-italic.woff2)format('woff2'), url(../fonts/vollkorn-v12-latin-ext_latin-italic.woff)format('woff'), url(../fonts/vollkorn-v12-latin-ext_latin-italic.ttf)format('truetype'), url(../fonts/vollkorn-v12-latin-ext_latin-italic.svg#Vollkorn)format('svg')
|
||
}
|
||
|
||
@font-face {
|
||
font-family: great vibes;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
src: url(../fonts/great-vibes-v7-latin-ext_latin-regular.eot);
|
||
src: local('Great Vibes'), local('GreatVibes-Regular'), url(../fonts/great-vibes-v7-latin-ext_latin-regular.eot?#iefix)format('embedded-opentype'), url(../fonts/great-vibes-v7-latin-ext_latin-regular.woff2)format('woff2'), url(../fonts/great-vibes-v7-latin-ext_latin-regular.woff)format('woff'), url(../fonts/great-vibes-v7-latin-ext_latin-regular.ttf)format('truetype'), url(../fonts/great-vibes-v7-latin-ext_latin-regular.svg#GreatVibes)format('svg')
|
||
}
|
||
|
||
body {
|
||
font-family: vollkorn, serif;
|
||
font-weight: 400;
|
||
max-width: 1024px;
|
||
font-size: 1.4rem;
|
||
padding-left: 3rem;
|
||
padding-top: .5rem;
|
||
padding-right: 2rem;
|
||
color: blue
|
||
}
|
||
|
||
.headiter {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
border-bottom: .3rem solid red;
|
||
border-top: .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: -ms-grid;
|
||
display: grid;
|
||
-ms-grid-columns: auto;
|
||
grid-template-columns: auto;
|
||
grid-auto-flow: column;
|
||
position: -webkit-sticky;
|
||
position: sticky;
|
||
top: 0;
|
||
padding-top: .5rem;
|
||
font-size: 1.1rem;
|
||
background-color: #fff;
|
||
z-index: 10
|
||
}
|
||
|
||
.mantlebar {
|
||
display: none
|
||
}
|
||
|
||
.breadcrumbs {
|
||
-ms-grid-column: 1;
|
||
grid-column: 1
|
||
}
|
||
|
||
.bibliotheke {
|
||
width: 2.4rem;
|
||
-ms-grid-column: 2;
|
||
grid-column: 2;
|
||
margin-left: auto
|
||
}
|
||
|
||
.bibliotheke:hover {
|
||
text-decoration: none;
|
||
font-size: 1rem
|
||
}
|
||
|
||
.alsoin {
|
||
font-weight: 700;
|
||
display: inline-flex;
|
||
padding-left: .2rem;
|
||
padding-right: .3rem
|
||
}
|
||
|
||
.ddmenu {
|
||
cursor: pointer;
|
||
display: -ms-inline-grid;
|
||
display: inline-grid
|
||
}
|
||
|
||
.ddmenu input {
|
||
display: none
|
||
}
|
||
|
||
.ddmenu li {
|
||
list-style-type: none
|
||
}
|
||
|
||
.ddmenu .hiddendiv {
|
||
display: none;
|
||
margin-top: -.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: .3em solid red;
|
||
display: inline-flex;
|
||
font-family: great vibes, cursive;
|
||
font-size: 1.2rem;
|
||
font-weight: 700;
|
||
color: #fff;
|
||
background-color: red;
|
||
position: relative;
|
||
padding-left: 1em;
|
||
padding-right: .3em;
|
||
padding-bottom: 1.2em;
|
||
max-width: 0;
|
||
max-height: 0
|
||
}
|
||
|
||
.sandpointF {
|
||
position: absolute;
|
||
font-size: 1.2em;
|
||
margin-top: -.2em;
|
||
margin-left: -.4em
|
||
}
|
||
|
||
.sandpointN {
|
||
position: absolute;
|
||
font-size: .7em;
|
||
margin-top: .4em;
|
||
color: red;
|
||
margin-left: -.5em
|
||
}
|
||
|
||
.sandpointC {
|
||
position: absolute;
|
||
font-size: 1em;
|
||
margin-left: -.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: .9em;
|
||
font-style: normal;
|
||
color: red;
|
||
vertical-align: baseline;
|
||
position: relative;
|
||
top: -.3em
|
||
}
|
||
|
||
.sup:hover {
|
||
font-weight: 400!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: -ms-grid;
|
||
display: grid;
|
||
-ms-grid-columns: 1fr 1fr;
|
||
grid-template-columns: 1fr 1fr
|
||
}
|
||
|
||
.leftcolumn {
|
||
-ms-grid-column: 1;
|
||
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: .5rem;
|
||
color: rgba(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, .2);
|
||
font-size: 1.3em;
|
||
padding-left: .1em
|
||
}
|
||
|
||
.rightcolumn {
|
||
-ms-grid-column: 2;
|
||
grid-column: 2;
|
||
display: -ms-grid;
|
||
display: grid;
|
||
-ms-grid-columns: auto 1fr;
|
||
grid-template-columns: auto 1fr;
|
||
padding-left: .5rem
|
||
}
|
||
|
||
.has {
|
||
-ms-grid-column: 1;
|
||
grid-column: 1
|
||
}
|
||
|
||
.content {
|
||
margin-top: 4rem;
|
||
padding-left: 3rem;
|
||
padding-right: 10rem;
|
||
max-width: 720px
|
||
}
|
||
|
||
a {
|
||
color: #000;
|
||
text-decoration: none
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-color: red;
|
||
text-decoration-color: red;
|
||
font-weight: 500;
|
||
font-size: .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: .1rem;
|
||
padding-bottom: .1rem;
|
||
background-color: #fff9f9
|
||
}
|
||
|
||
h2+p:first-letter {
|
||
font-family: great vibes, cursive;
|
||
color: rgba(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, .1);
|
||
top: 0;
|
||
margin-top: -.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, .4);
|
||
counter-increment: h2;
|
||
content: counter(h2)". "
|
||
}
|
||
|
||
h3:before {
|
||
color: rgba(0, 0, 0, .4);
|
||
counter-increment: h3;
|
||
content: counter(h2)"." counter(h3)". "
|
||
}
|
||
|
||
h4:before {
|
||
color: rgba(0, 0, 0, .4);
|
||
counter-increment: h4;
|
||
content: counter(h2)"." counter(h3)"." counter(h4)". "
|
||
}
|
||
|
||
h5:before {
|
||
color: rgba(0, 0, 0, .4);
|
||
counter-increment: h5;
|
||
content: counter(h2)"." counter(h3)"." counter(h4)"." counter(h5)". "
|
||
}
|
||
|
||
h6:before {
|
||
color: rgba(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: .8rem
|
||
}
|
||
|
||
#toggleAllLinks:hover {
|
||
cursor: pointer;
|
||
text-decoration: underline;
|
||
-webkit-text-decoration-color: red;
|
||
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: .2em
|
||
}
|
||
.content {
|
||
padding: 0;
|
||
margin: 0 auto;
|
||
margin-top: 4rem
|
||
}
|
||
.hpar {
|
||
display: none
|
||
}
|
||
.mantletitle {
|
||
font-size: 1.7rem
|
||
}
|
||
.sessiongrid {
|
||
display: none
|
||
}
|
||
} |