SandpointsTheme/assets/css/site.css

882 lines
16 KiB
CSS
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

html,
body,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
button,
input,
select,
textarea {
margin: 0;
}
html {
box-sizing: border-box;
}
img,
video {
height: auto;
max-width: 100%;
}
iframe {
border: 0;
}
strong del {
/* font-weight: normal; */
display: inline;
text-decoration: none;
margin-left: 1rem;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
table {
border-collapse: collapse;
border-spacing: 0;
background-color: #fff9f9;
border-left: 1px red solid;
margin-left: 1rem;
}
td,
th {
padding: 0;
vertical-align: top;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 0.5rem;
}
td:not([align]),
th:not([align]) {
text-align: left;
}
/* 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 */
}
html {
line-height: 1.5;
}
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: black;
}
#preview {
display: none;
}
sup,
sub {
vertical-align: baseline;
position: relative;
top: -0.4em;
}
sub {
top: 0.4em;
}
.headiter {
display: flex;
justify-content: space-between;
border-bottom: 0.3rem solid red;
border-top: 0.1rem solid red;
padding-top: 1rem;
padding-bottom: 0.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: 0.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, video {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.supt {
display: inline-flex;
flex-wrap: nowrap;
font-family: "Great Vibes", cursive;
font-size: 0.9em;
font-style: normal;
color: rgba(0, 0, 0, 0.8);
vertical-align: baseline;
position: relative;
top: -0.3em;
}
.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;
}
.grid {
padding-left: 3rem;
margin-bottom: 2rem;
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;
}
.counters {
color: rgba(0, 0, 0, 0.4);
}
.rightcolumn {
/* display: grid;
grid-column: 2;
grid-template-columns: auto 1fr;
grid-auto-rows: max-content; */
padding-left: 0.5rem;
}
.has {
display: inline-grid;
grid-column: 2;
grid-auto-rows: max-content;
font-size: 1.4rem;
font-style: italic;
margin-bottom: 0.8rem;
}
.hasauthors {
font-size: 1.6rem !important;
display: flex;
}
.hassup {
grid-column: 1;
font-family: "Great Vibes", cursive;
font-size: 0.9em;
font-style: normal;
color: red;
vertical-align: baseline;
position: relative;
/* top: -0.3em; */
}
.afterhas {
grid-column: 2;
}
.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;
}
.abstract {
font-style: italic;
border-left: 1px solid rgb(0, 0, 0);
margin-left: 5rem;
margin-right: 2rem;
margin-bottom: 1.2rem;
padding-left: 1rem;
padding-right: 2rem;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
background-color: rgba(0, 0, 0, 0.05);
max-width: 45ch;
}
.authors {
display: inline-block;
font-size: 1.8rem;
margin-left: 5rem;
margin-right: 2rem;
padding-left: 1rem;
}
.keywords {
display: inline-block;
font-size: 1.2rem;
margin-left: 5rem;
margin-right: 2rem;
padding-left: 1rem;
padding-right: 2rem;
margin-bottom: 2.2rem;
max-width: 72ch;
}
blockquote {
border-left: 1px red solid;
margin-left: 1rem;
margin-right: 2rem;
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;
}
details {
padding-left: 1rem;
}
#toggleAllLinks {
font-size: 0.8rem;
}
#toggleAllLinks:hover {
cursor: pointer;
text-decoration: underline;
text-decoration-color: red;
}
.glosscontainer {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-template-areas: "glossnumber gloss";
border-left: 1px red solid;
background-color: #fff9f9;
padding-top: 0.4em;
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 1rem;
margin-right: 2rem;
padding-bottom: 0.4em;
padding-left: 1rem;
padding-right: 2rem;
}
.gloss {
grid-area: gloss;
}
.glossnumber {
grid-area: glossnumber;
padding-right: 0.6rem;
}
.glossnumberAuto::before {
counter-increment: glossN;
content: "(" counter(glossN) ")";
}
/* .glossline {
border-bottom: lightgray solid 1px;
border-top: lightgray solid 1px;
} */
.glosswords {
display: inline-block;
padding-left: -0.3rem;
padding-right: 1rem;
}
.sitemap {
padding-left: 3rem;
font-size: 1.2rem;
}
.sitemap a {
color: rgba(0, 0, 0, 0.4);
}
.sitemap .sup {
color: rgba(255, 0, 0, 0.7);
}
.highline a,
.sitemap a:hover {
color: rgba(0, 0, 0, 1);
}
.highline .sup,
.sitemap .sup:hover {
color: red;
}
.highline {
font-size: 1.6rem;
color: rgb(0, 0, 0);
border-left: 1px red solid;
padding-left: 1rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
background-color: #fff9f9;
}
.svedit {
display: none;
margin-left: 0.5rem;
}
.affiliation {
font-size: smaller;
}
@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;
}
}