diff --git a/customizations/Dotawo/assets/css/site.css b/customizations/Dotawo/assets/css/site.css index e69de29..d580080 100644 --- a/customizations/Dotawo/assets/css/site.css +++ b/customizations/Dotawo/assets/css/site.css @@ -0,0 +1,566 @@ +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; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, th { + padding: 0; +} + +td:not([align]), th:not([align]) { + text-align: left; +} + +@font-face { + font-family: 'Gentium Plus'; + font-style: normal; + src: url('../fonts/GentiumPlus-R.woff'), url('../fonts/GentiumPlus-R.woff') format('woff'); +} + +@font-face { + font-family: 'Gentium Plus'; + font-style: italic; + src: url('../fonts/GentiumPlus-I.woff'), url('../fonts/GentiumPlus-I.woff') format('woff'); +} + +@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.4; +} + +body { + font-family: 'Gentium Plus', serif; + max-width: 1024px; + font-size: 1.4rem; + padding-left: 3rem; + padding-top: 0.5rem; + padding-right: 2rem; + color: black; +} + +.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: 700; + 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: 'Gentium Plus'; + font-size: 1.4rem; + font-weight: bold; +} + +#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: 700; + font-size: 0.97em; + cursor: pointer; +} + +h1 { + display: none; +} + +h2 { + font-weight: 700; + font-size: 1.6rem; +} + +h3 { + font-weight: 700; + font-size: 1.4rem; +} + +h4 { + font-weight: 700; + font-size: 1.2rem; +} + +h5 { + font-weight: 700; + font-size: 1.1rem; +} + +h6 { + font-weight: 700; + font-size: 1rem; +} + +blockquote { + font-style: italic; + 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; +} + +.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: 'Gentium Plus', serif; + font-variant: small-caps; +} + +body { + counter-reset: h2 glossN; +} + +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; +} + +.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; +} + +@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; + } +} \ No newline at end of file diff --git a/customizations/Dotawo/static/fonts/GentiumPlus-I.woff b/customizations/Dotawo/static/fonts/GentiumPlus-I.woff new file mode 100644 index 0000000..a0c58d9 Binary files /dev/null and b/customizations/Dotawo/static/fonts/GentiumPlus-I.woff differ diff --git a/customizations/Dotawo/static/fonts/GentiumPlus-R.woff b/customizations/Dotawo/static/fonts/GentiumPlus-R.woff new file mode 100644 index 0000000..ebefd08 Binary files /dev/null and b/customizations/Dotawo/static/fonts/GentiumPlus-R.woff differ diff --git a/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.eot b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.eot new file mode 100644 index 0000000..a1fd8f4 Binary files /dev/null and b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.eot differ diff --git a/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.svg b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.svg new file mode 100644 index 0000000..fd0ec65 --- /dev/null +++ b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.svg @@ -0,0 +1,581 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.ttf b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.ttf new file mode 100644 index 0000000..d3f4bca Binary files /dev/null and b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.ttf differ diff --git a/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.woff b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.woff new file mode 100644 index 0000000..5b46304 Binary files /dev/null and b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.woff differ diff --git a/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.woff2 b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..6442cfa Binary files /dev/null and b/customizations/Dotawo/static/fonts/great-vibes-v7-latin-ext_latin-regular.woff2 differ